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

#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;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	height: 144px;
	position: relative;
	overflow: auto;
}
#playlist #playlistItems li {
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	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;
	color:#949494;
}

/* 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;
}

#contentMore .headlinesModule_body {
	position:static;
}

/* tabbed navigation */
#navContentMore {
	height: auto;
	/*border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;*/
}

#navContentMore  ul.tabs li.active{
	position:static;
}

#contentMore #headlinesModule_body, #contentMore #headlinesModule_leftPanel {
	/*border: none;*/ 
	width: 958px;
	height: 641px;	
}

/* 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 {
	background: #a8a8a8;
	border: 2px solid #ffcc33;
	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;
}