body{
font-family: Helvetica, Arial, sans-serif;
color:#000;
margin:0px;
text-align: center
}


/* main backgrounds */
#survey{
background-image:url(images/bg.gif);
background-repeat:repeat-y;
background-position:center;
}
#mainposition{	
width: 860px;
margin: 0 auto;
background:#FFFFFF;		
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
min-height:1100px;
text-align:left;
}


#header{
width:860px;
height:140px;
border-bottom: 0px dotted #CCCCCC;
}

h1{
margin-top:0px;
}
#header p{
padding-left:280px;
padding-top:38px;
font-size: 34px;
color:#000;
}
a:link,a:visited {color: #999999;  text-decoration:underline;} 

a:hover {color: #CCCCCC;  text-decoration:none;}

#annotate{
font-size:11px;
text-align:right;
}
/* main container */				
fieldset,.finalpage{
text-align:left;
border: 0px;
padding: 30px;

padding-top:10px;
line-height:20px;
font-size:14px;
font-family: Helvetica, Arial, sans-serif;
overflow:hidden;
margin: 0px;
padding-bottom:0px;
}
form{
margin: 0; padding: 0;
}
label {
}
p
{ margin: 0; padding: 0; }


/* show / hides needed for routing */
.sshow{
Z-INDEX: 100;
Right: 0px;
WIDTH: 100%;
POSITION: relative;
TOP:0px;
visibility: visible;
}
.hhide{
Z-INDEX: 1;
Right: 0px;
WIDTH: 1px;
Height: 1px;
POSITION: absolute;
TOP:0px;
visibility: hidden;
}
/* progress bars */
#progresscontainer{
position:relative;
width: 800px;
margin-left:30px;
overflow:hidden;
margin-bottom:30px;
margin-top:-15px;
}
#progresslabel{
width:70px;
position:relative;
float:left;
vertical-align: top;
color:#666666;
}
#progress{
margin-top:0px;
float:right;
position:relative;
width:715px;
padding: 0px;
height: 17px;

overflow:hidden;
}
#progresscolor{
position:relative;
float:left;
background-color: #a97bad;
overflow:hidden;
height: 15px;
border: solid 1px #747069;
}
#progresscolor_remainer{
position:relative;
float:right;
background-color:#FFFFFF;
overflow:hidden;
height: 15px;
border: solid 1px #747069;
}


/* submit button */
.next,.end{
z-index: 1;
border: 0px;
margin:0px;
overflow:hidden;
text-align:right;
margin-right:30px;
}
/* completed, kick message */
#message{
text-align:center;
position:relative;
font-weight:bold;
font-size:17px;	
margin:20px;
}

