@charset "utf-8";
/* CSS Document */

body{
	background:#fff url(../images/bg-new.jpg) repeat-x;
	font-family:'Arial','Khmer OS Battambang';
	font-size:12px;
	margin:0;
	padding:0;
}

body, form, input, select{
	margin:0;
	font-family:'Arial','Khmer OS Battambang';
	font-size:12px;
	line-height:30px;
}

a{
	color:#039;
	font-size:12px;
	text-decoration:none;
}
a:hover{
	color:#464646;
}

table {
	border-collapse:collapse;
}
td{
	vertical-align:top;
}
#container{
	width:100%;
}

#top{
	width:100%;
	background:#85d0d0;
	height:60px;
}

#top div{
	float:left;
}

#logo{
	width:195px;
	padding:10px 0 10px 7px;
	background:#63c2e0;
}

#search{
	height:30px;
	min-width:500px;
	text-align:left;
	padding:15px 0 15px 25px;
}

#login{
	width:280px;
	height:60px;
	background:#85d0d0;
	vertical-align:middle;
}
.login{
	width:280px;
	text-align:right;
	font-size:14px;
	position:relative;
	top:0px;
	right: 10px;
	color:#fff;
}
.login a{
	color:#fff;
	text-decoration:none;
}
.login a:hover{
	color:#FFA;
}

#middle{
	width:100%;
	min-height:550px;
}

#midleft{
	width:200px;
	background:#f3f3f3;
}

#midcenter{
	min-width:540px;
	padding:0 20px;
	
}

#midright{
	width:200px;
	background:#f3f3f3;
}

#space-bar{
	width:100%;
	height:10px;
	background:#fff;
}
#space-bar-grey{
	width:100%;
	height:10px;
	background:#366;
}

#left{
	width:200px;
	min-height:500px;
	background:#464646;
}

#footer{
	background:#85d0d0;
	text-align:center;
	color:#fff;
	height:50px;
	vertical-align:middle;
	padding:5px;
	margin:0;
	line-height:20px;
	font-size:12px;
}
#footer a{
	color:#fff;
	text-decoration:underline;
}

/*-------------------------------------------Form Style------------------------------------------------*/

.txtSearch{
	width:350px;
	height:30px;
	font-size:14px;
	padding-left:10px;
	line-height:30px;
	border:0;
}
.search_box{
	height:32px;
	background:#fff;
	float:left;
}
.search_box input:focus{
	border:0;
}
.search_btn{
	height:33px;
	background:#878787;
	float:left;
	margin-top:-1px;
}
.search_btn:hover{
		background:#63c2e0;
}
.slStandard{
	width:100px;
	height:30px;
	font-size:12px;
}
.slStandard2{
	width:150px;
	height:30px;
	font-size:12px;
}
.slStandard3{
	width:200px;
	height:30px;
	font-size:12px;
}
.slShow{
	width:80px;
	height:30px;
	font-size:12px;
}
.slSubject-home{
	width:175px;
	height:30px;
	font-size:13px;
}
.slSubject{
	width:300px;
	height:30px;
	font-size:13px;
}
.text-field-form{
	width:295px;
	height:23px;
}
.txt-text-area{
	width:295px;
}
.add-file-form tr td p{
	margin-top:0px;
}
.boxlogin{
	width:280px;
	background:#63c2e0;
	position:fixed; 
	margin:0 auto; 
	left:40%;
	top:30%;
	display:none;
	z-index:1;
}
.boxmypage{
	width:150px;
	background:#63c2e0;
	position:absolute; 
	margin:0 auto; 
	right:-10px;
	top:45px;
	display:none;
	z-index:1000;
	text-align:left;
	box-shadow:#666 1px 1px 1px 1px;
}
.boxmypage ul{
	list-style-type:none;
	margin:0 0 0 -40px;
}
.boxmypage ul li{
	padding:2px 10px;
	border-bottom:1px dotted #f1f1f1;
}
.tranbg{
	width:100%;
	height:100%;
	background:#464646;
	opacity:0.6;
	filter:alpha(opacity=60);
	position:fixed;
	top:0;
	left:0;
	z-index:0;
	display:none;
}
.login-fm{
	font-size:13px;
}
.login-fm td{
	text-align:center;
}
.login-fm input{
	font-size:13px;
}

