/* Homepage ******************************************************************/

/* Homepage rows *************************************************************/

div.header {
	text-align: center;
}

div.tagline {
	background-color: #251f4c;
	text-align: center;
}

div.middle {
	background-color: #2e266a;
	text-align: center;
	background-image: url("images/middle-background.jpg");
	background-repeat: no-repeat;
}

div.footer {
	text-align: center;
	font-size: x-small;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	color: SlateGray;
}

/* Homepage cells ************************************************************/

div#logo {
	text-align: center;
	vertical-align: middle;
	font-size: small;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}

div#menu {
	vertical-align: middle;
	font-size: small;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

div#login {
	text-align: left;
	font-size: small;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	color: SlateGray;
}

div#howto {
	text-align: left;
	font-size: medium;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	line-height: 150%;
	letter-spacing: 1px;
	color: WhiteSmoke;
}

div#samplequestion {
	width: 289px;
	border-right: 1px slategray groove;
	margin-left: 10px;
	text-align: left;
	font-size: medium;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	line-height: 150%;
	letter-spacing: 0px;
	color: #0C0C0C;
}

div#instantaudit {
	text-align: left;
	font-size: medium;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	line-height: 120%;
	letter-spacing: 1px;
	color: #0C0C0C;
}

div#newaudit {
	width: 458px;
	border-left: 2px lightgray groove;
	text-align: center;
	vertical-align: middle;
	font-size: x-large;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 4px;
}

/* Homepage others ***********************************************************/

ul.samplequestionanswer {
	line-height: 100%;
	font-size: small;
}

a.menulink:link {
	color: #251f4c;
	text-decoration: none;
	}
a.menulink:visited {
	color: #251f4c;
	text-decoration: none;
	}
a.menulink:hover {
	color: #5aa86b;
	text-decoration: none;
	}
a.menulink:active {
	color: #251f4c;
	text-decoration: none;
	}
.menuselected {
	color: steelblue;
	}

/* Auditor/Participant home **************************************************/

/* Auditor/Participant home cells ********************************************/

div#welcome {
	text-align: right;
	font-size: small;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 0px;
	color: SlateGray;
}

div#pagetitle {
	background-image: url("images/titleline.jpg");
	background-color: #2e266a;
	text-align: center;
	font-size: large;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 1px;
	color: whitesmoke;
}

div#controlbutton {
	text-align: left;
	vertical-align: middle;
}


div#controltext {
	text-align: left;
	vertical-align: middle;
	font-size: medium;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	line-height: 130%;
	letter-spacing: 1px;
	color: #0C0C0C;
}

/* Edit audit/participant ****************************************************/

div#errors {
	text-align: left;
	font-size: small;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 120%;
	letter-spacing: 0px;
	color: SlateGray;
}

div#editaudit {
	text-align: left;
	font-size: normal;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 0px;
	color: #0C0C0C;
}

.inputdescription {
	color: slategrey;
	font-size: small;
	font-weight: normal;
	font-style: italic;
	font-family: arial, helvetica, sans-serif;
	}

/* Survey ********************************************************************/

div#survey {
	text-align: left;
	font-size: normal;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 130%;
	letter-spacing: 1px;
	color: #0C0C0C;
}

div#warning {
	text-align: left;
	font-size: small;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 0px;
	color: SlateGray;
}

p.answer {
	text-align: left;
	font-size: small;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 120%;
	letter-spacing: 0px;
	color: #0C0C0C;
}

/* Survey report *************************************************************/

div#surveyreport {
	text-align: left;
	font-size: normal;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 0px;
	color: #0C0C0C;
}

tr.reportheader {
	background-color: #2e266a;
	text-align: center;
	font-size: small;
	font-weight: strong;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	letter-spacing: 2px;
	color: whitesmoke;
}

div#feedback {
	border-top: 1px lightgray groove;
	text-align: left;
	font-size: small;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 120%;
	letter-spacing: 0px;
	color: #0C0C0C;
}
	
/* Others ********************************************************************/

div.ordinarytext {
	text-align: left;
	font-size: normal;
	font-weight: medium;
	font-family: arial, helvetica, sans-serif;
	line-height: 130%;
	letter-spacing: 0px;
	color: #0C0C0C;
}

div.notification {
	text-align: center;
	font-size: normal;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 130%;
	letter-spacing: 1px;
	color: #0C0C0C;
}
p.ordinarytitle {
	text-align: left;
	font-size: normal;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 200%;
	letter-spacing: 2px;
	color: #0C0C0C;
}

a.cleanlink:link {
	color: LightSlateGray;
	text-decoration: none;
	}
a.cleanlink:visited {
	color: LightSlateGray;
	text-decoration: none;
	}
a.cleanlink:hover {
	color: #5aa86b;
	text-decoration: underline;
	}
a.cleanlink:active {
	color: LightSlateGray;
	text-decoration: none;
	}