@import url(reset.css);
@import url(home.css);
@import url(account.css);

body {
	background: #e2e2f2 url(/images/bg_body.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	padding-top: 20px;
	}
	
input[type="text"],
textarea { border: 1px solid #000; }
	
	
/* =LAYOUT
******************************************************************/
div#header {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index:3;
	line-height: 1;
	margin-top: 20px;
	background: transparent url(/images/nyu_circle.png) 0 3px no-repeat;
	height: 130px;
	}
	
div#tab-nav { position: absolute; right: 0; top: 0; padding-right: 60px; padding-top: 30px;}

div#tab-nav ul { list-style: none;}
div#tab-nav li { display: inline; padding-left: 15px;}

div#tab-nav a { color: #000; background: transparent; text-decoration: none; font-weight: bold;}
div#tab-nav a:hover { text-decoration: underline;}


div#header a#skipToContent { display: none; }

div#header h1#programName {
	width: 329px;
	/*background: yellow url(/images/wellness_exchange.gif) top left no-repeat;*/
	position: relative;
	margin-left: 125px;
	padding-top: 20px;
	}

div#header h1#programName a {
	display: block;
	height: 0 !important;
	width: 329px;
	padding-top: 33px;
	overflow: hidden;
	background: transparent url(/images/wellness_exchange.gif) top left no-repeat;
	}
	
div#header h2#school { 
	height: 0 !important;
	padding-top: 127px;
	width: 126px;
	background: transparent url(/images/nyu_circle.png) top left no-repeat;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 0px;
	}
* html div#header h2#school { 
	background: transparent url(/images/nyu_circle_ie.gif) top left no-repeat;
	}


div#contentHeader { position: relative; }

div#contentHeader h2 {
	height: 0 !important;
	padding-top: 118px;
	background: transparent url(/images/nyu_wxc_num.png) top left no-repeat;
	overflow: hidden;
	width: 114px;
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 2;
	}
* html #contentHeader h2 { 
	background: transparent url(/images/nyu_wxc_num-ie.gif) top left no-repeat;
	}
	
div#contentHeader h3 {
	height: 0 !important;
	padding-top: 164px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
div#contentHeader h3#tooMuch {
	background: transparent url(/images/img_header.jpg) top left no-repeat;
	}
div#contentHeader h3#underPressure {
	background: transparent url(/images/img_header1.jpg) top left no-repeat;
	}
div#contentHeader h3#friendsFor {
	background: transparent url(/images/img_header2.jpg) top left no-repeat;
	}
div#contentHeader h3#call {
	background: transparent url(/images/img_header3.jpg) top left no-repeat;
	}
div#contentHeader h3#default {
	background: transparent url(/images/img_default.jpg) top left no-repeat;
	}

	
div#content {
	width: 800px;
	margin: -77px auto 0 auto;
	text-align: left;
	position: relative;
	z-index:1;
	background: #888 url(/images/bg_container.gif);
	padding-bottom: 10px;
	padding-top: 1px;
	
	}
	
	
div#index-content {
	width: 800px;
	margin: -77px auto 0 auto;
	text-align: left;
	position: relative;
	z-index:1;
	background: #888 url(/images/bg_container.gif);
	padding-bottom: 10px;
	padding-top: 1px;
	}


div#defaultContent {
	padding: 30px;
	background: transparent url(/images/bg_content_one_col2.jpg) center center repeat-y;
	margin: 10px 10px 0 10px;
}
	
div#contentWrapper {
	background: #888 url(/images/bg_content_one_col2.jpg) center center repeat-y;
	float: left;
	width: 100%;
	}
	
div#contentWrapperOneCol {
	background: transparent url(/images/bg_content_one_col2.jpg) center center repeat-y;
	padding: 20px;
	}

	
div#scenarioWrapper {
	background: transparent url(/images/bg_content_one_col.jpg) center center repeat-y;
	padding: 0 10px;
	padding-left: 11px;
	margin-top: 13px;
	}
	
div#certificateSurvey {
	padding: 20px 50px;
	background: #ffc;
	margin-top: 20px;
	}

div#oneColumn {
	padding: 20px 30px;
}

div#mainContent {
	float: left;
	width: 525px;
/*	width: 725px;*/
	margin-left: 30px;
	padding: 20px 0;
	display: inline;
	overflow: hidden;
	}
	

	
div#sidebar {
	float: right;
	width: 180px;
	margin-right: 30px;
	display: inline;
	padding: 20px 0; 
	position: relative;
	}
	
div#pre-test-survey { text-align: left;}
div#post-test-survey { text-align: left;}
	