/* deviding lines */
.line{
position:relative;
margin-top:10px;
border-top: 1px #747069 dotted;
height:2px;
width: 100%;
overflow:hidden;
}
.thinline{
position:relative;
margin-top:10px;
background-color:#747069;
height:2px;
width: 100%;
}
HR{margin-top:10px;padding-top: 10px; color: #747069; height: 2px;}


/* inputs */
input,select{
font-size:14px;
font-family: Helvetica, Arial, sans-serif;
cursor:hand;
line-height:18px;
color:#000;
}
.txtarea{
font-family: Helvetica, Arial, sans-serif;
border:1px solid #747069;
width:400px;
padding:4px;
font-size: 15px;
color:#000;
}
.textfield{
border:1px solid #747069;
width:400px;
padding:4px;
text-indent:3px;
font-size: 15px;
color:#000;
}


/* main prompt, and options */
.prompt,heading{
display: block; 
text-align:left; 
padding-bottom: 10px;
padding-top: 5px;
line-height:22px;
font-family: Helvetica, Arial, sans-serif;
}
.checkbox_prompts{
position:relative;
font-weight:bold;
font-size:14px;
font-family:  Helvetica, Arial, sans-serif;
cursor:hand;
line-height:20px;
display:-moz-inline-box;
display:inline-block;
margin-top:5px;
margin-right: 5px;
word-wrap: break-word;
text-align:right;
}
.radio_prompts{
position:relative;
font-weight:bold;
font-size:14px;
font-family:  Helvetica, Arial, sans-serif;
cursor:hand;
line-height:20px;
display:-moz-inline-box;
display:inline-block;
margin-bottom:10px;
margin-right: 5px;
word-wrap: break-word;
text-align:right;
vertical-align:top;
}
.horizontal_radios{
padding: 0px;
padding-left:8px;
}




/* slider styles */	
.slider_label{
font-size:14px;
font-family: Helvetica, Arial, sans-serif;
cursor:hand;
font-weight:bold;
line-height:18px;
}
.vslider{
position:relative;
display:block;
float:right;
width: 90px;
overflow:hidden;
text-align:center;
}
.vsliderlabel{
position:relative;
display:block;
float:right;
width: 80px;
overflow:hidden;
text-align:center;
margin:5px;
font-size:14px;
margin-bottom:10px;
}
.hslider{
position:relative;
display:block;
float:right;
width: 450px;
overflow:hidden;
}
.hsliderlabel{
position:relative;
display:block;
float:right;
text-align:right;
width: 200px;
overflow:hidden;
height: 50px;
margin-right: 20px;
padding-top:15px;
}	
		
/* image checkboxes */
.image_prompts{
background-repeat:no-repeat;
display:block;
border: 0px solid #000000;
cursor:pointer;
float:right;
margin:0px;
margin-right:10px;
margin-bottom:10px;
}
.image_prompts_check{
border: 0px solid #000000;
background-repeat:no-repeat;
display:block;
cursor:pointer;
color:#FFFFFF;
float:right;
margin:0px;
margin-right:10px;
margin-bottom:10px;
}

		
/* large word checkboxes */
.option_prompts p,.option_prompts_check p{
font-size:14px;
padding:10px;
padding-left:14px;
padding-top:20px;
font-weight:bold;
text-align:center;

}
.option_prompts_check p{
padding-left:8px;
}
.option_prompts{
background-repeat:no-repeat;
background-color:#FFFFFF;
display:block;
width:150px;
height:150px;
border: 0px;
cursor:pointer;
float:right;
margin-right:10px;
margin-bottom:10px;
background-image:url(images/loz.gif);
}
.option_prompts_check{
border: 0px;
background-repeat:no-repeat;
display:block;
width:150px;
height:150px;
cursor:pointer;
background-color:#000;
color:#FFFFFF;
float:right;
margin-right:10px;
margin-bottom:10px;
background-image:url(images/loz_o.gif);
}

/* javascript games */
.axis_me {
margin:10px;
position: absolute;
height:100px;
display:block;
cursor:pointer;
z-index:2;
}
.axis_me div{
display:block;
margin:10px;
text-align:center;
}
.axis_me .tip{
margin:0px;
margin-top:-10px;
margin-left:40px;
padding:3px;
font-size:12px;
opacity:0;
filter:alpha(opacity=0);
background:#000000;
color:#FFFFFF;
}
.drops {
border: 2px solid #5C1562;
position: relative;
height: 200px;
display:block;
float:left;
background-color: #eee;
z-index:1;
margin:10px;
margin-right:20px;
line-height:50px;
}

.drops div{
margin:10px;
text-align:center;
font-size:34px;
margin-top:50px;
}

#drag_cont {
margin-top:20px;
height: 570px; 
width: 800px;
position: relative;
border:1px dotted #5C1562;
}

.drag_me {
border: 0px solid #000000;
background-repeat:no-repeat;
font-size:12px;
background-repeat:no-repeat;
margin:10px;
position: absolute;
float:left;
display:block;
cursor:pointer;
z-index:2;
line-height:17px;
}

#drag_me_image{
font-size: 0px;
}
.drag_me div{
display:block;
margin:5px;
text-align:center;
}
.sortable{

}
.sortable_item{
width:200px;
list-style-type:none;
text-indent:0px;
list-style-position:inside;
padding:10px;
margin:10px;
border:1px solid #cccccc;
cursor:pointer;
height:100px;
}
.sortable_item_placeholder{
list-style-type:none;
text-indent:0px;
list-style-position:inside;
width:200px;
background:#eeeeee;
padding:10px;
margin:10px;
border:1px solid #eeeeee;
cursor:pointer;
height:100px;
}