@import "colors";

.GradientBg(@color1, @color2, @direction:bottom){ background: @color2; 
  background: -webkit-linear-gradient( @direction, @color1, @color2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( @direction, @color1, @color2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( @direction, @color1, @color2); /* For Firefox 3.6 to 15 */
  background: linear-gradient( to @direction, @color1, @color2); /* Standard syntax */
}


a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {margin:0; padding:0; border:0; font-size:100%; font-weight:inherit; font-style:inherit; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block; }
a, ins, del {text-decoration:none; }
ul, ol {list-style:none; }
table {border-spacing:0; border-collapse:collapse; }
q:after, q:before {content:""; }
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul {margin:0; padding:0; border:0; font-weight:normal; }

body { background-color:e("#@{bodyBg}"); font-family:Verdana; font-size:11px;
	strong, b {font-weight: bold; }
	em, i {font-style:italic; }
}	

.clear {clear:both; width:100%; }
a {color:e("#@{linkText}"); text-decoration:none; 
	&:hover {color:e("#@{linkTextHover}"); text-decoration:underline; }
}
.skiplink {position:absolute; top:-500px; left:0px; overflow:hidden; }
input[type="text"], .input, .submit, select, textarea { font-size:11px; border:1px e("#@{inputBorder}") solid; background: e("#@{inputBg}"); color: e("#@{inputText}"); }
input[type="text"][disabled="disabled"], .input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] { border:1px e("#@{inputBorderDisabled}") solid; background: e("#@{inputBgDisabled}"); color: e("#@{inputTextDisabled}"); }
.input, .select, textarea, .checkbox, .radio {vertical-align:baseline; }
.input, .select, textarea {padding:3px; }
.radio, .checkbox {margin:0; vertical-align:baseline; }
.input:hover, .input:focus, textarea:hover, textarea:focus, select:hover, select:focus {border-color:e("#@{inputBorderHover}"); }
.submit[type=image] {border:none; background-color:transparent; }
.submit-styled { padding:4px 10px 5px 10px; display:inline-block; margin:0 10px; background-color:e("#@{submitBg}"); font-size:11px; color:e("#@{submitText}"); text-decoration:none; text-align:center; outline:none; display:inline-block; border:1px solid e("#@{submitBorder}"); cursor:pointer; text-align:center; font-weight:bold; 
	&:hover, &:focus {background-color:e("#@{submitBgHover}"); border:1px solid e("#@{submitBorderHover}"); text-decoration:none; color:e("#@{submitTextHover}");}
	input&{ height:27px; min-width: 115px; }
	a& { height:16px; min-width: 93px;}
}	
.table-styled, .form-styled {
	th {width:105px; text-align:right; padding:5px; vertical-align:middle; border:none; }
	td {width:200px; text-align:left; padding:5px; vertical-align:middle; border:none; }
}
.form-styled {
	h2 {color:e("#@{formHeaderText}"); font-weight:bold; margin-bottom:5px; text-align:center; }
	.input, textarea {width:200px; padding:3px; }
	select {width:208px; padding:3px; }
	.buttons {text-align:center; }
}
.validation-error {border:1px e("#@{wrong}") solid !important; color:e("#@{wrong}") !important; }
.message {margin:0 0 10px 0; 
	&#error {color:e("#@{wrong}"); }
	&#ok {color:e("#@{correct}"); }
}	
.box-rounded {border:1px solid e("#@{defaultBorder}");  }

.content {font-size:11px; margin:10px 10px 10px 10px; text-align:justify; width:670px; 
	p {margin-bottom:5px; text-align:justify; }
	a {text-decoration:underline; color:e("#@{contentLinkText}"); 
		&:hover {text-decoration:underline; color:e("#@{contentLinkTextHover}"); }
	}
	ol {list-style:decimal inside none; list-style-position:outside; margin:20px; }
	ul {list-style:disc inside none; list-style-position:outside; margin:10px 20px; }
	em {font-style:italic; }
	ins {text-decoration:underline; }
	strong {font-weight:bold; }
	table {border-spacing:0; border-collapse:collapse; }
	table td, table th {padding:5px; border:1px e("#@{tableBorder}") solid; }
	form table td, form table th {border:none; }
	table th {font-weight:bold; }
	h1 {font-weight:bold; margin:5px 0; }
	h2, h3 {font-weight:bold; margin-bottom:5px; }
	.nonstyled td {border:none; }
}
#page>.content {margin:10px 5px 10px 0; }

#container {width:100%; text-align:center; background-color:e("#@{containerBg}");}
#head1-wrapper {width:100%; min-width:990px; height:126px; margin:0 auto; background-color: e("#@{bodyBg}"); border-bottom:1px solid e("#@{bodyBorderInner}"); /*border-top:3px solid e("#@{bodyBorderOuter}");  */}
#head1 {width:990px; margin: 7px auto 0 auto; /*background:e("#@{bodyBg}");*/ height: 125px; border: 1px solid e("#@{bannerBorder}"); .GradientBg( e("#@{head1Bg1}"), e("#@{head1Bg2}") );
	a { color: e("#@{bodyLinkText}");
		&:hover{ color: e("#@{bodyLinkTextHover}"); }
	}
}
#head2-wrapper {width:100%; min-width:990px;  margin:0 auto; padding-top:1px;}
#head2 {width:990px; margin:0 auto; border: 1px solid e("#@{bannerBorder}");}
#head3 {width:990px; margin:0 auto; }

