* {vertical-align: top; background-repeat: no-repeat;}

body 
{
	margin: 0; padding: 0; font: 15px Arial, Helvetica, sans-serif; color: #212121;
	background-color: #FFF;
	/*background-color: #4997d7;*/
}

img {border: none;}


a:link, a:visited { color: #1E5B9D; text-decoration:underline; }
a:hover { color: #333; text-decoration:none;background-color: #ffe592; }
a:active { color: #333; text-decoration:none; background-color: #FFD147; }

h1 {font: 28px Arial, Tahoma, "Trebuchet MS", sans-serif; font-weight: normal; margin: 0;}
h2 { font: 20px Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; }
h3 { font: 18px Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif; font-weight: normal;  margin-bottom: 0px;}
h4 { font: 14px Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; margin: 8px 0; }

.body { background-image: url(../img/common/top_bg.jpg); background-repeat: repeat-x; }

.page_top { height: 89px; }
.page_top .logo_container { padding: 10px 25px 13px 25px; width: 299px;}
.page_top .logo_container img.logo { float: left; position: relative; z-index: 10;}
.page_top .logo_container .name { margin: 15px 0 0px 0; position: relative; }
.page_top .logo_container .slogan { margin: -4px 0 0 0; padding: 0; position: relative; }
.page_top .logo_container .slogan span { background-color: #FFD147; color: #1E5B9D;  font-size: 12px; padding: 0 3px; font-weight: bold; }
.logo_container a, .logo_container a:hover, .logo_container a:active { background: transparent; text-decoration:none; } /* for IE */


.widgets_container { text-align: right;}
.widgets { width: auto;}

.widgplace {width: 130px; padding-right: 5px;}
.widget { border-left: #17539B 1px solid; border-right: #17539B 1px solid; height: 89px; background-image: url(../img/widget/bg.jpg); background-repeat: repeat-x; }
.widget .town { font: 14px Arial, Helvetica, sans-serif; color: #FFE79F; text-align: center; height: 22px; vertical-align: middle;}
.widget .town a:link, .widget .town a:visited { color: #FFE79F; text-decoration: none;}
.widget .town a:hover { color: #FFE79F; text-decoration: underline;}

.widget .data { height: 49px; padding: 0 5px 0 5px; }
.widget .data th { width: 50px; vertical-align: middle;}
.widget .data td { text-align: center; color:  #fff; font: 26px Arial, Helvetica, sans-serif; font-weight: normal; vertical-align: middle;}
.widget .time {text-align: center; font: 10px Tahoma, Verdana, Arial, sans-serif; color: #a5c3e1; vertical-align: middle; }

.search_line {padding: 0; height: 50px; background-color: #ffcd37; background-image: url(../img/searchline/bg.jpg); background-repeat: repeat-x;}
.search_line td { vertical-align: middle;}
.search_line form {padding:0; margin: 0;}
.search_line .place { width: 60px; color:#A58C44; font: 9px Tahoma, Verdana, Geneva, sans-serif; line-height: 9px;}
.search_line .place span { display: block; }
.search_line .place { width: 60px; color:#A58C44; font: 9px Tahoma, Verdana, Geneva, sans-serif; line-height: 9px;}
.search_line td.events { text-align: left; }
.search_line td.events a {
    display: block;
    text-align: center;
    width: 15em;
    color:#A58C44;
    font: 9px Tahoma, Verdana, Geneva, sans-serif;
    line-height: 10px;
    background: #FFE592;
    padding: 8px 10px;
    text-decoration: none;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    border: #E6D185 1px solid;
   /* -webkit-gradient(linear, left bottom, left top, color-stop(0.31, rgb(255,230,146)), color-stop(1, rgb(230,205,135)));
-moz-linear-gradient(
    center bottom,
    rgb(255,230,146) 31%,
    rgb(230,205,135) 100%
)*/
}
.search_line .events a:hover { ext-decoration: underline; background: #FFEBAF; }
.search_line td.search { padding: 0 0 0 30px; width: 70%; }

.search_form { height: 27px; width: 430px; background-image:url(../img/searchline/form_bg.gif); background-repeat: repeat-x;}
.search_form .left { width: 0px; padding-left: 21px; background-image: url(../img/searchline/form_left.gif);}
.search_form .right { padding: 1px 1px 0 0; background-image: url(../img/searchline/form_right.gif); background-position: right top;}
.search_form .field { height: 24px; padding-top: 3px; width: 80%; vertical-align: bottom;}
.search_form .field input {border: none; vertical-align: bottom; background-color: #FFF; font: 15px Arial, Helvetica, sans-serif; line-height: 16px; width: 99%; height:20px; _height: 20px; }

.tabmenu { height: 40px; background-color: #22609f; background-image: url(../img/tabmenu/bg.gif); background-repeat: repeat-x; }
.tabs_container { height: 32px; padding: 8px 0 0 30px; }
.tabs { height: 32px; background-image: url(../img/tabmenu/left_border.gif); background-position: left bottom;}
.tabs a { font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #555; width: 145px; height: 21px; text-align: center; padding-top: 11px; display: inline-block; background-image: url(../img/tabmenu/tab/tab.gif); background-position: left bottom; }
.tabs .active { color: #333; height: 21px; padding-top: 11px; background-image: url(../img/tabmenu/tab_a/tab.gif); background-position: left bottom; }

.page_content { background-color: #FFF; padding: 30px; }
.page_content .left_column {width: 70%; }
.page_content .right_column {width: 30%; padding-top: 0.5em; }

.dropdown {}
.dropdown a { display: inline-block; padding: 3px 23px 3px 3px;  }
.dropdown a:link, .dropdown a:visited {background-image:url(../img/interface/dropbutton.gif); background-position: right 50%;}
.dropdown_dropped {}

.district_menu { position: relative; margin: 5px 0 15px 0;}
.district_menu a {display: inline-block; padding: 3px 5px 3px 5px; margin-right: 5px; }
.district_menu a:link, .district_menu a:visited { color: #1E5B9D; text-decoration:underline; }
.district_menu a:hover { color: #333; text-decoration:none;background-color: #ffe592; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.district_menu a:active { color: #333; text-decoration:none; background-color: #FFD147; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.district_menu .active { color: #333 !important; text-decoration:none !important; background-color: #FFD147; border: 1px solid #FFE69C; padding: 2px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*.menu_panel { background-image:url(../img/menu_panel/bg.jpg); background-repeat: repeat-x; width: 330px; margin: 10px 0 10px 0;}
.menu_panel .left { background-image:url(../img/menu_panel/left.jpg); width: 5px; font-size: 5px;}
.menu_panel .right { background-image:url(../img/menu_panel/right.jpg); background-position: right top; width: 5px; font-size: 5px;}
.menu_panel td { height: 33px; vertical-align: middle; font: 15px Arial, Tahoma, "Trebuchet MS", sans-serif; text-align: center;}
.menu_panel a { display: block; width: 100%; height: 23px; padding-top: 8px;}
.menu_panel a:link, .menu_panel a:visited { color: #333; text-decoration: none; }
.menu_panel a:hover { background-color: #ffe592;}
.menu_panel a:active { background-image: url(../img/menu_panel/active_bg.jpg); background-repeat: repeat-x;}
.menu_panel .active {background-image: url(../img/menu_panel/active_bg_shading.jpg); background-repeat: repeat-x; background-position: left 1px; padding: 0 1px 0 1px; }
.menu_panel .active a { background-image: url(../img/menu_panel/active_bg.jpg); background-repeat: repeat-x;}
.menu_panel .left_active { background-image:url(../img/menu_panel/active_round_left.jpg);}
.menu_panel .right_active { background-image:url(../img/menu_panel/active_round_right.jpg);}
.menu_panel .first { padding-left: 0px !important; border-left:none !important; }
.menu_panel .last { padding-right: 0px !important; border-right:none !important; }
*/

.small_panel { margin: 10px 0 10px 0;}
.small_panel table {width: auto; background-image:url(../img/small_panel/bg.jpg); background-repeat: repeat-x; }
.small_panel .left { background-image:url(../img/small_panel/left.jpg); width: 4px; font-size: 4px;}
.small_panel .right { background-image:url(../img/small_panel/right.jpg); background-position: right top; width: 4px; font-size: 4px;}
.small_panel th { height: 28px; vertical-align: middle; font: 11px Tahoma, Arial, "Trebuchet MS", sans-serif; text-align: center; font-weight: bold; padding: 0 8px 0 8px}
.small_panel td { height: 28px; vertical-align: middle; font: 11px Tahoma, Arial, "Trebuchet MS", sans-serif; text-align: center; width: auto; }
.small_panel a { display: block; height: 14px; padding: 6px 8px 4px 32px; background-image: url(../img/small_panel/icons/table.gif); background-position: 8px 50%; }
.small_panel a:link, .small_panel a:visited { color: #333; text-decoration: none; }
.small_panel a:hover { background-color: #ffe592;}
.small_panel a:active { background-image: url(../img/small_panel/bg_active.jpg); background-repeat: no-repeat;}
.small_panel .active {background-image: url(../img/small_panel/bg_active.jpg); background-repeat: repeat-x; padding: 0 1px 0 1px; border-left: #e1d090 1px solid; border-right: #e1d090 1px solid; }
.small_panel .active a { background-image: url(../img/small_panel/icons/table_active.gif); padding: 6px 7px 4px 31px;  }
.small_panel .left_active { background-image:url(../img/small_panel/left_active.jpg);}
.small_panel .right_active { background-image:url(../img/small_panel/right_active.jpg);}
.small_panel .first { padding-left: 0px !important; border-left:none !important; }
.small_panel .last { padding-right: 0px !important; border-right:none !important; }

.small_panel .active a#table { background-image: url(/img/small_panel/icons/table_active.gif); }
.small_panel .active a#text { background-image: url(/img/small_panel/icons/text_active.gif); }
.small_panel .active a#graph { background-image: url(/img/small_panel/icons/graphic_active.gif); }

.small_panel a#table { background-image: url(/img/small_panel/icons/table.gif); }
.small_panel a#text { background-image: url(/img/small_panel/icons/text.gif); }
.small_panel a#graph { background-image: url(/img/small_panel/icons/graphic.gif); }
.small_panel span#graph { background-image: url(/img/small_panel/icons/graphic.gif); color: #888888; display: block; height: 18px; padding: 6px 8px 4px 32px; background-position: 8px 50%;  }

.text_block { margin-top: 1em; border-top: #ddd 3px solid; padding: 1em 0 0 0; }
.text_column {float:left; display:block; position:relative; width: 20em; margin-left: 10px; margin-right: 10px;}
.text_column p { margin-bottom: 0.5em;}

.hidden { display: none; }

#btnAdvanced {border-bottom: #1E5B9D 1px dashed; text-decoration: none; font: 11px Tahoma,  Arial, sans-serif; }

#footer { position: relative; border-top: #ddd 3px solid; color: #333; text-align: left; margin-top: 3em; padding: 15px 0 25px 25px; }
#footer a { color: black; }
.copyright {padding: 15px 0 0 0;}
#footer #counters { float: right; margin: -1em 1em 0 0; opacity: 0.5;}
#footer #counters:hover { opacity: 1; }
#footer .social_btns { position: absolute; top: -30px; right: 0; margin-right: 1em; }

.text { width: 600px; }

.grey { color: #999; }

/* новости */
.news_item {margin-bottom: 1em; }
.news_item h2 { margin-bottom: 0.25em; }
.news_item .date { color: #999; font-size: 12px; margin-bottom: 0.5em; }
.news_item .descr { text-align: justify; }
.news_item .descr p { margin: 0 0 0.25em 0; }

/* подробный прогноз */
#act_detail .temperature {font: 20px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}
#act_detail .forecast td { vertical-align: middle; }
#act_detail .forecast td .value img { vertical-align: middle; }
#act_detail .time, #act_detail .precip_prob { font-weight: bold; }
#act_detail td.graphic { padding: 0px; vertical-align: bottom; text-align: center; height: 47px; background-image: url(../img/forecasts/grid2.gif); background-repeat: repeat; background-position: left 1px;}
#act_detail td.precip_prob { vertical-align: bottom; }
#act_detail td.precip_prob .inner { position: relative; vertical-align: bottom; margin: 0 auto; width: 90px; height: 100%;  }
#act_detail .precip_prob .precip_bar { width: 20px; position: absolute; bottom: 0; left: 30%;}
#act_detail .precip_prob .value { position: absolute; margin-left: 5px; margin-bottom: 0; bottom: 0; left: 50%; }
#act_detail th { font-weight: normal; }

.menu_nav {
    margin: 1em 0;
    line-height: 1.5em;
    vertical-align: middle;
}
.menu_nav h2 {
    display: inline;
    margin: 3px 0.6em 0 0;
    color: #999;
}

.menu_nav a { text-decoration: none; padding: 5px; font-size: 1em; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.menu_nav a sup { color: red; text-decoration: none; font-size: 9px; padding-left: 5px; line-height: 9px; }

/* реклама */
.page_content .right_column .ad { text-align: center; }

.mod_content#act_index h1 { margin-bottom: 15px; }

#seo { font-size: 10px; width: 30px; display: inline; }
.seo-shit {
    font-size: 12px;
    color: #555;
    width: 70%;
    margin-top: 2.5em;
    text-align: justify;
}
.seo-shit p { margin: 5px 0; }
.seo-shit h2 { margin: 5px 0; font-size: 14px; font-weight: bold; }

.mod_content p.description {
    font-size: 12px;
    width: 900px;
    text-align: justify;
    color: #555;
}.forecast {}
.forecast h3 { /*width: 660px;*/ font: 18px Arial, Helvetica, sans-serif; font-weight: normal;  margin-bottom: 0px;}

.forecast .data { /*width: 660px;*/ border-top: #205F9F 3px solid; border-bottom: #205F9F 3px solid; }
.forecast .data th { padding: 5px; font: 11px Tahoma, Verdana, Arial, sans-serif; font-weight: bold;}
.forecast .data td { padding: 5px; text-align: center;  font: 11px Tahoma, Verdana, Arial, sans-serif; font-weight: normal; color:#2E4C66; /*background-color: #F1F7FC;*/ }

.forecast .data .night { background-color: #A8CCE5; border-right: #fff 3px solid; }
.forecast .data .morning { background-color: #E0EEF8; border-right: #fff 3px solid;}
.forecast .data .day { background-color: #F1F7FC; border-right: #fff 3px solid;}
.forecast .data .evening { background-color: #D4E7F5; border-right: #fff 3px solid;}

.forecast .data .last { border-right: none; }

.forecast .data .time td { text-align: center; color: #333; }
.forecast .data .weather td { text-align: center; border-top: #fff 2px solid; /*border-bottom: #fff 2px solid;*/}
.forecast .data .weather .night { background-image: url(../img/forecasts/night/bg.jpg); background-repeat: repeat-x; background-position: left bottom; }
.forecast .data .weather .morning {  background-image: url(../img/forecasts/morning/bg.jpg); background-repeat: repeat-x; background-position: left bottom;}
.forecast .data .weather .day {  background-image: url(../img/forecasts/day/bg.jpg); background-repeat: repeat-x; background-position: left bottom;}
.forecast .data .weather .evening {  background-image: url(../img/forecasts/evening/bg.jpg); background-repeat: repeat-x; background-position: left bottom;}
.forecast .data .weather .icon {width: 100%; height: 50px;}
.forecast .data .temperature {font: 20px Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}
.forecast .data .feeled_temperature { font: 16px Arial, Helvetica, sans-serif; }

.forecast .data .graphic td { padding: 0px; vertical-align: bottom; text-align: center; height: 47px; border-bottom: #fff 2px solid; background-image: url(../img/forecasts/grid.gif); background-repeat: repeat-x;}
.forecast .data .graphic .precip_bar { font-size: 0px; display: block; text-align: center; width: 100%; background-image:url(../img/forecasts/precip_bar_bg.gif); background-repeat: repeat-y; background-position: center bottom;}

.forecast .data .precipitation td { padding-top: 0px; text-align: center; font: 12px Tahoma, Arial, Helvetica, sans-serif;  border-bottom: #fff 2px solid; }
.forecast .data .precipitation .value { padding: 6px 0 1px 0; }
.forecast .data .precipitation .critical { background-image: url(../img/forecasts/precip_critical.gif); background-position: center top; font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; position: relative; top: -1px; padding-bottom: 0px; }

.forecast .data .wind td { text-align: center;  border-bottom: #fff 4px solid; }
.forecast .data .wind img { vertical-align: middle;}

.forecast .three_hour th {width: 25%;}
.forecast .three_hour .time td {width: 12.5%;}

.forecast .data .humidity td, .forecast .data .advanced td { text-align: center;  border-bottom: #fff 4px solid; }

#graph_forecast {}
#graph_forecast img { display: block; margin-bottom: 1em;}

/* события */
.event_msg { margin: 0.5em 0; padding: 0.2em 0.7em; border: #F7A531 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.event { margin: 8px 0 8px 0; padding-left: 26px; background-repeat: no-repeat; background-position: left top;}
.event .comment { color: #999;}
.pr50 { background-image: url(../img/warning_icons/adverse_small.gif); }
.pr100 { background-image: url(../img/warning_icons/danger_small.gif); }

td .adverse {
    background-color: #F75A31;
    display: inline;
    color: #fff;
    padding: 3px;
    margin: 5px;
    font-weight: bold;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

td.temperature .adverse {
    font-weight: normal !important;
}

/* .text_forecast { width: 635px;} */
.text_forecast h3 { border-bottom: #205F9F 3px solid; margin: 0px; }
.text_forecast p { margin: 0; }
.text_forecast .words { margin-bottom: 16px; }.city_list { float:left; display:block; position:relative; width: 10em; }
.rating { border-left: #DDD 1px solid; padding-left: 20px; }
.city_list .country { padding-bottom: 0.5em; padding-top: 0.5em; font-size: large; }
.city_list .column1, .city_list .column2, .city_list .column3 { float:left; display:block; position:relative; width: 10em; }
.city_list.russia { width: 30em; }
.city_list .column {}
.city_list .city_name { line-height: 25px; margin-bottom: 0.1em; font-size: 13px;}
.city_list .other { padding-bottom: 0.5em; padding-top: 2em; font-size: large;}
.city_name .temp { color: #F75A31; font-weight: bold; font-size: 13px; display: inline-block; padding-top: 2px;}
.city_name .temp.negativ { color: #2E4C66; }
.city_name img { margin-right: 5px; }.ac_results {
	padding: 0px;
	border: 1px solid #A8CCE5;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	width: 400px !important;
}

.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('indicator.gif') right center no-repeat;*/
}

.ac_odd {
	background-color: #E0EEF8;
}

.ac_over {
	background-color: #ffe592;
}
/* for export page */
#select_box #country_list { width: 15em; }
#select_box #city_list { display: none; width: 15em; }
#select_box #point_list { display: none; width: 15em; }
#select_box .ajax_load { display: none; }
ul#xml_format_desc { list-style-type: none; padding: 0; }
ul#xml_format_desc ul { list-style-type: none; padding-left: 1em; }

#informer_list {
	width: 80%;
}

#informer_list .informer {
	float: left;
	width: 120px;
	padding: 10px;
}

#informer_list .active {
	background-color: #FFD65A !important; 
}

#informer_list .hover {
	background-color: #cccccc;
}

#informer_list .informer .informer_code {
	display: none;
}

.informer_code {
	float: left;
}

.informer_code textarea {
	width: 50em;
	height: 90px;
}

#informer_example {
	width: 120px;
	float: left;
	padding-left: 1em;
}

#geo_ip {
	padding: 1em 0 1em 0;
}

#geo_ip #auto_detect {
	margin-right: 0.5em;
}

#geo_ip p {
	margin-top: 0.25em;
	width: 65%;
	color: #6F6F6F;
	font-size: 0.75em;
}#tooltip_top {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 140px;
}

#tooltip_top .top {
    height: 4px;
    width: 140px;
    margin: 0;
    padding: 0;
    background-image: url('../img/balloon/balloon_top_top.png');
}

#tooltip_top .content {
    font-size: 11px;
    color: #2e4c66;
    overflow: hidden;
    text-align: left;
    padding: 0.3em 1em;
    background-image: url('../img/balloon/balloon_top_gradient.png');
    background-position: bottom;
    background-repeat: repeat-x;
    border-left: 1px #c6cfd6 solid;
    border-right: 1px #c6cfd6 solid;
    background-color: #fff;
}

#tooltip_top .bottom {
    background-image: url('../img/balloon/balloon_top_bottom.png');
    height: 9px;
    width: 140px;
    margin: 0;
    padding: 0;
}

/* горизонтальный */
#tooltip {
    display: none;
    position: absolute;
    z-index: 9999;
    background-image: url('../img/sprite-balloon.png');
    background-position: left -0px;
    height: 25px;
    padding-left: 11px;
    _width: 200px; /* сдохни IE6 */
    margin-left: 0.5em;
}

#tooltip .content {
    font-size: 11px;
    color: #2e4c66;
    text-shadow: 0 0 2px #fff;
    background-image: url('../img/sprite-balloon.png');
    background-position: left -25px;
    background-repeat: repeat-x;
    height: 25px;
    line-height: 25px;
    padding: 0 3px;
    overflow: hidden;
}

#tooltip .inner {
    background-image: url('../img/sprite-balloon.png');
    background-position: right -50px;
    height: 25px;
    padding-right: 11px;
}