/* CSS Document */

body {
	background-color:#333399; /*background-color:#468cff;*/
}

/* Basic HTML Elements
-------------------------------------------------------------------------------------  Basic HTML Elements */
h1, h1.replace {
	padding-top:236px;	
	padding-bottom:0;
	padding-left:5px;
	font:800 200%/24px Tahoma,Geneva,Kalimati,sans-serif;
	color:#468CFF;	
}
h1.replace { 
	background-image:url("/gfx/h1_replace.gif");
}
h1.replace strong {
	height:40px;  
}
h1.reducedmargin {
	padding-top:205px;
}
h2, 
.box h2 {	
	line-height:20px;
	font-size:150%;	
	font-family:Arial,Verdana,Sans-serif;		
	color:#77ABFF;
}
.box h2 {
	font-weight:bold;
	font-size:120%;	
}
h2 strong {
	font-weight:500;
	font-size:90%;
}
h2 a:link, 
h2 a:visited {
	color:#468CFF;
}
h3, 
h3 a:link, 
h3 a:visited {
	border-bottom:none;
	font-size:1.05em;
	font-family:Arial,Verdana,Sans-serif;	
	text-decoration:none;	
	color:#3333CC;
}
h3 {
	color:#77ABFF;
}
.box h3 {
	font-style:normal;
}
.xcol h3 {
	font-size:1.15em;
}
p {
	margin-bottom:1.4em;
	font-size:100%;
}
.xcol p {
	margin-bottom:1em;
}

hr  {
	height:1px;
	margin-top:5px;
	margin-bottom:10px;
	background-color:#468CFF;
	color:#468CFF;
}

/* Layout
--------------------------------------------------------------------------------------------------  Layout */
#body-wrap {
	border-color:#468CFF;
}
.col-MS .maincol, 
.col-SM .maincol, 
.col-index .maincol {
	width:412px;
}
.col-MS .subcol, 
.col-SM .subcol, 
.col-index .subcol {
	width:414px;
}

/* Header
--------------------------------------------------------------------------------------------------  Header */
#header-wrap {
	height:180px;
	background-image:url("/gfx/bg_header.gif");
}  
#header {
	height:180px;	
	background-image:url("/gfx/masthead.jpg");
}	

/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */
#nav {
	background:url("/gfx/bg_nav.gif") no-repeat center bottom;
}
#nav div {
	padding-left:5px;
}
#nav a {
	margin-right:5px;
	border:1px solid #D2E3FF;
	border-bottom-color:#B8D3FF;
	background:url("/gfx/btn_subnav.gif");
}
#nav a:hover {
	border-color:#B8D3FF;
}
#nav a span {		
	color:#71B3FF; 
}
#nav a:hover span {
	color:#468CFF; 
}
#nav a span {		
	color:#468CFF;
}
#nav a:hover span {
	color:#0066CC; 
}
#nav .current a {
	border:1px solid #B8D3FF;
	border-bottom:none;
	background:#FFFFFF;	
}
#nav .current a span {	
	padding-top:5px;
	color:#0066CC;  
}			

/* Sub Navigation
------------------------------------------------------------------------------------------  Sub Navigation */

#subnav {	
	height:26px;
	bottom:0;
	padding-bottom:5px;
	background:#FFFFFF url("/gfx/bg_subnav_center.gif") bottom left repeat-x;					
}

#subnav .top-horizontal {						
	width:856px;	/* This is the width of #subnav (846px globally) minus the left padding of .top-horizontal (10px), minus the 
							left and right padding of #body-wrap .content (5px + 5px). It isn't necessary if no subnav bg is used in a skin */
}