#logo {float:left; margin:15px 0 0 0px; position:relative; text-align:left; 
	span {position:absolute; right:28px; top:10px; display:none; }
	&:hover span {display:block; color:e("#@{bodyText}"); }
}
#lang-select {min-height:30px; margin:0; padding:0; border:0; float:right; width:95%; 
	ul {text-align:left; min-height:30px; margin:0 auto; padding:0; border:0; }
	li {width:30px; height:30px; display:inline-block; margin:2px; padding:0; border:0; }
	a {width:30px; height:30px; display:inline-block; margin:0; padding:0; border:0; 
		&:hover {background-position:bottom; }
	}
}


#breadcrumb {text-align:left; width: 687px; margin: 0px 0 0 -1px; float: left; font-size:10px; color: e("#@{breadcrumbText}"); border: 1px solid e("#@{columnBorder}"); border-bottom: none; padding: 5px;
	.nocolumn & {width:970px; }
	&>span {position:relative; min-height:12px; display:inline-block; z-index:1000; 
		div.breadcrumb-pages{position:absolute; left:0; top:12px; min-width:200px; min-height:14px; background-color:e("#@{breadcrumbBg}"); display:inline-block; border:1px solid e("#@{breadcrumbBorder}"); padding:10px; z-index:1001; 
			strong a{font-weight:bold; display:block; margin-bottom:10px; margin-top:0; }
			a{display:block; margin-top:3px; }
		}
	}
	span:hover > a, a:hover {color:e("#@{breadcrumbTextHover}"); }
}
.head_search {margin:2px; float:left; display:inline-block; height:60px; 
	.search-form {height:50px; margin:70px 0 0 0px; float:left; 
		p {
			&.text {font-style:italic; display:inline; margin:0 0 5px 0; display:none; }
			&.adv {text-align:right; margin-right:45px; font-size:9px; }
		}
		.search_input {width:127px; padding:7px 3px 4px 25px; margin:2px 5px 0 5px; border:none; font-size:11px; color:e("#@{bodyText}"); background:transparent url("images/@{inputBorder}_@{inputBg}/input_search.png") no-repeat scroll left center; 
			&.empty {text-align:center; color:e("#@{bodyText}"); }
		}
		.submit {vertical-align:middle; background-image:url("images/@{bodyIco}/submit_search.png"); width: 28px; height: 30px; display: inline-block;}
	}
}
.menu1 {float:left; margin:5px 0px 0 80px; clear:right; color:e("#@{bodyText}"); text-align:left; 
	a {color:e("#@{bodyText}"); }
}
.menu2 {width:280px; margin:2px; float:right; display:inline-block; height:60px; 
	li {display:inline-block; margin:22px 0 0 0; padding:0 5px; border-left:1px solid e("#@{bodyText}"); text-align:left; text-transform:uppercase; 
		a {color:e("#@{bodyText}"); }
		&.first {border:none; }
	}
}

