* {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, tahoma;
	line-height: 1.5;
}
html {
	overflow-y: scroll;
}
.button {
	margin: 0; 
	padding: 0.15em 0.35em;
	width: auto;
	overflow: visible;
}
body {
	color: #333;
}

/* For IE buttons */
/** html input.button {
	overflow: visible; 
	padding: 0px 10px 0px 10px;
}
*/
.nobr {
	white-space: nowrap;
}
div {
	font-size: 12px;
}
div#top-container {
	height: 80px;
	background-image: url(/survey/images/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
div#top {
	width: 770px; 
	margin: auto; 
}
div#top-step{
	background-repeat: no-repeat; 
	background-position: bottom right; 
	width: 234px; 
	height: 80px; 
	vertical-align: top; 
	text-align: right; 
	font-size: 12px;
	float: right;
}
div#body {
	padding: 15px 0px 0px 0px;
}
div#innerbody {
	margin: auto;
	padding: 0px 0px 10px 2px;
	width: 768px;
	/* fixed so footer doesn't jump up in short pages */
	min-height: 342px; 
}

/* for Internet Explorer */
/*\*/
* html div#innerbody {
	height: 342px;
}
/**/

div#bottom {
	background-image: url(/survey/images/bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding: 20px 0px 0px 0px;
	vertical-align: top;
	clear: both;
}
div#bottom div {
	color: #999999;
	font-size: 12px;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #3b3599;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #3b3599;
	margin: 0px 0px 10px 0px;
}
h3 {
	font-family: arial;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}
p {
	margin: 0px 0px 10px 0px;
}
.emphasized {
	color: red;
	font-weight: bold;
}
a {
	color: #3b3599;
}
a:hover {
	color: #7279bf;
}
input {
	font-size: 13px;
}
ul, ol {
	padding-left: 20px;
	padding-bottom: 10px;
}

/* Demographics form */
div.demog {
	padding: 15px 0 15px 0;
	border-top: 1px dotted #bbb;
}
.demog table {
	border-collapse: collapse;
	margin: 0px 0px 10px 0;
}
.demog div.question {
	padding: 4px 4px 6px 4px;
}
.demog td {
	padding: 0px 10px 0px 0px;
}
.demog td, .demog td * {
}
td {
	vertical-align: top;
}

/* Cute message boxes */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    padding: 7px 10px 7px 60px;
    background-repeat: no-repeat;
    background-position: 14px center;
	border-color: #cccccc;
    background-color: #eaeaea;
}
.info {
	/* 	border-color: #b1dae9;
    background-color: #eaf8fd; */
    background-image: url('/survey/images/icon_info.gif');
}
.success {
    /* color: #4F8A10;
    background-color: #DFF2BF; */
    background-image:url('/survey/images/icon_success.gif');
}
.warning {
    /* color: #9F6000;
    background-color: #FEEFB3; */
    background-image: url('/survey/images/icon_attention.gif');
}
.error {
    /* color: #D8000C;
    background-color: #FFBABA; */
    background-image: url('/survey/images/icon_error.gif');
}
.answer-small {
	font-size: 11px
}