/*colors
#BFE4FF

#6096BF

#E6F4FF

#80C9FF

darker
#0066B3

#00487D

#BFE4FF

#80C9FF

*/


body {
 background-color: #E6F4FF;
background-image: url(../img/fade.gif);
background-repeat: repeat-x;
  color : #000000;
  text-align : center;
  vertical-align : middle;
  font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;

	}

#content, #title, .box{
  width : 900px;
  margin-right : auto;
  margin-left : auto;
  margin-top:3px;

  background-color : #ffffff;
  padding : 4px;
  text-align : left;
border: 3px double #CCCCCC;
}

.tagline{
display:inline;
color:#6096BF;

}


#title{  width : 700px;}
/*background-image: url(../img/fade_grey.gif);
background-repeat: repeat-x;
*/

 
/*  Home Page  Basic structure 
the sheet only holds styles unique to the index page
this is meant to be used with style.css

*/
	

	
	
/* Login / register form */	

#login_form {
width:100%;
margin:0px;
padding:0px;
}



input {
border: 1px solid #CCCCCC;
font-size: 12px;
}

 
#login_form label,#login_form a, #register_form label{
font-size: 12px;
margin-left:10px;}

#login_form_title {
font-size: 14px;
font-weight: bold;
margin-right:20px;
display:inline;}


#login_button, #register_button, .box a {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;

background-color: #FFFFFF;
background-image: url(../img/background_form_element.gif);
background-repeat: repeat-x;
color: #333333;
font-size:10px;
font-weight: bold;
text-decoration:none;
cursor:pointer;
white-space: nowrap;
}

.box a {
font-size:16px;
}


.error_text {
font-size: 14px;
font-weight: bold;
color:red;
}





/*  the home page promotional section */


h1 {
margin-top:0px;
font-size:18px;
color:#555;
display:block;
text-align:center;
}


#promotion{
clear:both;
text-align:center;
display:block;
margin-bottom:20px;
margin-top:20px;
width:100%;
}


.box {
text-align:center;
width:260px;
padding:0px;
 background-color: #E6F4FF;
}
  
.spacer_td { width:30px; }

  




#promotion h2 {
margin-top:0px;
font-size:30px;
color:#0066B3;
font-weight:normal;
}
  
#promotion p {
padding:4px;
font-size:14px;
margin-bottom:10px;
}







#register_form, #account_info_form {
border:1px solid silver; 
  background-image: url(../img/fade.gif);
background-repeat: repeat-x;
 background-color: #E6F4FF;
margin:4px 10px 4px 4px;
padding: 10px 10px 10px 10px;
}

#register_form h2{
display:block;
padding: 0px;
margin: 0px;
margin-bottom:10px;}

#register_form h2 span{ font-size:14px;}





#screenshots p{font-size:12px;}
	
	
/*  the logged in area */



.survey_list {
margin-top:5px;
overflow:auto;
  }
  
  
  .tabular_list {
width: 100%;
border:1px solid #ccc;
text-align:center;
  }
  /* from http://www.webdesignfromscratch.com/tabular_list.cfm# */
  
  .tabular_list th {
	background-color:#ddd;
	font-weight:bold;
	text-align:left;
	color:#003;
	padding:4px;
	padding-bottom:0px;
	font-size:.9em;
	margin:0px;
}

.tabular_list th a {
	display:block;
	width:100%;
	height:100%;

}

.tabular_list td {
border-collapse: collapse; 
/*	border:1px solid #bbb;
	border-color:#fff #bbb #bbb #fff; 
		border-color:#fff #fff #999 #fff;
		*/
text-align: left;
	background-color:#fff;
	padding:4px;
	font-size:14px;
	margin:0px;
}


#account_info{
clear:both;
text-align:left;
margin-top:50px;
}	

#account_info h2{
text-align:left;
}	

.people_list {
border:1px solid #CCCCCC;
text-align: left;
height: 70px;
overflow:auto;
list-style:none;
font-size: 14px;
}

.personal_data fieldset{
text-align: left;
font-size:14px;
border:1px solid silver; 
background-color: transparent;
}


.personal_data input   {
border:1px solid silver; 
background-color:#fff;
 }
 
.personal_data select {
border:1px solid silver;
}