body {
	background: #fff;
	margin:10px 10px;
	padding: 0;
}


#container {
	margin: 0;
	text-align: left;
	background: #ffffff;
	width: 950px;
}

#emailbox {
	position: absolute;
	margin: 10px;
	text-align: left;
	background: #dadfec;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #375075;
	width: 480px;
	height: 540px;
}

#emailformbox {
	position: absolute;
	float:left;
	left: 30px;
	top: 100px;
	width: 400px;
}

#top {
	position: relative;
	margin: 0;
	height: 94px;
	width: 950px;
	background: #ffffff;
}
#body360wrap {
	margin-top:1px;
	padding-left:110px;
	background: #dadfec;
}
#body360 {
 	position: relative;
 	top: 0px;
 	margin: 0;
	text-align: left;
 	width: 730px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #375075;
	background: #dadfec;
}

#sublogo {
	position: absolute;
	left: 750px;
	top: 0px;
}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#topcentre {
	position: absolute;
	top: 94px;
	left: 0px;
}
#topnav {
	position: absolute;
	left: 0px;
	top: 70px;
}

#logout {
	position: absolute;
	top: 72px;
	left: 875px;
	width: 50px;
	height: 17px;
}
#loggedin {
	position: absolute;
	top: 72px;
	left: 570px;
	width: 300px;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: #fff;
}

#toplogin {
	position: relative;
	margin: 0;
	text-align: left;
	background: #ffffff;
	width: 100%;
	height: 350px;
}

#loginwrap{
	background: #dadfec;
}

#loginbox {
	position: absolute;
 	margin: 0;
	text-align: left;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #6d8abc;
	top: 140px;
	left: 292px;
	width: 430px;
}


#login360 {
 	position: relative;
	top:10px;
	width: 430px;
	text-align: left;
}

#errortext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	position: relative;
	color: #d22e2e;
	width: 430px;
	text-align: left;
}

#formerror {
	position: relative;
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #d22e2e;
	left: 25px;
	text-align: left;
}

#formsuccess {
	position: relative;
	padding-top: 5px;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #55975a;
	left: 10px;
	text-align: left;
}

#question360 {
	position: relative;
	left: 100px;
	top: 20px;
	background-color: #88cdea;
	width:513px;
	height:242px;
}

#qtext {
	position: absolute;
	left: 30px;
	top: 45px;
	width: 420px;
	color: #455771;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
 }
 
.slidetext {
	background-color: #6f91ab;
	border:1px solid #ffffff;
	padding-left:4px;
	font-size: 14px;
	font-weight: bold;
 	color: #ffffff;
	}
	
#slider {
	position:absolute;
	top: 180px;
	left: 120px;
}

#area {
	float:left;
	background: url(images/scale.gif) no-repeat scroll 0 0;
	width: 200px;
	height: 40px;
}

#knob {
	height: 19px;
	width: 15px;
	background: url(images/slider.gif) no-repeat scroll 0 0;
}

#svalbox {
	float:left;
	margin-right:20px;
}

#centreright {
	position: absolute;
	left: 266px;
	top: 94px;
}
#one {
	position: absolute;
	left: 0px;
	top: 261px;
	text-align: left;
}

#results {
	position: absolute;
	top: 30px;
	left:30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #6d8abc;
}

#line {
	position: absolute;
	left: 0px;
	top: 344px;
}
#boxleft {
	position: absolute;
	float:left;
	left: 20px;
	top: 0px;
	width: 345px;
}

#boxleft02 {
 position: relative;
	top: 20px;
 	left: 30px;
	width: 320px;
}

#boxleft03 {
 position: relative;
	top: 20px;
 left: 30px;
	width: 370px;
}

#listleft01 {
	position: relative;
	left: 30px;
	top: 0px;
	width: 500px;
}

#listleft02 {
	position: relative;
	left:30px;
	top: 0px;
	width: 300px;
}

#listleft03 {
	position: relative;
	left: 30px;
 top: 0px;
	width: 600px;
}

#introtext {
	position: relative;
	left: 30px;
 top: 0px;
	width: 600px;
}

#introtext p {
 margin-top:10px;
 margin-bottom:19px;
}

