/* ################################     BENDRI STILIAI     ############################### */

* { padding: 0; margin: 0; }

body
{
    background: #173c83;                                                                 
    font-family: Verdana;
    color: #333333;
	font-size: 62.5%;                                                   
}

a
{
    color: #000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover
{
    color: #000000;
}
a img
{
    border: none;
}    

a.more {
	font-weight:bold;
	border-bottom:1px solid #ed7a04;
	letter-spacing: -1px;
    float: right;
    color: #B7160D;
    font-size: 1.3em;
    margin-top: 5px;
} 

a.more:hover {
	color:#fbef89;
	text-decoration:none;

}


label 
{ 
	float: left;
	margin-top:5px;
	padding-bottom:4px;
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}


input, textarea, select 
{ 
	background: #ffca01;
	border: 1px solid #ffdf64;
	font-size: 12px;
	color:#792109;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
	margin-bottom:5px;
}             

textarea 
{
	width: 350px;
    float: left;
}

button 
{ 
	margin: 3px 10px 0px 0px;
	padding: 3px 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdf4e3;
	background: #fa3526;
	border: 1px solid #ff9c01;
    float: right;
	font-weight:bold;
	cursor: pointer;
}

button:hover {
	color:#171717;
}


/* ####################################################################################### */
        
#top
{
    width: 100%;
    height: 100px;
    background: url('/client/images/header_bg.gif') repeat-x top left #FFFFFF;
    padding: 10px 0px 25px 0px;
}
#top a img
{
    margin-left: 125px;
}

#middle
{
    width: 100%;
    clear: both;
    background: #FFFFFF;        
    padding: 0px 0px 20px 0px;
}

#bottom
{          
    clear: both;
    width: 100%;
    height: 20px;
    background: url('/client/images/bg.bottom3.gif') repeat-x top left;
    padding: 15px 0px 10px 0px;
    font-size: 11px;
    color: #3f86c9;
    border-top: 10px solid #FFFFFF;
}
#bottom p
{
    padding-left: 50px;
}
#bottom a{
	color: #3f86c9;
}


#bottom a:hover {
	color:white;
}

#footer
{
    float: left;
    width: 100%;        
    padding-top: 20px;
    background: #FFFFFF;
}
#footer div.banners
{
    float: left;
    width: 900px;
    padding-left: 50px;
}
#footer div.banners a img
{
    float: left;  
    margin-right: 20px;
	margin-bottom: 10px;
	width:160px;
	height:80px;
}
                                                                                             
/* ####################################################################################### */

div.listen
{
    float: right;           
    width: 220px;
    height: 105px;
    background: url('/client/images/listen.jpg') no-repeat top left;        
    padding: 25px 0px 0px 100px;
	text-align:center;
}
div.listen h1
{
    color: #004684;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
	border-bottom: 1px solid #f1f1f1;
}

.listen span {
	float:left;
	margin:10px 0 0 5px;
	padding:0 10px 0 0;
	background:#e4e6e6;
}

.listen span.p {
	background:url("/client/images/player_bg.gif") 100% 0 no-repeat;
	
}

.listen span.p a {
	display:block;
	float:left;
	margin:0;
	padding:5px 5px 5px 15px;
	font-size:110%;
	font-family:Arial;
	color:#004684;
	font-weight:bold;
	background:url("/client/images/player_bg.gif") 0 0 no-repeat;
	
}
.listen span.p a:hover {
	color:#b7160d;
}


/* ####################################################################################### */

table
{
    position: relative;
    float: left;       
    border-collapse: collapse;
    padding-bottom: 20px;
	border:0;
	background: #FFF;
}


table tr td
{
    background: #FFF;
    vertical-align: top;
}

table tr td img
{
    float: left;         
}

/* ####################################################################################### */

table tr td.menu
{
    width: 120px;               
    padding: 0px 20px 0px 50px;  
}

table tr td.menu ul
{
    position: relative;            
    float: left;
    list-style: none;
    width: 120px;
}
table tr td.menu ul li
{
    position: relative;             
    float: left;  
}
table tr td.menu ul li a
{
    position: relative;             
    float: left;
    color: #1C3851;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    padding: 5px 0px 5px 0px;
	border-bottom:1px solid #dedede;
}
table tr td.menu ul li a:hover, table tr td.menu ul li.sel a
{
    color: #BF2406;
}
/* ####################################################################################### */

