body {background:#fff;color: #222;font-family: arial, Helvetica, sans-serif;font-size: 12px;margin: 0;padding: 0;}
a {color:#00F;text-decoration:none;}
a:hover{color:#356aa0; text-decoration:underline;}
ul, li {list-style: none outside none; padding:0; margin:0;}
.nopad_r {padding-right: 0 !important;}
.nopad_l {padding-left: 0 !important;}
.nomar_r {margin-right: 0 !important;}
.nomar_l {margin-left: 0 !important;}
.nomar_t {margin-top: 0 !important;}
.nobdr {border:none !important;}
.nobdr_l{border-left:none !important;}
.nobdr_r{border-right:none !important;}
.nobg{background:none !important;}
img {border:none;}
.clear{clear:both;}
.orange{color:#fc6600;}
.red{color:#dd0000 !important;}
.green{color:#4a9401;}
.grey{color:#999;}
.blue{color:#067bc1;}

table { border-collapse:collapse;}
.tableList { width:100%}

#wrap{width:100%; }
#header{width:100%; margin-top:6px;}
#header .bg_header_left{height:65px; width:11px;float:left; background:url(/includes/images/bg_header_left.png) no-repeat;}
#header .bg_header_right{height:65px; width:11px;float:right; background:url(/includes/images/bg_header_right.png) no-repeat;}
#header .header_content{height:65px;  background:url(/includes/images/bg_header_repeat.png) repeat-x; float:left;}
#header .logo{margin-top:15px; float:left;}
#header .curr_time{font-weight:bold; float:right; margin-top:-12px;}
#header .curr_time img{vertical-align:middle; margin-right:5px;}
#header .login_link{float:right; margin-top:15px;}
#header .login_link a{color:#004477;}
#header .admin_select{float:right; margin-top:15px; position:relative; margin-left:60px;}
#header .admin_select .list{position:absolute; right:0; top:20px; border:solid 1px #ddd; width:160px; background-color:#fff; border-radius:3px; display:none;}
#header .admin_select .list a{float:left; clear:both; padding:6px 10px; border-top:dotted 1px #ccc; width:140px; display:block;}
#header .admin_select .list a:first-child{border:none;}
#header .admin_select .curr a{font-weight:bold;}

#shadow_header{background:url(/includes/images/shadow_header.png) center top no-repeat; height:15px; clear:both;}

#content{clear:both; padding:0 18px;}
#content .content_page{}

.title_page{font-weight:normal; font-size:18px; margin-bottom:10px; margin-top:10px;}

.login_page .login_form{background:url(/includes/images/bg_login_form.jpg) no-repeat; width:669px; height:319px; margin-top:100px; overflow:hidden;}
.login_page .login_form .note{font-size:11px; text-align:center;  margin-top: 60px;height: 35px;line-height: 35px;}
.login_page .login_form .login_form_content{margin-top: 3px; float:left; margin-left: 137px; border:solid 1px #ddd;}
.login_page .login_form .login_form_content .tr{padding:13px 50px; border-bottom:dotted 1px #ddd;}
.login_page .login_form .login_form_content .tr label{width:130px; display:block; float:left; font-weight:bold; font-size:13px;}
.login_page .login_form .login_form_content .tr input{border:solid 1px #ddd; width: 160px; height: 21px;padding-left: 3px;}
.login_page .login_form .login_form_content .tr .btn_submit{display:block; width:114px; height:33px; background:url(/includes/images/btn_login.png) left center no-repeat; margin-left:131px;}
.login_page .login_form .login_form_content .tr .btn_submit:hover{background-position:right center;}

#header .list_site{float:left; margin-left:100px; margin-top:20px;}
#content.index_page .col{width:315px; float:left; border:solid 1px #ddd; margin-right:18px;}
#content.index_page .col .select_site{border-bottom:solid 1px #ddd; padding-bottom:8px; text-align:right; padding-top:8px; padding-right:8px; color:#666;}
#content.index_page .col .select_site span{font-weight:bold; margin-right:5px;}
#content.index_page .col .select_site select{width: 170px;height: 22px;border: solid 1px rgb(164, 197, 206);padding-right: 1px;padding-top: 1px;padding-bottom: 1px; color:#666;}

#content.index_page .col .title_col{height:37px; line-height:37px; font-size:15px; background:url(/includes/images/bg_title_col.png) left bottom repeat-x; font-weight:bold; color:#555; text-shadow:1px 1px 1px #fff;}
#content.index_page .col .title_col span{margin-left:10px;}
#content.index_page .col .content_col{padding-bottom:15px;}
#content.index_page .col .content_col ul li{padding:8px 0; border-top:dotted 1px #ccc; margin:3px; list-style:decimal; list-style-position:inside; padding-left:10px;}
#content.index_page .col .content_col ul li:first-child{border:none;}
#content.index_page .col .content_col ul li a{color:#004477;}
#content.index_page .col.work_note .content_col ul li a{color:#333;}
#content.index_page .col.work_note .content_col ul li{border-bottom:solid 1px #ddd; margin:0; padding:10px 0; border-top:none; padding-left:10px;}

#content.index_page .col.work_note .time_deadline{margin:10px 0; text-align:right;}
#content.index_page .col.work_note .time_deadline img{vertical-align:middle; float:right; margin-right:6px;}

#content.index_page .col.work_note .content_col .add_note{margin-top:30px; padding-left:10px; line-height:200%;}
#content.index_page .col.work_note .content_col .add_note textarea{width:94%; height:120px; background-color:#f9f9f9; border:solid 1px #ddd; padding:3px;}
#content.index_page .col.work_note .content_col .add_note a.btn_submit{display:block; padding:2px 18px; float:right; color:#fff; font-size:15px; background-color:#356aa0; text-align:center; margin-right:10px; border-radius:3px;}
#content.index_page .col.work_note .content_col .add_note a.btn_submit:hover{background-color:#23588e; text-decoration:none;}

.sectionHeader { font-size:18px;}
.row_hover { background-color:#CCFFCC}


/*paging*/
.pagingSpace{width:4px;}
.pagingFarSide{	width:15px;}
.pagingIntact A{display:block; padding: 1px 4px 0px 4px; text-decoration:none; border:1px solid #CCC; color:#666 }
.pagingIntact A:hover{color:#FFF; background-color: #0066FF;padding-left:4px; padding-right: 4px;}
.pagingViewed{font-size:14px; color:#F00; font-weight:bold; padding-left:2px; padding-right: 2px; padding-bottom:2px; padding-top:1px; }

/* Filter bar CSS ex: product page */
#table-filters .filter-select>a { font-weight:bold; }
#table-filters .filter-select { position:relative; }
#table-filters .filter-select .dropdown {  left:0; position: absolute; z-index: 12; background: #fafafa; border: 1px solid #ddd; padding: 5px 10px; font-size: 12px; top:20px; min-width:120px; list-style:none;}
#table-filters .filter-select .dropdown strong { font-size: 13px; }
#table-filters div { display:inline; }
#table-filters .segmented { position:relative; top:-6px; right:-10px;}