/* CSS Document */

body {
margin:0;
height:70%;
padding:0;
height:100%;
}

table.FOF6{
padding:0px;
border-collapse:collapse;
width:65%;
border:none;
margin-left:100px;
}

table.FOF7{
padding:0px;
border-collapse:collapse;
width:35%;
border:none;
margin-left:100px;
}

table.main {
padding:0px;
border-collapse:collapse;
width:100%;
vertical-align:top;
margin-right:0;
}

table.main td.topR {
background-image:url(../pics/top_bg_insert.jpg);
background-repeat:repeat-x;
width:100%;
vertical-align:top;
background-color:#D0D2D1;
margin-left:100px;
}

.admintable {
border: solid 1px #eeeeee;
width:85%;
vertical-align:top;
margin-left:100px;
}

#topRR {
float:right;
width:15%;
text-align:right;
}

#topRL {
float:left;
width:70%;
text-align:center;
}

table.main td.topL {
background-image:url(../pics/top_bg_insert.jpg);
background-repeat:repeat-x;
text-align:left;
width:110px;
vertical-align:top;
background-color:#D0D2D1;
}

table.main td.Nav2 {
height:22px;
vertical-align:top;
background-image:url(../pics/nav2_insert.jpg);
background-repeat:repeat-x;
text-align:left;
vertical-align:top;
}

.mainContent {
margin-left:115px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
position:absolute;
z-index:2;
width:85%;
}

.globalParamsContent {
margin-left:115px;
}

#mainR {
float:right;
width:15%;
}

#mainL {
float:left;
position:relative;
width:85%;
}

#test {
width:60%;
}

#test2 {
width:80%;
}

#testR {
float:right;
width:48%;
}

#testL {
float:left;
position:relative;
width:48%;
}

#loginMain {
width: 100%;
float: left;
}

.90percent {
width:90%;
margin::auto;
}

.chapterNav {
margin-top:7%;
margin-left:110px;
width: 40%;
}

.chapterNavTitle {
margin-top:7%;
margin-left:150px;
}

.ChapterIndicator {
position:absolute;
bottom:0%;
right:50%;
z-index:1;
}

.chapterNavCell {
background-color:#CCCCCC;
border-color:#FFFFFF;
border-style:solid;
border-width:thin;
width:7%;
height:2%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.chapterNavCellOver {
background-color:#666666;
border-color:#FFFFFF;
border-style:solid;
border-width:thin;
width:7%;
height:2%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.chapterNavCellTitle{
width:100px;
}

.nav {
position:absolute;
z-index:1;
top:120px;
left:8px;
text-align:center;
}

img.faded_bg {
position:absolute;
bottom:0%;
right:0%;
z-index:0;
}

img.logo {
position:absolute;
bottom:0px;
left:0px;
z-index:2;
}

img.Focuslogo {
position:absolute;
top:0%;
left:0%;
}

img.mouseFinger {
position:absolute;
top:0%;
right:0.4%;
}

img.nextBack {
position:relative;
top:5px;
left:0px;
border:none;
}

img.navBG {
position:absolute;
z-index:1;
top:120px;
left:0%;
}

img.imageR {
width:100%;
border:0;
}

img.fofTitle {
position:absolute;
left:120px;
top:8px;
}

img.noBorder {
border: none;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a.currentChapter {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}

a.chapterlink {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

a.chapterlink visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

td.chapterNavCell a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
width:100%;
height:100%;
}

td.chapterNavCellOver a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
width:100%;
height:100%;
}

td.testChapterCell a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
width:100%;
height:100%;
}

.testChapterCell {
background-color:#FF0000;
border-color:#FFFFFF;
border-style:solid;
border-width:thin;
width:7%;
height:2%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.text1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#999999;
text-align:center;
}

.text2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
}

.text4 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#ffffff;
}

.text5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-align:center;
	vertical-align:bottom;
	margin-left:115px;
}

.messagetext {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color:#551839;
text-align:center;
}

.center {
text-align:center;
}

.messagetextU {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color:#551839;
text-align:center;
text-decoration:underline;
}

.focusLoginFormItems {
float:right;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:100;
color:#551839;
background-color: #FFFFFF;
width:44%;
text-align:left;
}

.focusAdminItems {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:100;
color:#551839;
background-color: #FFFFFF;
width:150px;
text-align:left;
}

.focusAdminItemsDates {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:100;
color:#551839;
background-color: #FFFFFF;
width:40px;
text-align:left;
}

.focusAdminItemsDatesBut {
font-family: Arial, Helvetica, sans-serif;
width:20px;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
background-color: #551839;
}

.focusAdminButton {
float:right;
font-family: Arial, Helvetica, sans-serif;
width:80px;
font-size:11px;
font-weight:100;
color:#FFFFFF;
background-color: #551839;
text-align:center;
vertical-align:text-top;
}

.focusAdminButton2 {
font-family: Arial, Helvetica, sans-serif;
width:80px;
font-size:11px;
font-weight:100;
color:#FFFFFF;
background-color: #551839;
text-align:center;
}

span.label {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #551839;
background-color:#ffffff;
text-align:left;
width:55%;
}

span.labelAdmin {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #551839;
background-color:#EFEFED;
text-align:left;
width:50%;
margin-left:10px;
}

span.label2 {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #551839;
background-color:#ffffff;
text-align:left;
width:15%;
}

