@CHARSET "UTF-8";

/* Globals */
body {background: #fff;}

.clear {clear: both; display: block;}
.hide {display: none;}
.left {float: left;}
.right {float: right;}
.comment {font-size: 1em;}
.error {color: #f00;}
.success {color: #8ca414;}
.transparent {opacity: 0; filter: alpha(Opacity=0); cursor: default;}

hr {border-top: 1px solid #cfcfce; border-bottom: 1px solid #fff;}

h1, h2, h3, h4, div.top-menu a {color: #2a2a2a;}
h3 {margin-top: 0; margin-bottom: 10px; padding: 0 10px; font-size: 1.65em; color: #494949; font-weight: normal;}
h3 a.action {font-size: 0.7em; margin-top: 3px;}
h3.subtitle {padding: 0; margin-top: 10px;}

/* Links */
a {color: #387db9;}
a:hover {color: #e41e26;}
a.link {color: #008ee8 !important;}
a.link:hover {color: #662d91 !important;}
a.success {border-bottom: 1px solid #8ca414;}
a.inner {text-decoration: none; border-bottom: 1px dashed #008ee8;}
a.link.inner {border-bottom: 1px dashed #008ee8 !important;}
a.inner:hover {border-bottom: 1px dashed #662d91 !important;}
a.site-btn {display: inline-block; font-weight: bold; font-size: 12px; width: 114px; height: 27px; line-height: 27px; white-space: nowrap; background: url('/static/img/bg/mark.png') no-repeat; text-align: center; color: #787878; font-weight: bold; text-shadow: 1px 1px 1px #fff;}
a.nolink {border-bottom: 0 !important;}

/* Notices */
label.error, label.success {font-weight: bold;}
span.count-message {color: #f52727;}
span.warning {font-weight: bold; color: #f00;}
span.subtitle {font-size: 1.2em;}
div.title, span.title {font-size: 2em; font-weight: normal}

/* Images */
img.icon {padding-right: 0 !important;}

/* Inputs */
input, select {font-size: 0.85em; margin-top: 1px; padding-bottom: 1px;}
input.txt, textarea.txt, select.txt {padding: 6px 13px; border-color: #bdbdbd; border-width: 1px; border-style: solid; background: #fff;}
input.txt:focus, textarea.txt:focus {border: 1px solid #52adba;}
/*input.txt:disabled, textarea.txt:disabled {background: transparent; border: 1px solid #2a77ac;}*/
input.subjects-button {width: 150x; height: 30px; cursor: pointer;}
input.categor {width: 150px; height: 30px; margin-left: 10px;}
input.data {width: 70px; height: 30px; margin-left: 5px; cursor: pointer;}
input.data-active {width: 70px; height: 30px; margin-left: 5px; background-color: #aeaeae; cursor: pointer;}
input.input-time {width: 18px; height: 16px; font-size: 1.05em;}
input.cansel {width: 150x; height: 30px;}
input.change {margin-right: 10px;}
input.enter {height: 30px; font-size: 1.5em; width: 75px; margin: 0 auto;}
input.long, textarea.long {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;}
input.bit-txt {width: 50px;}
input.check-r {vertical-align: middle; margin: -2px 4px 0 0;}
input.disabled {background: #ccc; color: #555;}
input.search {width: 450px; padding-top: 8px; padding-bottom: 8px;}
select.txt {padding-left: 5px; padding-right: 5px; outline: none;}

input.error, textarea.error  {border: 1px solid #f00; color: inherit;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #b7b7b7;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #b7b7b7;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #b7b7b7;}

/* Buttons */
input.rbutton {width: 230px; height: 41px; line-height: 41px; vertical-align: middle; border: 0; background: url('/static/img/button/gray_btn.png?3') no-repeat top; text-align: center; font-size: 17px; font-weight: bold;}
input.rbutton-small {width: 175px; background: url('/static/img/button/gray_btn_small.png') no-repeat top;}
input.rbutton-big {width: 370px; background: url('/static/img/button/gray_btn_big.png?2') no-repeat top;}
input.rbutton:hover {background-position: 0 -41px;}

input.but {width: 125px; height: 39px; padding-bottom: 3px; background: url('/static/img/button/but.png') no-repeat; border: 0; color: #787878; font-size: 1em; font-weight: bold; cursor: pointer; text-shadow: 1px 1px 1px #fff;}
input.but.sys {color: #0076c0;}
input.but.small {width: 105px; background: url('/static/img/button/but_small.png') no-repeat;}
input.but.middle {width: 200px; background: url('/static/img/button/but_middle.png') no-repeat;}
input.but.big {width: 280px; background: url('/static/img/button/but_big.png') no-repeat;}
input.but-download {background: url('/static/img/button/but_download_bg.png') no-repeat; padding-left: 25px; color: #0076c0;}

/* Top */
div.left-block {width: 295px; color: #fff;  height: 175px; }
div.warning {margin-right: 25px; margin-left: 295px; height: 33px; color: #fff; background: url('/static/img/font/warning.png') repeat-x;}
div.warning-left {height: 33px; width: 4px; margin-left: -4px; background: url('/static/img/coner/warning_left.png') no-repeat;}
div.warning-right {height: 33px; width: 6px; margin-right: -6px; background: url('/static/img/coner/warning_right.png') no-repeat;}
div.warning span.block-main {font-size: 1.1em; margin-left: 2px 5px 0 5px; color: #fff;}
div.main {float: right; background: #fff repeat-x; margin-top: 125px;}
div.main div.main-text {font-size: 1em;}
div.block  img {padding: 2px 10px 0 5px;}
div.warning img {padding: 2px 10px 0 0;}

/* Round button */
div.tematics {
	width: 200px; height: 15px; cursor: pointer; border: 1px solid #d3d3d3 !important; padding: 5px 0 5px 5px; margin: 7px;
	position: relative; background: #676a69; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676a69', endColorstr='#252726'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#676a69), to(#252726)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #676a69,  #252726); /* for firefox 3.6+ */
	-webkit-border-radius: 9px;-moz-border-radius: 9px; border-radius: 9px;
	behavior: url('/common/static/js/PIE.htc');
}
div.round-button {float: left; width: auto; margin-left: 0;}
div.round-button div.inner-content {margin-left: 5px; margin-right: 10px;}
div.round-button img {padding-right: 0;}
div.round-button img.icon-only {margin-left: 5px; margin-right: 10px;}
div.round-button, div.round-button a {color: #fff !important; cursor: pointer; font-weight: bold;}
div.round-button a {border-bottom: 0 !important; outline: none;}
div.round-button-active {
	background: #252726; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676a69', endColorstr='#252726'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#676a69), to(#252726)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #676a69,  #252726); /* for firefox 3.6+ */
	behavior: url('/common/static/js/PIE.htc');
}
div.tematics-active, div.tematics:hover {
	background: #494948; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676a69', endColorstr='#494948'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#676a69), to(#494948)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #676a69,  #494948); /* for firefox 3.6+ */
	behavior: url('/common/static/js/PIE.htc');
}
div.tematics:active {
	background: #676a69; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252726', endColorstr='#676a69'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#252726), to(#676a69)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #252726,  #676a69); /* for firefox 3.6+ */
	behavior: url('/common/static/js/PIE.htc');
}

div.thematics-container div.tematics {width: 210px; padding-right: 10px;}
div.thematics-container div.tematics div.inner-content {overflow: hidden; max-width: 160px; white-space: nowrap;}

div.visit {font-size: 0.85em; margin-bottom: 7px;}
a.section {font-size: 0.9em;}
input.interval-cancel {margin-left: 10px;}

/* Window notification */
div.window {border: 1px solid; background: #ffc; padding: 5px 10px;}
div.window div.attention {float: left;}
div.window div.block-sign {margin-left: 5px;}
div.window div.inner-content {margin-left: 53px; font-size: 1.2em;}

div.window-alert {border: 1px solid #900; background: #f2f2f2;}
div.window-notice {border: 1px solid #999; background: #f2f2f2;}
div.window-form {border: 1px solid #999; background: #fff;}

div.window-popup {position: absolute; z-index: 5;}
div.window-popup div.shadow {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.3; filter: alpha(Opacity=30);}
div.window-popup div.window-form {position: absolute; border: 1px solid; left: 10px; right: 10px; top: 10px; bottom: 10px; padding: 5px;}
div.window-popup div.window-form h3 {padding-top: 0; margin-top: 10px; text-align: center; color: #fff;}
div.window-popup div.window-form p {padding-left: 10px; padding-right: 10px;}
div.window-popup div.window-form input {font-size: 1em;}
div.window-popup a.closing {position: absolute; right: 10px; bottom: 10px;}
div.window-popup a.closing:hover {margin-bottom: 1px;}
div.window-popup.popup-info div.window-form {
	position: relative; background: #1f1f1f; border: 1px solid #aaa; color: #fff; left: 0; right: 0; top: 0; bottom: 0; padding: 8px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	behavior: url('/common/static/js/PIE.htc');
}
div.window-popup.popup-info div.piptik {position: absolute; z-index: 1; background: url('/static/img/icons/pointer.gif?7') no-repeat; width: 11px; height: 5px; margin-top: -4px; margin-left: 10px;}

/* Other */
div.action, div.close-font img {padding-top: 7px; padding-left: 5px; text-align: left;}
div.razblocker {margin-left: 20px;}
div.log {padding-top: 20px; height: 50px !ie;}
div.log a {margin-right: 10px; margin-top: 10px; color: #000; border-bottom: 1px solid #b9b9b9;}
div.log a.all {margin-left: 10px;}
div.log a.inner {border-bottom: 1px dashed #b9b9b9;}
div.log a.normal {margin: 0; color: #0087c5; border: 1px solid #0087c5;}
div.log a.normal.inner {border-bottom: 1px dashed #0087c5;}
div.pointer {cursor: pointer;}
div.space-left {margin-right: 5px;}
div.switcher {margin-left: -5px;}
div.switcher div.tematics div.inner-content {margin-right: 13px;}
div.subheader {margin-bottom: 5px;}
div.item-form select, div.item-form input.w {font-size: 0.9em;}
div.main-inf {width: 380px; height: 30px; line-height: 15px;}

div.panel {
	border: 1px solid #efefef; padding: 3px 0 3px 15px; min-width: 361px; margin-bottom: 1px;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; behavior: url('/common/static/js/PIE.htc');
}
div.panel b.name {float: left; color: #4b4b4b; font-size: 1.2em; margin-top: 3px;}
div.panel b.value {float: right; color: #f66F6c; font-size: 1.6em; border-left: 1px solid #e4e4e4; min-width: 95px; text-align: center;}
div.panel span.note {color: #d1d1d1; font-size: 85%;}

span.msg {color: #000; display: block;}
input.accept {margin-right: 102px; margin-bottom: 7px;}

/* Color */
div.color-blue {background-color: #68c8fb; width: 12px; height: 12px;}
div.color-red {background-color: #ff3634; width: 12px; height: 12px;}
div.color-yellow {background-color: #cedb5c; width: 12px; height: 12px;}
div.color-orange {background-color: #fb9b68; width: 12px; height: 12px;}
div.color-grey {background-color: #c3bebb; width: 12px; height: 12px;}

/* Centering div's */
div#outerContainer {position: absolute; left: 0%; top: 0%; width: 100%; /*height: 100%;*/ min-height: 600px; height: 600px !ie; min-width: 610px; overflow: hidden;}
div.center-size, div.top-container, div.bottom-container {position: absolute; left: 50%; top: 50%;}
div.center-container {
	position: absolute; left: -50%; top: -50%; width: 100%; height: 100%; border: 1px solid #bbb; color: #494949; background: #F7F9FA;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url('/common/static/js/PIE.htc');
}
div.top-container, div.bottom-container {height: 200px;}
div.top-container {top: 0;}
div.top-container div.center-container {top: 0; border: 0; background: none;}
div.bottom-container {top: auto; bottom: -40px;}
div.bottom-container div.center-container {top: auto; bottom: 0; border: 0; background: none;}

body.no-page div#outerContainer {max-height: 750px;}

/* Login */
div.logo-container {position: absolute !ie; height: 126px; margin-top: -140px; margin-bottom: 10px; margin-left: -70px !ie;}
div.name-sait {text-align: center; font-size: 1.5em; line-height: 191px; padding-top: 15px; margin-top: 2%;}
div.login-left {border-right: 1px solid #e3e3e3; padding: 7px;}
div.main-info-login {margin-left: -290px;}
div.login-right {padding: 8px 7px 7px 25px; float: left;}
div.login-right div.item {text-align: left;}
div.common-container {margin-bottom: -2px;}
div.enter-login {padding: 10px 0;}
div.enter-login h1 {font-size: 1.6em; margin-bottom: 30px;}

/* Popup */
div.popup {
	position: absolute; background: #fff; font-size: 0.9em;
	-webkit-border-radius: 9px;-moz-border-radius: 9px; border-radius: 9px; behavior: url('/common/static/js/PIE.htc');
}
div.popup div.piptik {position: absolute; top: -15px; left: 20px; width: 18px; height: 15px; background: url('/static/img/decor/piptik.png');}
div.popup p {margin: 20px !important; line-height: 15px;}

/* Panels */
div.round-panel {
	position: relative; border: 1px solid #bbb; box-shadow: 0 0 1px #fff; background: url('/static/img/bg/pattern_light.png');
	-webkit-border-radius: 9px;-moz-border-radius: 9px; border-radius: 9px; behavior: url('/common/static/js/PIE.htc'); color: #1a1a1a;
}
div.round-panel table {width: 100%; margin: 20px 0; line-height: 19px;}
div.round-panel table th, div.round-panel table td {padding: 5px 20px; text-align: left; vertical-align: top;}
div.round-panel table th, div.round-panel table strong {color: #3b3b3b;}
div.round-panel table tr.light th, div.round-panel table tr.light td {background: #f9f9f9;}
div.round-panel input.txt.long, div.round-panel textarea.txt.long {width: 93%;}

div#loginContainer {width: 607px; font-size: 1.3em; text-align: left;}
div#loginContainer div.enter-login {width: 385px; margin: 18px auto; margin-bottom: 18px;}
div#loginContainer div.controls {margin: 2px 19px 0 10px; text-align: left;}
div#loginContainer div.controls a {font-size: 0.85em;}
div#loginContainer div.controls p {margin-top: 13px; margin-bottom: 0;}
div#loginContainer div.popup {margin-left: -15px; margin-top: 10px; width: 397px;}
div#loginContainer label {float: left; margin-top: 8px; color: #494949; font-size: 0.85em;}
div#loginContainer label.error {color: #f00; float: none; display: inline; margin-top: 0;}
div#loginContainer input.txt {width: 95%; margin: 3px 0;}
div#loginContainer input.but {float: right;}
div#loginContainer h2 {font-size: 1.5em; font-weight: normal; position: absolute; margin-top: -60px; margin-left: 26%;}

table.list td {padding: 4px;}

div#blockContainer {width: 600px; height: 300px;}
div#blockContainer div.center-container {background: url('/static/img/font/block_site.png') #fff repeat;}
div#blockContainer div.common-container {height: 98%; background: url('/static/img/font/blocking_bg.png') no-repeat;}
div#blockContainer div.main-zaglav {background-color: transparent; margin-left: 0; padding: 10px;}
div#blockContainer div.title {margin-top: 8px;}
div#blockContainer div.window-notice {min-height: 158px;}

/* Blocked */
div#blockedContainer {width: 600px; height: 215px; height: 225px !ie;}
div#blockedContainer p {text-align: left; margin-left: 30px; margin-right: 30px;}
div#blockedContainer textarea {width: 90%; font-size: 1em; margin-bottom: 10px;}
div#blockedContainer input.rbutton {font-size: 12px;}

/* Plug */
div#plugContainer {width: 600px; height: 140px;}
div#plugContainer h1 {line-height: 100px; vertical-align: center;}
div#plugContainer div.logo-container {margin-top: -200px; margin-bottom: 70px;}

div#rememberPasswordContainer {width: 600px; min-height: 240px;}
div#rememberPasswordContainer div.logo-container {margin-top: -150px; margin-bottom: 30px;}
div#rememberPasswordContainer div.program {width: auto;}

div#confirmEmailContainer {width: 600px; height: 180px;}
div#confirmEmailContainer div.logo-container {margin-top: -150px; margin-bottom: 30px;}
div#confirmEmailContainer div.program {width: auto;}
div#confirmEmailContainer p {margin: 20px 0; line-height: 28px;}

div.site-list h3 {margin-bottom: 5px;}
div.site-list div.row-content {margin-left: 20px;}
div.site-list-windows h4 {color: #090;}
div.site-list-windows div.row-list {border: 1px solid #060; margin-bottom: 10px; padding: 0 0 8px 8px;}
div.site-list-windows div.row-list h3 {color: #060; margin-top: 8px;}

table.choose th, table.choose td {font-size: 1em;}
table.choose th {padding-left: 0 !important; padding-right: 0 !important; text-align: center;}

div.wot {float: right; width: 130px;}
div.wot a.wot-icon {margin-right: 5px;}
em.indicator-container {display: inline-block; height: 18px; border-left: 1px solid #000; padding-left: 1px; text-align: left;}
em.indicator {display: inline-block; text-align: left; min-width: 25px; width: 100px; background: url('/static/img/bg/wt.gif') no-repeat top right; height: 19px; line-height: 18px; font-style: normal;}
em.indicator a {color: #3b3b3b;}
em.indicator strong {margin-left: 5px;}
em.indicator.bad {background-position: 100% 100%;}
em.indicator.bad strong, em.indicator.bad a {color: #fff;}

/* Footer */
div.area-container {width: 1205px; text-align: left; margin: 0 auto; padding-left: 5px;}
div.footer-border, div#footer, div.footer-decor {min-width: 1240px;}
div.footer-border {padding-top: 11px; background: url('/static/img/bg/foot_border.jpg') repeat-x;}
div#footer {padding-top: 36px; height: 350px; background: #ebebeb url('/static/img/bg/foot.jpg'); font-size: 1.1em;}

div#footer div.info {float: left; font-size: 0.8em; font-weight: bold; font-size: 0.95em;}
div#footer div.info div.mobile {margin-top: 5px; margin-left: 1px; background: url('/static/img/icons/mobile_bg.png?2') no-repeat 0 center; padding-left: 26px; padding-top: 2px; font-size: 2em; font-weight: bold; color: #dcd4e6; word-spacing: 4px;}
div#footer div.info p.products {margin-top: 39px; margin-bottom: 27px;}
div#footer div.info p.products a {margin-right: 14px; cursor: default;}
div#footer div.info p.products a img {margin-bottom: 10px;}
div#footer div.info b.help {color: #bbeaeb; line-height: 17px; font-size: 1.08em; font-weight: normal;}
div#footer div.info b.copyright {color: #fff; font-weight: normal;}
div#footer div.info a.detailed {font-size: 0.85em; color: white; float: left; clear: both; margin-bottom: 8px;}
div#footer p {line-height: 24px;}

div.footer-decor, div.footer-decor div.item {height: 87px;}
div.footer-decor div.item {background-position: 0 100%; background-repeat: no-repeat;}
div.footer-decor div.decor-both {float: left; margin-left: 33px; width: 164px; background-image: url('/static/img/decor/both.png?2'); background-image: url('/static/img/decor/both.gif?2') !ie6;}
div.footer-decor div.decor-lie {float: left; margin-left: 41%; margin-left: 17% !ie6; width: 180px; background-image: url('/static/img/decor/lie.png?2'); background-image: url('/static/img/decor/lie.gif') !ie6;}
div.footer-decor div.decor-sit {float: right; width: 90px; background-image: url('/static/img/decor/sit.png?2'); background-image: url('/static/img/decor/sit.gif?2') !ie6;}

div.bottom-menu div.item {float: right; width: 178px; margin-left: 36px; font-size: 1em; white-space: nowrap;}
div.bottom-menu div.title {font-weight: bold; font-size: 1em; font-weight: bold; border-bottom: 1px solid #fff; color: #fff; padding-bottom: 8px; margin-bottom: 14px;}
div.bottom-menu a, div.bottom-menu a:hover {font-size: 0.85em; color: #fff; border: 0 !important; float: left; clear: both; margin-bottom: 8px;}

body.no-page div#footerContainer div.area-container {width: 953px;}

div.warning-container {float: none; width: auto; background: url('/static/img/bg/warn.jpg'); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; color: #fff; font-size: 1.1em; line-height: 26px; padding-left: 45px; padding-right: 35px;}
div.warning-container div.items-container, div.warning-container div.item {width: 900px;}
div.warning-container div.controls {margin-top: 8px;}
div.warning-container a {color: #a5e5ff; border-bottom: 1px solid #a5e5ff;}
div.warning-container a.arrow-left, div.warning-container a.arrow-right, div.warning-container a.close {background: url('/static/img/icons/warn.gif?2') no-repeat; height: 10px;}
div.warning-container a.arrow-left {background-position: 0 0;}
div.warning-container a.arrow-right {background-position: 50% 0;}
div.warning-container a.arrow-right.disabled {background-position: 50% 100%;}
div.warning-container a.close {background-position: 100% 0; border-left: 0 !important; padding-left: 0;}

/* Noauth */
body.noauth .main-parent {
	min-height: 500px;
	height: 100%;
	position: relative;
}
body.noauth .main-parent .login-left {
	border: none;
	padding: 0;
	margin-bottom: 100px;
}
body.noauth .enter-login {
	text-align: center;
}
body.noauth .enter-login input.btn {
	padding: 5px 51px 3px;
	width: auto;
	height: auto;
	margin-top: 31px;
	font-size: 16px;
	text-transform: lowercase;
}
.abonent-sites-btn {
	display: inline-block;
	zoom: 1;
	margin-right: 20px;
	min-width: 65px;
	margin-top: 5px;
}
.abonent-sites-btn__indicator {
	display: inline-block;
	width: 25px;
	color: #000;
	font-size: 24px;
}
.abonent-sites-btn>.abonent-sites-btn__indicator:before {
	content: '+';
}
.abonent-sites-btn_active>.abonent-sites-btn__indicator:before {
	content: '–';
}
.list-controls__delete-site {
	font-size: 16px;
	color: #F40202;
}
.auth-ubic-logo {
	vertical-align: middle;
}