/* @CLEAR (FORMATTING)
/* ---------------------------------------- */

html, body,

/*
 * block level elements
 */
blockquote, button, dd, del, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6,
hr, li, object, p, pre, script, table, td, th, tr,

/*
 * inline elements
 */
a, img, label, select, span, textarea {
	border: 0;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* @REDEFINITIONS
/* ---------------------------------------- */
a {
	color: #960000;
	text-decoration: none;
}
	a:hover {
		color: #eb0f05;
	}

body {
	background: #eeeee7 url(../images/bg_page_gradient.gif) repeat-x;
	color: #4d473c;
	font: normal 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

label { 
	vertical-align: middle;
}

input, select, textarea {
	font: normal 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	color: #900e0c;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 12px;
}	
h2 {
	color: #655d50;
	font: 23px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 23px;
	margin-bottom: 12px;
	text-transform: uppercase;
}
h3 {
	color: #655d50;
	font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 14px;
	margin-bottom: 12px;
}

img { 
	display: block; 
}

p {
	margin: 0 0 12px 0;
}

table {
	border-spacing: 0 0;
}
	td, th {
		vertical-align: top;
		text-align: left;
	}
		
/* @COLORS
/* ----------------------------------------

/* @PAGELAYOUT
/* ---------------------------------------- */
div#wrapper {
	width: 976px;
	margin: 0 auto;
	padding: 6px 0 30px 0;
}
div#header {
	background: transparent url(../images/bg_header.gif) no-repeat; 
	height: 143px;
	margin: 0 auto;
	width: 976px;
}
	div#login {
		color: #960000;
		font: 11px Verdana, Geneva, sans-serif;
		height: 15px; /* totalling 23px */
		overflow: hidden;
		padding-top: 8px;
		text-align: right;
	}
		div#login span {
			color: #655d50;
			padding: 0 5px;
		}
	div#logo {
		float: left;
		padding: 0 0 0 33px;
		width: 253px; /* totalling 286px */
	}
	div#logo a {
		outline: none;
	}
	div#tagline {
		float: left;
		padding: 23px 0 0 22px;
		width: 436px; /* totalling 458px */
	}
	div#myaccount {
		float: right;
		padding: 11px 0 0 0;
		width: 136px;
	}
		div#myaccount a {
			background: url(../images/button_myaccount.gif) no-repeat;
			display: block;
			height: 28px;
			outline: none;
			overflow: hidden;
			width: 136px;
		}
			div#myaccount a:hover {
				background-position: 0 -28px;
			}
	ul#primary-nav {
		/* list reset */
		list-style: none;
		margin: 0;
		padding: 0;
		width: 950px;
		margin: 28px auto 0 auto;
		padding: 0 0 0 26px;
	}
		ul#primary-nav li {
			float: left;
		}
			ul#primary-nav li a {
				display: block;
				height: 39px;
				outline: none;
				overflow: hidden;
				position: relative;
			}
				ul#primary-nav li a:hover {
					border: none;
					padding: 0;
				}
				ul#primary-nav li a img {
					display: inline;
					height: 123px;
					left: 0;
					position: relative;
					top: 0;
				}
					ul#primary-nav li a:hover img {
						top: -42px;
					}
				ul#primary-nav li.active a img {
					top: -84px;
				}
div#content-wrapper {
	margin: 9px auto 0;
	padding: 0 0 0 26px;
	width: 950px;
}
div#home-content-wrapper {
	margin: 1px auto 0;
	padding: 0 0 0 26px;
	width: 950px;
}
div#main-content {
	background-color: #fff;
}
div#main-content-body {
	border-right: 220px solid #d5d4c9;
	float: left;
	margin-right: -220px;
	padding: 8px 18px 11px 18px;
	width: 689px; /* totalling 725px */
}
	div#home-content-wrapper div#main-content-body {
		border-right: 220px solid #fff;
		padding: 4px 18px 11px 18px;
	}
div.page-image {
	margin-bottom: 12px;
	overflow: hidden;
	width: 689px
}
div.home-image {
	background-color: #fff;
	padding-bottom: 10px;
	overflow: hidden;
	width: 950px;
}
	div.home-image img {
		margin: 0 auto;
	}
/*
 * see ie.css to fix top margin in ie:
 * padding-top: 0; margin-top: 24px
 */
