@import url('common_forms.css');

/* Common Styles */

* { padding: 0; margin: 0; }

@media screen {

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #151515;
	background-color: #ebecec;
	}


a:active, a:link, a:visited {
	color: #006acd;
	text-decoration: underline;
	}

	a:hover { text-decoration: none;}

img { border: 0; display: block; }

div, td { font-size: 12px; }

table {
	border-collapse: collapse;
	border-width: 0em;
	}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}

.clear {	min-height: 1px; }

	
/*  =STANDART ELEMENTS
======================================== */	

h1, h2, h3, h4 { margin-bottom: 10px; }

h1 {
	font-size: 26px;
	font-weight: normal;
	border-bottom: 1px solid #d7d9d9;
	padding-bottom: 5px;
	}
	
h2 { font-size: 22px; }	
h3 { font-size: 18px; }	
h4 { font-size: 16px; }	

img.ill {
	border: 1px solid #b5b9b9;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
p {
	line-height: 1.4em;
	margin: 15px 0;
	}	

	
ul.list, ol.list {
	margin: 15px;
	padding-left: 10px;
	}
	
	ul.list { list-style: square;	}
	
	ul.list li, ol.list li {	margin-bottom: 5px;	}
	
	
table.con-table { margin-bottom: 15px; }

	table.con-table caption {
		text-align: left;
		font-weight: bold;
		padding-bottom: 3px;
		}
		
	table.con-table td,
	table.con-table th {
		border-right: 1px solid #FFF;
		padding: 4px 5px;
		text-align: left;
		}	
		
	table.con-table th {
		background-color: #ffd83a;
		font-weight: bold;
		color: #8f4a00;
		}	
		
	table.con-table td {	border-bottom: 1px solid #d7d9d9; }	
	
	
a.back-link	{
	background: url(/images/ar_nav.gif) no-repeat 0 5px;
	font-size: 11px;
	padding-left: 15px;
	}
	
a.next-link {
	background: url(/images/ar_nav.gif) no-repeat right -8px;
	font-size: 11px;
	padding-right: 15px;
	}	
	
	
.paging {
	border-top: 1px solid #d7d9d9;
	margin: 20px 0;
	padding-top: 8px;
	}
	
	.nbrd { border: none; }	
	
	.paging span, .paging a {
		display: block;
		float: left;
		}
	
	.paging span {
		font-size: 11px;
		color: #8c9092;
		margin-right: 15px;
		padding-top: 5px;
		}
		
	.paging a {
		background: url(/images/paging.gif) no-repeat right 4px;
		padding: 4px 8px;
		}
		
		.paging a.first-page,	
		.paging a.prev-page,
		.paging a.next-page,
		.paging a.last-page { 
			width: 14px; 
			height: 18px; 
			padding: 0; 
			margin-top: 3px;
			margin-right: 5px;
			text-decoration: none;
			}
		
		.paging a.first-page { background-position: 0 -18px; }	
		.paging a.prev-page { background-position: 0 -36px; margin-right: 0; }	
		.paging a.next-page { background-position: 0 -54px; margin-left: 10px; }	
		.paging a.last-page { background-position: 0 -72px; }	
		
		.paging a.active {
			background-color: #f08800;
			background-image: none;
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
			margin-left: -1px;
			}
			
			
.tabs {
	background: #eaecec url(/images/bg_tabs.gif) repeat-x 0 0;
	height: 33px;
	margin-bottom: 10px;
	padding-top: 6px;
	}			
	
	.tabs ul {
		display: block;
		height: 33px;
		padding-left: 10px;
		}
	
	.tabs ul li {
		display: block;
		float: left;
		margin-right: 3px;
		list-style: none;
		background: url(/images/bg_tabs.gif) no-repeat 0 -107px;
		}
		
		.tabs ul li a {
			display: block;
			background: url(/images/bg_tabs.gif) no-repeat right -140px;
			color: #5c6061;
			padding: 10px 15px 8px 15px;
			text-decoration: none;
			}
			
			.tabs ul li a:link, .tabs ul li a:active, .tabs ul li a:visited {
				color: #5c6061;
				text-decoration: none;
				}
				
			.tabs ul li a:hover { text-decoration: underline; }	
			
		.tabs ul li.active {	
			background-position: 0 -41px;	
			margin-right: 0;
			}	
		
		.tabs ul li.active a {	
			background-position: right -74px;	
			padding: 10px 18px 8px 15px;
			font-weight: bold;
			color: #ec6f01;
			text-decoration: none;
			}
			
			.tabs ul li.active a:link, .tabs ul li.active a:active, .tabs ul li.active a:visited {
				color: #ec6f01;
				text-decoration: none;
				}
				
				.tabs ul li.active a:hover { text-decoration: underline;	}
	


/*  =LAYOUT STYYLES
======================================== */	

.col { 
	display: block; 
	float: left; 
	}


.maincontainer {
	width: 950px;
	background: #FFF url(/images/bg_page_top.gif) repeat-x top; 
	margin: 0 auto;
	padding: 25px 15px 30px 15px;
	}	
	
.icons {	
	background-image: url(/images/icons.gif);
	background-repeat: no-repeat;
	}
	

.col2-layout .col1, 
.col2-layout .col2 { float: left; }

.col2-layout .col1 {
	margin-right:15px;
	width:190px;
	}
	
.col2-layout .col2 { width: 742px; }	

.col2-layout-admin .col1, 
.col2-layout-admin .col2 { float: left; }

.col2-layout-admin .col1 {
	margin-right:15px;
	width:190px;
	}
.col2-layout-admin .col2 { width: 80%; }

.sub-colgrid { width: 745px; }
	
	.sub-colgrid .scg-col1,
	.sub-colgrid .scg-col2 { float: left; }
	
	.sub-colgrid .scg-col1 {
		width: 510px;
		margin-right: 15px;
		}
	
	.sub-colgrid .scg-col2 { width: 220px;	}



/*  =BOXES STYYLES
======================================== */

.content-box { margin-bottom: 15px; }

	.content-box .header {
		background: url(/images/bg_box_headers.gif) no-repeat 0 0;
		font-size: 13px;
		color: #FFF;
		padding-left: 25px;
		margin: 0 0 1px 0;
		}
		
		.content-box .header b {
			display: block;
			background: url(/images/bg_box_headers.gif) no-repeat right 0;	
			padding: 7px 5px 7px 0;
			}
			
		/* Headers Color */	
			
		.content-box .menu {	background-position: 0 -124px; padding-left: 10px;	}	
		.content-box .menu b { background-position: right -124px; }

		.content-box .red { background-position: 0 -31px; }	
		.content-box .red b { background-position: right -31px; }	
			
		.content-box .grey {	background-position: 0 -62px;	}	
		.content-box .grey b { background-position: right -62px; }	

		.content-box .blue {	background-position: 0 -93px;	}	
		.content-box .blue b { background-position: right -93px; }		
			
			
	
	.content-box .content {
		border: 1px solid #dde0e2;
		padding: 10px;	
		}
		

	.ban-box {
		display: block;
		margin-bottom: 15px;
		}	

		

/*  =COMMON CONTENT BOXES STYYLES
======================================== */		

.categories-menu { margin-top: 7px; }		

	.categories-menu .content {
		border: 1px solid #ebe9d3;
		background-color: #f6f4df;
		padding: 15px 15px 5px 15px;;
		}
		
		.categories-menu .content div {
			font-weight: bold;
			color: #cb3e00;
			border-bottom: 1px solid #e0ddbd;
			padding-bottom: 2px;
			margin-bottom: 10px;
			}
			
			.categories-menu .content div a:link,
			.categories-menu .content div a:active,
			.categories-menu .content div a:visited {
				color: #cb3e00;
				text-decoration: none;
				}
			.categories-menu .content div a:hover {text-decoration: underline;}	
			
		.categories-menu .content ul {
			list-style: none;
			margin-bottom: 15px;
			}	
			
			.categories-menu .content ul li {
				background: url(/images/icons.gif) no-repeat 3px -149px;
				padding-left: 15px;
				margin-bottom: 3px;
				}
				
				.categories-menu .content ul li a {
					color: #242421;
					text-decoration: none;
					}
				.categories-menu .content ul li a:hover { color: #cb3e00; }	
				
			
			.categories-menu .content ul li.active-item	{
				background: #ef9122 url(/images/icons.gif) no-repeat 3px -227px;
				padding: 3px 5px 3px 15px;
				font-weight: bold;
				}
			
			.categories-menu .content ul li.active-item a {
					color: #FFF;
					text-decoration: none;
					}
				.categories-menu .content ul li.active-item a:hover { color: #fff9d2; }	
				
			.categories-menu .content ul li i {
				font-style: normal;
				font-size: 11px;
				font-weight: normal;
				color: #98967e;
				}	
				
				.categories-menu .content ul li.active-item i { color: #ffde00; }
				
			.no-categories {
				display: block;
				font-style: normal;
				padding: 15px 0;
				text-align: center;
				}	
				

				
ul.submenu {
	margin: 35px 0 35px 10px;
	list-style: none;
	font-size: 13px;
	}
	
	ul.submenu li {
		background: url(/images/icons.gif) no-repeat 5px -185px;
		padding-left: 25px;
		margin-bottom: 8px;
		}
		
		ul.submenu li.active-item {
			background-color: #0771a5;
			padding: 3px 0 3px 25px;
			background-position: 5px -183px;
			font-weight: bold;
			margin-bottom: 5px;
			}
			
			ul.submenu li.active-item a:link, ul.submenu li.active-item a:active, ul.submenu li.active-item a:visited {
				color: #FFF;
				text-decoration: none;	
				}
				
				ul.submenu li.active-item a:hover { color: #c0eaff; }
		
		
		
.banner100-box {
	margin-left: 15px;
	margin-bottom: 15px;
	}	
	
	
.text-nodata {
	text-align: center;
	font-weight: bold;
	margin-top: 2px;
	padding: 95px 0;
	border: 1px solid #D7D9D9;
	}
	
	
.grid-nodata {
	text-align: center;
	font-weight: bold;
	padding: 95px 0;
	border: 1px solid #D7D9D9;	
	}	
	
	
.nbrd { border: none; }	
	
.loginbox {
	background-color: #fffddb;
	padding: 25px;
	margin-top: -30px;
	margin-left: 110px;
	}				
	
	.message-sendform div.loginbox input.textfield	{ width: 250px; }			
	
	
/*  =IMAGE GALLERY STYLES
======================================== */		

.image-upload .form-element label { width: 140px; }

	.imup-boxbg {
		background-color: #f0f0f0;
		padding: 20px;
		}
		
	.image-upload .form-element input.textfield,
	.image-upload .form-element textarea { width: 300px; }

	.image-upload .submit-box { margin-left: 150px; }
	
	div.filefield-subtext {
		color: #a3a3a3;
		margin-top: 3px;
		width: 250px;
		}	
	

/* Gallery */		

.image-gallery-box {
	margin-bottom: 20px;
	}
	
	.image-gallery-box h3 {
		color: #44474a;
		border-bottom: 1px solid #d7d9d9;
		padding-bottom: 5px;	
		margin-bottom: 15px;
		}
	
	.ig-image-box {
		float: left;
		width: 372px;
		margin-right: 20px;
		}
		
		.ig-image-box img {
			display: block;
			border: 1px solid #d0d0d0;
			}
			
		.ig-preview-box {
			width: 350px;
			background-color: #f1f1f2;
			padding: 15px 7px 7px 15px;
			margin-top: 2px;
			}	
			
			.ig-preview-box img {
				float: left;
				margin-right: 8px;
				margin-bottom: 8px;
				}
				
	.ig-descr-box { margin-left: 392px; }
	
		.ig-edit-box {
			border-top: 1px solid #dadbdc;
			padding-top: 10px;
			}
				
			.ig-edit-box a {
				display: block;
				float: left;
				background: url(/images/ico_edit.gif) no-repeat 0 0;
				font-size: 11px;
				margin-right: 15px;
				padding: 2px 0 2px 23px;
				}
		
				.ig-edit-box a.ico-del { background-position: 0 -20px; }

	.gallery-nodata {
		text-align: center;
		border: 1px solid #d7d9d9;
		padding: 25px 0;
		margin-bottom: 25px;
		width: 370px;
		margin-right: 20px;
		}		
		
	.gallery-upl-btn-box {
		float: right;
		padding-right: 60px;
		}	
			
				
/* Horizontal gallery */				

.ig-horizontal div.ig-image-box {
	background-color: #f1f1f2;
	margin-right: 0;
	width: 675px;
	float: none;
	}
	
	.ig-horizontal div.ig-image-box .main-img { 
		float: left;	
		width: 370px;
		}
	
	.ig-horizontal div.ig-image-box div.ig-preview-box {
		width: 280px;
		float: right;
		border-left: 1px solid #FFF;	
		padding: 15px 7px 7px 15px;
		margin-top: 0;
		}
	
	.ig-horizontal .ig-descr-box {
		clear: left;
		width: 372px;
		margin: 10px 0 0 0;
	}
	
/* Upload Form */	

.upload-form {
	background-color: #f0f0f0;
	padding: 20px;
	}

.upload-form .form-element label,
.edit-form .form-element label,
.upload-form .form-editor label { width: 120px; }

.upload-form .form-element input.textfield,
.upload-form .form-element textarea,
.edit-form .form-element input.textfield,
.edit-form .form-element textarea { width: 300px; }

.upload-form .form-element select,
.edit-form .form-element select { width: 315px; }

.upload-form .submit-box,
.edit-form .submit-box { margin-left: 130px; }

.upload-form .submit-box input,
.edit-form .submit-box input { margin-right: 10px; }

.edit-form {
	display: block;
	float: left;
	background-color: #f0f0f0;
	padding: 20px;
/*	width: 500px; */
	}
	
	.edit-form .error-text {
		clear: left;
		margin-left: 130px;
		margin-top: 3px;
		}
	
.edit-image {
/*	width: 170px; */
	float: left;
	margin-right: 15px;
	}
	
	.edit-image img {	border: 1px solid #d7d9d9;	}


	
	
/* Certificate Part Styles */

.edit-form .group-fields select { width: 80px; }


.cert-list {
	margin: 30px 0;
	}
	
	.cert-item {
		padding: 15px 0;
		border-bottom: 1px solid #d7d9d9;
		}
		
		.cert-item img {
			display: block;
			float: left;
			border: 1px solid #d7d9d9;
			margin-right: 20px;
			}
			
		.cert-item-infobox { float: left; }	
		

		.cert-item-info {	margin-bottom: 5px;	}
		
			.cert-item-info label {
				display: block;
				float: left;
				width: 100px;
				font-size: 11px;
				color: #8c9092;
				}
		
		.cert-item-actions {
			margin-top: 15px;
			padding-left: 100px;
			}
				
		.cert-item-actions a {
			float: left;
			display: block;
			font-size: 11px;
			margin-right: 15px;
			padding: 2px 0 1px 23px;
			background: url(/images/ico_edit.gif) no-repeat 0 0;
			}
			
			.cert-item-actions a.delete {	background-position: 0 -20px;	}		
			
			

.management-actions { padding-left: 0; }			

.management-text { width: 500px; }


.contactus label { width: 100px; }

	.contactus .form-element input {	width: 420px; }
	
	.contactus .form-element input.short {	width: 90px; }
	
	.contactus .submit-btn { margin-left: 110px;	}



/* PR Part Styles */

.pr-list { margin: 25px 0; }

	.pr-list .date {
		font-size: 11px;
		color: #8C9092;
		}
		
	
	.pr-list div.actions { margin: 5px 0 25px 0;	}
		
		.pr-list div.actions	a,
		.pr-list div.actions	i {
			float: left;	
			margin-right: 20px;
			}
		
	.pr-list	.edit,
	.pr-list .delete {
		display: block;
		font-size: 11px;
		margin-right: 5px;
		padding: 2px 0 1px 23px;
		background: url(/images/ico_edit.gif) no-repeat 0 0;
		}
		
		.pr-list .delete { background-position: 0 -20px; }
		
		.news-box ul li a.edit,
		.news-box ul li a.delete {
			color: #006ACD;
			text-decoration: underline;
			}
		
		
	.pr-list .enabled,
	.pr-list .disabled {
		display: block;
		width: 15px; height: 16px;
		background: url(/images/icons_status.gif) no-repeat 0 0;
		margin: 0 auto;  
		}	
		
		.pr-list .disabled {	background-position: 0 -16px;	}
		
				
	
/*  =HEADER
======================================== */

.header { margin-bottom: 25px; }

	.header .col1,
	.header .col2 {
		float: left;
		width: 745px;
		}
		
	.header .col1 {
		width: 190px;
		margin-right: 15px;
		}	

		
		.header span.wellcome {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			display: block;
			font-size: 11px;
			color: #707679;
			padding-top: 7px;
			margin-bottom: 21px;
			}
			
			.header span.wellcome a {
				display: block;
				float: left;
				width: 21px; height: 21px;
				background: url(/images/icons.gif) no-repeat 0 -2px;
				margin: -5px 10px 0 7px;
				font-size: 0;
				text-decoration: none;
				}
		
		
		
		.header a.logo {
			display: block;
			width: 179px; height: 42px;
			background: url(/images/logo.gif) no-repeat 0 0;	
			text-decoration: none;
			margin: 0 0 18px 9px; 
			}
			
			.header a.logo i { visibility: hidden;	}
			
			
		.header .contacts,
		.footer .contacts {
			background-position: 0 -48px;	
			padding-left: 20px;
			margin-left: 24px;
			}
			
			.header .contacts i,
			.footer .contacts i {
				display: block;
				font-style: normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #868a8b;
				margin-bottom: 7px;
				}
				
			.header .contacts b,
			.footer .contacts b {
				display: block;
				width: 123px; height: 13px;
				background: url(/images/contact_phone.gif?v1) no-repeat left top;
				font-size: 0;
				}	
				
				.header .contacts b span,
				.footer .contacts b span { visibility: hidden; }
		
		
		.header .usermenu { 
			float: left; 
			margin: 2px 0 5px 0;
			}
		
			.header .usermenu a {
				display: block;
				float: left;
				background: url(/images/icons.gif) no-repeat 0 -93px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				margin-right: 5px;
				padding: 2px 0 3px 8px;
				}
				
				.header .usermenu a.login {
					background-position: 0 -25px;
					font-weight: bold;
					padding-left: 22px; 	
				}
			
			.header .logined {
				background: url(/images/bg_user_box.gif) no-repeat 0 bottom;
				padding: 0 0 12px 7px;
				}
				
			.header .logined a	{
				font-size: 10px;
				color: #8a8d90;
				}
				
				.header .logined a.profile-ico {
					background: url(/images/bg_user_box.gif) no-repeat 0 0;
					font-size: 11px;
					color: #006acd;
					font-weight: bold;	
					padding-left: 20px;
					}
					
				.header .logined a.logout	{
					width: 17px; height: 16px;
					background: url(/images/bg_user_box.gif) no-repeat 0 -34px;
					margin-left: 10px;
					padding-left: 20px;
					}
			
		
		.header .banner-box {
			width: 468px; height: 60px;
			float: right;
			margin-top: 5px;
			}	
			
		
		.header .search-box	{
			margin-top: -20px;
			}
			
			.header .search-box ul {
				padding: 0;
				margin: 0;
				list-style: none;
				}
				
				.header .search-box ul li {
					display: block;
					float: left;
					background: url(/images/bg_search.gif) no-repeat 0 -54px;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					font-size: 11px;
					height: 27px;
					margin-right: 3px;
					}
					
					.header .search-box ul li a {
						display: block;
						background: url(/images/bg_search.gif) no-repeat scroll right -81px;	
						padding: 7px 20px 5px 20px;
						
						color: #686d6f;
						text-decoration: none;
						}
						
					.header .search-box ul li.active {
						background-position: 0 0;
						font-weight: bold;
						color: #7d4c00;
						}	
						
					.header .search-box ul li.active a {
						background-position: right -27px;
						}
						
			.header .search-box .search-forms {
				background: #FFF url(/images/bg_search.gif) no-repeat right -108px;
				padding: 15px 20px;
				height: 34px;
				}	
				
				
				.search-box input,
				.search-box select {
					display: block;
					float: left;
					margin-right: 5px;
					font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					border-color: #aca27f #dfcb81 #dfcb81 #aca27f;
					font-size: 13px;
					height: 22px;
					}
					
					.search-box input.query-form {
						background: #FFF url(/images/icons.gif) no-repeat 3px -110px;
						border: 1px solid;
						border-color: #aca27f #dfcb81 #dfcb81 #aca27f;
						padding: 2px 0 0 23px;
						width: 407px;
						height: 20px;
						}
						
					.search-box .select	{
						width: 170px;
					}
						
					.search-box input.btn {
						width: 83px; height: 26px;
						background: url(/images/btn_search.gif) no-repeat 0 0;
						border: none;
						font-size: 0;
						margin-right: 0;
						margin-top: -2px;
						}	
						
						
					.search-box .subtext {
						font-size: 11px;
						margin-top: 4px;
						color: #a98501;	
						}
						
						.search-box .subtext a { color: #a98501; }
						
						.search-box .subtext i { font-style: normal;	}
					

/* 404 */						

.ffpage h1 {
	color: #CB3E00;
	font-weight: bold;
	margin-top: 50px;
	letter-spacing: -1px;
	}
	
	.ffpage b {	
		display: block;
		color: #CB3E00; 
		padding-top: 15px; 
		}
	
	.ffpage ul {
		margin-left: 35px;
		list-style: square;
		margin-bottom: 230px;
		}
		
		.ffpage ul li {
			margin-bottom: 5px;
		}

/*  =FOOTER
======================================== */
	
.footer {
	width: 960px;
	background: url(/images/bg_page_bottom.gif) repeat-x top; 
	margin: 0 auto;
	padding: 30px 10px 30px 10px;
	}	
	
	.footer .logobox { 
		width: 210px;	
		margin-right: 60px;
		}	
		
		.logobox a {
			width: 118px; height: 28px;
			display: block;
			background: url(/images/logo.gif) no-repeat 0 -42px;
			margin-bottom: 20px;
			text-decoration: none;
			}
			
			.logobox a i { visibility: hidden; }
			
		.logobox p {
			font-size: 10px;
			color: #acb2b2;
			}	
			
		.footermenu {
			font-size: 11px;
			color: #acb2b2;
			}		
			
		.contactsbox {
			float: right;
		}	

/*  =DEBUG INFO
======================================== */		

.debuginfo {
	width: 960px;
	margin: 0 auto;	
}

.debuginfo .debugcol1,
.debuginfo .debugcol2 { float: left; }

	.debuginfo .debugcol1 {
		width: 225px;
		margin-right: 25px;
		}
		
	.debuginfo .debugcol2 {	width: 700px; }	
	
	.methering div { margin-bottom: 10px; }
	
		.methering div span,
		.methering div b {
			display: block;
			float: left;
			}
			
			.methering div span {
				width: 50px;
				font-size: 11px;
				}
				
	.debugcol2 table {
		background-color: #FFF;
		border: 1px solid #c9cece;
		margin-bottom: 30px;
		}				
		
		.debugcol2 table th,
		.debugcol2 table td { padding: 5px 10px; }
		
		.debugcol2 table th {
			background-color: #EC6F01;
			border-right: 1px solid #FFF;
			color: #FFF;
			text-align: left;
			}
			
		.debugcol2 table td { border-bottom: 1px solid #c9cece; }	
		
	
}


@media print {
	
}