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

br
{
	font-size: 4pt;
}

/*styles for the html email*/
.htmlhead1
{
	color: black; 
	font-size: 15pt; 
	font-weight: bold;
}
.htmlhead2
{
	color: black; 
	font-size: 13pt; 
	font-weight: bold;
}
.htmlbody
{
	font-size: 11pt;
}
/*end styles for html email*/

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

.boxindexpage
{
	padding: 5px;
	border: 1px solid black;
	background-color: #EEEEEE;
	margin-left: 15%;
	margin-right: 25%;
	font-size: 8pt;

}

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

.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: 8pt;
	font-family: 'verdana';
}

.tablegeneral th
{
	margin: 0px;
	padding: 1px;
	background-color: #DDDDDD;
	color: blue;
	font-size: 8pt;
	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: 8pt;
	font-family: 'verdana';
	vertical-align: top;
}


.topbackground
{
	width: 100%;
	height: 104px;
	background: url('../images/topbar3.gif');
	background-repeat: repeat-x;
}

.bottombackground
{
	width: 100%;
	height: 33px;
	background: url('../images/bottombar.gif');
	background-repeat: repeat-x;
}

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

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

.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: 8pt !important;
	padding: 0px;
	margin: 0px;
}

.fulltext
{
	height: 19px;
	font-size: 8pt;
	color: blue;
	width: 250px;
}

.text
{
	height: 19px;
	font-size: 8pt;
	color: blue;
}

.textarea
{
	font-size: 9pt;
	color: blue;
}

.select
{
	height: 19px;
	font-size: 8pt;
	color: blue;
	width: 250px;
}

.footertext
{
	position: relative;
	top: 8px;
	left: 5px;
	font-size: 8pt;
	font-family: verdana;
}

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

#elButton a  {
	color: #000000;  
	font-size:10px; 
	font-family:verdana; 
	font-weight:bold;
	text-decoration: none;
	text-align: right;
	border:1px solid #999999;   
	border-bottom: 0px;
	border-left: 0px;
	background-color: #D7D7D7;
	display: block;
	width: 120px;
    /*height: 15px;*/
	padding: 2px 3px;
	margin: 0px;

}
#elButton a:hover {
	text-align: right;
	background-color: #0000FA;
	color:#ffffff; 
	padding-left: 2px;
	border:1px solid blue;
}

.selectedbutton /*make the same as rollover*/
{
	text-align: right !important;
	background-color: #0000FA !important;
	color:#ffffff !important; 
	padding-left: 2px !important;
	border:1px solid blue !important;
}

.button
{
	font-size: 8pt; 
	font-family: 'verdana';
	color: black; 
	font-weight: normal; 
	background-image: url(../images/button.gif); 
	background-color: #781313; 
	border: 1px solid black; 
	padding: 0px;
	margin: 0px;
	z-index: 2;
}

/* div positioning */


#surveytitle
{
	/*float: center;*/
	position: absolute;
	top: 45px;
	left: 280px;
	z-index: 1;
	font-family: 'verdana';
	font-size: 11pt;
	color: #0100FF;
}

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

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

#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: blue;
	font-weight: normal;
	font-size: 8pt;
	font-family: 'verdana';
}
/*segment styles*/

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

/*heading styles*/

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

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

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

h4
{
	font-size: 13pt;
	font-family: arial;
	font-weight: bold;
	color: blue;
}

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

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

.h7
{
	font-size: 19pt;
	font-family: arial;
	font-weight: bold;
	color: blue;
}

/*REPORT STYLES*/

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

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

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

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

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

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

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

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

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

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

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

#break3
{
	page-break-after: auto;
}

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

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

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

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

.heading4
{
	font-weight: normal;
	font-size: 16pt;
	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: 9pt;
	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: 11pt;
	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: 8pt;
	font-family: 'verdana';
}

.tablenumbers th
{
	margin: 0px;
	padding: 1px;
	background-color: #FFFFFF;
	color: black;
	font-size: 8pt;
	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: 9pt;
	font-family: 'verdana';
}

.tablenumbers2 th
{
	margin: 0px;
	padding: 1px;
	background-color: #FFFFFF;
	color: black;
	font-size: 9pt;
	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: 10pt;
	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: 10pt;
	font-family: 'verdana';
	vertical-align: top;
}