.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
html,body{font-family:Arial, Tahoma, Helvetica, sans-serif;font-size:12px;font-weight:400;margin:0 auto;padding:0;position:relative;line-height:1.5}

h2,h3{font-weight:normal;margin:0;padding:0;font-size:16px}
.main{width:100%;margin:0 auto}
.fr{float:right}
.fl{float:left}
ul{list-style:none outside none;margin:0;padding:0}
.under{text-decoration:underline !important}
a:link{color:#0000FF;text-decoration:none}
a:hover{text-decoration:underline}
a:visited{color:#0000FF;text-decoration:none}
p{margin:0 0 10px 0}
.bottom10{margin-bottom:10px !important}
.s14{font-size:14px !important}
.s11{font-size:11px}
.magT5{margin-top:5px !important}
.magr10{margin-right:10px !important}
.bottom{margin-bottom:0 !important}
input[type="radio"]{height:12px}
.header{background:#008ccd;padding:2px 0;position:absolute;width:100%;z-index:999}
.header h1{font-size:20px}
.header a.ic_user{color:#fff;background:url(../images/icons.png) no-repeat left -305px;padding:5px 0 0 18px;display:inline-block;text-shadow:1px 1px #005983}
hr { background:#ddd;border:none;clear: both;color: #ccc;float: none; height: 1px; margin: 0 0 1.45em;width: 100%}
.header div.fl{padding-left:10px}
.log_user{padding:18px 10px 0 0;color:#022}
.log_user span, .log_user span a{color:#c3ecff}
.log_user span a:hover{text-decoration:underline}
.magl20{margin-left:20px !important}
.magr20{margin-right:20px !important}
.body_pages{background:#f0f0f0;border-top:1px solid #fff;padding-top:70px}
.table_pages td.first{width:150px}
.sidebar{background:#f6f6f6;width:135px}
.sidebar ul{background:#f6f6f6;border:1px solid #e4e5e7;margin:75px 0 0 7px;position: fixed;top: 0;width:133px}
.sidebar ul li{text-align:center;border-bottom:1px solid #e4e5e7;border-top:1px solid #fff;border-left:2px solid #f6f6f6;position:relative}
.sidebar li.active, .sidebar li:hover{border-left:2px solid #f60}
.sidebar li:hover a, .sidebar li.active a{background:#fff}
.sidebar li:hover a em, .sidebar li.active a em{opacity:1}
em.customers, em.ic_content, em.ic_adv, .ic_report, .ic_admin{background:url(../images/icons.png) no-repeat top center;height:29px;display:block}
em.ic_content{background-position:center -48px}
em.ic_adv{background-position:center -104px}
em.ic_report{background-position:center -165px}
em.ic_admin{background-position: center -228px}
.sidebar a em{opacity:0.5;margin-bottom:2px}
.sidebar a{color:#333;height:45px;display:block;padding:10px 0}
.content_pages{width:100%;overflow:hidden;background:#fff}
.box_tab{border:1px solid #E4E5E7;border-bottom:none}
.box_tab ul li{text-align:center;padding:10px}
.box_tab ul{background:#fbfbfb}

.box_tab li span{display:inline-block;background:url(../images/button.png) no-repeat left -89px;padding-left:14px;height:36px}
.box_tab li span a{display:inline-block;background:url(../images/button.png) no-repeat right -129px;padding-right:15px;height:36px;color:#3c3c3c;line-height:36px;font-size:16px;text-shadow:1px 1px #fff}
.box_tab li.active span, .box_tab li:hover span{background-position:left 0}
.box_tab li.active span a, .box_tab li:hover span a{background-position:right -40px;color:#fff;text-shadow:1px 1px #ff6a1f;text-decoration:none}

.box_form{background:#fff;border:1px solid #e4e5e7;padding:10px}
.box_form table td{padding:5px 10px;vertical-align:top !important}
input{background:#fff;border:1px solid #d3d3d3;border-radius:3px;webkit-border-radius:3px;o-border-radius:3px;height:17px;padding:4px;margin:0 0 2px}

input[type="file"]{height:25px;border:1px solid #ccc;margin:0;padding:0}
input[type="checkbox"]{height:13px;margin:5px 3px 0}
select option{height:17px;padding:2px;min-width:60px}
input[type=button]{border:none;margin:0 0 0 5px;padding:0;cursor:pointer}
.ic_caleda{background:url(../images/calendar.png) no-repeat left 0;width:16px;height:16px}
.reseach strong.bg-orage{background:#008CCD;color:#fff;padding:2px 5px}
.fillter{margin:20px 0 10px}
.cl-orage{color:#E90000}
table.txt-right{text-align:right}
table.col_list{border-top:1px solid #dfe8ed;border-left:1px solid #dfe8ed}
table.col_list tr.bg_grblue,table.col_list tr.bg_grblue:hover{background-color: #f1f4f9;background-image: -moz-linear-gradient(center top , #f8f9fb, #f1f4f9);background-repeat: repeat-x;background: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#f8f9fb), to(#f1f4f9))}
table.col_list tr.bg_blue2,table.col_list tr.bg_blue2:hover{background-color: #f1f4f9}
table.col_list tr td.bg_blue2{background-color: #f1f4f9;border-color:#fff #DFE6EC #DFE8ED #fff;border-style:solid;border-width:1px}
table.col_list tr.bg_grblue td, table.col_list tr.bg_blue2 td{border-top:1px solid #fff;border-right:1px solid #dfe6ec;border-left:1px solid #fff;border-bottom:1px solid #dfe8ed}
table.col_list tr.bg_grblue td:first-child, table.col_list tr.bg_grblue td:nth-child(2){text-align:center}
table.col_list tr td{border-right:1px solid #eef2f5;border-bottom:1px solid #eef2f5;padding:8px 5px;color:#333;text-align:center;vertical-align:top}
table.col_list tr:hover{background:#F6F6F6}
.footer{background:#f0f0f0;padding:10px;text-transform:uppercase}
.pages li{margin:0 5px 0 0}
.pages li a{color:#333;display:block;padding:1px 5px}
.pages li.active a, .pages li:hover a{background:#008CCD;color:#fff}
.txt-center{text-align:center}
.txt-left{text-align:left !important}
.txt-right{text-align:right !important}
.clblue{color:#0000FF !important}
.cl666{color:#666 !important}
.clred{color:#e90000 !important}
.buton-radi, .buton-orange{background:#008CCD;font-weight:bold;color:#fff;padding:0 5px 4px!important;border-radius:3px;webkit-border-radius:3px;o-border-radius:3px;margin:0 !important;height:28px}
.buton-radi:hover{background:#f60}
.buton-orange{background:#f60}
.buton-orange:hover{background:#008CCD}
.Tabs ul li{float:left;margin-right:5px}
.Tabs ul li a{background: #F1F1F1;color: #333;display: block;padding: 5px 8px}
.Tabs ul li a:hover, .Tabs ul li a.active{background: #0091C3;color: #fff; text-decoration: none}
ul.form1 li,ul.form4 li{margin-bottom:10px}
ul.form1 li label { float: left !important;margin-right: 8%;text-align: right;width: 43%}
ul.nav li:hover ul.menu-sub{display:block}
ul.nav li .menu-sub{ display: none;left:133px;position: absolute;top:0;padding:0;width:auto;z-index: 999;margin:0;border:1px solid #0075ab}
ul.nav li .menu-sub li{background:#005e8a;line-height:35px;border:none;text-align:left;border:1px solid #0075ab}
ul.nav li .menu-sub li a{width:205px;background:#005e8a;height:auto;padding:0 0 0 18px;color:#fff;font-size:14px}
ul.nav li .menu-sub li a:hover{font-weight:bold}
ul.nav li .menu-sub li.last{border-top:none;padding-bottom:5px}
.dot{background:url(../images/dot.png) no-repeat 0 0;display:block;width:10px;height:15px;position:absolute;top:20px;left:-8px;z-index:9999}
.no_bor{border-top:none !important;border-bottom:none !important}
.scroll{height:35px;overflow:auto;border:1px solid #ccc;text-align:left;padding:10px}
.scroll p,.popup p.s18{margin-bottom:10px}
.addnew{background:url(../images/icons.png) no-repeat left -339px;padding-left:12px;text-transform:uppercase;color:#f60 !important;font-size:14px}
h2.title{font-size:18px;color:#008CCD;margin:15px 0}
.form_upload .overhiden{width:300px;overflow:hidden}
.file_upload{padding-top:10px}
.bt-upload{background:#f60;height:25px;color:#fff;border:none;cursor:pointer}
.bt-upload:hover{text-decoration:underline}
select{height:27px;padding:4px}
.cod_sig li{padding-bottom:5px;text-align:left}
.cod_sig li strong{display:inline-block;width:90px}
table tr td.nopadd{padding:0}
table.borbtt tr td{border-bottom:1px dashed #EEF2F5;border-right:none}
table.borbtt tr:last-child td{border-bottom:none}
.magt20{margin-top:20px}
.popup{position:absolute;padding:10px;background:#f2f2f2;z-index:999;box-shadow:1px 2px 20px 5px #ccc;border:1px solid #ccc}
.popup .bt-black{background:#000}
.popup h3{margin-bottom:10px;text-align:center}
.s18{font-size:18px}
.bottom30{margin-bottom:30px !important}
.list_picup li{padding:10px;background:#f9f9f9;display:inline-block}
.list_picup li.w20{width:18%;background:none}
.list_picup li.w20 p img{margin:5px 0}
.list_picup li.w20:hover{background:#f9f9f9;cursor:pointer}
.list_picup li.w20 a:hover{text-decoration:underline}
.col30 {width: 30%;float:left}
.admin .col30 {border: 1px solid #ccc; height: 163px;margin:1% 0 0.5% 1%; overflow: auto;padding: 10px 1%}
.admin .col30 h1 {color: #008CCD ; font-size: 16px; padding-left: 17%; text-transform: uppercase}
.admin .col30 ol li {margin-bottom:7px;color:#004961}
.admin .col30 ol li a,ul.sub-nav li a {color: #333}
.row-actions {padding: 2px 0 0;visibility:hidden}
table.col_list tr:hover .row-actions{visibility:visible}
.col55,.col2{width: 55%;float:left}
.col40 {width: 43%;float:left;margin-left:10px}
.col2{width:2%}
.col50{width:45%;float:left}
ul.form li{display: table; margin-bottom: 10px;width: 100%}
ul.form li label,ul.form1 li label{float: left;margin-right: 2%;width: 17%}
ul.form li .filltext,ul.form1 li .filltext{display: table-cell;float: left; width:75%}
ul.form1 li label{ width: 25%;text-align:left}
ul.form1 li .filltext{width: 73%}
.filltext label {float: none !important;margin: 0;width: auto}
.ic_del {background:url(../images/icons.png) no-repeat 0 -435px; padding: 2px 8px}
.itemt {float: left;margin-right: 1%; width:17.6%}
.scoll2 { height: 250px;overflow: auto}
.box-bor{border:1px solid #999}
ul.list-dot li {display: block; line-height:20px;margin-bottom:2px}
ul.list-dot li a{color:#333;padding:3px 5px;display:block}
ul.list-dot li:hover,ul.list-dot li a.active{background:#DFE8ED }
div.col-50 {float: left; margin-top: 110px;width: 31px}
.title-green {background:#ECFAFF;margin-bottom: 10px;padding: 10px}
input.btn-orange { background:#FFEDA5;border: 1px solid #F8C806; cursor: pointer; height: 26px}
.box-bor2 {border: 1px dashed #333;padding: 7px}
.col20{width:22%;float:left}
.col20 .itemt{width: 100%}
.pad10{padding:10px}
ul.list-dot li span{float:left;margin-right:10px;padding:2px 5px}
ul.form4 li label{float: left; margin-right: 2%;width: 12%;line-height:22px}
ul.form4 li .filltext{float: left; width: 85%}
.ic_add{ background: url(../images/add.png) no-repeat 0 0;padding: 1px 19px}
a.ic_ask {background:url(../images/anwser.png) no-repeat 0 0; padding: 2px 8px; text-decoration: none}
.title-blue h3 { border-bottom: 2px solid #ccc; color: #555;font-size: 16px;margin: 0 0 20px; padding: 5px 10px 5px 0}
div.col-435 {float: left; margin-right: 10px;width: 490px}
.col-435 ul.list-col2 li {width:20%}
.ic_star {background: url(../images/ic_start.png) no-repeat  0 2px ;padding: 5px 7px}
.ic_nostar {background: url(../images/ic_start.png) no-repeat  0 -61px ;padding: 5px 7px}
.scoll6{height:160px;overflow:auto}
ul.sub-nav li{padding:2px}
ul.menu-sub2 li,ul.list-col li{padding:4px 25px !important}
.popup-cont table {background:#fff}
.icon-close{background:url(../images/icons.png) no-repeat 0 -387px;display: block;height:16px;position: absolute;right:-6px;top:-5px;width: 17px}
.box-blue { border: 1px solid #CBCBCB;margin-bottom: 10px;padding: 10px;width: 569px}
.icon-grown {background: url(../images/bieudo.jpg) no-repeat 0 0;padding: 12px 0 12px 55px}
ul.form3 li label { float: left !important;margin-right: 2%; text-align: right; width:28%}
ul.form3 li .filltext {display: table-cell;float: left; text-align: left !important;width:70%}
.ic-user { background: url(../images/users.png) no-repeat 0 0; margin-bottom: 5px;padding-left: 20px !important}
.itemt li{cursor:pointer}
ul.list-dot1 li {float: left;width: 47%}
ul.list-dot1 li { display: block;line-height: 16px; padding: 3px 5px}
.hint{ color: #777;font-size: 11px}
.box-new { width: 186px}
.box-new ul.list-dot li {padding:6px 10px}
.box-new ul.list-dot li input {float: left;margin-right: 5px}
.table table { border-right: 1px solid #DBDBDB;border-top: 1px solid #DBDBDB;}
.table table td { border-bottom: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB;}
.option { height: 252px; padding:0}
.option option {padding: 3px 8px}