/* ***************************** */
/* If you want to check the validity of */
/* this style sheet http://jigsaw.w3.org/css-validator/					*/
/*		New Survey Style Sheet	Doug Robb 2007	*/

* {
padding: 0;
margin: 0;
}

body
{
text-align: center;
background-color: #ccc ; /* #465358 */ 
font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
font-size: .8em; 
background-image:  url(images/demo.gif);
background-repeat: repeat; 
color: #222 ;
}

#container
{
background-color: #fff;
color: #222 ;
border: 1px solid #000 ;
line-height: 1.3em;
}
#logo
{
background-color: "f60" ;
text-align: left ;
border: 0px solid gray;
}
#top
{
background-image: url(http://www.psy.uwa.edu.au/survey/images/lps_graphic.gif)  ;
background-repeat: no-repeat;  
background-position: bottom right; 
background-color: "FF6600" ;
border: 0px solid #f00 ;
}
#top h1
{
padding: 0;
margin: 0;
}

#content  h1,h2,h3
{
font-size: 1.2em; 
text-align: left ;
font-family: "Helvetica", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
margin: 1em 0em 1em 0em; /* top, right, bottom, left */
color: #f60 ;
border: 0px solid ;
}
#content  h2,h3
{
margin: 1em 0em 1em 0em; /* top, right, bottom, left */
font-size: 1.1em;
text-align: left ;
color: #666 ;
}

#leftnav
{
float: left;
width: 80px;
height: 800px ;
margin: 0;
padding-top: 0em;
background: #fff ;
border: 0px solid blue;
clear: both ;
}

#rightnav
{
float: right;
width: 40px;
margin: 0;
padding: 0em;
border-left: 0px solid blue;
}
#content
{
margin-left: 1em; /* this leaves 10px space from left side bar (130) */
border-left: 0px solid gray;
margin-right: 1em ;
border-right: 0px solid gray;
padding: 1em;
text-align: left ;
max-width: 136em; /* IE ignores */
border: 0px solid red ;
}
#footer
{
clear: both;
margin: 5em 0em 0em 0em; /* top, right, bottom, left */
padding: .5em;
color: #666;
background-color: #fff;
border-top: 0px solid gray;
font-size: 0.8em;
}

table 
{
border-collapse: collapse;  
border-style: none; 
border: 0px solid #ccc ; 
margin-top: 0; 
margin-left: 0px; 
background-color: #fff ;
}
td { border-bottom: 0px solid #ccc ;  color: #222 ; margin: 0px ; padding: .5em 0em 0em 0em; }
/* links on page */
a {text-decoration: none;font-weight: bold; color: #f60 ; ;}
a:hover { text-decoration: underline; color: #30695A }


table#questionTable
{ 
border: 0px solid #666666; 
background-color: #fff ;
margin-left: 0em ; 
margin-right: 0em  ; 
margin-top: 2em  ;
text-align: left;
}

table#choiceTable
{ 
border: 1px solid #ccc ; 
background-color: #fff ;
margin: 0em 0em 0em 0em; /* top, right, bottom, left */
padding: 0em 0em 0em 0em; /* top, right, bottom, left */
margin-top: 0em  ;
margin-bottom: 0em  ;
text-align: left;
}
#choiceTable tbody tr td
{
padding: 3px 3px;
border-left: 0px solid #222 ;
}


ul {
line-height: 1.5em;
margin: 1.5em 0 0 1.5em;
padding: 0;
padding-left: 1.5em ;
list-style-image: url(images/bullet.gif); 
list-style-type: square ;
}

li {
background-image: url(arrow.gif);
}

#logo p
{
font-size: .9em; 
margin: 2em 5em 0em 12em; /* top, right, bottom, left */
color: #666  ;
border: 0px solid ;
}

/* make sure text floats nicely around and image 
   see: http://www.tizag.com/cssT/float.php */
img.floatLeft { 
    float: left; 
    margin-right: 1em; /* make sure text clears right side nicely */ 
	border: 0px solid #eee ;
}
img.floatBorderLeft { 
    float: left; 
    margin-right: 1em; /* make sure text clears right side nicely */ 
	border: 1px solid #eee ;
}
img.floatRight { 
    float: right; 
    margin-left: 1em ; 
	border: 1px solid #eee ;
}
/* move formats used to this area and delete ones marked 'x' */

.sectionHeadLabel
{
margin-left: 0em;
color: #666 ;
font-size: 2.0em ;
font-weight: bold ;
border: 0px solid #999 ;
}
.sectionHeadTitle
{
margin-left: 1em ;
color: #222 ;
font-size: 1.1em ;
font-weight: bold ;
border: 0px solid #000 ;
}

/*	This is  for Question table cells	*/
td.question {
font-size: 1.0em ;
padding: 3px 3px ;
color: #222 ;
background: #fff ;
font-weight: bold ;
border: 0px solid #000 ;
}

hr.section {
color: #00549a ;
}
/* span of where data choices are entered */
.choices {
font-size: .9em ;
padding: 0em 0em 0em 0em ;
color: #222 ;
background: #FFF ;
}



/* Actual Survey Formating 'x' is not used */

/*	Active links (not widely supported)		*/
a:active {
color: #FF6666;
background: #FFFFFF;
}

/*	Links when hovered over (MSIE only)		*/
a:hover {
color: #FF6666;
background: #FFFFFF;
}

INPUT
{
    BACKGROUND-COLOR: #ddd;
    CURSOR: pointer ;
padding: 0em 0em 0em 0.5em; /* top, right, bottom, left */
}
SELECT
{
    BACKGROUND-COLOR: #b9d8ff;
    CURSOR: pointer ;
}
SUBMIT
{
    BACKGROUND-COLOR: #ff6666 ;
	margin: 2em 5em 0em 12em; /* top, right, bottom, left */
    CURSOR: auto ;
}