@charset "utf-8";
/* CSS Document */
body{
	margin:0px; 
	padding:0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#efefef;
}

a:link {	color:#3688BE;TEXT-DECORATION: none}
a:visited {	color:#3688BE;TEXT-DECORATION: none}
a:hover {	color:#3688BE;TEXT-DECORATION: none}
a:active {	color:#3688BE;TEXT-DECORATION: none}

.display{display:compact;}
.no_display{display:none;}
.box_round{
	border:1px solid #777;
	
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	border-radius			: 5px 5px 5px 5px;

/*	-moz-box-shadow		: 0px 0px 5px #000; 
	-webkit-box-shadow	: 0px 0px 5px #000; 
	box-shadow			: 0px 0px 5px #000;
*/
}
.bottom_round{
	/*border:1px solid #777;*/
	
	-moz-border-radius		: 0px 0px 5px 5px;
	-webkit-border-radius	: 0px 0px 5px 5px;
	border-radius			: 0px 0px 5px 5px;

/*	-moz-box-shadow		: 0px 0px 5px #000; 
	-webkit-box-shadow	: 0px 0px 5px #000; 
	box-shadow			: 0px 0px 5px #000;*/
}

/*===== Button =====*/
.panel_btn{
	text-align:right;
	padding-right:10px;	
	font-size:12px;
	font-weight:normal;
}
input[type="button"] , input[type="submit"] , input[type="file"] {
	border:1px solid #999;
	background:#cacaca;
	padding:2px 10px 2px 10px;
	
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	border-radius			: 5px 5px 5px 5px;	
}
input[type="button"]:focus , input[type="submit"]:focus , input[type="file"]:focus,
input[type="button"]:hover , input[type="submit"]:hover , input[type="file"]:hover{
	background:/*#bababa ;*/#666;
	border:1px solid #444;
	color:#FFF;
}
.clear_both{	clear:both;	margin:0px;	padding:0px; }
.lable_2_col{ /*display:block;*/ width:220px;display:inline-block;}
.clear_line{ display:block;}
/*===== Element ======*/
table,form{margin:0px; padding:0px;}
tr{line-height:25px;}
td{padding:0px;}
/*select{
	border:1px solid #999;
	padding:3px;
	margin:2px;
	
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	border-radius			: 5px 5px 5px 5px;	
}*/
input[type=text] , textarea , select  {
	border:1px solid #999;
	padding:3px;
	margin:2px;
	
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	border-radius			: 5px 5px 5px 5px;	
}
input[type=text]:hover , textarea:hover  , select:hover {border:1px solid #09C;}
input[type=text]:focus , textarea:focus  , select:focus {border:1px solid #999; background-color: #FFC;}

.text_form{width:255px;}
.text_short_form{width:40px;}
.text_medium_form{width:120px;}

/*===== Message ======*/
.msg_error {
	font-size:12px;
	font-weight:bold;
	text-align:center; 

	width:300px;
	margin:7px auto 5px auto;	
	padding:4px;
	
	background-color:#FFC;/*#E0E091;*/
	color: #C00; 
	border: 2px solid #FFF;/*	#83A60B*/	
	visibility:hidden;	
		
	position				: relative;
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	border-radius			: 5px 5px 5px 5px;

	z-index: 100;
/*	behavior: url(css/ie-css3.htc);*/
}
.msg_success {
	font-size:12px;
	font-weight:bold;
	text-align:center; 
	
	width:300px;
	margin:7px auto 5px auto;	
	padding:4px;

	background-color:#FFC;
	color: #555;	
	border: 2px solid #FFF;	
	visibility:hidden;
	
	position				: relative;
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
	border-radius			: 5px 5px 5px 5px;

	z-index: 100;
/*	behavior: url(css/ie-css3.htc);*/
}

/*==== Text ===*/
.text_normal{color:#000; }
.text_bold{	font-weight:bold; }
.text_through{text-decoration:line-through; }
.text_red{	color:#C00; }
.text_blue{	color:#009; }
.text_gray{ color:#999;}

.align_center{ text-align:center;}
.align_right{ text-align:right; }
.align_left{ text-align:left;  }

/*====== Top page ===*/
#top_page{
	width:100%;/*1000px;*/
	margin:0px auto;
	padding:0px;
	height:70px;
	background:#FFF;/*#eaeaea;*/
	min-width:900px;
	background:url(../images/header.jpg) left repeat;
	opacity:0.70; -moz-opacity:0.70; filter:alpha(opacity=70) ;
}
#logo{
	float:left;
	padding:5px 5px 5px 10px ;
	white-space:nowrap;	
	font-size:24px;	
	font-weight:bold;
	color:#FFF;/*#5CBABA;*/
	
}
/*====== account ========*/
#account{ 	
	height: 30px;
	padding:10px;
	margin:0px;
	color:#FFF;/*#3688BE;*/
/*	font-family: verdana, Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	float: right;
	font-weight:normal;
	width:500px;
}

#account ul {
	margin: 0px;
	padding: 5px 10px 5px 2px;
	list-style: none;
	float: right;
}

#account li {
	display: block;	
	padding: 0px 10px 0px 10px;	
	float: left; 
	border-right:1px #FFF solid; /*#096*/
}

#account a {
	float:right;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	color:#FFF; /*#3688BE ;*/
	text-decoration: underline; 
}

#account li.last{ 
	border:none;
}

#account a:hover { 
	color:#FFF;/*#3688BE;*/
}

/*====== container page =======*/
#container{	
	width:95%;/*1000px;*/
	padding:0px 0px 15px 0px;
	margin:0px auto; 
	min-width:900px;
	min-height:500px;
}
#nav{
	width:100%;
	margin:0 auto;
	padding:5px 0px 5px 0px;
	font-size:14px;
}
#nav a , #nav a:hover{
	text-decoration:underline;
	color:#3688BE;
}

/*======= page =========*/
.page{
	width:100%;
	margin:0px auto; 
	padding:0px;
	background:#FFF;
}
.page h3{
	margin:0px;
	background: #69C url(../images/setup.png) left no-repeat ;
	background-position:10px;
	padding:3px 5px 3px 40px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
.header {
	border-bottom:1px solid #666;
}
.footer{
	border-bottom:1px solid #666;
}
.sub_header{
	background:#DBDBDB;
	padding:2px 20px 2px 20px;
}

.desc , .asc{
	padding-right:15px;
	background:url(../images/white_asc_desc.gif) right no-repeat;	
}
.current_desc{
	padding-right:15px;
	background:url(../images/desc.png) right no-repeat;
}
.desc:hover , .current_desc:hover  {
	padding-right:15px;
	background: url(../images/desc.png) right no-repeat;
	cursor:pointer;
}
.current_asc{
	padding-right:15px;
	background:url(../images/asc.png) right no-repeat;
}
.asc:hover , .current_asc:hover{
	padding-right:15px;
	background: url(../images/asc.png) right no-repeat;	
	cursor:pointer;
}
/* ========= page deatil ===========*/
.page_list{
	padding:5px 5px 2px 5px;
}
.page_list td.title{
	border-bottom:3px double #999;
	font-weight:bold;
	white-space:nowrap;
	cursor:default;
	padding-left:5px;
}
.page_list tr.title:hover{
	background-color:#FFF;
}
.page_list tr{}
.page_list tr:hover{
	background: #EDF5FF ;/* #DFE1E3;*/
	cursor:pointer;
}
.page_list td{
	border-bottom:1px dashed #cdcdcd;	
}
.next_page{
	text-decoration:underline;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
}
#select_page{width:50px;}

.page_detail{
	padding:10px 10px 20px 10px;
}
.page_detail td{
	padding:2px;
}
#field_group{
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	width:100%;
	border-bottom:1px solid #666;
	line-height:25px;
	min-width:500px;
}
#field_group ul{
	margin:0px;
	padding:0px;	
}
#field_group li{	
	margin:2px 2px 0px 0px;
	padding:2px 15px 2px 15px;
	list-style:none;
	float:left;	

	background:#FFF;
	border-top:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
	color:#999;
	
	position:relative;	
	cursor:pointer;
	
	-moz-border-radius		: 5px 5px 0px 0px;
	-webkit-border-radius	: 5px 5px 0px 0px;
	border-radius			: 5px 5px 0px 0px;
}
#field_group li.first{	
	border-left:1px solid #cdcdcd;
}
#field_group li:hover {
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	color:#888;
}
#field_group li.current{	
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	color:#09C;
	background:#e3e3e3;
}
/*.tab{
	margin:0px;
	padding:5px;
	border:1px solid #666;
	border-top:1px solid #666;
}*/
.tab{
	margin:0px;
	padding:5px;
	background-color:#FFF;
}
.tab td{border-bottom:1px dashed #999; padding:2px;}
.tab tr{}
.tab tr:hover{background-color: #EDF5FF ;/* #e5e6e7;*/}
/*#set_status , #search_status{ width:100px; }*/

/*========= Item ==========*/
.item_title{
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}