/* General Styles for NDA website - May 2009 */


/* defaults, globals, and miscellaneous
==============================================================================*/
/* \*/
* html .gainlayout { height: 1%; }
/* */

*, span, form {
	margin: 0;
	padding: 0;
	}
body {
	margin: 0 auto;
	font: normal 12px Trebuchet MS, Verdana, Arial; 
	font-size: .75em;
	text-align: left;
	}
hr {
	margin: 0 10px;
	} 
img {
	border: 0;
	}
#renderprint {
	width: 600px;
	}
.clear {
	clear: both;
	}
.datebold {
	font-weight: 600;
	}
blockquote {
	padding: 0 20px;
	}



/* Link styles
==============================================================================*/

a {
	text-decoration: none;
	font-weight: 600;
	}
h3 a {
	font-weight: 300;
	}
.version a {
	font-weight: 300;
	}
h3 a:hover, .version a:hover {
	font-weight: 300;
	}

#updates a, .updates203 a {
	text-decoration: none;
	font-weight: 600;
	}
.hideme {
	display: none;
	font-size: 0;
	}


/* Header of page - before breadcrumb
==============================================================================*/

#wrap {
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 1007px;
	vertical-align: top;
	}
#header {
	position: relative;
	margin: 0 auto;
	width: 967px;
	height: 160px;
	text-align: left;
	}
#mainbody {
	position: relative;
	margin: 0 auto;
	width: 971px;
	text-align: left;
	}
.maincontent {
	padding: 0;
	width: 967px;
	margin: 0 auto 30px auto;
	clear: both;
	overflow: hidden;
	}
.maincontent1 {
	padding: 0 2px;
	height: 210px;
	}


/* Main logo and system navigation
==============================================================================*/

h1 {
	position: absolute;
	top: 40px;
	height: 72px;
	}
	
	h1 a {
		display: block;
		width: 143px;
		height: 72px;
		text-indent: -5000px;
		overflow: hidden;
		}
	h1 a:hover {
		text-decoration: none;
		}	

#system {
	position: absolute;
	top: 21px;
	left: 247px;
	list-style: none;
	}
	#system ul  {
		margin: 0;
		}
	#system li {
		float: left;
		padding: 0;
		margin: 0;
		display: block;
		overflow: hidden; /* if text-resize, this'll keep the nav the same size */
		}
	#system li a {
		display: block;
		font-weight: 300;
		text-align: center;
		overflow: hidden;
		}
		.sysskip {
			width: 15px;
			padding: 0 2px;
			position: relative;
			text-indent: -5000px;
			}
		.sysnorm {
			padding: 0 5px;
			}


/* search setup
==============================================================================*/

#search {
	/* position: absolute; - removing this fixes firefox problem*/
	position: absolute;
	left: 728px;
	top: 0;
	width: 239px;
	height: 39px;
	text-align: left;
	}
	#search form {
		position: relative;
		}
	#search fieldset {
		float: left; /* forces Mozilla to shrink form to size */
		border: 0 none;
		}
	#search label {
		display: none;
		}
	#search input {
		font-size: 11px;
		line-height: 11px;
		width: 150px;
		margin: 0;
		padding: 0;
		}
	#search .inputbutton {
		float: left;
		padding: 22px 0 0 3px;
		width: 150px;
		}
	#search .gobutton {
		float: right;
		padding: 19px 0 0 0;
		width: 79px;
		}
		#search .gobutton img {
			width: 79px;
			height: 20px;
			}


/* standard layouts
==============================================================================*/

#printpage {
	float: right;
	width: 20px;
	}
#printpage a {
	display: block;
	width: 15px;
	height: 41px;
	position: relative;
	text-indent: -5000px;
	}

/* standard layouts
==============================================================================*/

p, .bread { 
	font-size: 100%;
	line-height: 120%;
	padding: 5px 10px;
	margin: 0;
	}
.bread {
	
	}
ul  {
	margin: 0 0 0 20px;
	list-style-type: circle;
	}
ol  {
	margin: 0 0 0 30px;
	}
li {
	font-size: 100%;
	}

h2, .white317_1 h2, .beige317_1 h2 {
	font-size: 120%;
	font-weight: 300;
	margin: 5px 10px;
	padding: 5px 0;
	}
	h2 a {
		font-weight: 300;
		}
h3  {
	font-size: 130%;
	font-weight: 300;
	margin: 0 1px;
	padding: 5px 10px;
	}
.dealing01 {
	font-size: 130%;
	font-weight: 500;
	margin: 0;
	padding: 5px 10px 0 10px;
	}
.dealing02 {
	font-size: 160%;
	font-weight: 400;
	margin: 0;
	padding: 0 10px 5px 10px;
	}