table tr td.menu div.bannersLeft
{      
    float: left;
    width: 120px;
	margin-top: 20px;
	 
}
table tr td.menu div.bannersLeft a img
{
    margin-top: 20px;
}

/* ####################################################################################### */

table tr td div.header
{
    float: left;
    width: 740px;           
}

/* ####################################################################################### */

table tr td.side
{
    background: url('/client/images/bg.side.gif') repeat-y top left #FF9C01;
    width: 100%;
	vertical-align: top;
}
table tr td.index
{
    /*background: url('/client/images/bg.container.top.gif') no-repeat top left #FF9C01; */
    background: url('/client/images/bg.index.gif') no-repeat top left #FFFFFF; 
}
table tr td.topas
{
    background-image: none;
}

table tr td.side div.content
{               
	width: 740px;
    padding: 0px 0px 0px 20px;
    color: #333333; 
    overflow: hidden;
	font-size: 1.1em;
	background: transparent; 
}     
table tr td.side div.index
{
    padding-top: 10px;    
}

table tr td.side div.bt
{                                                                                           
    height: 20px;
    background: #FF9C01 url('/client/images/bg.container.bottom.gif') no-repeat bottom left;
}

table tr td.sb
{                                                                                           
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    height: 20px;    
    background: url('/client/images/bg.container.bottom.gif') no-repeat bottom left #FF9C01;
}
table tr td.st
{  
    background: url('/client/images/bg.container.top.gif') no-repeat top left #FF9C01;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    height: 20px;                                                                             
}


table tr td.side div.content h1
{
    font-size: 1.9em;
    margin-bottom:10px;
    font-family: Tahoma; 
    font-weight: normal;
	color: #FFFFFF;
}

table tr td.side div.content h2, table tr td.side div.content  h3
{
	color: #660808;
	font-size: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 160%;
	padding-bottom: 15px;
}

table tr td.side div.content h3 {
	font-size:1.2em;
	color:#061940;
}

table tr td.side div.content p
{
    font-size: 1.1em;
    padding-bottom: 10px;
	line-height: 160%;
}

table tr td.side div.content div.text ul
{
    font-size: 1.1em;
    padding-bottom: 10px;
	line-height: 160%;
	margin-left: 30px;
}



/* Uzklausos forma*/
/* ####################################################################################### */




div.ln
{
    width: 350px;
    float: left;
	margin-bottom: 10px;
}

div.ln.music
{
    width: 350px;
    float: left;
	margin-bottom: 10px;
	padding:10px 0px 10px 10px;
	background:#fddb55;
}

table tr td.side div.content .ln.music h1 {
	color:#fa3526;
	margin:0;
	padding:0;
}

div.ln.music input, div.ln.music textarea, div.ln.music select 
{ 
	background: #fef0bb;
	font-size: 12px;
	color:#792109;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
	margin-bottom:5px;
}             


input.name {
	width: 320px;
}

input.date {
	width: 320px;
}
input#regexp{
	width:330px;
}

select.time {
	width: 330px;
}

select.songs {
	width: 340px;
	font-size: 12px;
}

textarea#message {
	width:320px;
}

.ln label.sel-music{
	display:block;
	width:350px;
	margin-top:15px;
	padding:0;

}

.ln p {
	margin-bottom:2px;
	padding:0;
	margin:0;

}

.ln p a{
	font-weight:bold;	
}

.ln p a:hover{
	color:#FFF;	
}

#error, #textTop h2{
	background: #ffca01;
	display: none;
	padding: 10px;
	font-weight:bold;
	color:#fe0f03;
	margin-bottom: 15px;
	width:690px;
	font-size:15px;
}

#thanks {
	background: #ffca01;
	padding: 10px;
	font-weight:bold;
	color:#fe0f03;
	margin-bottom: 15px;
	width:690px;
	font-size:15px;
}




/* ####################################################################################### */
                        
table tr td.side div.content div.text
{                       
    float: left;        
    width: 480px;
    padding-right: 20px;
	border-right: 1px solid #FFB746;
}

table tr td.side div.content div.text a
{                       
	color:#fbef89;
	text-decoration:underline;
}

table tr td.side div.content div.text a:hover
{                       
	color:#fbef89;
	text-decoration:none;
}


