.docbr .tb, .docbr .tb li { padding:0; margin: 0; list-style: none;  }
.docbr .tb { padding: 0px; height: 25px; border-bottom: solid 1px #CCC; }
.docbr .tb li { float: left; font-size: 11px; margin-left: 5px; padding: 3px 0px; }
.docbr .tb a { text-transform: uppercase; display: block; padding: 1px 4px; }
.docbr .tb a:hover { background: #E6E6E6; }
.docbr .cocont { float: left; width: 100%; }
.docbr .co { margin-left: 160px; }
.docbr .trcont { float: left; width: 160px; margin-left: -100%; }
.docbr .tr { }
.docbr .cp { clear: left; border-top: solid 1px #CCC; padding:1px 0 1px 9px; font-size: 11px; }

#odDialogBg { position: absolute; top: 0px; left: 0px; background: #000; }
#odDialog { position: absolute; }
#odDialog .oddTitle { color: white; background: none; font-size: 14px; padding: 3px 23px 3px 10px; font-weight: bold; }
#odDialog .oddClose { background: #F00; width: 13px; height: 13px; position: absolute; top: 5px; right: 5px; }
#odDialog .oddContent { padding: 10px; border: solid 1px #CCC; background: #FFF; }

#cfvel { width: 100%; }
#CfvCont { white-space: nowrap; }
.col { height: 300px; overflow-y: scroll; overflow-x: hidden;}
.col ul, .col li { padding: 0; margin: 0; list-style: none; font-size: 11px; }
.col li { margin: 1px 0; padding: 1px 3px 1px 26px; background: url(../images/icons/folder.png) no-repeat 5px 2px; cursor: pointer; }
.col .files li { background-image: url(../images/icons/document.png); }
.col li.selected { background-color: #036; color: #FFF; }

/*ul.tree, ul.tree li { padding: 0; margin:0; list-style: none; font-size: 11px; }
ul.tree, ul.tree ul { margin-left: 7px; }
ul.tree li { padding: 1px 3px; }
ul.tree a { padding-left: 21px; background: url(../images/icons/folder.png) no-repeat top left; height: 16px; }*/

/*.co ul, .co li { padding:0; margin:0; list-style: none; font-size: 11px; clear: left; width: 480px; }
.co li span { float: left; display: block; padding: 1px 3px; overflow: hidden; }
.co li .name { width: 250px; }
.co li .size { width: 50px; }
.co li .type { width: 100px; }
.co li .date { width: 50px; clear: right; }*/

.cp ul, .cp li { height: 16px; padding: 0px; margin:0; list-style:none; }
.cp li { float: left; margin-right: 7px; cursor: pointer; }

#CfvContentsContainer { margin-left: 240px; }
#CfvContents { float: left; width: 100%; height: 400px; overflow: scroll; }
#CfvFolderNaviContainer { width: 240px; margin-left: -100%; float: left; height: 400px; }
#CfvFolderNavi { height: 400px; overflow: scroll; }

#CfvFolderNavi ul, #CfvFolderNavi li { padding: 0; margin: 0; list-style: none; font-size: 11px; }
#CfvFolderNavi li { margin: 1px 0; padding: 1px 0px 1px 26px; background: url(../images/icons/folder.png) no-repeat 5px 2px; cursor: pointer; }
#CfvFolderNavi li.selected { background-color: #036; color: #FFF; }
#CfvFolderNavi li.selected { background-color: #E8E8E8; color: #000; }

#CfvContents ul, #CfvContents li { padding: 0; margin: 0; list-style: none; font-size: 11px; }
#CfvContents li { clear:both; margin: 1px 0; padding: 1px 0px 1px 26px; background: url(../images/icons/folder.png) no-repeat 5px 2px; cursor: pointer; }
#CfvContents .files li { background-image: url(../images/icons/document.png); height: 18px; padding-left: 21px; white-space: nowrap; min-width: 220px; overflow-y: hidden; }
#CfvContents li.selected { background-color: #036; color: #FFF; }

#CfvContents span { display: block; float: left; overflow-x: hidden; white-space: nowrap; padding-left: 5px; min-width: 50px; }
#CfvContents .fn { width: 50%;}
#CfvContents .fs { width: 13%; }
#CfvContents .fm { width: 21%; }
#CfvContents .ft { width: 13%; }