@import url(/ajax.css);
body {
	background: #bad6f1;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	}
	
div.hr, li.hr {
	position:relative;
	height: 15px;
	margin: 0 0 15px 0;
	background: #fff url(/images/qnn/hr.gif) repeat-x scroll center;
	}
	
div.hr hr, li.hr hr {
	display: none;
	}
li.hr span {
	color:#e19c1c;
	position:absolute;
	left:45%;
	top:0;
	height:15px;
	background:#fff;
	padding:0 10px;
	font-size:14px;
	font-weight:bold;
	}

.clearme { clear: both; }

a {color: #000000; }
a:link {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:active {text-decoration: underline; }
a:hover {text-decoration: none; }

ul {
	margin: 0;
	padding: 0;
	}

ul li {
	margin: 0 0 10px 30px;
	padding: 0;
	}

.wrapMain {
	background: #bad6f1 url(/images/qnn/pageBG.jpg) repeat-x left top;
	margin: 0;
	padding: 12px 0 0 0;
	}

.miniNav {
	width: 954px;
	margin: 0 auto 6px auto;
	padding: 0 10px 0 0;
	text-align: right;
	color: #fff;
	}
	
	.miniNav p {
		margin: 0;
		padding: 0;
		}
	
	.miniNav a, .miniNav a:visited {
		color: #fff;
		text-decoration: none;
		margin: 0 3px;
		padding: 0;
		}
	
	.miniNav a:hover {
		color: #fff;
		text-decoration: underline;
		}
	
.wrap {
	width: 954px;
	margin: 0 auto;
	position: relative;
	background: url(/images/qnn/bg.gif) repeat-y left top ;
	}	
	
.headerWrap {
	width: 954px;
	height: 165px;
	position: relative;
	margin: 0;
	}
	
.headerTop {	
	width: 954px;
	height: 10px;
	background: url(/images/qnn/headerBG.gif) no-repeat left top;
	}
	
.logo {	
	width: 366px;
	height: 92px;
	position: absolute;
	top: 16px;
	left: 18px;
	}
	
.joinNow {	
	width: 310px;
	height: 81px;
	position: absolute;
	top: 26px;
	right: 24px;
	}
	
/*-- Navigation Elements --*/
.nav {
	width: 912px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 20px;
	background: url(/images/qnn/nav.gif) no-repeat top left;
	}

.nav li {
	display: inline;
	}
	
.nav a:link, .nav a:visited {
	display: block;
	position: absolute;
	height: 40px;
	text-indent: -9000px;
	text-decoration: none;
	top: 0;
	:-moz-any-link:focus;
	outline: none;
	}
	
/* ----- Nav Defaults ------ */
#join a:link, #join a:visited, .selected {
	width: 102px;
	left: 0;
	}
#home a:link, #home a:visited {
	width: 98px;
	left: 102px;
	}
#login a:link, #login a:visited {
	width: 148px;
	left: 200px;
	}
#programs a:link, #programs a:visited {
	width: 207px;
	left: 348px;
	}
#watch a:link, #watch a:visited {
	width: 138px;
	left: 555px;
	}
#news a:link, #news a:visited {
	width: 101px;
	left: 693px;
	}
#about a:link, #about a:visited {
	width: 108px;
	left: 794px;
	}
	
/* ----- Nav Hover ------ */
#join a:hover {
	background: url(/images/qnn/nav.gif) no-repeat 0 -40px;
	}
#home a:hover {
	background: url(/images/qnn/nav.gif) no-repeat -102px -40px;
	}
#login a:hover {
	background: url(/images/qnn/nav.gif) no-repeat -200px -40px;
	}
#programs a:hover {
	background: url(/images/qnn/nav.gif) no-repeat -348px -40px;
	}
#watch a:hover {
	background: url(/images/qnn/nav.gif) no-repeat -555px -40px;
	}
#news a:hover {
	background: url(/images/qnn/nav.gif) no-repeat -693px -40px;
	}
#about a:hover {
	background: url(/images/qnn/nav.gif) no-repeat -794px -40px;
	}

/* ----- Nav Selected ------ */
#join a.selected:link, #home a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat 0 -40px;
	}
#home a.selected:link, #home a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat -102px -40px;
	}
#login a.selected:link, #login a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat -200px -40px;
	}
#programs a.selected:link, #programs a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat -348px -40px;
	}
#watch a.selected:link, #watch a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat -555px -40px;
	}
#news a.selected:link, #news a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat -693px -40px;
	}
#about a.selected:link, #about a.selected:visited {
	background: url(/images/qnn/nav.gif) no-repeat -794px -40px;
	}

/*-- pageWrap --*/
.pageWrap {
	width: 913px;
	margin: 0 0 0 18px;
	}

/*-- col1 --*/
.col1 {
	float: left;
	width: 250px;
	margin: 0 30px 0 0;
	padding: 12px 0 0 0;
	}

