/* Video Page Level CSS - JPH 12/4/09 */

#wxVideoModuleContent {position:relative;}
a { color:#3333ff; cursor:pointer; text-decoration:none; }
a:hover { text-decoration:underline; }

  
body {background: #f0f0f0 url('http://i.imwx.com/web/common/images/pg_background.gif') repeat-y top center;font-size:11px;}


#pg_maincontainer {width:976px;position:relative;zoom:1}

div#pg_content1 { margin-left:-29px !important; width:976px !important}
div#pg_content2 {display:none;}

#ftrFooter {margin-left:28px;}

h2.wxDefault {margin-left:10px;margin-bottom:2px}
h1.pagetitle {margin:0 0 5px; }
h1.videotitle {font:bold 21px arial,verdana; color:#fff; margin:5px 0 10px 0; } /* 16px if too much wrapping */

h3.wxDefault {margin:0px}


/* Start Video Module CSS - JPH 12/4/09 */

.videoCurrentTopic {width:100%;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;}
.videoCurrentTpContent {float:right; margin-bottom:10px; margin-top:-14px; padding-right:10px;}

.videoCurrentTopic .wxClickable{font-weight:bold}
.videoCTSelect {color:#c00;}


.videoScreenContent {float:left;}
.videoScreenLeft {}
.videoScreenRight {float:right; margin:10px 0 0;width:326px;}

.video { width:624px; height:391px; position:absolute; margin:10px 20px 1px 10px;}
.videoinfo {font-size:11px; height:160px; margin-right:20px; overflow:visible; width:304px;}
.videoInfoContent {}

.videomodule {
background:url("http://i.imwx.com/web/video/bg-video-module-10x445.png") repeat-x scroll 0 0 #000000;height:445px;}




#videoInfoContent {height:15px;margin-bottom:10px;}

.shareEmail {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px 0px;width:50px;height:22px;margin-left:28px; }
.facebook {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -100px;width:50px;height:22px;margin-left:24px; }
.twitter {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -50px;width:50px;height:22px;margin-left:24px; }
.delicious {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -150px;width:50px;height:22px;margin-left:24px; }
.digg {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -200px;width:50px;height:22px;margin-left:24px; }
.reddit {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -250px;width:50px;height:22px;margin-left:24px; }
.newsvine {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -300px;width:50px;height:22px;margin-left:24px; }
.rss {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 0px -350px;width:50px;height:22px;margin-left:24px; }

.shareEmailOver {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px 0px;width:50px;height:22px;margin-left:28px;cursor:pointer}
.facebookOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -100px;width:50px;height:22px;margin-left:24px;cursor:pointer}
.twitterOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -50px;width:50px;height:22px;margin-left:24px;cursor:pointer}
.deliciousOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -150px;width:50px;height:22px;margin-left:24px;cursor:pointer}
.diggOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -200px;width:50px;height:22px;margin-left:24px;cursor:pointer}
.redditOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -250px;width:50px;height:22px;margin-left:24px;cursor:pointer}
.newsvineOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -300px;width:50px;height:22px;margin-left:24px;cursor:pointer}
.rssOver  {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 150px -350px;width:50px;height:22px;margin-left:24px;cursor:pointer}

#shareEmailText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px 0px;width:58px;height:22px;}
#facebookText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -100px;width:85px;height:22px;}
#twitterText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -50px;width:66px;height:22px;}
#deliciousText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -150px;width:80px;height:22px;}
#diggText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -200px;width:52px;height:22px;}
#redditText{background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -250px;width:63px;height:22px;}
#newsvineText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -300px;width:84px;height:22px;}
#rssText {background: url(http://i.imwx.com/web/video/sprite-video-share-icons.gif) 300px -350px;width:52px;height:22px;}
    
.shareText {margin-left:24px;margin-top:4px;}
.shareTextNShow {display:none;}
.shareTextShow {display:block;}
.share { width:624px; position:absolute; left:0; top:400px; }
.share div { float:left; }

