@import url(reset.css);

body	{ background:#0061A0; font-family: Verdana, Arial, Helvetica, san-serif, Times, serif; font-size:0.8em; }
#site-border	{ width:771px; margin:30px auto; padding:0 0 1em 0; }

h1	{ color:#FFF; margin:0; min-height:50px; background:url(../images/survey-logo.gif) right 8px no-repeat; }
p	{ color:#FFF; margin:0 0 1.5em 0; width:62%; }
p.copyright	{ float:right; text-align:right; color:#FFF; display:block; float:left; width:100%; clear:both; margin:1em 0 }

a	{ color:#FFF; font-style:italic; text-decoration:none; }
a:hover,
a:focus,
a:active	{ color:#DFA81E; }

/**********	SURVEY	**********/
ul.survey	{ list-style-type:none; display:block; width:100%; }
ul.survey li	{ margin:0 0 1em 0; background:url(../images/question-top.gif) 0 0 no-repeat; padding:10px 2px 0 2px; }
ul.survey li label.question	{ float:left; width:505px; min-height:3.5em; background:#00A451; color:#FFF; padding:0 2%; font-style:italic; margin:0; }
ul.survey li .comments	{ display:block; width:752px; background:#FFF url(../images/comment-bg.gif) -2px bottom no-repeat; padding:0 8px 10px; }
ul.survey li textarea	{ width:100%; height:4em; padding-right:2px; text-indent:1em; border:none; font-size:0.9em; color:#0061A0; font-style:italic; }

ul.survey li ul.answers	{ list-style-type:none; display:block; float:right; width:217px; min-height:3.5em; background:#FFF; padding:0 7px; }
ul.survey li ul.answers li	{ width:33%; display:block; float:left; text-align:center; margin:0; padding:0; background:#FFF; }
ul.survey li ul.answers li label	{ display:block; text-align:center; color:#0061A0; margin-bottom:0.3em; }
ul.survey li ul.answers li input	{ width:1em; margin:0 auto; }

ul.survey li.full-width	{ background:url(../images/question-top-wide.gif) 0 top no-repeat; }
ul.survey li.full-width .hr	{ background:#FFF url(../images/comment-top-wide.gif) -2px top no-repeat; }
ul.survey li.full-width label.question	{ width:96% }

ul.survey li .hr	{ clear:both; width:100%; display:block; background:url(../images/comment-top.gif) -2px top no-repeat; border:none; height:17px; margin:0; }

#final-questions	{ padding:1em 0; margin-bottom:1em; }
#final-questions li	{ margin-bottom:0.5em; float:left; width:100% }
#final-questions label	{ width:83.3%; display:block; float:left; clear:both; color:#FFF; font-style:italic; }
#final-questions input	{ float:left; }

.question-num	{ float:left; display:block; width:1em; height:2em; text-align:left; margin-right:0.5em; }

input.submit	{ clear:both; float:right; margin:1em 0 1em 0; width:auto !important; padding:0.2em 0.5em; }
input.submit:hover,
input.submit:focus,
input.submit:active	{ cursor:pointer; }

input[type=radio]:hover,
input[type=radio]:focus,
input[type=radio]:active	{ cursor:pointer }


/****************/

ul.survey ul.info	{ float:left; background:#00A451; width:96%; padding:0 2% 0.5% }
ul.survey ul.info li	{ width:100%; background:none; clear:left }
ul.survey ul.info li label	{ display:block; width:16em; margin-right:1em; float:left; color:#FFF }
ul.survey ul.info li input	{ width:18em; float:left; display:block; }
ul.survey ul.info li input.submit	{ margin-left:17em; }

ul.survey li.full-width.no_comment .hr	{ background-image:url(../images/question-bottom-wide.gif); }