.divon{
	visibility:visible;
}
.divoff{
	visibility:hidden;
	height:0px;
}

.clearfix:after, .row:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix, .row { display: inline-block;}
html[xmlns] .clearfix, html[xmlns] .row { display: block;}
*:focus { outline: none;}  

body { font-family:Arial, Helvetica, sans-serif; color:#7f7f7f; margin:0; padding:0;}
input, select, textarea { font-family:Arial, Helvetica, sans-serif; color:#595959; font-size:18px; margin:0; padding:0;}
a { outline:none; text-decoration:none; color:#5d84a5;}
a:hover { text-decoration:underline;}
h1 { color: #234d66 !important; font-size: 28px;}
h2,h3,h4,h5,h6 { font-weight:normal; margin:0; padding:0;}

p { margin:0 0 10px; color:#595959;}
h2 { color:#292929; font-size:36px; padding:0 0 10px 0; font-weight:bold; outline:none;}
h3 { color:#7f7f7f; font-size:17px; line-height:20px; font-weight:normal; outline:none;}
hr {
    margin-top: 0px;
    margin-bottom: 10px;	
    border-top: 1px solid #777;
}


#main { width:902px; margin:30px auto;}

#left_side { float:left; width:642px;}
#container {  
	overflow:hidden; 
	padding: 20px 0 20px 20px; 
	background:#fff; 
	width:80%;
	border:1px solid #d5d5d5; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	box-shadow: 0 0 20px rgba(3,44,52,.22); 
	-moz-box-shadow: 0 0 20px rgba(3,44,52,.22); 
	-webkit-box-shadow: 0 0 20px rgba(3,44,52,.22);
}
#containerpq {  
	overflow:hidden; 
	padding: 20px 0 20px 20px; 
	background:#fff; 
	width:50%;
	border:1px solid #d5d5d5; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	box-shadow: 0 0 20px rgba(3,44,52,.22); 
	-moz-box-shadow: 0 0 20px rgba(3,44,52,.22); 
	-webkit-box-shadow: 0 0 20px rgba(3,44,52,.22);
}
article { width:97%; padding:15px 0 0;}
hgroup { margin-right:20px;}

.form { margin:0; padding:0;}
.form fieldset { border:none; padding: 10px 0 0; margin:0;}
.form .last { margin:0 !important;}

.form h4 { font-size:25px; color:#234d66; line-height:33px; margin-bottom:15px;}
.form h4 span { display:block; float:left; width:13px; padding:0 10px; height:33px; background:url(../images/h4_span.png) no-repeat center; color:#fff; font-size:19px; font-weight:bold; margin-right:15px; text-shadow:1px 1px 0 #d6ed94; text-align: center; 
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.form .row { margin-bottom:20px; margin-right: 0px; margin-left: 0px;}

.form label { color:#595959; font-size:16px; display:block; float:left; width:100%}
.form label em { color:#e33636; font-weight:bold; margin-left:3px; }
.form label a { color:#0071b9;}
.form label .tooltip { display:block; float:right; margin-right:5px; width:17px; height:17px; background:url(../images/tooltip.png) no-repeat;}
.form .inner_labels label { padding:7px 15px 7px 0; width:auto;}

.form input[type="text"], .form input[type="date"], .form input[type="email"], .form input[type="password"], .form select, .form textarea { 
	background:#f5f5f5; 
	box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; 
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; 
	border:1px solid #c5c5c5; 
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
.form input[type="text"], .form input[type="date"], .form input[type="email"], .form input[type="password"] { 
	padding: 1px 10px; 
	height:33px; 
	line-height:33px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}
.form select { padding: 6px 5px; height:37px; line-height:33px;}
.form textarea { padding: 5px 10px; width: 100%; height:95px; line-height:19px; width:580px; font-size:15px;}
.form input[type="checkbox"], .form .row input[type="radio"] { display:block; float:left; margin: 10px 7px 10px 0; }
.form input.hasDatepicker { float:left; width: 113px; margin-right:-27px;}
.form img.ui-datepicker-trigger { float:left; margin-top:9px;}

.form input[type="text"]:focus, .form input[type="date"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form .row select:focus, .form .row textarea:focus, .form .row input[type="text"]:hover, .form .row input[type="date"]:hover, .form input[type="email"]:hover .form input[type="password"]:hover, .form .row select:hover, .form .row textarea:hover { border:1px solid #0099FF; box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset; -webkitkit-box-shadow: 0 0 5px #b8d564, 0 2px 2px rgba(0,0,0,.1) inset;}
.form input.error, .form select.error, .form textarea.error { border:1px solid #eb9393; box-shadow: 0 0 5px #f7c4c4; -moz-box-shadow: 0 0 5px #f7c4c4; -webkit-box-shadow: 0 0 5px #f7c4c4; background-color:#fce4e4; }

.form input[type="submit"], .form .submit { 
	cursor:pointer; 
	color:#1c464e; 
	text-shadow:1px 1px 0 #aaeaf7; 
	border:1px solid #289cb8; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background:#67bbcf; 
	background: -webkit-gradient(linear, center bottom, center top, from(#67bbcf), to(#82def1)); 
	background: -moz-linear-gradient(bottom,  #67bbcf,  #82def1); 
	font-size:16px; 
	padding:5px 20px; 
	font-weight:bold; 
	float:center;
}
.form input[type="submit"], input[type="reset"]:hover { 
	background:#51b1c7; 
	background: -webkit-gradient(linear, center bottom, center top, from(#4297ab), to(#60cce3)); 
	background: -moz-linear-gradient(bottom, #4297ab, #60cce3);
}

.form input[type="reset"], input[type="button"] { 
	cursor:pointer; 
	color:#404040; 
	text-shadow:1px 1px 0 #afafaf; 
	border:1px solid #545454; 
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	background: #c1c1c1; 
	background: -webkit-gradient(linear, center bottom, center top, from(#c1c1c1), to(#c1c1c1)); 
	background: -moz-linear-gradient(bottom,  #c1c1c1,  #c1c1c1); 
	font-size:16px; 
	padding:5px 20px; 
	font-weight:bold; 
	float:center;
}
.button_blue { 
	cursor:pointer !important; 
	color:#1c464e !important; 
	text-shadow:1px 1px 0 #aaeaf7 !important; 
	border:1px solid #289cb8 !important; 
	border-radius:5px !important; 
	-moz-border-radius:5px !important; 
	-webkit-border-radius:5px !important; 
	background:#67bbcf !important; 
	background: -webkit-gradient(linear, center bottom, center top, from(#67bbcf), to(#82def1)) !important; 
	background: -moz-linear-gradient(bottom,  #67bbcf,  #82def1) !important; 
	font-size:16px !important; 
	padding:5px 20px !important; 
	font-weight:bold !important; 
	float:center !important;
}
.button_blue:hover { 
	background:#51b1c7 !important; 
	background: -webkit-gradient(linear, center bottom, center top, from(#4297ab), to(#60cce3)) !important; 
	background: -moz-linear-gradient(bottom, #4297ab, #60cce3) !important;
}
.button_green { 
	cursor:pointer !important; 
	color:#1a4e1b !important; 
	text-shadow:1px 1px 0 #b0fbb2 !important; 
	border:1px solid #29a72b !important; 
	border-radius:5px !important; 
	-moz-border-radius:5px !important; 
	-webkit-border-radius:5px !important; 
	background:#71d473 !important; 
	background: -webkit-gradient(linear, center bottom, center top, from(#71d473), to(#87f589)) !important; 
	background: -moz-linear-gradient(bottom,  #71d473,  #87f589) !important; 
	font-size:16px !important; 
	padding:5px 20px !important; 
	font-weight:bold !important; 
	float:center !important;
}
.button_green:hover { 
	background:#57d259 !important; 
	background: -webkit-gradient(linear, center bottom, center top, from(#49b74b), to(#64e866)) !important; 
	background: -moz-linear-gradient(bottom, #49b74b, #64e866) !important;
}
.button_red { 
	color:#ffffff !important; 
	text-shadow:1px 1px 0 #EA0000 !important; 
	background:#FF1717 !important; 
	background: -webkit-gradient(linear, center bottom, center top, from(#FF1717), to(#FF6A6A)) !important; 
	background: -moz-linear-gradient(bottom,  #FF1717,  #FF6A6A) !important; 
	cursor:pointer !important; 
	border:1px solid #EA0000 !important;
	border-radius:5px !important; 
	-moz-border-radius:5px !important;
	-webkit-border-radius:5px !important;
	font-size:16px !important; 
	padding:5px 20px !important; 
	font-weight:bold !important; 
	font-color:#ffffff !important;
	float:center !important;
}

.button_red:hover { 
	background:#D50000 !important; 
	background: -webkit-gradient(linear, center bottom, center top, from(#D50000), to(#FF6A6A)) !important; 
	background: -moz-linear-gradient(bottom, #D50000, #FF6A6A) !important;
}

.button_block { 
    color: #ccc !important;
    text-shadow: 1px 1px 0 #777 !important;
    background: #777 !important;
    background: -webkit-gradient(linear, center bottom, center top, from(#777), to(#555)) !important;
    background: -moz-linear-gradient(bottom, #FF1717, #FF6A6A);
    border: 1px solid #555 !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    font-size: 16px !important;
    padding: 5px 20px !important;
    font-weight: bold !important;
    font-color: #ffffff !important;
    float: center !important;
    cursor: not-allowed !important;
}

.tbini{
	border:1px solid #999999;
}
.form span.label { color:#595959; float:left; line-height:33px; margin:0 10px 0 0;}
.form p.hint { margin:5px 0 0; color:#b0b0b0; font-size:11px;}

.form .item { width:800px; float:left; margin-right:16px;}

.form .item span.label { width:100%; line-height:normal; margin-bottom:10px;}

.copy { float:right; color:#9eabae; font-size:12px; margin:10px 16px 20px 0; text-shadow:1px 1px 1px #fff;}

aside { width:240px; float:left; padding:75px 0 0 20px;}

aside h5 { font-family: Georgia; color:#0a3263; font-size:28px; line-height:30px; font-style:italic; margin-bottom:15px;}
aside a.login { display:block; margin-bottom:40px; color:#1050a0; font-size:17px; text-shadow:1px 1px 1px #fff; line-height:19px; background:url(../images/ico_login.png) no-repeat left center; padding-left:25px;}

aside .item { margin:0 0 20px -20px; padding:4px 0 10px 50px;  border-bottom:1px solid #fff; box-shadow: 0 1px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1); background:url(../images/aside_h6.png) no-repeat 20px top;}
aside .item.last { border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
aside h6 { font-size:17px; margin-bottom:10px; color:#1050a0; text-shadow:1px 1px 1px #fff; line-height:20px;  }
aside p { font-size:12px; line-height:15px; text-shadow:1px 1px 1px #fff; color:#607da1;}

#tooltip { z-index:100; position:absolute; display:none; padding:10px; color:#212b04; text-shadow:1px 1px 1px #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; line-height:17px; background:#a3c55c; background: -webkit-gradient(linear, center bottom, center top, from(#a3c55c), to(#d4ee85)); background: -moz-linear-gradient(bottom, #a3c55c, #d4ee85); box-shadow:-1px 1px 1px #e8e8e8; -moz-box-shadow:-1px 1px 1px #e8e8e8; -webkit-box-shadow:-1px 1px 1px #e8e8e8;}  
#tooltip em { position:absolute; bottom: -6px; left:50%; margin-left:-6px; background:url(../images/tooltip_em.png); display:block; width:12px; height:6px;}

.form .ui-slider { margin-top:42px; background:url(../images/slider.png) repeat-x; border:none; height:9px; margin-right:4px; }
.form .ui-slider .ui-slider-handle { margin-top:-1px; background: url("../images/slider_handle.png") no-repeat; border: 0 none; cursor: pointer; height: 19px; width: 19px;  }
.form .ui-slider .ui-slider-range { background: url("../images/slider_range.png") repeat-x; border:1px solid #bbb; height:7px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
#siteInfo{
	clear: both;
	width:700px;
	border: 0px solid #666666;
	font-size: 75%;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}

#modal-black{
	background-color: rgba(0, 0, 0, 0.5);
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}

#modal-black img{
	cursor: pointer;
}