#menu3-container {margin:5px auto 5px auto; width:990px; display:block;}
#menu3 {list-style:none; color:e("#@{menu3Text}"); font-size:14px; height:40px; margin:0px auto; width:990px; padding:0 0; .GradientBg( e("#@{head1Bg1}"), e("#@{head1Bg2}") );
  
	li {display:inline; float:left; background:transparent url("images/@{menu3Break}/menu3_break.png") no-repeat scroll right top; margin-right:1px; 
		&.last {background:none; }
	}
	a {color:e("#@{menu3Text}"); display:block; text-decoration:none; padding:11px 15px; background-color:transparent; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; 
		&.selected, &:hover {text-decoration:none; background-color:e("#@{menu3BgHover}"); color:e("#@{menu3TextHover}"); }
	}
}

.menu4_container {position:relative; padding-bottom:18px; }
#menu4 {float:left; list-style:none; width:270px; margin: 0px 0 0 0; padding:10px 0 10px 0; font-size:12px; text-align:left; /*.GradientBg( e("#@{menu4BgLeft}"), e("#@{menu4BgRight}"), right );*/ background-color: e("#@{menu4Bg}");
 
	a {text-decoration:none; color:e("#@{menu4Text}"); display:block; transition: background-color 0.4s, color 0.4s; -webkit-transition: background-color 0.4s, color 0.4s; 
		&.selected, &:hover {text-decoration:none; color:e("#@{menu4TextHover}"); }
	}
	li.parent {font-weight:bold; }
	&>li.parent>a {text-decoration:none; color:e("#@{menu4Text}"); font-weight:normal; background-color: e("#@{menu4BgHover}");}
	&>li {width:250px; float:left; border-bottom:1px dotted e("#@{menu4Break}"); margin:0 5px 0px 10px; padding:4px 0 2px 0; 
		&>a {min-height:18px; overflow:hidden; margin:0px 0px 0px 0px; padding:6px 0px 3px 10px; font-size:13px; 
			&.selected, &:hover {text-decoration:none; background-color:e("#@{menu4BgHover}"); color: e("#@{menu4Text}");}
		}
	}
	ul {clear:left; padding:5px 5px 5px 15px; font-size:12px; 
		a {padding:3px 0; }
		ul {padding-left:15px; }
	}
}

#column {width:280px; float:left; padding-left:10px; border: 1px solid e("#@{columnBorder}");
	h4, h5 {font-size:13px; color:e("#@{columnHeaderText}"); font-weight:bold; text-transform:uppercase; position:static; text-align:left;  padding:10px; box-shadow: 0 3px 2px e("#@{columnHeaderShadow}"); /*.GradientBg( e("#@{columnHeaderBgRB}"), e("#@{columnHeaderBgTL}"), left top );  background-color: e("#@{columnHeaderBg}");*/ .GradientBg( e("#@{head1Bg1}"), e("#@{head1Bg2}") ); }
			
	p {font-size:11px; }
	ul{font-size:11px; }
	a{font-size:11px; }
	.box-no-header {clear:both; margin:5px 0; width:100%; }
	div.box {margin:0px 0 20px 0; width:270px; clear:both; position:relative; padding:0 0 20px 0;  
		p {margin:3px 13px 3px 3px; }
	}
	.poll {padding:0; border-bottom:none; float:left; border:none; margin:0 0 10px 0; color:e("#@{pollText}");
		h6 {margin-top: 5px; text-align: center; font-size: 11px; }
		.poll_options, .poll_results {width:270px;
			p {font-style:normal;}
		}
	}
}
.poll {
	.radio {vertical-align:top; }
	p {text-align:left; margin:0 5px 3px 5px; }
	.poll_options, .poll_results {margin:5px auto; width:400px; 
		p {padding:0 10px 3px 10px; }
	}	
}

#google_translate_element {height:50px; }

#main {width:990px; margin:0px auto 5px auto; text-align:center; padding:0 0 10px 0; background:e("#@{mainBg}");}

#content {float: left; border: 1px solid e("#@{columnBorder}"); border-top: none; margin: 0 0 0 -1px; padding: 0 0 10px; width: 697px;}