/* standard layouts - white alternatives
==============================================================================*/

.updates03 p, .updates02 p { 
	font-size: 100%;
	line-height: 120%;
	padding: 5px 5px 5px 10px;
	margin: 0;
	}


/* Mainbody styles
==============================================================================*/

#mainbody ul  { 
	margin: 0 0 0 10px; 
	padding: 0; 
	list-style: none;
	}	
#mainbody li  {
	margin: 0;
	line-height: 14px;
	padding: 5px 10px 5px 16px;
	position: relative;
	display: block;
	overflow: hidden;
	}
#mainbody ol li  {
	margin: 0;
	line-height: 14px;
	padding: 5px 10px 5px 0;
	position: relative;
	}
	
/* Mainbody styles - white alternatives
==============================================================================*/

#updates ul  { 
	margin: 0 0 0 10px; 
	padding: 0; 
	list-style: none;
	}	
#updates li  {
	margin: 0;
	line-height: 14px;
	padding: 5px 10px 5px 16px;
	position: relative;
	}

/* page index styles
==============================================================================*/

.pi01, .pi03  {
	padding: 5px 0;
	font-size: 100%;
	width: auto;
	line-height: 14px;
	}
	.pi01 p {
		padding: 0 10px;
	}
.pi02, .pi06 {
	margin: 5px 10px 0 10px;
	}
.pi02 br, pi01 br, .pi03 br{
	display: none;
	line-height: 0px;
	font-size: 0px;
	}
.pi02 p {
	padding: 0 0;
	margin: 0 0;
	}
a.pi01  {
	display: block;
	width: 182px;
	}
a.pi03  {
	display: block;
	width: 182px;
	}
.elementpad {
	padding: 5px 10px;
	}

/* Image styles and alignment styles
==============================================================================*/

.resultheader {
	margin: 0 10px;
	}
.resultfooter {
	margin: 0 10px;
	clear: left;
	}
.resultheader2 {
	margin: 0 10px;
	}
.resultfooter2 {
	margin: 0 10px;
	clear: both;
	}
.imgshow {
	padding: 5px 0;
	text-align: center;
	}
.imgfright {
	padding: 0 0 0 10px;
	float: right;
	}


/* tables for use 
==============================================================================*/

#selector, .selector, .selector2, .selector3 {
	margin: 5px 10px;
	}
#selector th, .selector th, .selector2 th, .selector3 th {
	font-size: 100%; 
	text-align: center; 
	padding: 3px; 
	}
#selector td, .selector td, .selector2 td, .selector3 td {
	font-size: 100%; 
	padding: 2px; 
	vertical-align: top;
	}
#selector td, .selector td {
	text-align: left; 
	}
.selector2 td {
	text-align: right;
	}
	#selector td.icons, .selector td.icons {
		text-align: center;
		}

.CS_DataSheet_Table td {
	padding: 2px 0 2px 5px;
	}
	.CS_DataSheet_Table td.CS_DataSheet_Data_First_Column {
		padding-left: 0;
		}
.CS_DataSheet_Data_Row_Alternate td {
	background: #CDD5D8;
	}

/* snippets 
==============================================================================*/

.img_right {
	float: right;
	}
.img_left {
	float: left;
	}
.img_left, .img_right {
	margin: 5px 10px;
	padding: 5px;
	display: block;
	}
div.img_left, div.img_right {
	padding: 0;
	}
.highlighttxt {
	margin: 5px 10px;	
	padding: 5px;
	overflow: hidden;
	}
	.highlighttxt .img_left { margin-left: 5px; }
	.highlighttxt .img_right { margin-right: 5px; }
	
.caption_right {
	float: right;
	}
.caption_left {
	float: left;
	}
	.caption_left .img_left, .caption_right .img_right {
		/*float: none;*/
		}
	.caption_right p {
		float: right;
		}
	.caption_left p {
		float: left;
		}
	.caption_right p, .caption_left p {
		padding-top: 0;
		text-align: center;
		clear: both;
		}


/* site performance updates 
==============================================================================*/

.perform {
	width: 545px;
	margin: 0 1px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	}
.perform2 {
	width: 545px;
	margin: 0 1px;
	height: 31px;
	line-height: 31px;
	}
.per01 {
	float: left;
	width: 225px;
	height: 30px;
	text-align: center;
	}
.per02 {
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	}
.per03 {
	float: left;
	width: 225px;
	height: 30px;
	margin: 1px 0 0 0;
	text-align: center;
	}
.per04 {
	float: left;
	width: 79px;
	height: 30px;
	margin: 1px 0 0 1px;
	text-align: center;
	}


/* site performance updates (NEW)
==============================================================================*/

