/*================================ common usage ===============================*/
*{margin:0px;padding:0px;}
body{color:#000;background:#E4E4E4;font-family:Tahoma, arial, sans-serif;font-size:11px;text-align:left;}
a{color:#000;text-decoration:none;cursor:pointer;}
a:hover{color:#000;text-decoration:underline;cursor:pointer;}
img{border:none;}
ul {list-style-type:none;}
li {list-style-type:none;}
.video_thumbnail{
	width:104px;
	height:78px;
	padding:2px;
	_padding-bottom:0px;
	border:1px solid #c4c4c4;
	margin-bottom:4px;
	position:relative;
}
.video_blank{	
	border: 1px solid #c1c1c1;
	padding:1px;
	display:block;
	margin:0 auto;
}
.play{
	position:absolute;
	bottom:3px;
	right:3px;
	background:url(../images/icons/icon_play_17x17.gif) no-repeat top left;
	z-index:2;
}
.flash_fix{
		float:left;
		width:500px; overflow:hidden;
	}
.flash_fix embed{
	width:700px;
}	
input{font-family: Tahoma, arial, sans-serif;font-size:11px;}
select{font-family: Tahoma, arial, sans-serif;font-size:11px; width:400px;}
table{font-family: Tahoma, Arial, sans-serif;font-size:11px;color:#000;line-height:1.4;}

.clearfix:after	{content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;height: 0;clear: both;visibility: hidden;}
.clearfix	{display:inline;position:relative; }
.clearfix	{display:block;}
.link_s1 a{color:#000;text-decoration:none;}
.link_s1 a:hover{color:#000;text-decoration:underline;}
.link_s2 a{color:#FFF;text-decoration:none;}
.link_s2 a:hover{color:#FFF;text-decoration:underline;}
.videocate{color:#FF0000;}
/*================================ common usage ===============================*/

/*================================ header ===============================*/
#container{color:#000}
#header{background:#C00;width:100%;}
#header .logo{background:url(../images/graphics/logo.gif) no-repeat center center;width:200px;height:40px;float:left;padding:3px;}
#header .logout_box{float:right;padding-top:25px;text-align:right;font-weight:bold;padding-right:3px;}
#header .logout_box li{display:inline;padding:0 2px;}
/*================================ header ===============================*/

/*================================ footer ===============================*/
#footer{padding-bottom:15px;padding-left:15px;}
/*================================ footer ===============================*/

/*================================ top menu ===============================*/
#top_menu{/*background:url(../images/graphics/bg_menu_nor.gif);*/height:50px;font-weight:bold;}
#top_menu li{float:left;text-align:center}
#top_menu li a{float:left;text-decoration:none;color:#000000;height:35px;padding:6px 15px;}
#top_menu li.jobs a{float:left;text-decoration:none;color:#000000;height:35px;padding:6px 15px;width:50px}
#top_menu li a:hover{background: url(../images/graphics/bg_menu_act.gif);height:35px;padding:6px 15px;text-decoration:none}
#top_menu li#line{background:url(../images/graphics/line_menu.gif) no-repeat;width:2px;height:44px;line-height:0px;font-size:0px;padding:3px 0;}

#top_menu_module{/*background:url(../images/graphics/bg_menu_nor.gif);*/height:50px;font-weight:bold;}
#top_menu_module li{float:left;text-align:center;}
#top_menu_module li a{float:left;text-decoration:none;color:#000000;height:12px;padding:18px 15px;}
#top_menu_module li.box a{float:left;text-decoration:none;color:#000000;height:12px;padding:18px 15px;width:50px}
#top_menu_module li.home a{background:url(../images/icons/home.gif) no-repeat 8px center;float:left;text-decoration:none;color:#000000;height:12px;padding:18px 15px;padding-left:35px}
#top_menu_module li.home a:hover{background:url(../images/icons/home.gif) no-repeat 8px center #f2f2f2;float:left;text-decoration:none;color:#000000;height:12px;padding:18px 15px;padding-left:35px}
#top_menu_module li a:hover{background:url(../images/graphics/bg_menu_act.gif);height:12px;padding:18px 15px;text-decoration:none}
#top_menu_module li#line{background:url(../images/graphics/line_menu.gif) no-repeat;width:2px;height:44px;line-height:0px;font-size:0px;padding:3px 0;}


#top_menu li span.home a{float:left;text-decoration:none;color:#000000;height:35px;padding:6px 15px;width:50px}
#shadow_menu_index{background:url(../images/graphics/menu_shadow.gif) repeat-x;height:3px;font-size:0;}
#shadow_menu{background:url(../images/graphics/menu_shadow.gif) repeat-x;height:3px;font-size:0; margin-top:-10px;}

#navigation{background:none;padding:5px 10px;font-weight:bold; text-align:left;}
/*================================ top menu ===============================*/

/*================================ home ===============================*/
#main_modules{background:#FFF;border:1px solid #888;margin:2px 5px 30px 5px;padding:7px;}
#main_modules h1{font-size:16px;color:#C00;text-transform:uppercase}
#main_modules .module_items{margin:40px auto;width:740px;}
#main_modules .module_items a:hover{text-decoration:none;}
#main_modules .module_items img{background:url(../images/graphics/bg_module_item.gif) #FFF no-repeat top left;padding:8px 14px;margin:17px;margin-top:7px;margin-bottom:29px;}
#main_modules .module_items h3{font-size:12px;}
#main_modules .module_items ul{width:100%}
#main_modules .module_items li{text-align:center;display:inline;float:left;}
/*================================ home ===============================*/

/*================================ login ===============================*/
#login_container{background:#FFF;color:#000;text-align:center}
#login_container .login_logo{height:42px;margin-bottom:10px;padding-top:30px;}
#login_container .login_title{padding:20px 0;height:27px;}
#login_container .top_left{background:url(../images/graphics/top_left.gif) no-repeat;height:44px;width:9px;float:left}
#login_container .top_right{background:url(../images/graphics/top_right.gif) no-repeat;height:44px;width:9px;float:right}
#login_container .bot_left{background:url(../images/graphics/bot_left.gif) no-repeat;height:44px;width:9px;float:left}
#login_container .bot_right{background:url(../images/graphics/bot_right.gif) no-repeat;height:44px;width:9px;float:right}
#login_container .bar{background:url(../images/graphics/between.gif) repeat-x;height:44px;float:left;width:100%}
#login_container .bar p{padding-top:15px;text-align:right}
#login_container .login_cont{margin:0 auto;background:#FFF;padding:90px 0;float:left;width:100%}
#login_container .login_box{background:url(../images/graphics/login_box.gif) no-repeat center center;width:213px;height:63px;text-align:center;margin:0 auto;padding-top:65px;padding-left:105px}
#login_container .login_box .input{width:150px;height:15px;margin-bottom:3px;}
#login_container .login_box .submit{width:70px;height:20px;font-weight:bold;}
#login_container .login_box .pad{padding-left:28px;text-align:left}
#login_container .login_box a{color:#0a5edf;}
#login_container .login_box span{padding-left:20px;}
/*================================ login ===============================*/

/*================================ module ===============================*/

#module{margin:0 7px 10px 7px;padding-top:1px;border:1px solid #AAA;background:#FFF; width:auto;}
#module h1{font-size:12px;text-transform:capitalize;background:#C00;padding:2px 10px;color:#FFF;border-bottom:1px solid #AAA; text-align:left;}
.menu_col{border-right:1px solid #AAA;border-bottom:1px solid #AAA;}
#module .module_menu{width:190px;padding:5px 0;background:#F7F7F7;float:left}
#module .module_menu h2{background:url(../images/graphics/cir_grey.gif) no-repeat 12px center;font-size:12px;padding-left:25px;}
#module .module_menu li.nor{background:url(../images/graphics/cir_red.gif) no-repeat 25px center;font-size:12px;padding-left:35px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;margin:3px 0;}
#module .module_menu li.act{background:url(../images/graphics/cir_red.gif) no-repeat 25px center #F4ECD8;font-size:12px;padding-left:35px;border-top:1px solid #f7deb0;border-bottom:1px solid #f7deb0;margin:3px 0;}


#module .module_function{margin:4px;border:1px solid #AAA;padding:8px;}
#module .module_function h1{font-size:16px;text-transform:uppercase;background:none;color:#000;border:none}

#module .module_function h2{background:url(../images/icons/edit.gif) no-repeat left 0;padding-left:25px;padding-top:2px; font-size:12px;text-transform:uppercase;color:#C00;border:none;height:21px;width:100px; text-align:left; font-weight:bold;}
#module .module_function .pagination {width:100%;padding-top:3px;font-size:13px;}
#module .module_function .pagination ul{float:right;margin-right:10px;width:60%}
#module .module_function .pagination ul.right{text-align:right;}
#module .module_function .pagination ul.center{text-align:left;}
#module .module_function .pagination li{display:inline;padding:0 1px;}
#module .module_function .pagination li a{color:#00F;padding:0 2px;}
#module .module_function .pagination .act{color:#000;padding:0 4px;font-weight:bold;}
#module .module_function h4{font-size:11px;text-transform:uppercase;background:none;color:#000;border:none;padding:10px 0; text-align:left;}
#module .module_function span{color:#C00}

#module .module_function .form{}

#module .module_function span.comment{color:#000}
#module .label{text-align:right;color:#000;font-size:13px; font-weight:bold;}
#module .button_style{background:#FEFEFE;border:1px solid #000;font-size:13px;margin:0 3px;padding:0 5px;height:20px; line-height:16px;font-weight:bold;}

.table_form{ color:#000; font-family:Tahoma; font-size:12px;}
.table_form td{ padding:2px 0px 2px 0px;}
.table_form .textarea_1{height:58px;width:500px; padding:2px 0px 0px 2px;}
.table_form .textarea_2{height:118px;width:500px; padding:2px 0px 0px 2px;}
.table_form .textarea_3{height:38px;width:500px; padding:2px 0px 0px 2px;}
.table_form .textarea_4{height:38px;width:194px; padding:2px 0px 0px 2px; margin:0px;}
.table_form img{padding:1px;}
.table_form .line{ height:10px; margin-bottom:10px; font-size:0px; line-height:0px; width:100%; border-bottom:1px solid #f7deb0;}
.table_form .img_2{ margin-top:8px; _margin-top:0px; .margin-top:0px;}
.table_form .luuy{ color:#666; font-size:11px; font-style:italic; padding-bottom:4px; width:500px;}
.table_form .luuy2{ color:#666; font-size:11px; font-style:italic; padding-bottom:8px; width:270px;}
.table_form .check{ margin-right:4px; _margin-right:0px; .margin-right:0px;}
.table_form .up{ width:270px; margin-bottom:8px; _margin-bottom:8px; .margin-bottom:8px; overflow:hidden;}
.table_form .up .file{ padding:2px 0px 2px 0px;}
.table_form .up .left{ float:left;}
.table_form .up .right{ float:right; text-align:left; width:68px; _width:72px; .width:72px; font-size:11px; color:#000;}
.table_form .file_anh{ margin-bottom:22px; padding-top:8px; font-size:12px; font-weight:bold; text-align:right;}
.table_form .end{ margin:0px;}
.table_form .khaosat{ border:1px solid #ccc; background:#fff; margin-top:8px;}
.table_form .khaosat .title_khaosat{ font-size:16px; font-weight:bold; height:24px; line-height:24px;}
.items_list th{background:#f4ecd8;border-right:1px solid #f7deb0;color:#000;padding:10px 2px}
.items_list td{border-right:1px solid #f7deb0;color:#000;padding:8px;font-size:12px;}
.items_list td.first{border-right:1px solid #f7deb0;color:#000;font-size:12px;padding:0}
.items_list tr.odd{background:#FFF}
.items_list tr.even{background:#EEE;}
.active{color:#FF0000}
.choose{color:#0000FF;
	
}
.table_{ border-color:#FFFFFF; }
.items_list a{color:#C00;width:auto}
.bt{ background:url(../images/buttons/add.gif) no-repeat center; width:59px; height:26px; border:none; }
#module .module_function p{width:100%; text-align:left;}
#module .input5{width:500px;height:15px; padding:1px 0px 0px 2px;}
#module .input6{width:68px;height:16px; text-align:center; margin-top:8px; _margin-top:0px; .margin-top:0px;}
#module .input7{width:178px;height:15px; padding:1px 0px 0px 2px;}
#module .list_menu{width:205px;height:16px; _height:20px; .height:20px;padding-left:2px;}
#module .list_menu_1{width:205px; height:80px;padding-left:2px;}
#module .list_menu_2{width:205px; height:60px;padding-left:2px;}
#module .list_menu_3{ height:20px;}
#module .button{width:50px;height:20px;}
#module .form{background:#fdf7ec;border:1px solid #f7deb0;color:#000;padding:5px 20px;font-size:13px;height:auto; width:auto; margin:5px 0}
/*#module .form a{ float:left;}*/
#module .module_function h4{ font-weight:bold;}
#module .comment{ float:left;}
#module .items_list{background:#fdf7ec;border:1px solid #f7deb0;border-right:0;padding:1px 0 0 1px;margin:10px 0;color:#000 !important}
#module .module_items{margin:30px auto 0 auto;width:460px;}
#module .module_items a:hover{text-decoration:none;}
#module .module_items img{background:url(../images/graphics/bg_module_item.gif) #FFF no-repeat top left;padding:5px 10px;margin:12px;margin-top:7px;margin-bottom:20px;}
#module .module_items h3{font-size:12px;}
#module .module_items ul{width:100%;}
#module .module_items li{text-align:center;display:inline;float:left;}
/*================================ module ===============================*/
.white_space
{
	width:200px;
	white-space: pre-wrap; 
	white-space: -moz-pre-wrap; 
	white-space: -pre-wrap; 
	white-space: -o-pre-wrap; 
	.white-space: pre; 
	word-wrap: break-word;
	display:block;
}
/*================================ dropdown menu ===============================*/
#dropmenudiv{position:absolute;font:normal 12px Verdana;line-height:18px;}
#dropmenudiv a{background:#ebebeb;width:100%;display:block;text-indent:3px;border-bottom:1px solid #999;padding:1px 8px;text-decoration:none;font-weight:bold;font-size:11px;}
#dropmenudiv a:hover{background-color:#FEFEFE;}
.hidden{visibility:hidden;display:none;}
/*================================ dropdown menu ===============================*/
/*------------------ B Edit Scroll Images -------------------*/
#small_pic {width:700px;  margin-top:10px; height:150px; padding:0px 0px 4px 0px;}
#small_pic .center {float:left; width:657px; margin-left:1px; _margin-left:0px; .margin-left:1px;}
#small_pic .center .content .comment{ width:100px; height:144px; margin:2px; .margin:2px; _margin:1px; padding:2px; border:1px solid #ccc; text-align:center; margin-top:0px; margin-bottom:0px;}
#small_pic .center .content .comment p{ padding:2px 0px 4px 0px; text-align:center;}
#small_pic .center .content .comment .bt_2{ padding:0px 4px 0px 4px;}
#small_pic .center .content .comment .check{ padding:4px; .padding:0px; _padding:0px;}
#small_pic .left {float:left; width:20px; height:150px;}
#small_pic .center .content .done_left{ margin-left:1px;}
#small_pic .right {float:right; width:20px; height:150px;}
/*------------------ E Edit Scroll Images -------------------*/