table#surveys {
	font: 11px Verdana, Geneva, sans-serif;
	margin: 0 0 24px 0;
	padding: 12px 0 0 0;
	width: 689px;
} 
	table#surveys tr.survey-item {
		color: #900e0c;
		cursor: pointer;
	}
	table#surveys th {
		border-bottom: 1px solid #c0baaf;
		padding-bottom: 2px;
	}
	table#surveys td {
		background-color: #f7f5f0;
		border-top: 10px solid #fff;
		padding-bottom: 4px;
		padding-top: 5px;
	}
		table#surveys th h2 {
			margin: 0 0 7px 0;
		}
		table#surveys th span {
			color: #000;
			font-size: 14px;
			font-weight: bold;
		}
		table#surveys th.type {
			width: 260px;
		}
		table#surveys th.region,
		table#surveys td.region { 
			text-align: center;
			width: 177px;
		}
		table#surveys td.region {
			text-align: left;
			padding-left: 68px;
			width: 109px; /* totalling 177px */
		}
		table#surveys th.start,
		table#surveys td.start {
			width: 75px;
		}
		table#surveys td.start {
			padding: 5px 0 0 0;
		}
			table#surveys td.start a {
				background: url(../images/button_start.gif) no-repeat;
				display: block;
				height: 23px;
				outline: none;
				overflow: hidden;
				width: 70px;
			}
			table#surveys td.start a:hover {
				background-position: 0 -23px;
			}
			table#surveys td.start a:active {
				background-position: 0 0;
			}	
		table#surveys td.toggle {
			padding: 5px 0 0 5px;
			width: 30px; /* totalling 35px */
		}
			table#surveys td.toggle a {
				background: url(../images/button_plusMinus.gif) no-repeat;
				display: block;
				height: 20px;
				outline: none;
				overflow: hidden;
				width: 20px;
			}
				table#surveys td.toggle a.toggle-selected {
					background-position: 0 -20px;
				}		
		table#surveys td.title {
			font: bold 12px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
			padding-top: 7px;
			text-transform: uppercase;
			width: 225px;
		}
		table#surveys td.description {
			border: 0;
			overflow: hidden;
			padding: 0;
			width: 689px;
		}
			table#surveys td.description div {
				background-color: #edeae4;
				padding: 8px 15px 1px 15px;
			}
ul#faq-questions {
	padding-bottom: 30px;
}
div.faq-answer {
	border-bottom: 1px solid #d5d4c9;
	margin-bottom: 16px;
	padding-bottom: 15px;
}
	div.faq-answer.last {
		border: 0;
		margin: 0;
		padding: 0;
	}
div#custom-questions div.form-row a {
	outline: none;
}
div.sample-question-block {
	cursor: pointer;
	margin-bottom: 12px;
}
	div.sample-question-block div.add-button {
		float: left;
		width: 40px;
	} 
	div.sample-question-block div.add-button a {
		outline: none;
	}
	div.sample-question-block div.sample-question {
		float: left;
		overflow: hidden;
		padding-left: 10px;
		width: 284px;
	}
ol.consumer-questions {}
	ol.consumer-questions li {
		padding: 3px 0;
	}
div#toggleQuestions {
	cursor: pointer;
	margin-bottom: 6px;
}
	div#toggleQuestions div.upDown {
		float: left;
		width: 15px;
	}
	div#toggleQuestions div.upDown a {
		background: url(../images/arrow_upDown.gif) no-repeat left center;
		display: block;
		outline: none;
		overflow: hidden;
		width: 11px;
	}
		div#toggleQuestions div.upDown a.active {
			background-position: -11px 0;	
		}
	div#toggleQuestions div.title {
		color: #960000;
		width: 317px;
		float: left;
	}
table#survey-list {
	font: 11px Verdana, Geneva, sans-serif;
	margin-bottom: 12px;
	padding: 12px 0 0 0;
	width: 689px;
}	
	table#survey-list th {
		border-bottom: 1px solid #c0baaf;
		font-weight: bold;
		padding: 0 5px 5px;
	}
	table#survey-list td {
		background-color: #f7f5f0;
		border-top: 10px solid #fff;
		padding: 5px;
	}
		table#survey-list th.order-number,
		table#survey-list td.order-number {
			width: 75px;
		}
		table#survey-list th.survey-name,
		table#survey-list td.survey-name {
			width: 179px;
		}
		table#survey-list th.survey-type,
		table#survey-list td.survey-type {
			width: 170px;
		}
		table#survey-list th.date,
		table#survey-list td.date {
			width: 75px;
		}
		table#survey-list th.results,
		table#survey-list td.results {
			width: 150px;
		}
			table#survey-list td.results a {
				display: block;
			}
				table#survey-list td.results a span {
					color: #4d473c;
				}
div#sidebar {
	background-color: #d5d4c9;
	float: left;
	padding: 3px 0 0 5px;
	width: 215px; /* totalling 220px */
}
	div#home-content-wrapper div#sidebar {
		background-color: #fff;
	}
div.row {
	margin: 0 0 5px 0;
	position: relative;
}
	div.row.last {
		margin: 0 0 2px 0;
	}
	div#home-content-wrapper div.row {
		margin-bottom: 25px;
	}
