/* Common Tag Definitions */

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background: #FFFFFF url(../images/bg/stripes6.gif);
	margin: 0 auto;
/*
	max-width: 90em;
	min-width : 774px;
*/
	border-left: 0px solid #FFF;
	border-right: 0px solid #FFF;
	/*width:expression(document.body.clientWidth > "90em" ? "90em": "auto" );*/
}
/*container left hand side navigation */
#container {
    position:absolute;
    background: #FFF url(../images/nav/bg_navButton.gif) repeat-y; 
}

#main {
    float: left;
	background-color: #FFF4F0;
	/*background: #FFF;note heading */
	/*margin: 0 125px 0 172px;*/
	border-left : 0px solid #FFFFFF;
	border-right : 1px solid #333333;
}

#leftnav {
    width:5px;
    background-color: #0000CC;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    /*height: auto; */
    /*height: inherit; */
    /*min-height: 100%; */
}

img {
	margin: 0;
	padding: 0;
	border:0;
}

a { 
	color: #990000;
	text-decoration: underline;
}

a:hover { 
	text-decoration: none;
}

a:visited {
	color: #BC0404;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

h5 {
	font-family : Arial, Helvetica, "Sans Serif";
	font-size : 1.1em;
	color : #666666;
	background-repeat : no-repeat;
	background-position : 0% 50%;
	background-image : url(../images/icons/icon_arrowDownRt.gif);
	padding : 0 0 0 11px;
	margin-bottom : 3px;
}

.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

.orangetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
}

.whitetext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11.5px;
    font-weight: normal;
    color: #FFFFFF;
}

p {  
	font-size: 11px;
}

td {  
	font-size: 11px;
}

form {
	margin: 0;
	padding: 0;
}

input{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

textarea {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}
/* Footer */
.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}
select.footer {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 9px;
}

ul {
	margin-left: 0px;
	padding-left: 7px;
}
ol {
	margin-left: 0px;
	padding-left: 7px;
}

ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

.olitem {
	list-style-type: decimal;
}

.clearing {
	clear: both;
	font-size:1px;
	line-height:0;
}
/* note pad icon*/
a.resLink {
	min-height:14px;
	padding:0 0 2px 15px;
	color: #990000;
	height: auto;
	text-decoration: none;
	background-image: url(../images/icons/icon_article.gif);
	background-repeat: no-repeat;
	background-position:top left;
}
/* reslinkhover not in use*/
a.resLink:hover {
	text-decoration: underline;
}
/* icons Arrow \*/
a.resLinkArrow {
	min-height:14px;
	padding-left: 8px;
	height: auto;
	color: #990000;
	text-decoration: none;
	background: url(../images/icons/icon_linkArrow.gif) no-repeat 0 3px;
}
/* icons Arrow \*/
a.resLinkArrow:visited {
    min-height:14px;
    padding-left: 8px;
    height: auto;
    color: #BC0404;
    text-decoration: none;
    background: url(../images/icons/icon_linkArrow.gif) no-repeat 0 3px;
}
/* icons TV icon\*/
a.episodeLink {
	min-height:14px;
	padding: 0 0 2px 18px;
	color: #990000;
	height: auto;
	text-decoration: none;
	background-image: url(../images/icons/icon_linkArrow.gif);
	background-repeat: no-repeat;
	background-position:top left;
}

a.episodeLink:hover,
a.resLinkArrow:hover  {
	text-decoration: underline;
}

a.snapshotLink {
	min-height:14px;
	padding:0 0 2px 15px;
	color: #990000;
	height: auto;
	text-decoration: none;
	background-image: url(../images/icons/icon_snapshot.gif);
	background-repeat: no-repeat;
	background-position:top left;
}

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

/*
========================================================================
Nav - Menu left hand side
========================================================================
*/



#menuTD {
	background-image:url(../images/nav/bg_nav.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}	

#menu {
	width:172px;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #990000;
	background-image: url(../images/nav/bg_navButton.gif);
	background-repeat: repeat-y;
}

