/*
Colours

#0000CC = dark blue for borders
#DDDDDD = light gray
#CCCCCC = lighter gray for background colours
#009111 = greeen
*/

/*remove border for headertable when printing*/
@media print
{
	.contentarea
	{
		margin-left: 30px;
	}
	.maintable
	{
		padding: 0px;
		margin: 0px;
		border: 0px solid black !important;
		background-color: white !important;
		margin-top: 20px; 
		margin-bottom: 20px;
		margin-left: 0px !important;
		padding-left: 70px !important;
	}
	.footertext
	{
		position: relative;
		right: 150px;
		width: 695px;
		top: 4px;
		font-size: 10px;
		color: #B2B2B2;
		font-family: verdana;
		text-align: right;
	}
	.footerimage
	{
		display: none;
	}

	.footerimage2
	{
		display: none;
	}
	.footerurl
	{
		font-size: 10px;
		color: #B2B2B2;
		display: block;
	}
	.printsubtitle
	{
		display: block;
		font-size: 14pt;
		color: #00076F;
		font-family: 'arial', 'verdana';
		letter-spacing: 2px;
		margin-right: 25px;
	}
	.locator
	{
		display: none;
	}
}


BODY
{
	margin: 0px; 
	padding: 0px;	
	font-family: 'verdana';
	font-size: 10px;
}

.printsubtitle
{
	display: none;
	
}

.footerurl
{
	display: none;
}

.maintable
{
	padding: 0px;
	margin: 0px;
	border: 1px solid black;
	background-color: white !important;
	margin-top: 20px; 
	margin-bottom: 20px
}
/*.maintable tr td
{
	padding: 0px;
	margin: 0px;
	background-color: white !important;
}*/

.table
{
	padding: 0px;
	margin: 0px;
}
.table tr td
{
	padding: 1px;
	margin: 1px;
	font-family: 'verdana';
	font-size: 10px;
}

.bodytable
{
	padding: 0px;
	margin: 0px;
}
.bodytable tr td
{
	padding: 0px;
	margin: 0px;
}