#subnav a {	
	margin:0 3px;
	border:1px solid #d2e3ff;
	padding:5px 10px;
	background:#EFF9FF url("/gfx/btn_subnav.gif") top left repeat-x;	
}
#subnav a:hover {
	margin:0 3px;	
	border:1px solid #B8D3FF;	
}
#subnav a span {
	margin:0;
	padding:0;
	color:#468CFF;
}
#subnav a:hover span {
	margin:0; 
	padding:0;
	color:#0066CC; 
}
#subnav .current a {	
	border:1px solid #b8d3ff;
	background:#FFFFFF;
}
#subnav .current a span {	
	margin:0; 
	padding:0;
	color:#0066CC;
}

		.subnav {	
			height:26px;
			bottom:0;
			padding-bottom:5px;
			background:#FFFFFF url("/gfx/bg_subnav_center.gif") bottom left repeat-x;					
		}
		
		.subnav .top-horizontal {						
			width:856px;	/* This is the width of #subnav (846px globally) minus the left padding of .top-horizontal (10px), minus the 
									left and right padding of #body-wrap .content (5px + 5px). It isn't necessary if no subnav bg is used in a skin */
		}
		
		.subnav a {	
			margin:0 3px;
			border:1px solid #D2E3FF;
			padding:5px 10px;
			background:#EFF9FF url("/gfx/btn_subnav.gif") top left repeat-x;	
		}
		.subnav a:hover {
			margin:0 3px;	
			border:1px solid #B8D3FF;	
		}
		.subnav a span {
			margin:0;
			padding:0;
			color:#468CFF;
		}
		.subnav a:hover span {
			margin:0; 
			padding:0;
			color:#0066CC; 
		}
		.subnav .current a {	
			border:1px solid #B8D3FF;
			background:#FFFFFF;
		}
		.subnav .current a span {	
			margin:0; 
			padding:0;
			color:#0066CC;
		}
		
		
		.maincol .subnav {
			width:380px;    	
			float:left;	
		}
		
		.maincol .subnav .top-horizontal {	
			width:360px;
			padding:7px 10px 10px 10px;
			background:#FFFFFF url("/gfx/bg_subnav_maincol.gif") top left no-repeat;
		}		
		.maincol .subnav .top-horizontal a {
			float:right;
			border-color:#B8D3FF;
		}
		.maincol .subnav .top-horizontal a span {
			color:#0066CC;
		}
		.maincol .subnav .top-horizontal a:hover {
			border-color:#9EC1FF;
			background:#FFFFFF;
		}

em.current {
	font-style:normal;
}	
	* html em.current {
		padding-right:2px; 
		padding-left:2px;
	}

/* Side Navigation
-----------------------------------------------------------------------------------------  Side Navigation */
.sidenav .newspaper .box,
.sidenav .radio .box, 
.sidenav .tv .box,  
.sidenav .submission .box, 
.sidenav .bookmarks .box {
	display:block;
	/*width:412px;*/
	border:none;
	padding:0;
}
.sidenav .bookmarks .box {
	/*width:400px;*/
	padding-left:10px;
}
.sidenav .tv .box {
	margin-left:5px;
}
.sidenav .tv .bookmarks {
	margin-top:5px;
	margin-bottom:25px;
	margin-left:5px;
}

.bookmarks a {
	float:left;
	margin:0;
	margin-right:4px;
	border:none;	
}
.bookmarks span {
	display:block;
	clear:both;
	font-weight:700;
	font-size:90%;
	color:#77abff;
}
.bookmarks a img {
	margin:0;	
}



.sidenav .submission .box a {
	float:left;	
	width:410px;
	margin:0;
	padding:20px 0px 0px 0px;
	text-decoration:none;
	background:url("/gfx/btn_box_submission_top.gif") no-repeat left top;
	
}
	* html .sidenav .submission .box a {position:relative;}
	


.sidenav .submission .box a:link, .sidenav .submission .box a:visited {
	text-decoration:none;
	border:0;	
}
.sidenav .submission .box a:hover {
	background-position:-410px 0;
}
.sidenav .submission .box a span {
	float:none;
	display:block;
	border:none;
	padding:0px 10px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	background:url("/gfx/btn_box_submission_bottom.gif") no-repeat right bottom;
	color:#474747;	
}



.sidenav .submission .box a span strong {
	display:block;
	font:800 110%/1.125em Georgia, "Times New Roman", Times, serif;
	color:#232020;
}
.sidenav .submission .box a:hover span {
	background-position:0px 100%;
}
.sidenav .submission .box a:hover span strong {
	color:#77ABFF; 
}