#page {width:670px; margin:0 14px 0 0; float:right; color: e("#@{mainText}");}
#page.iframe {width:auto; margin:10px; float:none; }
.nocolumn #page {width:955px; margin-right:20px; 
	&>.content {width:950px; }
}
#rss {float:right; background:transparent url('images/ico_rss.gif') no-repeat scroll left top; display:block; width:24px; height:24px; margin:0 10px 0 -5px; 
	span {display:none; }
}
#social {float:right; height:24px; margin:0 10px 0 0; 
	a {display:inline-block; width:20px; height:20px; margin:2px 2px 0 0; 
		span {display:none; }
	}
	#fb-share {background:transparent url('images/social_facebook_small.png') no-repeat scroll left top; }
	#blip-share {background:transparent url('images/social_blip_small.png') no-repeat scroll left top; }
	#twitter-share {background:transparent url('images/social_twitter_small.png') no-repeat scroll left top; }
	#nk-share {background:transparent url('images/social_nk_small.png') no-repeat scroll left top; }
	#gg-share {background:transparent url('images/social_gg_small.png') no-repeat scroll left top; }
}
#page {
	&>h1{font-size:18px; color: e("#@{mainHeader}"); font-weight:normal; padding:0 0 5px 0px; margin:5px 0px 15px 0px; border-bottom: 2px solid e("#@{mainHeaderBreak}"); text-align:left; font-family: Verdana;}
	&>h2, &>h3, &>h4 {font-size:14px; font-weight:bold; padding:0 0 10px 0px; margin:10px 0px 15px 0px; border-bottom:2px solid e("#@{mainHeaderBreak}"); text-align:left; clear:both; }
}	

#content #author {width:680px; float:right; text-align:right; padding-right:10px; 
	span {font-style:italic; }
}

.comments {text-align:left; margin:0 0 10px 0; 
	li {border-bottom:1px e("#@{defaultBorder}") solid; padding:10px; }
	h5 {display:inline; font-weight:bold; }
	p {
		&.comment-date { color:e("#@{dateText}"); float:right; }
		&.comment-content {padding:5px 0 0 5px; width:100%; }
		&.comment-rate {padding:5px 0 0 5px; }
	}
}

#foot-wrapper {width:100%; min-width:990px; padding-bottom:5px; margin:0 auto; background:e("#@{bodyBg}"); border-bottom:3px solid e("#@{bodyBorderOuter}");  border-top:1px solid e("#@{bodyBorderInner}");}
#foot {width:990px; margin:0 auto; position:relative; 
	.column {width:215px; float:left; margin:10px 0 10px 22px; text-align:left; 
		h4, #foot h4 {color:e("#@{bodyText}"); font-weight:bold; margin-bottom:9px; text-align:left; }
		ul {text-align:left;  list-style-type:disc; margin-left:5px; color:e("#@{bodyText}"); }
		li {padding:4px 0 4px 0px; 
			a {color:e("#@{bodyLinkText}"); }
			a:hover {text-decoration:none; color:e("#@{bodyLinkTextHover}"); }
		}
	}
	#copyright {color:e("#@{bodyText}"); float:right; margin:10px 5px 0 0; min-height:40px; text-align:right; width:269px; clear:right; font-size:10px; 
		strong {font-weight:bold; }
		a.footer_logo {display: block; float: right; width: 32px; height: 32px; margin-left: 4px; }
		a {color:e("#@{bodyLinkText}"); }
		a:hover{color:e("#@{bodyLinkTextHover}"); text-decoration:underline; }
	}
	a { color: e("#@{bodyLinkText}");
		&:hover{ color: e("#@{bodyLinkTextHover}"); }
	}
	
}

