BODY { margin: 0; color: #FFFF88; font: normal 11px Tahoma; background: #000; }
table { 
	padding: 0; margin: 0; 
	}
img { 
	border: none;
	}

td  { 
	font: normal 11px Tahoma; vertical-align: top; color: #FFFF88;
	}
p 	{ 
	font: normal 11px Tahoma; margin: 8px 10px 2px 0; line-height: 130%; color: #FFFF88;
	}
h1, .h1 	{ 
	font-size: 20px; 
	font-family: Arial Narrow; 
	font-weight: normal; 
	color: #FFF836; 
	margin: 2px 0 10px 0; 
	}
h2, .h2 	{ 
	font-size: 15px; 
	font-family: Arial; 
	font-weight: normal; 
	margin: 15px 0 6px 0; 
	color: #FFFF88
	}
h3, .h3  { color: #FFE800; font: normal 22px Arial Narrow; }	

ul 		{ margin: 0; padding: 0; position: relative; z-index: 1;  }
ul li 	{ color: #FFFF88; font: normal 11px Tahoma; margin: .3em 0 0 .1em; padding: 0 0 0 1.5em; list-style-type: none; background: url(i/li.gif) no-repeat 0 .5em; line-height: 110%; }
ul.listCirles li { color: #FFFF88; font: normal 11px Tahoma; margin: .3em 0 0 .1em; padding: 0 0 0 1.5em; list-style-type: none; background: url(i/li-circle.gif) no-repeat 0 .4em; line-height: 110%; }

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

.small { font: normal 10px Arial; color: #BEB974; }
.forms { width: 50%; margin: 10px 0 10px 0; }
.date { margin-top: 1px; padding: 2px 2px 1px 2px; font: bold 10px Arial; color: #BEB974; }
.bgGrey { background: #111; }
.msg { color: #FF6600; }
.footer { font: normal 10px Arial; color: #FF8D00;	}
.bt_dotted { border-top: #888 dotted 1px	}
.br_dotted { border-right: #888 dotted 1px	}
.bb_dotted { border-bottom: #888 dotted 1px	}
.bl_dotted { border-left: #888 dotted 1px	}
img.separator-dot { margin: 0 10px 2px 10px }

div.main-article_item { margin-bottom: 15px; width: 75%; }
	div.main-article_item div.date { margin-top: 1px; padding: 2px 2px 1px 0; font: bold 10px Arial; color: #BEB974; }
	div.main-article_item div.name { margin-top: 1px; color: #FFE800; font: normal 22px Arial Narrow; line-height: 80%; }
		div.main-article_item div.name a { color: #FFE800; font: normal 22px Arial Narrow; text-decoration: none; line-height: 80%;}
		div.main-article_item div.name a:hover { color: #FF6600; font: normal 22px Arial Narrow; text-decoration: none; line-height: 80%; }
	div.main-article_item div.djs  { font: normal 11px Tahoma; color: #FFFF88; margin-top: 2px }

div.main-anonses_sep { height: 13px; width: 100%; background: url(i/main-anonses-sep.png) no-repeat right }

div.voice { width: 75% }
    div.voice div { padding: 4px 0 4px 0; color: #ff6; font: normal 11px Tahoma;  }
	div.voice div.rezult { padding: 0; margin: 0}

div.next-articles_item { margin-bottom: 15px; width: 75%; }
	div.next-articles_item div.date { margin-top: 1px; padding: 2px 2px 1px 0; font: bold 10px Arial; color: #BEB974; }
	div.next-articles_item div.name { margin-top: 1px; color: #FFE800; font: normal 22px Arial Narrow; }
		div.next-articles_item div.name a { color: #FFE800; font: normal 22px Arial Narrow; text-decoration: none; }
		div.next-articles_item div.name a:hover { color: #FF6600; font: normal 22px Arial Narrow; text-decoration: none; }
	div.next-articles_item p  { font: normal 11px Tahoma; color: #FFFF88; margin-top: 3px; line-height: 130%; }
	
div.next-article { margin-bottom: 15px; }
	div.next-article div.date { margin-top: 1px; padding: 2px 2px 1px 0; font: bold 10px Arial; color: #BEB974; }
	div.next-article h1 { margin-top: 1px; color: #FFE800; font: normal 22px Arial Narrow; }
	div.next-article div.brief  { font: normal 11px Tahoma; color: #FFE800; margin-top: 5px }
	div.next-article div.article  { font: normal 11px Tahoma; color: #FFFF88; margin-top: 10px; width: 70% }
	
div.comment-item { margin: 6px 0 1px 0; width: 510px; padding: 2px 0 4px 0;  border-bottom: #888 dotted 1px; }
	div.comment-item p { margin: 3px 0 5px 10px; color: #FFFF88; font: normal 11px Tahoma; line-height: 130%;  }
	div.comment-item div.small { margin-top: 1px; padding: 2px 2px 1px 1px; font: color: #BEB974; font: normal 10px Arial  }
	div.comment-item div.author { margin-top: 1px; color: #FFE800; font: bold 11px Tahoma }
	
div.mix { background: url(i/dot4.jpg) no-repeat .1em .5em; margin: 20px 0 5px 0; padding: 0 0 0 20px; }
	div.mix div.name { 	font: normal 15px Arial; margin: 3px 0 3px 0; color: #FFFF88 }
	div.mix div.field { float: left; width: 120px; height: 25px; }
	.comment { color: #f60; }
	div.mix div.downloads { float: left; }
	div.mix div.dotsep { float: left; display: block; width: 20px; background: url(i/dot4.jpg) no-repeat;  }
	div.mix div.underline { clear: both; border-top: #666 dotted 1px; height: 1px; width: 420px }
	
div.ringtone { background: url(i/dot4.jpg) no-repeat .1em .5em; margin: 20px 0 5px 0; padding: 0 0 0 20px; }
	div.ringtone div.name { 	font: normal 15px Arial; margin: 3px 0 3px 0; color: #FFFF88 }
	div.ringtone div.field { float: left; width: 140px; height: 35px; line-height: 200%; }
	.comment { color: #f60; }
	div.ringtone div.downloads { float: left; }
	div.ringtone div.dotsep { float: left; display: block; width: 20px; background: url(i/dot4.jpg) no-repeat;  }
	div.ringtone div.underline { clear: both; border-top: #666 dotted 1px; height: 1px; width: 400px }

span.count { font: normal 18px Trebuchet MS, Arial; }
	
table.djs {}
	table.djs td { border-bottom: #444 dotted 1px; padding: 5px 2px 3px 2px; vertical-align: middle }
	table.djs td.nobrd {  }
	table.djs td a { font: normal 22px Arial Narrow; color: #FFE800; }
	table.djs td a:hover { font: normal 22px Arial Narrow; color: #F60; }
	
table.forms { width: 60% }
    table.forms td { background: #000; vertical-align: middle; }	
	
table.booking { width: 60% }
    table.booking td { vertical-align: middle; padding: 5px 9px }

table.smsSubscribers td { border-bottom: #666 dotted 1px  }			

.subscribe-form {}
.subscribe-form .row { clear: both; height: 30px; }
.subscribe-form .row span.label { display: block; width: 160px; float: left; }
.subscribe-form .row span.field { display: block; width: 240px; float: left; }	
	
.inputText { width: 100%; font: normal 11px Tahoma; border: #888 solid 1px; background: #000; color: #fff; padding: 2px; margin-top: 2px; }
  .inputText:hover { color: #fff; background: #000; border: #FFCC00 solid 1px; }
  .inputText:focus  { color: #fff; background: #000; border: #FF6600 solid 1px; }
.inputButton { width: 100%; font: normal 11px Tahoma; color: #fff; background: #000; border: #888 solid 1px; padding: 2px; }
  .inputButton:hover { color: #fc0; background: #222; border: #fc0 solid 1px; }
.inputRadio { font: normal 11px Tahoma; background: #000; color: #fff; padding: 2px; margin-top: 5px; }  
 
div.pathnav, div.pathnav a { font: bold 10px Arial; color: #B3B348; text-decoration: none; }
div.pathnav a:hover { font: bold 10px Arial; color: #FFFF66; text-decoration: none; }

div.popup-navigation{ padding-top:3px; padding-bottom:3px; background:url('i/i-popup.gif') no-repeat 8px center; padding-left:30px; }
	
div.tab { padding: 5px; width: 260px; height: 400px; border: #555 solid 1px; }
	div.tab ul.tabs { padding: 4px; list-style: none; }
	div.tab ul.tabs li { display: inline; list-style: none; background: none }
	div.tab ul.tabs li a { border-bottom: #ccc dashed 1px; padding: 3px 3px 0 3px;}
	div.tab ul.tabs li a.active { border:none; background: #333; }
	div.tab div { text-align: center; padding: 5px;}

div.mob-pic { 
		float: left; 
		margin: 0 20px 20px 0; padding: 0; 
		width: 204px; height: 270px; 
		background: url(i/mob-pic-bg.jpg) no-repeat 50% 50%; 
		text-align: center; 
			}
	div.mob-pic img { margin:15px 0 0 0; }
	div.mob-pic ul { margin:10px; padding:0;}
	div.mob-pic ul li { margin: 5px; padding: 0; display: inline; background: none; }
	div.mob-pic ul li a {}
	div.mob-pic ul li a:hover {}
	
ul.steps-h50 { margin: 15px 0 20px 0; }
ul.steps-h50 li { 
			 height: 50px;
			 background: url(i/steps-bg.gif) no-repeat right; 
			 display: block;
			 float: left;
			 padding: 0;
			 margin: 0;			 
			 }
ul.steps-h50 li.first { 
 			 border-left: #383812 solid 1px;
			 }
ul.steps-h50 li.last { 
			 background: url(i/steps-last.gif) no-repeat right; 			 
			 }
ul.steps-h50 li div { margin: 20px 30px 15px 15px; }			 
			 			 
	
/************* 404 ******************************/
#links404 { font-family: Verdana, Arial, serif;	color : #000000; font-size : 11px; }
#links404 a { font-family: Verdana, Arial, serif;	color : #3385AD;	font-size : 11px;	font-weight: normal;	text-decoration : underline }
#links404 a:hover {	font-family: Verdana, Arial, serif;	color : #3385AD;	font-size : 11px;	font-weight: normal;	text-decoration : underline }
#links404 p{ font-family: Verdana, Arial, serif;	color : #555555;	font-size : 11px;	margin: 20px 5px 15px 50px	}
#links404 h1 { font-family: Verdana; color : #111111; font-weight: bold; font-size : 18px; margin: 5px 5px 5px 0px }
#links404 li { list-style-type : none; margin: 5px 10px }

/************	Needed part **********************/

.usermenu { font-family : Arial, Geneva, Helvetica, sans-serif; font-size : 10px; font-weight : normal;	color : #333333; }
a.usermenu:link { color : #336699; font-size : 10px; text-decoration : none; }
a.usermenu:hover { color : #ff6600; font-size : 10px; /* text-decoration : underline; */ }


.iframe-form {padding: 20px 35px;}
.iframe-form .row { clear: both; height: 30px; }
.iframe-form .row span.label { display: block; width: 160px; float: left; }
.iframe-form .row span.field { display: block; width: 240px; float: left; }
.iframe-form .row span.field-small { display: block; width: 90px; float: left; }
.iframe-form .row a.field-link { float: left; margin:5px 0 0 15px;}

.ui-datepicker-calendar th span {color: #383838;}