body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	behavior:url("/csshover2.htc");
	background-color: #dcdcdc;
}

#container {    /* styling for container; contains entire page. combos that work: (#CED7DE, #103052) (#F7F7FF, #3F3F3F)  */
	width: 760px;
	margin: auto;
	padding: 0;
	border: 1px solid black;
	text-align: left;
	background: white;
}

#mapcontainer {    /* styling for container; contains entire page. combos that work: (#CED7DE, #103052) (#F7F7FF, #3F3F3F)  */
	width: 830px;
	margin: auto;
	padding: 0;
	border: 1px solid black;
	text-align: left;
	background: white;

	/*background: #E7EBEF;
	color: #103052; */
}

#header {  /* styling for header ...  margins, padding, border */
	border: 0px solid black;
	margin: 0 0 0 0;    /* top right bottom left */
	padding: 0;
}

#footer {   /* styling for footer... margins, padding, border */
	border: 0px solid black;
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;
	background-color: white;
	background-image: url(images/trinityfooter.jpg);
}


/* --------------------- FORM / PAGE CONTENT --------------------*/
form {   /* padding: top, right, bottom, left */
	margin: 0;
	padding: 5px 15px 15px 15px;
}

table {	/* virtually all tables are border=0 cellpadding=0 cellspacing=0 */
	/* so let's set them that way here instead of specifying the same */
	/* attributes every time! */
	border: 0;		/* border = 0 */
	border-spacing: 0;	/* cellspacing = 0 */
	padding: 0;		/* cellpadding = 0 */
}
	
p {		/* ensures that paragraph margins remain consistent in FF and IE */
	margin: 13px 0;
}

p.question {
	/*font-size: 1.05em;*/
	line-height: 1.4em;
}

.DevelopersBox {
	background-color: #f0e68c;
	padding: 6px;
	border: 1px solid black;
}

span.highlight {	/* highlighted text, use this instead of blue/red text :) */
	background-color: #FFBA4F;	
	padding: 2px 4px;
	line-height: 1.5em;
	white-space: nowrap;
}

div.next {
	margin-top: 10px;
	padding-left: 0px;
	padding-right: 15px;
}

.left {
	float:left;
}

.right {
	float:right;
}

input.right {
	float: right;
	margin-right: 20px;
}

tr.ans:hover {
	background-color: #C9D5DF;
}

#footeremail {
	color: #ffffff;
}

/* --------------------- TRACKING PAGE CONTROLS --------------------- */

td.trackingtd0 {
	border-bottom: solid gray;	
}

td.trackingtd1 {
	border-bottom: 1px solid gray; 
	padding-right: 15px;
}

td.trackingtd2 {
	border-bottom: 1px solid gray; 
	text-align: right;
}
/* --------------------- FORM CONTROLS --------------------*/


table.listBox {
	padding-left: 15px;
}

.checkbox {
	height: 25px;
}

.radio {
	height: 25px;
}

.textbox{
	height: 30px;
	padding-left: 15px;
}


/* ----------------------------------------- X5B STYLES */
						
tr.alt {
	background-color: #e3e3e3;
}
	
table.x5b {

}

td.x5b-label {		/* each "answer" - left-most column */
	border-bottom: 1px solid silver;
	padding: 2px 0 2px 4px;
}

td.x5b-radio {		/* td containing the radio buttons */
	height: 25px;
	border-bottom: 1px solid silver;
	text-align: center;
}
	
div#container table tr td.x5b-radio:hover {	/* highlight when hovering over an x5b-radio td */
	background-color: #CED7DE;
}

td.x5b-header-item { 	/* td containing the column labels */
	text-align: center;
	font-size: smaller;
	line-height: 1.2em;
	padding: 1px 0 3px 0;
	background-color: #efefef;
   vertical-align: bottom;

}


.xbc-label {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.xbc-radio {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.xbc-checkbox {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.x2c-label {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.x2c-checkbox {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

td.error {
	color:#FF0000;
}

div.progress {
	padding-right: 15px;
	float: right;
}