
/* -------------------- NEWSROOM CAROUSEL JJS 20080716  updated 7292008 -------------------- */
/* -------------------- NEWSROOM CAROUSEL JJS 20080716  updated 7292008  -------------------- */
/* -------------------- NEWSROOM CAROUSEL JJS 20080716  updated 7292008  -------------------- */
/* -------------------- NEWSROOM CAROUSEL JJS 20080716  updated 7292008  -------------------- */
/* -------------------- NEWSROOM CAROUSEL JJS 20080716  updated 7292008  -------------------- */


/* -------------------- CAROUSEL CORE CSS -------------------- */

.outer_scorebar { border: 1px solid none; color: white; overflow: hidden;  position: relative; text-align: center; margin: none;}


.scorebar       { padding: 0px;  margin:0px; background: none; border:0px solid red; height:320px;  overflow: hidden;}

.scrollbar_block   {float: left; text-align: left;   margin-right:11px; margin-top:12px; color: black;  background:white; width:98px; border:1px solid #C0C0C0;}

.scrollbar_block a{
	color:white !important;
	margin-left:5px;
	font-weight: bold !important;;
}

.playBtn{
	background-color:#9A9A9A;
	padding:2px; 
	width:50px; 
	margin-top:5px; 
	
}

.playBtnSelected{
	background-color:red;
	border:1px solid #FFCC66
}


.scorebar_nextbtn, .scorebar_prevbtn { background: url(/images/widgets/carousel/slide-control-back.gif) no-repeat center center; width: 21px; height: 17px; text-decoration: none; float: left;}

.scorebar_nextbtn { background-image: url(/images/widgets/carousel/slide-control-next.gif);float:left; width: 21px; height: 17px;}


	.clicked{
		background:red;
		width:15px;
		float:left;
		background: url(/images/widgets/carousel/n-nis-slide-control-on-but.gif) no-repeat center center;
		text-decoration: none;
	}
	.notClicked{
		background:red;
		width:15px;
		float:left;
		background: url(/images/widgets/carousel/n-nis-slide-control-off-but.gif) no-repeat center center;
		text-decoration: none;
	}


.clicked a:active, a:hover{
text-decoration:none ;
text-decoration:none !important;
}

.notClicked a:active, a:hover{
text-decoration:none ;
text-decoration:none !important;
}

	.boxHolder{
		border:0px solid green; 
		float:left;
		width:225px;
		padding-left:10px;
		padding-top:5px;
		}
	.carouselWdgtCntrl {text-align:center; height:30px;}
	.carouselWdgtCntrl img {margin-right:5px; vertical-align:middle}

	.dataContainer{
		height:150px; font-size:.8em;
		padding:6px;
	}

	.selectBox{
		border:1px solid #FF0000;
	}
	
	
/* -------------------- CAROUSEL DISPLAY CSS -------------------- */


.carouselWdgt {float:left; width:230px; margin-right:10px}
	.mainBdyWrapTxtCarouselWdgt {padding:.6em .8em .1em; background-color:#F5F5F5}
.carouselWdgtSM {float:left; width:165px}	
	.mainBdyWrapTxtCarouselWdgtSM {padding:0 .8em .1em; background-color:#F5F5F5}
	.mainBdyWrapBdyCarouselWdgt {
		border-right:1px solid #DDD; 
		border-left:1px solid #DDD; 
		background-color:#F5F5F5; 
		padding-bottom:.5em;
		width:230px;
		}
	.mainBdyWrapTxtCarouselWdgtSM h3 {text-align:center; font-size:.95em; font-weight:bold}
		.mainBdyWrapBdyCarouselWdgt 
				.gs1CarouselWdgt, .gs2CarouselWdgt, .gs3CarouselWdgt, .gs4CarouselWdgt {display:block; overflow:hidden}
				.gs1CarouselWdgt, .gs2CarouselWdgt, .gs3CarouselWdgt {height:1px}
				.gs2CarouselWdgt, .gs3CarouselWdgt, .gs4CarouselWdgt {background:#F5F5F5; border:1px solid #DDD; border-width:0 1px}
				.gs1CarouselWdgt {margin:0 4px; background:#DDD}
				.gs2CarouselWdgt {margin:0 2px; border-width:0 2px}
				.gs3CarouselWdgt {margin:0 1px}
				.gs4CarouselWdgt {height:1px; margin:0 1px}
				
		.mainBdyWrapBtm{background:transparent; margin-top:10px}
			.CarWdgtOneColLft2Lft {
				float:left; 
				width:100px;
				margin-right:7px;
				margin-bottom:10px;
				}
			.CarWdgtOneColLft2Rgt {float:left; margin-left:10px; width:99px}		
				
			.mainBdyWrapInnerTxtCarouselWdgt {
				padding:.2em .6em .2em; 
				background-color:#FFF; 
				border-right:1px solid #CCC; 
				border-left:1px solid #CCC; 
				color:#222; 
				text-align:left; 
				font-size:.9em;
				line-height:13px;
				font-weight:normal; 				
				}

			.VideoContentTxt { padding-top:3px; padding-bottom:3px; height:66px; }
			
			.mainBdyWrapInnerTxtSmall {
				font-size:.9em;				
				}
				

		.mainBdyWrapInnerTxtCarouselWdgt a{
				color:white !important;
				margin-left:5px;
				font-weight: bold !important;
				}
					.mainBdyWrapInnerTxtCarouselWdgt span{font-size:.8em; color:#999}
				.gs1CarouselWdgtInner, .gs2CarouselWdgtInner, .gs3CarouselWdgtInner, .gs4CarouselWdgtInner {display:block; overflow:hidden}
				.gs1CarouselWdgtInner, .gs2CarouselWdgtInner, .gs3CarouselWdgtInner {height:1px}
				.gs2CarouselWdgtInner, .gs3CarouselWdgtInner, .gs4CarouselWdgtInner {background:#FFF; border:1px solid #CCC; border-width:0 1px}
				.gs1CarouselWdgtInner {margin:0 4px; background:#CCC}
				.gs2CarouselWdgtInner {margin:0 2px; border-width:0 2px}
				.gs3CarouselWdgtInner {margin:0 1px}
				.gs4CarouselWdgtInner {height:1px; margin:0 1px}
				
				.mainBdyWrapInnerTxtCarouselWdgtON {
				padding:.2em .5em .2em;				
				background-color:#FFF;
				font-weight:normal;
				border-right:2px solid #D84704;
				border-left:2px solid #D84704;
				color:#222;
				text-align:left;
				font-size:.9em;
				line-height:13px;
				font-weight:normal; 				
				}
				
				.mainBdyWrapInnerTxtCarouselWdgtON span{font-size:.8em; color:#999}
				.gs1CarouselWdgtInnerON, .gs2CarouselWdgtInnerON, .gs3CarouselWdgtInnerON, .gs4CarouselWdgtInnerON {display:block; overflow:hidden}
				.gs1CarouselWdgtInnerON {height:1px; background:#D84704} 
				.gs2CarouselWdgtInnerON {height:1px;background:#D84704; border:2px solid #D84704} 
				.gs3CarouselWdgtInnerON {height:1px;background:#fff; border:2px solid #D84704; border-width:0 2px}
				.gs4CarouselWdgtInnerON {height:1px; background:#fff; border:2px solid #D84704; border-width:0 2px}
				
				.gs1CarouselWdgtInnerON {margin:0 4px}
				.gs2CarouselWdgtInnerON {margin:0 2px; border-width:0 2px}
				.gs3CarouselWdgtInnerON {margin:0 1px}
				.gs4CarouselWdgtInnerON {margin:0 1px}
				
				.carouselWdgtCntrl {text-align:center; height:16px; padding-top:10px}
				.carouselWdgtCntrl img {margin-right:5px; vertical-align:middle}

/* -------------------- CAROUSEL PLAY CSS -------------------- */
					
.Carousel_button_left_off {float:left; padding:0 0 0 6px; display:inline-block; background:url('/images/widgets/carousel/greybutton-left1.gif') left no-repeat;  height:14px; }

.Carousel_button_middle_off {float:left; padding:0 0 0 0; display:inline-block; background-image:url('/images/widgets/carousel/greybutton-mid1.gif'); background-repeat: repeat-x; height:14px;font-size:11px; color:#fff; font-weight:bold;text-decoration:none; letter-spacing:.1em; text-align:center; text-transform: uppercase}

.Carousel_button_right_off {float:left; padding:0 0 0 1.6em; display:inline-block; background:url('/images/widgets/carousel/greybutton-rt1.gif') left no-repeat;  height:14px;}					


.Carousel_button_left_on {float:left; padding:0 0 0 6px; display:inline-block; background:url('/images/widgets/carousel/orangebutton-left1.gif') left no-repeat;  height:14px; }

.Carousel_button_middle_on {float:left; padding:0 0 0 5px; display:inline-block; background-image:url('/images/widgets/carousel/orangebutton-mid1.gif'); background-repeat: repeat-x; height:14px;font-size:11px; font-color:#ffffff; font-weight:bold; text-decoration:none; letter-spacing:.1em; text-align:center; text-transform: uppercase}

.Carousel_button_middle_on a {color:white !important;}

.Carousel_button_right_on {float:left; padding:0 0 0 1.6em; display:inline-block; background:url('/images/widgets/carousel/orangebutton-rt1.gif') left no-repeat;  height:14px;}		


.hide{
	display:none;
}

.show{
	display:block;
}