div.callout {
	background-color: #fff;
	width: 190px; /* totalling 210px */
	padding: 7px 10px 3px 10px;
}
	div#home-content-wrapper div.callout {
		background-color: #efebe2;
		border-bottom: 1px solid #bdb29d;
		border-left: 1px solid #bdb29d;
		border-right: 1px solid #bdb29d;
		width: 188px;
		padding-bottom: 20px;
		position: relative;
	}
	div.callout h2 {
		font-size: 20px;
		line-height: 20px;
		text-align: center;
	}
	div.callout ul,
	div.callout ol {
		list-style-position: inside;
		margin: 0 0 12px 0;
		padding: 0;
	}
	div.callout li {
		padding: 1px 0;
	}
	div#home-content-wrapper div.callout ul,
	div#home-content-wrapper div.callout ol {
		/* list reset */
		list-style: none outside;
		margin: 0;
		padding: 0;
	}
	div#home-content-wrapper div.callout li {
		background: transparent url(../images/bullet.gif) no-repeat;
		background-position: 0 .7em;
		padding: 3px 3px 3px 1em;
	}
div.callout-link {
	text-align: center;
	padding-top: 12px;
}
	div#home-content-wrapper div.callout-link {
		padding: 0;
		position: absolute;
		bottom: -15px;
		left: 45px;
	}
	div.callout-link a {
		outline: none;
	}
		div.callout-link a img {
			display: inline;
		}
div#footer {
	margin: 0 auto;
	padding: 0 0 0 26px;
	width: 950px;
	font: 11px Verdana, Geneva, sans-serif;
}
div#copyright {
	color: #333;
	float: left;
	margin: 9px 0 0 0;
	width: 400px;
}
ul#footer-nav {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;

	float: left;
	margin: 6px 0 0 0;
	width: 550px;
}
	ul#footer-nav li {
		float: right;
		margin: 0 0 0 22px;
	}
	ul#footer-nav a {
		color: #277894;
	}
		ul#footer-nav a:hover {
			color: #71aec3;
		}
a.graphic-button {
	outline: none;
}

/* @FORMS
/* ---------------------------------------- */
label, input, select, textarea {
	vertical-align: middle;
	outline: none;
}

span.required {
	font-weight: bold;
}

div.form-col {
	float: left;
	width: 344px;
}
	div.form-col.form-col-right {
		width: 334px;
		padding-left: 10px;
	}

div.form-col-half {
	float: left;
	width: 150px;
}
	div.form-col-half.right {
		float: right;
		width: 150px;
	}

div.form-row {
	margin-bottom: 6px;
}

fieldset {
	margin-bottom: 12px;
}
	fieldset.button {
		margin-bottom: 12px;
	}
		fieldset.button a {
			outline: none;
		}
	fieldset.options {
		margin-bottom: 0;
	}
		fieldset.options p {
			margin-bottom: 6px;
		}

label {
	display: block;
}
	label.chk {
		display: inline;
		font-weight: normal;
		padding-left: 3px;
	}
	p.label {
		margin: 0 0 1px 0;
	}

input.text, select.text, textarea.text {
	border: 1px solid #d5d4c9;
	padding: 3px;
}

input.button,
input.chk {
	border: 0;
	padding: 0;
	margin: 0;
}

/*
 * select width is actual desired width of select box
 */
select.s1 { width: 150px; }
select.s2 { width: 100px; }
select.s3 { width: 334px; }
select.s4 {}
select.s5 {}
select.s6 {}

/* 
 * input width should correspond to select width minus border and padding widths.
 */
input.s1 { width: 142px;}
input.s2 {}
input.s3 { width: 326px; }
input.s4 {}
input.s5 {}
input.s6 {}

/*
 * like input, textarea width/height is desired width less than border and padding widths.
 */
textarea {
	height: 92px;
	width: 681px;
}
textarea.s1 { width: 326px; }
textarea.s3 { width: 326px;	height: 68px; }

/* @NOTICE/WARNING BOXES
/* ---------------------------------------- */
div.warning, 
div.notice {
	background-color: white;
	margin-bottom: 12px;
	padding: 12px 12px 0;
}
div.warning p {
	font-weight: bold;
}
div.warning {
	border: 2px solid #c50a08;
	color: #c50a08;
}
div.notice {
	border: 2px solid #655D50;
	color: #655D50;
}

/* @EZXMLTAGS 
/* ---------------------------------------- */
div.separator {
	border-bottom: 1px solid #d5d4c9;
	font-size: 1px;
	line-height: 1px;
	margin-bottom: 12px;
}
p.note {
	color: #655d50;
}
	
/* @STANDARD CLASSES
/* ---------------------------------------- */
.clear:after 	{ 
	clear: both; 		
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;  
}

.clear { 
	display: inline-block; 
}

/* HIDE FROM IE-MAC \*/
* html .clear { 
	height: 1%; 
}
.clear { 
	display: block; 
}
/* /HIDE FROM IE-MAC */