/* Imports
----------------------------------------*/
@import url("/css/content.css");


/* Layout
----------------------------------------*/
#canvas { margin:0px auto; width:955px; background: transparent url(../images/bg-canvas.gif) repeat-y top left;}
#header { background:url(../images/bg-header.gif) repeat-x top left;}
#header img { display: block;}

#toolbar {position:absolute;bottom:0px;width:955px;height:47px;z-index:99;}
#toolbar[id] {position:fixed;}

#main {float:right;width:758px;}

#content   { margin:10px 10px 30px 15px; }

#left   { width: 197px; float: left; background: #f5f5f5; margin-bottom:30px;}

#footer { width: 955px; border-top:2px solid #ccc;background:#fff;clear:both;margin:2px 0px 0px 0px;overflow:hidden;padding-bottom:50px}

#banner {background:#FF6400; padding:0.3em 0.6em; margin:0px 5px 0px 0px; font-size:110%; color:#000; text-align:center;}
#banner a {color:#000;}

/* jQuery UI datepicker */
/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div table.ui-datepicker td {
    padding:0px;
    text-align:center;
}

#ui-datepicker-div, .ui-datepicker-inline {
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;*/
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #333;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #DF5900;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #FF6400 !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* Form design
----------------------------------------*/

input, textarea, select {margin:0 0 0.2em 0px;font-size:100%;background:#fff url(../images/bg-input.gif) no-repeat top left;padding:2px 2px 2px 3px;	font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;}
.cs input, .cs textarea, .cs select {background:#fff url(../images/bg-input-cs.gif) no-repeat top left;padding:2px 2px 2px 28px;}
.en input, .en textarea, .en select {background:#fff url(../images/bg-input-en.gif) no-repeat top left;padding:2px 2px 2px 28px;}
label {text-align:right;font-weight:normal;}

ul.radio_list {list-style-type: none;}
ul.radio_list li {list-style-type: none;}

form {margin:0 0 10px 0;border:1px solid #ddd;padding:8px;background:#eee;}

form table {border-collapse:collapse;width:100%;}
form table tr {border:0px solid;}
form table tr td {padding:1px 0.4em;border:0px solid;}
form table th {padding:0.1em 0.4em;text-align:right;vertical-align:top;background:transparent;font-weight:normal}
form table th label {font-weight:normal;line-height:1.3em;white-space:nowrap;vertical-align:top;}
form table th strong {font-size:125%;line-height:1em;padding-left:0.2em;}
form table td.form-help {font-size:90%;color:#555;padding-left:1em;text-align:right;white-space:nowrap;}
form table span.form-help {font-size:90%;color:#555;}

/*form table tr.form-error th {background:transparent url(../images/icons/important.png) no-repeat 5px 5px;padding-left:28px;padding-bottom:18px;}
form table tr.form-error tr td {background:#f0f0f0;}
*/

ul.error_list, ul.form-error-list {margin:0px;padding:2px 7px;margin-bottom:2px;
               list-style-type:none; list-style-position:inside; list-style-image:url( )}
ul.error_list li, ul.form-error-list li {
    color: #c00;
    font-weight:bold;
    list-style-image: url( );
    list-style-type:none;
    list-style-position:outside;
    line-height:1.2em;
    border-right:18px solid #c00;
    border-bottom:1px solid #c00;
}

form table tr.headline th, form table tr.headline th:hover {padding:0.2em 1em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;font-weight:normal;background:transparent}

form table tr.headline th h2, form table tr.headline th h3 {background:none transparent;margin:0px;padding:0px;font-size:120%;}

/*
div#left form table {border:0px solid; font-size:90%;margin-bottom:0px;}
div#left form table input {width:110px;}
div#left form table tr td, div#right form table tr:hover td {background:transparent;padding:0px 2px;border-top:0px solid;border-bottom:0px solid;}
div#left form table th {background:transparent;padding:0px 2px 0px 4px;border-top:0px solid;border-bottom:0px solid;text-align:right}
div#left form table tr:hover th {background:transparent;}
div#left form table th label {font-weight:normal;line-height:1.4em;}
div#left form table td.form-help, div#right form table tr:hover td.form-help {padding-left:0px;}
*/

div#left #bookmark {text-align:center;margin-top:14px;}

form table table.delivery {margin:1em auto;font-size:90%;}
form table table.delivery strong {font-size:100%;}
form table ul.radio_list {list-style:none;}
form table ul.radio_list li {list-style-image:url( );line-height:1.8em}


/* Design
----------------------------------------*/

body
{
	background: #fff url(../images/bg-body2.gif) no-repeat top center;
}

#flash {width:748px;height:112px;}
#flash img {display:block;float:left}

#footer-content { text-align: center}
#footer-content .nav { margin:6px 0px;height:24px;font-size:90%;}
#footer-content .nav a { color: #888; padding:1px 6px; margin:0px 4px; float: left; width: auto; font-weight: bold;}
#footer-content .nav a:hover { color: #555; background:#f6f6f6; }
#footer-content .nav a.pixlab { width: 165px;margin:2px 12px 0px 18px;}

#left h2 {background:#dcdcdc;padding:0.3em 10px 0.3em 14px;color: #777;}

#left ul {margin:0px 10px 1em 14px;	padding:0px; list-style: none outside;list-style-image: url( );}
#left li {border-bottom: 1px solid #d0d0d0;	list-style: none outside;padding:0px;margin:0px;list-style-image: url( );color:#504d4c;}
#left li a {display: block;	padding: 0px 5px 0px 12px; text-decoration: none; background:url(../images/li.gif) no-repeat center left; color:#504d4c;}
#left li a:hover {color:#575251;background:#e8e8e8 url(../images/li-hover.gif) no-repeat center left;color:#111;}
#left li ul {margin:0px 0px 0px 14px}
#left li li {border-bottom: 0px solid; color:#504d4c;line-height:1.3em;font-size:95%;}

#left li.last-visited {margin:0.5em 0px 0px 0px;}

html>body #left li a { width: auto; }


#nav {padding:5px 10px;color:#999;background:#eee url(../images/bg-header2.gif) repeat-y top left;font-size:85%;}
#nav a {color:#999;text-decoration:none;}
#nav a:hover {color:#666;text-decoration:underline;}
#nav .icon {float:right;padding:0px 4px;display:block;}

#content h1 {margin-bottom:0.2em;}

.latestNews h2 {font-size:100%; margin:0.1em 0 0.1em 0; font-weight: bold; color: #222;}
.latestNews p {margin:0 0 0.3em 0;}
.latestNews {line-height: 1.4em}


hr {display:none;}


.tooltip { color:#000; background-color:#EDEDED; border:1px solid #999; padding:0.2em 0.4em;text-align:left;line-height:1.4em;font-size:95%;max-width:300px;z-index:500;}
.tooltip .title { font-size:100%; font-weight:bold;}
.tooltip .text, .tooltip .url {}
.tooltip-env { cursor: help}
.tooltip h4 {color:#000; margin-bottom:0.2em;border-bottom:1px solid #555;font-weight:bold;}

div#header2 {padding:5px 0px 0px 5px;background:#eee url(../images/bg-header2.gif) repeat-y top left;}

#left div.list_articles {margin:0px 10px;}


div.paging {border:1px solid #ccc; background:#f7f7f7; padding:1px 0.4em; margin:1px 0px 2px 0px; color:#666}
div.paging a:hover {background:#FCBF23; }
div.paging a, div.paging em {background:#FF6400; color:#fff; font-weight:bold; padding:2px 0.5em 2px 0.5em; font-style: normal }
div.paging em {background:#FF6400; color:#fff; }
div.paging strong {padding-right:0.6em;}
div.paging span.right {color:#aaa;}

div#left div.user p {padding:0px 12px;margin:0px 0px 4px 0px}



div.questions table td {border-bottom:2px solid #DC7400; background:#f5f5f5; vertical-align:top;padding:0.3em 0.5em}
div.questions .number {font-size:200%;color:#999;display:block;text-align:center;margin:0.3em 0 0.1em 0;}
div.questions .nick {color:#DC7400;}
div.questions strong {  } 
div.questions b.answered-by { padding-left:15px;background:url(../images/icons/hec_12.png) no-repeat left center;  }

.admin-user {margin:2px; border:2px solid #f00; background:#fee; padding:3px;}

#toolbar {  border-top:2px solid #E46612;background:#f4f4f4 url(../images/icons/hec_20.png) no-repeat 6px 5px; /*opacity: 0.90; filter: alpha(opacity:90);*/overflow:hidden;color:#444;}
#toolbar h1, #toolbar h2, #toolbar h3,#toolbar h4,#toolbar h5,#toolbar h6,#toolbar p,#toolbar ul,#toolbar li,#toolbar div,#toolbar label,#toolbar input,#toolbar form {display:inline;margin:0px;line-height:2em;font-size:100%;}
#toolbar #toolbar-inner { padding:2px 10px 0px 32px;display:block;}
#toolbar form {border:0px solid;background:transparent;padding:0px;}
#toolbar input {width:70px;line-height:1em}
#toolbar label {padding:0px 2px 0px 5px;}
#toolbar input.button {width:auto;}
#toolbar span.sep {color:#666;padding:0px 8px;}


.left-box-empty {margin:8px 9px 8px 9px; line-height:1.4em;text-align:center;}

.left-box {margin:8px 8px 14px 8px; border:1px solid #D0D0D0;padding:2px 5px; background:#eee;line-height:1.4em;text-align:center;color:#333}
.left-box a {font-size:95%;}
.left-box .hotline {margin:0.4em 0px;}

.left-box-highlight { border:2px solid #FF6400; background:#eee;}

div.newsletter form {border:0px solid; margin: 0; padding:0; }

#toolbar-messages {float:right;width:auto;}
#toolbar-messages img {vertical-align:middle}
#toolbar-messages a.new-message {font-weight:bold}

#messages-menu {color:#fff;border-bottom:1px solid #CB4F00;background:#FF6400 url(../images/icons/messages-menu.gif) no-repeat center left;padding:3px 5px 3px 34px;margin:0px -10px 5px 0px;}
#messages-menu a {color:#fff;padding:0px 8px}

#message {border:1px solid #FF6400;padding:5px}
#message #body {padding:10px 0px;font-style:italic;margin-bottom:5px}
#message #message-menu {padding:10px 0px;}

form td em {font-style:normal;color:#444;display:block;margin-bottom:15px;line-height:1.3em;font-size:90%}
form td label.feature {width:196px;float:left;text-align:left;padding:2px;display:block;cursor:pointer;font-size:95%;line-height:1em;}
form td label.feature input {margin:1px 1px 0px 0px;padding:0px;}
form td label.feature:hover {background:#e0e0e0;}
form tr.feature-space {height:1em;line-height:1em;}

form td label.distance {width:196px;float:left;text-align:left;padding:2px;display:block;cursor:pointer;font-size:95%;line-height:1em;}
form.exchange td ul {clear:both}
form.exchange div.countries {margin-left:2em;line-height:1.3em;font-size:95%;}
form.exchange div.countries div {float:left;width:180px;}
form td label.distance span {width:96px;float:left;text-align:right;margin-right:6px;line-height:1.8em;}
form td label.distance input {width:60px}

a.link-admin {padding-left:20px;background:url(../images/icons/hec_12.png) no-repeat left center;}

.rightbox {display:block;float:right;width:auto;border:1px solid #ddd;background:#fafafa;padding:5px}

div.exhchange-offer-list table {width:100%;background:#f5f5f5}
div.exhchange-offer-list td.col1 {width:166px; text-align:left;}
div.exhchange-offer-list td.col2 em {font-size:95%;display:block;margin:0.5em 0px 0.7em 0px;}
div.exhchange-offer-list td.col3 {width:182px}
div.exhchange-offer-list td h4 {display:inline; color:#000; padding:0px 5px 0px 0px;font-style:italic;}
div.exhchange-offer-list td {line-height:1.2em;font-size:95%;padding:2px 3px 4px 3px;border:1px solid #fff}
div.exhchange-offer-list td p {margin:2px 0px;}
div.exhchange-offer-list td strong {color:#333;}
/*div.exhchange-offer-list th {text-align:left; background:#FF6400; border-bottom:1px solid #CB4F00; color: #fff; }*/
div.exhchange-offer-list th {text-align:left; background:#dcdcdc;color: #222; }
div.exhchange-offer-list th.offer_id {font-weight:normal; text-align:right; padding-right:4px;font-size:90%; }
div.exhchange-offer-list span.membership {text-transform: uppercase; color: #444; text-shadow: #999 2px 2px 2px; padding:0 0.8em;}
div.exhchange-offer-list div.icons {float:right; width:22px; margin:0px 0px 4px 5px; }

div.right-detail {float:right;width:auto;margin:0px 0px 8px 8px;}
div.right-detail h4 {}
div.right-detail table {border:0px solid;padding:0px;margin:0px;background:#fff; width:265px; font-size:95%}
div.right-detail table caption {color:#555; background:#dfdfdf; border-bottom:1px solid #fff;border-top:1px solid #fff;font-weight:bold; text-align:left;padding:5px 3px 5px 5px;line-height:1.1em;font-size:110%}
div.right-detail table caption:first-letter {color:#FD6C0F}
div.right-detail table tr {border:0px solid;padding:0px;margin:0px;background:#fff;}
div.right-detail table tr td {border:1px solid #fff;padding:1px 3px;margin:0px;background:#eee;line-height:1.1em}
div.right-detail table tr td.feature_yes_no {width:48px;}
div.right-detail table tr.yes td {color:#050;}
div.right-detail table tr.no td {color:#500;}
div.right-detail table tr td.th {text-align:right}
div.right-detail table tr.yes td.th {background:#eee url(../images/icons/yes.gif) no-repeat left top;}
div.right-detail table tr.no td.th {background:#eee url(../images/icons/no.gif) no-repeat left top;}

div.rating {border-bottom: 1px solid #ccc; margin-bottom:0.5em;padding-bottom:0.3em;font-size:95%;line-height:1.1em}
div.rating div.col1 {float: left; width:144px; margin-bottom:0.3em;text-align:center;font-size:85%;color:#666;line-height:1.1em}

form#exchange-filter table {width:100%;}
form#exchange-filter table td {color:#555}
form#exchange-filter table td.sep {border-left:1px solid #ccc;width:5px;font-size:1px;}
form#exchange-filter table th {font-weight:normal;text-align:left;font-size:90%;vertical-align:bottom;padding-bottom:2px;line-height:1em}


/* POLLS */
form.poll {background:#f5f5f5;text-align:center;width:178px;float:left;margin:3px 1px 1px 1px;padding:0px;border:1px solid #d0d0d0;border-bottom:2px solid #d0d0d0;}
#left form.poll {margin:3px 0px 1px 10px;}
form.poll:hover {background:#fafafa;}
div.poll {padding:3px}
div.poll strong {font-weight:normal}
div.poll td {padding:1px 3px;font-size:95%;line-height:1em;border:0px solid}
div.poll h4 {margin-bottom:0.2em;background:#e0e0e0;margin:-3px -3px 2px -3px;color:#222;font-weight:normal;}
div.poll table {margin-bottom:2px;}
div.poll td.line {font-size:1px;height:1px;padding:0px;line-height:1px;background:#e5e5e5}
div.poll:hover td.line {}
div.poll label {font-size:97%;cursor:pointer;width:auto;float:none;display:inline;text-align:left;margin-right:0px;}
div.poll td.small {font-size:80%;}
div.poll img {height:5px;}
div.poll input {float:none;font-size:100%;cursor:pointer}
a#nextpolls {display:block;text-align:right;font-size:85%;margin-right:8px;line-height:1em;}
div.polls table td {border:0px solid;padding-bottom:10px}
div.polls table {width:100%}

div.gallery {margin-bottom:14px;}


span.required {color:#333; font-weight:bold; font-size: 110%;}


form#mapoptions { padding:0.1em; line-height:2em;}
form#mapoptions img { vertical-align:top}
form#mapoptions div { padding:0.2em 0.2em}
form#mapoptions a { padding:0 0.2em 0 0}
form#mapoptions em { display:block; float:left; width:10em; text-align:right;padding-right:0.5em;}


form td.captcha a {display:block}


table.calc h2 { margin-top:1em; margin-bottom: 1em; }
table.calc td.differ { text-align: right; width:170px; }
table.calc td.same { text-align: center; }
table.calc tr.calc_row { border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
table.calc tr.calc_row:hover { background:#e5e5e5; }
table.calc th.diff2 {text-align: center}

table.calc td.result_classic {font-weight: bold;}
table.calc td.result_hec {font-weight: bold;}
table.calc strong#result_classic {display: block; border: 1px solid #ddd; text-align: right;}
table.calc strong#result_hec {display: block; border: 1px solid #ddd; text-align: right;}

table.calc td.result_compare div {display: none; border: 1px solid #ddd; text-align: center; font-weight: bold;}
table.calc td.result_compare div.better {color: #0c0; }
table.calc td.result_compare div.worse {color: #c00; }
table.calc td.result_compare span.percent {display:block; text-align: center; font-size: 250%;}
table.calc input {text-align: right; padding-right: 0.5em;}
table.calc input.error {background:#faa;}

table.calc tr.small {font-size: 100%;}
table.calc tr.big th {font-weight: bold;}

table.calc span.star {display: block; float: right; width: 15px; text-align: center;}
table.calc span.star span {text-decoration: underline;}

span.google_translator {color: #999; font-size:90%;}

div.tixik {font-size: 90%; margin-top: 3em; }
div.tixik p img {float: left; margin: 0 5px 5px 0; max-width: 80px; max-height: 80px; _width: 80px; _height: 80px}
div.tixik h4 {clear: left;}