/*layout*/
*{padding:0px;margin:0px;}
body {
	background-image: url(../images/10Q1_bg.jpg);
	background-repeat: repeat-x;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#outer {
    width: 960px;
    background-color:#FFFFFF;
    margin-top:0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#header {
background-image: url(/survey/images/10Q1_bg.jpg);
    padding: 0px;
    margin: 0px;
    text-align: center;
	height:308px;
}

#main {
	background-image: url(/survey/images/Q2_bg2.jpg);
	text-align:left;
	background-position: top;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	margin-left: 10px;
	margin-top: 0px;
	padding:0px 90px 10px 80px;
}

#footer {
    padding: 15px;
    border-top: thin solid #000000;
	color:#98947b;
	margin-bottom:10px;

}
#logo {
    width:150px;
    height:90px;
    margin: 0px;
    top:0px;
    left:0px;
    color:#ffffff;
    float:left;
    clear: both;
    padding: 0px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

form{width:740px;padding-left:20px;}
/*form style*/
.inputClass{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.inputRadio,.inputBox{
	background-color:#ffffff;
}
textarea{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	border-top-style: dashed;
	border-right-style: dashed;
	border-left-style: dashed;
}
.inputClass:hover,textarea:hover,.inputRadio:hover,.inputBox:hover,{
	background-color:#ECEADD;
}
.questions {
	margin-bottom:0px;
	}
.quiz-title-top {
	background:url(/survey/images/09q2-quiz-title.jpg) no-repeat;
	width:100%;
	height:11px;
	}
.quiz-title-body {
	padding:8px 10px 5px 10px;
	color:#333333;
	text-align:left;
	background-image: url(../images/QUIZBORDER_01.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.quiz-title2-body {
	padding:8px 10px 5px 10px;
	color:#333333;
	text-align:left;
	background-image: url(../images/QUIZBORDER_02.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}	
	
.quiz-body {
	width:740px;
	background:url(/survey/images/09q2-quiz-body-bg.jpg) repeat-y;
	padding:5px 10px 8px 10px;
	color:#717171;
	text-align:left;	
	}
.quiz-footer {
	background:url(../images/09q2-quiz-footer.jpg) no-repeat;
	background-color:#FFFFFF;
	width:740px;
	height:13px;
	background-repeat: no-repeat;
	}

/* button styles */
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(/survey/images/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 8px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
margin:-2px 0 0 0;
padding: 2px  0 10px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(/survey/images/ok.gif);
}
#buttonCancel .icon {
background-image: url(/survey/images/cancel.gif);
}
#buttonImport .icon {
background-image: url(/survey/images/import.gif);
}

form td {
	height:30px;
	}
form .space {
	height:1px;
	}