/* CSS Document */

/*elements*/

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 margin: 0px;
 padding: 0px;
}

form
{
	/*added to prevent unwanted gaps at top of every page*/
	display:inline;	
}

h1 {
 color: #003366;
 font-size: 1.4em;
 font-weight: bold;
 margin-top: 0.55;
 margin-bottom: 1.1em;
}

h2 {
 color: #003366;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 1.1em;
 margin-bottom: 0.8em;
}

h3, th {
 font-size: 1em;
 font-weight: bold;
 text-align: left;
 margin-top: 0.8em;
 margin-bottom: 0.4em;
}

p, td, ul, ol {
 font-size: 1em;
 margin-top: 0.4em;
 margin-bottom: 0.6em;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
 list-style-type: lower-roman;
}

table {
 width: 100%;
}

table, td, th {
 padding: 0px;
 margin: 0px;
}

input[type="text"], select {
 width: 220px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
}

textarea {
 width: 395px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1em;
}

strong {
 font-weight: bold;
}

em {
 font-style: italic;
 color: #003366;
}

img {
 border: none;
}

/*structure*/

.header {
 height: 76px;
 background: url(../images/headerImage.gif) top left no-repeat #6699FF;
 padding: 5px;
}

.header p{
 display: none;
}

.fullPage {
 padding: 10px;
}

.footer {
 font-size: 0.7em;
 line-height: 1.2em;/*required to stop IE peekaboo bug*/
 background: #003366;
 color: #FFFFFF;
 text-align: center;
 padding: 5px;
 margin-top: 5em;
}

.footer img {
 float: left;
}

.footer p {
 margin: 4px 210px;
}

.footer a {
 color: #FFFFFF;
 text-decoration: none;
}

.footer a:hover {
 text-decoration: underline;
}

.timeout 
{
	color:Red;
	background-color:White;
	float:right;
	border:solid 1px red;
	padding:2px;
	display:none;
}

/*general*/

.mandatory {
 color: #003366;
 font-size: 1.2em;
}

.alignRight {
 text-align: right;
}

.floatLeft {
 float: left;
}

.floatRight {
 float: right;
}

.freeWidth {
 width: auto;
}

.small {
 width: 80px;
}


.small input[type="text"] {
 width: 80px;
}

.xsmall {
 width: 25px;
}

.notes {
 font-size: 0.85em;
 font-style: italic;
 font-weight: normal;
}

.infoLine {
 color: #003366; 
}

.termsAndConditions {
 font-size: 0.7em;
 padding-top: 20px;
}

.blockText {
 display: block;
}

.inline {
 display: inline;
}

.critical {
 color: #CC0000;
}

.possiblyCritical {
 color: #663366;
}

.win2 {
 font-weight: bold;
 color: #003366;
}

.link {
 color: blue;
 width: auto;
 text-align: left;
 border: none;
 background: transparent;
 /*text-decoration: underline;*/
 cursor: pointer; 
}

.link:visited
{
	color: blue;
}

.link:hover
{
	color:#6699FF;
	text-decoration: underline;
}

.noHover:hover
{
	color:Blue;
	text-decoration: none;
}

.validator
{
	font-family: Courier New, Arial, Verdana, Helvetica, sans-serif;
	color:Red;
	display:inline-block;
	/*font-size: 1em;*/
	font-weight: normal;
}

.sectionOverview td
{
	padding-bottom:10px;
}

.sectionOverview h4
{
	margin-bottom:0px;
}

.boxedList {
 background: #D9E8FF;
 border: 1px solid #6699FF;
 padding: 1em 1em 1em 3em;
 margin-left: 0px;
}