#shareEmailContent {width:59px;height:24px;}
#facebookContent {width:86px;height:24px;}
#twitterContent {width:67px;height:24px;}
#deliciousContent {width:87px;height:24px;}
#diggContent {width:69px;height:24px;}
#redditContent {width:63px;height:24px;}
#newsvineContent {width:90px;height:24px;}
#rssContent {width:52px;height:24px;}


.videoAdContent {background: url(http://i.imwx.com/web/video/bg-video-ad-320x268.png); width:320px; height:268px; position:relative; margin-left:-9px;} 

.videoAdContent .ad {width:300px; height:250px; left:10px; top:9px; position:absolute;}

#socialBookmarks {margin-right:4px;}
.courtesy {float:right;}
.courtesy  a.onDark {color:#5ad;}
.dark {color:#bbddff;}
.metaDescription {width:inherit; color:#fff; line-height:1.4em}

.timestamp {color:#727272;}


/* End Video Module Css */
/* Start Current Topic Css */
.nocollectionresults{margin-top:45px;text-align:center;}
.nofeaturedresults{margin-top:50px;text-align:center;width:300px}
/* Start Related Video Css */

.videoLoading{background:url(http://i.imwx.com/web/video/icon-loading-140x79.gif) no-repeat center}
.videoRelated { background:#fff url(http://i.imwx.com/web/video/bg-video-related-10x180.gif) 0 bottom repeat-x; width:978px; padding:1px 0 20px 0;}
.relatedClipDiv { float:left; width:140px; margin:0 27px 0 0; }
.relatedClipDiv img { width:140px; height:79px; cursor:pointer; margin:0 0 5px 0; float:left; }
.relatedDiv { overflow:hidden; width:1010px; }
.relatedShim { clear:both; height:15px; }
.relatedTitle { font:bold 14px arial; }
.relatedTitle .tab { cursor:pointer; background-color:#eee; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; display:inline-block; }
.relatedTitle .tab.off { font-weight:normal; color:#666; background-color:transparent; }
.relatedTitle .tab.off:hover { color:#333; }

.videoReButton {margin:10px 0 10px 10px}
.videoReButtonL {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px 0px;width:5px;height:28px;float:left;}
.videoReButtonC {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -10px 0px;height:28px;float:left;cursor:pointer;color:#666666;}
.videoReButtonR {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 5px 0px;width:5px;height:28px;float:left;margin-right:10px;}

.videoReButtonLSelect {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -50px;width:5px;height:28px;float:left;}
.videoReButtonCSelect  {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -10px -50px;height:28px;float:left;color:#333333;}
.videoReButtonRSelect  {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 5px -50px;width:5px;height:28px;float:left;margin-right:10px;}

.videoReButtonContent {margin-top:6px;margin-left:5px;margin-right:5px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;}

.videoPagination {float:right;margin-right:10px;}
.dotContainerClass{float:right;margin-right:10px}
.arrowsContainerClass{float:right}
.videoPDot {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -150px;width:15px;height:28px;float:left;cursor:pointer}
.videoPDotSelect {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -50px -150px;width:15px;height:28px;float:left;cursor:pointer}
.videoPDotMo {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -100px -150px;width:15px;height:28px;float:left;cursor:pointer}

.videoPArrowLN {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -200px;width:30px;height:28px;float:left;cursor:pointer}
.videoPArrowLMo {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -50px -200px;width:30px;height:28px;float:left;cursor:pointer}
.videoPArrowL {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -100px -200px;width:30px;height:28px;float:left;cursor:pointer}

.videoPArrowRN {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -250px;width:30px;height:28px;float:left;cursor:pointer}
.videoPArrowRMo {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -50px -250px;width:30px;height:28px;float:left;cursor:pointer}
.videoPArrowR {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -100px -250px;width:30px;height:28px;float:left;cursor:pointer}

.videoPClose {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -300px; width:30px; height:28px; float:right; margin-right:10px; cursor:pointer;}
.videoPCloseMo {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) -50px -300px; width:30px; height:28px; float:right; margin-right:10px; cursor:pointer;}

.videoPShowL {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -400px;width:80px;height:28px;float:right;margin-right:10px;cursor:pointer}
.videoPShowA {background: url(http://i.imwx.com/web/video/sprite-video-buttons.gif) 0px -350px;width:69px;height:28px;float:right;margin-right:10px;cursor:pointer}
/* End Related Video Css */

/* Start Video Gallery Layout Css */
.videoImage {width:122px; height:92px; text-align:center; background-position : center center; background-repeat: no-repeat;}
.videoGallery {position:relative;height:135px;padding:10px 10px 0 10px;overflow:hidden;font-size:11px;font-family:verdana,arial,helvetica,clean,sans-serif;}
.videoGalleryShowAll{position:relative;margin:10px;}
.videoGalleryContainer {position:relative;width:1020px;}
.searchGalleryContainer{position:relative;width:1002px}
.videoGalleryContent {float:left; padding:0 45px 0 0;height:140px;width:122px}
.videoGalleryContentRight {margin-right:0px;}
.video-block {margin-bottom:5px;overflow:hidden;}
.video-image {height:92px;position:relative;width:122px; background-position : center center; background-repeat: no-repeat;}
.videoDesc {width:122px;}


/* End Video Gallery Layout Css */

/* Start help Layout Css */
 /*#videoHelp {width:100%;padding-bottom:30px;}*/
 /*.videoHelpContent {float:right;margin-top:5px;margin-right:10px}*/

 .videoHelpContent {margin:5px 10px 30px;text-align:right; }
 .searchBox {float:right;}
/* Start Help Layout Css */

.vidSelectorTitleBar {border-bottom:1px solid #ddd;margin:10px;height:35px;margin-bottom:15px;}
.moreVideoTitle {float:left;margin-top:5px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;}


/* Start Video Search Css */
.searchSelector {min-height:197px;}
.searchingVideo{background:url(http://i.imwx.com/web/video/icon-searching-140x79.gif) no-repeat center}
.noresults{margin-top:100px;text-align:center;font-size:20px}
.input-text-wrap input {width:260px;height:16px;font-size:11px;color: #333333;vertical-align:middle;padding-top:2px;}
.input-text-wrap {width:260px;float:left;margin-top:3px;font-size:11px;color: #333333;padding-top:2px;}
.searchVid input{width:350px;}
.searchBox {width:338px;float:right;margin:-2px 0px 0px 0px;}
.searchButton {float:right;margin-top:3px;}
.searchWrap {float:left;margin:-2px 0px 0px -1px;height:21px;padding:0px 2px 0px 2px;}

.videoSearchGallery{position:relative; height:280px; overflow:hidden; border-bottom:1px solid #DDDDDD;margin:10px 10px 15px;}
.videoSearchGalleryShowAll{position:relative;margin:10px 10px 0 10px}
.videoSearchContainer{float:left;width:1002px;height:280px}

h2.videoPageTitle {font-size:28px; margin-left:20px;}
h2.videoModuleTitle{float:left; margin:0; color:#004c98; font-size:19px;}
/*.videoSearchText {float:left;position:relative;margin-left:10px;margin-top:10px;}*/
.videoSearchText {float:left;position:relative;padding:10px 0 0 10px}
/*.videoSearchText h3{float:left; position:relative; padding:10px 0 0 10px;}*/
.videoSearchText h3{float:left;position:relative;}
.videoSearchResultNum {position:absolute;left:420px;width:150px;font-size:12px;}
.videoSearch .videoGalleryContent {height:140px;width:140px;margin-right:27px}
.videoExtVidLContainer {width:650px;overflow:hidden;float:left;margin-top:4px}
.videoExtVidLeft {float:left;width:624px;margin-left:10px;padding:0 21px 0 0;}
.VideoExtTitle {float:left;position:relative;margin-top:5px;}
.videoExtVidLeft .videoGallery {margin:10px 0 0 0;}
.videoExtVidLeft .videoGalleryShowAll{position:relative;margin:10px 0;}
.videoExtVidLeft .videoGalleryContainer{width:680px}
.videoExtVidLeft .videoPagination {margin-right:10px;}
.videoExtVidLeft .videoGalleryContent {}
.videoExtVidLeft .videoExtTitle {float:left;margin-top:7px;}
.videoExtVidLeft .videoPShowA {margin-right:0px;}
.videoExtVidLeft .videoPShowL {margin-right:0px;}
.videoExtVideoContent {margin-bottom:40px;}
.videoExtVideoViewed {margin-bottom:15px;}
/* End Video Search Css */


/* Start EXT Module Css */   
.videoExtVidRight {position:relative; background:#eee url(http://i.imwx.com/web/video/bg-video-corners-top-318x4.gif) 0 0 no-repeat; padding:0; width:318px; margin:0 0 40px; overflow:hidden;}
.videoExtVidRight img.bottom { position:absolute; bottom:0; left:0;}
.rightmoduletitle { color:#fff; font-size:18px; font-weight:bold; }
  
.videoRightModContent {margin:0 0 0 25px;/*width:292px;height:185px;*/}
.videoRightModContent h3 {padding-top:10px;padding-bottom:14px;}

.videoRightModContent .videoGalleryContent {padding:0 24px 0 0;} /*width:140px; height:140px;*/
.videoRightModLinks {text-align:right;margin:0 25px 10px 0}
.videoUpdateBottom {background:url(http://i.imwx.com/web/video/bg-video-corners-bottom-318x4.gif); height:4px; width:318px; overflow:hidden;}
/* End EXT Module Css */  

/* Start Video Collection Module Css */  
#videoCollections {margin-left:10px; margin-right:10px;}
h2.videoCollectionTitle { float:left; font-family:Arial,Helvetica,sans-serif; font-size:19px; color:#004c98; font-weight:bold; height:30px; margin:0 0 5px !important; }
.videoCollectionContent {overflow:hidden; padding-top:10px; float:left; border-top:1px solid #dddddd; width:958px;}
.collection {width:116px; margin-right:20px; float:left;}
.collection ul {margin:10px 0 0 0;}
.collection ul li {list-style-image:none;list-style-position:outside;list-style-type:none;font-size:10px;margin:0 0 8px 0}



/* Added for bz 30677 - CDG */

.twc-video-block {
border-bottom:1px dotted #CCCCCC;
margin-bottom:5px; /* Edited value */
overflow:hidden;
/* removed >> padding-bottom:4px;  */
width:100%;
}

.twc-video-block .twc-video-image {
float:left;
height:92px;
/* removed >> margin:0 11px 0 0; */
position:relative;
width:122px;
}

.twc-video-block .twc-video-image img, .videoImage img {width:122px;height:92px;}


/* End Video Collection Module Css */ 



h5.rateVideoPlayer { font-weight:normal; margin-left:10px; } /* left margin should be 20px, but extra space is being applied somehow, ??? */
div#pg_content2 { display:none; }
#wx-content { width:980px !important; } /* fixes bug where background image dropshadow was getting cut off  */


#wx-content {*background-position-x:0px !important;}


/* Error Page Styles */
#wxAlertBox {margin:10px 10px 20px 10px}
.wxAlertContent {background:url(http://i.imwx.com/web/common/images/bg_alert_box_624x54.gif) no-repeat;width:624px;height:54px;}
.wxAlertIcon {margin:11px 20px auto 13px;float:left;}
.wxAlertText {width:520px;float:left;margin-top:14px;color:#f00}


#googlesearchContent .c2Footer img {
margin-left:20px;
margin-top:-10px;
position:static;
vertical-align:middle;
}


/* CDG - changes for BZ 30677 */
.videoGalleryContent .wxClickable {}