/*
	Switch Media - http://www.switch-media-group.com 
*/


* {margin: 0; padding: 0;}
body {margin:0 auto; font:81% Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center;
	background: #333333; url("../images/interface/background.gif") top center repeat-y; }
	


hr{color: #f0f0f0; background-color: #f0f0f0; height: 0px; border: 0; margin:0 0 0 0; padding:0; width:1px;}
img {border:0;}
input, select, textarea {padding:1px; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;}
label {margin:0; padding:0;}
form{margin:0; padding:0;}

/* CLEARING */
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {display: inline-table;}
/* hide from IE-mac \*/.clear {display:block;}/* end hide from IE-mac */


/* HOLDS ENTIRE STRUCTURE */
/*#page-bg-bottom { width: 1032px; background: url("background-bottom.gif") no-repeat bottom left; height:30px; margin: 0 auto; text-align: center; }*/
#page-bg { margin: 0 auto; width: 994px; text-align: center; background-color:#000;}
#page-wrapper { margin: 0 auto; width: 994px; text-align: center; clear:both;}
#top-bar,#wrap-home { text-align: left; }

/* LINKS / MISC */
a 	{color: #333; text-decoration:underline}
a:hover {color: #000; text-decoration:none;}
/*p,li,th,td,dt,dd {font-size: 0.88em; line-height: 1.0em;}*/
li li {font-size: 1em;}
/*input,select {font-family:Verdana; font-size: 0.88em;}*/
.red a {color:#e81313 !important}
a img {border: 0;}
.inline { display:inline;}

.w95p {width: 95%;}
.w100p {width: 100%;}

/* HEADERS - NB: all header font size and colour styles to placed here */
h1 {font-size: 2em; font-family: Georgia,Verdana; font-weight:normal; color:#aaa;}
h1 a {color:#074170;}
h2 {font-size: 1.4em; font-family: Georgia,Verdana; color: #6497d2; font-weight: normal;}
	#spotlight #spotlight-media h2 {font-size: 0.88em; font-weight: bold;}
	.content h2 {margin-top: 1em;}
	.content h2 a {color: #074170;}
h3 {font-size: 1em; font-size: 0.88em;color:#000; font-family: Arial;}
	.pocket h3 {margin-top: 0.5em;  }
	.sponsored-links h3 {color: #666; border-bottom: 1px solid #666; padding-bottom: 0.2em;}
	.ad-roll-title h3 {float: left; color: #fff;}
	.content h3 {margin: 0.7em 0 0.5em 0; font-size: 1em; color: #666;}
h4 {font-size: 0.88em;}
	.content h4{font-size: 0.9em;}
h5 {font-size: 0.88em; font-weight: normal;}
	.content h5{font-size: 0.99em;}
	
	
/* CONTENT */
.pagewidth { width:675px}
.content {margin: 0 3em 0 10px; }
.content-nomargin .content{margin-right:0;}
.content p,.content li,.content th,.content td,.content dt,.content dd {font-size: 1.3em; line-height: 1.3em;}
.content p {margin: 0.3em 0 1em 0; padding-right: 1em;}
.content small{ font-size:95%;}
.content .large { font-size:110%;}
.content ul {margin: 0.5em 0 1em 2em;}
.content ol {margin: 0.3em 0 1em 2em;}
.content li {margin-bottom: 0.4em; }
.content li li { font-size: 1em;}
.content a {text-decoration: underline;}
.content a:hover {text-decoration: none;}
.content dl {margin: 0.3em 0 1em 0;}
.content dt {font-weight: bold;  }
.content dd {margin-bottom: 1em; line-height: 1.4em;}
acronym { border-bottom: 1px dotted #666;}
.backtotop {text-align: right;}
.backtotop a {text-decoration: none; padding: 0.3em 0.8em; color: #666; border-bottom:2px solid #e1e1e1;}
.backtotop a:hover {border-bottom:2px solid #ccc;}
.external {padding-left:15px; background: url("../images/interface/icon-externallink.gif") no-repeat 0 0.3em;}
.link-pdf {background: url("../images/interface/icon-pdf.gif") no-repeat top left; padding-left: 20px; }
a.link-csv {background: url("../images/interface/icon-csv.gif") no-repeat top left;}

.content ul.link-csv {list-style-type:none;}
.content ul.link-csv li { list-style-image: url("../images/interface/icon-csv.gif"); }

.content ul.list-download {list-style-type:none; margin-left: 0;}
.content ul.list-download li span { color: #999;}

/*
---------------------------------------------------------------------------------------------
CLEARING HACK
--------------------------------------------------------------------------------------------- */
/*	
	This overwrites the one in screen.css. Only difference is this uses display: inline-block; instead
	of inline-table, and passes IE a dimension (height: 1%;) in the holly hack.
*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Start Holly Hack \*/
* html .clear {height: 1%;}
.clear {display:block;}
/* End Holly Hack */


#shareForm {	
	display: none;	
}

.shareForm {	
	float: left;
	margin: 0 0 10px 20px;
	width: 40%;#2674CB
	font-weight: bold;
	font-size: 10px;	
}

.shareForm a {
	text-decoration:none;
}

.shareForm a:hover {
	text-decoration:underline;
}

.shareForm a img {
	vertical-align: middle;
	padding-right: 3px;
	width:14px;
	height:14px;
}

.shareFormTitle {	
	float: left;
	margin: 0 0 10px 20px;
	width: 91%;
	color: #fff;
	font-weight: bold;
	font-size: 12px;	
	border-bottom: 2px solid #8c8c8c;
}

.shareFormBottom {	
	font-size:10px;
	margin: 0;	
	text-align:center;
}

#embedForm {	
	display: none;	
}

#video-meta {
	display: block;
}


.player {
  min-height: 381px;
  height:auto !important;
  height:385px;
  text-align: center;
}

#smg_player img {
  margin-top: 120px;
}

/*
---------------------------------------------------------------------------------------------
BOTTOM AREA: VIDEO SECTION MENU
--------------------------------------------------------------------------------------------- */
#vp-contentwrap-2 {
	clear:both;
	margin: 1.0em 0; 
	text-align: left; 
}

#vp-contentwrap-2 .content {
	margin: 0 7px;
}

#ajaxtabs {
}
#ajaxtabs ul#video-menu-tabs {
	/* uses ajaxtabsv2.js and screen.css from original site */
}
#ajaxtabs a.rss-link {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	text-indent: 20px;
	overflow: hidden;
	background: transparent url("../images/interface/vp-icon-rss.gif") top left no-repeat;
}
#ajaxtabs a.rss-link:hover {
	background-position: 0 -16px;
}
#ajaxtabs .video-menu-sortoptions {
	float: right;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #AFAFAF;
	font-size: 0.85em;
	color: #666666;
}
#ajaxtabs .video-menu-sortoptions select {
	width: 100px;
	border: 1px solid #AFAFAF;
}

#video-menu-content {
	/* target area for the tabs */
	padding: 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #2674cb;
	background: #FFF url("../images/interface/footerbg.jpg") 0 0 repeat-x;
	font-size: 0.9em;
	min-height: 150px;
}

/* for Internet Explorer */
/*\*/
* html #video-menu-content {
	/* target area for the tabs */
	padding: 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #2674cb;
	background: #FFF url("../images/interface/footerbg.jpg") 0 0 repeat-x;
	font-size: 0.9em;
	height: 150px;
}
/**/

ul.video-menu-list {
	margin: 0;
	list-style: none;
	float: left;
	padding: 0 0 5px 0;
}
ul.video-menu-list li {
	float: left;
	width: 128px;
	height: 135px;
	padding: 0;
	margin: 5px;
	overflow: hidden;
}
ul.video-menu-list li a {
	margin: 0;
	padding: 0;
	color: #2674cb;
	font-weight: bold;
	text-decoration: none;
}
ul.video-menu-list li a:hover {
	text-decoration: underline;
}

ul.video-menu-list li a img.video-thumb {
	margin-bottom: 3px;
	border: 0px solid #FFF;
}
ul.video-menu-list li a:hover img.video-thumb {
	border: 0px solid #2674cb;
}


dl.video-meta {
	padding-left: 15px;
	font-size: 0.9em;
}
dl.video-meta dt {
	float: left;
	clear: left;
	width: 65px;
	color: #006F52; /* 0187DC */
}
dl.video-meta dd {
	margin-left: 75px;
}
/* Start Holly Hack: needs dimension to overcome 3px text jog bug in IE \*/
* html dl.video-meta dd {height: 1%;}
/* End Holly Hack */

ul.downloads-list {
	margin: 5px 0;
	padding: 0;
	list-style: none;

}
ul.downloads-list li {
	display: inline;
	margin:  0;
	padding: 0 1px 0 0;
	border-right: 0px solid #AFAFAF;
	text-transform: uppercase;
	font-size:12px;
}


.ad-container1 {
	margin-bottom: 8px;
}

.ad-container2 {
	margin-bottom: 0px;
}


/* middle area: videos list */
#sponsor-title {
	width: 147px;
	text-align: right;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0px 6px 0;
	margin: 0 20px 0px 20px;
}

#channels-navigator {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	
	
}

#channels-navigator a {
	text-decoration:none;	
	line-height: 20px
}