.loginWrap {
	float: left;
	width: 250px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	position: relative;
	color: #666;
	background: url(/images/qnn/loginBottom.gif) no-repeat left bottom;
	}
	
.loginTop {
	width: 250px;
	height: 6px;
	background: url(/images/qnn/loginTop.gif) no-repeat left top;
	}
	
.loginMid {
	width: 230px;
	margin: 5px 0 0 10px;
	padding: 0;
	position: relative;
	}
	
.loginMid p {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.loginMid ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.loginMid li {
	width: 230px;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.loginMid li.forgot {
	width: 120px;
	margin: 0 0 15px 76px;
	padding: 0;
	display: inline;
	}
	
.loginMid li label {
	width: 75px;
	float: left;
	font-weight: bold;
	letter-spacing: -.3px;
	}
	
.loginMid li input {
	width: 144px;
	float: left;
	padding: 1px 4px;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #d2d2d2;
	background: url(/images/qnn/txtbox.gif) repeat-x left top;
	}
	
.loginMid .btnLogin {
	width: 70px;
	height: 29px;
	position: absolute;
	bottom: 6px;
	right: 0;
	background: url(/images/qnn/btn_login.gif) no-repeat left top;
	}

	.loginMid a.btnLogin {
		width: 70px;
		:-moz-any-link:focus;
		outline: none;
		}
		
	.loginMid a.btnLogin:link, .loginMid a.btnLogin:visited {
		display: block;
		height: 29px;
		text-indent: -9999em;
		text-decoration: none;
		}
		
	.loginMid a.btnLogin:hover {
		background: url(/images/qnn/btn_login.gif) no-repeat -70px top;
		}	
	
.featuresWrap {
	width: 250px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: url(/images/qnn/featuresBottom.gif) no-repeat left bottom;
	float: left;
	}

.featuresTop {
	height: 32px; 
	margin: 0;
	padding: 6px 0 0 10px;
	font: 18px "Times New Roman", Times, serif;
	color: #666;
	background: url(/images/qnn/featuresTop.gif) no-repeat left top;
	}
	
.featuresMid {
	width: 230px;
	margin: 5px 0 0 10px;
	}
	
.featuresMid ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	.featuresMid ul li {
		margin: 0 0 8px 0;
		color: #333;
		}
		
	.featuresMid ul li a {
		text-decoration: none;
		color: #666;
		padding: 0 0 0 10px;
		background: url(/images/qnn/featuresBullet.gif) no-repeat left 50%;
		}
		
	.featuresMid ul li a:visited {
		text-decoration: none;
		color: #666;
		padding: 0 0 0 10px;
		background: url(/images/qnn/featuresBullet.gif) no-repeat left 50%;
		}
		
	.featuresMid ul li a:hover {
		text-decoration: underline;
		color: #333;
		}

dl.ad {
	margin: 0 0 20px 0;
	}

dl.ad dt {
	font-weight: bold;
	color: #666;
	margin: 0 0 5px 0;
	}
	
dl.ad dd {
	color: #666;
	margin: 0 0 5px 0;
	}
	
/*-- col2 --*/
.col2 {
	color: #666;
	float: left;
	width: 340px;
	margin: 0 0px 0 0;
	padding: 12px 0 0 0;
	display: inline;
	}

.mainAd {
	margin: 0 0 20px 0;
	}

.mainJoin {
	margin: 0 0 20px 0;
	}

.return, .return a {
	display: block;
	text-indent: -9999em;
	width: 67px;
	height: 22px;
	background: url(/images/qnn/return.gif) no-repeat left top;
	}

/*-- NewsWrap --*/
.newsWrap {
	line-height: 1.8;
	}

.newsWrap .title, .newsWrap a.title {
	font: 16px "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0; 
	color: #6795b6;
	}

.newsWrap .date {
	font: 12px "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0; 
	color: #6795b6;
	}

.newsWrap h3 {
	margin: 0 0 5px 0;
	}

.newsWrap dl {
	margin: 0 0 10px 0;
	padding: 0; 
	}

.newsWrap dt {
	color: #9f81b5;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0; 
	letter-spacing: -.2px;
	font-size: 12px;
	}

.newsWrap dd {
	color: #333;
	margin: 0 0 15px 0;
	padding: 0; 
	}

/*-- News Detail --*/
dl.newsDetail {
	line-height: 1.8;
	margin: 0 0 20px 0;
	padding: 0;
	}

dl.newsDetail dt {
	margin: 0;
	padding: 0;
	}

dl.newsDetail dd {
	margin: 0;
	padding: 0;
	}

dl.newsDetail dd.title {
	margin: 0;
	padding: 0;
	}

dl.newsDetail dd.author {
	margin: 0;
	padding: 0;
	}

dl.newsDetail dd.articleDate {
	color: #9f81b5;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0; 
	letter-spacing: -.2px;
	font-size: 12px;
	}

dl.newsDetail dd.articleText {
	margin: 0;
	padding: 0;
	}

dl.newsDetail dd.articleMessage {
	margin: 0;
	padding: 0;
	}

/*-- Shop Locator --*/
.shopLocator dd.title {
	margin: 0 0 5px 0;
	color: #9f81b5;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}

	.shopLocator dd.title a, .shopLocator dd.title a:visited {
		margin: 0 0 5px 0;
		color: #9f81b5;
		margin:0 0 15px 0;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		}
	
	.shopLocator dd.title a:hover {
		margin: 0 0 5px 0;
		color: #9f81b5;
		margin:0 0 15px 0;
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		}
	
.shopLocator dl {
	margin: 0 0 20px 0;
	padding: 0; 
	}

.shopLocator dt {
	float: left;
	width: 100px;
	color: #9f81b5;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0; 
	letter-spacing: -.2px;
	}

.shopLocator dd {
	color: #333;
	margin: 0 0 10px 0;
	padding: 0; 
	}
fieldset.locator li label {
	width: 50px;
	}
fieldset.locator li {
	position:relative;
	}
fieldset.locator ul li input {
	float:left;
	width: 70px;
	}
fieldset.locator ul li input.button {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	float:none;
	}

/*-- Newsletter --*/
dl.newsletter {
	width: 330px;
	height: 72px;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(/images/qnn/newsletterBG2.gif) no-repeat left top;
	}

dl.newsletter dt {
	margin: 0 0 0 42px;
	padding: 0;
	position: absolute;
	bottom: 16px;
	left: 14px;
	}

	dl.newsletter dt input {
		font-size: 11px;
		width: 200px;
		border: 1px solid #d2d2d2;
		margin: 0;
		padding: 1px 4px;
		background: url(/images/qnn/txtbox.gif) repeat-x left top;
		}

dl.newsletter dd {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
	right: 14px;
	}



/*-- col3 --*/
.col3 {
	float: right;
	width: 232px;
	height: 520px;
	margin: 0;
	padding: 12px 16px 0 16px;
	background: url(/images/qnn/col3BG.gif) no-repeat left top;
	}

.player {
	margin: 0 0 0 0;
	text-align: center;
	}

.vids {
	margin: 0 0 0 0;
	}
	
.vids ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	.vids ul li {
		width: 220px;
		list-style-type: none;
		margin: 0;
		padding: 5px;
		float: left;
		display: block;
		border-bottom: 1px dashed #7db8bd;
		}
	.vids ul li h3 {
		margin: 0 0 5px 0;
		}
	* html .vids ul li a {  /* make hover effect work in IE */
		width: 220px;
		}
	
	.vids ul li a, .vids ul li a:visited {
		width: 220px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
		/*border-bottom: 1px dashed #7db8bd;*/
		text-decoration: underline;
		}

	.vids ul li a:hover {
		width: 220px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
		/*background: #eefafb;
		border-bottom: 1px dashed #333;*/
		text-decoration: none;
		}

	.vids ul li a img {
		float: left;
		margin: 0 5px 5px 0;
		padding: 1px;
		border: 1px solid #333;
		}
		
/*-- Footer --*/
.footWrap {
	width: 100%;
	background: #bad6f1 url(/images/qnn/footerTopBG.gif) repeat-x left top;	
	margin: 0;
	padding: 0;
	}

.foot {
	width: 954px;
	margin: 0 auto;
	background: url(/images/qnn/footerBottom.gif) no-repeat left top;
	position: relative;
	padding: 50px 0 20px 0;
	text-align: center;
	color: #fff;
	}

	.foot a, .foot a:visited {
		color: #fff;
		}
	
	.foot a:hover {
		color: #fff;
		}
	
.fons {
	position: absolute;
	top: 48px;
	left: 10px;
	}

.foot ul {
	float: left;
	position: absolute;
	width: 724px;
	height: 34px;
	top: 45px;
	left: 200px;
	color: #fff;
	padding: 8px 0 0 20px;
	background: url(/images/qnn/fonsULbg.gif) repeat-x left top;
	}

	.foot ul li {
		list-style-type: none;
		float: left;
		padding: 0 0 0 1px;
		margin: 0 7px 0 0;
		}
		
	.foot ul li a {
		list-style-type: none;
		float: left;
		color: #fff;
		margin: 0 7px 0 0;
		}
		
.footBTWrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #7a91ae url(/images/qnn/footerBT.gif) repeat-x left bottom;	
	}

.footBT {
	width: 954px;
	margin: 0 auto;	
	padding: 15px 0 10px 0;
	text-align: center;
	color: #fff;
	}

	.footBT p {
		margin: 0 0 10px 0;
		}

	.footBT a, .footBT a:visited {
		color: #fff;
		text-decoration: underline;
		}

	.footBT a:hover {
		color: #e7f1ff;
		text-decoration: none;
		}

.photos {
	width: 200px;
	display: block;
	clear: both;
	}

/*.pageWrap fieldset ul li input.button {
	float: left;
	color: #fff;
	background: #96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width: auto;
	overflow: visible;
	}*/

p.checkoutButton {
	clear: both;
	}

#divresults dl {
	margin: 0 0 20px 0;
	padding: 0;
	}

#divresults dl dt {
	margin: 0;
	padding: 0;
	}