div.row {
clear:both;
width:95%;
padding-bottom:5px;
}

#feedbackrow {
clear:both;
width: 100%;
position:relative;
vertical-align:top;
text-align:left;
}

div#adminTop5 {
position:relative;
margin-left:auto;
margin-right:auto;
width:530px;
float:left;
border: solid 1px #999999;
}

div#uploadHolder {
position:relative;
margin-left:auto;
margin-right:auto;
width:75%;
text-align:center;
}

div#feedbackHolder {
position:relative;
margin-left:auto;
margin-right:auto;
width:60%;
text-align:center;
}

div#adminHolder {
position:relative;
margin-left:auto;
margin-right:auto;
width:530px;
}

div#adminTop5Holder {
position:relative;
margin-left:auto;
margin-right:auto;
width:530px;
}

div#reportsHolder {
position:relative;
margin-left:auto;
margin-right:auto;
width:530px;
height:220px;
}

div#logoLoadHolder {
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
height:220px;
}

div#logoLoadHolderL {
position:relative;
width:68%;
float:left;
}

div#logoLoadHolderR {
position:relative;
width:30%;
float:left;
text-align:right;
}

div#adminResults {
position:relative;
width:200px;
height:385px;
float:left;
border: solid 1px #999999;
background-color: #eeeeee;
}

div#adminLinks {
position:relative;
margin-left:10px;
width:90%;
text-align:left;
}

div#adminEdit {
position:relative;
width: 200px;
height:385px;
float: right;
border: solid 1px #999999;
background-color: #eeeeee;
}

div#introMain {
width: 600px;
height: 300px;
border: solid 0px #666666;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

div#introMainTop {
width: 600px;
height: 280px;
}

div#introMainBottom {
position:relative;
top:25px;
width: 600px;
height: 90px;
}

div#introMainBottomLeft {
width: 200px;
height: 90px;
float: left;
margin-left: 10px;
}

div#introMainBottomRight {
width: 340px;
height: 90px;
float: right;
text-align: center;
}

div#colourPreview {
width: 20px;
height: 20px;
border: #999999 solid 1px;
}

.buttonpFOF2 {
font-family: Arial, Helvetica, sans-serif;
width:400px;
height:25px;
margin-left:20px;
margin-right:75px;
font-size:11pt;
font-weight:100;
color:#FFFFFF;
background-color: #999999;
text-align:center;
vertical-align:text-top;
}

.exportBut {
font-family: Arial, Helvetica, sans-serif;
width:80%;
font-size:10pt;
font-weight:bold;
font-weight:100;
color:#FFFFFF;
background-color: #551839;
text-align:center;
vertical-align:text-top;
}

.exportBut2 {
font-family: Arial, Helvetica, sans-serif;
width:95%;
font-size:10pt;
font-weight:bold;
font-weight:100;
color:#FFFFFF;
background-color: #551839;
text-align:center;
vertical-align:text-top;
}

.FOF2Answers  {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
position:absolute;
top:auto;
left:135px;
color: #551839;
background-color:#ffffff;
z-index:99; 
visibility:hidden;
height:20px;
}

.FOF5Answers  {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
position:absolute;
top:auto;
left:20px;
color: #551839;
z-index:99; 
visibility:hidden;
height:20px;
}

.FOF7Answers  {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
position:absolute;
top:auto;
margin-left:auto;
margin-right:auto;
color: #551839;
z-index:99; 
visibility:hidden;
height:20px;
width:60%;
}

.FOF6Answer  {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
position:absolute;
top:auto;
margin-left:100px;
color: #551839;
height:20px;
width:60%;
}

.FOF6Header {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color:#999999;
text-align:left
}

.TestHeaders {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color:#61002b;
text-align:left
}

.TestText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
text-align:left;
}

.CertTextFocus {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #551839;
text-align:center;
}

.RedHighlight {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#FF0000;
}

#Cert1 {
position:absolute;
top:5%;
left:5%;
width:66%;
height:80%;
border-style:dotted;
border-color:#990000;
border-width:thick;
text-align:center;
z-index:0;
}

#Cert2 {
position:absolute;
left:22%;
top:85%;
text-align:center;
z-index:2;
}

table.TestResults {
width:88%;
border:0;
text-align:center;
margin-left:auto;
margin-right:auto;
}

table.TestResults tr.title {
background-color: #cccccc;
border:0;
text-align:center;
}

table.TestResults tr.row1 {
background-color: #ffffff;
}

table.TestResults tr.row2 {
background-color: #eeeeee;
}

.AdminMenuTitle {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color:#551839;
}

.certTitle {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
color:#551839;
width:200px;
}

.ExportTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color:#551839;
}

#certdiv {
position:absolute;
left:26%;
top:6%;
width:586px;
height:400px;
z-index:-3;
}

.paddingLeft{ padding-left:10px;}

/* Rounded Edge Box Styles */
.roundedEdgeBox {float:left; display:inline; margin:10px 0 10px 0; background:#EFEFED; width:80%;}
.tl, .tr, .bl, .br {font-size:1px; /* IE 6 */width:5px; height:5px; background:url(../pics/grey-circle.gif) no-repeat;}
.tr {float:right; display:inline; background-position:-5px 0;}
.bl {background-position:0 -5px;}
.br {float:right; display:inline; background-position: -5px;}