body,html
{
	margin: 0;
	padding: 0;
	background-image: url('../img/blue_dot_5x5.gif');
	font-size: 12px;
	background-color: #19578D;
	color: #ffffff;
}

*
{
	font-family: Tahoma, Sans-Serif;
}

td
{
	vertical-align: top;
	font-size: 12px;
}

h1
{
	font-size: 18px;
	font-weight: normal;
	margin: 5px 0 5px 0;
}

a
{
	color: #ffffff;
	text-decoration: underline;
}

a:hover 
{
	color: #ffffff;
	text-decoration: none;
}

a.small_link
{
	color: #ffffff;
	font-size: 11px;
}

a.yellow
{
	color: #F9FF59;
	font-weight: bold;
}

a.justyellow
{
	color: #F9FF59;
}

a.small_yellow_link
{
	font-size: 10px;
	color: #F9FF59;
	background: url(../img/right_yellow.gif) no-repeat 0 80%;
	padding-left: 10px;
}

a.icon {background-repeat:no-repeat;background-position:2px 2px;padding-top:3px !important;padding-bottom:3px !important;}
a.rar {background-image:url(/img/rar.gif) !important;}

.png
{
	//background-image: none ! important;
	behavior: url('pngfix.htc');
}

div#main
{
	margin-right: auto;
 	margin-left: auto;
	padding: 35px 40px 0 40px;
}

div#header, div#menu, div#user_menu
{
	margin: 0 0 12px 0;
}

/* Задник для слоев */

div.back
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


/* Шапка */

