@font-face {
    font-family: 'gabriolaregular';
    src: url('fonts/gabriola_0-webfont.eot');
    src: url('fonts/gabriola_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/gabriola_0-webfont.woff2') format('woff2'),
        url('fonts/gabriola_0-webfont.woff') format('woff'),
        url('fonts/gabriola_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{
    font-size: .80em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    height: 100%;
	}
a:link, a:visited {
    color: #333;
    font-weight: bold;
	}
a:hover{
    color: #5252A9;
    text-decoration: none;
	}
a:active{
    color: #5252A9;
	}
p{
    margin-bottom: 10px;
    line-height: 1.6em;
	}
img{
	max-width:100%;
	}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
    font-size: 1.5em;
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
	}
h1{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
	}
h2{
    font-size: 1.5em;
    font-weight: 600;
	}
h3{
    font-size: 1.2em;
	}
h4{
    font-size: 1.1em;
	}
h5, h6{
    font-size: 1em;
	}
/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{
    margin-top: 0px;
	}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page{
/*    left: 50%;
    margin: 100px 0 0 -200px;
    position: absolute;
    top: 0%;
    width: 480px;*/
    
    margin: 100px auto;
    max-width: 480px;

	}
.main{
    
   
   /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    margin: 12px 8px 8px 8px;
   padding: 10px 25px;
    min-height: 350px;
     padding:0.833em;
    background: #E5E7E9;*/
    border-radius: 0.8em;
    position:relative;}
.accountInfo { float: left; width: 100%;}
.clr:after { clear: both; content: ""; display: block; float: none;}
.clr { clear: both;  float: none;}
.login_h1 { color: #404040;  font-family: 'gabriolaregular'; font-size: 35px; font-weight: normal; padding-top:0px;
 text-align: center;}
.login_h1{  min-height: 50px;}
.admin_at {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    color: #737373;
    font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    left: 25px;
    margin: 0;
    padding: 0.278em 0.444em 0.389em;
    position: absolute;
    top: 3px;
    z-index: 100;
}
.admin_at_new { background:none; border: medium none; border-radius: 0; margin: -80px 0 0; padding: 0; text-align: center;
 width: 100%; z-index: 100;}
