/* css for floodsmart.gov video pages */
			
/* new video page styles here */
#video-container {
	margin:0 0 30px 0; width:730px;
}

#video-player {
	border:solid #CCCCCC; border-width:1px 1px 0 1px; background:#EFEFEF; display:block; height:411px; width:730px;	
}

#video-sort-controls {
	border:solid #CCCCCC; border-width:0 1px 1px 1px; font-size:12px; padding:12px; width:706px;
}

#video-sort-controls ul, ul#video-navigation {
	margin:0; padding:0;	
}
#video-sort-controls li, ul#video-navigation li {
	list-style:none;	
}

#video-sort-controls li {
	float:left; margin:0 10px 0 0;
}

li#main-label {
	padding:3px 0 0 0;	
}

#video-sort-controls label {
	font-weight:bold;
}

#video-sort-controls select {
	width:200px;	
}

#commercial-slides {
	display:none;
}

#video-slides {
	border:solid #CCCCCC; border-width:0 1px 1px 0; display:block; height:205px !important; width:731px !important;
}

ul.videos-list li {
	border:solid #CCCCCC; border-width:0 0 0 1px; float:left; height:199px; list-style:none; margin:0; padding:5px 12px 5px 5px; width:128px; font-size:11px; line-height:14px;	
}

ul.videos-list a {
	color:#007CC4; text-decoration:none;
}

ul.videos-list a.transcript-link {
	background:url(../../floodsmart/images/video-library/blue-arrow.png) no-repeat right 2px; padding:0 8px 0 0;
}

span.time-info {
	color:#999999;
}

p.video-title {
	margin:0 0 2px 0;	
}

.video-info-content {
	height:94px;	
}

.zero {
	margin-left:0 !important;	
}

ul#video-navigation li#prev, span#prevBtn {
	float:left; width:28px; position:absolute; margin:-195px 0 0 0; z-index:100;
}
ul#video-navigation li#next, span#nextBtn {
	float:right; width:28px; position:absolute; margin:-195px 0 0 704px; z-index:100;
}
ul#video-navigation a span {
	position:absolute; top:-9999px; left:-9999px;	
}
ul#video-navigation li#prev a, span#prevBtn a {
	background:url(../../floodsmart/images/video-library/slide-left.png) no-repeat 0 -55px; display:block; height:51px; width:28px; text-indent:-99999px;
}
ul#video-navigation li#prev a:hover {
	background:url(../../floodsmart/images/video-library/slide-left.png) no-repeat 0 0;
}
ul#video-navigation li#next a, span#nextBtn a {
	background:url(../../floodsmart/images/video-library/slide-right.png) no-repeat 0 -55px; display:block; height:51px; width:28px; text-indent:-99999px;
}
ul#video-navigation li#next a:hover {
	background:url(../../floodsmart/images/video-library/slide-right.png) no-repeat 0 0;
}

.thumb-hovered, .active-video {
	background:#007CC4; color:#FFF;	cursor:pointer;
}

.thumb-hovered span.time-info, .active-video span.time-info {
	color:#FFF;	
}

.thumb-hovered a, .active-video a {
	color:#FFF !important; text-decoration:none;	
}

.thumb-hovered a.transcript-link, .active-video a.transcript-link {
	background:url(../../floodsmart/images/video-library/white-arrow.png) no-repeat right 2px !important; padding:0 8px 0 0;
}