.background
{
	background-image: url(../images/site/background.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #8E8F96;
}

.backgroundhead
{
	background-image: url(../images/site/header.gif);
}

.backgroundfoot
{
	background-image: url(../images/site/footer.gif);
}

div.reportborder
{
	width: 600px;
	border: 1px solid #0000CC;
}

.footertext
{
	position: relative;
	width: 695px;
	top: 4px;
	font-size: 10px;
	color: #B2B2B2;
	font-family: verdana;
	text-align: right;
}

.title
{
	font-size: 14px;
	font-weight: bold;
	color: #0A00CB;
	font-family: 'arial';
}

.content
{
	font-size: 11px;
	font-weight: normal;
	font-family: 'verdana';
}

.list
{
	list-style-image: url(../images/site/list.gif);
	font-size: 10px;
	list-style-type: circle;
	vertical-align: top;
}

div.heading
{
	font-size: 12pt !important;
	font-weight: bold;
	font-family: arial;
	color: #00076F;
	padding-bottom: 5px;
}
div.headingred
{
	font-size: 12pt !important;
	font-weight: bold;
	font-family: arial;
	color: red;
	padding-bottom: 5px;
}
div.heading2
{
	font-size: 10pt !important;
	font-weight: bold;
	font-family: arial;
	color: #00076F;
}
div.plaintext
{
	font-size: 10pt;
	color: black;
	font-family: verdana;
	padding: 6px;
}
div.colouredtext
{
	font-size: 10pt;
	color: #000993;
	font-family: verdana;
	padding: 6px;
}
div.box
{
	border: 0px solid #000993;
	color: #000993;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	padding: 1px;
	background-color: #EDEDED
}
div.box3
{
	border: 0px solid #000993;
	color: #000993;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	padding: 3px;
}
div.box2
{
	border: 1px solid #B0B0B0;
	font-style: italic;
	font-weight: normal !important;
	padding: 2px;
}
.contenttable
{
	padding: 0px;
	margin: 0px;
}
.contenttable tr td
{
	color: #000993;
	padding: 1px;
	margin: 1px;
	font-family: 'verdana';
	font-size: 10px;
}
.contenttable2
{
	padding: 0px;
	margin: 0px;
}
.contenttable2 tr th
{
	color: black;
	font-family: verdana;
	font-weight: bold;
	font-size: 12pt;
	padding: 2px;
}

.contenttable2 tr td
{
	color: black;
	padding: 1px;
	margin: 1px;
	font-family: 'verdana';
	font-size: 10pt;
}


div.headingB /* for report heading */
{
	font-size: 12pt !important;
	font-weight: bold;
	font-family: arial;
	color: black;
	padding-bottom: 5px;
}
div.heading2B /* for report heading */
{
	font-size: 10pt !important;
	font-weight: bold;
	font-family: arial;
	color: black;
}

.headertable
{
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border: 1px solid #0000CC;
	height: 100%;
}
.headertable tr td
{
	font-size: 7pt;
	font-family: verdana;
}


br
{
	font-size: 3pt;
}

.boxindexpage
{
	padding: 5px;
	border: 1px solid #0000CC;
	background-color:  #CCCCCC;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: auto;
	margin-bottom: auto;
}

/*.box
{
	padding: 5px;
	border: 1px solid black;
	background-color: #EEEEEE;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
}*/

.topbackground
{
	width: 100%;
	height: 75px;
	/*background: url('../images/topbar3.gif');
	background-repeat: repeat-x;*/
	background-color: #CCCCCC;
	border-bottom: 1px solid #0000CC;
}

.bottombackground
{
	width: 100%;
	height: 33px;
	/*background: url('../images/bottombar.gif');
	background-repeat: repeat-x;*/
	background-color: #CCCCCC;
	border-top: 1px solid #0000CC;
}

.button
{
	font-size: 7pt; 
	font-family: 'verdana';
	color: white;
	font-weight: bold;
	background-image: url(../images/site/button2.gif); 
	background-repeat: repeat-x;
	background-color: black;
	padding: 1px;
	margin: 1px;
	z-index: 2;
	border: 1px solid #B2B2B2;
}

.text
{
	height: 19px;
	font-size: 7pt;
	color: #000993;
	border: 1px solid #0000CC;
}


.elementtable 
{
	padding: 0px;
	margin: 0px;
}

.elementtable td tr
{
	padding: 0px;
	margin: 0px;
	background-color: black;
	text-align: center;
}

.trackingtable 
{
	padding: 0px;
	margin: 0px;
	background-color: #0000CC;
}

.trackingtable td tr
{
	padding: 0px;
	margin: 0px;
	background-color: white;
	text-align: center;
}

.trackingtable th
{
	padding: 0px;
	margin: 0px;
	font-family: 'verdana';
	font-weight: bold;
	font-size: 9pt;
	background-color: #DDDDDD;
	text-align: center;
}

.locator
{
	font-family: 'verdana', 'sans-serif';
	font-weight: bold;
	font-size: 10pt;
	color: #000993
	margin-left: 5px;
	padding-left: 5px;
}

/* div positioning */

#loginbox
{
	position: absolute;
	right: 15px;
	top: 18px;
	z-index: 1;
}

/* div boxes for form content */

div.container
{
	border: 1px solid #0000CC;
	padding: 10px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div.spacer
{
	clear: both;
}


/*div.row span.houseleft
{
	float: left;
}

div.row span.houseright
{
	float: right;
}

div.row span.head
{
	float: left;
	width: 460px;
	text-align: left;
	font-family: arial;
	font-weight: bold;
	color: black;
	padding-bottom: 10px;
}

div.row span.label
{
	float: left;
	width: 110px;
	text-align: right;
	font-family: verdana;
	font-size: 10pt;
	color: #0000CC;
	padding-top: 2px;
}

div.row span.element
{
	float: right;
	width: 340px;
	text-align: left;
	margin-left: 0px;
	font-family: verdana;
	font-size: 10pt;
	padding: 2px;
}*/

div.row span.house
{
	
	text-align: center;
}

div.row
{
	clear: both;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid black;*/
}

div.row span.label
{
	
	font-family: verdana;
	font-size: 10pt;
	color: #0000CC;
	padding-top: 2px;
	width: 100px;
	text-align: right;
}
div.row span.element
{
	margin-left: 0px;
	font-family: verdana;
	font-size: 10pt;
	padding: 2px;
	width: 400px;
}

div.row span.elementForm
{
	margin-left: 0px;
	font-family: verdana;
	font-size: 11pt;
	font-weight: bold;
	padding: 2px;
}


div.row span.label2 /* for text above element */
{
	width: 100px;
	font-family: verdana;
	font-size: 8pt;
	color: #0000CC;
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

div.row span.label3 /* for text beside element */
{
	float: left;
	width: 90px;
	font-family: verdana;
	font-size: 8pt;
	color: #0000CC;
	padding: 2px;
	text-align: right;
}

div.row span.label3B /* for text beside element in report*/
{
	float: left;
	width: 90px;
	font-family: verdana;
	font-size: 8pt;
	color: black;
	padding: 2px;
	text-align: right;
}

div.row span.label4 /* for medium sized text beside element -used in report*/
{
	float: left;
	width: 120px;
	font-family: verdana;
	font-size: 8pt;
	color: black; /*black for printing black and white */
	font-weight: bold;
	padding: 2px;
	text-align: right;
}


div.row span.element2 /* for large elements */
{
	width: 180px;
	margin-left: 0px;
	font-family: verdana;
	font-size: 8pt;
	padding: 2px;
	text-align: left;
}

div.row span.element4 /* for elements to the right of text*/
{
	float: right;
	width: 200px;
	margin-left: 0px;
	font-family: verdana;
	font-size: 8pt;
	padding: 2px;
	text-align: left;
}

div.row span.element5 /* for details on report */
{
	width: 140px;
	margin-left: 0px;
	font-family: verdana;
	font-size: 8pt;
	padding: 2px;
	text-align: left;
}

div.row span.element3 /* for small elements */
{
	width: 50px;
	margin-left: 0px;
	font-family: verdana;
	font-size: 8pt;
	padding: 2px;
	text-align: left;
}

div.row span.elementcomment /* for report comments */
{
	float: right;
	width: 440px;
	margin-left: 0px;
	font-family: verdana;
	font-size: 8pt;
	padding: 2px;
	text-align: left;
}

.countfont
{
	font-family: verdana;
	font-size: 8pt;
	padding: 1px;
}


div.row span.script
{
	
	font-family: verdana;
	font-size: 10pt;
	color: #00076F;
	padding-top: 2px;
}

/* list */
#tabbyfaux a
{ 
display: block;
font-size: 13px; 
text-decoration: none;
color: #f8f8ff; 
background: #990000; 
padding: 2px;
}

#tabbyfaux a:hover 
{ 
background: #330099; 
}

#elContainer
{
	width: 151px;
	padding:0px;
	margin:0px;
}

#popbuttons
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 151px;
	padding:0px;
	margin:0px;
	z-index: 3;
	background-image: url(../images/site/buttonbackmiddle.gif);
	background-repeat: repeat-y;
	width: 160;
	text-align: center;
}

.elButton a  {
	color: white;  
	font-size: 7pt; 
	font-family: 'verdana';
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/site/menubutton.gif); 
	background-repeat: repeat-x;
	background-color: #DDDDDD;
	display: block;
	width: 151px;
    height: 23px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}
.elButton a:hover {
	
	background-image: url(../images/site/menubutton2.gif); 
	background-repeat: repeat-x;
	border: 0;
	color: white;
}

.elButtonSelected a {
	
	color: white;  
	font-size: 7pt; 
	font-family: 'verdana';
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/site/menubutton2.gif); 
	background-repeat: repeat-x;
	background-color: #DDDDDD;
	display: block;
	width: 151px;
    height: 23px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}