.highlightText {color: #003366; font-size: 1.1em; font-weight: bold;}
p.highlightText {margin: 1em 0em 2em 0em;}
.exaggerate {font-style: normal; font-size: 1.3em;}
.indentLine {display: block; padding: 0em 0em 0em 1.5em;}
.centreAlign {text-align: center; margin: 2em 0em;}
.rightBox {background: #CADBFF; width: 27em; padding: 1em; float: right;}
.withRightBox {margin-right: 30em;}
.rightBox .formContainer {width: 25.8em; border: none; background: transparent;}
.stages td, .stages th {padding: 3px; vertical-align: top;}
.stages th {width: 5em;}

/*forms, tables etc*/

.formContainer  {
 border: 1px solid #6699FF;
 background: #D9E8FF;
 padding: 5px;
 width: 580px;
}

.formContainer th {
 width: 30%;
 padding-top: 3px;
 padding-bottom: 3px;
}

.formContainer td {
 width: 70%;
 padding-top: 3px;
 padding-bottom: 3px;
}

.assessmentSummary {
 width: 635px;
}

.listContainer  {
 border: 1px solid #6699FF;
 background: #FFFFFF;
 width: 750px;
 margin: 5px 0px;
}

.listContainer th {
 border-bottom: 1px solid #6699FF;
 background: #D9E8FF;
 padding: 3px;
}

.listContainer td {
 padding: 3px;
}

.criteriaContainer {
 border: 1px solid #6699FF;
 width: 750px;
 margin-top: 10px;
 margin-bottom: 10px;
}

.criteriaContainer h3 { 
 border-bottom: 1px solid #6699FF;
 background: #D9E8FF;
 padding: 3px;
 margin-top: 0px;
 line-height: 1.6em;
 height: 1.6em;
}

.criteriaContainer p { 
 padding-left: 5px;
 padding-right: 5px;
}

.criteriaContainer th {
 padding-top: 10px;
 padding-left: 5px;
 padding-right: 5px;
}

.criteriaContainer td {
 padding-left: 5px;
 padding-right: 5px;
}

.criteriaContainer input {
 width: auto;
}

.criteriaContainer textarea {
 width: 732px;
}

.strongWeak {
 border-bottom: 1px solid #6699FF;
 background: #D9E8FF;
 padding: 3px;
 font-size: 0.8em;
 margin-bottom: 0.4em;
 text-align: right;
 line-height: 1.6em;
 height: 1.6em;
}

.paging {
 text-align: center;
 font-size: 0.75em;
 width: 750px;
 color: #003366;
 padding: 5px 0px;
}

.contacts td {
 font-size: 1em;
 vertical-align: top;
}

.logoCol {
 width: 200px;
}

/*nav bar*/


.navBar {
 font-size: 0.85em;
 font-weight: bold;
 background: #003366;
 line-height: 20px;
 padding-left: 10px;
}

.navBar a {
 color: #FFFFFF;
 text-decoration: none;
 border-right: 1px solid #FFFFFF;
 padding: 0px 8px 0px 6px;
}

.navBar a:hover {
 background: #084A9C; 
}

.navBar input {
 color: #FFFFFF;
 border: none;
 border-right: 1px solid #FFFFFF;
 width: auto;
 font-weight: bold;
 background: #003366;
 padding: 0px;
 margin: 0px;
 cursor: pointer;
}

/*buttons*/

.buttons {
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px;
 font-size: 0.7em;
 font-weight: bold;
}

.buttons a {
 background: #003366;
 color: #FFFFFF;
 padding: 2px;
 text-decoration: none;
 margin-right: 5px;
}

.buttons a:hover {
 background: #6699FF; 
 /*text-decoration: underline;*/
}

.buttons input {
 background: #003366;
 color: #FFFFFF;
 padding: 1px  2px 1px 2px;
 margin-right: 5px;
 width: auto;
 border: none;
 font-weight: bold;
 cursor: pointer;
}

.buttons div 
{
	display:block;
}

.buttons select {
 width: 260px;

}

/*ratings*/

.red {
 color: #CC0000;
 border: 1px solid #CC0000;
 background: #FFDDDD;
 padding-left: 2px;
 padding-right: 2px;
}

.orange {
 color: #FF3300;
 border: 1px solid #FF3300;
 background: #FFE7D7;
 padding-left: 2px;
 padding-right: 2px;
}

.yellow {
 color: #FF9900;
 border: 1px solid #FF9900;
 background: #FFF0D9;
 padding-left: 2px;
 padding-right: 2px;
}

.green {
 color: #336600;
 border: 1px solid #336600;
 background: #ECFFD9;
 padding-left: 2px;
 padding-right: 2px;
}

.blue {
 color: #000066;
 border: 1px solid #000066;
 background: #DDDDFF;
 padding-left: 2px;
 padding-right: 2px;
}

.lavender {
 color: #663366;
 border: 1px solid #663366;
 background: #F2E6F2;
 padding-left: 2px;
 padding-right: 2px;
}

#demo, #demo embed {
 width: 550px;
 height: 400px;
 background-color: #FFFFFF;
 margin: 1em;
}