*:focus{outline:none;}

html{height:100%;}
body{
	font-family:Roboto, sans-serif;
	background:url('../images/body-bg.jpg') no-repeat left top #103458;
	color:#0F3556;
	margin:0;padding:0;
	height:100%;
}

input, button, textarea, select{font-family:Roboto, sans-serif;}

.hidden{display:none;}
a{text-decoration:none;}

.text-center{text-align:center;margin-top:10px;}

.form-element input, .form-element select{
	width:calc(100% - 20px);
	padding:7px 9px;
	font-family:Roboto, sans-serif;
	font-size:15px;
	border:1px solid #008099;
	border-radius:5px;
	margin-bottom:10px;
	color:#0F3556;
}

.form-element select{
	width:calc(100% - 25px);
	background:#FFF;
}

.form-element button{
	display:block;
	width:100%;
}

.buttons button, .form-element button{
	background-color:#5BB2C9;
	text-align:center;
	color:#FFF;
	border:none;
	border-radius:5px;
	font-weight:400;
	font-size:15px;
	cursor:pointer;
	padding:7px 0;
}

.buttons button{padding:7px 15px;}
.buttons button:hover, .form-element button:hover{background-color:#357EC1;}


#top-panel-content, #logo-panel-content{
	width:960px;
	height:100%;
	margin:0 auto;
}

#top-panel{
	width:100%;
	height:43px;
	background:url('../images/top-panel-bg.jpg') no-repeat center top #0A2945;
}


#top-menu li{float:left;margin:13px 7px 10px;}

#top-menu li a{
	color:#FFF;
	font-size:15px;
	font-weight:400;
	text-decoration:none;
	padding:4px 10px;
	border-radius:5px;
}

#top-menu li a:hover{background:#FF8B4D !important;}


#header-right-block{width:425px;float:right;position:relative;}
#logo-panel-content{position:relative;}
#logo-panel-content>div{position:absolute;}

#logo{
	top:20px;
	width:230px;
	left:10px;
}

#sitename{
	top:23px;
	left:240px;
	width:250px;
	font-size: 24px;
    font-weight: 500;
    font-style: italic;
}

#feedback{
	top:25px;
	left:525px;
	width:120px;
	height:50px;
	padding-left:60px;
	background:url('../images/header-feedback-icon.jpg') no-repeat left center;
}

#feedback div{display:table;}
#feedback span{
	width:100%;
	height:50px;
	display:table-cell;
	vertical-align:middle;
}

#user-counter{
	right:0;
	top:15px;
	text-align:right;
}

#user-counter>span{
	display:block;
	font-size:30px;
    font-weight:300;
    color:#162731;
	margin-bottom:5px;
}

#user-counter .number{
	font-weight:500;
	color:#FF1700;
	font-size: 31px;
}

#auth-links{position:relative;float:right;}
#auth-links span{
	display:inline-block;
	font-size:15px;
	font-weight:400;
	margin-top:14px;
}

#auth-links span:first-child{padding-right:6px;}
#auth-links span:last-child{
	padding-left:10px;
	border-left:1px solid #5c686f;
}

#auth-links a{
	color:#FFF;
	text-decoration:none;
}
#auth-links a:hover{color:#FF8B4D;}


.header-user-name{
	text-align:right;
	padding-right:25px !important;
	background:url('../images/caret.png') no-repeat right center;
	border:none;
	cursor:pointer;
	display: table-cell !important;
    max-width: 165px;
    height: 43px;
	margin-top:0;
    vertical-align: middle;
}

