﻿@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:bold,italic,normal&subset=latin,latin-ext,cyrillic);

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, table, th, td, img, form, input, .frm textarea{
		font:inherit 100% inherit; margin: 0; padding: 0; outline: 0; border: 0; vertical-align: baseline;
}

body{width:100%; min-height:100%; background:#ebedf0 url(../img/bg-main.png) center top; color:#4D4D4D; font:normal 0.9em 'Roboto Condensed', sans-serif;}

h1,h2,h3,h4{font-weight:normal;}
h1{font-size: 220%;}
h2{font:normal 180% 'Roboto Condensed', sans-serif;}
h3{font:normal 140% 'Roboto Condensed', sans-serif;}
h4{font:normal 130% 'Roboto Condensed', sans-serif;}
h5{font:normal 125% 'Roboto Condensed', sans-serif;}
table{border-collapse:collapse}

a{color: #369292;color:#16856D;}
a:hover{text-decoration: none;}

.pd{padding: 15px;}
.pd2{padding: 15px 30px 30px;}
.pd3{padding-top: 25px;}
.mrt{margin-top: 15px;}
.mrr{margin-right: 15px;}

.fr{float:right;}
.fc{display:block !important; clear:both; height:0 !important; margin:-1px 0 0 !important; overflow: hidden;}

section,.section{background: #F2F2F2;}
header, section,.section{border:solid 1px #C8C8C8;}
header, menu, nav, section,.section, aside, article, footer {display: block; position: relative;}

.top-title{position: relative; min-height: 95px; border-bottom:solid 1px #C8C8C8; margin:1px 0 0; padding:0 15px;}
.top-title .corner{position: absolute;left:34px;bottom:-10px;width: 18px;height: 18px;background: #F5F5F5;border-left:solid 1px #C8C8C8;border-bottom:solid 1px #C8C8C8;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.top-title .name{float:left; padding-top:24px;}
.top-title .add{float:right; padding-top:20px;}

.bg-white{
background: #F8F8F8;
background: -moz-linear-gradient(top, #F5F5F5, #F6F6F6); /* Firefox 3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#F5F5F5), color-stop(100%,#F6F6F6)); /* Chrome 1-9, Safari 4-5 */
background: -webkit-linear-gradient(top, #F5F5F5, #F6F6F6); /* Chrome 10+, Safari 5.1+ */
background: -o-linear-gradient(top, #F5F5F5, #F6F6F6); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F5F5F5, #F6F6F6); /* IE10 */
background: linear-gradient(to top, #F5F5F5, #F6F6F6); /* CSS3 */
background-color: #F8F8F8;}

input[type="text"], textarea{-moz-box-sizing: border-box; box-sizing: content-box;}
.frm input[type="text"]{height:30px; line-height: 30px; padding:0 4px; color:#555; border: solid 1px #C8C8C8;}
input {font:normal 18px 'Roboto Condensed', sans-serif;}


.b_help{
right: 0;top: -2px;
background: #2C70C7;
background-image: -moz-linear-gradient(bottom,#0C4894 0,#3D85E0 100%);
background-image: -webkit-linear-gradient(bottom,#0C4894 0,#3D85E0 100%);
width: 22px;
height: 20px;
border-radius: 24px;
box-shadow: 0 1px 2px #999;
color: #FFF;
font-size: 13px;
text-align: center;
text-shadow: 0 1px #58080A;
padding-top: 3px;
padding-right: 1px;
vertical-align: middle;
display: inline-block;
position: relative;
cursor: default;
}

.inp-w1 {width: 222px;}
.inp-w2 {width: 272px;}
.inp-w3 {width: 372px;}
.inp-w4 {width: 522px;}

.border-on{position: relative; margin-left:6px; background: #F8F8F8; border:solid 1px #d8dfdb;margin-top: 25px;}
.border-on textarea{
	display:block; 
	width: 98%; 
	padding:6px 1% 6px 1%; 
	color:#4D4D4D; 
	min-height:80px; 
	font:normal 15px 'Roboto Condensed', sans-serif;
	width: 94%;
	border: 1px solid #CACACA;
	margin-left: 15px;
	margin-top: 0;
	max-height: 250px;
	margin-bottom: 0;
	height: 80px;
	resize: vertical;
}

.border-on .matte{opacity: 0.4;}
.border-on .brd{position: absolute; width: 4px; height: 100%; left:-6px; top:-1px;}
.border-on ul{ margin-left: 20px; }
.border-on ol{ margin-left: 20px; margin-top: 10px; }
.ta-title{padding:0 15px; line-height: 44px; background: #F8F8F8;}
.ta-title h3{line-height: 44px;}

.ta-title{line-height: normal;}
.border-on ul{margin-left:0;padding-top:10px;}
.border-on ul li{margin-left: 30px;list-style-type: circle;}
.gray_txt{color: #375CAB;font-size: 13px;}

.frm .bg-blue,.bg-blue{
	background: #256ea8; border:solid 1px #256ea8;
	background: -moz-linear-gradient(top, #3a83b9, #135c9a); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#3a83b9), color-stop(100%,#135c9a)); /* Chrome 1-9, Safari 4-5 */
	background: -webkit-linear-gradient(top, #3a83b9, #135c9a); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #3a83b9, #135c9a); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a83b9, #135c9a); /* IE10 */
	background: linear-gradient(to top, #3a83b9, #135c9a); /* CSS3 */
	background-color: #256ea8;
}

.frm input[type="checkbox"], .frm input[type="radio"] { display:none;visibility: hidden; }
.frm input[type="checkbox"] + label span { display:inline-block; float:left; width:32px; height:32px; margin:0 8px 0 0; vertical-align:middle; background:url(../img/checker.png) left bottom no-repeat;}
label.checked span { background-position:left top !important;}
label{cursor: pointer; clear: both; line-height: 32px;}

#file_block {padding-bottom: 10px;font-size: 13px;}

/* file-load input */
.file-inp{position:relative; margin:0; padding:0 0 0 24px; background: url(../img/pick.png) left top no-repeat; color: #16856D; overflow: hidden; height:26px;}
.file-inp input{position:absolute; left:0; top:0; overflow:hidden; padding-left:200px; border: none; cursor: pointer;
-ms-filter:"progid:DXImageTransFORM.Microsoft.Alpha(opacity=0)"; filter:progid:DXImageTransFORM.Microsoft.Alpha(opacity=0);
-moz-opacity:0; -khtml-opacity:0; opacity:0; }

.frm input[type="radio"] + label span { display:inline-block; float:left; width:32px; height:32px; margin:-1px 8px 0 0; vertical-align:middle; background:url(../img/checker_radio.png) left bottom no-repeat;}
.disclosure_data{padding-left:60px;display:none;padding-bottom:4px;padding-top:10px;}
.disclosure_data input[type="text"]{font-size:15px;height: 28px;line-height: 28px;}
.disclosure_data textarea{width: 98%;float: left;padding: 3px 4px;color: #555;min-height: 64px;border: solid 1px #C8C8C8;font: normal 15px 'Roboto Condensed', sans-serif;}
.disclosure_data td{vertical-align: middle;padding:4px 0 4px 10px;}
.frm td.right{text-align: right;}
.ui-datepicker-trigger{cursor:pointer; padding:1px 5px;vertical-align: top; margin-top:1px;}
.frm .type_random img{vertical-align:middle;border: 1px solid #616161;background: #DBDBDB;border-radius: 2px;}

a.btn{opacity: 1;}
.btn{border-radius: 6px;}
.b-middle, .b-middles *{font:normal 18px arial; line-height: 38px; height:38px; padding:0 16px;}
.btn{display:inline-block; -webkit-user-select: none; text-decoration: none;color:#FFF;text-align:center;}
.frm .bg-blue,.bg-blue{
	background: #256ea8;border:solid 1px #256ea8;
	background: -moz-linear-gradient(top, #3a83b9, #135c9a); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a83b9), color-stop(100%,#135c9a)); /* Chrome 1-9, Safari 4-5 */
	background: -webkit-linear-gradient(top, #3a83b9, #135c9a); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #3a83b9, #135c9a); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a83b9, #135c9a); /* IE10 */
	background: linear-gradient(to top, #3a83b9, #135c9a); /* CSS3 */
	background-color: #256ea8;
}

.btn.disabled { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; }

#tooltip {width: 200px;position: absolute;z-index: 1105;font-size:13px;padding: 4px 7px;border: 1px solid #808080;background-color: #FFFFD2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.4);box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);}
#tooltip h3{padding:0;color:#333;color: #fff;color: #333;margin:0;font: normal 11px 'lucida grande',tahoma,verdana,arial,sans-serif;}
#tooltip.viewport-top i.arrow_top{border: 6px solid transparent;font-size: 0;height: 0;top:-10px;line-height: 0;position: relative;width: 0;border-top: 0;border-bottom-color: #515151;bottom: 0;display: block;left: 5px;}
#tooltip.viewport-bottom i.arrow{border: 6px solid transparent;font-size: 0;height: 0;padding-bottom:-24px;top:10px;line-height: 0;position: relative;width: 0;border-bottom: 0;border-top-color: #515151;bottom: 0;display: block;left: 5px;}
#tooltip.viewport-right i.arrow,#tooltip.viewport-right.viewport-top i.arrow_top{left: 83%;}

#file_block {padding-bottom: 10px;font-size: 13px;}
#file_table tr{background-color: #fff;}
#file_table tr.row1{background-color: #E8E8E8;}
#file_table td {font-size: 14px;padding: 5px;}

.validation-wrapper {
	padding: 1px 1px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	margin-top: 2px;
	margin-left: 0;
	margin-right: 10px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.validation-wrapper.block {
	margin-left: 11px;
	margin-right: 11px;
	display: block;
	position: relative;
}
.validation-wrapper.table {
	display: block;
	position: relative;
	margin: 0;
}
.validation-wrapper.checkbox {
	height: 32px;
	width: 32px;
	vertical-align: middle;
	margin-right: 8px;
}
.validation-wrapper.block textarea {
	margin: 0;
	border: 0;
	width: 100%;
	box-sizing: border-box;
}

.validation-wrapper.error {
	background-color: #F00;
	border-color: #FCC;
	padding-right: -15px;
}
.error-label{ color: red;}

#error_block div:first-child {
	background-repeat: no-repeat;
	border-left: 3px solid #B3372D;
	background-color: #FCE6E4;
	background-position: 8px 8px;
	color: #111;
	font-size: 14px;
}

.error_clear {
	height: 18px;
	float: right;
	width: 20px;
	background-image: url(/resources/vulnerability/img/clear_search2.gif);
	background-position: 1px 0;
	background-repeat: no-repeat;
	outline: medium none;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 7px;
}
#error_block ul {
	padding-left: 40px;
}
#error_block li {
	color: maroon;
}
#error_block li span {
	color: black;
}

.off {
	display: none;
}

.load_bar span {
	display: inline-block;
	height: 7px;
	width: 60px;
	background-color: #3BA855;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-ms-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: move 2.5s linear infinite;
	-moz-animation: move 2.5s linear infinite;
	-ms-animation: move 2.5s linear infinite;
	animation: move 2.5s linear infinite;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(top left,rgba(0,0,0,0),rgba(0,0,0,0) 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));
	background-image: -moz-linear-gradient(top left,transparent,transparent 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));
	background-image: -o-linear-gradient(top left,transparent,transparent 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));
	background-image: linear-gradient(to bottom right,rgba(0,0,0,0),rgba(0,0,0,0) 25%,rgba(255,255,255,0.3) 25%,rgba(255,255,255,0.3) 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 75%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.3));
}

@-webkit-keyframes move{
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: 50px 50px;
  }
}       
@-moz-keyframes move{
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: 50px 50px;
  }
}       
@-ms-keyframes move{
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: 50px 50px;
  }
}       
@keyframes move{
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: 50px 50px;
  }
}

.g-recaptcha {
	margin: 0;
}

.validation-wrapper.captcha {
	width: 302px;
	height: 76px;
	overflow: hidden;
}