/*~~~~~~Global Setting ~~~~~~~~*/
html, body{
    margin: 0px;
    padding: 0px;
    background-color:#E8E8E8;
}
body,td
{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#070707;
	
}
a,a:link,a:visited{color: #001C4D; text-decoration:none;}
a:hover,a:active,a:visited:hover{color: #FF6131; text-decoration:none;}
a img{border: none;}
ul li{  line-height: 1.5em; display:inline}
form{margin: 0;}
#leftCol fieldset{
	position: relative;
	padding: 6px;
	margin:8px;
	border:1px solid #a1a1a1;
	background-image: url(../images/panel_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #d9dbdc;
}
#leftCol legend {
	
	/*
	position: absolute;
	top: -.5em;
	left: .2em;*/
	top: -5px;
	left: 2px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
ul{list-style:none;}
.clear{
clear:both;
}

/*~~~~~~Layout Setting ~~~~~~~~*/
#leftCol, #rightCol, #body{

}
#wrapper
{
    margin: 0px 0px;
	min-width:760px;
	width:100%;
    padding:0px;
		
}
#body{
position:absolute;
top:60px;
width:100%;
border-color:#0000CC;
}
#leftCol{
	background:#e8e8e8;
	width:265px;
	/*width:255px;*/
	float:left;
	text-align:left;
	
}
#rightCol{
	width:100%;
	border: none;
	margin-left: -265px;
	float:right;
	

}
#rightCol img.ajaxLoadingImg{
margin-left: 50%;
margin-top:100px;
}
#content{
  margin-left: 265px;
overflow: auto;
overflow-x: hidden;	
max-height:380px;
}
 .pagination_content{
  margin-left: 265px;
overflow: auto;
overflow-x: hidden;	   
 }
.leftToRightArrow{
	background-image:url(../images/arrow_right.png);
    padding:2px 0 2px 16px;
    background-repeat:no-repeat;
    background-position:0 50%;
    text-decoration:none;
    height:100%;
}
/*      forms                */
.inputMtime{width:55px; height:14px; font-size:9px;}
.radio{
	background-color:none;
}
.calendar_trigger{
	background:none;
	border:none;
	height:17px;
	vertical-align:bottom;
}
table.tableSearch{
padding:0;
margin:0;
}
.boxSearch{
padding:0;
margin:0;
}
.boxSearchItems{
margin:0;
padding:0;
}
.boxSearchItems td{
text-align:left;
margin-left:5px;
}
.boxSearchItems dt{
text-align:left;
font-size:14px;
margin:0;
padding:0;
margin-left:5px;
}
.boxSearchItems dd{
display:block;
margin:0;
padding:0;
margin-left:20px;
}
.boxSearchItems dd b{
margin:0;
display:block;
}

#linkSearch{
float:right;
padding-right:8px;
display:block;
border:1px solid red;
}
.tableSearch{
margin:0;
}
p.searchButtons{
padding-top:5px;
}
#linkSelect{
float:right;
padding-right:8px;

}
#fileName{overflow:hidden;}
#header
{
	text-align:left;
	margin:0;
	padding:0;
	padding-top:0px;
	padding-left:18px;
	padding-right:18px;
	height:59px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:#ececed;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b3b3b4;
}

#currentFolderInfo dl{
	list-style:none;
	margin:0;
	padding:0;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	
}
#currentFolderInfo dt{
	font-size:12px;
	font-weight:bold;
	display:inline;
	margin:0;
	padding:0;
	color: #666666;
}
#currentFolderInfo dd{
display:inline;

}
#currentFolderInfo dd a{
text-decoration:underline;
}
#viewList{
position:absolute;
left:18px;
top:36px;
}
#actionHeader
{
    list-style-type: none;
    margin:0;
    padding:0;
	text-align:right;
}
#actionHeader li{line-height: 24px;}
/*~~~~~~Links Setting ~~~~~~~~*/
#actionHeader li a, #tickAll, .flagYes, .flagNo
{
    padding:2px 1px 2px 16px;
    background-repeat:no-repeat;
    background-position:0 50%;
    text-decoration:none;
    height:100%;
}
#actionInfo{background-image:url(../images/info.png);}
.check_all{background-image:url(../images/tickAll.png);}
.uncheck_all{background-image:url(../images/uncheckAll.png);}
.flagYes{background-image:url(../images/flagYes.png);}
.flagNo{background-image:url(../images/flagno.png);}
#actionCopy{background-image:url(../images/copy.png);}
#actionPaste{background-image:url(../images/paste.png);}
#actionCut{background-image:url(../images/cut.png);}
#actionDelete{background-image:url(../images/delete.png);}
#actionZip{background-image:url(../images/zip.png);}
#actionRefresh{background-image:url(../images/refresh.png);}
#actionUnzip{background-image:url(../images/unzip.png);}
#actionUnzip{background-image:url(../images/unzip.png);}
#actionUpload{background-image:url(../images/action/upload.png);}
#actionClose{background-image:url(../images/action/cross.png);}
#actionNewFolder{background-image:url(../images/action/folder_add.png);}
#actionNewFile{background-image:url(../images/action/page_add.png);}
#tickAll{margin-left:5px;}
a.action{
text-decoration:none;};