/* Index Pages
---------------------------------------------------------------------------------------------- Index Pages */ 
/* Features
------------------------------------------------------------------------------------------------- Features */
/* Boxes
---------------------------------------------------------------------------------------------------  Boxes */

.ltblue .box {background:#fbfdff;border-color:#d2e3ff; width:358px;}

/* Images
--------------------------------------------------------------------------------------------------  Images */
/* Lists
---------------------------------------------------------------------------------------------------  Lists */
ul li {
	background:url("/gfx/bullet.gif") no-repeat 0px 0.5em;
}

/* Pull Content
--------------------------------------------------------------------------------------------  Pull Content */
/* Footer
--------------------------------------------------------------------------------------------------  Footer */
	* html #footer-wrap {
		padding-bottom:35px;
	}

#footer {
/* DO NOT DELETE THIS. This is a reminder that relative positioning breaks printer-friendly pages.			*/
/* Also, it serves no purpose for screen, at least for the urology family. position:relative;				*/	
	height:40px;
	margin-right:-7px;
	margin-bottom:-40px;
	margin-left:-7px;
	border:none;
	padding-top:5px;
	padding-bottom:15px;
	background:url("/gfx/bg_footer.gif") no-repeat center bottom;
}
/* DO NOT DELETE THIS. This is a reminder to NEVER change the margins of the footer with and IE6 * hack. 	*/
/* Doing so will cause the footer peekaboo bug:  * html #footer {margin:0;}									*/	
#footertext, 
#footerlogo {
	padding-left:24px;	
}
#footerlogo {
	display:inline;	
	height:30px;
	background:none;	
}

/* Footnotes
-----------------------------------------------------------------------------------------------  Footnotes */
/* Tables
--------------------------------------------------------------------------------------------------  Tables */
.col-MS .maincol table {
	width:412px;
	margin:10px 0;
}
.question {
	margin:10px 0;
	padding:10px 0;
}
.question p {
	width:400px;
	padding-left:0px;
}
.question table {
	width:412px;
	border:none;
}
.question table th, 
.question table td {
	border:none;
	padding:5px;
}
/*.question .txt {
	width:412px;
	padding-left:5px;
}
.question .txt input {
	width:392px;
}
*/
.question .stem {
	width:400px;
	font-size:110%;
	color:#468CFF;
}
.question hr  {	
	background-color:#F3F3F3;
	color:#F3F3F3;
}

.stem em {
	/*display:block;
	*/font-size:85%;
	color:#666666;
}

.survey-intro p {
	width:400px;
}

table.opt-in, 
table.opt-in th, 
table.opt-in td {
	border:none;
}
table.opt-in td {
	padding:3px 0;
}



/*.survey {
	float:left;	
	display:block;
	clear:both;
	width:380px;
	margin:20px 0 0 10px;
	padding:0;
}

.survey input {
	display:inline;
	float:left;
	width:auto;
	margin:-2px 3px -1px -4px;	
	text-align:left;	
}

.survey .btn label {padding-top:2px; font-size:115%;}

.survey .question {display:block;clear:both;margin-top:0;margin-bottom:10px;}

.survey .question table, 
.survey .question th, 
.survey .question td {border:none;}

.survey .question table {margin-top:0;margin-bottom:0;}
.survey .question td {padding-top:0;}

.survey .question select {margin-top:5px;margin-bottom:15px;}
*/


/* Forms
---------------------------------------------------------------------------------------------------  Forms */
.fieldset {
	border:none;
}
/* Mobile
--------------------------------------------------------------------------------------------------  Mobile */
/* Misc
----------------------------------------------------------------------------------------------------  Misc */
.buttons {
	float:right;
	float:left;
	font-size:1em;
	font-size:90%; 
	font-weight:700;
}
.buttons a {
	float:left;
	margin:0;
	border-bottom:1px solid #DBDFE9;
	padding:0 5px;			
	text-decoration:none;	
	
		margin:0 3px;
		border:1px solid #d2e3ff;	
		/*border:1px solid #add6ad;*/
		
		padding:5px 10px;
		background:#EFF9FF url("/gfx/btn_subnav.gif") top left repeat-x;	
	/*	background:#e6ffe9 url("/gfx/btn_submit.gif") top left repeat-x;	*/
}