#menu img {
	display: block;
	padding:0;
	margin:0;
} 

#menu ul {
	margin:0px;
	padding:0px;
}

#menu li {
	list-style: none;
	margin:0 1px 0 0 ;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/nav/list_sq.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

#menu li a {
	height:15px;
	display:block;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	padding:3px 0 0 12px;
	background-image: url(../images/nav/bdr_navButton.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#menu li.selected {
	background-image: url(../images/icons/icon_arrowDownWt.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

#menu li a:hover {
	height:15px;
	padding:2px 0 0 12px;
	border-top: 1px solid #660000;
	border-right: 11px solid #B0B0B0;
	background-color:#990000;
	background-image: url(../images/nav/list_sqwhite.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
}

/* Start Hack for IE WIN \*/
*html #menu li a {
	height:18px;
	overflow: hidden;
}

*html #menu li a:hover {
	height:18px;
	overflow: hidden;
}

/* End Hack for IE WIN */

#subMenu li {
	list-style: none;
	margin:0px;
	padding:0px;
	background-image: none;
}

#subMenu li a.selected {
	color: #FFFFFF;
	border-right: 11px solid #FF6600;
	background-color:#B30B0B;
}


#menuSignUp li {	
	background-image: none;
}

#menuSignUp li a {
	
	height:53px;
	/* Start Hack for IE MAC \*/
	height:50px;
	/* End Hack for IE MAC */
}

#menuSignUp li a.selected {
	color: #000000;
	border-right: 11px solid #FF6500;
	background-color:#990000;
}

#menuSignUp li a:hover {
	height:53px;
	/* Start Hack for IE MAC \*/
	height:50px;
	/* End Hack for IE MAC */
	background-image: none;
}

/* Start Hack for IE WIN \*/
*html #menuSignUp li a {
	height:53px;
	overflow: hidden;
}

*html #menuSignUp li a:hover {
	height:53px;
	overflow: hidden;
}

/* Start Hack for IE WIN \*/
*html #menuTutorial li a {
	height:83px;
	overflow: hidden;
}

*html #menuTutorial li a:hover {
	height:83px;
	overflow: hidden;
}

/* End Hack for IE WIN */

#menuSearch {
	margin:0px;
	padding:0px;
	height:60px;
	background-color: #990000;
	background-image: url(../images/nav/bg_navButton.gif);
	background-repeat: repeat-y;
}

#menuSearch FORM {
	margin:0px;
	padding:0px;
 	background-image: url(../images/nav/bdr_navButton.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menuSearch input {
	padding:0;
	margin:0;
}

/* Start Hack for IE WIN \*/
*html #menuSearch FORM {
    margin:0px;
    padding:0px;
    background-image: url(../images/nav/bdr_navButton.gif);
    background-repeat: no-repeat;
    background-position: left top;
 }
/* End  Hack for IE WIN */

/* Start Hack for IE WIN \*/
*html #menuSearch {
    margin:0px;
    padding:0px;
    height:50px;
    background-color: #990000;
    background-image: url(../images/nav/bg_navButton.gif);
    background-repeat: repeat-y;
}
/* End  Hack for IE WIN */
  
/* Start Hack for IE WIN \*/
*html #menuSearch input {
    padding:0;
    margin:0;
}

/* End  Hack for IE WIN */


/* Start Hack for IE WIN \*/

*html #menuSearch li a {
    height:50px;
    overflow: hidden;
}
/* End  Hack for IE WIN */


/* promotions on left hand side */
#promo {
	margin: 0 12px 0 0;
	padding: 6px 6px 6px 13px;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #484D41;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}


#promo P {
	font-size: 10px;
	color:#666;
	margin: 2px 0 5px 0;
}

#promo .head {
	font-size: 12px;
	font-weight: bold;
	color: #92BE23;
}

#promo A {
	color: #658010;
	text-decoration: none;
}

#promo A:hover {
	color: #990000;
	text-decoration: none;
}