#channels-navigator a:hover {
	text-decoration:underline;	
}

#channels-header {
	font-size: 12px; 
}

#channels-hr {
	clear: both;
	border-bottom: 1px solid #404040; 
	margin: 0 20px 0 20px;
}

#sponsor-area {
	clear: both;
	border-bottom: 1px solid #ACACAC; 
	border-top: 1px solid #ACACAC;
	padding-top: 9px;
	color: #182C60;
	font-size: 10px;
	font-weight: bold;
	margin: 20px 20px 0 20px;
}

#sponsor-area .sponsor-link-first {
	width: 265px;	
	text-align: left;	
}


#sponsor-area .sponsor-link-middle {
	width: 265px;
	text-align: center;	
	
}

#sponsor-area .sponsor-link-last {
	width: 265px;
	text-align: right;	
	
}

#sponsor-area a {
	text-decoration:none;
}

#sponsor-area a:hover {
	text-decoration:underline;
}

#sponsor-area a img {
	vertical-align:middle;
}

#video-list {
	font-size: 12px;
	background: transparent url("../images/interface/vp-videoinfo-bg.gif") 462px 0 repeat-y;
	margin: 20px 20px 0px 20px;
}

#video-list .left-col {
	float:left;
	width: 460px;
}

#video-list .right-col {
	float:right;
	width: 460px;
}