/* ####################################################################################### */



/* div text TOP'e*/
/* ####################################################################################### */
table tr td.side div.content div.textTop
{                       
    float: left;        
    width: 720px;
    padding-right: 20px;
}
/* TOPO Table*/
/* ####################################################################################### */

table.topas
{        
	width: 720px;
	background: #ffca01;
	margin-bottom: 10px;
	font-size: 9px; 
}
table.topas tr td
{
    background: #ffca01;
	border-bottom: 1px solid #ff9c01;
	font-size: 1.2em;
	padding: 5px;
	padding-left: 10px;
	color: #333333;   
}
table.topas tr td img
{
    padding-right:10px;
}

table.topas tr td.autor span
{
    position: relative;
    float: left;
    padding-top: 8px;
}              

table.topas tr td.number, table.topas tr td.position
{
	text-align: right;
	width: 20px;
	padding-top:12px;
}

table.topas tr td.number_new
{
	text-align: right;
	width: 20px;
	padding-top:12px;
	padding-right: 15px;
}

table.topas tr td.voting
{
	text-align: right;
	width: 50px;
	padding-top: 12px;
	font-size: 12px;
	font-weight: bold;

}   
table.topas tr td.autor 
{
	width: 420px;
}

table.topas tr td.position
{
	text-align: right;
	width: 30px;
	color: #f51f15;
	font-weight: bold;
}
span.blue 
{
	color: #f51f15;
}
span.red 
{
	color: #FFFFFF;   
}
span.black 
{
	color: #000000;
}

table.topas tr td.number span, table.topas tr td.number_new span
{
	margin: 0;
	padding: 2px 8px 2px 8px;
	background: #f51f15;
	color: white;
	width: 40px;
	text-align: center;
	font-weight: bold;
}

table.topas tr td.play 
{
	width: 30px;
	padding-top: 11px;
}
table.topas tr td.play a
{
	font-size: 1.0em;
	padding-top: 1px;
}
table.topas tr td.play a:hover
{
	color: #FFFFFF;
}

table.topas tr td.play a.mp3Link {
	cursor:pointer;
	margin:0;
	padding:0;

}

table.topas tr td.play a.mp3Link:hover {
	cursor:pointer;
}

/* CD Table*/
/* ####################################################################################### */

table.cd
{        
	/*width: 720px;*/
	background: #ffca01;
	margin-bottom: 10px;
	font-size: 9px; 
}
table.cd tr td
{
    background: #ffca01;
	border-bottom: 1px solid #ff9c01;
	font-size: 1.2em;
	padding: 5px;
	padding-left: 10px;
	color: #333333;   
}
table.cd tr td img
{
    padding-right:10px;
}

table.cd tr td.autor span
{
    position: relative;
    float: left;
    padding-top: 8px;
}              

table.cd tr td.number, table.cd tr td.position
{
	text-align: right;
	width: 20px;
	padding-top:12px;
}

table.cd tr td.number_new
{
	text-align: right;
	width: 20px;
	padding-top:12px;
	padding-right: 15px;
}

table.cd tr td.voting
{
	text-align: right;
	width: 50px;
	padding-top: 12px;
	font-size: 12px;
	font-weight: bold;

}   
table.cd tr td.autor 
{
	width: 320px;
}

table.cd tr td.position
{
	text-align: right;
	width: 30px;
	color: #f51f15;
	font-weight: bold;
}

table.cd tr td.number span, table.cd tr td.number_new span
{
	margin: 0;
	padding: 2px 8px 2px 8px;
	background: #f51f15;
	color: white;
	width: 40px;
	text-align: center;
	font-weight: bold;
}

table.cd tr td.play 
{
	width: 30px;
	padding-top: 11px;
}
table.cd tr td.play a
{
	font-size: 1.0em;
	padding-top: 1px;
}
table.cd tr td.play a:hover
{
	color: #FFFFFF;
}

table.cd tr td.play a.mp3Link {
	cursor:pointer;
	margin:0;
	padding:0;

}

table.cd tr td.play a.mp3Link:hover {
	cursor:pointer;
}


/* ####################################################################################### */

table tr td.side div.content div.banners
{      
    float: left;               
    padding-left: 20px;
    width: 200px;
	 
}
table tr td.side div.content div.banners a img
{
    margin-bottom: 20px;
}