/*
========================================================================
Sub Nav   vhead is the heading
========================================================================
*/

#subNav {
	float: left;
	width:170px;
	margin: 0 0px 0 0;
	padding:0px;
	border-right:1px white solid;
	background-image: url(../images/subNav/bg_subNav.gif);
	background-repeat: repeat-y;
}

#subNav img {
	display:block;
}

#subNav .header {
	height:30px;
	border-bottom:1px white solid;
	background-image: url(../images/subNav/bg_header.gif);
	background-repeat: repeat-y;
}

#subNav .vsHead {
	height:18px;
	padding:0;
	border-bottom:1px white solid;
	background-color: #F8E8E8;
}

#subNav .subHead {
	height:180px;
	background-color:white;
}

#subNav .tips {
	height:18px;
	padding-left:7px;
	border-bottom:1px white solid;
}

#subNav .resource {
	padding:7px;
	border-bottom:1px white solid;
}
#subNav .feature {
    color: #000000;
	padding: 4px;
	border-bottom:1px white solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/subNav/bg_feature.gif);
	background-repeat: repeat-y
}
#subNav .home {
	margin:0px;
	padding: 7px;
	border-bottom:1px white solid;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	background-image: url(../images/subNav/bg_subNav.gif);
	background-repeat: repeat-y;
}

#subNavX .home DIV P {
	padding: 0px 5px 0px 5px;
}

#subNav a.resLink {
	padding:0 0 0 15px;
	display: block;
	color: #658010;
	height: auto;
	text-decoration: none;
	background-image: url(../images/icons/icon_article.gif);
	background-repeat: no-repeat;
}

#subNav a.resLinkArrow {
	padding-left: 8px;
	display: block;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/icons/icon_linkArrow.gif) no-repeat 0 50%;
}

#subNav a {
	text-decoration: none;
}
#subNav a:hover {
	text-decoration: underline;
}

#subNav a:visited {
	color: #BC0404;
}

/*
========================================================================
Episodes Summary page
========================================================================
*/

#episode {
	background-color: #FFF4F0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

#episode TD {
	border-left:1px solid white;
	border-top:1px solid white;
}

#episode .header {
	width: 395px;
	height:34px;
}

#episode .subHeader {
	width: 170px;
	height:34px;
	background-color:#D0D6BF;
}

#episode .highlight {
	height:18px;
	background-color:white;
}

#episode .search {
	height:108px;
	padding: 7px;
	background-color:#E4EAD3;
	border-bottom:1px solid white;
}

#episode .date {
	height:90px;
	padding: 7px;
	background-color:#E4EAD3;
}

#episode .story {
	padding: 7px 10px 7px 10px;
	border-bottom:1px solid white;
}

#episode .storyBox {
	border:0;
}

#episode a.storyImg {
	display:block;
	height: 52px;
	border-right-style: solid;
	border-right-color: #DAE2C5;
}

#episode a.storyImg:hover {
	border-top:22px solid #FF6500;
}

#episodeImgSwf {
	background-color: #DAE2C5;
}

#episodeImgSwf object {
	display: block;
	padding: 0 5px 0 0;
	margin:0;
	background-color : #FFF;
}


#episodeInfo,
#episodeFooter {
	overflow:auto;
	background-color: #EFF6DF;
	border-bottom: 1px solid #FFF; 
}

#vitalStats,
#ratePage {
	float:left;
	width:180px;
	padding: 10px;
	border-right: 1px solid #EFF6DF;
	background-color: #EFF6DF;
}

#relatedInfo, 
#topTips {
	/*float:left;*/
	margin: 0 0 0 221px;
	border-left: 1px solid #FFF; 
	background-color: #EFF6DF;
	padding:10px;
}

#relatedInfo {
	height: 150px;
} 

#relatedInfo a {
	text-decoration: none;
} 

#relatedInfo a:hover {
	text-decoration: underline;
} 

#episodeBody {
	min-height:505px;
	padding : 10px 10px 10px 10px;
}