#divresults dl dd {
	float: left;
	margin: 0;
	padding: 0;
	}

/*-- video search --*/
/*.vidsDisplay { }

.vidsDisplay .clearme {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.vidsDisplay dl {
	margin: 0;
	padding: 0;
	}
	
.vidsDisplay dl dt.image {
	width: 120px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.vidsDisplay dl dt.image img {
	width: 100px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	}
.vidsDisplay dl dt.image a img {
	border:0 none none;
	}
		
.vidsDisplay dl dd.title {
	float:left;
	width:300px;
	margin: 0;
	padding: 0;
	}
.vidsDisplay dl dd.title h3 {
	display:inline;
	}
.vidsDisplay dl dd.title h3 a {
	color: #9f81b5;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}
.vidsDisplay dl dd.link {
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #ccc;
	}*/
	
/*-- video search --*/
.vidsDisplay { }

.vidsDisplay .clearme {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.vidsDisplay dl {
	margin: 0;
	padding: 0;
	}
	
.vidsDisplay dl dt {
	width: 120px;
	float: left;
	padding: 0;
	}
	
.vidsDisplay dl dt img {
	width:100px;
	border-width:0px;
	border-style:none;
	}
		
.vidsDisplay dl dd.title {
	margin: 0;
	padding: 0;
	}
.vidsDisplay dl dd.title h3 {
	}
.vidsDisplay dl dd.title h3 a {
	color: #9f81b5;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}
h3 a:link {text-decoration: underline; 	color: #9f81b5;}
h3 a:visited {text-decoration: underline; 	color: #9f81b5;}
h3 a:active {text-decoration: underline; 	color: #9f81b5;}
h3 a:hover {text-decoration: none; 	color: #9f81b5;}

.vidsDisplay dl dd.link {
	clear:both;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #ccc;
	}
/*-- Pager styles --*/
.pager {
	float: right;
	clear: both;
	width: 320px;
	margin: 0 10px 5px 0;
	padding: 0;
	font-size: 12px; 
	color: #999; 
	text-align: right; 
	font-style: italic;
	}
	
.pager A { 
	font-weight:bold; 
	font-style: normal;
	}

.slideShowImg {
	width: 335px;
	}

#imgImageFile {
	width: 335px;
	}

/*-- Talent --*/
div.talentFeatured dl {
	background: #f6f6f6;
	float: left;
	width: 320px;
	display: block;
	margin: 0 0 40px 0;
	padding: 10px;
	border: 1px dashed #ccc;
	}

div.talentFeatured dl h3 {
	text-indent: -9999em;
	margin: 0;
	}

div.talentFeatured dl dt.image {
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	}
	
	div.talentFeatured dl dt.image img {
		width: 50px;
		height: 50px;
		}
		
div.talentFeatured dl dt, div.talentFeatured dl dd {
	margin: 0;
	padding: 0;
	}

div.talentFeatured dl dd.title {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #778dab;
	}

/*-- Talent List --*/
dl.talentList {
	float: left;
	width: 330px;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	}

dl.talentList dt {
	margin: 0;
	padding: 0;
	}

dl.talentList dt.category {
	font: 22px "Times New Roman", Times, serif;
	font-weight: normal;
	color: #ef7632;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	clear: both;
	background: #eef9fa;
	}

dl.talentList dt.image {
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	}
	
	dl.talentList dt.image img {
		width: 50px;
		height: 50px;
		}
		
dl.talentList dd {
	margin: 0;
	padding: 0;
	}

dl.talentList dd.title {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #778dab;
	}

/*-- Talent Bio --*/
dl.talentBio {
	float: left;
	width: 330px;
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	}

dl.talentBio h2 {
	font: 16px "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0; 
	color: #6795b6;
	border-bottom: 1px dashed #c0dbee;
	}

dl.talentBio dt {
	margin: 0;
	padding: 0;
	}

dl.talentBio dt.image {
	float: left;
	margin: 0 15px 5px 0;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	}
	
	dl.talentBio dt.image img {
		}
		
dl.talentBio dd {
	margin: 0;
	padding: 0;
	}

dl.talentBio dd.title {
	font: 20px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #778dab;
	}

dl.talentBio dd.description {
	line-height: 2;
	margin: 0 0 40px 0;
	}

dl.talentBio dd.return {
	display: block;
	margin: 0;
	}

dl.talentBio ul li {
	margin: 0 0 0 35px;
	}






























/*-- default CSS --*/	
ul, li, ol, form {margin:0; padding:0}

h4, h5, h6 {margin:0 0 15px 0; padding:0}
p {margin:0 0 10px 0; padding:0}

h1 {
	font: 20px "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0; 
	color: #6795b6;
	border-bottom: 1px dashed #c0dbee;
	}
h2 {
	font: 18px "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	padding: 0; 
	color: #6795b6;
	}
h3 {
	color: #9f81b5;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}
h4 {
	color: #9f81b5;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	}
p {
	margin:0 0 15px 0;
	}
.footer { 
	color: #666666; 
	background-color: #b9bd9b;
	padding: 10px 0; 
	}
.footer A { color: #666666;}

/*.button1 {
	color: #fff;
	background:#9b5f0c;
	padding: 1px 5px;
	border: 3px double #663300;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}
.button1:hover, .submit:focus {
	border: 3px double #993300;
	}
.button2 {
	color: #000;
	background:#fcbb1c url(images/button1.jpg) repeat-x;
	padding: 0px;
	border: 1px solid #EFA803;
	font-size: 9px;
	margin:0 10px 0 0;
	width:auto;
	overflow:visible;
	}
.button2:hover, .submit:focus {
	border: 1px solid #FFFFFF;
	}*/
/*--other needed one*/
.bannerTop {
	margin:0 0 15px 0;
	}
.bannerTop img {
	width:465px;
	}
.bannerRight {
	margin:0 0 15px 0;
	}
.bannerRight img {
	width:150px;
	}
.bannerLeft {
	margin:0 0 15px 0;
	}
.bannerLeft img {
	width:150px;
	}
/*-- tables --*/
table .help { color: #006699; }
table .help A { color: #006699; }

.error {  color: #CC0000; 	font-weight: bold; }
.error A { color: #CC0000;}
.required { color: red; font-weight: bold; }

.plainlabel td label {
	font-weight: normal;
	float:none;
	display:inline;
	}

.table1 {
	color: #000; 
	border: 1px solid #b9d6f0; 
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background: #f4faff; 
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	}
.table1 A { color: #333;}

.table1 td { padding: 4px 15px 4px 4px; vertical-align: top;}
.table1 label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table1 th, .table1 .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #333;
	background-color: #b9d6f0;
	vertical-align: top;
	}

.table1 th, .table1 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table1 th A, .table1 .tablehead A {color: #5284a8;}

.table1 .alt { background:#C8C8A8;}

.table1 .pager { color: #9b5f0c;}
.table1 .pager A { color: #9b5f0c;}

.table2 {
	color: #000;
	background:#FFFFFF;
	border:1px solid #FF9900;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	border-collapse: collapse;
	width:500px;
	}
.table2 A { color: #003C7B;}

.table2 td { padding: 4px 15px 4px 4px;}
.table2 label {
	display:block;
	margin:6px 0 0 0;
	font-weight: bold;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.table2 th, .table2 .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9900;
	}

.table2 th, .table2 .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.table2 th A, .table2 .tablehead A { color: #000000;}

.table2 .alt {
	background:#FCE8DA;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #FFCC66;
}

.table2 .pager { color: #000000; background:#FFFFFF; }
.table2 .pager A { font-weight:bold; }

	
/* THESE ARE USED BY GLOBAL ADMIN 
.content
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.button {
	color: #000;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}
.tablea 
{
	COLOR: #000; 
	background:#cc6600; 
	border:1px solid #cc6600; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefe1; 
	width: 100%;
	border-collapse: collapse; 
}
.tablea A:link { COLOR: #000000; text-decoration: underline;}
.tablea A:visited { COLOR: #000000; text-decoration: underline;}
.tablea A:active { COLOR: #000000; text-decoration: underline;}
.tablea A:hover { COLOR: #000000; text-decoration: none;}

.tablea td { padding: 2px; border: 1px;}

.tablea th {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cc6600;
	padding: 4px;
}
.tablea th A:link { color: #FFFFFF; text-decoration: underline;}
.tablea th A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea th A:active { color: #FFFFFF; text-decoration: underline; }
.tablea th A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cc6600;
	padding: 20px;
}
.tablea .header A:link { color: #FFFFFF; text-decoration: underline;}
.tablea .header A:visited { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:active { color: #FFFFFF; text-decoration: underline; }
.tablea .header A:hover { color: #FFFFFF; text-decoration: none; }

.tablea .header td { padding: 2px;}

.tablea .footer { 
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #cc6600;
}
.tablea .footer td { text-align: center;}
.tablea .alt { background:#E2E2D2;}
.tablea .pager { font-size: 12px; COLOR: #000000; background:#FFFFFF; }
.tablea .pager A         { font-weight:bold; }

.tableb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	border: 1px solid #794500;
	background: #ffffff;
	color: #000000;
	border-color: #794500;
	border-collapse: collapse;
}
.tableb A:link { COLOR: #003C7B; text-decoration: underline;}
.tableb A:visited { COLOR: #003C7B; text-decoration: underline;}
.tableb A:active { COLOR: #003C7B; text-decoration: underline;}
.tableb A:hover { COLOR: #003C7B; text-decoration: none;}

.tableb td { padding: 2px; border: 1px; }

.tableb th {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background-color: #96accb;
	padding: 4px;
}
.tableb th A:link { color: #000000; text-decoration: underline;}
.tableb th A:visited { color: #000000; text-decoration: underline; }
.tableb th A:active { color: #000000; text-decoration: underline; }
.tableb th A:hover { color: #000000; text-decoration: none; }

.tableb .header 
{
    text-align:left;
    display: block;
	font-size: 10px;
	line-height: 17px;
	font-weight: bold; 
	color: #000;
	background-color: #96accb;
	padding: 3px;
}
.tableb .header A:link { color: #000; text-decoration: underline;}
.tableb .header A:visited { color: #000; text-decoration: underline; }
.tableb .header A:active { color: #000; text-decoration: underline; }
.tableb .header A:hover { color: #000; text-decoration: none; }

.tableb .header td { padding: 2px; }

.tableb .footer { 
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-align: center;
	background-color: #96accb;
}
.tableb .footer td { text-align: center;}
.tableb .alt { background:#DDD;}
.headerBG { font-family: Verdana; font-size: 12px;}
*/


/*-- Fieldset Styles --*/
.fieldsetSmall { 
	float: left; 
	display: block;
	width: 315px; 
	}
	
.fieldsetSmall li { 
	width: 300px; 
	}
	
.size300 { width: 300px; }

fieldset {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 10px;
	clear: both;
	color: #666;
	display: block;
	}

fieldset h3 {
	font: 14px Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 20px 0;
	padding: 0;
	}


fieldset legend {
	font-size: 14px;
	margin: 0;
	padding: 0 20px;
	float: left;
	font-weight: bold;
	color: #7b4f99;
	}
	
fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

fieldset li {
	width: 310px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	}
fieldset h2 {
	clear:both;
	}
.confirmation fieldset ul {
	width: 250px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	height:200px;
	}
.confirmation fieldset li {
	width: 230px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	clear:both;
	}
.confirmation fieldset h2 {
	width: 230px;
	float: left;
	}
fieldset li label {	
	float: left;
	width: 120px;
	line-height: 1.8;
	vertical-align: top;
	}

/*fieldset li input {	
	float: left;
	width: 170px;
	vertical-align: top;
	}*/
		
fieldset .required {
	color: red;
	}
	
fieldset .help {
	clear: both;
	color: #0066FF;
	margin: 0;
	background: white;
	}
fieldset ul li .error {
	margin: 0 5px;
	background: url(images/icon_alert.png) no-repeat left top;
	height: 20px;
	width: 20px;
	text-indent: -9999em;
	}
fieldset ul li span {
	float: left;
	padding: 0 5px 0 0;
	}

/*fieldset ul li span input {
	float: none;
	width: 50px;
	}*/

fieldset ul li span label {
	width: auto;
	display: block;
	clear: both;
	}

/*-- Radio Styles --*/
fieldset ul li.radio span {
	padding: 0 5px 0 0;
	width: 130px;
	}

fieldset ul li.radio span input {
	float: left;
	width: auto;
	}

fieldset ul li.radio span label {
	float: left;
	display: inline;
	width: 100px;
	clear: none;
	}
	
.buttons li {
	float:left;
	padding:0 10px 0 0;
	list-style:none;
	}
	
input.button {
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}

.buttonClear {
	float:left;
	clear: both;
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}

fieldset ul li input.button {
	float: left;
	clear: both;
/*	color: #fff;
	background: #96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width: auto;
	overflow: visible;*/
	}

fieldset li.checkboxWrap {
	float: left;
	clear: both;
	width: 300px;
	}

	fieldset li.checkboxWrap input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		}
	
	fieldset li.checkboxWrap label {
		float: left;
		width: 250px;
		padding: 0;
		margin: 0;
		}


/*fieldset li.checkboxWrapWide {
	float: left;
	clear: both;
	width: 500px;
	margin: 0 20px 0 0;
	margin:
	}

	fieldset li.checkboxWrapWide input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		}
	
	fieldset li.checkboxWrapWide label {
		float: left;
		width: 250px;
		padding: 0;
		margin: 0;
		}*/

/*fieldset li.checkboxWrap2 {
	float: left;
	width: 300px;
	}

	fieldset li.checkboxWrap2 input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		}
	
	fieldset li.checkboxWrap2 label {
		float: left;
		width: 60px;
		padding: 0;
		margin: 0;
		}
*/


/*-----------------------------------------*/
/*----------- PageWrap2 Styles ------------*/
/*-----------------------------------------*/
.pageWrap2 {
	width: 916px;
	margin: 0 0 0 18px;
	}

	.pageWrap2 .col2 {
		width: 615px;
		margin: 0;
		padding: 15px 0 0 0;
		}
	
	.pageWrap2 .col3 {
		display: none;
		}

.pageWrap2 fieldset li.clearBoth {
	clear: both;
	display: block;
	float: left;
	width: 500px;
	}

.pageWrap2 fieldset li.clearLeft {
	clear: left;
	float: none;
	}

.pageWrap2 .col2 fieldset li.checkboxWrap {
	float: left;
	clear: both;
	width: 500px;
	}

	.pageWrap2 .col2 fieldset li.checkboxWrap input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		}
	
	.pageWrap2 .col2 fieldset li.checkboxWrap label {
		float: left;
		width: 400px;
		padding: 0;
		margin: 0;
		}

.textarea {
	font: 12px Arial, Helvetica, sans-serif;
	}

/*-- Fieldset Styles --*/
.pageWrap2 fieldset {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
	width: 580px;
	color: #666;
	}

.pageWrap2 fieldset h3 {
	font: 14px Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 20px 0;
	padding: 0;
	}

.pageWrap2 fieldset legend {
	font-size: 14px;
	margin: 0;
	padding: 0 20px;
	float: left;
	font-weight: bold;
	color: #7b4f99;
	}
	
.pageWrap2 fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

.pageWrap2 fieldset li {
	width: 280px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	/*background: lightyellow;*/
	}

.pageWrap2 fieldset li label {	
	float: left;
	width: 250px;
	line-height: 1.8;
	vertical-align: top;
	}

.pageWrap2 fieldset li input {	
	clear: both;
	float: left;
	width: 150px;
	vertical-align: top;
	}
		
.pageWrap2 fieldset li input.noFloat {	
	clear: none;
	float: left;
	width: 150px;
	vertical-align: top;
	}
		
.pageWrap2 fieldset .required {
	color: red;
	}
	
.pageWrap2 fieldset .help {
	clear:both;
	color:#0066FF;
	margin:0 0 0 150px;
	}
fieldset ul li span.help {
	clear: both;
	width: 320px;
	color: red;
	margin: 5px 0;
	}
.pageWrap2 fieldset ul li span {
	float: left;
	padding: 0 5px 0 0;
	}

.pageWrap2 fieldset ul li span input {
	float: none;
	width: 50px;
	}

.pageWrap2 fieldset ul li span label {
	width: auto;
	display: block;
	clear: both;
	}

/*-- Radio Styles --*/
.pageWrap2 fieldset ul li.radio span {
	padding: 0 5px 0 0;
	width: 130px;
	}

.pageWrap2 fieldset ul li.radio span input {
	float: left;
	width: auto;
	}

.pageWrap2 fieldset ul li.radio span label {
	float: left;
	display: inline;
	width: 100px;
	clear: none;
	}
.pageWrap2 .buttons li {
	float:left;
	padding:0 10px 0 0;
	list-style:none;
	}

.pageWrap .buttonClear, .pageWrap2 .buttonClear {
	float:left;
	clear: both;
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}

/*-- Input Sizes --*/
.size300 {
	width: 300px;
	}
	
.buttonWrap {
	margin: 0 0 20px 0;
	}

/* MEMBER REQUIRED CLASSES */
.dashNav {
	margin: 0 0 20px 0;
	}


.memberlastvideo {}

/*-- Member Text --*/
.membertext {
	margin: 0 0 30px 0;
	}

.membertext h3 {
	margin: 0 0 5px 0;
	}

.membertext .welcomeTxt {
	font-size: 12px;
	}

.membertext .welcomeTxt .name {
	font-size: 12px;
	font-weight: bold;
	}

.membertext .date {
	font-style: italic;
	display: block;
	}

.membertext ul {
	margin: 0 0 15px 20px;
	list-style-position: inside;
	}

.videosOnDemand, .videosOnDemand a {
	display: block;
	list-style: none;
	text-indent: -9999em;
	width: 130px;
	height: 15px;
	background: url(/images/qnn/videosOnDemand.gif) no-repeat left top ;
	}

/*-- Member News --*/
.membernews {
	margin: 0 0 20px 0;
	}
.membernews h2 {
	border-bottom: 1px dashed #c0dbee;
	}
.membernews dl {
	margin: 0 0 10px 0;
	padding: 0;
	clear:both;
	}
.membernews dd {
	margin: 0 0 2px 0;
	padding: 0;
	}
.membernews dd.image {
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	}
.membernews dd.image img {
	width:80px;
	}

.membernews dt {
	color: #9f81b5;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding:0;
	}
.membernews dt a {
	color: #9f81b5;
	}



/*-- Member Favorites --*/
.memberfavorites {
	margin: 0 0 30px 0;
	}

.memberfavorites ul {
	margin: 0 0 15px 0;
	list-style-position: inside;
	list-style-type: disc;
	}

.memberfavorites h2 {
	border-bottom: 1px dashed #c0dbee;
	}

.memberfavorites ul h3 {
	margin: 0 0 5px 10px;
	}
	
.memberfavorites ul li {
	margin: 0 0 2px 20px;
	padding: 0;
	}

/*-- Programs Page Styles --*/
.programs {
	margin: 0 0 16px 0;
	}
	
.programs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
	.programs ul li {
		float: left;
		width: 220px;
		list-style-type: none;
		margin: 0 0 15px 0;
		padding: 5px;
		display: block;
		/*border-bottom: 1px dashed #7db8bd;*/
		}
	.programs ul li h3 {
		margin: 0 0 5px 0;
		}
	* html .programs ul li a {  /* make hover effect work in IE */
		width: 220px;
		}
	
	.programs ul li a, .programs ul li a:visited {
		width: 220px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
		/*border-bottom: 1px dashed #7db8bd;*/
		text-decoration: underline;
		}

	.programs ul li a:hover {
		width: 220px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
		/*background: #eefafb;
		border-bottom: 1px dashed #333;*/
		text-decoration: none;
		}

	.programs ul li a img {
		float: left;
		margin: 0 5px 5px 0;
		padding: 1px;
		border: 1px solid #333;
		}

/*-- Vote Images --*/
.voteImgs {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	}

.voteImgs h3 span{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: normal;
	font-style: italic;
	}

.voteImgs dl{
	float: left;
	width: 130px;
	display: block;
	margin: 0 20px 20px 0;
	padding: 0;
	}

.voteImgs dt {
	margin: 0;
	padding: 0;
	}

	.voteImgs dt img {
		border: 1px solid #ccc;
		margin: 0;
		padding: 1px;
		}
	
.voteImgs dd {
	width: 130px;
	display: block;
	margin: 0;
	padding: 0;
	}

.voteImgs dd span {
	display: block;
	margin: 0;
	padding: 0;
	}

.currentLeader {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
	}



.help {
	clear: both;
	}

.steps {
	list-style-type: none;
	margin: 0 0 20px 0;
	}
	
ul.steps li {
	display: inline;
	width: 32px;
	margin: 0 15px 0 0;
	}
	
.important {
	font-size: 12px;
	font-weight: bold;
	}

.secCodeHelp {
	clear: both;
	display: both;
	width: 200px;
	}	
	
.CCMonth table {
	float: left;
	clear: both;
	}
	
/*.col2 fieldset {
	width: 200px;
	}
	
.col2 fieldset li {
	display: inline;
	}*/
	
.videoSkin {
	position:relative;
	background: url(images/qnn/video_skin_bg.jpg) no-repeat;
	float:left;
	padding:67px 20px 0 20px;
	width:655px;
}

.videoSmallPlayer {
	float:left;
}

.videoBanManAd {
	float:right;
}

.videoReturn {
	position:absolute;
	top:10px;
	left:0;
	}
.videoReturn a {
	display: block;
	text-indent: -9999em;
	width: 67px;
	height: 22px;
	background: url(/images/qnn/return.gif) no-repeat left top;
	}
/* popup */

#popup {
	position:absolute;
	background:#fff;
	z-index:1000;
	left: 50px;
	top: 170px;
	border:2px solid #000;
	width:600px;
}
.popupWrap {
	padding:3px;
	float:left;
}
.popupImage {
	float:left;
	}
.popupContent {
	width:370px;
	float:left;
	padding:10px;
}
.popupContent p {
	padding:0 0 20px 0;
	margin:0;
}
.popupContent fieldset {
	position:relative;
	font: 11px Arial, Helvetica, sans-serif;
	border-style:none;
	margin: 0px 0 20px 0;
	padding: 5px;
	clear: none;
	float:left;
	width:350px;
	}
.popupContent fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

.popupContent fieldset li {
	width: 340px;
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	}
/*fieldset ul li .error {
	margin: 0 5px;
	background: url(images/icon_alert.png) no-repeat left top;
	height: 20px;
	width: 20px;
	text-indent: -9999em;
	}
fieldset ul li span {
	float: left;
	padding: 0 5px 0 0;
	}*/
.popupContent fieldset li label {	
	float: left;
	width: 110px;
	line-height: 1.8;
	vertical-align: top;
	}
.popupContent fieldset li input.popupInput {	
	float: left;
	width: 170px;
	vertical-align: top;
	}
.popupContent fieldset li select {	
	font: 11px Arial, Helvetica, sans-serif;
	float: left;
	width: 174px;
	}
.popupCloseBar {
	background:#A081B5;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	position:relative;
}
.popupTitle {
	float:right;
	padding:8px 14px;
	float:left;
	color:#fff;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bolder;
	margin:0px;
	list-style:none;
	width:200px;
}
.popupClose {
	Position:absolute;
	top:3px;
	right:10px;
	margin:0px;
	width:200px;
	text-align:right;
}

a.popupClose {
	color:#FFFFFF;
	}
.popupGuarantee {
	border:1px solid #666;
	padding:2px;
	font-size:11px;
	color:#666;
	clear:both;
}