/************************************************************************************************************
				*Filename:     videos.css
				*Description:  CSS for EOL video detail page
				*Version:      1.0.0 (2012-05-08)
				*Website:      http://www.eonline.com								
*************************************************************************************************************/
.video #page{}
.video .video-detail-left{float:left;}
.video .vd-title{}
.video .vd-title .section-type-title{margin-bottom:30px;font-weight:normal;margin-top:3px;width:510px;text-transform:none;color: #FFFFFF;font-family: "Din Web Condensed", "Arial Narrow", Sans-Serif;font-size: 36px;clear:left !important;line-height: 1;}
.video .vd-title .separator{font-size:36px; color: #94D875;}
.video .vd-title .section-type{font-weight:normal;font-size:36px; color:#46BA37;font-family: "Ostrich Sans Pro Regular","Arial Narrow",Sans-Serif;letter-spacing:.3px;}
.video div.video-categories { background: #FFF none; width: 100%; padding-top: 20px; }
.video ul.videos:after, ul.videos li:after { clear: both; visibility: hidden; height: 0; content: "."; display: block; }
.video div.videos-wrap { width: 950px; margin: 0 auto; overflow: hidden; }
.video ul.videos { float: left; clear: both; zoom: 1; width: 10000px; margin-bottom: 15px; }
.video ul.videos li { float: left; position: relative; zoom: 1; width: 196px; height: 110px; overflow: hidden; margin-right: 3px; padding-top: 5px; }
.video ul.videos li a { display: block; position: absolute; width: 100%; height: 100%;  z-index: 10; color: #FFF; }
.video ul.videos li img.video-preview { position: absolute; width: 100%; height: 100%;  z-index: 8; }
.video h2.title { clear: both; color: #898989; font-size: 16px; padding: 3px 5px; }
.video #lp_wrap {width:980px;}
.video #video-landing {background-color:#fff;}
.video .vd-contentLeft{padding:10px;}
#video .vd-contentLeft{padding:10px;}
/*.video .vd-contentLeft .vd-title {font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif; font-size:30px; font-weight:normal; letter-spacing:normal; color:#fff;line-height: 16px;margin-bottom:20px;}
.video .vd-contentLeft .vd-title span {color:#94d875;font-family:"Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;text-rendering: optimizeLegibility;text-transform: uppercase;}*/
.video .video-details{width:980px;margin-left:auto;margin-right:auto;margin-bottom:10px;margin-top:10px;}
#video .video-details{width:980px;margin-left:auto;margin-right:auto;margin-bottom:10px;margin-top:10px;}
#video .vd-contentRight{padding-top:10px;}
#video .vd-contentLeft{padding:10px;}
.video .vd-contentLeft{width:590px;margin-left:30px;height:auto;float:left;display:inline;margin-bottom:64px;background-color:#000;}
#video .vd-contentLeft{width:590px;margin-left:30px;height:auto;float:left;display:inline;margin-bottom:64px;background-color:#000;}
.video .vd-contentRight{width:300px;margin-left:10px;margin-right:30px;float:right;display:inline;min-height:250px;margin-bottom:64px;margin-top:10px;} 
.video .vd-related_videos{height:auto;}
.video .vd-rv-title{color:#fff;font-size:25px;font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif;margin-top:10px;font-weight:normal;letter-spacing:.3px;}

.video .thumbs .titles{display:block;font-size: 12px;height:32px;margin-top: -34px;*margin-top:35px;*margin-left:-133px;position:absolute;overflow: hidden;background:url("http://images.eonline.com/static/photogallery/images/thumb_overlay.png") repeat scroll 0 0 transparent;width: 128px;*width: 124px;width:124px\9;}
.video .thumbs .titles .text-labels{color: #FFFFFF; display: block; font-family: arial;font-size: 12px;font-weight: normal;letter-spacing: 0.3px;margin: 3px 0 2px 3px;text-transform: none;} /*width: 122px;*width:124px;width:124px\9;*/
.video .thumbs h2{font-family: arial;font-size: 12px;font-weight: normal;height: 28px;letter-spacing: 0.3px;line-height: 0;text-transform: none;width: 122px;*width:124px;width:124px\9;}
.video .rightWidget span.title{font-family:"Ostrich Sans Pro Regular", "Arial Narrow", Sans-Serif;text-rendering: optimizeLegibility;text-transform: uppercase;}
.video .pagination{display:none;}
.video .lp-widget-two-column{ background-color: #FFFFFF;float: left;width: 640px !important;border-bottom:none;}
.video .vd-player-container{height:392px;width:580px;}
.video .vd-player-container img{margin-left:15px;}

.video .lp_right_ad{margin-top:0;}
.video .news-alert{height: 60px;margin: 0px auto 10px;width: 920px;padding-top:5px;}
.video .news-alert .newsAlert{padding-bottom:0px !important;padding:10px;}

.category-banner.three-column {margin:10px 0 0 30px;}

/** social buttons ***/
.video .vd-share-buttons-container{border-bottom: 1.5px dotted #777777;height: 35px;float:left;margin-bottom:15px;padding-left: 10px;padding-top: 10px;width: 570px;padding-right: 10px;}
.video .vd-share-buttons-container .share-links{}
.video .vd-share-buttons-container ul li{float: left;margin:0px 10px 0px 0px;}
.top-social-links{float:left;}
.embed-email-container{width:60px; float:right;}
.embed-email-container ul li.embed{float:right;margin:0;}
.video .vd-share-buttons-container ul li.email{margin: 0px 10px 0px 45px;}

/** carousel css ***/
.eol-carousels { height: 1%; overflow:hidden; padding: 0 0 10px;   }
.eol-carousels .viewport { float: left; width: 536px; height: 74px; overflow: hidden; position: relative; }
.eol-carousels .buttons {background: url("/resources/images/sprite_maps/carousel_arrows.png") no-repeat scroll 0 0 transparent;text-decoration:none;color:#46BA37;font-weight:bold;display: block; margin: 20px 8px 0 0;  float: left; width: 18px;font-size:30px; height: 25px; overflow: hidden; position: relative; }
.eol-carousels .next { background-position: -25px 0px; margin: 20px 0 0 10px; }
.eol-carousels .next.disabled { 
	background-position: -25px -26px;
}
.eol-carousels .prev { background-position: 0 0; }
.eol-carousels .prev.disabled { 
	background-position: 0px -26px;
}
.eol-carousels .disable { visibility: hidden; }
.eol-carousels .slide-container { list-style: none; position: absolute; padding: 0; margin: 0; width: auto; left: 0 top: 0; }
.eol-carousels .slide-container li{ float: left; margin: 0 4px 0 0; height: 72px;  width: 128px;border:1px solid #000;}
.video .eol-carousels .thumbs:hover{border:1px solid #46BA37;}

/* Red Borders */
.eol-carousels.first-carousel .slide-container li.thumbs.active,
.eol-carousels.first-carousel .slide-container li.thumbs.active:hover,
.eol-carousels.first-carousel .slide-container li.thumbs.active .thumbnails,
.eol-carousels.first-carousel .slide-container li.thumbs.active .video-small-thumbs,
.eol-carousels.first-carousel .slide-container li.thumbs.active:hover .video-small-thumbs{
	height: 70px;
	width: 126px;
}
.eol-carousels.first-carousel .slide-container li.thumbs.active,
.eol-carousels.first-carousel .slide-container li.thumbs.active:hover {
	border: 2px solid red; /* Red Border */
	/*margin-right: 3px;*/
}

.eol-carousels.first-carousel .slide-container li.thumbs.active .titles {
	width: 126px;
}

/** ipad video landing css **/
.video .ipad-video-landing{padding: 0 20px 20px;}
.video .ipad-vd-rv-title{color:#000;font-size:25px;font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif;margin-top:10px;font-weight:normal;letter-spacing:.3px;}
.video .ipad-thumbs{color: #FFFFFF;font-size: 12px;height: 30px;margin-top: -38px;*margin-top:38px;*margin-left:-133px;padding:3px;overflow: hidden;position: absolute;width: 165px;background:url("http://images.eonline.com/static/photogallery/images/thumb_overlay.png") repeat scroll 0 0 transparent;}
.video .ipad-thumbs h2{font-family: arial;font-size: 12px;font-weight: normal;height: 28px;letter-spacing: 0.3px;line-height: 0;text-transform: none;width: 122px;}
.video .pagination{display:none;}

.ipad-eol-carousels { height: 1%; overflow:hidden; padding: 0 0 10px;   }
.ipad-eol-carousels .viewport { float: left; width: 882px; height: 97px; overflow: hidden; position: relative; }
.ipad-eol-carousels .buttons {text-decoration:none;color:#46BA37;font-weight:bold;display: block; margin: 33px 8px 0 0;  float: left; width: 18px;font-size:30px; height: 37px; overflow: hidden; position: relative; }
.ipad-eol-carousels .next { background-position: 0 0; margin: 33px 0 0 10px;  }
.ipad-eol-carousels .disable { visibility: hidden; }
.ipad-eol-carousels .slide-container { list-style: none; position: absolute; padding: 0; margin: 0; width: 922px; left: 0 top: 0; }
.ipad-eol-carousels .slide-container li{ float: left; margin: 0 4px 0 0; height: 95px;  width: 171px;border:1px solid #000;}
.video .ipad-eol-carousels .ipad-rv-thumbs:hover{border:1px solid #46BA37;}


.video .rv-desp{color: #FFFFFF;font-size: 12px;height: 29px;margin-top: -38px;*margin-top:38px;*margin-left:-133px;padding:3px;overflow: hidden;position: absolute;width: 122px;*width: 124px;width:124px\9;background:url("http://images.eonline.com/static/photogallery/images/thumb_overlay.png") repeat scroll 0 0 transparent;}
.video .rv-desp span{font-family: arial;font-size: 12px;font-weight: normal;height: 28px;letter-spacing: 0.3px;text-transform: none;width: 122px;*width:124px;width:124px\9;}
.video .rv-desp h2{font-family: arial;font-size: 12px;font-weight: normal;height: 28px;letter-spacing: 0.3px;line-height: 0;text-transform: none;width: 122px;*width:124px;width:124px\9;}

/** ipad video landing css **/
.video .ipad-video-landing{padding: 0 15px 15px;}
.video .ipad-vd-rv-title{color:#000;font-size:25px;font-family:"DIN Web Condensed", "Arial Narrow", Sans-Serif;margin-top:10px;font-weight:normal;letter-spacing:.3px;}
.video .ipad-rv-desp{float:left;color: #FFFFFF;font-size: 12px;height: 30px;margin-top: -38px;*margin-top:38px;*margin-left:-133px;padding:3px;overflow: hidden;position: absolute;width: 165px;background:url("http://images.eonline.com/static/photogallery/images/thumb_overlay.png") repeat scroll 0 0 transparent;}

.video .ipad-rv-desp h2{font-family: arial;font-size: 12px;font-weight: normal;height: 28px;letter-spacing: 0.3px;line-height: 0;text-transform: none;width: 122px;}
.video .pagination{display:none;}

.ipad-video-slide-container { height: 1%; overflow:hidden; padding: 0 0 10px;   }
.ipad-video-slide-container .viewport { float: left; width: 883px; height: 97px; overflow: hidden; position: relative; }
.ipad-video-slide-container .buttons {text-decoration:none;color:#46BA37;font-weight:bold;display: block; margin: 33px 8px 0 0;  float: left; width: 18px;font-size:30px; height: 37px; overflow: hidden; position: relative; }
.ipad-video-slide-container .next { background-position: 0 0; margin: 33px 0 0 10px;  }
.ipad-video-slide-container .disable { visibility: hidden; }
.ipad-video-slide-container .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 922px; left: 0 top: 0; }
.ipad-video-slide-container .overview li{ float: left; margin: 0 4px 0 0; height: 95px;  width: 171px;border:1px solid #000;}
.video .ipad-video-slide-container .ipad-rv-thumbs:hover{border:1px solid #46BA37;}

.sub-banner {position:relative;}