.floatwindow_root {
   position: absolute;
   background-color:white;
    /*border:1px solid #20B2AA;*/
   border:1px solid #0078d4;
   box-shadow: 0px 1px 8px #666;
      
}

.floatwindow_header {
    height: 30px;
    width: auto;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #ffffff;
    overflow: hidden;
    cursor:move;
    background-color: #0078d4;
    
}

.floatwindow_title {
    width: auto;
    float: left;
    color: #ffffff;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
}

.floatwindow_areaBtn {
    margin-top:5px;
    margin-bottom:5px;
    height:20px;
    float: right;
    padding:0px;
    width: 60px;
}
.floatwindowBtn {
    background-color: #DDDDDD;
    cursor: pointer;
    margin-left:8px;
    width: 20px;
    height: 20px;
    margin-top:0;
    display:block;
    float:left;
    border-width:0;
}
.floatwindow_minBtn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABxJREFUeF59wqENAAAAwjAc/3+4UwgORVMdpkcAGmYBzyVkvtAAAAAASUVORK5CYII=') no-repeat 2px 1px #DDDDDD;
}

.floatwindow_restoreBtn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAATklEQVR42mL8//8/A7mAiYECQJFmFlwSjIyMWP3z//9/RtrajG4LNtew4HMuMhvdINo4G5tzsQUgC7G20MfZuOIYQ93QTNsAAAAA//8DAEooHCesZLWKAAAAAElFTkSuQmCC') no-repeat 2px 2px #DDDDDD;
}

.floatwindow_closeBtn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAAV0lEQVR42uSSQQoAIAgEm/7/5+1UiJlEXYI8qqPrIpLKadRyEQ/BgADt5CdYEr3ZgrY28iu3/RYPpjfb5ghM4Uj2FmxvjDxI3V7J9gP48D0bAAAA//8DANh5MRvjTADdAAAAAElFTkSuQmCC') no-repeat 2px 2px #DDDDDD;
}

.floatwindow_resizable {
    width:16px;
    height:16px;
    position:absolute;
    padding:4px;
    bottom:0;
    right:0;
    cursor:nwse-resize;
    background: url('data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEUAAACqqqr+/v4vLy/6+vr+/v7+/v4AAABzc3Nvb2////+2trbJycnr6+vPz891dXVzc3OhoaF3d3eioqJ9fX2goKC+vr5/f3/Ly8t8fHz+/v4NyOEeAAAAG3RSTlMAjgtAaEpbR3wQA3dyanYndRN+L4g2mjByeR/NwbV+AAAARklEQVR4XmMgDTAzokqwM7KgybMxockzoctziqLJc/ChynNws6LK87ByEZLnF4DLCwoB5YVFeMECYkB5cQmgfkleKQYiAADT4wJh2XodKgAAAABJRU5ErkJggg==') no-repeat;
}

.floatwindow_container {
    overflow:auto;
    position:absolute;
    left:0px;
    top:30px;
    right:0px;
    bottom:0px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.floatwindow_content {
    overflow:auto;
    width:100%;
    height:100%;
}

.floatwindow_mobi_container {
    overflow:hidden;
    position:absolute;
    left:5px;
    top:5px;
    right:5px;
    bottom:5px;
}

.floatwindow_mobi_content {
    overflow:hidden;
    position:absolute;
    width:100%;
    height:100%;
}