﻿html, body {
	width: 100%;
	height: 100%;
	background: #fff;
}
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	position: relative;
	color: #000;
	min-width:1000px;
	height: auto;
	width:auto;
	padding:0 30px;
}
#wrap {
	width: 100%;
	position: relative;
}
#wrap td {vertical-align:top;}
/*Typography*/
a{color: #0056c0; text-decoration: underline;}
a:hover, a.active{text-decoration:none;}
strong {font-weight: bold;}
.font14 {font-size:14px;}
img {vertical-align:text-top;}
/*Main*/
#header {
	padding:20px 0;
	margin-bottom:20px;
}
#header .login {
	line-height:20px;
	position:absolute;
	right:30px;
	top:30px;
}
#wrap .left {
	width:140px;
	padding-right:20px;
}
#wrap .left div {
	position:relative;
}
#wrap .left div a, #wrap .left ul li span {
	position:relative;
	z-index:10;
}
#wrap .left .icon {
	position:absolute;
	top:-28px;
	left:0;
	z-index:0;
}
#wrap .left ul {
	margin-bottom:55px;
}
#wrap .left ul li {
	margin:13px 0;
	position:relative;
}
#wrap .left .padding {
	margin-bottom:25px;
	position:relative;
}
#wrap .main .inlineList {
	display:block;
	padding:13px 0 13px 10px;
}
#wrap .main .inlineList li {
	display:inline;
	margin:0 0 0 15px;
}
#wrap .main h2 {
	padding:0 0 0 40px;
	margin:13px 0;
	font-size:14px;
}
#wrap .main .box {
	background:#f1f1f1;
	padding:15px 15px 15px 25px;
	margin-bottom:15px;
	position:relative;
}
#wrap .main .box .button {
	background:transparent;
	font-size:14px;
	border:1px black dashed;
	border-width:0 0 1px 0;
	cursor:pointer;
	margin-right:40px;
}
#wrap .main .box .button:hover {
	border:0;
}
#wrap .main .box p {
	font-size:10px;
	color:#6d6e71;
	line-height:15px;
} 
#wrap .main .close {
	width:100px;
    font-size:10px;
    position: absolute;
    z-index:5;
    right:35px;
    margin-top:14px;    
}
#wrap .main .close a {
	color:#4080d0;
	text-decoration:none;
	border:1px #4080d0 dashed;
	border-width:0 0 1px 0;
}
#wrap .main .close a:hover {
	border:0;
}

#filter {
	width:100%;
	margin:30px 0;
}
#filter td {
    line-height: 20px;
}
#filter input {
	vertical-align:text-top;
}
#filter select {
	height:17px;
	width:120px;
	border:1px #cccccc solid;
	vertical-align:bottom;
}
#filter select.selectMin {
	width:50px;
}
#filter .text {
	background:#fff;
	border:1px #cccccc solid;
	width:120px;
	height:15px;
	font-size:11px;
	vertical-align:baseline;
} 
.pages {
	width:100%;
	margin:30px 0;
}
.pages tr:hover a{
	color:black;
}
.pages td {
	padding:7px 0;
	border:1px #e5e5e5 solid;
	border-width:1px 0 1px 0;
	vertical-align:middle;
}
.pages .fixed {
	width:40px;
	text-align:center;
}
#popup {
	display:none;
	position:absolute;
    width:394px;
	height:148px;
	background:transparent url('../images/popup_bg.png') no-repeat;
	padding:55px 30px 0 110px;
	z-index:999;          
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -50px;    
}
#popup .font14 {
	color:#000 !important;
}
#popup p {
	margin-bottom:20px;
	color:#999999;
}
#popup .buttons {
	text-align:right;
}
#popup .buttons a {
	color:#000;
	font-size:24px;
	margin-right:120px;
}
#auth {
	font-size:36px;
	width:632px;
	margin:0 auto;
	text-align:center;
}
#auth input {
	font-size:36px;
	text-align:left;
	width:430px;
	border:1px #cccccc solid;
	height:50px;
	margin:10px 0 20px 0;
}
#auth input.error {
	border:1px #ff0000 solid;
}
#auth input.button {
	font-size:36px;
	border:3px #000 solid;
	border-width:0 0 3px 0;
	margin:20px 0 0 0;
	background:transparent;
	cursor:pointer;
	text-align:center;
	width:auto;
}
#auth label {
	font-size:18px;
}
#auth.wait {
	color:#666666;
}
#auth .timer {
	color:#000;
	margin:70px 0 50px 40px;
    width:570px;
    text-align:left;
}