#episodeBody P {
	max-width: 60em;
	width:expression(document.body.clientWidth < 765 ? "400px" : "auto" );
}


#vitalStats P,
#ratePage P,
#relatedInfo P,
#topTips P {
	margin: 0;
	padding: 0 0 4px 0;
}

.infotitle {
	color:#000;
	font-weight:bold;
}

.infosubtitle {
	color:#000;
	font-weight:bold;
}


/*
========================================================================
Nav Bar styles
========================================================================
*/

.headerGrey {
    background-image: url(../images/home/bgt2.jpg);
	background-color: #ADADAD;
	
}

.whiteLink {
	color:#000000;
	font-weight:bold;
}

a.whiteLink{
	color:#333333;
}

/*

========================================================================
Resource Centre Article Treatment
========================================================================
*/

#sectionTitle {
	
	background-color : #F8EDE9; /*#E1E7CF*/
	padding : 0 0 0 0px;
	margin :0;
	border-bottom : 1px solid #FFFFFF;
}

#sectionTitle2 {
	background-color : #F8EDE9;
	padding : 0px 0px 0px 0px;
	margin :0;
    border-bottom : 1px solid #FFFFFF;
    right: auto;
}

#sectionTitle img {
	display: block;
}

#articleExtract {
	border-bottom : 1px #FFFFFF solid;
}

#articleBody {
    min-width:580px;
	width: auto;
	min-height: 750px;
/*	height:750px; */
	border-top : 17px #F4E8E5 solid;
	padding : 10px 10px 10px 10px;
}

#articleBody2 {
    margin-left: 171px;
    width: auto;
    min-height: 750px;
/*  height:750px; */
    border-top : 17px #F4E8E5 solid;
    padding : 10px 10px 10px 10px;
}

#articleBody P {
	max-width: 60em;
/*	width:expression(document.body.clientWidth < 765 ? "400px" : "auto" );*/
}

#articleSource {
	background-color : #f3f5e8;
	border-bottom : 1px #FFFFFF solid;
	padding : 10px 10px 10px 10px;
}

#articleDisclaimer {
	background-color : #f3f5e8;
	border-bottom : 1px #FFFFFF solid;
	padding : 10px 10px 10px 10px;
}

#indexContainer {
	background-image: url(../images/subNav/bg_subNav.gif);
	background-repeat: repeat-y;
}

#indexBody {
    max-width:410px;
	margin-left: 171px;
	padding : 10px 10px 10px 10px;
	border-top : 17px #F4E8E5 solid;
	min-height: 750px;
	height: 750px;
}

#home {
	margin-left: 171px;
	min-height: 580px;
}

#home .hngText {
	height: 75px;
    border-top : 17px #FFFFFF solid;
	min-height:5px;
	margin-left:0px;
}

#home .episodeText P {
	margin-top: 2px;
}

#home .resourceText {
	height: 75px;
	min-height:75px;
	margin-left: 120px;
}

#home .resourceText P {
	margin-top: 2px;
}
	
#home .storyText {
    }

#home .storyText P {
	margin-top: 0px;
	}

#home .episodeImg {
	width: 100px;
	float: left;
}

#home .storyImg a {
	display: block;
	cursor: hand;
}

#home .storyImg a:hover {
	display: block;
	cursor: hand;
	background-color:#CC0000;
}

#homeDate {
    color: #666666;
	padding: 0px 0px 0px 0px;
	height: 30px;
	background-color:#CCCCCC;
	background-image: url(../images/home/bgt2.jpg);
	border-bottom: 1px solid #FFFFFF;
}

.episode {
	padding: 10px 10px 10px 10px; 
	background-color:#000000;
	border-bottom: 1px solid #999999;
}

.feature {
	padding: 10px 10px 10px 10px; 
	background-color:#F6EDED;
	border-bottom: 1px solid #CAD1B5;
}
.feature2 {
	padding: 10px 10px 10px 10px; 
	background-color:#F6EDED;
	border-bottom: 0px solid #FFFFFF;
}

