/* These styles are for the Video Destination pages - Video Index (VDI), Live Index (LVI), Live Now (LVP) */
/* main content area */

body { background: #fff url(../art/skin_lwhd/bg_body_vdi.jpg) no-repeat top center; }
#global { padding: 0 10px; position: relative; }
#global #shellHeader { height: 87px; padding-bottom: 3px; position: relative; }
#global #shellHeader #stLogo { float: left; margin-right: 22px; }
#global #shellHeader #vidSearchSponsoredBy { padding: 25px 4px 0 0; }
#global #shellHeader #video { float: left; margin-right: 57px; }
#global #shellHeader #livevideo { float: left; margin: 2px 20px 0 0; }
#global #shellHeader #search { width: 306px; padding-top: 5px; }
#global #shellHeader #searchPhrase { margin: 0; }
#global #shellHeader #sponsoredBy { height: 31px; min-height: 31px; width: 350px; min-width: 250px; float: right; }
#global #shellHeader #navigation { list-style-type: none; margin: 0; padding: 0; position: absolute; bottom: 8px; left: 177px; }
#global #shellHeader #navigation li { float: left; margin-right: 58px; }
#global #shellHeader #navigation li#last { margin-right: 0; }
#contentMain { width: 980px; margin-bottom: 10px; position: relative; }
#videoMain { position: relative; width: 980px; margin: 0; padding-top: 7px; }
#videoMain #h1Email { width: 610px; position: relative; }
#videoMain h1 { margin: 0 10px; width: auto; position: relative; top: -3px; }
#videoMain #emailVideo { float: right; margin-bottom: -3px; }
/*media player*/
#mediaPlayerElements{ margin: 0 0 0 10px; }
/* playlist column/ad */
#playlistColumn { width: 340px; height: 433px; position: absolute; top: 7px; right: 10px; }
#playlistAd { margin: 0 0 12px 0; text-align: center; }
#playlist #header { padding: 3px; margin: 0px; }
#playlist #header h2 { clear: both; display: inline; color: #fff; text-transform: uppercase; font-size: 1.1em; }
#playlist #header ul { margin: 0px; padding: 0px; height: 18px; list-style-type: none; }
#playlist #header li.h2 { float: left; }
#playlist #header li.count, #playlist #header li.items { float: left; color: #fff; font-weight: bold; font-size: 11px; margin-left: 5em; }
#playlist #header li.items { margin-left: 5px; }
#playlist #header li.playlistclear { color: #fff; font-weight: bold; font-size: 11px; float: right; margin-right: 1em; }
#playlist #header li.playlistclear a { color: #fff; }
#playlist #playlistItems { list-style: none; margin: 0; padding: 0; height: 144px; position: relative; overflow: auto; }
#playlist #playlistItems li { padding: 4px 8px; height: 39px; font-size: 11px; font-weight: bold; position: relative; cursor: pointer; }
#playlist #playlistItems img.playListImg { vertical-align: top; margin-right: 8px; float: left; }
/* style when video is playing */
#playlist #playlistItems li.active { background: #fff; }
#playlist #playlistItems li.active img.playListImg { border: 1px solid #ffcc33; margin: -1px 7px -1px -1px; }
#playlist #playlistItems li { background: #eee; }
#playlist #playlistItems li:hover { background: #fff; text-decoration: underline; }
#playlist #playlistItems #clearPL { /*float: right;*/ position: absolute; right: 4px; bottom: 1px; }
#playlist #playlistItems div.emptyPlaylist { margin: .25em; font-size: 13px; font-weight: bold; text-align: center; }
/* video library section */
#contentMore { margin: 10px; width: 960px; }
#contentMore #header ul { margin: 0px; padding: 0px; height: 18px; list-style-type: none; }
#contentMore #header li { float: left; }

/* tabbed navigation */
#contentMore #headlinesModule_body, #contentMore #headlinesModule_leftPanel { width: 958px; height: 641px; }
#navContentMore, #navContentMore ul.tabs, #navContentMore ul.tabs li, #navContentMore ul.tabs li.active { height: auto !important; }
#navContentMore ul.tabs li { white-space: nowrap; width: auto; padding: 0 7px; }

/* subTabs / playAll */
#subTabs-playAll { width: 930px; padding: 6px 13px 0; float: left; height: 25px; font-size: 13px; text-transform: capitalize; }
#subTabs-playAll li a { color: #999; }
#subTabs-playAll li a:hover { color: #666; }
#subTabs ul { list-style-type: none; float: left; margin: 0; padding: 0; }
#subTabs li { list-style-type: none; float: left; margin: 0; padding-left: 40px; color: #999; height: 25px; line-height: 25px; cursor: pointer; }
#subTabs li:hover { color: #666; text-decoration: underline; }
#subTabs li.active { color: #333; text-decoration: none; }
#subTabs-playAll #playAll { float: right; margin-top: 3px; }
#subTabs-playAll #playAll a { color: #333; }
#subTabs-playAll #playAll img { cursor: pointer; position: relative; top: 2px; padding-left: .5em; }
/* video items */
#videos { height: 100%; clear: left; }
#videos #list { list-style-type: none; float: left; margin: 0; padding: 6px 9px; width: 940px; height: 567px; }
#videos #list li { margin: 6px; float: left; display: inline; width: 223px; height: 177px; background-color: #e2e2e2; }
#videos #list li:hover { background: #a8a8a8; }

/* style when video is playing */
#videos #list li.active { margin: 4px; }
#videos #list li img { cursor: pointer; }
#videos #list dl { margin: 0; padding: 0 4px; height: 48px; position: relative; }
#videos #list dt { font-weight: bold; font-size: 11px; line-height: 1.2em; }
#videos #list dd { font-weight: bold; font-size: 11px; }
#videos #list dt a, #videos #list dt a:hover, #videos #list dd a, #videos #list dd a:hover { color: #333; }
#videos #list dd.watch { float: left; margin: 0; position: absolute; bottom: 4px; cursor: pointer; }
#videos #list dd.email { float: left; margin: 0; position: absolute; bottom: 4px; left: 40%; cursor: pointer; }
#videos #list dd.playlist { float: left; margin: 0; position: absolute; bottom: 4px; right: 4px; cursor: pointer; }
#videos #list dd.watch img, #videos #list dd.playlist img { position: relative; bottom: -2px; padding-left: .25em; }
#videos #list dd.email img { position: relative; bottom: -1px; padding-right: .25em; }
/* prev/next pagination */
#videos #prevNext { clear: both; padding: 0 13px 9px 0; height: 22px; }
#videos #prevNext ul { list-style-type: none; margin: 0; padding: 0; float: right; }
#videos #prevNext li { margin: 0; padding: 0; float: left; width: 22px; height: 22px; text-align: center; line-height: 20px; text-transform: uppercase; font-weight: bold; cursor: pointer; color: #666; text-decoration: none; font-size: 12px; }
#videos #prevNext li.active { background: url(../art/global/pageNumBG.gif) no-repeat center; color: #fff; text-decoration: none; }
#videos #prevNext li:hover { background: url(../art/global/pageNumBG.gif) no-repeat center; }
#videos #prevNext li.prev, #videos #prevNext li.next { width: auto; }
#videos #prevNext li.prev { padding: 0 .5em 0; }
#videos #prevNext li.next { padding: 0 1px 0 .5em; }
#videos #prevNext li.prev:hover, #videos #prevNext li.next:hover { text-decoration: underline; background-image: none; }
/* live video index page styles */
#lvi { width: 960px; padding: 7px 10px 0 10px; }
#lviMain { float: left; width: 620px; }
#lviMain h1 { margin: 0; float: none; display: block; }
#lviPrimaryStation { width: 620px; }
#lviPrimaryStation ul#currentLiveVideo { list-style-type: none; margin: 0; padding: 0; width: 223px; float: left; }
#lviPrimaryStation #currentLiveVideo h2 { width: 223px; padding: 0 0 .5em 0; }
#lviPrimaryStation #currentLiveVideo li { width: 223px; height: 177px; background-color: #e2e2e2; margin-bottom: 1em; font-weight: bold; }
#lviPrimaryStation img { cursor: pointer; }
#lviPrimaryStation img.cursorAuto { cursor: auto; }
#lviPrimaryStation dl { margin: 0; padding: 0 4px; height: 48px; position: relative; }
#lviPrimaryStation dt { font-weight: bold; font-size: 11px; line-height: 1.2em; }
#lviPrimaryStation dt a { color: #333; }
#lviPrimaryStation .watch { font-weight: bold; font-size: 11px; margin: 0; cursor: pointer; position: absolute; bottom: 4px; }
#lviPrimaryStation .watch a { color: #333; }
#lviPrimaryStation .watch img { position: relative; bottom: -2px; padding-left: .25em; }
#lviUpcomingABC { width: 350px; float: right; }
#lviUpcomingABC #lviUpcoming { list-style-type: none; margin: 0; padding: 0; width: 350px; }
#lviUpcomingABC #lviUpcoming h2 { padding: 0 0 .25em 0; }
#lviUpcomingABC #lviUpcoming .date { font-size: 12px; color: #999; }
#lviUpcomingABC #lviUpcoming .headline { font-size: 12px; font-weight: bold; margin-bottom: 1em; }
#lviUpcomingABC #lviABCBG { vertical-align: bottom; margin-top: 5px; }
#lviUpcomingABC #lviABC { background-color: #f0f2f7; list-style-type: none; margin: 0 0 1em 0; padding: 5px 10px; width: 330px; height: 205px; max-height: 205px; overflow: auto; }
#lviUpcomingABC #lviABC .date { font-size: 12px; color: #999; }
#lviUpcomingABC #lviABC .headline { font-size: 12px; color: #425a8b; font-weight: bold; margin-bottom: .75em; }
#lviUpcomingABC #lviABC .headline a { color: #425a8b; font-weight: bold; }
#lviSisterStations { width: 620px; clear: both; }
#lviSisterStations #header { padding: 3px; }
#lviSisterStations #header h2 { display: inline; color: #FFFFFF; text-transform: uppercase; font-size: 1.1em; }
#lviSisterStations ul.sisterStation { list-style-type: none; margin: 0; padding: 0 10px 10px 10px; border-right: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; border-left: 1px solid #a5a5a5; height: 100%; }
#lviSisterStations ul.sisterStation h2 { padding: 0 0 .25em 0; }
.sisterStation a.stURL { text-transform: lowercase; margin: 0 .25em 0 .75em; }
.sisterStation #currentLive { list-style-type: none; width: 260px; padding: 0; margin: 0 0 .5em 0; float: left; }
.sisterStation #currentLive h3 { font-size: .9em; text-transform: uppercase; margin: 0 0 .5em 0; }
.sisterStation #currentLive li { font-size: 11px; font-weight: bold; height: 50px; }
.sisterStation #currentLive img { float: left; }
.sisterStation #currentLive .headline { width: 180px; float: right; }
.sisterStation #upcomingLive { list-style-type: none; width: 290px; margin: 0 0 .5em 0; padding: 0; float: right; }
.sisterStation #upcomingLive h3 { font-size: .9em; text-transform: uppercase; margin: 0 0 .5em 0; }
.sisterStation #upcomingLive li { font-size: 11px; }
.sisterStation #upcomingLive .date { color: #999; }
.sisterStation #upcomingLive .headline { font-weight: bold; margin-bottom: .25em; }
.sisterStation #upcomingLive .stationFooter { margin-top: 1em; text-transform: capitalize; font-weight: bold; }
.sisterStation #upcomingLive .stationFooter .pipe { margin: 0 5px; }
#lviSisterStations hr { border: 0; height: 1px; background-color: #a5a5a5; clear: both; }
#lvi #lviRightColumn { float: right; width: 320px; }
#lviRightColumn .ad { text-align: center; }
/*mini popular module on the lvi page*/
#miniPopular { width: 320px; margin-top: 1.5em; }
#lviRightColumn #miniPopular h2 { color: #FFFFFF; }
/*mini top module on the lvi page*/
#miniTop { width: 320px; margin: 1em 0 1.5em 0; }
#lviRightColumn #miniTop h2 { color: #FFFFFF; }
#lvp { width: 960px; padding: 7px 10px 0 10px; }
#lvp #lvpMain { width: 600px; float: left; }
#lvpMain #h1Email { width: 600px; height: 25px; position: relative; }
#lvpMain #h1Email h1 { margin: 0; width: auto; }
#lvpMain #h1Email #bookmarkpage { position: absolute; top: 5px; right: 90px; font-size: 12px; }
#lvpMain #h1Email #emailVideo { position: absolute; top: 0; right: 0; }
#lvpMain #player { width: 600px; height: 382px; text-align: center; }
#lvpMain #information { border: 1px solid #ccc; background-color: #ececec; padding: 5px; }
#lvpMain #information h1 { margin: 0; float: none; }
#lvpMain #information h3 { font-size: 13px; margin: .5em 0; }
#lvpMain #information ul { list-style-type: none; margin: 1em 0 0 0; padding: 0; }
#lvpMain #information h3 { font-size: .9em; text-transform: uppercase; }
#lvpMain #information p { font-size: 11px; margin: 0; }
#lvpMain #information .headline li { font-weight: bold; margin: .25em 0; }
#lvpMain #information .headline img { margin-left: .5em; }
#lvp #lvpRightColumn { width: 330px; float: right; }
#lvpRightColumn #ad { text-align: center; margin-bottom: 1.5em; }
#lvpRightColumn #lvpCurrent { list-style-type: none; margin: 0 0 1em 0; padding: 0; }
#lvpRightColumn #lvpCurrent h3 { font-size: .9em; text-transform: uppercase; margin-bottom: .25em; }
#lvpRightColumn #lvpCurrent li { width: 330px; height: 50px; min-height: 50px; }
#lvpRightColumn #lvpCurrent img { float: left; }
#lvpRightColumn #lvpCurrent .headlineText { float: right; width: 250px; }
#lvpRightColumn #lvpCurrent .headline { font-weight: bold; font-size: 12px; }
#lvpRightColumn #lvpCurrent .text { font-size: 11px; }
#lvpRightColumn #lvpUpcoming { list-style-type: none; margin: 0; padding: 0; clear: both; }
#lvpRightColumn #lvpUpcoming h3 { font-size: .9em; text-transform: uppercase; margin-bottom: .25em; }
#lvpRightColumn #lvpUpcoming .date { font-size: 11px; color: #999; }
#lvpRightColumn #lvpUpcoming .headline { font-size: 11px; margin-bottom: .5em; }
div.clear { clear: both; }