.buttons a span {
	display:block;	
	float:left;
	padding:5px 0 4px 0;	
	white-space:nowrap;
	color:#8B9FBA; 

		margin:0;
		padding:0;
		color:#468CFF; 
		/*color:#339933;*/
}

.buttons a:hover {
	cursor:pointer;
	
		margin:0 3px;	
		border:1px solid #B8D3FF;
		background:#FFFFFF;
}

.buttons a:hover span {	
	/*color:#355481;*/

		margin:0; 
		padding:0;
		color:#0066CC; 
}

* html .buttons a:hover span {cursor:pointer;}

.buttons .current a {
	border:none;	
}
.buttons .current a span {
	padding-top:5px;	
	padding-bottom:5px;		
	color:#0066CC;
}
.buttons sup {
	vertical-align:text-top;
	font-size:.8em;
}




.nowrap {
	white-space:nowrap;
}


/* Alignment
-----------------------------------------------------------------------------------------------  Alignment */
/* By default, the site content is centered. To align left, uncomment the lines below.                   */

/*
	* html body {text-align:left;}	
	#body-wrap, #nav, #subnav, #logo-wrap { margin-left:0; }	
	#body-wrap { border:0; padding-left:15px;}
	#header { background-position:left top; }
	#nav div, #subnav .top-horizontal { width:900px; padding-left:20px;}
	#subnav .top-horizontal { background:transparent url("/gfx/bg_subnav_left.gif") no-repeat left bottom; margin-left:-5px; }
*/

/* Skins  
---------------------------------------------------------------------------------------------------  Skins */

.nested fieldset {
	display:block;	
	clear:both;	
	margin-top:10px;
	margin-bottom:10px;
	border:0;
	padding:0;	
}
.nested input, 
.nested textarea {
	display:block;
	width:100%;
	margin-top:2px;
	margin-right:0;
}
/*
.nested select {
	margin-top:3px;
	margin-bottom:1px; 
}*/

.nested select {
	display:block;
}

.nested .width64px, 
.nested .width68px,
.nested .width142px,
.nested .width148px,
.nested .width216px,
.nested .width374px {	
	padding-right:6px;
	margin-right:10px;
}

	* html .nested .width64px, 
	* html .nested .width68px,
	* html .nested .width142px,
	* html .nested .width148px,
	* html .nested .width216px,
	* html .nested .width374px {	
		padding-right:0px;
		margin-right:5px;
	}

.nested .width64px {
	padding-right:0;
}
* html .nested .width64px {
	
	margin-right:10px;
	
}



fieldset .reducedmargin .width64px,
fieldset .reducedmargin .width68px,
fieldset .reducedmargin .width142px, 
fieldset .reducedmargin .width148px,
fieldset .reducedmargin .width216px, 
fieldset .reducedmargin .width374px {
	margin-right:0;
}



.nested .width64px {width:64px;}
	* html .nested .width64px {width:70px;}
.nested .width68px {width:68px;}

.nested .width142px {width:142px;}
	* html .nested .width142px {width:146px;}
	
												.nested .width142px {width:179px;}
												* html .nested .width142px {width:183px;}
	
.nested .width148px {width:148px;}
.nested .width216px {width:216px;}
	* html .nested .width216px {width:224px;}
.nested .width374px {width:374px;}
	* html .nested .width374px {width:380px;}


.nested label, 
.nested .label {
	display:block;
	float:left;	
	margin:0 5px 0 0;
	font-weight:normal;
	font-size:95%;
	color:#333333; 	
}

.dropdown {margin-top:2px;}

.validation {
	clear:left;
	color:#FF0099;	
}
.validation span {
	padding-left:3px;
}

.opt-in label {
	vertical-align:top;
}

.youtubethumb {display:none;}

.bookmarks .box {
	
	width:239px;

	padding-left:0;
}