.btnlogin{
	width:100px;
	background:#898989;
	color:#fff;
	margin:5px 0;
	border:1px #fff solid;
}
.btnlogin:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
.txtPwd, .txtEmail{
	width:240px;
	height:30px;
	margin:5px 0;
	padding:3px 5px;
}
.txtPwd:hover, .txtEmail:hover{
	outline:1px solid #0072c6;
}

.remember-me{
	text-align:left; 
	padding:5px 20px;
}
/*===============================================================*/
#tooltip{
	position:absolute;
	background:#464646;
	padding:2px 5px;
	color:#fff;
	display:none;
	}
/*======================Data=======================*/
.title{
	width:150px;
	padding:10px 0 0px 10px;
	text-align:left;
	font-size:16px;
	color:#464646;
	float:left;
}
.title-right{
	width:100%;
	font-size:16px;
}
.title-right a{
	color:#464646;
	text-decoration:none;
}

.title-right a:hover{
	color:#039;
}

.title-right img{
	margin:5px 0 -5px 5px;
}

.content-title{
	padding:10px 0 10px 0;
	text-align:left;
	font-size:16px;
	color:#464646;
	width:90%;
	border-bottom:1px solid #d4d4d4;
	float:left;
}
.content-title-icon{
	width:10%;
	height:32px;
	float:left;
	padding:9px 0 9px 0;
	border-bottom:1px solid #d4d4d4;
	text-align:right;
}
.content-title-icon img{
	background:#878787;
}

.title-icon{
	width:30px;
	padding:10px 10px 0px 0;	
	float:left;
}
.subject{
	clear:both;
	width:180px;
	padding:10px;
}
.user{
	clear:both;
	width:180px;
	padding:10px;
}
.user a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
}
.user div{
	float:left;
	width:60px;
	text-align:center;
}
.user img{
	border:3px #878787 solid;
	background:#878787;
}

.file-name{
	vertical-align:middle;
	height:40px;
}
.file-name img{
	margin:3px 0;
	border:2px solid;
}
.file-name a{
	font-size:12px;
	text-decoration:none;
	color:#464646;
	line-height:30px;
	padding:5px 0;
}
.file-name a:hover{
	color:#039;
}

.file-des{
	font-size:10px;
	color:#464646;

}

.file-name-search{
	vertical-align:middle;
	height:65px;
}
.file-name-search img{
	margin:3px 0;
	border:2px solid;
}
.file-name-search a{
	font-size:14px;
	text-decoration:none;
	color:#039;
	line-height:30px;
	padding:5px 0;
}
.file-name-search a:hover{
	color:#464646;
}

.navigation{
	font-size:12px;
	color:#464646;
}

.navigation a{
	color:#039;
	text-decoration:none;
	background:#e1e1e1;
	padding:5px;
}
.navigation a:hover{
	color:#464646;
	background:#d1d1d1;
		padding:5px;
}
.navigation b{
	background:#e1e1e1;
	padding:5px;
	font-weight:normal;
}
.file_des td{
	font-size:12px;
	padding-left:5px;
	height:30px;
	width:25%;
	background:#f3f3f3;
}
.file_des2 td{
	font-size:12px;
	padding-left:5px;
	height:30px;
	width:25%;
	background:#fff;
}
.sc_share{
	font-size:15px;
	font-style:italic;
	font-weight:bold;
}
.sc_share a img{
	background:#8c8c8c;
	border:3px solid #8c8c8c;
	height:25px;
}
.sc_share a img:hover{
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
.clear{
	clear:both;
}
.user-info ul{
	margin:0 0 0 -10px;
}
.user-info ul li{
	list-style-type:none;
	padding-left:10px;
}
.subm-active{
	background:#ffffff;
}
.subm-active a{
	color:#464646;
}
.profile-photo{
	width:180px;
	padding:0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.profile-photo img{
	width:202px;
	background:#878787;
	border:0px solid #878787;
	margin-left:-2px;

}
.profile-photo .pro-name{
	width:182px;
	padding:5px 10px;
	color:#fff;
	background:#666;
	margin-left:-2px;
	opacity:0.8;
	margin-top:-40px;
}
.on-action a{
	font-size:10px;
}
.text-title{
	font-size:15px;
}
.head-menu-title a{
	font-size:15px;
}
.head-menu-title img{
	width:24px;
	margin-bottom:5px;
}
.head-func-title{
	font-size:16px;
	vertical-align:top;
	height:50px;
}
.head-menu-icon{
	background:#878787;
}
.action-icon{
	background:#878787;
	width:14px;
	padding:3px;
	margin-bottom:-5px;
}