body { background-color: #7892A9; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
img {border:0;}
form, h1, h2, p {margin:0; padding:0}
#header { background-image: url(http://i.dir.bg/radio/images2/hedar-background.png); height: 144px; margin-bottom: 15px; }
#wrapper { width: 970px; margin: auto; }
#logo { padding:31px 0 0 0; width: 204px; margin-right: 17px; }

.right {float:right;}
.left {float:left;margin-right: 0px;}
#bannerTop { height: 90px; width: 728px; padding: 5px;}
h1 { color:#00CC00; font-size:16px; margin: 10px; }
h2 { color:#00CC00; font-size:12px; margin: 10px; }
/*- Menu --------------------------- */

#radionavigation { margin:0; float:left; width:644px; height:26px; background-repeat: repeat-x; font-size:12px; line-height:normal; font-weight: bold; 
}
#radionavigation ul {margin:0;padding:0;}
#radionavigation li {display:inline;margin:0;padding:0;}
#radionavigation a { float:left; margin:0; padding:0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:#CCFF33; font-size:12px; line-height:normal; font-weight: bold; background-image: url(http://i.dir.bg/radio/images/nav_backgr.jpg); width:124px; text-align:center; padding-top: 7px; height:22px; 
}
#radionavigation li a:link  {
	display:block;
	color: #CCFF33;
	border-right: 1px solid #53697E;
}
#radionavigation li a:visited  {
	display:block;
	color: #CCFF33;
	border-right: 1px solid #53697E;
}
#radionavigation li a:hover  {
	display:block;
	background-image: url(http://i.dir.bg/radio/images/nav_backgr2.jpg);
	border-right: 1px solid #53697E;
	color: #00FF00;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	height:0px;
}
#searchform { height: 20px; width: 280px; }
#searchform input { border:0px solid #FFFFFF; width:264px; }
#searchbut { float: left; width: 29px; position: relative; top: -4px; }
#rightColumn { width: 340px; overflow:hidden; }
#player { margin: auto; text-align: center; }
.station { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00FF00; height: 35px; background-image: url(http://i.dir.bg/radio/images/but.png); width: 158px; display: inline; display: block; border: 1px solid #666666; margin-top: 11px; float:left; cursor:pointer; margin-right:2px; 
}
.station A:link {color: #00FF00;;text-decoration: none;}
.station A:visited {color: #00FF00;;text-decoration: none;}
.station A:hover {color: #00FF00;;text-decoration: underline;}

.station2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FF00;
	height: 35px;
	background-image: url(http://i.dir.bg/radio/images/but2.png);
	width: 158px;
	display: inline;
	display: block;
	border: 1px solid #666666;
	margin-top: 11px;
	float:left;
	cursor:pointer;
	margin-right:2px;
}
.station A:link {color: #00FF00;;text-decoration: none;}
.station A:visited {color: #00FF00;;text-decoration: none;}
.station A:hover {color: #00FF00;;text-decoration: underline;}
#stancii { padding:10px;}
.pad {
	padding-top:8px;
}
.pad2 {
	padding-right:8px;
}
#slushate { padding:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; padding-bottom: 0px; 
}
#slushate A:link {color: #FFF; text-decoration: none;}
#slushate A:visited {color: #FFF; text-decoration: none;}
#slushate A:hover {color: #FFF; text-decoration: underline;}

#slushate span {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #CCFF33; text-decoration: none;}
#slushate span A:link {color: #CCFF33; text-decoration: underline;}
#slushate span A:visited {color: #CCFF33; text-decoration: underline;}
#slushate span A:hover {color: #CCFF33; text-decoration: none;}
#leftColumn { float: left; width: 610px; background-color:#5A6F84; }
#leftColumnSearch { float: left; width: 633px; background-image: url(http://i.dir.bg/radio/images2/gray-backgr.png); background-position: 0 80px; }
#fpPlaylist { }
#fpPlaylist p {margin: 10px; }
.yell {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; color: #CCFF33; text-decoration: none;}
.yell a:link {color: #CCFF33; text-decoration: none;}
.yell a:visited {color: #CCFF33; text-decoration: none;}
.yell a:hover {color: #CCFF33; text-decoration: underline;}
.greenn {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #00FF00;}
.greenn {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #00FF00;}
.greenn A:link {color: #00FF00; text-decoration: none;}
.greenn A:visited {color: #00FF00;text-decoration: none;}
.greenn A:hover {color: #00FF00; text-decoration: underline;}
#playlistInfo { background-color: #000000; padding: 10px; }
.playlistInfo { background-color: #000000; padding: 10px; }
.buttn {border: 1px solid #000000;background-color:#5C6483;color:#FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight:bold;}
.butts_1 {border: 1px solid #000000;background-color:#5C6483;color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight:bold;} 
.butts_2 {border: 1px solid #000000;background-color:#FF33FF;color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight:bold;}
.butts_2 {border: 1px solid #000000;background-color:#000000;color:#FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight:bold; padding:4px 10px 4px 10px; cursor:pointer;}

.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #394A5A; text-decoration: none; line-height: 150%;}
.footer A:link {color: #394A5A;text-decoration: none;}
.footer A:visited {color: #394A5A;text-decoration: none;}
.footer A:hover {color: #ffffff;text-decoration: underline;}

.paginator { font: 11px Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 10px; margin: 0px; color:#0033CC; }
.paginator a, .pageList .this-page {padding: 2px 6px; border: solid 1px #DDDDDD; background: #F3F3F3; text-decoration: none;}
.paginator a:visited {padding: 2px 6px; border: solid 1px #DDDDDD; background: #F3F3F3; text-decoration: none; color:#0033CC;}
.paginator .this-page {padding: 2px 6px; border: solid 1px #DDDDDD; font-weight: bold; font-size: 11px; vertical-align: top; background: #FFCC00; color:#000000;}
.paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}

input.prettysearch { width:405px; height: 26px;  border: 0px; margin: 0; padding:7px 0px 0px 3px; font:12px Verdana, Arial, sans-serif; }
.nav_bord {border-left:dashed 1px #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12; color:#FFFFFF; padding-top:0px; padding-bottom:0px;}
.nav_bord A:link{color:#FFFFFF;text-decoration:none;}
.nav_bord A:visited{color:#FFFFFF;text-decoration:none;}
.nav_bord A:hover{color:#FFFFFF;text-decoration:underline;}

.nav_bord_act {border-left:dashed 1px #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12; color:#596E83; padding-top:0px; padding-bottom:0px; background-color:#FFFFFF; font-weight:bold;}
.nav_bord_act A:link{color:#596E83;text-decoration:none;}
.nav_bord_act A:visited{color:#596E83;text-decoration:none;}
.nav_bord_act A:hover{color:#596E83;text-decoration:underline;}
.comentHeadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00FF00;
	padding: 4px;
	border-bottom: 1px solid #8898AC;
	background-color: #687B90;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
.comentHeadline a:link {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px}
.comentHeadline a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	text-decoration: none;
}
.comentHeadline a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px}

.comentBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 10px 4px 10px 4px;
	margin-left: 20px;
	margin-right: 20px;
}
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}

.pagging_not {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #999999;
	width: 16px;
	height: 20px;
	padding: 4px;
	background-color:#666666;
}
.pagging_not A:link {color: #ffffff;text-decoration: none;}
.pagging_not A:visited {color: #ffffff;text-decoration: none;}
.pagging_not A:hover {color: #ffffff;text-decoration: underline;}

.pagging_act {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #333333;
	width: 16px;
	height: 20px;
	padding: 4px;
	background-color:#333333;
}
imput {vertical-align:middle}
/*- letters--------------------------- */
.letters {
	margin:0px 0 10px  0;
	float:left;
	height:16px;
	font-size:13px;
	line-height:normal;
	font-weight: bold;
	text-align: center;
}
.letters ul {margin:0;padding:0;}
.letters li {display:inline;margin:0;padding:0;}
.letters a {
	float:left;
	margin:0;
	padding:0;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	line-height:normal;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	margin-right:1px;
	background-color: #536679;
	border: 1px solid #7B8C9D;
}
.letters li a:link  {
	width:auto;
	height:auto;
	display:block;
	color: #CCFF33;
	text-decoration: none;
}
.letters li a:hover  {
	width:auto;
	height:auto;
	display:block;
	background-color: #435363;
	color: #FFFFFF;
}
.letters li a:visited  {
	width:auto;
	height:auto;
	display:block;
	color: #CCFF33;
	text-decoration: none;
}
.letters li.activePage a {
	width:auto;
	height:auto;
	display:block;
	background-color: #000000;
	color: #FFFFFF;
}
/*- Navlist --------------------------- */
#navlist
{ margin-left: 0; padding-left: 0; list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin-top: 0px; color:#AAB5BF; }

#navlist li 
{
	padding-left: 10px;
	background-image: url(http://i.dir.bg/radio/images/bul_plus.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-top: 0 px;
	padding-bottom: 6px;
	padding-left:15px;
}
.prelivka {
	padding:10px;
	background-image:url(http://i.dir.bg/radio/images/prelivka.png);
	background-position:top;
	background-repeat:repeat-x;
}
.subnav {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; color: #ffffff; text-decoration: none; font-weight:bold;}
.subnav A:link {color: #CCFF33; text-decoration: underline; font-weight:normal;}
.subnav A:visited {color: #CCFF33; text-decoration: underline; font-weight:normal;}
.subnav A:hover {color: #CCFF33; text-decoration: none; font-weight:normal;}

.radiolist {
margin:10px 0 5px 15px;
border-top:1px solid #475869;
width:268px;
}
.radiolist p {
display:block;
width:268px;
border-top:1px solid #70879E;
border-bottom:1px solid #475869;
padding:5px 0 5px 0;
}
.videostation { background-image: url(http://i.dir.bg/radio/images/video-up.png); width: 317px; height: 35px; color: #00FF00; text-align: center; padding-top: 10px; margin-top:10px; background-repeat:no-repeat; cursor:pointer;}
.videostation:hover { background-image: url(http://i.dir.bg/radio/images/video-down.png); }
.blocks {width:290px; margin-right:15px; background-color:#5A6F84; float:left; overflow:hidden;}
.blocks2 {width:290px; margin-right:15px; background-color:#5A6F84; float:left; overflow:hidden;}
a:focus { outline: none; }
#flash { outline: none; }