/**
 Colours:
 light blue: #eef;
 
*/

body {
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	border:0px;
	width:850px;
	text-align: center;
	background-color:#666;
}

h1 {
	font-family:"Copperplate Gothic Light", serif;
	font-size: 16pt;
}

h2 {
	font-family:"Copperplate Gothic Light", serif;
	font-weight:bold;
	font-style:italic;
	font-size: 12pt;
}

#fullReport, #freeReport, div.compatibilityReport, p, body {
	font-family: "Comic Sans MS", sans;
	font-size: 10pt;
}

em {
	font-style:oblique;
	font-weight:bold;
}

p.leftParagraph { text-align:left; }
p.centeredParagraph { text-align:center; }
p.italicLeftParagraph { text-align:left; font-style: italic;}
p.boldLeftParagraph { text-align:left; font-weight:bold;}
/*
a:active {
	color:#fbc;
}
 
a:visited {
	color:#b89;
}

a:link {
	color:#ecd;
}
*/

sideMenu.a:active {
	color:#fbc;
}
 
sideMenu.a:visited {
	color:#b89;
}

sideMenu.a:link {
	color:#ecd;
}

table, tr, td { border:none; border-collapse: collapse; vertical-align:top; padding:0px;}

#mainTable, #mainHeaderCell, #leftMenuCell, #rightMenuCell,
.sideMenu, .rightMenu, .sideMenuSection {
	background-color:#502;
}

.loginOrSignInQuestion {
	color:#502;
}

#mainFooterCell, h1.header, h2.header, h3.header, .sideMenu, li.sideMenu {
	color:#ecd;
}

.sideMenuSection, table.loginOrSignIn, .userHomepageReportList {
	border-color:#ecd;
}

#headerLogo {
	border:0px;
	float:right;
	padding:10px;
}

#mainTable {
	width:850px;
	align:left;
}

#mainHeaderCell {
	text-align:left;
	padding:0px;
	width:100%;
	height:90px;
	background-image: url(../images/double_logo_each_side.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#mainHeaderSpacerCell {
	width:100%;
	height:10px;
	background-repeat: no-repeat;*/
	vertical-align:middle;
	text-align:right;
}

#mainBodyTable {
}

#mainContentCell {
	background-image: url(../images/content_bg_paper.jpg);
	background-repeat:repeat;
}

#mainBodyRow {
	valign:top;
}

#leftMenuCell {
	vertical-align:top;
	width:135px;
	text-align:left;
}

#leftMenuSpacerCell {
	width:0px;
	background-color:#603;
}

#mainContentCell {
	width:580px;
	background-color:#fff;
	padding:10px;
}

#rightMenuCell {
	width:135px;
	vertical-align:top;
}

#mainFooterCell {
	padding-top:20px;
	padding-bottom:20px;
}

ul, ul.sideMenu {
	list-style-type:none;
	text-align:left;
	font-size:8pt;
	font-family:"Comic Sans MS";
	margin:0px;
	padding:0px;
}

ul.articleList {
	font-size:10pt;
}

li.sideMenu, li.articleList {
	margin:0px;
	padding:0px;
}

ul.rightMenu {
	list-style:none;
	text-indent: -40px;
	text-align:left;
	font-size:8pt;
	font-family:"Comic Sans MS";
}

h1.sideMenu {
	font-weigh:bold;
	font-size:10pt;
	line-height: 1.5em;
	margin:0px;
	padding:0px;
	
}

div.sideMenuSection {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 2px;
	border-style: solid;
	border-width:1px;
}

div.rightMenuSection {
	background: #603;
	padding: 2px;
	margin: 2px;
}

div.quote, div.articleList {
	width:300px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px;
	height:auto;
	border: solid 1px;
}

h2.quote {
	text-align: right;
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	
}

p.quote {
	font-family: "verdana";
	font-style:oblique;
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
}

.questionnaireEncouragement {
	text-align: left;
	background: #ecd;
	border: 4px solid #ddf;
	margin: 4px;
	padding: 4px;
}

.questionnaireQuestion {
	text-align: left;
	background: #eef;
	border: 4px solid #ddf;
	margin: 4px;
	padding: 4px;
}

.responseMissing {
	border: 3px solid #f00;
	background: #eef;
	text-align: left;
	margin: 4px;
	padding: 4px;
}

p.responseMissing {
	text-color: #f00;
}