#auth.wait input.button {
	border:0;
	color:#666;
}
#auth p {
	color:#666666;
	font-size:11px;
	text-align:left;
	width:430px;
	margin:0 auto;
	padding-left:20px;
}   

/*Мои стили*/

#wrap .main .box table td{
    padding:1px;
} 


#wrap td form input, #wrap td form textarea, #wrap td form select{
    width:600px;
    border:1px solid #CECECE;
    height:18px;
    color:#9C9C9C;
}

#wrap .main .box h3{ 
    font-weight: bold;     
}

#wrap td form {padding-left:40px;}
#wrap td form textarea {height:50px;} 
#wrap td form label {display: block; margin-bottom: 5px; margin-top:10px;}
#wrap td form label b{color:#FF0000;}
#wrap td form .button { 
    padding:0 50px 40px 0;    
    font-size:36px;
    margin:20px 0 0 0;
    cursor:pointer;
    text-align:center;
    width:auto;
}

.LV_validation_message{font-weight:bold; margin:0 0 0 5px;}
.LV_valid {position: absolute; background: #FFFFFF url('../images/accept.gif') no-repeat; color:#00CC00; width:16px; padding-left:20px; height:16px; padding-bottom:2px;}
.LV_invalid {position: absolute; background: #FFFFFF url('../images/exclamation.gif') no-repeat; color:#CC0000; width:16px; padding-left:20px; height:16px; padding-bottom:2px;}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active {border: 1px solid #00CC00;}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, extarea.LV_invalid_field:active {border: 1px solid #CC0000;}

.colored_clear {background-color:#F1F1F1; text-align:center;}
.dragHandle {cursor:move;}

#popup_handle {margin:-47px 0 0 -100px; width:510px; padding:10px 0 10px 0;}

#technology { height: 100px; overflow: auto; width:600px; border: 1px solid #7F9DB9; background-color: #F1F1F1;}
#technology { list-style-type: none; margin: 0; padding: 0; overflow-x: hidden; }
#technology li { margin: 0; padding: 0;}
#technology label { display: block; color: #666666; background-color:#F7F7F7; margin: 0; padding: 0; width: 100%; }
#technology label:hover { background-color: Highlight; color: HighlightText; }
#technology input {margin-right:5px; margin-left:5px; width:13px !important; height:13px !important;}

#preview_image div, #preview_image_a div {border:1px solid #CECECE; margin: 13px 0 0 50px; padding:5px; width:300px; height: 180px;}
#preview_image img, #preview_image_a img {float:left; padding:2px; border:1px solid #CECECE; margin-right: 5px;}

#wrap td form #listphoto li { border:1px solid #CECECE; margin:5px 5px 5px 0; padding:3px; float:left; background-color:#ffffff;}
#wrap td form #listphoto li img {float:left; padding:2px; border:1px solid #F5F5F5;}
#wrap td form #listphoto li div{float:left; padding-left:10px;}
#wrap td form #listphoto li input {width:180px; border:1px dashed #CECECE;}
#wrap td form #listphoto li input.radio {
width: 10px;
}

.users_cms_table {width:600px; margin-top:20px;}
.users_cms_table th {padding:5px 0 5px 5px; font-weight: bold; text-align: center; background-color: #f1f1f1;}
.users_cms_table td {padding:5px 0 5px 5px; border-bottom: 1px solid #f1f1f1;}
.users_cms_table td input {width:13px !important; height:13px !important;}

#wrap .main .closefilter {margin-top:30px;}

#wrap .filter_g form {margin:0px; padding:0px;}
#wrap .filter_g form input {vertical-align:text-top;}
#wrap .filter_g form select {height:17px; width:120px; border:1px #cccccc solid;vertical-align:bottom;}
#wrap .filter_g form .button {padding:0;font-size:36px;margin:20px 0 0 0;cursor:pointer;text-align:center;width:auto;}
#wrap .filter_g form .button:hover {border-bottom:1px solid #F1F1F1 !important;}
.count{color:#9C9C9C;}

.additional_options td label{margin:0px !important; padding:0px !important;}
.attention {border:1px dashed #ff0000; width:620px; padding:10px; margin:20px 0 0 -10px; background-color:#F1F1F1;}
.attention span {color:#B2B2B2; }

#check_isnew input#is_new { margin:5px; vertical-align:middle; width:auto; } 