.video-list-channel {
	padding: 0; 
    min-height:20px;
  	height:auto !important;
  	height:20px;
}

.video-info-row{
	float:left;	
	padding-left: 5px;
}

.video-info {
	float:left;
	width: 134px;
	margin:16px 9px 10px 0;
	font-size:10px;	
	min-height:160px;
  	height:auto !important;
  	height:160px;
  	padding: 0px 4px;
}
* html .video-info {
	float:none;
}
*:first-child+html .video-info {
	float:none;
}

.video-info-clicked {
	margin:10px 8px 4px -1px;
	padding: 6px 4px 4px 4px;
  	border: 1px solid #8c8c8c;
}
* html .video-info-clicked {
	margin:10px 8px 4px 0px;
	padding: 6px 5px 4px 3px;	
  	border: 1px solid #8c8c8c;
  	
}

.video-info-bg-bottom {
	float:left;
}
.video-info-bg-top {
	float:left;
}
/*
.video-info-bg-bottom-clicked {
	background: transparent url("../images/interface/vp-videoinfo-bg-bottom.gif") no-repeat scroll -1px 100%;
}
.video-info-bg-top-clicked {
	background: transparent url("../images/interface/vp-videoinfo-bg-top.gif") no-repeat scroll -1px 6px;
}
*/

.video-info .thumb-icon{
	padding-bottom:5px;
	width:134px;
	height:80px;
	position:relative;
	z-index:1;
}
.video-info .overlay-icon {width:42px;
	height:41px;
	position:relative;
	top:-43px;
	left:95px;
	z-index:2;
	float:left;
	margin-bottom:-41px;
	}
	
.video-info .title {clear:both;}
.video-list-channel .video-list-header {
	height:22px;
	background-image: url(/images/mis/channelbg.gif);
	background-repeat: repeat-x;
	
}

.video-list-channel .channel-name {
	font-size: 12px;
	font-weight: bold;	
	float: left;
	padding:4px 0 0 15px;

}

.channel-name a {
	text-decoration: none;
}
.channel-name a:hover {
	color:white;
}

.video-info a {
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
	color: #fff;
}


