/*
	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: transparent url(../images/body_bg.gif) repeat scroll 0 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: 1000px; text-align: center;}
#page-wrapper { margin: 0 auto; width: 996px; text-align: center; background:#fff; clear:both;}
#top-bar,#wrap-home { text-align: left; }

/* LINKS / MISC */
/*{text-decoration: none; color:#006F52;}
a:hover {text-decoration: underline;}*/
p,th,td,dt,dd {font-size: 1.0em; 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:#074170;}
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: 0.95em; line-height: 1.4em;}
.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: none;}
.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;
	color:#FFFFFF;
}

.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: 80%;
	color: #006F52;
	font-weight: bold;
	font-size: 10px;	
}

.shareFormBottom {	
	float: left;
	width: 100%;
	font-size:10px;
	margin: 0;	
	text-align:center;
}

#embedForm {	
	display: none;	
}

#video-meta {
	display: block;
}


.playerTop, .playerBottom {
	width: 969px;	
	margin-left: 15px;	
}

.playerTop {
	margin-top: 20px;
}

.playerBack {
	clear: both;
	width: 969px;
	background: black;
	min-height: 435px;
	height: 435px;
	margin-left: 15px;
	height: auto !important;
/*	margin-top: 25px;	*/
}
* html .playerBack {
	margin-top: -3px;
}
#smg_player {    
  width: 525px;	
  min-height: 424px;
  height:auto !important;
  height:424px;
  text-align: left;
  margin:10px 0 0 0px;	
}


#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;
}
/* video thumbnail - can also be targeted by class .video-thumb */
.video-thumb {
	display: block;
}
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: 0px;
	font-size: 1.0em;
}
dl.video-meta dt {
	float: left;
	clear: left;
	width: 65px;
	color: #FFFFFF; /* 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: 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:10px;
}
ul.downloads-list li a.downloadLink,
ul.downloads-list li a.downloadLink:visited,
ul.downloads-list li a.downloadLink:link,
ul.downloads-list li a.downloadLink:active,
ul.downloads-list li a.downloadLink:hover {
	background-image: none;
	width: 40px;  
	color: #FFFFFF;  
}


.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 {
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 20px 10px 20px;
	padding-top:2px;	
	width: 860px;
}

#channels-navigator a {
	text-decoration:none;	
}

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

#channels-header {
	float:left;
	font-size: 13px; 
	font-family: Georgia, Verdana; 
	margin: 0 0px 10px 20px; 
	color: #666;	
}

#channels-hr {
	clear: both;
	border-bottom: 1px solid #ACACAC; 
	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 0 0 0px;
	width: 400px;
/*    background: black;*/
}

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

#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: 0px;
	background: black;
	width: 360px;
}

* html .video-info-row {
	width: 350px;
}
.video-info {	
	width: 360px;
	margin-top: 14px;
/*	margin:12px 8px 10px 0;*/
	font-size:10px;	
	min-height:83px;
	height:auto !important;
	height:83px;
/*	padding: 0px 4px;*/
	text-align: left; 
	border: 1px solid #333333       
}
* html .video-info {
	float:none;
	width: 360px;
}

div.video-info:hover {
	background: url('../img/hoverbg.jpg') repeat-x;
}
/* IE hack as div hover is not recognised */
* html a.thumbBox:hover,* html a.thumbBox:focus {
	background: url('../img/hoverbg.jpg') repeat-x; border: none;
}
*:first-child+html .video-info {
	float:none;
}

.video-info .video-thumb {
	float:left;
	width: 110px;
	height: 83px;
}
.video-info .video-thumb-details {
	float: left;
	width: 220px;
	height: 83px;
	color: #FFFFFF;
	margin-left: 15px;
}

.video-info-clicked {
	margin-top: 14px;
/*	margin:12px 8px 4px 0px;*/
/*	padding: 0px 4px;*/
	background: url('../img/activebg.jpg') repeat-x;
/*	border-left: 1px solid #ACACAC;*/
/*	border-right: 1px solid #ACACAC;*/
}
* html .video-info-clicked {
	margin-top: 14px;
/*	margin:16px 8px 4px -1px;*/
/*	padding: 0px 4px 0px 3px;	*/
	background: url('../img/activebg.jpg') repeat-x;
/*	border-left: 2px solid #ACACAC;*/
/*	border-right: 1px solid #ACACAC;*/
}

.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 a img{
/*	padding-bottom:5px;*/
}

.video-list-channel .video-list-header {
	height:20px;
}