#listleft04 {
	position: relative;
	left: 30px;
	top: 0px;
	width: 500px;
}

#listleft05 {
	position: relative;
	left: 30px;
 top: 0px;
	width: 700px;
}

#listleft06 {
	position: relative;
	top: 20px;
	left: 30px;
	width: 400px;
}

#listright01 {
	position: relative;
	left: 330px;
	top: 0px;
	width: 300px;
}

#boxright {
	position: relative;
 left: 370px;
	width: 320px;
}

#boxright01 {
	position: relative;
	width: 320px;
}

#boxright02 {
	position: relative;
	width: 320px;
}

.header {
	font-size: 11px;
	font-weight: bold;
}

#surveynav {
	position: relative; 
 	top: 0px;
	margin-top:1em;
 	width: 170px;
	left: 512px;
	height: 100px;
}

#footerbar {
	margin:8px 0 8px 0;
	border-top:1px solid #f0f2f3;
}

#footer360 {
	margin-left:285px;
	color:#CACBCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

#bottom {
	position: relative;
	top:14px;
}

#footer {
	background:transparent url(images/dots.png) no-repeat scroll 0pt 4px;
	color:#CACBCC;
	height:47px;
}


#footer a:link, #footer a:visited {
	color:#CACBCC;
	text-decoration:none;
}

#footer a:hover {
	color:#F09100;
	font-weight:normal;
	text-decoration:underline;
}


a:link {
	color: #6d8abc;
	text-decoration: underline;
}
a:visited {
	color: #6d8abc;
	text-decoration: underline;
}
a:hover {
	color: #2796c9;
	text-decoration: none;
}

#top_image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 950px;
}

.odd {
	background-color: #c3d4e3;
 color: #3b4357;
	font-weight: normal;
	}

.even {
	background-color: #dde6ed;
 color: #3b4357;
	font-weight: normal;
}

.prop {
  float:right;
  width:1px;
}

#bluewrap {
	background: #dadfec;
}

.clear {       
  clear:both;      
  height:1px;      
  overflow:hidden;
}                  

.min400px {         
  height:400px;     
}   

.min300px {         
  height:290px;
}
.min100px {
  height:150px;
}

#ac {
 text-align:center;
}

#table360{
  border: 1px solid #fff;
}

#table360 table.boff{
  border: 0px;
}

#table360 tbody tr td {
	font-family: verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 6px 3px 6px;
	border-left: 1px solid #fff;
}

#table360 th{
 background-color: #8ca7d0;
 color: #fff;
 font-weight: normal;
 text-align: left;
	padding: 3px 6px 3px 6px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



#table360 td.boff{
	border: 0px;
}
#table360 td.ron{
	border-right: 1px solid #fff;
}

#table360 th.ron{
	border-right: 1px solid #fff;
}

#table360 th.bon{
 border-top: 1px solid #fff;
}

fieldset{
 border:1px solid #6d8abc;
	margin: 0 0 1em 0;
	padding: 0 1em 1em 1em;
 margin-right:20px;
 color:#6d8abc;
}

legend {
 font-weight:bold;
 color:#6d8abc;
 padding:0 0.5em;
}

h3 {
 font-size: 12pt;
 font-weight: bold;
 margin-top:0em;
}


#helplink {
	position: absolute;
	top: 105px;
	left: 895px;
	width: 50px;
	height: 20px;
}	

p.topofpage    {clear:both; padding:1em 0; background:url(images/topofpage.gif) no-repeat center right; text-align:right; width:100%; font-size:90%;}
p.topofpage a  {margin:0 25px 0 0}


div.help     {background:#e7eaf3; padding: 25px; color:#455771; margin:0 6em 0 6em}
div.help h3  {line-height: 20px;}
div.help h4  {font-size:small; color: #069ad0; margin-bottom: 10px}
div.help p   {margin-top:0}

span.help    {	font-family: Arial,Helvetica, sans-serif; font-size: 12px; background:#e7eaf3; padding:2px; }
span.help  a {color:#455771}
p.help       {margin:0px; color:#455771}

span.lbull   {	font-family: Arial,Helvetica, sans-serif; font-size:20px; padding:0px 8px 0px 8px; vertical-align:middle};