.siteper {
	width: 545px;
	margin: 0 1px;
	font-weight: bold;
	font-size: 85%;
	height: 35px;
	}
.siteper2 {
	width: 545px;
	margin: 0 1px;
	height: 30px;
	line-height: 31px;
	}
.sper01 {
	float: left;
	width: 95px;
	height: 35px;
	text-align: center;
	}
.sper02 {
	float: left;
	width: 74px;
	height: 35px;
	text-align: center;
	}
.sper03 {
	float: left;
	width: 95px;
	text-indent: 2px;
	height: 30px;
	text-align: left;
	}
.sper04 {
	float: left;
	width: 74px;
	height: 30px;
	text-align: center;
	}
	
/* 2011 update */

.siteper { font-size: 100%; font-weight: 300; line-height: 35px; margin-top: 10px; }

.sper02, .sper04 { width: 149px; }
.sitepage .sper02, .sitepage .sper04 { width: 180px; }


/* page footer
==============================================================================*/

#foot {
	margin: 10px auto 0 auto;
	padding: 10px;
	text-align: center;
	clear: both;
	width: 947px;
	}


/* Forms - site selctor
==============================================================================*/

.formholder input, textarea, select, button { 
	margin: 5px 0 5px 10px;
	padding: 1px 0;
	width: 145px;
	font-size: 100%;
	}
select {
	font-weight: 600;
	font-size: 90%;
	}


/* Forms - email updates 01
==============================================================================*/

.formholder02 input {
	width: 142px;
	font-size: 90%;
	padding: 1px 0;
	border: 0;
	margin: 0;
	}
.formholder02 input.submit {
	text-indent: 0;
	border: 0;
	padding: 0;
	width: 142px;
	}
input.checkbox {
	float: left;
	margin: 0 0 0 0;
	}


/* Forms
==============================================================================*/

form p, form h3 {
	position: relative;
	}
#adsearch fieldset {
	margin: 10px 0;
	padding: 5px 10px;
	border: solid 0 transparent;
	}
#adsearch legend {
	font-weight: bold;
	}
#adsearch label {
	float: left;
	width: 160px;
	}
#adsearch input {
	width: 270px;
	font-size: 100%;
	padding: 2px;
	}
#adsearch select {
	width: 280px;
	font-size: 100%;
	padding: 2px;
	}
.filename {
	display: block;
	width: 680px;
	margin: 0 10px;
	padding: 0 0 5px 0;
	font-style: italic;
	overflow: hidden;
	}

/* Titles
==============================================================================*/

.additionalInfo h3 {
	margin: 10px 0 0 0;
	}
.additionalInfo h4 {
	padding: 5px 10px;
	float: left;
	width: 120px;
	clear: both;
	font-size: 100%;
	}	
.additionalInfo p {
	float: left;
	line-height: normal;
	width: 385px;
	}


/* DO NOT AMEND EXISTING STYLES */

/* Righthand column styles
==============================================================================*/

.dashedLineDivider {
	padding-left:7px;
	padding-right:7px;
	margin:0 3px;
	}


/* Surveys
==============================================================================*/

a.addComment, a.editComment, a.skipComment, a.completedComment,a.noComment{
	display: block;
	position: relative;
	padding-left:20px;
	line-height:16px;
	}


/* Socio-economic Custom Element
==============================================================================*/

.socioEconomic {
	padding-bottom: 5px;
	}
	.socioEconomic h2 {
		padding-bottom: 0;
		}
	.socioEconomic p {
		padding-top: 0;
		}

.resultsSort {
	text-align: right;
	padding: 0 10px;
	}
	.resultsSort input {
		width: 100px;
		}

/* Video Player
==============================================================================*/

.status{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #cccccc; 
	text-align: left;
	}
.caption{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align: center;
	}
.videoPosition{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	}
.videoLength{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000; 
	text-align: right;
	}
.playerVolume{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000; 
	text-align: center;
	}
.buttonText{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #333333; 
	text-align: center;
	}
.listStyle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
	}
.listStyle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #333333; 
	}
.listStyle3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #666666; 
	}

/* Image Fader
==============================================================================*/

.multi_right {
	float: right;
	}
.multi_left {
	float: left;
	}
.multi_left, .multi_right {
	margin: 5px 10px;
	padding: 0;
	text-align: left;
	}

#gallery { 
	position: relative; 
	margin: 0; 
	padding: 0; 
	list-style: none;
	}
.eq225x165 {
	width:225px; 
	height:165px; 
	}
.eq300x300 { 
	width:300px; 
	height:300px; 
	}
.eq225x225 { 
	width:225px; 
	height:225px; 
	}
#gallery li { 
	display: block;
	list-style: none;
	padding: 0; 
	margin: 0; 
	}