.elButtonSelected2 a {
	
	color: white;  
	font-size: 7pt; 
	font-family: 'verdana';
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/site/menubutton2.gif); 
	background-color: #DDDDDD;
	display: block;
	width: 151px;
    height: 23px;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	text-align: left;
	border: 0px;
}

.elButtonsub a  {
	color: white;  
	font-size: 7pt; 
	font-family: 'verdana';
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/site/menubuttonsub.gif); 
	background-color: #DDDDDD;
	display: block;
	width: 151px;
    height: 23px;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	text-align: left;
	border: 0px;
}
.elButtonsub a:hover {
	
	background-image: url(../images/site/menubutton2.gif); 
	border: 0;
	color: white;
}


.bordertop
{
	background-image: url(../images/site/bordertop.gif);
	background-repeat: no-repeat;
}
#leftstrip
{
	background-image: url(../images/site/leftstrip.gif);
	background-repeat: repeat-y;
}
.leftstripbottom
{
	background-image: url(../images/site/leftstrip.gif);
	background-repeat: repeat-y;
}
.contentarea
{
	background-image: url(../images/site/toprightcorner2.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.topbutton
{
	background-image: url(../images/site/buttonbacktop.gif);
	background-repeat: no-repeat;
	width: 160;
	text-align: center;
}

.middlebutton
{
	background-image: url(../images/site/buttonbackmiddle.gif);
	background-repeat: repeat-y;
	width: 160;
	text-align: center;
}

.bottombutton
{
	background-image: url(../images/site/buttonbackbottom.gif);
	background-repeat: no-repeat;
	width: 160;
	height: 8;
	text-align: center;
}

.bottomleftcorner
{
	position: relative;
	float: left;
	left: 0px;
	bottom: 0px;
	background-image: url(../images/site/bottomleftcorner.gif);
	background-repeat: no-repeat;
	height: 191px;
	width: 191px;
}

.footerimage
{
	position: relative;
	left: -254px;
	bottom: 212px;
	background-image: url(../images/site/bottomleftcorner.gif);
	background-repeat: no-repeat;
	height: 191px;
	width: 190px;
	z-index: 2;
}

.footerimage2
{
	position: relative;
	left: 0px;
	bottom: 212px;
	background-image: url(../images/site/bottomborder2.gif);
	background-repeat: no-repeat;
	height: 191px;
	width: 700px;
	z-index: 3;
}

.subtitle
{
	font-size: 14pt;
	color: #00076F;
	font-family: 'arial', 'verdana';
	letter-spacing: 2px;
	margin-right: 25px;
}

/*=======================================
// unused styles 
//========================================*/
/*styles for the html email*/
.htmlhead1
{
	color: black; 
	font-size: 14pt; 
	font-weight: bold;
}
.htmlhead2
{
	color: black; 
	font-size: 12pt; 
	font-weight: bold;
}
.htmlbody
{
	font-size: 10pt;
}
/*end styles for html email*/



.boxindexpage2
{
	padding: 5px;
	border: 1px solid black;
	background-color: #EEEEEE;
	margin-left: 5%;
	margin-right: 15%;
}

.tablegeneral
{
	margin: 0px;
	padding: 0px;
	background-color: black; /*the colour we want the border to be */
}

.tablegeneral tr td
{
	margin: 0px;
	padding: 2px;
	background-color: #EEEEEE;
	font-size: 7pt;
	font-family: 'verdana';
}

.tablegeneral th
{
	margin: 0px;
	padding: 1px;
	background-color: #DDDDDD;
	color: #00076F;
	font-size: 7pt;
	font-weight: bold;
	font-family: 'verdana';
	text-align: center;
}

.tableclear
{
	margin: 0px;
	padding: 0px;
	background-color: white; /*the colour we want the border to be */
}

.tableclear tr td
{
	margin: 0px;
	padding: 2px;
	background-color: white;
	font-size: 7pt;
	font-family: 'verdana';
	vertical-align: top;
}

.bottomoutertable
{
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border-bottom: 1px solid #999999;
	border-top: 0px;
}


.outertable
{
	position: relative;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	border: 1px solid #999999;
	border-bottom: 0px;
	height: 100%;
}

.subheading
{
	background-color: #0000FA !important;
	color:#ffffff; 
	font-weight: normal;
	font-size: 7pt !important;
	padding: 0px;
	margin: 0px;
}

.fulltext
{
	height: 19px;
	font-size: 7pt;
	color: #00076F;
	width: 250px;
}



.textarea
{
	font-size: 8pt;
	color: #00076F;
}

.select
{
	height: 19px;
	font-size: 7pt;
	color: #00076F;
	width: 250px;
}


.footertext2
{
	position: relative;
	top: -4px;
	right: 0px;
	text-align: right;
	font-size: 7pt;
	font-family: verdana;
	width: 99%;
}





/* div positioning */

#surveytitle
{
	float: center;
	width: 65%;
	margin-right: 10px;
	padding-left: 110px;
	text-align: right;
	position: absolute;
	top: 55px;
	left: 20px;
	z-index: 3;
	font-family: 'verdana';
	font-size: 10pt;
	color: #0100FF;
}

#slogan
{
	position: absolute;
	top: 35px;
	left: 100px;
	z-index: 2;
	font-family: 'arial';
	font-weight: bold;
	font-size: 13pt;
	color: #0100FF;
}
#slogan2
{
	position: absolute;
	top: 60px;
	left: 100px;
	z-index: 2;
	font-family: 'arial';
	font-weight: bold;
	font-size: 9pt;
	color: #0100FF;
}



#menu
{
	position: absolute;
	left: 10px;
	top: 130px;
	z-index: 2;
}

#content
{
	margin-left: 140px;
	margin-right: 10px;
	height: 100%;
	border: 0px solid black;
	overflow: auto;
}

#surveyquestions
{
	width: 100%;
	border:1px solid black;
	overflow: auto;
}

.required
{
	color: #00076F;
	font-weight: normal;
	font-size: 7pt;
	font-family: 'verdana';
}
/*segment styles*/

#optiondefs
{
	width: 100%;
	/*border: 1px solid black;*/
}

/*heading styles*/

h1
{
	font-size: 12pt;
	font-family: arial;
}

h2
{
	font-size: 10pt;
	font-family: arial;
	text-align: left;
}

h3
{
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	
}

h4
{
	font-size: 12pt;
	font-family: arial;
	font-weight: bold;
	color: #00076F;
}

h5
{
	font-size: 17pt;
	font-family: arial;
}

h6
{
	font-size: 20pt;
	font-family: arial;	
}

.h7
{
	font-size: 18pt;
	font-family: arial;
	font-weight: bold;
	color: #00076F;
}

/*REPORT STYLES*/

#landscapeborder
{
	width: 920px;
	height: 550px !important;
	text-align: center;
	vertical-align: middle;
	border: 1px solid black;
}

div.graphheading
{
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	font-family: 'verdana';
}

div.graphquestion
{
	font-size: 9pt;
	font-family:  'verdana';
}

.footertable
{
	font-family: 'verdana';
	font-size: 7pt;
	color: #AAAAAA;
}

.footertable td tr
{
	font-family: 'verdana';
	font-size: 7pt;
	color: #AAAAAA;
}

.headdiv
{
	font-family: verdana;
	font-size: 12pt;
	color: #AAAAAA;
}

.headleft
{
	width: 30%;
	float: left;
}

.headcenter
{
	font-family: verdana;
	font-size: 10pt;
	color: #AAAAAA;
	float: left; 
	width: 40%;
}

.headright
{
	font-size: 10pt;
	color: #AAAAAA;
	font-family: verdana;
	width: 30%; 
	float: right; 
}

#textleft
{
	text-align: left;
	width: 95%;
	font-family: 'verdana';
	font-size: 10pt;
}

#break
{
	page-break-after: always;
}

#break2
{
	page-break-after: none;
}

.heading1
{
	font-weight: bold;
	font-size: 11pt;
	font-family: arial;
}

.heading2
{
	font-weight: bold;
	font-size: 9pt;
	font-family: arial;
	text-align: left;
}

.heading3
{
	font-weight: normal;
	font-size: 10pt;
	font-family: arial;
	text-align: center;
}

.heading4
{
	font-weight: normal;
	font-size: 15pt;
	font-family: arial;
	text-align: center;
}

.vtext /*vertical text */
{
	writing-mode: tb-rl;
	filter: flipv fliph;
	width: 10px;
}

.reporttable1
{
	margin: 0px;
	padding: 0px;
	background-color: white; /*the colour we want the border to be */
}

.reporttable1 tr td
{
	margin: 0px;
	padding: 4px;
	background-color: white;
	font-size: 8pt;
	font-family: 'verdana';
	vertical-align: top;
}

.interprettable
{
	margin: 0px;
	padding: 0px;
	background-color: white; /*the colour we want the border to be */
}

.interprettable tr td
{
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-size: 10pt;
	font-family: 'verdana';
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}

.tablenumbers
{
	margin: 0px;
	padding: 0px;
	background-color: black; /*the colour we want the border to be */
}

.tablenumbers tr td
{
	margin: 0px;
	padding: 1px;
	background-color: #FFFFFF;
	font-size: 7pt;
	font-family: 'verdana';
}

.tablenumbers th
{
	margin: 0px;
	padding: 1px;
	background-color: #FFFFFF;
	color: black;
	font-size: 7pt;
	font-weight: bold;
	font-family: 'verdana';
}

.tablenumbers2
{
	margin: 0px;
	padding: 0px;
	background-color: black; /*the colour we want the border to be */
}

.tablenumbers2 tr td
{
	margin: 0px;
	padding: 1px;
	background-color: #FFFFFF;
	font-size: 8pt;
	font-family: 'verdana';
}

.tablenumbers2 th
{
	margin: 0px;
	padding: 1px;
	background-color: #FFFFFF;
	color: black;
	font-size: 8pt;
	font-weight: bold;
	font-family: 'verdana';
}

.tableoutline
{
	margin: 0px;
	padding: 0px;
	background-color: white; /*the colour we want the border to be */
}

.tableoutline tr td
{
	margin: 0px;
	padding: 2px;
	background-color: white;
	font-size: 9pt;
	font-family: 'verdana';
	vertical-align: top;
}

.tablecomments
{
	margin: 0px;
	padding: 0px;
	background-color: white; /*the colour we want the border to be */
}

.tablecomments tr td
{
	margin: 0px;
	padding: 2px;
	background-color: white;
	font-size: 9pt;
	font-family: 'verdana';
	vertical-align: top;
}