/** Start CSS reset ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
font-size: 62.5%;
font-family:verdana, helvetica, arial, sans-serif;
}
ol, ul {
list-style: none;
}
strong {
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

input[type=button], input[type=submit] {cursor:pointer;}

.clear {clear:both;}

.yellow {color:#FEFA69}

.orange {color: #e54924;}

.center {text-align: center;}

.hide {visibility: hidden;}

/** End CSS reset ***/

body {text-align:left; background:url('/img/top_bar.gif') repeat-x #E7E8E9;}

div.clear { line-height:0; font-size:0; height:0; }

a, a:active, a:visited {color:#44A3DF;}
a:hover {color:#3077A5;}

.cold { color:#0011AA; }
.hot { color:#FF0000; }

.country .forecast .hot { color:#F66; }

p { margin-bottom:1em; }

#wrapper {margin:40px auto; text-align:left; width:840px; position:relative;}

#header {height:135px; background:#FFFFFF url('/img/header_left.png') no-repeat 0 0; position:relative;}
#header h1 {position:absolute; top:10px; left:50px;background:#FFFFFF url('/img/logo.png') no-repeat 0 0;}
#header h1 a { width:300px; height:108px;display:block;text-indent:-5000em; }
#header #logo a span {display:none;}

#nav ul {position:absolute; right:0; top:0; padding-right:10px; background:#E7E8E9;}
#nav ul li {display:inline;}
#nav ul li a {float:left; display:block; background:#E7E8E9 url('/img/top_menu.png') no-repeat 0 0; width:125px; height:29px; text-align:center; line-height:34px; color:#FFFFFF; text-decoration:none; font-size:1.2em;}
#nav ul li a:hover {text-decoration:underline;}
#nav ul li a.first {background-image:url('/img/top_menu_first.png'); padding-left:6px;}
#nav ul li a.selected {color:#D00629; background-image:url('/img/top_menu_selected.png')}
#nav ul li a.selected.first {background-image:url('/img/top_menu_selected_first.png'); padding-left:0;}

#footer {position:relative;}
#nav_footer ul {margin: 3px 0 0 3px;}
#nav_footer ul li {color:#84878A; display:inline; float:left; padding:2px 0;}
#nav_footer ul li a {color:#84878A; display:block; float:left; padding:0 4px;}
#nav_footer ul li a:hover {color:#D00629;}

#page {background:#FFFFFF; min-height:300px; font-size:1.1em; line-height:1.2em;padding:0 15px 15px;}

h3, h2 {color:#D00629; font-size:1.1em; font-weight:bold; padding:2px 0; border-bottom:2px solid #D00629; margin-bottom:5px;}
hr { border: 1px solid #D00629; }

.breadcrumbs { margin:0 8px 10px; }

.location_left_column { float:left; display:inline; width:560px; }
.location_right_column { float:left; display:inline; width:240px; margin-left:10px; }

.location_header_image { height:200px; border:2px solid #E7E8E9; margin-bottom:10px; position:relative; }
.location_header_image .flag { position:absolute; bottom:0; left:0; }

.location_text { margin-bottom:10px; }

.location_ad { border-top:2px solid #D00629; padding-top:4px; margin-bottom:10px; }

.location_historic { margin-bottom:10px; }
.location_historic .historic_data { margin:0 15px; }
.location_historic .historic_data th { padding:2px 8px; font-weight:bold; text-align:center; }
.location_historic .historic_data .top th { padding-bottom:8px; }
.location_historic .historic_data td { padding:2px 8px; border-bottom:1px solid #E7E8E9; border-right:1px solid #E7E8E9; text-align:right; }
.location_historic .historic_data td.month_label { font-weight:bold; text-align:left; }

.location_forecast { margin-bottom:5px; color:#FFF; padding:5px 12px; position:relative; }
.location_forecast.city_forecast { height:236px; background:transparent url(/img/weather2.png) no-repeat 0 0; }
.location_forecast.country_forecast { height:228px; background:transparent url(/img/temperature.png) no-repeat 0 0; }
.location_forecast h3 { color:#FFF; border:none; margin-top:5px; height:1.2em; overflow:hidden; }
.location_forecast .current .temperature { float:left; font-size:22px; padding:20px 0 0 45px; }
.location_forecast .current .conditions { float:left; padding-left:30px; }
.location_forecast .hr { height:5px; margin:8px 0 2px; }
.location_forecast.city_forecast .hr { border-top:1px solid #C56256; }
.location_forecast.country_forecast .hr { border-top:1px solid #718EB3; }
.location_forecast .forecast { float:left; text-align:center; padding:0 1px; }
.location_forecast .forecast .conditions { margin:2px 0; }

.conditions img { border:1px solid #FFF; }

.ac_results { padding:0px; border:1px solid #C56256; 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 { text-align:left; margin:0px; padding:2px 5px; cursor:default; display:block; font:menu; font-size:12px; line-height:16px; overflow:hidden; }
.ac_loading { background:white url('/img/indicator.gif') right center no-repeat; }
.ac_odd { background-color:#eee; }
.ac_over { background-color:#0A246A; color:white; }

.ajax_loading { position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/ajax_loading.gif) no-repeat 50% 50%; z-index:1000; }
.location_forecast.country_forecast .ajax_loading { background-image:url(/img/ajax_loading_country.gif); }
.location_forecast.city_forecast .ajax_loading { background-image:url(/img/ajax_loading_city.gif); }