body {
	margin: 0;
	padding: 0;
	background-color: #E5E7DA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #696969;
	text-align: center;
}

table {
	border-collapse: collapse;
	border: 1px solid #D8D8C7;
	border-right: 1px solid #B7B79B;
	border-bottom: 1px solid #B7B79B;
	width: 760px;
	margin: 5px auto;
	background-color: #FFFFFF;
}
table td {
	vertical-align: top;
	text-align: left;
	padding: 5px 5px;
	font-size: 12px; 
}
table td.idx {
	width: 50px;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #c0c0c0;
	background-color: #e7e7e7;
	color: #808080;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 0 10px 0;
}

p {
	line-height: 21px;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	color: #FD9D50;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	color: #696969;
	font-size: 16px;
	margin-bottom: 20px;
}
h2 {
	font-size: 13px;
	margin-bottom: 20px;
}
h3 {
	color: #696969;
	font-size: 12px;
	margin-top: 20px;
}

u {
	color: #cd5c5c;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	clear: both;
}
li {
	margin: 0 0 5px 0;
}

ul li ul {
	margin: 0;
}
ul li ul li {
	margin: 0 0 5px 25px;
}

table.commonstyle {
	border-collapse:collapse;
	width: 100%;
	clear: both;
	font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
	margin: 0px;
	text-align:left;
}

table.commonstyle caption {
	text-align:left;
	padding: 0.5em 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	/*color:#993300;*/
	color:#D5580E;/*#FF8B2D;#FF620B;#D5580E;#AD4203;#C02F03;*/
}
table.commonstyle caption strong {
	float: left;
	margin: 0.5em 0;
}
table.commonstyle thead th {
	padding: 2px;
	vertical-align: bottom;
	border-bottom: 1px solid #778899;
	font-size: 10px;
	text-align: left;
	/*color: #8A7575;
	color: #655050;
	color: #5E4747;*/
	color: #6B5454;
	
}
table.commonstyle tbody td {
	padding: 2px;
	color: #696969;
	font-size: 11px;
}
table.commonstyle tfoot td {
	border-top: 1px solid #778899;
	padding: 1em 0;
	text-align: right;
}
table.commonstyle tbody tr.current td {
	font-weight: bold;
	color: #000000;
	background-color:#FFFFCC;
}


table.demographics {
	width: 100%;
}
table.demographics td.label {
	text-align: left;
	width: 100px;
	font-weight: bold;
	font-size: 11px;
}
table.demographics textarea, table.demographics input {
	width: 300px;
}	




table.grid  {
	clear: both;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin-bottom: 5px;
	width: 100%;
}
table.grid th {
	text-align: center;
	vertical-align: bottom;
	padding: 0 5px 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}
table.grid td {
	text-align: center;
	vertical-align: top;
	padding: 5px 5px 0 0;
}
table.grid td.label {
	text-align: left;
}


table.series  {
	clear: both;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	margin-bottom: 5px;
	width: 100%;
}
table.series th {
	text-align: center;
	vertical-align: bottom;
	padding: 0 5px 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}
table.series td {
	width: 15%;
	text-align: center;
	vertical-align: top;
	padding: 5px 5px 0 0;
}
table.series td.label {
	text-align: left;
	width: 40%;
}

table.series td input[type="text"] {
	width: 150px;
	font-family: monospace;
	color: #000000;
}

table.dynamic td, table.dynamic th  {
	text-align: left;
}


input[type="radio"],input[type="checkbox"] {
	margin-right: 5px;
	width: auto;
}

input[type="text"] {
	width: 200px;
	font-family: monospace;
	color: #000000;
}
textarea {
	width: 100%;
	font-family: monospace;
	color: #000000;
}

select {
	font-size: 85%;
}




table#controls {
	border-collapse: collapse;
	background: #dcdcdc;
	width: 760px;
	margin: 5px auto;
}
table#controls td {
	width: 760px;
	margin: 10px 0 10px 0;
	padding: 5px;
}
table#controls td input {
	margin: 0;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
}
input#back {
	background: #eee8aa url("/surveymanager/images/um_icons/arrow-back_32.png") 1px center no-repeat;
	float: left;
}
input#next {
	background: #eee8aa url("/surveymanager/images/um_icons/arrow-forward_32.png") 1px center no-repeat;
	float: right;
}
input#register {
	margin: 0;
	margin-left: 25%;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
	background: #eee8aa url("/surveymanager/images/um_icons/save_32.png") 1px center no-repeat;
}
input#exit {
	float: left;
	margin: 0;
	margin-left: 25%;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
	background: #eee8aa url("/surveymanager/images/um_icons/cancel_32.png") 1px center no-repeat;
}

input#exit2 {
	float: left;
	margin: 0;
	margin-left: 25%;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
	background: #eee8aa url("/surveymanager/images/um_icons/goback_32.png") 1px center no-repeat;
}

input#previous {
	float: left;
	margin: 0;
	margin-left: 15%;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
	background: #eee8aa url("/surveymanager/images/um_icons/goback_32.png") 1px center no-repeat;
}

input#enter {
	float: left;
	margin: 0;
	margin-left: 25%;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
	background: #eee8aa url("/surveymanager/images/um_icons/go_32.png") 1px center no-repeat;
}
input#continue {
	float: left;
	margin: 0;
	margin-left: 15%;
	padding: 0;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 9px 1px 9px 26px;
	background: #eee8aa url("/surveymanager/images/um_icons/go_32.png") 1px center no-repeat;
}

input#nothanks {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 15%;
	border: 1px solid #a9a9a9;
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding: 9px 5px 9px 36px !important;
	/*ie only: */
	padding: 5px 1px 5px 20px;
	background: #eee8aa url("/surveymanager/images/um_icons/go_32.png") 1px center no-repeat;
}

.errFld {color: #dc143c; /*... or any other css properties ... */}
.errMsg { 
	color: #dc143c; 
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	padding-left: 20px;
	background: url("/surveymanager/images/um_icons/notification_16.png") 1px center no-repeat;
	margin-top: 1em;
 }

		h1 {
			border-collapse: collapse;
			border: 1px solid #D8D8C7;
			border-right: 1px solid #B7B79B;
			border-bottom: 1px solid #B7B79B;
			width: 740px;
			margin: 5px auto;
			background-color: #EEE8AA;
			text-align:left;
			padding: 10px;
			font-size: 12px;
			color: #666;
		}