/*~~~~~~File / Folder Icon ~~~~~~~~*/
.noFlag{
background-image:none;

}
.cutFlag, .copyFlag{
    /*padding:2px 0 2px 7px;*/
		width:7px;
		height:7px;
    background-repeat:no-repeat;
		background-position:0 0px;
		overflow:hidden;
    text-decoration:none;
    height:100%;
}
.cutFlag{
background-image:url(../images/cut_flag.gif);
}
.copyFlag{
background-image:url(../images/copy_flag.gif);
}
span.folderEmpty, span.folder, span.folderParent,
span.fileUnknown, span.fileText, span.fileWord,
span.fileFlash, span.fileVideo, span.filePicture,
span.filePPT, span.fileExcel, span.filePhp,
span.fileMusic, span.fileExe, span.fileAcrobat,
span.fileRTF, span.fileXml, span.fileCode,
span.fileZip, span.addMore, span.deleteFile,
span.cancel,span.uploadProcessing{
padding:2px 0 2px 16px;
background-repeat:no-repeat;
background-position:0 50%;
}
span.uploadProcessing{background-image:url(../images/uploadProcessing.gif);}
span.deleteFile,span.cancel{background-image:url(../images/flagno.png);}
span.addMore{background-image:url(../images/add.png);}
span.folderEmpty{background-image:url(../images/small_icon/folderEmpty.png);}
span.folder{background-image:url(../images/small_icon/folder.png);}
span.folderParent{background-image:url(../images/small_icon/folderParent.png);}
span.fileUnknown{background-image:url(../images/small_icon/fileUnknown.png);}
span.fileText{background-image:url(../images/small_icon/fileText.png);}
span.fileWord{background-image:url(../images/small_icon/fileWord.png);}
span.fileFlash{background-image:url(../images/small_icon/fileFlash.png);}
span.fileVideo{background-image:url(../images/small_icon/fileVideo.png);}
span.filePicture{background-image:url(../images/small_icon/filePicture.png);}
span.filePPT{background-image:url(../images/small_icon/filePowerpoint.png);}
span.fileExcel{background-image:url(../images/small_icon/fileExcel.png);}
span.filePhp{background-image:url(../images/small_icon/filePhp.png);}
span.fileMusic{background-image:url(../images/small_icon/fileMusic.png);}
span.fileExe{background-image:url(../images/small_icon/fileExe.png);}
span.fileAcrobat{background-image:url(../images/small_icon/fileAcrobat.png);}
span.fileRTF{background-image:url(../images/small_icon/fileRTF.png);}
span.fileXml{background-image:url(../images/small_icon/fileXml.png);}
span.fileCode{background-image:url(../images/small_icon/fileCode.png);}
span.fileZip{background-image:url(../images/small_icon/fileZip.png);}
/* big icon */
dt.folderEmpty, dt.folder, dt.folderParent,
dt.fileUnknown, dt.fileText, dt.fileWord,
dt.fileFlash, dt.fileVideo,
dt.filePPT, dt.fileExcel, dt.filePhp,
dt.fileMusic, dt.fileExe, dt.fileAcrobat,
dt.fileRTF, dt.fileXml, dt.fileCode,
dt.fileZip{
margin: 0px;
padding:0px;
border:solid #ccc 1px;
display:block;
background-color:#ffffff;
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
}


dt.folderEmpty{background-image:url(../images/big_icon/folderEmpty.png);}
dt.folder{background-image:url(../images/big_icon/folder.png);
}
dt.folderParent{background-image:url(../images/big_icon/folderParent.png);}
dt.fileUnknown{background-image:url(../images/big_icon/fileUnknown.png);}
dt.fileText{background-image:url(../images/big_icon/fileText.png);}
dt.fileWord{background-image:url(../images/big_icon/fileWord.png);}
dt.fileFlash{background-image:url(../images/big_icon/fileFlash.png);}
dt.fileVideo{background-image:url(../images/big_icon/fileVideo.png);}

dt.filePPT{background-image:url(../images/big_icon/filePowerpoint.png);}
dt.fileExcel{background-image:url(../images/big_icon/fileExcel.png);}
dt.filePhp{background-image:url(../images/big_icon/filePhp.png);}
dt.fileMusic{background-image:url(../images/big_icon/fileMusic.png);}
dt.fileExe{background-image:url(../images/big_icon/fileExe.png);}
dt.fileAcrobat{background-image:url(../images/big_icon/fileAcrobat.png);}
dt.fileRTF{background-image:url(../images/big_icon/fileRTF.png);}
dt.fileXml{background-image:url(../images/big_icon/fileXml.png);}
dt.fileCode{background-image:url(../images/big_icon/fileCode.png);}
dt.fileZip{background-image:url(../images/big_icon/fileZip.png);}