div#header
{
	width: 920px;
	height: 130px;
	background-image: url(../img/header_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#header_stars
{
	width: 918px;
	height: 61px;
	background-image: url(../img/header_stars.gif);
	background-repeat: repeat-x;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 0;
}

div#white_blur
{
	width: 920px;
	height: 366px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 1;
}

div#starLeft, div#starCenter, div#starRight
{
	position: absolute;
	top: -35px;
}

div#starLeft
{
	width: 80%;
	left: 0;
	z-index: 2;
	text-align: center;
}

div#starCenter
{
	width: 100%;
	z-index: 3;
	text-align: center;
	left: 0;
}

div#starRight
{
	width: 75%;
	right: 0;
	z-index: 2;
	text-align: center;
}

.txt_search
{
	border: none;
	background-color: white;
	color: black;
	font-size: 10px;
}

div#search
{
	position: absolute;
	right: 80px;
	top: 100px;
	z-index: 4;
}

div#nastroenie
{
	position: absolute;
	right: 0px;
	top: 0px;
}

div#new_year
{
	position: absolute;
	right: 30px;
	top: 0px;
	z-index: 999;
}

div#logo_block
{
	width: 227px;
	height: 86px;
	position: absolute;
	left: 20px;
	top: 10px;
	z-index: 5;
}

div#freq_top_left, div#freq_bottom_right
{
	font-size: 12px; font-weight: bold;
}

div#freq_top_left
{
	position: absolute;
	top: 10px;
	left: 0;
}

div#freq_bottom_right
{
	position: absolute;
	bottom: 10px;
	right: 0;
}

div#cityes
{
	position: absolute;
	left: 20px;
	bottom: 10px;
	z-index: 5;
}

span#curCity
{
	font-size: 16px;
	font-weight: bold;
	color: #F9FF59;

}

/* Меню */

div#menu
{
	width: 920px;
	height: 30px;
	background-image: url(../img/menu_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 6;
}

div#user_menu {
	width: 920px;
	height: 30px;
	background-image: url(../img/menu_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 5;
}

div#real_menu
{
	position:absolute;
	left:0;
	top:0;
}

div#menu_content
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


div#online
{
	position: absolute;
	top: -5px;
	right: 0px;
	width: 240px;
	text-align: center;
	z-index: 20001;
}


/* Главные слои */

div#middle
{
	width: 920px;
	z-index: 5;
	position: relative;
	overflow: visible;
}

div#rich_media
{
	float: left;
	width: 668px;
	height: 200px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#rich_media div#rmback
{
	position: absolute;
	left:0;
	top:0;
	z-index: 0;
}

div#full916
{
	float: left;
	width: 920px;
	height: 200px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#full916 div#rmback
{
	position: absolute;
	left:0;
	top:0;
	z-index: 0;
}

div#on_air
{
	float: right;
	margin-left: 12px;
	width: 240px;
	height: 200px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}


div#banners
{
	float: left;
	margin-top: 12px;
	width: 920px;
	height: 100px;
	position: relative;
}

div#banners_top
{
	float: left;
	margin-bottom: 12px;
	width: 920px;
	height: 100px;
	position: relative;
}

div.small_banner
{
	float: left;
	width: 221px;
	height: 100px;
	position: relative;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
}

div.banner450
{
	float: left;
	width: 454px;
	height: 100px;
	position: relative;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
}

div.big_banner
{
	width: 920px;
	height: 100px;
	position: relative;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
}

div#news
{
	margin-top: 12px;
	width: 390px;
	height: 150px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;

}

div.newstext, div.newstext a
{
	font-size: 10px;
	margin-top: 10px;
}

div#news div#newsback
{
	position: absolute;
	right: 0;
	top:0;
	z-index: 0;

}

div#hitparad
{
	float: left;
	margin-top: 12px;
	margin-left: 12px;
	width: 266px;
	height: 347px;
	background-image: url(../img/hitparad_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#hitparad div#hback
{
	position: absolute;
	left: 2px;
	top:0;
	z-index: 0;
}

table.prog td {
	font-size: 10px;
}

div#newsongs
{
	float: right;
	margin-top: 12px;
	margin-left: 12px;
	width: 240px;
	height: 347px;
	background-image: url(../img/hitparad_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#newsongs div#nback
{
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
}

div#vote
{
	margin-top: 12px;
	width: 390px;
	height: 185px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#vote div#voteback
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;

}

.table_vote td
{
	text-align: center;
}

.table_vote td.td_img
{
	vertical-align: middle;
}

.table_vote td.td_txt
{
	padding: 0 5px 0 5px;
}

.table_vote td.td_txt a
{
	font-size: 10px;
}


div#weather
{
	float: left;
	margin-top: 12px;
	width: 390px;
	height: 185px;
	background-image: url(../img/hitparad_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#weather div#weatherback
{
	position: absolute;
	right: 152px;
	top: 50px;
	z-index: 0;

}

div#popov
{
	float: left;
	margin-top: 12px;
	width: 920px;
	height: 120px;
	background-image: url(../img/hitparad_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#message
{
	float: left;
	margin-top: 12px;
	margin-left: 12px;
	width: 266px;
	height: 185px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
}

div#signup
{
	float: right;
	margin-top: 12px;
	margin-left: 12px;
	width: 240px;
	height: 185px;
	background-image: url(../img/richmedia_gradient.jpg);
	background-repeat: repeat-x;
	position: relative;
}

div#signup div#signupback
{
	position: absolute;
	left: 50px;
	bottom: 0px;
	z-index: 0;

}

div#footer
{
	width: 920px;
	float: left;
	margin-top: 30px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

div#footer td {
	font-size: 10px;
	vertical-align: middle;
}

div#footer font {
	color: silver;
	font-size: 10px;
	background-color: #19578D;
}

div#footer a {
	color: silver;
	text-decoration: underline;
}

div#footer a:hover {
	color: silver;
	text-decoration: none;
}

td.vlb, td.vrb, td.htb, td.hbb
{
	background-image: url(../img/white_dot_1x1.gif);
}

td.htb, td.hbb
{
	background-repeat: repeat-x;
}

td.vlb, td.htb
{
	background-position: 0 0;
}


td.vlb, td.vrb
{
	background-repeat: repeat-y;

}

td.vrb
{
	background-position: 100% 0;
}

td.hbb
{
	background-position: 0 100%;
}

td.tlc, td.blc, td.trc, td.brc
{
	background-repeat: no-repeat;
	background-position: 0 0;
}

td.tlc
{
	background-image: url(../img/white_top_left_corner.gif);
}

td.blc
{
	background-image: url(../img/white_bottom_left_corner.gif);
}

td.trc
{
	background-image: url(../img/white_top_right_corner.gif);
}

td.brc
{
	background-image: url(../img/white_bottom_right_corner.gif);
}




td.ivlb
{
	background-image: url(../img/input_left_border.gif);
}

td.ivrb
{
	background-image: url(../img/input_right_border.gif);
}

td.ihtb
{
	background-image: url(../img/input_top_border.gif);
}

td.ihbb
{
	background-image: url(../img/input_bottom_border.gif);
}

td.ihtb, td.ihbb
{
	background-repeat: repeat-x;
}

td.ivlb, td.ihtb
{
	background-position: 0 0;
}


td.ivlb, td.ivrb
{
	background-repeat: repeat-y;

}

td.ivrb
{
	background-position: 100% 0;
}

td.ihbb
{
	background-position: 0 100%;
}

td.itlc, td.iblc, td.itrc, td.ibrc
{
	background-repeat: no-repeat;
	background-position: 0 0;
}

td.itlc
{
	background-image: url(../img/input_top_left_corner.gif);
}

td.iblc
{
	background-image: url(../img/input_bottom_left_corner.gif);
}

td.itrc
{
	background-image: url(../img/input_top_right_corner.gif);
}

td.ibrc
{
	background-image: url(../img/input_bottom_right_corner.gif);
}

input.txt {
	border: 1px solid #1a598f;
	background-color: white;
	color: black;
	font-size: 12px;
	padding: 2px;
	height: 20px;
}

input.but {
	border: 1px outset #1a598f;
	background-color: #1a598f;
	color: white;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	height: 24px;
}

td.note {
	font-size: 10px;
	color: black;	
}

select {
 	border: 1px solid #1a598f;
	background-color: white;
	color: black;
	font-size: 12px;
	padding: 2px;
	height: 20px;
}

option {
	background-color: white;
	color: black;
	font-size: 12px;
}




/* Ошибка */

.framed,
.framed .f_r,
.framed .f_b,
.framed .f_l,
.framed .f_c
{
float: left;
position: relative; z-index: 1;
width: auto; height: auto;
margin: 0; padding: 0;
}
.framed .f_tt,
.framed .f_rr,
.framed .f_bb,
.framed .f_ll
{
display: none;
}
.framed
{
margin: 0 30px 15px 0;
background: url('../img/hint-t.png') no-repeat left top;
//background: none;
}
.framed .f_r
{
left: 30px;
background: url('../img/hint-r.png') no-repeat right top;
//background: none;
}
.framed .f_b
{
top: 30px;
background: url('../img/hint-b.png') no-repeat right bottom;
//background: none;
}
.framed .f_c
{
float: none;
position: relative;
left: 30px; top: -15px;
padding: 1px 0; margin: 0 30px 0 0;
background: url('../img/hint_back.png');
color: black;
width: 300px;
text-align: center;
}

.framed .f_l
{
left: -30px;
padding: 15px 0;
background: url('../img/hint-l.png') no-repeat left bottom;
//background: none;
}
* html .framed .f_r,
* html .framed .f_b,
* html .framed .f_l
{ height: 0; }
* html .framed .f_tt,
* html .framed .f_rr,
* html .framed .f_bb,
* html .framed .f_bb *,
* html .framed .f_ll,
* html .framed .f_ll *
{
display: block;
position: absolute;
left: 0; top: 0;
}
* html .framed .f_tt
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/hint-t.png,sizingMethod=crop);
}
* html .framed .f_rr
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/hint-r.png,sizingMethod=crop);
}
* html .framed .f_tt,
* html .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 30px;
}
* html .framed .f_rr,
* html .framed .f_ll
{
width: 30px; height: expression( parentNode.offsetHeight );
}
* html .framed .f_bb,
* html .framed .f_ll
{
overflow: hidden;
}
* html .framed .f_bb *
{
width: 3000px; height: 30px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/hint-b.png,sizingMethod=crop);
}
* html .framed .f_ll *
{
width: 30px; height: 3000px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./img/hint-l.png,sizingMethod=crop);
}
/* Исправляем неправильный расчет позиции при "нечетной ширине" */
* html .framed .f_rr,
* html .framed .f_bb *
{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll,
* html .framed .f_ll *,
* html .framed .f_bb,
* html .framed .f_bb *
{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }
