/* form elements
----------------------------------------------- */

#survey-container
{
width:100%;
overflow:visible;
margin:0 0 20px 20px;
padding:20px;
}
.surveylabel
{
float:left;
white-space: nowrap;
height:30px;
width:110px;
font: normal 1.2em/1.4em "Lucida Grande", Arial, san-serif;
position:relative;
top:4px;
}
.surveyinput
{
float:right;
white-space: nowrap;
height:30px;
width:400px;
}
.surveyinput input
{
height:15px;
border:  1px solid #bbb;
font: normal 1.2em/1.4em "Lucida Grande", Arial, san-serif;
border:  1px solid #bbb;
padding: 3px;
width: 50%;
margin: 5px 5px 0 0;
color: #444;
}
.surveyinput select
{
height:20px;
border:  1px solid #bbb;
font: normal 1.2em/1.4em "Lucida Grande", Arial, san-serif;
border:  1px solid #bbb;
width: 50%;
margin: 5px 5px 0 0;
color: #444;
}
.surveyinput textarea
{
font: normal 1.2em/1.4em "Lucida Grande", Arial, san-serif;
border:  1px solid #bbb;
padding: 3px;
width: 55%;
height:70px;
margin: 5px 5px 0 0;
color: #444;
}
.surveybutton
{
clear:both;
width:215px;
border:none;
position:relative;
top:30px;
left:380px;
}
.customerbutton
{
clear:both;
width:215px;
border:none;
position:relative;
top:-20px;
left:380px;
}
.surveybutton input
{
background-image:url(../images/survey_submit.gif);
background-repeat:no-repeat;
width:105px;
height:20px;
border:none;
cursor:pointer;
}
.customerbutton input
{
background-image:url(../images/checkout.gif);
background-repeat:no-repeat;
width:77px;
height:13px;
border:none;
cursor:pointer;
}
.required-message
{
padding:15px 0 0 115px;
font: normal 1.2em/1.4em "Lucida Grande", Arial, san-serif;
}
.customer-required-message
{
padding:0 0 0 95px;
font: normal 1.2em/1.4em "Lucida Grande", Arial, san-serif;
}