.header-user-name:hover{background:url('../images/caret-hover.png') no-repeat right center;}
.header-user-name:hover a{color:#FF8B4D !important;}

.user-dropdown{
	display:none;
	position:absolute;
	width:170px;
	top:43px;
	background:#FFF;
	text-align:right !important;
	padding:10px 25px 10px 0;
	z-index:10;
	right:0;
	border:1px solid #0A2945;
	border-top:none;
	border-radius:0 0 3px 3px;
	-webkit-box-shadow: 0px 4px 14px 0px rgba(92,87,92,0.5);
	-moz-box-shadow: 0px 4px 14px 0px rgba(92,87,92,0.5);
	box-shadow: 0px 4px 14px 0px rgba(92,87,92,0.5);
}

.user-dropdown>li{margin-bottom:4px;}
.user-dropdown>li:last-child{margin-bottom:0;}
.user-dropdown a{color:#0F3556 !important;}
.user-dropdown a:hover{color:#FF8B4D !important;}


#logo-panel{
	width:100%;
	height:100px;
	background:#FFF;
}

#search-form{position:absolute;top:0;width:260px;right:163px;text-align:right;}
#search-form input[type=text]{
	vertical-align:bottom;
	height:18px;
    background:#337089;
    border:none;
    margin-top:6px;
    border-radius:15px 0 0 15px;
    font-size:15px;
	color:#FFF;
}

div.closed input{
	width:0;
	padding:5px 0px 5px 0px;
}

div.opened input{
	width:186px;
	padding:5px 35px 5px 15px;
}


#search-form input[type=text]::-webkit-input-placeholder{color:#FFF;}
#search-form input[type=text]::-moz-placeholder{color:#FFF;}
#search-form input[type=text]:-moz-placeholder{color:#FFF;}
#search-form input[type=text]:-ms-input-placeholder{color:#FFF;}


#search-form button{
	vertical-align:bottom;
	width:29px;
	height:28px;
	border:none;
	background:url('../images/search-icon.png') no-repeat 7px 7px #FFF;
	border-radius:50px;
	cursor:pointer;
	margin-left:-20px;
}

div.opened button, #search-form button:hover{background-color:#5BB2C9;}


#main-content{
	width:960px;
	min-height:calc(100% - 220px);
	margin:20px auto 25px;
}

#content{
	position:relative;
	background:#FFF;
	border-radius:10px;
	padding-bottom:50px;
}

#content b, #content strong{font-weight:bold;}
#content i, #content em{font-style:italic;}

.page-title{
	text-align: center;
    font-size: 25px;
    font-weight: 600;
    padding: 25px 0;
}


#footer{
	width:960px;
	height:30px;
	margin:0 auto;
	position:relative;
}

#bottom-menu li{float:left;margin:0 15px;}

#bottom-menu a{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
}

#bottom-menu a:hover{color:#FF8B4D;}
#dev-logo{
	position:absolute;
	right:10px;
	top:-7px;
}

.system-message{padding:10px 0;text-align:center;}
.success-message{color:green;}
.fail-message{color:red;}

.error-list{
	padding-left: 75px;
    color: red;
    margin: 20px 0;
}


.error-list li{margin:5px 0;}


#login-area{
	width:300px;
	margin:10px auto;
	text-align:center;
}


.adlist-item{
	width:800px;
	margin:20px 30px 0 110px;
	border-top:1px solid #206582
}


.adlist-item>li{
	position:relative;
	padding:20px 0;
	border-bottom:1px solid #206582;
}

