/*
* Presentation of Rotator.
* class not defined in this file but that is needed is:
* .clearfix - defined in SiteCss.css
*/
/* WPRotator - WPRotatorViewControl.ascx */
.RVC_div_headerContainer {width:100%}
.RVC_div_headerTextContainer {float:left; width:90%;}
.RVC_div_toggleAutoBtn {float:left; width:10%; text-align:right}
.RVC_toggleAutoStart,
.RVC_toggleAutoStop     { display:inline-block; width:32px; height:32px; }
.RVC_toggleAutoStart    { background:transparent url('../../Documents/Common/Images/Symbol Clock.png') top left no-repeat; }
.RVC_toggleAutoStop     { background:transparent url('../../Documents/Common/Images/Symbol Stop.png') top left no-repeat; }
.RVC_div_mainContainer { width:100%; }
.RVC_div_imageContainer { text-align:center; margin-top:8px; }
.RVC_div_textContainer { margin:8px 1px; padding:5px; background-color:#f0f0f0; border:solid 1px #d1d1d1; clear:both; }
.RVC_div_navBar {width:100%; margin:0 auto; margin-bottom:8px; }
.RVC_div_btnPrev {text-align:left; vertical-align:baseline; float:left; width:10%; }
.RVC_div_navLinks {vertical-align:baseline; float:left; width:80%;}
.RVC_div_btnNext {text-align:right; vertical-align:baseline; float:left; width:10%; }
.RVC_btnPrev,
.RVC_btnNext    { display:inline-block; width:32px; height:32px; }
.RVC_btnPrev    { background:transparent url('../../Documents/Common/Images/Collapse Left.png') top left no-repeat; }
.RVC_btnNext    { background:transparent url('../../Documents/Common/Images/Collapse Right.png') top left no-repeat; }

.RVC_pubrotatorseparator1 {}
/* Remove hover efftects from "image-linkbuttons" */
.RVC_div_toggleAutoBtn a:hover,
.RVC_div_btnPrev a:hover,
.RVC_div_btnNext a:hover    { text-decoration:none !important; cursor:pointer; }
/* Presentation of categories in a grid of linkButtons */
.RVC_categories { padding-top:3px; }
.RVC_categories .CVC_gridRow { margin-bottom:12px; text-align:center; }
.RVC_categories a.CVC_gridLink:link,
.RVC_categories a.CVC_gridLink:visited,
.RVC_categories a.CVC_gridLink:hover,       
.RVC_categories a.CVC_Selected:link,   
.RVC_categories a.CVC_Selected:visited,
.RVC_categories a.CVC_Selected:hover    
{ 
    display:block; 
    float:left;
    background-color:#6b8ec6 !important; 
    padding:4px 4% !important;
    margin:0 1% !important;
    text-decoration:none !important;
    cursor:pointer !important;
    width:24% !important;
    
    font-size: 11px !important; font-weight: bold !important; color: #fff !important; /* FONT-SETTINGS */
}
.RVC_categories a.CVC_gridLink:hover,
.RVC_categories a.CVC_Selected:link,   
.RVC_categories a.CVC_Selected:visited,
.RVC_categories a.CVC_Selected:hover
{
    background-color:#395d9c !important; 
}
.RVC_categories a.CVC_First { margin-left:0 !important; }
.RVC_categories a.CVC_Last  { margin-right:0 !important; }

/*
* NBC Image Rotator & News Rotator
*/
.IR_container,
ul.IR_navigation,
.NR_container,
.NR_thumbs_container {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
}
.NR_thumbs_container {
	overflow:hidden;
}

ul.IR_container li,
ul.NR_container li,
.IR_container div.con-rotator-item {
    position: absolute;
	left: 0;
	top: 0;
}
ul.IR_container li,
ul.NR_container li,
ul.NR_thumbs_container li {
    display: block;
	float: left;
	list-style: none !important;
}
.IR_container > li:first-child,
.IR_container div.con-rotator-item:first-child {
    position: relative !important;
}

ul.IR_container li img, 
ul.NR_container li img{
	border: 0;
	display: block;
}
ul.IR_container li,
ul.IR_container li img,
ul.NR_container li img {
	max-width: 100% !important;
}

ul.IR_container li img,
ul.NR_container li img {
	background-color:#fff; /* To avoid FireFox 10 Bug that creates a image transition into Black before showing image */
}

ul.IR_container li.show,
ul.NR_container li.show,
.IR_container div.show {
	z-index: 500;
}

.IR_container .img-caption {
	background: #444;
	background: rgba(51,102,153,.4);
	color: #fff;
	font-weight: bold;
	padding: 4px 8px;
	position: absolute;
	right: 0;
	top: 0;
}
.IR_container .img-caption-title {
	display: block;
}
/* News Rotator Thumbnail news*/
ul.NR_thumbs_container li.show{
    background-color:#cdcdcd;
}
/* Image Rotator - Image Navigation */
.IR_container > .IR_navigation,
ul.IR_container > li.IR_navigation{ /* Using both with/without "ul/li" since the WPConnectedPages-Rotator is not using ul/li */
	display: inline-block !important;
	position: absolute;
	z-index: 1000;
	
	float: none;
	left: inherit;
	top: inherit;
}
ul.IR_navigation{
    white-space: nowrap;
}
ul.IR_navigation li{
	display: inline-block;
	float: none;
	list-style: none !important;
	position: relative;
}
ul.IR_navigation li a {
    display: inline-block;
}

/* Image galleries */
ul.thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	display: inline-block !important;
	*display: inline;
	margin: 0 10px 10px 0 !important;
	padding: 0 !important;
	vertical-align: top !important;

	-moz-box-shadow: 2px 2px 3px #e0e0e0;
	-webkit-box-shadow: 2px 2px 3px #e0e0e0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#e0e0e0', Direction=145, Strength=3);
}
* html ul.thumbs li { display: inline !important; }
* + html ul.thumbs li { display: inline !important; }

ul.thumbs li a {
	background: #fff !important;
	border: 1px solid #d0d0d0 !important;
	float: left !important;
	padding: 6px !important;
}

ul.thumbs li a:hover,
ul.thumbs li a:focus {
	border: 1px solid #fc0 !important;
}

ul.thumbs li img {
	border: 0;
	float: left;
	width: 125px;
}

/* Image Rotator - Edit mode - Have been moved to Publishtool.css (browser cache issues) */