﻿img { border: 0px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.padding2010 { padding: 10px 20px 10px 20px; }
.clear { clear: both; }

/* ################################################################################# */

a.copy { background-color: #f0f0f0; border: 1px #cccccc solid; padding: 2px 5px 2px 5px; color: #555555; font-weight: normal; text-decoration: none; }

#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}
.tooltip_small {
	cursor: help;
	background-color: #f0f0f0;
	color: #999999;
	font-size: 11px;
	padding: 2px 5px 2px 5px;
}


.cms_form { font-size: 12px; padding: 0px; margin: 0px; }
.cms_form ul { padding: 0px; margin: 0px; overflow: hidden; }
.cms_form ul li { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px #e0e0e0 solid; }
.cms_form ul li:hover { background-color: #f5f5f5; }
.cms_form ul li:last-child { border-bottom: none; }

.cms_form ul li ul { padding: 0px; margin: 0px; overflow: hidden; width: 100%; }
.cms_form ul li ul li { list-style: none; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; border-bottom: none; }
.cms_form ul li ul li:nth-child(odd) { width: 25%; float: left; }
.cms_form ul li ul li:nth-child(even) { width: 70%; margin-left: 27%; }
.cms_form ul li ul li a.submit { margin-bottom: 0px; float: none; text-align: center; width: 100px; }

.cms_form ul li ul li input.input_text { }
.cms_form ul li ul li textarea.input_text { height: 100px; }

.cms_form ul li ul li input.input_text, .cms_form ul li ul li textarea.input_text {
	font-size: 11px; 
	width: 95%; 
	margin: 0px;
	border: 1px #BBBBBB solid;
	padding: 2px 5px 2px 5px;
	-moz-box-shadow: inset 0 3px 5px #e0e0e0;
	-webkit-box-shadow: inset 0 3px 5px #e0e0e0;
	box-shadow: inset 0 3px 5px #e0e0e0;
}

.cms_form .cms_form_icons { position: absolute; left: 60%; display: none; margin-left: -50px; }
.cms_form .cms_form_icons a { margin-right: 5px; }

.required { background-color: #ffffff; }
.required_ { background-color: #e5f1f6; }

#login_form h1, #feedback_form h1 { font-size: 18px; font-weight: normal; color: #3db7d9; }
#login_form .cms_form {}
#login_form .cms_form ul li div.form_left { padding: 3px 0px 0px 10px; margin: 0px; float: left; width: 100px; }
#login_form .cms_form ul li div.form_right { padding: 0px; margin-left: 110px; }

/* ######################################## TABS */

.section, .section_gray {
	clear: both;
/*	width: 600px;
	background: #EFEFEF;
	margin: 0 0 30px; */
}
.section ul.tabs {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #FFF;
}
.section .tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	color: #777;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #E4E4E4;
	border-bottom: 1px solid #F9F9F9;
	position: relative;
}
.section .tabs li:hover,
.section .vertical .tabs li:hover {
	color: #F70;
	padding: 0 13px;
	background: #FFFFDF;
	border: 1px solid #FFCA95;
}
.section .tabs li.current {
	color: #444;
	background: #ffffff;
	padding: 0 13px 2px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #ffffff;
}
.section .box { display: none; }
.section .box.visible { display: block; }

.tabs_header p { padding: 0px; margin: 0px; }
.tabs_header_gray_current { background-color: red; }
.tabs_header_gray { background-color: #999999; }

.section_gray ul.tabs {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #e6e9ea;
	background: #ffffff;
}
.section_gray .tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0px 13px 1px;
	color: #aeaeae;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	background: #f3f3f5;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	position: relative;
}
.section_gray .tabs li:hover,
.section_gray .vertical .tabs li:hover {
	color: #0b7ea4;
	font-size: 24px;
	font-weight: bold;
	padding: 0px 13px;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
}
.section_gray .tabs li.current {
	color: #0b7ea4;
	font-size: 24px;
	font-weight: bold;
	background: #d9dbdf;
	padding: 0px 13px 2px;
	border: 1px solid #d9dbdf;
	border-bottom: 1px solid #d9dbdf;
}
.section_gray .box { display: none; background: #d9dbdf; }
.section_gray .box.visible { display: block; background: #d9dbdf; }
.section_gray h2 { font-size: 24px; color: #0b7ea4; text-align: center; font-weight: bold; text-transform: none; }
.section_gray h3 { font-size: 14px; background-color: #0b7ea4; color: #ffffff; font-weight: normal; text-transform: none; padding: 5px 10px 5px 10px; }

.section_gray table { border-collapse: separate; border-spacing: 3px; }
.section_gray table tr td { padding: 10px; color: #3c3c3c; font-size: 14px; }
.section_gray table tr td.razor { padding: 0px; height: 5px; font-size: 1px; }
 
/* ######################################## TABS */

.section.vertical, section_gray.vertical {
	width: 440px;
	border-left: 160px solid #FFF;
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 25px;
}
.vertical .tabs li:hover {
	width: 131px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #EFEFEF;
	border: 1px solid #D4D4D4;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}

/* ################################################################################# */

#TB_overlay
{
    position: fixed;
    z-index: 1000; /* при необходимости можно поменять на другой */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    opacity: 0.55;
}
* html #TB_overlay
{
    position: absolute;
    z-index: 1000;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
#TB_overlay, #login_form, #feedback_form { display: none; font-size: 11px; }
#login_form_close, #feedback_form_close { right: 10px; top: 10px; position: absolute; }

#feedback_form { z-index: 1010; position: fixed; left: 50%; margin-left: -300px; top: 50%; margin-top: -150px; background-color: #ffffff; width: 600px; height: 400px; }
#feedback_form h2 { font-size: 20px; line-height: 22px; font-weight: normal; padding: 0px 0px 20px 0px; margin: 0px; color: #3db7d9; }

#login_form { z-index: 1010; position: fixed; left: 50%; margin-left: -200px; top: 50%; margin-top: -150px; background-color: #ffffff; width: 400px; height: 270px; }
#login_form h2 { font-size: 20px; line-height: 22px; font-weight: normal; padding: 0px 0px 20px 0px; margin: 0px; color: #3db7d9; }
#login_form .form_line { clear: both; height: 30px; }
#login_form .form_line .form_text { float: left; width: 80px; text-align: right; padding-right: 10px; }
#login_form .form_line .form_input { float: left; width: 200px; }
.form_input_field { width: 100%; }
#login_form .form_line .form_input .form_input { width: 200px; padding: 3px 5px 3px 5px; }
#login_form .form_line .form_input input, .form_line .form_input textarea, .form_line .form_input select, .form_line_ .form_input textarea { font-size: 11px; font-family: Tahoma; }
#login_form .form_line .form_submit { background-color: #95b730; color: #ffffff; padding: 3px 5px 3px 5px; border: 0px; cursor: pointer; }
#login_form a.small { text-decoration: none; font-size: 9px; color: #999999; }
#login_form a.small:hover { text-decoration: underline; }
#login_form a { color: #3db7d9; }

#login_form_default #auth_socials { }
#login_form_default #auth_socials img { float: left; padding-right: 5px; }

.required { border: 1px #cccccc solid; background-color: none; }
.required_ { border: 1px #c1dae2 solid; background-color: #f0f9fc; }

.form_line { clear: both; height: 25px; padding-top: 5px; }
.form_line .form_text { float: left; width: 150px; text-align: left; }

.form_line .form_input { float: left; width: 300px; }
.form_line .form_input .form_input { width: 300px; padding: 3px 5px 3px 5px; }
.form_line .form_input input, .form_line .form_input textarea, .form_line .form_input select { font-size: 11px; }
.form_submit { background-color: #95b730; color: #ffffff; padding: 3px 5px 3px 5px; border: 0px; cursor: pointer; }

.form_line_ { clear: both; padding-top: 10px; }
.form_line_ .form_text { float: left; width: 25%; text-align: left; margin-right: 10px; }
.form_line_ .form_help { float: right; width: 5%; text-align: right; }
.form_line_ .form_input { float: left; width: 65%; }
.form_line_ .form_input input, .form_line .form_input textarea, .form_line_ .form_input textarea { font-size: 11px; padding: 2px 5px 2px 5px; }
.form_line .form_input select, .form_line_ .form_input select { font-size: 11px; padding: 2px 5px 2px 5px; }
/* .form_line_ .form_submit { background-color: #95b730; color: #ffffff; padding: 3px 5px 3px 5px; border: 0px; cursor: pointer; } */

/* ################################################################################# */