.images-list {
	li {width:100px; margin:5px; }
	p {text-align:center; }
}	
#images-list-1 {float:left; margin-right:10px; margin-top:10px; }
#images-list-2 {float:right; margin-left:10px; margin-top:10px; }
.images-gallery {width:100%; text-align:center;
	td {padding:5px; vertical-align:top; border:none; }
	p {text-align:center; }
}
#images-gallery-3, #images-gallery-4 {margin:0 0 0 0; }
.tags { color:e("#@{contentDetailsText}"); float: left; margin: 5px 0; }
body {
	.subpages-title {font-size:14px; font-weight:bold; padding:0 0 10px 0px; margin:30px 0px 15px 0px; border-bottom:2px solid e("#@{mainHeaderBreak}"); text-align:left; clear:both; display:block; display: none;}
	.subpages-list-1, .subpages-list-2, .subpages-list-3{ .content {width:100%; } }
	.subpages-list-5, .subpages-list-6, .subpages-list-9, .subpages-list-7, .subpages-list-8 { .content {width:95%; } }
	
	.subpages-list-3 {
		li {width:98%; }
		h4 {text-align:left; font-style:italic; color:e("#@{mainHeader}"); text-align:right; float:right; width:125px; }
		h3 {width:520px; }
	}
	.subpages-list-9 {
		li {width:45%; float:left; margin:2%; }
		h4 {text-align:left; font-style:italic; color:e("#@{mainHeader}"); text-align:left; margin:5px 0 0 10px; }
	}
	.subpages-list-1, .subpages-list-2 { li { width:98%; } }
	.subpages-list-5, .subpages-list-6 { li { width: 333px; float:left; margin: -1px 0 0 -1px; } } 
	.subpages-list-7, .subpages-list-8 { li { width:31%; float:left; margin:1%; } }
	.subpages-list-8 h3, .subpages-list-7 h3 {min-height:30px; }
	.subpages-list-8.subpages-list .photo {margin:10px 5px 0 0; min-width:110px;  background:e("#@{photoBg}"); }
	.subpages-list-6 {
		/*div.description {height: 410px; overflow: hidden;}*/
		a.more {margin: 0 0 30px 0;}
	}
}

.subpages-list {
	li {margin:0 0 10px 0; border:1px solid e("#@{subpagesBorder}"); padding-bottom:10px; list-style-type:none; }
	h3 {text-align:left; margin: 15px 0 0 10px; height: 30px;
		a{color:e("#@{subpagesHeaderText}"); font-weight:bold; 	
			&:hover{color:e("#@{subpagesHeaderTextHover}"); text-decoration:none; }
		}
	}
	.photo {float:left; margin:15px 5px 5px 0; min-width:120px;  background:e("#@{photoBg}"); }
	.photo img {border:1px solid e("#@{defaultBorder}"); padding:3px; box-shadow:5px 5px 5px e("#@{photoShadow}"); }
	.description {text-align:justify; margin-top:10px; }
	.more {text-align:right; width:100%; display:inline-block; text-decoration:none; }
}
.subpages-gallery {width:100%; text-align:center; border-collapse:separate; border-spacing:10px; 
	td {padding:15px 5px 5px 5px; vertical-align:top; }
	.photo{min-height:190px;  background:e("#@{photoBg}"); }
	h3 a {color:e("#@{subpagesHeaderText}"); font-weight:bold; 
		&:hover {color:e("#@{subpagesHeaderTextHover}"); text-decoration:none; }
	}
}
body .subpages-list-10 {list-style-type:circle; margin-left:30px; text-align:left; 
	li {border:none; margin:6px; padding:0px; list-style-type:circle; 
		h3 a{font-weight:normal; text-decoration:none; }
	}
}
#files-list {text-align:left; 
	img {width:16px; height:16px; vertical-align:middle; margin:2px 2px 2px 0; }
}
#audio-list, #video-list {
	li {margin-bottom:10px; }
}


.pages_news {width:100%; clear:both; }
.pages {margin:5px 0; color:e("#@{paginationText}"); text-align:right;
	a {text-align:center; display:inline-block; padding:4px 0 0 0; width:22px; height:18px; text-decoration:none; color:e("#@{paginationText}"); background:transparent url("images/@{paginationText}_@{paginationBg}/pagination.png") no-repeat scroll center center; 
		.hide {display:none; }
	}
	.next {background-image:url("images/@{paginationText}_@{paginationBg}/pagination_next.png"); }
	.prev {background-image:url("images/@{paginationText}_@{paginationBg}/pagination_prev.png"); }
	.separator {display:inline-block; padding:4px 0 0 0; width:22px; height:18px; background:transparent url("images/@{paginationText}_@{paginationBg}/pagination.png") no-repeat scroll center center; }
	.activeSlide, strong {text-align:center; display:inline-block; padding:4px 0 0 0; width:22px; height:18px; color:e("#@{paginationBg}"); background:transparent url("images/@{paginationText}_@{paginationBg}/pagination_active.png") no-repeat scroll center center; }
}

