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


* {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 { margin: 0 auto; width: 775px; text-align: center;}
#page-wrapper { margin: 0 auto; width: 775px; text-align: center; background:#fff; clear:both;}
#top-bar,#wrap-home { text-align: left; }

/* LINKS / MISC */
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: 1.1em; 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: 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: 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;
}

/*
#smg_player {
  min-height: 311px;
  height:auto !important;
  height:311px;
  text-align: left;
}
*/
#smg_player img {
  margin-top: 120px;
}

/*
---------------------------------------------------------------------------------------------
BOTTOM AREA: VIDEO SECTION MENU
--------------------------------------------------------------------------------------------- */
#vp-contentwrap-2 {
	clear:both;
	margin: 0 0 1.0em; 
	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: 5px;
	font-size: 0.9em;
}
dl.video-meta dt {
	float: left;
	clear: left;
	width: 55px;
	color: #4287b0; /* 0187DC */
}
dl.video-meta dd {
	margin-left: 65px;
}
/* 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;
}


.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; */
	width: 600px;
}

#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 #a1a19f; 
	margin: 0;
	width: 737px;
	margin-left: 15px;
	height: 1px;
}

#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;
	margin: 10px 0 0;
}

#video-list .left-col {
	float:left;
	width: 767px;
	padding: 5px 0 0;
}

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

.video-list-channel {
	padding: 0; 
	 min-height:26px;
	height:auto !important;
	border-top:1px solid #A1A19F;
}

.video-info-row{ 
	clear: both;
	float:left;	
	width: 767px;
}
* html .video-info-row{ 
	padding-left: 0px; 
	width: 767px;
}

.video-info {
	float:left;
	width: 97px;
	margin:15px 0px 15px;
	font-size:10px;	
	min-height:75px;
	height:auto !important;
	height:75px;
	padding: 0px 15px;
}


* html .video-info {
	float:left;
	margin:15px 0px 5px;
	width: 97px;
	font-size:10px;      
	height:75px;
	height:auto !important;
	padding: 0px 15px;
}
	
.video-info-box {
	width: 767px;
}

* html .video-info {
	float:none;
}
*:first-child+html .video-info {
	float:none;
}

.video-info-clicked {
	margin:15px 0px 3px 0px;
}
* html .video-info-clicked {
	margin:15px 0px 4px 0px;
}

.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:26px;
	background: url('/img/backsecondnav.gif') repeat-x;
/*	border-top: 1px solid #a1a19f;*/
/*	border-bottom: 1px solid #a1a19f;*/
}

.video-list-channel .channel-name {
	color: #494843;
	font-size: 14px;
	font-weight: bold;	
	float: left;
	margin:5px 0 0 15px;
	font-family: Arial;
}

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

.video-info a {
	text-decoration: none;
	font-size:10px;
/*	font-weight:bold;*/
	color: #474747;
	font-family: Arial;
}


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

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

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

ul.links-list li a {
	font-size: 10px;
	font-weight:bold;
	padding-right: 3px;
	text-decoration: none;
	color: #4287b0;
}

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

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



#emailForm {	
	display: none;	
}

#emailForm #email_errors
{	
	font-size: 10px;
	display: none;			
	font-weight:normal;
	padding: 5px 0 0 15px;
	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: 5px;
	font-size: 0.9em;
	margin-bottom: -10px;
}
dl.linkForm dt {
	float: left;
	clear: left;
	width: 35px;
	color: #4287B0; /* 0187DC */
}
dl.linkForm dd {
	margin-left: 35px;
}

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


/* top area: video interface */
#vp-contentwrap-1 {
	clear:both;
	margin: 10px 0 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 0;*/
	padding: 0;
	/* Start min-height hack for IE */
	min-height: 360px; 
	height:auto !important;
	height: 360px;
/*	width: 500px;*/
	/* 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: 500px;
	margin-right:0px;
}
.vp-second-col {
	float: right;
	width: 220px;	
}


#video-player-info {
/*	margin: 10px 0 0 0;*/
	padding: 0 0 0 0;
	font-size: 0.9em;
/*	background: transparent url("../images/interface/vp-videoinfo-bg.gif") 245px 0 repeat-y;*/
}
#video-player-info .left-col {
	width: 220px;
	float: left;
}
#video-player-info .right-col {
	width: 200px;
	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: 120px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #ACACAC;
}

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

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

.vp-second-col .rightArea {
	height: 338px;
	width: 200px;	
}

.seperator {
	background: url('../images/seperator.jpg') no-repeat;
	width: 200px;
	height: 5px;
}