.questionnaireRadio {
	text-align: center;
}

table.questionnaireRadio {
	width: 90%;
	font-weight: normal;
	font-size: 12px;
}

#questionnaireRadio td {
	text-align: center;
	font-weight: normal;
}

.userHomepageList {
	list-style:none;
	text-align:left;
	font-size:10pt;
	font-family:"Comic Sans MS";
}

ul.userHomepageList {
	width: 80%;
}


li.userHomepageList:Hover {
	background-color: #eef;
}
li.userHomepageList {
	padding:2px;
	border: dotted 1px gray;
}

td.inputFormDescription {
	font-family:"Comic Sans MS";
	font-size:8pt;
	font-color:#f00;
	text-align:left;
	vertical-align:top;
	padding:5px;
}

td.inputFormLabel {
	font-family:"Arial";
	font-size:8pt;
	color:#00f;
	text-align:left;
	vertical-align:top;
	padding:5px;
}

td.inputFormInputBox {
	text-align:left;
	vertical-align:top;
	padding:5px;
}

td.signupError {
	color:red;
}

tr.userInputForm {
}

table.userInputForm {
	padding:5px;
}

td.loginForm {
	text-align:left;
	vertical-align:middle;
}

div.questionnaireOptions {
	text-align:left;
	width:70%;
	background-color:#ecd;
	margin:1em;
	padding:1em;
	border: 2px solid;
	border-color: #603;
}

div.loginStatePane {
	position:float;
	float:right;
	width:200px;
	height:30px;
	margin:auto;
	background-color:#ddf;
}

p.loginStatePane { margin:0px; padding:0px; border:0px; text-align:left; font-size:8pt;}

h2.userHomepage { background-color:#603; width:100%; color:#ecd; font-family: "Comic Sans MS"; font-size: 12pt;}

em.extraEmphasized { 
	font-family:"Copperplate Gothic Light";
	font-size:14pt;
	font-weight:bold;
	font-color: #000;
}

p.formInputErrorMessage {
	color:red;
	font-style:italic;
	font-weight:bold;
}

div.fullReport {
	width:710px;
	padding:70px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	overflow:hidden;
}

div.freeReport {
	width:710px;
	padding:70px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	overflow:hidden;
}

div.compatibilityReport {
	width:710px;
	padding:70px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	overflow:hidden;
}

table.loginOrSignIn {
	text-align:left;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-style:none;
	border-width:2px;
}

td.loginOrSignInQuestion {
	font-family:"Copperplate Gothic Light";
	font-size:12pt;
	font-weight:bold;
}

body.adminPage {
	text-align:center;
}

table.adminPage {
	width:810px;
	margin-left:auto;
	margin-right:auto;
	background-color:#bbb;
}

td.adminPage {
	text-align:center;
}

div.adminParagraphPreview {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	overflow:scroll;
	border: solid 1px black;
	background-color:#999;
	text-align:center;
}

div.adminInstructionKey {
	text-align:left;
	border: solid 1px black;
	width:70%;
}

table.adminInstructionKey {
	border:solid 1px black;
	margin:2px;
}

td.adminInstructionKey {
	font-family: arial;
	border:solid 1px black;
	padding:0px;
	height:8px;
}


div.article {
	width:760px;
	padding:60px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	overflow:hidden;
	text-align:left;
}

.userHomepageReportList {
	text-align:left;
	border-width:1px;
	border-style:solid;
	margin:2px;
	padding:4px;
}

td.referralForm {
	text-align:left;
}

div.errorMessage {
	width:90%;
	border-color:red;
	border-width:1px;
	border-style:solid;
	text-align:left;
	color:red;
	padding:2%;
}

.tellAFriendPreview {
	text-align:left;
	font-family:"Arial";
	font-size:10pt;
}

table.tellAFriendPreview {
	width:90%;
}

div.tellAFriendPreview {
	background-color:white;
	padding:5%;
	width:805;
	border:gray solid 1px;
}

div.featuredLinkBody {
	text-align:left;
}

div.docsLinks {
	text-align:left;
}
h2.docsLinks {
	line-height:1.5em;
	margin-top:2.5em;
	font-size:14pt;
}
h3.docsLinks {
	line-height:1em;
	margin-top:2em;
	font-size:10pt;
}

p.logoutHeaderLink {
	color:white;
}
