﻿.TopNewsBlock
{
/*padding-top:10px;*/
border:1px solid #82CEF0;
background:#F7F8FA;
text-align: justify;
width:680px;
height:200px;
}
.TopNewsBlockHeader
{
	background:url(/images/main_news_top.jpg) repeat-x;
	height:26px;
	line-height:0px;
	font-family: Tahoma;
	color: #DC6309;
	font-weight: normal;
	text-decoration: none;
	/*padding-right: 7px;*/
}
.TopNewsHeaderIcon
{
	background:url(/images/top_news_header_icon.jpg) no-repeat;
	width:36px;
	height:26px;
}
.TooltipBG
{
}
#main_news
{
	background-color:#FFFFFF;
	padding:0px
}
/*Main News fader*/
.sliderwrapper
{
visibility: hidden; /*leave as is*/
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background-color:#FFFFFF;
width: 400px; /*width of featured content slider*/
height: 180px;
display:block;
z-index:0;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background-color:#F8F8F8;
padding: 5px 5px 5px 5px;
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:180px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
display:block;
z-index:0;
}
.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
/*padding: 2 2;*/
height:20px;
display:table-cell;
vertical-align:middle;
border:1px solid #E8E8E8;
border-top-color:#CDCDCD;
text-align:center;
background-color:#F8F8F8;
margin-bottom:0px;
background-image:url(/images/nav_bg.jpg);
background-repeat:repeat-x;
}

.pagination a{/*add font_l1*/
text-align:center;
margin-left:5px;
padding: 2px 2px 0px 2px;
font-family:Tahoma;
/*font-size: 12px;*/
text-decoration: none; 
color: #444A1A;
/*background: #E9EEF1;*/
display:block;
float:right;
overflow:hidden;
height:20px;
width:auto;
min-width:15px;
/*border: 1px solid #94A0F9;*/
font-size:11px;

}
.pagination a:hover
{
	color: #FE6B01;
}
.pagination a:active{outline:none;}
.pagination a:focus{-moz-outline-style: none;}
.pagination a.selected{
color: #000;
background-color: #FEE496;
background-image:url(/images/nav_active.jpg);
background-repeat:repeat-x;

}
/******MainNews and MoreNews Block Styling*****/
.MainMoreNews
{
padding-right : 10px;
font-family: Tahoma;
color: #484646;
 /*FONT-SIZE: 11px;*/
font-weight: bold;
text-decoration: none;
/*text-align:right;*/
}
.MainMorenewsBlock
{
height:200px;
width:280px;
background:url(/images/more_news_bg.jpg) repeat-x; 
}
.MainMoreNewsContainer
{
height:200px;
overflow: auto;
width:273px!important
}
.MoreNewsThumb
{		
	border-left:dotted 1px #736F6E;
	padding-left:5px;
	display:block;
	margin-right:5px
}
.MoreNewsThumb img
{
	width:55px;
	height:55px;
	border:solid 1px #FF8F3B !important;	
}
.more_side
{
	font-size:11px!important;
	font-weight:normal!important;
	color:#0C4858!important;
	text-decoration:none;
}
.MainNewsBlock
{
border-width:0px; 
width:100%;
height:140px;
padding-right:10px;
z-index:0;
}
.MainNewsHeader
{/*add font_l4*/
font-family: Arial;
/*font-size: 12px;*/
color:#1C7498;
text-decoration: none;
font-weight:bold;
height: 25px;
vertical-align:top;
}
.MainNewsHeader a 
{
padding-right:10px;
text-decoration: none;
/*font-size: 12px;*/
color:#1C7498;
}
.MainNewsHeader IMG 
{
padding-right:10px;
width:5px;
height:5px;
border-width:0px;
}
.MainNewsBody
{
font-family: Tahoma;
 /*FONT-SIZE: 11px;*/
color: #484646;
font-weight: normal;
text-decoration: none;
padding-top: 5px;
vertical-align:top;
padding-right:10px;
text-align: justify;
}

.right_border
{
    background-image: url(/../images/right_border_blue.gif); 
    width:0px;
    height:20px;
    border-width:0 0 0 0;
}

/**************/

.ScrollPanel
{
width:100%;
display:block;
/*height:50px;*/
/*overflow: auto;*/
}
/*Scroll pane*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 0;	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ffffff;
    background-image:url(/images/scroll/ar/png/track.png);
    background-repeat: repeat-y;
    width:17px!important;
    /*border-width:0px;
    border-right-width:1px;
	border-color: #5B5B90;
	border-style: solid;*/
}
.jScrollPaneDrag {
	position: absolute;
	background: #E9EEF1;
	cursor: pointer;
	overflow: hidden;
	background-image:url(/images/scroll/ar/png/drag.png);
    background-repeat: repeat-y;
    /*border-width:1px;
    border-right-width:0px;
	border-color: #5B5B90;
	border-style: solid;*/
	z-index:0!important;
	width:17px!important;
}
.jScrollPaneDragTop 
{	
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-image:url(/images/scroll/ar/drag_top.jpg);    
	background-repeat:no-repeat;
    width:17px!important;
    height: 14px!important;
    z-index:0!important;
}
.jScrollPaneDragBottom {
	position: absolute;	
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-image:url(/images/scroll/ar/drag_bottom.jpg); 
	background-repeat:no-repeat;   
    width:17px!important;
    height: 13px!important;
    overflow:hidden!important;
    z-index:0!important;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 10!important;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;	
	/*height: 18px;*/
	height: 31px;
	/*background-image:url(/../images/blue_up.gif);*/
	background-image:url(/images/scroll/ar/png/arrow_up.png);
	background-repeat:no-repeat;
	width:17px!important;	
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 10!important;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*height: 18px;*/
	height: 30px;
	/*background-image:url(/../images/bleu_down.gif);*/
	background-image:url(/images/scroll/ar/png/arrow_down.png);
	background-repeat:no-repeat;
	width:17px!important;
	
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/*end of scroll pane*/