/* for Internet Explorer 7 */
/*\*/
*:first-child+html .paginate-top {
 	margin-top:-30px;	
}
*:first-child+html hr {border-bottom: thin solid #ACACAC; width:100%; margin:0; padding-top: 10px; clear:both; border: none 0; }
/**/

/* for Internet Explorer 6 */
/*\*/
* html .paginate-top {
 	margin-top:-30px;	
}
* html hr {border-bottom: thin solid #ACACAC; margin:0; padding-top: 10px; width:100%; clear:both; border: none 0; }
/**/

hr {border: none 0; border-bottom: thin solid #ACACAC; margin:10px 0; padding: 10px 0; width:100%; clear:both; }

.buttons {
	margin: 0;
	padding: 0;
	text-align: left;
	width:150px;
	height:29px;
	margin-bottom: 5px;
}
.btnPadding
{
	padding: 6px 0 3px 4px;	
}
.shareBtn {
	display: inline;
	margin:  0;
	padding: 0;
	border-right: 1px solid #393a3b;
	height:29px;
	width:71px;
	background-image: url("/images/mis/sharebtn-bg.gif");
	background-repeat: repeat-x;
	float:left;
}
.shareBtn a {	
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
}
ul.links-list {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	text-align: left;
	height:29px;
	width:150px;
}

ul.links-list li {
	display: inline;
	margin:  0;
	padding: 7px 6px 7px 5px;
	border-right: 1px solid #393a3b;
	height:29px;
	background-image: url("/images/mis/sharebtn-bg.gif");
	background-repeat: repeat-x;
}

ul.links-list li a {
	font-size: 8px;
	font-weight:normal;
	padding-right: 3px;
	text-decoration: none;
	color: #fff;

}

ul.links-list li a:hover {
	text-decoration: underline;
}

ul.links-list li a img {
	vertical-align: middle;
	width: 14px;
	height: 14px;
	padding-right: 0px;
	border:none;
}



#emailForm {	
	display: none;	
}

#emailForm #email_errors
{	
	font-size: 12px;
	display: none;			
	font-weight:normal;
	padding: 10px;
	text-align:center;
}

#emailForm #email_errors .alignLeft
{	
	text-align:left;
}

#emailForm #email_errors .alignCenter
{	
	padding: 10px;
	text-align:center;
}

#emailForm #to_error
{	
	margin-left: 0px;
	font-size: 10px;
	display: none;			
	color: red;
}

#emailForm #from_error
{	
	margin-left: 0px;
	font-size: 10px;
	display: none;			
	color: red;
}



dl.linkForm {
	padding-left: 15px;
	font-size: 0.9em;
	margin-bottom: -10px;
}
dl.linkForm dt {
	float: left;
	clear: left;
	width: 85px;
	color: #fff; /* 0187DC */
	font-size: 12px;
}
dl.linkForm dd {
	margin-left: 85px;
}

.underln {	border-bottom: 2px solid #8c8c8c}
.adj1 { padding-top:1px; }
* html #video-player-info input {
	width: 150px;
}
#video-player-info .button {
	width: 50px;
	height: 29px;
	border: none;
	background-image:url(/images/mis/sharebtn-bg.gif);
	background-repeat:repeat-x;
	padding-bottom: 3px;
	color: #fff;
	font-weight: bold;
}


/* top area: video interface */
#vp-contentwrap-1 {
	clear:both;
	margin: 1.0em 0;
	text-align: left;
}
#vp-contentwrap-1 .content {
	margin: 0 7px;
	padding: 9px 16px 16px 16px;
	/* Start min-height hack for IE */
	min-height: 380px; 
	height:auto !important;
	height: 380px;
	/* End min-height hack for IE */
}

.vp-first-col {
	float: left;
	width: 626px;
	margin-right:0px;
}
.vp-second-col {
	float: right;
	width: 300px;
}


#video-player-info {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.9em;
	/*background: transparent url("../images/interface/vp-videoinfo-bg.gif") 463px 0 repeat-y;*/
}
#video-player-info .left-col {
	width: 472px;
	float: left;
	border-right: 1px solid #8c8c8c;
}
#video-player-info .right-col {
	width: 145px;
	float: right;
/*	border-left: 1px solid #8c8c8c;*/
}
#video-player-info h1 {
	margin: 0 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
#video-player-info h1 span.duration {
	font-weight: normal;
}

#video-player-info input {
	width: 150px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #8c8c8c;
}

.linkForm input {
	width: 160px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #ACACAC;
}

.linkForm textarea {
	width: 160px;
	height: 50px;
	font-size: 11px;
	border: 1px solid #ACACAC;
}

.published {font-style: italic;color: #d1d3d4;font-size:10px;}
.bodytext {font-size:12px;}
.rssicon {float:left; padding: 5px 8px 0;}

.rsschannel a {background-image: url("/images/interface/rss-icon.gif"); background-repeat: no-repeat; background-position: 2px 0px; margin-top: 2px;padding-left: 19px;}
.urlbar {background-color: #ccc;margin-right:1em;height:20px;color: black;}
.url {background-color: #a3a3a3;float:left;width: 35px;font-size:11px;padding-top: 3px;padding-bottom: 3px;text-align:center;}
.urlval {display:inline;padding-top:3px;font-size:10px;float:left;background-color: #CCCCCC;)