.banners_container {position:relative; margin:auto; overflow:hidden; /*width: 990px;*/
	li {margin: 0px; /*width: 990px;*/}
	#column &, #column & li {margin:5px 0px; width: 270px;}
	.banner {position: relative; clear: both; margin: auto; 
		.text {position: absolute; bottom: 45px; right: 0; left: 0; padding: 10px; background: rgba( 0, 0, 0, .3 )/*fade(color('#000000'), 30%)*/; text-align: left; }
	}	
}
.banners_container{
	.pages {
		&#banners0-pages {margin:-30px 3px 3px 3px; z-index:90; position:relative;}
		a {background:url("images/@{paginationInactive}_@{paginationText}/bannerpages.png") no-repeat scroll center top transparent; color:transparent; display:inline-block; height:11px; margin-top:8px; padding:0; text-align:center; text-decoration:none; width:16px; }
		.activeSlide, strong, a:hover {background-position: center bottom; }
	}
}


.navi-actions {color:e("#@{contentDetailsText}"); text-align:right; margin:12px 15px 10px 0; padding:7px 5px 0 0; width:250px; height:35px; float:right; clear:right; border-top:1px solid e("#@{defaultBorder}"); 
	a {color:e("#@{contentDetailsText}"); margin:0 0 0 10px; padding:3px 0 3px 22px; }
	.back {background:transparent url("images/@{contentDetailsText}/ico_back.png") no-repeat center left; }
	.top {background:transparent url("images/@{contentDetailsText}/ico_top.png") no-repeat center left; position:static; height:auto; width:auto; }
	.print {background:transparent url("images/@{contentDetailsText}/ico_print.png") no-repeat center left; }
}

#search-page-form {text-align:left; margin-bottom:10px; padding:10px; 
	div {display:inline-block; margin:0 10px 10px 0; }
	.search-full {width:100%; }
	.phrase {display:inline-block; margin-right:0; }
	.phrase input {width:140px; }
	.phrase label {display:inline-block; width:100px; }
	p {font-weight:bold; margin:10px 0 5px 0; }
	.submit-c {text-align:right; display:block; margin-right:20px; }
}

div#newsletter {float:right; width:250px; height:55px; margin:10px 10px 0 0; 
	#newsletter-email {width:175px; padding:5px 10px 5px 20px; margin:2px 0 0 0; border:none; color:e("#@{bodyText}"); background:transparent url("images/@{inputBorder}_@{inputBg}/input_newsletter.png") no-repeat scroll left center; float:left; }
	h5 {color:e("#@{bodyText}"); font-weight:bold; margin-bottom:9px; text-align:left; }
	.submit {vertical-align:middle; margin-left:5px; margin-top:-3px; float:left; background-image: url("images/@{bodyIco}/newsletter-sbm.png"); height: 30px; width: 28px; }
}
.newsletter_signout {width:700px; float:right; 
	p {margin-top:15px; 
		&.email {margin-top:50px; }
	}
}

#contact-form {float:left; border-right:1px solid e("#@{defaultBorder}"); margin-right:10px; width: 350px; 
	th {width:120px; font-weight:normal; }
}
.captcha_buttons { width: 25px; float: right; 
	div { width: 25px; padding: 0; margin: 1px 0; }
}

#login-form, #register-form, #remind-form, #profile-form {
	table {margin:0 auto; width:360px; }
	.input {width:197px; padding:3px; 
		&#register-password {width:170px;}
	}
	.select {width:205px; padding:3px; }	
	th {width:90px; }
	td {width:200px; 
		a#generate {vertical-align: middle; display: inline-block; display: inline-block; background: url( "images/@{submitBg}/random.png" ); width: 24px; height: 24px; }
	}
	#rules, #newsletter {text-align:justify; font-size:9px;}	
	#fblogin2 {background-image: url('images/loginface.png'); color: white; display: inline-block; font-size: 10px; font-weight: bold; height: 25px; line-height: 25px; margin: -4px 10px 0 10px; padding: 0 10px 0 35px; text-align: center; vertical-align: middle;}
}	

#PrintFormLink {font-weight:bold; padding:10px 10px 10px 25px; margin:5px 0; display:inline-block; background:transparent url("images/@{linkText}_@{mainBg}/ico_form.png") no-repeat left center; }

#siteMap {
	li {float:left; width:317px; text-align:left; margin:0 0 5px 0; 
		ul.sub1 {float:left; margin:4px 0 0 20px; 
			li {float:left; width:300px; 
				ul.sub2 {float:left; margin:4px 0 0 20px; width:280px; font-style:italic; }
			}
		}
	}
	&>li>a {font-weight:bold; }
}