div#pre-test-survey div#survey { padding: 20px; border: 1px solid #000; }
div#post-test-survey div#survey { padding: 20px; border: 1px solid #000; }
	
div#survey div.question { padding-bottom: 10px;}
div#survey div.label { font-weight: bold;}
	
div.clear { clear: both; }



/* =TYPOGRAPHY
******************************************************************/
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Franklin Gothic", Arial, Verdana, sans-serif; line-height: 1.25; }
h1 { font-size: 200%; } 
h2 { font-size: 180%; } 
h3 { font-size: 160%; } 
h4 { font-size: 140%; } 
h5 { font-size: 120%; } 
h6 { font-size: 100%; } 

p, ul, ol { margin: 1em 0; }

ul, ol { margin-left: 3em; }

ul { 
	list-style: none;
	}
li { 
	list-style: square;
	}
ol li { list-style: decimal; }	
ol ul li { list-style: square; }	

#contentWrapperOneCol li,
#mainContent li {
	}

ol { list-style:decimal; }

blockquote {
	padding: 20px;
	font-size: 85%;
	font-style: italic;
	}

div#content { line-height: 1.5; }

div#contentWrapperOneCol,
div#mainContent { color: #333; }

div#sidebar { font-size: 85%; }

div#mainContent h4,
div#mainContent h5,
div#mainContent h6,
div#sidebar h4,
div#sidebar h5,
div#sidebar h6 {
	margin-top: 2em;
	}
	
div#sidebar h3,
div#sidebar h4,
div#sidebar h5,
div#sidebar h6 {
	font-weight: bold;
	}
	
div#sidebar div#helpful-links-ad h3 {
	background: transparent url(/images/hdr_helpful_links.gif) top left no-repeat;
	height: 0 !important;
	padding-top: 15px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 2em;
	}
	
div.nyuDrug { position: relative; }

div.drugName { 
	cursor: pointer; 
	text-decoration: underline;
	}
	
div.drugDescription { 
	display:block; 
/*
	position:absolute;
	bottom:0;
	left:-230px;
	width:200px;
*/
	position: relative;
	border: 1px solid #000;
	background-color: #fff;
	color:#000;
	height:200px;
	overflow:auto;
	padding:5px;
	font-size:80%;
	width: 160px;
	}

div#mainContent strong.large { font-size: 175%; line-height:1.25; color: #000; }

div.hide { display: none; }

span.big { font-size: 150%; font-weight: bold; }

p.warning { background: #ffc; padding: 5px; }

.burgandy { color: #6d2929; }


/* =LINKS
******************************************************************/

a:link { color: #9290b2; background-color: #f7e593; }
div#sidebar a:link { background-color: transparent; }

a:visited { color: #888; background-color: #f7e593; }
div#sidebar a:visited { background-color: #000; }

a:hover { background-color: #444; color: #f7e593; }
div#sidebar a:hover{ background-color: #444; }

p.warning a:link { background-color: transparent; }
p.warning a:hover { background-color: #444; }

div#links {
	background: url(/images/btn_home.gif) top left no-repeat;
	margin-top: 20px;
	}

div#links a {
	display: block;
	height: 0 !important;
	overflow: hidden;
	padding-top: 22px;
	background: url(/images/btn_home.gif) top left no-repeat;
	}
	

/* link icons */

/*
div#contentWrapperOneCol a[href^="http:"],
div#mainContent a[href^="http:"],
div#sidebar a[href^="http:"] { 
	background-image: url(/images/www-external-icon.gif); 
	padding-right: 13px; 
	background-position: right bottom;
	background-repeat: no-repeat;
	}
	
div#contentWrapperOneCol a[href^="mailto:"],
div#mainContent a[href^="mailto:"],
div#sidebar a[href^="mailto:"] { 
	background-image: url(/images/mail-icon.gif); 
	padding-right: 13px; 
	background-position: right bottom;
	background-repeat: no-repeat;
	}
	
div#contentWrapperOneCol a[href$=".pdf"],
div#mainContent a[href$=".pdf"],
div#sidebar a[href$=".pdf"] { 
	background-image: url(/images/pdf-icon.gif); 
	padding-right: 13px; 
	background-position: right bottom;
	background-repeat: no-repeat;
	}
*/
	
img.img-right { float: right; margin-left: 10px; margin-bottom: 10px; }
div.img-center { text-align: center; margin: auto; }

.table-border{
	border:#000 1px solid;
}
.table-border td{
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
}
.table-border-right-last{
	border-right:none!important;
}
.table-border-bottom-last{
	border-bottom:none!important;
}