/* root element for tabs  */
ul.tabs, ul.tabs-news { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:4px solid #fcb637;
	height:31px;
}

/* single tab */
ul.tabs li, ul.tabs-news li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
        position: relative;
}

/* link inside the tab. uses a background image */
ul.tabs a, ul.tabs-news a { 
	background: url(../pic/tab.png) no-repeat 0px -30px;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 155px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
        z-index: 8;
     
}
ul.dva a {
	background: url(../pic/prtab.png) no-repeat 0px -30px;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 155px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
        z-index: 8;

}
ul.tabs a:active, ul.tabs-news a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover, ul.tabs-news a:hover {
	background-position: 0px -60px;
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a, ul.tabs-news a.current, ul.tabs-news a.current:hover, ul.tabs-news li.current a {
	background-position: 0px 0px;
	cursor:default !important; 
	color:#000 !important;
       
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

div.panes-news div.holder {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    font-size: 13px;
    height: 298px !important;
    padding: 3px 0 0 1px;
}


#wrapper {margin-left: 15px; width: 595px; position: relative; overflow: hidden; height: 255px; margin-top: 17px;}
.fn-newsPreview{position:absolute; font-size:13px; cursor:pointer; margin-left:20px}
.fn-newsPreviewText{display:block; padding:4px}
.fn-newsPreviewText h3{margin:0px; margin-bottom:3px; font-size:15px; color:#FFE5BA}
.fn-newsPreviewText h4{margin:0px; margin-bottom:3px; font-size:11px; color:#97B250}
#fn-newsView{position:absolute; background:#333230; z-index:1000; visibility:hidden}
#fn-newsViewTitle{position:absolute; margin-top:15px; margin-left:20px;  font-size:17px; color:#FFE5BA}
#fn-newsViewHtml{position:absolute; overflow:auto; outline:none; margin:40px 0px 0px 20px; color:#FFF;  font-size:12px}
#fn-newsFooterBar{position:absolute; top:27px; width:20px !important; height:202px; line-height:30px; color:#97B250;  font-size:14px; background:url(http://86.57.251.49/radiotpl/img/leftn.jpg) no-repeat center right}
#fn-newsViewClose{position:absolute; background:url(http://86.57.251.49/radiotpl/img/close.png) no-repeat transparent; width:20px; height:20px; right:20px; top:5px; cursor:pointer}
#fn-newsFooterBar span{}
#fn-previousButton, #fn-nextButton{float:left; cursor:pointer}
#fn-previousButton{width:18px; height:10px; background:url(http://86.57.251.49/radiotpl/img/btn_arrows.gif) 0 42px; opacity:0.7; right:40px; margin-top:88px; margin-bottom:4px}
#fn-nextButton{width:18px; height:10px; background:url(http://86.57.251.49/radiotpl/img/btn_arrows.gif) 0 10px; opacity:0.7; right:10px}
#fn-nextButton:hover{opacity:1.0}
#fn-previousButton:hover{opacity:1.0}
#fn-preloader{position:absolute; background:url(http://86.57.251.49/radiotpl/img/preloader.gif); width:31px; height:31px}
#fn-newsViewHtml a{color:#97B250}
#fc-error{color:red}
.news_tick {margin-top: 12px;}
.news_tick ul li {list-style: none; margin-bottom: 10px;}
.news_tick ul li a {color: #000000;}
.news_tick ul li a:hover {text-decoration: underline;}
.more {margin-left: 5px; padding-bottom: 2px; white-space: nowrap !important; }
.date {color: #b4b4b4; font-size: 10px; padding: 0 6px 0 10px;}
.all {position: absolute; bottom: -15px; right: 3px;}
.all a {color: #313131; }
.all a:hover {color: #000000;}
.foonavdiv {float: left; margin: 11px 6px 0px 12px}
.fn-newsPreviewText a{text-decoration: none; color: #333;}
.fn-newsPreviewText a:hover{text-decoration: underline;};