/* ####################################################################################### */


table tr td.side div.content ul.top5
{                  
    list-style: none;
    width: 300px;
	padding: 0;
    
}
table tr td.side ul.top5 li
{
    float: left;
    width: 300px;
    color: #333;
	height:20px;
    font-size: 11px;
    border-bottom: 1px solid #FFBB50;
    padding-top: 5px;

}




table tr td.side div.content.index h1 {
	display:inline;
	padding-left:20px;
	line-height:40px;
	background:url('/client/images/top.icon.gif') no-repeat left ;
	
}
table tr td.side div.content.index span {
	display:inline;
	padding-left:10px;
	font-weight:bold;
	font-family:Tahoma;
	font-size:1.4em;
	color:#f10707;
	}

/* ####################################################################################### */
/* Programm box*/

table tr td.side div.content div.programm-box
{                       
    float: left;        
    width: 700px;
}

#day ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	width: 480px;
	display: block;
	font-size: 10px;
	
}

#day li {
	display:inline;
}

#day li a{
	display:inline;
	font-family:Verdana;
	border-right:0px solid #4f4b42;
	padding:4px 5px 4px 5px;
}

#day li a:hover, ul.day li.current a:hover {
	color:white;
}


#day li.current a{
	display:inline;
	font-weight:bold;
	background:#fa2213;
	color:white;
	text-decoration:none;

}


/*#################################################################*/


#program ul {    
	position: relative;
    float: left;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	width: 480px;
	font-size: 11px;
}

#program li {   
	position: relative;
    float: left;
	margin:0;
	padding:10px 0 10px 10px;
	background:#ffca01;
	border-bottom:1px solid #ff9c01; 
	width: 470px;
}

#program li strong {
	padding:2px 4px;
	background:#fa2213;
	color: #FFFFFF;  
	position: relative;
    float: left;
}

#program li span {
	position: relative;
    float: left;
    padding-top: 2px ;
	padding-left:10px;
	font-weight:bold;
	color:#1b1a1a;  
    width: 400px;           
    

	
}
#program li span a{
	color:#fff;
}


/*########################################################################################*/
/* Veshanie*/


#mgz ul {
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;

}

#mgz li {
	position:relative;
	float:left;
	padding:5px;
	background:#ffca01;
	width:100%;
	border-bottom:1px solid #ff9c01;
}

#mgz li span {
	padding:2px 5px;
	margin:5px;
	background:#fa2213;
	color: #FFFFFF;
    float: left;
	width:80px;
}

#mgz li p {
	float:left;
	display:inline;
	padding:0;
	margin:5px;
	margin-left:15px;
	font-weight:bold;
	color:#1b1a1a;
	
}

/* ####################################################################################### */

ul.stars, ul.starsv
{
    position: relative;
    float: left;
    background: url('/client/images/stars.gif') no-repeat 0px 0px;
    list-style: none;
    width: 125px;
    height: 22px;
    line-height: 22px;
	margin-top:4px;
}
ul.stars li
{
    position: relative;
    float: left;              
    width: 24px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
}   
ul.stars li.b
{
    width: 0px; 
}

ul.starsv
{
    background: url('/client/images/stars2.gif') no-repeat 0px 0px;
}
ul.v1    
{
    background-position: 0px -22px;
}
ul.v2    
{
    background-position: 0px -44px;
}
ul.v3    
{
    background-position: 0px -66px;
}
ul.v4    
{
    background-position: 0px -88px;
}
ul.v5    
{
    background-position: 0px -110px;
}

/*############################################################################################*/
/* DJ*/

table td.side .content .text .dj img{
	border:1px solid #ffda4a;
	padding:4px;
	background:#ffe571;
	margin-right:20px;
	margin-bottom:10px;
	
}

table td.side .content .text .dj h3{
	color:#f40403;
	font-size:1.4em;
	padding-bottom:5px;
}

table td.side .content .text .dj ul{
	margin-left:130px;
	list-style:none;
	margin-bottom:10px;
	font-size:11px;
}


table td.side .content .text .dj a:hover{
	color:white;
}


table td.side .content .text .dj h2{
	display:block;
	background:#ffc43c;
	padding:3px;
	padding-left:10px;
	margin:0 0 5px 130px;
	font-size:1.0em;
}