.login { box-sizing: border-box; border: 1px solid #b5b5b5; border-radius: 5px; float: left;
 /*overflow: hidden;*/ width: 100%; background-color:#F1F2F4; box-shadow: 1px 1px 5px 0 #999; padding:10px 20px 10px 10px;}
.field { float: left; margin: 10px 0 0; width: 100%;}
.field label { color: #777777; float: left; font-size: 15px; font-weight: bold; margin: 13px 0 5px 5%; width:29%;}
.boxRound { float: left; margin:5px 0 5px 0%; width: 57%;}
.boxRound input[type="password"],
.boxRound input[type="text"]{ width:93%;}
input[type=text], input[type=password]{
	background: url(../img/input-bg.png) repeat-x top #fff;
    border:1px solid #90AAC3;
    border-radius: 0.417em;
    color: #333333;
    font-size: 1em;
    line-height: 1em;
    padding:10px;
	width: 95.6%;
	}

.field > input[type="checkbox"] { float: left; margin: 2px 4px 0 33%;}
.field label{}
label.inline { margin: 0 0 0 5px;}
.submitButton { float: left; margin: 10px 0 0; width: 100%;}
.big_button {
  border:1px solid #116f6b;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 23px;
    font-weight: normal;
    line-height: 21px;
    margin:0 5px 20px 0;
    padding:8px 28px 5px;
    text-shadow: 2px 2px 3px #000000;
    text-transform: uppercase; font-family: 'gabriolaregular'; /*background:url(../img/but_bg.png) repeat-x;*/
   background: #0093de;
}
.input-with-button label{ color: #808080; display: block; font-weight: bold; margin-bottom: 0.5em;}
.fot_dv { float:left;}
.fot_dv a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
	border: 1px solid #FFFFFF;
    background:#0093de;
    border-radius: 0.417em;
    box-shadow: 0 0 3px #000;
    display: inline-block;
    font-weight: normal;
    line-height: 1.333em;
    margin: 0px 0 0 18px;
    outline: 0 none;
    padding:9px 20px;
    text-decoration: none;
    text-shadow: none;
}
.show_dv { background:#EBEDEF; border-top: 1px solid #DBDBDB; float: left; width: 100%;}
.input-with-button { float: left; margin: 10px 0 0 5%; width: 90%;}
.input-with-button input[type=text]{ width:70%;}
.input-with-button .big_button {  margin: 2px 5px 20px 0;}
.inner_als{ float:left; width:100%;}
.head_prt { background: rgb(250,252,253); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmRkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(250,252,253,1) 0%, rgba(255,255,255,1) 49%, rgba(198,221,233,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,252,253,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(198,221,233,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(250,252,253,1) 0%,rgba(255,255,255,1) 49%,rgba(198,221,233,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(250,252,253,1) 0%,rgba(255,255,255,1) 49%,rgba(198,221,233,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(250,252,253,1) 0%,rgba(255,255,255,1) 49%,rgba(198,221,233,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(250,252,253,1) 0%,rgba(255,255,255,1) 49%,rgba(198,221,233,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafcfd', endColorstr='#c6dde9',GradientType=0 ); /* IE6-8 */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset;  padding: 1.25em;}
.spaced > strong { color: #000000;}
.article { float: left; margin-bottom: 30px; width: 100%;}
.footer{ float:left; width:100%;}
.container_12 { margin-left: 1%; margin-right: 1%; width: auto; float:right;}
#skin-name { color: rgba(255, 255, 255, 0.75); display: inline-block; margin: 0 0.7em 0 0;}

/*header .server-info {
    background: none repeat scroll 0 0 #1760C5;
    border-radius: 0 0 0.4em 0.4em;
    border-top: 0 none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 2.6em;
    
    margin-left: 0.5em;
    padding: 0 1em;
    vertical-align: top;
}*/

header .server-info {
    background: none repeat scroll 0 0 #ffffff;
    border: 2px solid #00a9dd;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    color: #000000;
    display: inline-block;
    font-size: 16px;
    height: 2.6em;
    line-height: 2.6em;
    margin-left: 0.5em;
    padding: 0 1em;
    vertical-align: top;
}
#skin-name strong { font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
 font-size: 2em; letter-spacing: -0.09em; line-height: 1.333em; margin-left: 0.167em; color:#fff;}
strong { color: #0493cd;}
.menu_dv { background:#08bfff; box-shadow: 0 3px 5px 0 #0493cd inset; float: left; height: 40px; width: 100%;}
.selct_dv { background: url(../img/drop_slc.png) repeat-x 0 100%; float: left; height: 24px; margin: 5px 0 0 20px;
 cursor:pointer;  width: 136px;}
.selct_dv:hover {  background: url("../img/drop_slc.png") repeat-x scroll 0 0%;}
.dsg_brd{ float:left;}
.selct_dv > a { color: #CFCFCF; float: left; font-size: 12px; margin: 4px 0 0 9px; text-decoration: none;}
a.dsg_brd { background:#00a7dd; border-radius: 5px 5px 0 0; box-shadow: 0 -1px 0 #008abc; color: #fff; font-weight: bold;
 margin: 8px 0 0 4%; padding: 5px 15px 7px; text-decoration: none;}
.inch_dv {
    background: url("../img/status-bar-bg.png") repeat-x scroll 0 0 #FFFFFF;
    border-bottom: 0 solid #969696;
    box-shadow: 0 0 16px 0 #969696;
    color: #7B7B7B;
    float: left;
    min-height: 39px;
    line-height: 3.167em;
	margin-bottom:20px;
    text-align: right;
    width: 100%;
}
a.dashboard {
    float: left;
    border: 1px solid #5050A7;
    color:#fff;
    border-color: #0099cc #006699 #003366;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-decoration:none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    padding:5px 10px; 
    height: 22px;		 
    line-height: 1.5em;
    margin: 6px 0 0 64px;
    padding: 2px 15px 0;
    background: #0c5fa5 url("../img/button-element-bg.png") repeat-x;
}
.ful_wdith { background:#FFF; border-radius: 5px; box-shadow: 0 0 4px rgba(50, 50, 50, 0.5); float: left;
 margin: 0px 20px 8px 1.5%; padding: 0.833em; width: 96%;}
.wht_bg { background:#F1F1F1; border-radius: 5px; display: block; padding: 5px 5px 20px;}
h2.dashboard { background:#ffffff; border: 1px solid #c0c0c0; border-radius: 0.417em; color: #8f8f8f; float: left;
 font-weight: normal; line-height: 1.4em; margin: 8px 0 0 7px; min-height: 22px; padding: 2px 15px 4px; text-decoration: none;
 text-transform: uppercase;}
.menu_tb{ float:left; width:100%;}
.menu_tb > h2 { background: none; border-bottom: 2px solid #E8E8E8; border-radius: 0; color: #676767; display: block;
 margin: 15px 23px; padding: 5px 15px;}
.menu_tb ul { float: left; margin: 0 0 0px 25px; padding: 0; width: 90%;}
.menu_tb ul li{ float:left; list-style: none outside none; margin-bottom:15px;}
.menu_tb ul li a { background:#EFEFEF; border: 1px solid #D7D7D7; border-radius: 5px; float: left; height: 120px; margin: 0 0 0 12px;
    text-decoration:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    width: 110px;
}
.menu_tb ul li a:hover{ background:#E4E3E4;}
.menu_tb ul li a:hover span{ margin:10px 0 10px;}
.menu_tb span { float: left; margin: 15px 0 5px; width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menu_tb b { color: #383C3F; float: left; font-size: 13px; font-weight: bold;text-align: center; width: 100%;}
.mrgin_tp {  margin-top: 25px;}
.menu_tb.mrgin_tp li { background:#EFEFEF; border: 1px solid #D7D7D7; border-radius: 5px; margin:0 15px 20px 0; padding: 0 0 10px; width: 240px;}
.menu_tb.mrgin_tp span { float: left;  width: 50px;}
.grid-details { float: left; margin: 0 0 0 0px;color: #333333;}
.grid-details > b { font-size: 18px; margin: 10px 0 0;  text-align: left;}
.grid-details > strong { color: #FF0000; display: inline; font-size: 13px;  margin: 0 0 0 2px;}
.menu_tb.mrgin_tp span { float: left; margin: 25px 5px 0 10px; width: 50px;}
.show { background:#DFDFDF; border-radius: 5px; float: left; margin: 5px 0 0; position: relative; width: 100%; z-index: 999;}
.show > ul { margin: 0; padding: 0;}
.show li { background:#506826; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #6D6D6D; float: left;
 list-style: none outside none;  width: 100%;}
.show a { color: #FFFFFF; float: left; padding:0x; text-decoration: none; width: 100%;}
.image_acc { background:#50565C; float: left; padding: 12px 5px;}
.show b { display: table-cell; font-size: 12px; font-weight: bold; height: 44px; padding: 0 0 0 7px;
 vertical-align: middle; width: 60%;}
.show li:hover .image_acc { background: none repeat scroll 0 0 #c0c0c0;}
.show li:hover b{ background:#1DB8F0;}
.show{ display:none;} 
.selct_dv:hover .show{ display:block;} 
#status-infos { float: right; margin: 5px 30px 0 0; padding: 0;}
#status-infos li{ list-style:none; float:left;margin: 0 0 0 10px;}
#status-infos li.spaced { float: left; margin-left: 0.5em; margin-top: 7px; position: relative; z-index: 90;}
.button.red {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c0c0c0;
    border-radius: 6px;
    color: #606060;
    font-size: 13px;
    font-weight: normal;
    padding: 6px;
    text-decoration: none;
    text-shadow: none;
}
.left_con { text-align: center; width: 20%;}
.right_con { float: none; margin: 0 1.5% 0 0; overflow: hidden; width: auto;}
.testg{ float: left; width:80%;}
.left_con .testg { background:#666666; border: 1px solid #478214; display: table-cell; float: none; color: #FFFFFF;
 vertical-align: middle;}
.ferfd{ float: none; display: table-cell; vertical-align: middle;  width:1%;}
.left_con .testg2 { background:#666666; border: 1px solid #478214; display: table-cell; float: none; color: #FFFFFF; width:10%; vertical-align: middle;}
.left_con h2 { display: inline-block; float: none; margin: -12px 0 -5px; padding: 3px 0 5px; text-align: center;  width: 74%;}
.side_menu { float: left; margin: 20px 0 13px 3%; width: 92%;}

/*************************/
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a { margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; line-height: 1; font-family: 'Open Sans', sans-serif; font-size: 1em; position: relative;}
#cssmenu { width: 250px; border-bottom: 0px solid #468312; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%;}
#cssmenu a { line-height: 1.3;}
/*
#cssmenu > ul > li.configuration {
	background: url(../img/configuration_icon.png) top left no-repeat;
	height:48px;
	padding-left:50px;
}
#cssmenu > ul > li.cont_mang {
	background: url(../img/configuration_icon.png) top left no-repeat;
	height:48px;
	padding-left:50px;
}
#cssmenu > ul > li.cust_mang {
	background: url(../img/configuration_icon.png) top left no-repeat;
	height:48px;
	padding-left:50px;
}*/
#cssmenu > ul > li:hover {}
#cssmenu > ul > li > a { background:#ffffff; color: #333; display: block; font-size: 13.3px; text-shadow: none;}
#cssmenu > ul > li > a > span {
    display: block;
    padding: 12px 30px 12px 10px;
    width: 84%;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin:2px 0;
}
#cssmenu > ul > li > a:hover { text-decoration: none;}
#cssmenu > ul > li.active { border-bottom: none;}
#cssmenu > ul > li.has-sub > a span { background: url("../img/icon_plus.png") no-repeat scroll 98% center;}
#cssmenu > ul > li.has-sub.active > a span { background: url(../img/icon_minus.png) 98% center no-repeat;}
#cssmenu ul ul { display: none;}
#cssmenu ul ul li { padding: 0; border-top: none;}
#cssmenu ul ul li:last-child { border-bottom: none;}
#cssmenu ul ul a { color: #FFFFFF; display: block; text-align: left; font-size: 13px; font-weight: normal; padding: 10px 10px 10px 25px;}
#cssmenu ul ul a:before { color: #FFFFFF; content: "»"; font-size: 14px; left: 10px; position: absolute; top: 8px;}
#cssmenu ul ul a:hover { background:#0096cc;color:#FFFFFF;text-shadow: none;}
#cssmenu ul ul li a.active { background:#0096CC; color: #FFFFFF; font-weight: bold; text-shadow: none;}

/************************/
.left_con .wht_bg { background:#00a7dd; border: 1px solid #909090;}
.columns{ float: left; width:73%;} 
.columns fieldset{ border: 1px solid #D9D9D9; border-radius: 0.25em; margin-bottom: 1.667em; padding: 1em 1.667em 1.667em;}
.columns1{float:left;width:100%;} 
.columns1 fieldset{ border: 1px solid #D9D9D9; border-radius: 0.25em; margin-bottom: 1.667em; padding: 1em 1.667em 1.667em;}
legend{
	background: #e7e7e7 url(../img/legend-bg.png) repeat-x top;
	border: 1px solid #FFFFFF;
    border-radius: 0.417em;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    font-weight: normal;
    line-height: 1.333em;
    outline: 0 none;
    padding: 0.167em 0.5em 0.25em;
    text-decoration: none;
    text-shadow: none;
	}
.mrgih_tp {  margin: 20px 0 0 1%; width: 98%;}
.columns label { color: #808080; display: block; font-weight: bold; margin-bottom: 0.5em;}
.columns1 label { color: #808080; display: block; font-weight: bold; margin-bottom: 0.5em; float: left;width: 25%;}
.grey-bg.no-margin { background:#D5D7D9; border-radius:0; border-top: 1px solid; display:block; margin: 0 0 0 -17px; width: 99%;}
.right_con .big_button { float: left; width: 20%;}
.right_con .big_button img { margin-bottom: -3px;}
#breadcrumb {
    background: none repeat scroll 0 0 #00a7dd;
    border-color: #0077ad;
    border-image: none;
    border-radius: 0.417em;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    float: left;
    line-height: 1.5em;
    margin: 0.667em 1em 0 5em;
    min-height: 1.75em;
    padding: 0;
}
#breadcrumb li { background: url("../img/breadcrumb-sep.png") no-repeat right center; color: #FFFFFF; float: left;
 list-style:none; height: 1.75em; padding: 0.083em 1em 0 0;}
#breadcrumb li a, #breadcrumb li span{  color: #FFFFFF; display: block; height: 1.667em; padding: 0px 0.75em 0 0.667em; text-decoration: none;}
#breadcrumb li.last { background: none repeat scroll 0 0; padding-right: 0;}
.container { border-collapse: collapse; display: table; width: 100%;}
.heading {
    background:url("../img/planning-header-bg.png") repeat-x scroll 0 0 #A8A8A8;
    color: #FFFFFF;
    display: table-row;
    font: bold 13px Arial,Helvetica,sans-serif;
    text-align: left;
	}
.tbz { width: 3% !important;}
.col.tbz01 { background: /*url("../img/black-cell-bg.png") repeat-x scroll 0 0 #262626;*/#404040; color: #FFFFFF;}
.col {
    display: table-cell;
    padding: 7px 5px;
    vertical-align: top;
    width: auto;
    border-color: #FFFFFF #999999 #828282 #DDDDDD;
    border-style: solid;
    border-width: 1px;
    color: #101010;
	font-size:15px;
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);*/
	}
.tbz2 {  width: 10% !important;}
.table-row {  display: table-row;  font: bold 13px Arial,Helvetica,sans-serif;  text-align: left;  vertical-align: top;}
.adit_left { float: left;}
.adit_left > ul {  margin: 0;  padding: 0;}
.adit_left > ul li { position:relative; float: left; list-style:none;}
.adit_left > ul li a {  float: left;  text-decoration: none;  width: 18px;  margin:0 10px 0 0}
.adit_left > ul li a:hover .toltp{top: -20px;opacity:1;}
.toltp {
    background: url("../img/tooltp.png") repeat-x scroll 0 0;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    opacity: 0;
    left: -17px;
    padding: 3px 0 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-shadow: none;
    top: -0px;
    width: 55px;
}
.new_col .tbz { background:#e6e6e6;}
.new_col .col {  background:#f2f2f2;}
.table-row .col { color: #535353; font-size: 12px; font-weight: bold; text-shadow: none;}
.table-row .col { color: #676767; font-size: 12px; font-weight: bold; text-shadow: none;}
.col > b { background: #FF0000; border-radius: 4px; color: #FFFFFF; float: left; font-size: 11px; padding: 3px 10px 2px;}
.new_co2 .tbz { background:#d9d9d9;}
.new_co2 .col { background:#e6e6e6;}
.fil_wd{ padding:0px;background: url("../img/block-controls-bg.png") repeat-x scroll 0 0;}
.fil_wd .columns.mrgih_tp { margin: 27px 0 0; border-top: 1px solid #999999; width: 100%;}
.controls-buttons li{ list-style:none; float:left;}
.controls-buttons li.sep {
    background: url("../img/controls-bt-sep.png") no-repeat scroll center bottom;
    border: medium none;
    box-shadow: none;
    height: 38px;
    margin: 9px 0 0;
    min-width: 2px;
    width: 2px;
}

.controls-buttons li a { float: left; line-height: 1.333em; margin: 18px 0 0 10px;}
.controls-buttons > a { display: block; float: left; line-height: 1.333em; margin: -1px 0 -1px 0.5em; padding: 0.333em 0.25em;}
.controls-buttons { float: right; margin: 0; padding: 0; width: 43px;}
.block-footer {
    background: url("../img/block-footer-bg.png") repeat-x scroll center top #BFBFBF;
    border-radius: 0 0 0.167em 0.167em;
    color: #4D4D4D;
    display: block;
    float: left;
    line-height: 2em;
    padding: 7px 0;
    width: 100%;
}

.picto {  float: left;  margin: 8px 0 0 10px;}
.block-footer .sep {
    background: url("../img/controls-bt-sep.png") no-repeat scroll center bottom;
    display: inline-block;
    height: 3em;
    margin: -0.5em 0.25em;
    vertical-align: -0.667em;
    width: 2px;
}

.block-footer .fot_dv {
    color: #666666;
    font-size: 12px;
    margin: 3px 2px 0 10px;
}

.small {
    background: url("../img/button-bg.png") repeat-x scroll center top #E0E0E0;
    border: 1px solid #777777;
    border-radius: 0.25em;
    color: #333333;
    font-size: 1em;
    padding: 4px;
}
.relative textarea{
    background: white url(../img/old-browsers-bg/input-bg.png) repeat-x top;
	border: 1px solid #90AAC3;
    border-radius: 4px;
    max-width: 97%;
    min-width: 97%;
    padding: 5px;
    background:-moz-linear-gradient(top, #d4d4d4, #ebebeb 3px, white 27px), white;
    background:-webkit-gradient(linear, left 0px, left 27px, from(#d4d4d4), to(white), color-stop(0.12, #ebebeb) ), white;
	}
.input-with-button input[type="image"]{ float:left; margin:0 5px 0 0; border-radius: 8px; }
.tableBorder input[type="image"]{ float:left; margin:0 5px 0 0; border-radius: 8px; }
.NoDataTable input[type="image"]{ float:left; margin:0 5px 0 0; border-radius: 8px; }		
.input-with-button input[type="reset"]{ float:left; margin:0 5px 0 0; border-radius: 8px; }
.boxRound label.error {
    background: none repeat scroll 0 0 #FAEBE7;
    border: 1px dashed #F31313;
    color: #9B241E;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-left: 2px;
    padding: 4px 2px 4px 5px;
    width: 95%;
	margin-top:5px;
}
.help_text {  float: left;  word-break: break-all;}
fieldset.nzwh {  padding: 15px;}
.requires { color: #FF0000; float: left; margin: 10px 0;  width: 100%;}
.nehd { float: left;  margin: 10px 0;}
.inpt {  float: left;  width: 100%;}
.inpt label {  float: left; font-size: 12px;  font-weight: bold;  width: 20%;}
.image-block { width: 100%;}
.relative iframe{ width: 566px;}
.columns .test label{ display:inline-block; float:left; }
.columns .test input[type="checkbox"]{ margin:0px 4px 0 0; float:left;}
.test { float: left;  width: 100%;}
.relative{}
.columns .relative label{ display:inline-block; float:left; margin-right:10px; }
.columns .relative input[type="radio"]{ margin:3px 4px 0 0; float:left;}
.nzwh a{ display:block;}
.nzwh .columns{ width:100%;}
.nzwh .columns .colx2-left label{ display:inline-block; float:left; width:30%; }
input[type="text"], input[type="password"]{}
.com_top{ float:left; width:100%;}
.colx2-left {  float: left; width: 100%; line-height: 17px; margin-bottom: 5px;}
.c_mop{ float: left; width: 63%;  word-wrap: break-word;}
.c_mop a{ font-size:12px; color:#696969;}
input.form-error{border: 1px solid red;}
.input-with-button a{float:left;	margin:0 5px 0 0; border-radius: 8px; }
.pstrength-bar { clear: both; float: left;  margin-top: 3px;}
.pstrength-info { float: left; width: 100%;}
.pstrength-minchar {  float: left; width: 100%;}
/*------------------------*/


.fieldsea { float: left; position:relative; margin: 10px 0 0; min-height: 85px; width: 100%; border-radius: 5px; box-sizing: border-box; padding:12px 20px 12px 23%;
            background: #d8d8d8; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmMyYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #d8d8d8 0%, #c2c2c2 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#c2c2c2)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #d8d8d8 0%,#c2c2c2 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #d8d8d8 0%,#c2c2c2 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #d8d8d8 0%,#c2c2c2 100%); /* IE10+ */
            background: linear-gradient(to bottom, #d8d8d8 0%,#c2c2c2 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#c2c2c2',GradientType=0 ); /* IE6-8 */
}

.fieldsea label { box-sizing: border-box; color: #666; float: left; font-size: 13px; font-weight: 700; margin: 0; width: 100%;}
.fieldsea input[type=text],
.fieldsea input[type=password],
.fieldsea .input-type-text { font-size: 1em; line-height: 1.5em; color: #333333; padding: 0.5em; border: 1px solid #bbb; background:#fff;
                             -moz-border-radius:0; -webkit-border-radius:0; -webkit-background-clip: padding-box; border-radius: 0; box-sizing: border-box; width:100%;}
.fieldsea .boxRound { float: left; margin: 3px 0 3px 0; width: 100%;}
.fieldsea .boxRound label.error{ display:none !important;}
.fieldsea .boxRound .error{  border:1px #F00 solid !important; }
.usr{ position:absolute; left:0; top:0;}
.chap_img{ float:left; width:50%;}
.cpad { margin-left: 13px; width: 46%; float:left;}
.choi{ float:left;     width: 61%;}
.choi > img { display:block;}
.chap_img a{ float:left;  padding: 4px 12px;}
.fieldder { float: right;  padding: 0 7px;}
.field .fieldder label{  font-family: 'gabriolaregular'; color:#666 !important; font-size:19px;}
.forButton{ margin-top:20px;}
/* admin responsive */





@media screen and (max-width:1900px) and (min-width:980px){
}

@media screen and (max-width:980px){
}



@media screen and (max-width:767px){
	
}

@media screen and (max-width:479px){
.admin_at{position:static}	
.login{padding-bottom:5px} 
}

@media screen and (max-width:319px){
	
}

.fold .testg {  background: none repeat scroll 0 0 hsl(0, 0%, 100%);  border: medium none;
    padding: 5px 5px 0; overflow: hidden; visibility: hidden; width: 1px !important;}
.fold .side_menu{ margin: 20px 0 5px 3%;}
.fold .ferfd{ display: none;}
.fold{ position: relative; width:3%; padding: 0px 0.833em;}
.fold .wht_bg.testg2 { bottom: 9px;     top: 9px; position: absolute; width:63%; padding: 0px;}
.clr:after { clear: both; content: ""; display: block; float: none;}
.clr { clear: both; float: none;}
.arraochng a { background: url(../img/collapse.png) repeat center center ; display: inline-block; height: 24px; width: 24px;}
.arraochng2 a { background: url(../img/expand.png) repeat center center; display: inline-block; height: 24px; left: 7px;
 position: absolute; top: 50%; width: 24px;}
legend.nzwh { background:#fff !important; border: 1px solid #c0c0c0 !important; color: #8e8e8e !important;}
.no-more-tables tr:hover{ background:#f0f0f0}