/* Colors
 * gray         #333333
 * tools gray   #F5F5F5   #D5D5D5;
 * white        #FFFFFF
 * red          #FF0000
 * yellow       #FFFF00
 * green        #729186
 
 * darkblue #142734
 * spacer #1C3546
*/
/* ********** */
/* NORMALIZE  */
/* ********** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input
,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* ********** */
/* LAYOUT     */
/* ********** */
#canvas { width:961px; border:0px; margin:0px auto; padding:0;}
#header { position:relative; padding:0; margin:0;}
#main { padding:0; overflow:hidden; clear: both; }
    /* layout for briefings, sitemap */
    #main_content { position:relative; width:720px; padding:0px 35px 0px 15px; float:left; }
    #right_content { width:180px; padding:0; float:left; }
    /* layout for homepage */
    #homeleft_content { position:relative; width:340px; margin:0px 10px 0px 20px; float:left; }
    #homemiddle_content { position:relative; width:230px; margin:0px 10px 0px 10px; float:left; }
    #homeright_content { position:relative; width:310px; margin:0px 20px 0px 10px; float:left; }
    /* layout for countrypage */
    #countryleft_content { position:relative; width:360px; margin:0px 10px 0px 20px; float:left; }
    #countrymiddle_content { position:relative; width:310px; margin:0px 10px 0px 10px; float:left; }
   