.cable-mark{display:block;margin-bottom:10px;}
.cable-mark a{
	color:#243856;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}

.cable-mark a:hover{color:#FF8B4D;}
.cable-params li{margin-bottom:5px;color:#4a4a4a;font-size:14.5px;}
.cable-params b{font-weight:500;}

li.attachment{margin-top:20px;}
li.attachment a{
	background: url('/images/download.png') no-repeat left center;
    padding-left: 22px;
    font-size: 16px;
    text-decoration: underline;
}

li.attachment a:hover{color:#f22408 !important;}

.cable-number, .cable-created{
	position:absolute;
	top:25px;
}

.cable-number{
	left:-80px;
	font-size:14px;
	color:#6e6e6e;
}

.cable-created{
	right:0;
	color:#243856;
	font-size:14px;
}

.control-buttons{
	position:absolute;
	right:0;
	top:50px;
}


.adpager{
	position:absolute;
	right:45px;
	height:30px;
	margin:25px 0 20px;
}

.adpager li{
	float:left;
	margin-left:15px;
}

.adpager a{
	color:#26353f;
	display:block;
}

.adpager .page:not(.active) a:hover{color:#FF8B4D;}
.adpager .page{
	font-size:14px;
	font-weight:600;
	padding:7px 10px;
}

.adpager .active{background-color:#5BB2C9;border-radius:50px;}
.adpager .active a{color:#FFF;}

.adpager .next a, .adpager .last a, .adpager .first a, .adpager .previous a{
	border:1px solid #2d415d;
	border-radius:50px;
	font-size:14px;
	padding:7px 10px;
	width:6px;
	height:11px;
}

.adpager .next a{background:url('../images/next-page.png') no-repeat center center #FFF;}
.adpager .next a:hover{background:url('../images/next-page-hover.png') no-repeat center center #FFF;}

.adpager .previous a{background:url('../images/prev-page.png') no-repeat calc(50% - 0.5px) center #FFF;}
.adpager .previous a:hover{background:url('../images/prev-page-hover.png') no-repeat calc(50% - 0.5px) center #FFF;}

.adpager .last a{background:url('../images/last-page.png') no-repeat center center #FFF;}
.adpager .last a:hover{background:url('../images/last-page-hover.png') no-repeat center center #FFF;}

.adpager .first a{background:url('../images/first-page.png') no-repeat calc(50% - 0.5px) center #FFF;}
.adpager .first a:hover{background:url('../images/first-page-hover.png') no-repeat calc(50% - 0.5px) center #FFF;}

.adpager .next a:hover, .adpager .last a:hover, .adpager .first a:hover, .adpager .previous a:hover{background-color:#FF8B4D;}
.adpager .next:hover a, .adpager .last:hover a, .adpager .first:hover a, .adpager .previous:hover a{color:#FFF;}



.reg-text{
	padding-top:40px;
	text-align:center;
	font-size:17px;
	line-height:1.15;
}

.main-ads-list-button{background:#FF8B4D !important;}
.main-ads-list-button:hover{background:#357EC1 !important;}

#all-ads{margin-top:35px;}
#all-ads a{
	font-size:17px;
	text-decoration:underline;
	color:#243856;
}

#all-ads a:hover{color:#f22408;}

.full-ad-area{background:#E2EFF5;}
.full-ad-area .adlist-item{border:none;margin-top:0;}
.full-ad-area .adlist-item>li{border:none;padding:30px 0;}
.full-ad-area .cable-number, .full-ad-area .cable-created{font-size:15px;top:35px;}
.full-ad-area .control-buttons{top:60px;}
.full-ad-area .cable-params>li{font-size:15px;margin-bottom:7px;}


.others-cables h2{
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	padding: 25px 0 0;
}


.success-message{text-align:center;color:green;}
.fail-message{text-align:center;color:red;margin-bottom:15px;}

.attachment-file{}
.attachment-uploaded-file a{
	display:block;
	margin-bottom:7px;
}

.attachment-file{
	background:url('../images/document.png') no-repeat left center !important;
}

.delete-attachment{
	font-size:13px;
	background:none !important;
	padding:0 !important;
}



#region-filter{
	position:absolute;
	left:110px;
	top:72px;
	font-size:14.5px;
	z-index:100;
}

#region-filter ul{
	display:none;
	background:#FFF;
	border-radius:0 5px 5px 5px;
	border-left:1px solid #cfcfcf;
	border-top:1px solid #f3f3f3;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);
}

#region-filter li{
	padding:8px 15px 8px 11px;
	border-bottom:1px solid #cfcfcf;
}

#region-filter li:last-child{border:none;}
#region-filter a{color:#334561;display:block;}
#region-filter a:hover{color:#f22408;}

#region-filter button{
	color:#FFF;
	padding:7px 25px 7px 12px;
	border-radius:5px;
	cursor:pointer;
	border:none;
	font-size:14.5px;
}

#region-filter button:hover{background-color:#537dbd;}

#region-filter .closed{
	background: url('/images/caret-down.png') no-repeat calc(100% - 8px) center #7bb0c7;
}

#region-filter .opened{
	border-radius:5px 5px 0 0;
	background: url('/images/caret-right.png') no-repeat calc(100% - 8px) center #7bb0c7;
}

.attachment-input{display:none;}


.notices{text-align:right;}
.notices span{
	display:block;
	font-size:14.5px;
	font-weight:500;
	margin-bottom:3px;
}

.notice_msg{
	width: 80%;
    margin: 0px auto 20px;
    font-size: 14.5px;
    font-weight: 500;
    background: #4589CE;
    color: #FFF;
    padding: 10px 15px;
	border-radius:5px;
}


@-moz-document url-prefix() 
{ 
	select[name="Ads[static][region_id]"]{width:58% !important;}
	.cabinet-table .button{vertical-align: top !important;}
}

.dynamic textarea{resize:none;}