.homeHeader {
	height:18px;
	padding:0; 
	background-color:#F8E8E8;
	border-bottom: 1px solid #FFFFFF;
}


.homeHeader P,
.feature P,
.feature2 P {
	margin-top: 0px;
}

#tools {
    background: #FFF;
    height:18px;
    padding-right: 165px;
    margin-left: 171px;
    text-align:right;
}

/*
========================================================================
Weiv Banner and Ad on right hand side
========================================================================
*/

#nav {
    background-color: #FFF;
    height: auto;
    float: left;
	width:171px; 
}

#adTop,
#adBottom,
#adRight,
#adRightBottom {
	/*display:none;*/
}

#weivbannerTopOutside {
    float: left;
	margin: 0 0 0 0px; 
	padding: 0px 0 0px 0;
	text-align: center;
	background-color: #9C0000;
	/*border: 1px solid #CCC;*/
	border-top: 0px solid #666;
}

#weivbannerTopInside {
    margin: 0 0 0 0px;
    padding: 0px 0 0px 0;
    text-align: center;
    background-color: #9C0000;
    /*border: 1px solid #CCC;*/
    border-top: 0px solid #666;
}

#adBottom {
	clear: both;
	margin: 0px 0 0 0px; 
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#adRight {
    float:right;
}

#adRight1 {
	float:right;
	margin: 0 0 5px 0px;
	border-left: 5px solid #FFFFFF;
	z-index: 3;
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
}

#adRightbg {
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
}


#adRightBottom {
   
    margin: 600 0 5px 0px;
    border-left: 5px solid #FFFFFF;
    z-index: 4;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}


#adTop img,  
#adBottom img,
#adTop object,  
#adBottom object {
	padding: 0 0px 0 0;
	margin:0;
	background-color : #FFFFFF;
}

/*
========================================================================
Ads
========================================================================
*/

#fBreak {
	clear:both; /*Needs to be outside footer or inherits this on IE MAC */
	height: 8px; 
	border-top: 5px solid #FFF; 
	background:#727A66;
	font-size:1px;
}

#footer {
	background: #FFFFFF;
	color: #999999;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	color:#999999;
	text-decoration: underline;
}

#footerLinks {
	text-align: right;
	padding: 10px 0px 0 0;
	border-bottom: 1px solid #CCCCCC;
}

#fweiv {
	text-align: right;
	padding: 5px;
}

#footerLogos {
	float:left;
	padding: 5px 5px 25px 5px;
}

#footerCopyright {
	text-align: right;
	padding: 5px;
}

#footerBar {
	height: 70px;
	background:#990000;
	text-align:right;
	padding:5px;
}

#content-layout-wide tr p {
	font: .85em Arial, Verdana, sans-serif;
	text-align: center;
	padding: 2%;
	margin: 0px;
}

.abmiddle {
	position:absolute; top:0px;
	}	
	
.greyborder {
	border:1px solid;
	padding:1px;
    margin:1px;
    background: #F6EAE6;
}

.border {
	background-color: #F6EAE6; 
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC; 
    border-bottom: 1px solid #CCCCCC; 
}
	
.formborder {
	border:1px solid;
	padding:1px;
    margin:1px;
    background: url(../images/form/d.gif) no-repeat 0 100%;
}

.domainheadborder {
	border:1px solid;
	padding:1px;
    margin:1px;
    background: url(../images/bg/payment-bg.gif) no-repeat 0 100%;
}

.orderlistborder {
	border:1px solid;
	padding:1px;
    margin:1px;
    background: url(../images/bg/order-list-bg.gif) no-repeat 0 100%;
}

TABLE2.hosttable { 
    background: url(../images/icons/icon_linkArrow.gif) no-repeat 0 50%;
    background-color: #F6EAE6; 
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC; 
    border-bottom: 1px solid #CCCCCC; 
    border-top: 1px solid #CCCCCC; 
    width:100%; 
}