/**** main elements ****/
* {
	font-size: 100%;
	font-family: Arial, sans-serif;
}
object, a { outline:none; }
body {
	font-size: .75em;
	color: #333333;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#dynFormEdit, #dynFormDisplay{text-align:left}
#dynFormDisplay p, #dynFormDisplay ul, #dynFormDisplay ol, #dynFormDisplay li, #dynFormEdit p, #dynFormEdit ul, #dynFormEdit ol, #dynFormEdit li  {	max-width:none; }
#dynFormDisplay #innerContainer,#dynFormEdit #innerContainer, #dynFormSuccess #innerContainer {
background-image: none;
}
#dynFormSuccess #content {max-width:80%}

h1 { font-size:1.5em; color: #998c82; font-weight:bold; border-bottom:1px solid #b3aba1; margin:0; margin-bottom:6px; }
h2 { font-size:1.25em; color:#002F5F; font-weight:bold; text-align:center; margin:0; }*/
td { vertical-align:top; }
th { font-weight:bold; text-align:left; }
/** containers **/
.clear { clear: both; }
.centerDiv { margin:0 auto; width:auto; }
.formIntro { margin:0px; clear:left; }
/** need position:relative on style below because of an IE bug where sometimes the content of the intro div is not displayed **/
.questIntro { margin:5px 0px; position:relative;}
.questIntroScrollable { margin: 5px; border: 1px solid #bfb9aa; overflow: auto; background-color: white; }
.questionBlock { clear:both; overflow: hidden; width:100%; position:relative;}
.questionBlock table{float:left;}
.answer { float:left;margin-left:15px;}
.textAfterAnswer {float: left; padding-left:12px;padding-right:3px; white-space: normal; width:15%; }
.sameLine {display:block;float:left;text-align:right; font-weight:bold;}
.editQuest { float:left; width:50%; text-align:right; font-weight:bold; margin:0 10px 0 0; }
.editQuestLink { float:left; width:70%; text-align:right; margin:0 10px 0 0; }
.editQuestBlock { clear:both; margin:10px 0px; }
.newWindow { background-color: #FFFFFF; }
.indent { margin:0 0 0 30px; }
.indentAndBold { margin:0 0 0 30px; font-weight: bold;}
.indentBig { margin:0 0 0 60px; }
.indentSmall { margin:0 0 0 10px; }
/* the color details for the following classes are in the color scheme CSS files */
.questBackgroundHide { padding:5px; position:relative}
.questBackgroundShow { padding:5px; position:relative}
.questBackgroundRequired { padding:5px; position:relative}
hr.separator { height:5px; }
.separatorBlock { clear:both; margin:0px; padding:5px; position:relative}

/** tables **/
table.center { width:auto; margin:0 auto; }	/* centers table itself, not text in table */
table.pad5 td { padding:5px; }

/** text **/
.largeTxt { font-weight:normal; font-size: 1.1em; }
.note { font-weight:normal; font-size:0.9em; }
.boldTxt { font-weight: bold; }
.largeBoldTxt { font-weight:bold; font-size: 1.1em; }
.questionTxt { font-weight: bold; }
.errorMsg { color:#FF0000; font-weight:bold; }
.successMsg { color:green; font-weight:bold; }
.centerTxt { text-align:center; }
.topBtmMargin { margin:20px 0px; }
.topBtmMarginSmall { margin:5px 0px; }
.topBtmMarginBig { margin:40px 0px; }
.superscript { vertical-align:super; font-size:0.7em; }
.blueItalic { color:#002F5F; font-style:italic; }

/* for form fields */
.formLbl, .formLblRt { font-weight: bold; }
.formLblRt { text-align: right; }
.requiredFld {font-weight: bold; color: #FF0000; }
input.addlButton {margin-left: 10px; }
.setWidth { width:300px; }
select.setWidthWider { width:400px; }
select.setWidthWidest { width:550px; }
select.setWidthSmall { width:250px; }

/** links **/
a.errorLink { color:#FF0000; }
a.formContext { color:#000000; }

/** images **/
img.imgNoBorder { border:0; }


/* ****************************** layout divs *************************** */
#container { margin:auto; padding:0; border:1px solid #002F5F; border-bottom-width:0; background-color:#FFFFFF; }
#content { max-width:900px; margin:auto; margin-top:25px; clear:left; padding:0 20px 20px; }
#formContent {  margin:auto; padding:5px 10px; margin-top:20px; border:1px dotted #bfb9aa;}

/* properties for header 
#header { width:100%; height:70px; margin:0; padding:20px 0; float:left; background:#FFFFFF url(/images/header/8B_Banner_760.jpg) no-repeat top right; }
#header img#logo { display:block; float:left; width:159px; height:61px; margin:0 0 0 10px; padding:0;
	text-decoration:none; }
#slogan { margin-left:200px; padding-top:20px; font-size:1.4em; font-weight:bold; font-style:italic; color:#002F5F; text-align:center; }
#imageHeader { width:100%; margin:0 0 20px; padding:0; }
#imageHeader #image { float:right; margin:0 0 5px 5px; padding:0; text-decoration:none; }
.imageHeaderTxt { font-size:1.5em; margin:0 0 20px; }
*/

.smallFormImage img {
	float:right;
	margin:0 0 10px 10px;
	background:#ffffff;
	padding:5px;
	border:1px solid #cccccc;
	}
.largeFormImage img {

	margin-top:5px;
	}
	
/* footer properties */
#footer {
	height: 24px;
	font-weight: bold;
	font-size: 11px;
	background: url('/images/8B_Footer_975.jpg') no-repeat top right;
	padding: 5px 6px 0px 6px;
	clear: both;
}
#footer * {	font-family: Verdana, Arial, sans-serif;
}
#footerFloatLeft {
	color: #ffffff;
	width: 350px;
	float: left;
	text-align: left;
	height: 18px;
	padding-top:0px;
}

#footerFloatRight {
	color: #b3b3b3;
	width: 300px;
	float: right;
	text-align: right;
	height: 18px;
	padding-top:0px;
}

#footer a:link,#topNav a:link {
	color: #fbf3e6;
	text-decoration: none;
}

#footer a:visited,#topNav a:visited {
	color: #fcf1e6;
	text-decoration: none;
}

#footer a:hover,#topNav a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer a:active,#topNav a:active {
	color: #fcf1e6;
	text-decoration: none;
}

/*#footer { clear:both; width:100%; margin:0; padding:0; height:5em; background-color:#CCCCCC;
	border-top:1px solid #002F5F; border-bottom:1px solid #002F5F; color:#000000; font-size:0.7em; }
#footer table { width:750px; margin:0 auto; }
#footer table tr { line-height:2em; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }*/

/* validation links below footer */
#validate { width:740px; margin:0; padding:5px 10px 0; float:left; text-align:right; color:#FFFFFF; }
#validate a { text-decoration:none; border-bottom:1px dotted #FFFFFF; color:#FFFFFF; }