.video-list-channel  {
	color: black;
	font-size: 14px;
	font-weight: bold;	
	float: left;
	margin-top: 5px;
}
.channel-name {
	float: left;
	color: white;
	text-decoration: none;
	font-size: 12px;
}
.channel-name .channelList {
	width: 122px;
	float: left;
	height: 38px
}

.channel-name .activeChannel {
   background: url(../img/corner.gif) no-repeat;
   width: 122px;   
   float: left; 
   height: 38px;                                
}
.activeChannel .linkWrap, .channelList .linkWrap{
	margin: 5px 0 0 8px;
	height: 15px;     
}

.channelList a.channelLink:visited, 
.channelList a.channelLink:link, 
.channelList a.channelLink:hover, 
.channelList a.channelLink:active {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	height: auto; 
	text-align: center;   
}
.activeChannel a.channelLink:visited, 
.activeChannel a.channelLink:link, 
.activeChannel a.channelLink:hover, 
.activeChannel a.channelLink:active {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	height: auto;
	text-align: center;   
}

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


/* for Internet Explorer 7 */
/*\*/
*:first-child+html .paginate-top {
	margin-top:0px;	
}
*: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:0px;	
}
* 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; }

ul.links-list {
	margin: 0;
	padding: 1px 0 0 0px;
	list-style: none;
	text-align: left;
}

ul.links-list li {
	display: inline;
	margin:  0;
	padding: 0 5px 0 0;
	border-right: 0px solid #AFAFAF;
	text-transform: uppercase;	   
}

ul.links-list li a.shareLinks, a.shareLinks:visited, a.shareLinks:hover{
	font-size: 10px;
	font-weight:bold;
	padding-right: 3px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: none;   
}

ul.links-list li a.shareLinks:hover, ul.links-list li a.shareLinks,
ul.links-list li a.shareLinks:active,ul.links-list li a.shareLinks:active, 
ul.links-list lia.shareLinks:link,ul.links-list li a.shareLinks:visited{
	text-decoration: underline; 
	width: auto;
}

ul.links-list li a a:active  a:active a:link a:visited  img {
	vertical-align: middle;
	width: 14px;
	height: 14px;
	padding-right: 3px; 
	width: auto;
	
}



#emailForm {	
	display: none;	
}

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

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

#emailForm #email_errors .alignCenter
{	
	padding-top: 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: 65px;
	color: #FFFFFF; /* 0187DC */
}
dl.linkForm dd {
	margin-left: 75px;
}

* html #video-player-info input {
	width: 155px;
}
#video-player-info .button {
	width: 50px;
	height: 20px;
	border: 1px solid #FFFFFF;
	background-color: #CCCCCC;
	padding-bottom: 3px;
	color: #000000;
}


/* top area: video interface */
#vp-contentwrap-1 {
	clear:both;
/*	margin: 1.0em 0;*/
	text-align: left;
/*	background: #FFF url("../images/interface/vp-cw1-bg.gif") bottom left no-repeat;*/
}
#vp-contentwrap-1 .content {
/*	margin: 0 7px;*/
/*	padding: 18px;*/
	/* Start min-height hack for IE */
	min-height: 430ppx; 
	height:auto !important;
	height: 430px;
	/* End min-height hack for IE */
/*	background: transparent url("../images/interface/vp-cw1-content-bg.gif") top left no-repeat;*/
}

.vp-first-col {
	float: left;
	width: 525px;
	margin-left: 15px;	
}
* html .vp-first-col {
	margin-left: 8px;
}

.vp-second-col {
	float: left;
	width: 360px;
	margin-left: 50px;	
}
* html .vp-second-col {
	width: 350px;
}

#video-player-info {
	height: 400px
	margin: 0;
	padding: 0;
	font-size: 0.9em;
/*	background: transparent url("../images/interface/vp-videoinfo-bg.gif") 360px 0 repeat-y;*/
}
#video-player-info .left-col {
	width: 290px;
/*	float: left;*/
	height: 325px;
}
#video-player-info .right-col {
	width: 290px;
/*	float: right;*/
}
#video-player-info h1 {
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2674cb;
}
#video-player-info h1 span.duration {
	font-weight: normal;
}

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

.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;
}
.linkForm .button, .shareFormBottom .button 
{
/*background-position:left top;*/
/*background-repeat:repeat-x;*/
/*background-image:url(/img/buttonbg.gif);*/
border:#0000FF;
color:#000000;
width: 70px; 
}