html, body { padding:0; margin:0; font-size:12px; font-family:Helvetica, Verdana, Arial, sans-serif; color:#111; background: #FFF url(/images/header-background.gif) repeat-x; }
h1 { font-size:18px; font-weight:bold; color:#bf0721; margin:0.5em 0 0.5em 0}
h2 { font-size:16px; font-weight:bold; color:#292929;margin: 0.25em 0 0 0}
h3 {font-size:14px; font-weight:bold; color:#292929; margin:0 0 0.5em 0; padding:0 0 0.2em 0;}
h4 {font-size:14px; font-weight:bold; color:#292929; margin:0 0 0.5em 0; padding:0 0 0.2em 0;border-bottom:1px solid black;}
h5 {font-size:13px; font-weight:bold; color:#000; margin:0 0 0.5em 0; padding:0 0 0.2em 0;border-bottom:1px solid black;}
.red {color:#FF1A00;}
p, ul, ol {margin-top: 0.1em}
a {color:#0054A6; text-decoration: none;}
a:hover {color: #FFFFFF; background-color: #333333;}
a.imglink:hover {background:none;}
a.tooltip {margin:0px 2px 0px 2px;}
a.tooltip:hover {background-color:#FFFFFF;}
form {margin:0}
img {border-style:none}
form, input, select, textarea, table {font-family:Helvetica, Verdana, Arial, sans-serif; font-size:12px}
table {border-collapse:collapse;}
tr.whiterow {background-color:#FFFFFF}
tr.striperow {background-color:#EAEAEA}

select.small, input.small {font-size:11px;}

fieldset {border:none}
.smalltext {font-size:10px;}
.highlightedtext {color:#FF1A00}
.errortext {font-weight:bold; color:#FF1A00}
.faqheader {font-weight:bold;}
.medLength {width:200px;}
.propercase {text-transform: capitalize}
.lowercase {text-transform:lowercase}
.uppercase {text-transform:uppercase}
div.clearboth {content: "."; display: block; height: 0; visibility: hidden; clear:both;}
div.floatleft {float:left}
div.floatright {float:right}
img.icon {margin-right:2px;}
.hide {display:none;}
.show {display:block;}

div.outer {
    width: 970px;
    background-color:#FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-style:none;
	position:relative;
	line-height:1.5em;
}

div.leftpane {
width:200px;
height:100%;
float:left;
}

div.middlepane {
width:760px;
height:100%;
float:left;
}

div.fullpane {
width:100%;
height:100%;
}

.header {
  width:100%;
  height:80px;
  margin:0;
  padding:8px;
  clear:both;
  white-space:nowrap;
  background: url(/images/header-background.gif) repeat-x;
}

div.content {	
    clear:both;
}

div.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Footer Holds Bottom Navigation and Copyright Messages */
div.footer {	
    clear:both;
	width:80%;
	margin-left:auto; margin-right:auto;
	margin-top:20px;
	padding: 0.5em 0em 0em 0em;	
	color:#999999;
	font-size: 1em;
	text-align:center;
}
/* Bottom Navigation */
.nav {   
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.nav ul {
    padding: 1em;
    display: inline;
}

.nav ul li {
    display: inline;
}

.nav ul li a {
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    border-bottom-style: none;
	color:#999999;
}

.nav ul li a:hover {
    color: #FF1A00;
	background-color:#FFF;
}

.nav ul li a:active {
    color: #FF1A00;
}
/* End Navigation */

div.message {
    background-color: #f5f7f5;
    border: solid 1px #8A8A8A;
	display: block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.7em 0em 0.7em 0em;
    text-align: center;
	clear:both;
}

div.infsummary {
height:30px;
background: url("/images/redgradient.gif") repeat-x;
clear:both;
font-size:16px;
color:#FFFFFF;
padding:6px 20px 6px 20px;
}

div.homecontent {
width:100%;
height:420px;
overflow:hidden;
background: url("/images/content-background.gif") repeat-x;
clear:both;
}

div.overlaycontent {
height:350px;
overflow:hidden;
background: #d4d4d4 ;
clear:both;
}

div.playercontainer {
float:left;
width:420px;
padding-left:20px;
}

div.playertitle {
	height:40px;
	padding:10px;
}

img.publogo {
	padding: 0px 5px 5px 0;
	float:left;
	height:30px;
	width:30px;
}

div.playerheader {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
    padding-left:10px;
}


div.playertitle span.publisher {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

div.playertitle span.airdate {
	color:#FFFFFF;
	font-size:14px;
}

span.inf {
 color:#FF0000!important;
}

div.statscontainer {
	float:left;
	width:200px;
	height:400px;
}

div.infcount{
	margin: 15px 10px 5px 10px;
	height:150px;
}

table.infcount{
	width:100%;
}

table.infcount tr.dark{
	background: url("/images/darkgray-background.gif") repeat-x;
}
table.infcount td, table.infcount th{
	color:#FFFFFF;
	font-size:14px;
    padding: 3px 6px 3px 6px;
	text-align:left;
}

table.infcount th{
font-weight:bold;
}

table.infcount tfoot tr{
	border-top:2px inset #292929;
}

table.infcount thead tr{
	border-bottom:2px inset #292929;
}

div.otherinf{
	margin: 20px 10px 5px 10px;
	height:175px;
	background: url("/images/lightbrown-background.gif") repeat;
}

div.infrow {
height:70px;
background: url("/images/lightbrown-background.gif") repeat;
margin:1px;
padding: 0 10px 20px 10px;
border-bottom:2px solid #292929
}

table.otherinf{
	width:100%;
}

table.otherinf tr.dark{
	background: url("/images/darkbrown-background.gif") repeat-x;
}
table.otherinf td, table.otherinf th{
	color:#FFFFFF;
	font-size:14px;
    padding: 3px 6px 3px 6px;
	text-align:left;
}

table.otherinf th{
font-weight:bold;
}

table.otherinf tfoot tr{
	border-top:2px inset #292929;
}

table.otherinf thead tr{
	border-bottom:2px inset #292929;
}



div.benefitscontainer {
float:left;
width:305px;
margin-left:15px;
}


div.benefitscontainer div.title{
	margin: 0 10px 5px 10px;
	background: url("/images/benefits-background.gif") repeat-x;
	color:#fe5436;
	font-size:24px;
	padding: 15px 15px 5px 15px;
	line-height:80%;
}
div.title span.byline{
	color:#adadad;
	margin-top:-5px;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase; 
	letter-spacing: 3px;
}


div.title span.toplabel{
    border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;
    background-color:#FFFF33;
    color:#000000; 
    padding:5px; 
    margin-top:-15px;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase; 
	letter-spacing: 3px;
}

div.benefitscontainer div.detail {
    position: relative;
	height: 105px;
	margin: 5px 10px 10px 10px;
	background: url("/images/benefits-detail-background.gif") repeat-x;
	color:#292929;
	font-size:12px;
	font-weight:500;
	padding: 15px 15px 5px 15px;
	line-height:1.5em;
}

ul.benefitsdetail {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

ul.benefitsdetail li{
margin:0.5em;
}

ul.benefitsdetail li:before {
	content: "\00BB \0020";
}

div.more {
position:absolute; 
bottom:3px; 
right:3px;
color:#bf0721;
}

div.more-highlight {
background-color:#FFFF33;
color:#000000;
}

div.more a {
color:#bf0721;
padding:2px;
}

div.more a:hover {
border-bottom: 2px solid #bf0721;
background-color:transparent;
}

div.module {
position:relative;
height:150px;
width:450px;
float:left;
overflow:hidden;
}

div.mod-left {
background: url("/images/mod-left.jpg");
margin-left:20px;
}

div.mod-right {
background: url("/images/mod-right.jpg") ;
margin-left:30px;
}


div.modtitle{
font-size:18px;
font-weight:bold;
padding:30px 20px 5px 50px;
}

div.moddetails{
	color:#292929;
	font-size:12px;
	font-weight:500;
	line-height:1.5em;
	padding:5px 20px 20px 50px;
}




/* Tables */
table.datainput {
 text-align: left;
 vertical-align: top;
}

table.datainput th, table.datainput td {
padding:0.5em;
}

table.datainput th {
font-weight:normal;
text-align: right;
}

input.medlength {
width:200px;
}

table.datainput thead th {
border: 1px solid #8A8A8A;
font-weight:normal;
}
/* ------------------------------------------- */
/* These are the styles for detail screen tables */
table.dataoutput thead tr {
   border-bottom: 2px solid #8A8A8A;
   background-color:#EAEAEA;
}
table.dataoutput th, table.dataoutput td {
   padding: 0.4em 0.3em 0.4em 0.3em;
}
table.dataoutput th {
   text-align:left;
}

table.dataoutput th.right {
   text-align:right;
}

table.dataoutput tr.new td {
font-weight:bold;
}

table.dataoutput tr.inactive td {
color:#CCCCCC;
}

table.dataoutput tr td.hot {
color:#FF0033;
}



/* Lists */
ul.general
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

ul.general li
{
padding-left: 1.5em;
margin:0.25em 0 0.25em 0.5em;
background-image: url("/images/listarrow.gif");
background-repeat: no-repeat;
background-position: 0 .5em;
}


h2.white {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-bottom:2px;
}


.productname {
	color:#bf0721;
	font-size:18px;
	text-transform:capitalize;
}

.productdesc {
	color:#808080;
	font-size:13px;
}	

.product-mod {
width:360px;
height:240px;
float:left;
background-color:#f0f0f0;
}

.product-mod-full {
width:100%;
}

.product-mod-left {
float:left;
}

.product-mod-right {
float:right;
}

.product-mod-tagline {
margin-top:10px;
padding-left:40px;
}


.product-mod div.product-mod-title{
background:url("/images/product-mod-title-background.gif") repeat-x;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
padding:3px 5px 3px 20px;
}

.product-mod div.product-mod-body{
color:#333;
padding:10px 5px 0 20px;
}

div.strong {
font-weight:bold;
}

.product-mod div.product-mod-body ol{
  padding-left:20px;
}

.product-mod div.product-mod-body ol li{
  padding-top:3px;
  padding-bottom:3px;
}


.product-features {
width:100%;
clear:both;
background-color:#f0f0f0;
border:1px solid red;
margin-top:20px;
}

.product-benefits {

}

.product-benefits div.product-benefits-title{
background:url("/images/product-benefits-title-background.gif") repeat-x;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
padding:3px 5px 3px 20px;

}

.product-benefits div.product-benefits-body{
color:#333;
padding:10px 5px 0 20px;
border:1px solid #f0f0f0;
}

ul.gen {
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	list-style: disc url("/images/list-image-check.gif") inside;

}

ul.gen li {
  padding-top:3px;
  padding-bottom:3px;
}

ul.gen ul {
	list-style: none;
	padding-left: 1em;
	margin-left:10px;
	}

ul.gen ul li:before {
	content: "\00BB \0020";
}

div.productbrief {
	border:1px solid #CCCCCC;
	width:320px;
	height:100px;
	padding:10px;
	margin-top:20px;
}

div.productbrief:hover {
    border:1px solid #bf0721;
}


div.productbrief-left {
	float:left;
}	

div.productbrief-right {
	float:left;
	margin-left:30px;
}
	
div.productbrief-selected {
	border:1px solid #bf0721;
}


input.signupbutton{
   color:#fff;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   letter-spacing:1px;
   background-color:#bf0721;}
   
a.signupbutton{
background-color:#bf0721;
border: 2px #969696 outset;
padding: 4px 6px 4px 6px;
color:#fff;
text-decoration: none;
letter-spacing:1px;
font-weight: bold;  
font-size:16px;
font-family:'trebuchet ms',helvetica,sans-serif; 
}



/* Used in news */
table.news {
 text-align:left;
 vertical-align:middle;}

table.news th{
 font-weight:bold;
 border-color:#CCCCCC;
}
table.news tbody td{
 padding: 7px 5px 7px 5px;
}

.newstitle {font-weight:bold; font-size:1.2em; margin:2px 0 2px 0}
.newscontent p {margin:1em 0 1em 0}



div.bio {
margin-bottom:15px;}


/* Used in video search */

div.docsummary:hover {
	background-color: #EFEEEF;
}
li.snippet:hover {
	background-color: #EFEEEF;
}
a:hover span.qmatch {
	background-color: #333333;
	color: #FFFF00;
}

div.docsummary { 
	padding:4px;
	width:378px;
	height: 68px;
	overflow: hidden;
	cursor:pointer;
	border: 1px solid #DDDDFF;
	margin: 8px 8px 8px 0;
}
div.selecteditem {
	background-color: #EEEEFF;
}
div.snippetview {
	margin:4px;
}

div.videotitle {
	margin:4px;
	height: 16px;
}

div.snippetslist {
	display:none;
	overflow: auto;
	height:224px;
	border: 1px solid #DDDDFF;
	padding:4px;
	margin:4px;
}
div.docsummaryimg{
	width:116px;
	float:left;
	padding:2px;
	height:64px;
}
div.docsummarytxt{
	width:254px;
	float:left;
	padding:2px;
	height:64px;
	overflow: hidden;
}
div.docsummarysnippet{
	/*font-size: 90%;*/
	font-style: italic;
	line-height: 1.3em;
}
span.videotitle {
	font-size: 120%;
	font-weight: bold;
	color: #222266;
}

span.docsummarytitle{
	font-size: 100%;
	text-decoration: underline;
	font-weight: bold;
	color: #5555FF;
}
span.docsummaryairdate{
	font-size: 90%;
	color: #999999
}
span.docsummarylabels{
	color: #999999
}
span.docsummaryduration{
	font-size: 90%;
	color: #999999
}
span.qmatch {
	/* font-weight: bold; */
	background-color: #FFFF55;
}
span.docsummaryqmatch {
	font-weight: bold;
}
ul.snippetlist {
	padding-left: 0;
	list-style-type: none;
}
span.searchtip {
	color: #AAAAAA;
	font-size: 90%;
	font-style: italic;
}
span.searchfor {
	font-weight: bold;
}
li.snippet {
	/*font-size: 95%;*/
	padding-bottom: 0.3em;
	background-position: 0 0.3em;
	background-image: url(../images/playsnippet.png);
	padding-left: 20px;
	paddin-bottom: 0.5em;
	background-repeat: no-repeat;
	cursor:pointer;
}