table.tableSummary{
border-collapse:collapse;
width:100%;
}
table.tableSummary tbody td
{
	border:none;
	padding:2px 6px;
	text-align:left;
}
table.tableSummary tbody th{
	border:none;
	color:#000;
	white-space:nowrap;
	padding:1px 6px ;
	text-align:left;
}

/*  text listing*/
#textListing{
list-style:none;
}
#textListing li{
width:150px;
border:solid #999999 1px;
display:block;
float:left;
margin: 4px 4px;
padding:2px 2px;
}
/** thumbnail listing */
.thumbnailListing{
border:solid #ccc 1px;
display:block;
float:left;
margin: 3px 3px;
padding:1px;
background-color:#f4f4f4;
}
.thumbnailListing dt{
width:120px;
height:110px;
text-align:center;
margin:2px 2px;
padding:0;
border:solid #ccc 1px;
}

.thumbnailListing dt img{
vertical-align:middle;
}
.thumbnailListing_info{
width:125px;
display:block;
height:25px;
text-align:center;
margin:0px;
}
dd.thumbnailListing_info span, dd.thumbnailListing_info input, dd.thumbnailListing_info a{
vertical-align:middle;
}

.buttonLink{
height:24px;
background:url(../images/button/grey_lc.png) 0 0% no-repeat;
display:block;
padding-left:12px;
font-weight:bold;
}
.buttonLink span{
height:24px;
line-height:24px;
display:block;
padding-right:12px;
background:url(../images/button/grey_rc.png) 100% 0 no-repeat;
}
/* ~~~ === PAGINATION ===================================================== ~~~ */
.pagination_summany
{
    font-weight: bold;
}
p.pagination{
	clear: both;
	margin:0;
	padding:5px;
	width:100%;
	background-color:#e6e6e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#pagination_parent_link
{
    background: url(../images/go_parent.png) no-repeat 100% 50%;
    padding: 2px 6px 2px 10px;
}
a.pagination_first,
a.pagination_previous,
a.pagination_next,
a.pagination_last,
a.pagination_group
{
    background: url(../images/pagination/pagination_left.gif) no-repeat 0 50%;
    text-decoration: none;
    padding: 2px 0 2px 6px;
    font-size: 11px;
}
a.pagination_first span,
a.pagination_previous span,
a.pagination_next span,
a.pagination_last span,
a.pagination_group span
{
    background: url(../images/pagination/pagination_right.gif) no-repeat 100% 50%;
    padding: 2px 6px 2px 0;
}
a.pagination_first:hover,
a.pagination_previous:hover,
a.pagination_next:hover,
a.pagination_last:hover,
a.pagination_group:hover{color: #FF9900;}
a.pagination_active{font-weight: bold; color: #CC0000;}

/*~~~~~~Form Setting ~~~~~~~~*/
.input, .inputFile{
    border: 1px solid #86888B;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
}

.inputButton{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

}

/**  Detail View */
#tableList{
font-size:100%;
width:100%; 
}
#tableList thead th{
	text-align:left;
	color:#7a92c2;
	padding:8px 8px 6px 8px;
	background-color: #DDDBD2;
} 
#tableList thead th.docName{
	background:#DDDBD2; 
	padding:2px 0px 2px 20px;
	border-right-width: 2px;	
	border-right-style: groove;
} 
#tableList tbody td		{ background:#f2f1ee; padding:0; }
#tableList tbody td.docName	{ 
	background-color:#fff; 
	height: 22px; 
	border-right-width: 2px;
	border-right-style: groove;
	padding:2px 0px 2px 20px;
}
#tableList tbody td.docInfo{ 
	background-color:#f2f1ee; 
	height: 22px; 
	border-right-width: 2px;
	border-right-style: groove;
	padding:2px 0px 2px 20px;
}
.fileColumns{
	border-right-width: 2px;
	border-right-style: groove;
}
/*thinkbox*/
.jqmContainer{


}

.jqmHeader{

height:15px;
}
.jqmHeader a{
float:right;
margin-right:10px;
margin-top:-5px;
}
.jqmBody table thead th{
font-size:16px;
font-weight:bold;
text-align:center;
padding: 5px 5px;
}
.jqmBody table tbody th{
text-align:right;
padding: 2px 10px;
}

.jqmBody{

	border:1px solid #a1a1a1;
	background-image: url(../images/panel_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #d9dbdc;

}

/*~~~~~~Global Low Priority Setting ~~~~~~~~*/
.left, td.left, th.left, td.leftDisabled{text-align:left;}
.right, td.right, th.right{text-align:right;}
.center, td.center, th.center{text-align:center;}
