/*--------------------------------

Containing Gray Box

--------------------------------*/

.jcarousel-container-vertical {
	margin:0;
	padding:0;
    width: 235px;
    height: 199px;
    background: #5d5f63;

	background-image:url(../_js/jquery/skins/sra/whatsnew_btmgrad_bkg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

/*--------------------------------

Content Box

--------------------------------*/

.jcarousel-clip-vertical {
	margin: 0 5px;
	padding:0;
    top: 5px;
    width: 225x;
    height: 117px;
    z-index: 20;
	background-image:url(../_js/jquery/skins/sra/whatsnew_mid_bkg.gif);
	border:none;
}

/*--------------------------------

Content Box

--------------------------------*/

.jcarousel-item,
.jcarousel-item-placeholder {
    margin: 5px 0;
	padding:0;	
	width: 225px;
    height: 57px;
}

.jcarousel-item h3,
.jcarousel-item p {
    margin: 0;
	padding:0;
    font-size: 90%;
}

/*--------------------------------

Up Button

--------------------------------*/

.jcarousel-prev-vertical {
	margin:0;
	padding:0;
    position: absolute;
    bottom: 13px;
    left: 19px;
    width: 20px;
    height: 20px;
    cursor: pointer;
	background-image:url(../_js/jquery/skins/sra/whatsnew_up.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}

.jcarousel-prev-vertical:hover{
	background-image:url(../_js/jquery/skins/sra/whatsnew_up_ro.gif);
}

.jcarousel-prev-disabled-vertical {
	margin:0;
	padding:0;
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}



/*--------------------------------

Down Button

--------------------------------*/

.jcarousel-next-vertical {
	margin:0;
	padding:0;
    position: absolute;
    bottom: 13px;
    left: 44px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-top: 1px solid #fff;
	background-image:url(../_js/jquery/skins/sra/whatsnew_down.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}

.jcarousel-next-vertical:hover {
	background-image:url(../_js/jquery/skins/sra/whatsnew_down_ro.gif);
}

.jcarousel-next-disabled-vertical {
	margin:0;
	padding:0;
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

/*---------------------------------------------

Loading...do we need to make a new graphic?

---------------------------------------------*/
.loading {
    background: transparent url(../_js/jquery/images/loading.gif) 50% 50% no-repeat;
}


/*--------------------------------

Whatsnew

--------------------------------*/

#whatsnew h1{
	margin:0;
	padding:11px 0 0 0;
	display:block;
	width:235px;
	height:20px;
	font-size:14px;
	color:#f5e8d0;
	font-weight:bold;
	text-align:center;
	background-image:url(../_js/jquery/skins/sra/whatsnew_topgrad_bkg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#707276;
}

#whatsnew ul,
#whatsnew li,
#whatsnew li a,
#whatsnew span,
#whatsnew li a p,
#whatsnew ul li a span{
	margin:0;
	padding:0;
	font-size:11px;
	color:#faf4e8;
	font-weight:bold;
}

#whatsnew ul{
	width:225px;
	height:57px;
}


#whatsnew li a{
	margin:0;
	padding:13px 14px 9px 14px;
	color:#faf4e8;
	display:block;
	width:197px;
	height:35px;
	text-decoration:none;
	background-image:url(../_js/jquery/skins/sra/whatsnewentry_up.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#whatsnew li a:hover{
	color:#F5E8D0;
	background-image:url(../_js/jquery/skins/sra/whatsnewentry_ro.gif);
}

/*--------------------------------

Calendar Icon

--------------------------------*/
#whatsnew li a span.date{
	margin:0 13px 0 0;
	padding:4px 0 0 0;
	display:block;
	width:35px;
	height:31px;
	line-height:17px;
	float:left;
	text-align:center;
	font-size:17px;
}

#whatsnew li a span.date em{
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
	line-height:9px;
}


/*--------------------------------

News Entry Div Wraps

--------------------------------*/
#whatsnew li a div.entry{
	margin:0;
	padding:0;
	display:table;
	height:35px;
	overflow:hidden;
	line-height:120%
}

#whatsnew li a div.entry div{
	margin:0;
	padding:0;
	top:50%;
	display:table-cell;
	vertical-align:middle;
}

#whatsnew li a div.entry div div{
	margin:0;
	padding:0;
}