#footer { width:961px; }
/* **************** */
/* DEFAULT HTML     */
/* **************** */
body{font-size: 0.8em; font-weight:normal; font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, Verdana; color:#333333; background:#142734 url(/application/20_img/static/des3_bg_repeat.png) center scroll;  }
h1 { font-size: 3.1em; font-weight:normal; padding: 0 0 5px 0;margin:0;}
h2 { font-size: 1.1em; font-weight:normal; padding: 5px 0 0 0;margin:0; color:#FF0000;}
h3 { font-size: 1.0em; font-weight:bold;   padding: 5px 0 0 0;margin:0; color:#000000;}
h4 { font-size: 0.9em; font-weight:bold;   padding: 5px 0 0 0;margin:0; color:#000000;}
hr {height: 1px; border:0; background-color: #ff0000; color:#FF0000;}
ul,ol{margin: 0 0 0 15px; padding: 0;}
li{list-style:square;}
strong {font-weight:bold;}
em {font-style:italic;}
p { margin:0.5em 0; }
img { vertical-align:top; }
a { color:#000000; text-decoration:underline; }
a:hover { color:#FF0000; text-decoration:underline; }
input {background:#FFFFFF;}
/* **************** */
/* IMAGES           */
/* **************** */
img.left { float:left; margin:0.3em 15px 0.3em 0; }
span.left img { float:left; }
img.right { float:right; margin:0.3em 0 0.3em 15px; }
span.right img{ float:right; }

/* **************** */
/* TOP              */
/* **************** */
#topimage {margin: 0 0 0 0px;}
#toptitle {position:absolute; top:36px; left:17px; }
#topslogan {position:absolute; top:102px; left:17px; }
#topmenu { position:absolute; top:-4px; right:20px;}
#topmenu ul  { list-style-position:outside; margin:2px 0 2px 0; }
#topmenu li { float:left; list-style-type:none !important; margin:0; padding:0; }
#topmenu li.first a {       border-left:1px solid #999999;}
#topmenu li.first a:hover { border-left:1px solid #CCCCCC;}
#topmenu li a {       border-right:1px solid #999999; color:#FFFFFF; padding:3px 5px 1px 5px; font-weight:300; cursor:pointer; display:block; float:left; font-size:12px; line-height:21px; text-decoration:none; }
#topmenu li a:hover { border-right:1px solid #CCCCCC; color:#FF0000; padding:4px 5px 1px 5px; background:transparent url(/application/20_img/static/des3_menu_highlight.png) repeat scroll 0 0;}
#topcitysearch{ position:absolute; top:157px; left:376px;}
#topcitysearchbox {width: 221px; background:  url(/application/20_img/static/searchbox_bg.png) no-repeat; color : #747862; height:20px; border:0; padding:4px 8px; margin-bottom:0px;}
#topnavimage {margin: -2px 0 0 1px; }

#top_subnav { left:0; margin:0; padding:0; position:absolute; top:122px; }
#top_subnav ul  { list-style-position:outside; margin:0 0 0 20px; }
#top_subnav li { float:left; list-style-type:none !important; margin:0; padding:0; }
#top_subnav li a {       border-left:1px solid #999999; border-right:1px solid #999999; color:#333333; padding:3px 10px 1px 11px; font-weight:600; cursor:pointer; display:block; float:left; font-size:14px; line-height:27px; text-decoration:none; }
#top_subnav li a:hover { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; color:#FF0000; padding:4px 10px 1px 11px; background:transparent url(/application/20_img/static/des3_menu_highlight.png) repeat scroll 0 0;}

#bookmarklist {left:640px; margin:0; padding:0; position:absolute; top:150px;}
#bookmarklist ul  { list-style-position:outside; margin:3px 0 5px 20px; }
#bookmarklist li { float:left; list-style-type:none !important; margin:0; padding:0; }
#bookmarklist li a {        padding:9px 3px 1px 3px; cursor:pointer; display:block; float:left; line-height:24px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;}
#bookmarklist li a:hover {  padding:10px 3px 1px 3px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}

#utilslist {left:0px; margin:0; padding:0; position:absolute; top:150px;}
#utilslist ul  { list-style-position:outside; margin:3px 0 5px 20px; }
#utilslist li { float:left; list-style-type:none !important; margin:0; padding:0; }
#utilslist li a {        padding:9px 3px 1px 3px; cursor:pointer; display:block; float:left; line-height:24px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;}
#utilslist li a:hover {  padding:10px 3px 1px 3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}


/* **************** */
/* FOOTER           */
/* **************** */
#footer {background: #142734; margin:10px 0 0 0; padding:0 2px 0 0;}
.footertopspacer{background: #1C3546; height: 3px;}
#footermenu { background: #142734; margin: 5px 20px 0px 20px; padding: 0 5px 0 5px;}
#footermenu a { color: #FFFFFF; text-decoration:underline; }
#footermenu a:hover { color:#FF0000; text-decoration:underline; }
#footermap {margin: 5px 20px 5px 20px; padding: 0 5px 0 5px;}
#footermap h2 {font-size: 1.3em; font-weight:bold; color:#FFFFFF; font-style:normal;}
#footermap td { color: #FFFFFF; text-decoration:none; font-style:italic; }
#footermap a { color: #FFFFFF; text-decoration:underline; font-style:normal; }
#footermap a:hover { color:#FF0000; text-decoration:underline; font-style:normal;}



/* links */
.named_anchor_h2{text-decoration:none; color:#FF0000;}
.named_anchor_h2:hover {text-decoration:none; color:#FF0000;}

/* forms */
input.predefined {color:#FF0000;}
.btn {background-color:#F5F5F5; color:#FF0000;}
/* misc */
.hidden {display: none;}

/* **************** */
/* SUBJECTS    */
/* **************** */
/* Intro */
.cityname { font-size: 3.1em; font-weight:normal; padding: 0 0 5px 0;margin:0;}
#citybriefing h1 {font-size: 1.1em; font-weight:normal; font-style:italic; padding: 0 0 5px 0;margin:0;}
.briefingintro{ padding: 0 0 20px 0; margin:0 10px 0 10px;}
.briefingintrobox { padding: 0; margin:10px 0 30px 0;}
.intro { font-style:italic; margin-bottom:15px;}
.readmore {font-size:1em; font-weight:bold;}
/* city subject */
.subject {top:0; left:0; padding:0; margin:0 0 15px 0;}
.subjectbar {background: transparent url(/application/20_img/static/balk.gif) no-repeat; }
.subjectbar a.statebutton {top:3px; color:#1A2C2E;  text-decoration:none; font-size:1.3em;  font-weight:bold; position:absolute; right:28px; text-align: right; }
.subjectbar a.subjecttitle{font-size:1.3em; color:#FF0000;  text-decoration:none; font-weight:normal; position:relative; left:35px;}
.subjectbar a:hover { color:#FF0000; text-decoration:none;}
.subjectbox { position:relative; width:700px; }
.subjectintrotext { position:relative; margin:0px 10px 10px 10px;}
.subjectintrotext h2 {margin:0;} 
.subjecttext { position:relative; margin:10px 10px 30px 10px;}

/* icons */
.icon {position:relative; top:-22px; left:5px;}
.wordlist     {background: transparent url(/application/20_img/static/subjecticon_wordlist.gif) no-repeat center left; }
.accomodation {background: transparent url(/application/20_img/static/subjecticon_hotel.gif) no-repeat center left; }
.shopping {background: transparent url(/application/20_img/static/subjecticon_shopping.gif) no-repeat center left; }
.phonelist {background: transparent url(/application/20_img/static/subjecticon_phonelist.gif) no-repeat center left; }
.taxi {background: transparent url(/application/20_img/static/subjecticon_taxi.gif) no-repeat center left; }
.train {background: transparent url(/application/20_img/static/subjecticon_train.gif) no-repeat center left; }
.sightseeing {background: transparent url(/application/20_img/static/subjecticon_sightseeing.gif) no-repeat center left; }
.restaurants {background: transparent url(/application/20_img/static/subjecticon_restaurants.gif) no-repeat center left; }
.airport {background: transparent url(/application/20_img/static/subjecticon_airport.gif) no-repeat center left; }
.embassy {background: transparent url(/application/20_img/static/subjecticon_embassy.gif) no-repeat center left; }
.etiquette {background: transparent url(/application/20_img/static/subjecticon_etiquette.gif) no-repeat center left; }
.countryinfo {background: transparent url(/application/20_img/static/subjecticon_countryinfo.gif) no-repeat center left; }
.borderpassing {background: transparent url(/application/20_img/static/subjecticon_borderpassing.gif) no-repeat center left; }
.citygeneric_high {background: transparent url(/application/20_img/static/subjecticon_gen1.gif) no-repeat center left; }
.citygeneric_low {background: transparent url(/application/20_img/static/subjecticon_gen2.gif) no-repeat center left; }
/* tips in subjects */
.tip{ border:1px #1C3546 double; background: transparent url(/application/20_img/static/des3_tip_bg_slice.jpg) repeat-x; padding: 5px; font-size:1em; color:#FFFFFF;}
.tip h3 { color: #FFFFFF; }
.tip a { color: #FFFFFF; text-decoration:underline; font-style:normal; }
.tip a:hover { color:#FF0000; text-decoration:underline; font-style:normal;}
/* product tips in subjects */
.producttip{ border:1px #1C3546 double; background: transparent url(/application/20_img/static/des3_tip_bg_slice.jpg) repeat-x ; padding: 5px; font-size:1em; color:#FFFFFF;}
.producttip h3 { color: #FFFFFF; }
.producttip a { color: #FFFFFF; text-decoration:underline; font-style:normal; }
.producttip a:hover { color:#FF0000; text-decoration:underline; font-style:normal;}
.producttip img.left {border-top: 1px solid #1C3546; border-right: 5px solid #1C3546; border-bottom: 5px solid #1C3546; border-left: 1px solid #1C3546; padding: 3px; /*Inner border size*/ background: #FFFFFF; /*Inner border color*/ }
.producttip td {vertical-align: top;}
/* sub-subject */
.subsubject {top:0; left:0; padding:0; margin:0 0 10px 30px;}
.subsubjectbar {background: transparent url(/application/20_img/static/balk_short.gif) no-repeat; }
.subsubjectbar a.substatebutton {top:-15px; color:#FF0000;  text-decoration:none; font-size:1.3em;  font-weight:bold; position:relative; left:5px; }
.subsubjectbar a.subsubjecttitle{top:-15px; font-size:1.1em; color:#FF0000;  text-decoration:none; font-weight:normal; position:relative; left:35px;}
.subsubjectbar a:hover { color:#FF0000;  text-decoration:none; }
.subsubjectbox { position:relative; width:675px; }
h3.subsubjecttitle {font-size:1.3em;  font-weight:bold;}
.closed {display: none;}

/* **************** */
/* Country page     */
/* **************** */
#citiesListTop { position: relative; clear:both; margin:0; width:720px; height: 55px;}
#citiesListTop ul  { clear:both; list-style-position:outside; margin:0 0 0 0;  padding:0;}
#citiesListTop li { float:left; list-style-type:none !important; margin:0 10px 0 0; padding:0; font-size: 1.4em; }
/* **************** */
/* Articles         */
/* **************** */
.article_preview {padding:5px; margin:10px 0 50px 0; height:100px;}
.article_preview_bar {background: transparent url(/application/20_img/static/balk.gif) no-repeat; }
.article_preview_bar a.article_preview_title{font-size:1.3em; color:#FF0000;  text-decoration:none; font-weight:normal; position:relative;  top:-20px; }
.article_preview img { float:left; margin:5px 25px 5px 0; }
.article {top:0; left:0; padding:0; margin:20px 0 20px 0;}
.article .introtext { font-style:italic; margin-bottom:15px;}
.article .introtext img { float:left; margin:5px 25px 5px 0; }
.article .author { font-style:italic; margin:15px 0 15px 0;}
.article .author .releasedate {color:#333333;}
/* **************** */
/* Search page      */
/* **************** */
#searchtop {height:100px;}
#googlesearchbox {position:absolute; top:100px; left:20px;}
/* **************** */
/* Sitemap          */
/* **************** */
.sitemapMapreference  {padding: 0 10px 0 0; font-size:1.5em; color:#FF0000;}
.sitemapCountry {padding: 0 10px 0 0; font-size:1.1em;}
.sitemapCity {padding: 0 10px 0 0; font-size:0.9em;}

/* **************** */
/* Right column     */
/* **************** */
#tools {padding:2px; background:#FFFFFF; border-bottom:3px solid #959D9E;}
#weather {padding:2px; background:#FFFFFF; margin-top:15px;}
#bookmark {margin-top:15px;}
#nationalityselect {margin-top:15px;}
#nationality {width:175px; font-size:10px;}

/* clocks */
#clocks {margin-top:15px; margin-bottom:15px;}
.clockName {color:#729186; font-size: 6px; text-align:center;}
#clock1 {float:left; }
#clock2 {float:left; }
#clock3 {float:left; }



/* **************** */
/* TWEETS           */
/* **************** */
#twitter-ticker{margin-top:0; width:310px; height:280px; background:url(/application/20_img/static/slickbg.png) no-repeat #f5f5f5; color:#666666;display:block; text-align:left;}
#twitter-top-bar{height:0; border-bottom:1px solid white; position:relative;}
#twitter-bottom-bar{height:30px; position:relative; top:10px; margin-bottom:0;}
#tweet-container{overflow: visible; height: auto; width: 295px; padding-right: 5px; position: absolute; top: 0px;}
#tweet-space{ position:relative; padding:10px 0 0 0; margin:0; }
.tweet{ padding:5px; margin:0px 8px 8px; border:1px solid #F0F0F0; background:url(/application/20_img/static/transparent.png); width:auto; overflow:hidden; }
.tweet .avatar, .tweet .user, .tweet .time{ float:left; }
.tweet .time{ text-transform:uppercase; font-size:10px; color:#AAAAAA; white-space:nowrap; }
.tweet .avatar img{ width:36px; height:36px; border:2px solid #eeeeee; margin:0 5px 5px 0; }
.tweet .txt{ clear:right; }
.tweet .user{ font-weight:bold; }

/* **************** */
/* Scrollpane       */
/* **************** */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right:4px; top:0; height: 100%; background: #ddd; }
.jScrollPaneDrag { position: absolute; background: #999; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

/* **************** */
/* Comments         */
/* **************** */
#com_body { position: static; clear:both; margin:0; width:710px; background-color:#FFFFFF; text-align:center; padding:0px 25px 0px 15px; }
#com_body a:link, #com_body a:visited, #com_body a:active { text-decoration:none; color:#666666; }
#com_body a:hover { color:#FFFFFF; text-decoration:underline; }
#com_bodycontent{ text-align:left; font-size:100%; line-height:140%; }
.com_system { padding:10px; width:800px; margin-bottom:10px; border:1px solid #FF0000; background-color:#FFF8F8; }
.com_debug { padding:10px; margin-bottom:10px; border:1px solid #0070C0; background-color:#ECF0FF; }
.com_comment_form_headline { font-size:150%; color:#333333; margin:40px 0 10px 0;}
.com_comment_form_background { padding:1px; background-color:#1C3546; width:700px; margin-top:30px; border:1px solid #1C3546; }
.com_comment_form_table { width:100%; padding:5px; background: transparent url(/application/20_img/static/des3_tip_bg_slice.jpg) repeat-x; color:#FFFFFF;}
.com_comment_form_field input, .com_comment_form_field select, .com_comment_form_field textarea{ width:200px; background-color:#FFFFFF; font-size:1em; }
.com_comment_form_field textarea {width:491px;}
.com_comment_form_label { vertical-align:top; width:200px; padding:0 0 0 3px;}
.com_comment_form_small_text { font-size:90%; padding:10px 5px 0 15px;}
.com_comment_form_agreebox { text-align:left; padding:0 0 0 3px;}
.com_comment_form_submit input { margin-top:20px; padding:0 0 0 3px;}
.com_comment_list { margin-bottom:10px; }
.com_comment_item_background { padding:0px; border:1px solid #1C3546;  width:600px; margin:0 0 10px 50px;}
.com_comment_item { padding:5px; background: transparent url(/application/20_img/static/des3_tip_bg_slice.jpg) repeat-x; overflow:auto; color:#FFFFFF;}
.com_comment_item_header  {padding:4px; width:680px; border:0px;}
.com_comment_item_details { font-size:70%;}
.com_comment_item_text { margin-top:10px; margin-bottom:10px;  }
.com_headline { font-size:150%; color:#333333; margin-bottom:10px;}
.com_comment_item_title { margin:0 0 5px 0; font-weight:bold; }
.com_error_message { color:#333333; }
.com_error_message_item { padding-bottom:10px; }
.com_installation_form { margin-bottom:30px; }
.com_installation_form legend { font-weight:bold; }
.com_installation_form_label { font-weight:bold; width:160px; }
.com_frontend_pagination { margin:15px 0 15px 0; }
.com_frontend_pagination a { border:1px solid #cccccc; padding:3px 10px; text-decoration:none; font-size:90%; font-weight:bold; color:#0000ff; }
.com_frontend_pagination span { border:1px solid #cccccc; padding:3px 10px; text-decoration:none; font-size:90%; font-weight:bold; }
.com_frontend_pagination form { display:inline; }
.com_frontend_pagination input { cursor:pointer; border:1px solid #cccccc; padding:2px 10px; text-decoration:none; font-size:90%; font-weight:bold; color:#0000ff; background-color:#FFFFFF; }
.com_link_button { margin:15px 0 35px 0; }
.com_link_button a { border:1px solid #cccccc; padding:3px 10px; text-decoration:none; font-size:90%; font-weight:bold; }
.com_link_button a:hover { border:1px solid #cccccc; padding:3px 10px; text-decoration:none; font-size:90%; font-weight:bold; color:#6898FF; background-color:#F4F9FF; }
input[type="submit"] { background-image:url(./image/button_background_large.gif); border:1px outset #8F8F8F; color:#000000; font-size:90%; text-decoration:none; padding:2px 4px; }
input[type="submit"]:hover { border:1px inset #0000BF; }
.com_link_submit_button a:link, .com_link_submit_button a:visited { background-image:url(./image/button_background_large.gif); border:1px outset #8F8F8F; color:#000000; font-size:90%; text-decoration:none; padding:3px 5px; }
.com_link_submit_button a:hover, .com_link_submit_button a:active { border:1px inset #0000BF; }
#com_language_selector { font-size:70%; line-height:140%; text-align:right; margin-bottom:25px; }
#com_language_selector a { margin-left:5px; }
/* ******************* */
/* jquery autocomplete */
/* ******************* */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block;
    /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
    /*width: 100%;*/
    font: menu; font-size: 12px;
    /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
    line-height: 16px; overflow: hidden;
}
.ac_loading {background: white url('/application/20_img/static/loading2.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}

/* ******************* */
/* ADVERTISEMENTS      */
/* ******************* */
#ad_top {position:absolute; top:44px; left:376px; width:575px; height:96px;}
#ad_top1 {position:relative; margin:0 3px 0 0; clear:right;}
#ad_top2 {position:relative; }