.colorbox_message, .cb_message {background:transparent url('images/@{info}/info_ico.png') scroll no-repeat 30px 30px; width:450px; min-height:87px; float:left; padding:30px 20px 20px 130px; 
	h1 {color:e("#@{info}"); margin-bottom:15px; font-weight:bold; text-align:left; }
	p {color:e("#@{colorboxDetails}"); text-align:justify; 
		&.error {color:e("#@{wrong}"); }
	}
}

.info.tTip {margin-top:1px; display:inline-block; float:right; -moz-box-sizing: border-box; box-sizing: border-box; background: url("images/@{info}/info.png") no-repeat; width: 20px; height: 20px; padding-left: 20px; }
.ui-tooltip {width:212px; }
.ui-tooltip-content {padding:0 20px; color:e("#@{info}"); font-size:11px; width:172px; background:transparent url('images/@{tooltipBorder}_@{tooltipBg}/tipMid.png') repeat-y center; }

html .ui-tooltip {padding:0; position:absolute; z-index:9999; max-width:212; -webkit-box-shadow:none; box-shadow:none; }
html body .ui-tooltip {border-width:0; }
.top {background:transparent url('images/@{tooltipBorder}_@{tooltipBg}/tipTop.png') no-repeat center; width:212px; height:20px; position:absolute; top:-20px; }
.bottom {background:transparent url('images/@{tooltipBorder}_@{tooltipBg}/tipBtm.png') no-repeat center; width:212px; height:32px; position:absolute; bottom:-32px; }

.additional_comments {
	dt { font-weight: bold; }
	dd { margin-bottom: 10px; margin-top: 3px; }
	a.more { text-decoration: none; 
		&:hover { text-decoration: underline; }
	}
}

#cookie_container{width:400px; position:fixed; bottom:10px; margin-left:575px; z-index:9999; color: e("#@{contentDetailsText}"); }
#cookie_main {background-color:e("#@{bodyBg}"); border:1px solid e("#@{defaultBorder}"); box-shadow:1px 1px 3px 0 e("#@{shadow}"); moz-box-shadow:1px 1px 3px 0 e("#@{shadow}"); webkit-box-shadow:1px 1px 3px 0 e("#@{shadow}"); margin:0 auto; padding:7px; width:390px; opacity:0.9; 
	.text {font-size:10px; display:block; text-align:justify; position:relative; }
	a {color:e("#@{contentDetailsText}"); }
	#cookie_close {float:right; position:relative; top:-10px; right:-15px; position:absolute; 
		img { display: inline-block; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background:transparent url('images/@{icoDelBg}_@{icoDelText}/ico_del.png') no-repeat center; width:21px; height:21px; padding-left: 21px; }
	}
}

#fixed_header_contrainer {height:50px; width:975px; background-color:e("#@{bodyBg}"); border:1px solid e("#@{defaultBorder}"); border-top:none; position:relative; box-shadow:1px 1px 3px 0 e("#@{shadow}"); moz-box-shadow:1px 1px 3px 0 e("#@{shadow}"); webkit-box-shadow:1px 1px 3px 0 e("#@{shadow}"); margin:0 auto; opacity:0.95; }
#fixed_header_close {float:right; margin:15px 15px 0 0;
	img { display: inline-block; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background:transparent url('images/@{icoDelBg}_@{icoDelText}/ico_del.png') no-repeat center; width:21px; height:21px; padding-left: 21px; }
}
#fixed_header{
	width:100%; width:990px; position:fixed; top:0px; display:none; z-index:9999; left: 50%; margin-left: -495px; 

	#logo_small{float:left; max-height:45px; max-width:160px; margin-top:5px; margin-right:15px; 
		img {max-height:45px; max-width:160px; margin-left:5px}
	}
	.head_search {float:left; width:auto; height:50px; margin:0 3px; }
	.menu2 {float:left; width:190px; height:50px; margin:0 3px; }
	.menu1 {margin-top:3px; }
	.menu2 li {text-transform:none; margin-top:18px; }
	.search-form {width:auto; margin-left:0; margin-right:0; height:auto; margin-top: 0;}
	.search_input {margin-left:0; margin-right:0; }
	a {font-size:90%; color: e("#@{bodyLinkText}");
		&:hover{ color: e("#@{bodyLinkTextHover}"); }
	}
}