#mainnav{    background-color: #FFFFFF;    margin: -5px 0px 0px -10px;    padding: 0px 0px 0px 0px;    border-bottom: solid 1px #ffffff;    height: 55px;}
#logo{    background-color: #FFFFFF;}
.logo{    width: 350px;    height: 55px;}
.myclear{  clear:both;}
/* ----- Generic classes ----- */body{	background-color: #fff;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 70%;	padding: 0;	margin: 0;	color: #000;	min-width: 780px;}
form{	margin: 0;	padding: 0;}
img{	border: none;}
.left{	float: left;}
.right{	float:right;}
p{	margin: 0px 0px 10px 0px;	padding: 0px;}
.textbox{	font-family: Verdana, Arial, Helvetica, sans-serif;	width: 150px;	border: 1px solid #003478;	padding: 2px;}
textarea.textbox{	font-size: 100%;}
.textboxlarge{	font-family: Verdana, Arial, Helvetica, sans-serif;	width: 250px;	border: 1px solid #003478;	padding: 2px;}
div.adminWrapper .textbox{	font-family: Verdana, Arial, Helvetica, sans-serif;	width: 300px;}
.button{	border: 1px solid #003478;	color: #003478;	background-color: #fff;}
/* ----- End Generic classes ----- *//* ----- Fixer Classes ----- *//* Clear floats */.clearfix:after{	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix{	display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix{	height: 1%;}
.clearfix{	display: block;}
/* End hide from IE-mac *//* ----- End Fixer Classes ----- *//* ----- Framework Classes ----- */div.container{	margin-left: auto;	margin-right: auto;	width: 780px;	padding: 0;}
div.HeaderBar{	height: 5px;	background-color: #003478;	font-size: 0px;}
div.Footer{	padding: 5px 10px 5px 10px;	background-color: #003478;	color: #FEFEFE;}
div.Footer a{	color: #FEFEFE;	text-decoration: none;	margin-left: 5px;	font-weight: bold;}
div.menu{	padding: 5px 10px 5px 10px;	margin: 0;	background-color: #003478;	border-bottom: 1px solid #fff;	font-weight: bold;	color: #FEFEFE;}
div.menu ul{	padding: 0;	margin: 0px;	list-style-image: none;	list-style-type: none;}
div.menu ul LI{	display: inline;	font-weight: normal;}
div.menu ul LI A{	color: #FEFEFE;	font-weight: bold;}
div.menu a{	font-weight: bold;	color: #FEFEFE;	text-decoration: none;	}
div.content{	background-color: #809ABC;	border-bottom: 1px solid #fff;}
div.copyright{    text-align: center;}
div.copyright a{    text-decoration: none;    color: Silver;}
div.copyright a:hover{    color: Gray;}
div.copyright a:visited{    color: Silver;}
/* ----- End Framework Classes ----- *//* ----- Main Content Div Classes ----- */div.content p{	font-size: 110%;}
table.frontTable td{	font-size: 110%;}
table.frontTableSmall td{	font-size: 90%;}
div.content A{	font-weight: bold;	color: #000;	text-decoration: none;}
div.content A:hover{	color: #bbb;	text-decoration: none;}
H2{	padding: 0px;	margin: 0px 0px 10px 0px;	font-size: 150%;	font-weight:normal;}
div.LMSContent{	padding: 10px;	color: #000;}
div.LMSContent div.MainPanel{	padding: 10px;	width: 528px;	height: 379px;	border: 1px solid #003478;	background-color: #fff;	color: #000;}
div.LMSContent div.BobBackground{	background-image: url(../Images/BaseBrand/Bob-Background.gif);	background-repeat: no-repeat;	background-position: bottom right;}
div.LMSContent div.LogInPanel{	background-image: url(../Images/BaseBrand/Login-Top.gif);	background-repeat: no-repeat;	background-position: top center;	padding: 25px 10px 10px 10px;	border: 1px solid #000;	background-color: #fff;	width: 280px;		color: #000;}
div.LMSContent div.LogInPanel .textbox{	border: 1px solid #000;}
div.ModuleListContainer{	width: 360px;}
div.ModuleListContainer div.ModuleButton{	width: 80px;	height: 80px;	margin-right: 10px;	margin-bottom: 10px;	text-align: center;	background-image: url(../Images/BaseBrand/Module-Button-Background.gif);	background-repeat: no-repeat;}
div.ModuleListContainer div.ModuleButton div.ModuleButtonBorder{	width: 67px;	height: 57px;	padding: 13px 3px 3px 3px;	cursor: hand;	font-weight: normal;	text-decoration: none;	border: 1px solid #000;}
div.ModuleListContainer div.ModuleButton div.ModuleButtonBorder a.Module{	text-decoration: none;	font-weight: normal;}
div.ModuleListContainer div.ModuleButton div.ModuleButtonBorder a.Module:hover{	text-decoration: none;	font-weight: normal;	color: #bbb;}
.frontTable{	margin: 0px 0px 0px -10px;	padding: 0px;	border-collapse: collapse;}
.frontTable td{	padding: 5px 10px;	color: #000;	vertical-align: top;}
div.MyResults{	height: 330px;	overflow: auto;	width: 300px;}
div.ScrollContent{	height: 380px;	overflow: auto;	width: 520px;	}
div.subNavButton{	width: 50px;	height: 42px;	float: left;	font-weight: normal;	text-align: center;	margin-right: 9px;	background-color: #fff;	font-size: 90%;	padding-top: 8px;	background-image: url(../Images/BaseBrand/Main-Nav.jpg);	background-repeat: no-repeat;}
div.subNavContainer{	padding-top: 350px;}
div.subNavButton a{	font-weight: normal;	text-decoration: none;}
div.subNavButton a:hover{	text-decoration: none;	color: #bbb;}
/* ----- End Main Content Div Classes ----- *//* ----- Admin specific ----- */div.MainAdminDiv{	background-color: #fff;}
.errorText{	color: Red;	margin: 10px 0 10px 0;}
.messageText{	color: #FEFEFE;	font-weight: bold;	margin: 10px 0 10px 0;}
.list {	width: 780px;	border-left: 1px solid #003478;	border-right: 1px solid #003478;}
.list td, .list th{	padding: 5px 10px;	background-color: #fff;	color: #003478;	vertical-align: top;}
.list tr td, .list tr th{	border-bottom: 1px solid #003478;}
.list .header td, .list .header th{	background-color: #003478;	color: #FEFEFE;	font-weight: bold;    text-align: left;}
.list .selected td{	background-color: #eeeeee;}
.list .header th{    border: none;}
.list .header th a{    color: #FEFEFE;}
.list .header th a:hover{    color: #809ABC;}
.details{	width: 780px;	margin: 0px;	padding: 0px;	border-collapse: collapse;}
.details td{	padding: 5px 10px;	color: #003478;	vertical-align: top;}
table.colourPicker{	width: 150px;}
td.colourPicker td{	padding: 2px;	margin: 2px;	}
/* ----- End Admin specific ----- *//* ----- Title classes -----*/div.title{	font-size: 130%;	font-weight: bold;	padding: 5px 0px 0px 10px;	color: #FEFEFE;}
div.mainTitle{  margin: 8px 0px 0px 0px;	padding: 10px 10px 0px 0px;	color: #003478;}
div.mainTitle a{	font-size: 80%;	color: #003478;	text-decoration: none;}
div.mainTitle a:hover{	text-decoration: none;}
div.tabNav{	padding-top: 5px;}
div.tabNav a{	padding: 3px;	margin-left: 2px;	background: #809ABC;	color: #FEFEFE;		font-size: 75%;	text-decoration: none;}
div.tabNav a:hover{	background: #003478;}
div.tabNav a.Active{	background: #003478;}
div.subTitle{	font-size: 120%;	font-weight: bold;	background-color: #fff;	padding: 5px 10px 5px 10px;	color: #FEFEFE;}
a.adminLink{	display: block;	margin-top: 0px;}
/* ----- End Title classes -----*//* ----- Report Classes ----- */td.ReportHeader{	background-color: #000;	color: #fff;}
td.ReportSubHeader{	background-color: #eee;	color: #000;	}
/* ----- End Report Classes ----- *//* ----- Generic Formatting Classes ----- */.left{	float: left;}
.right{	float: right;}
.textleft{	text-align: left;}
.textright{	text-align: right;}
/* ----- End Generic Formatting Classes ----- *//* ----- Bob Classes ----- */div.bobHome{	padding-top: 35px;}
div.bobRegister1{	padding-top: 25px;}
div.bobRegister2{	padding-top: 40px;}
div.bobModuleList{	margin-left: -20px;	margin-right: -5px;	text-align: right;		padding-top: 160px;}
div.bobMyDetails{	margin-top: -30px;}
div.bobMyResults{	padding-top: 190px;}
/* ----- Admin button links ----- */td.linkButton A{	float: right;	display: block;	width: 100px;	padding: 2px;	border: 1px solid #003478;	color: #003478;	background-color: #fff;	text-align: center;	text-decoration: none;	font-weight: normal;}
td.linkButton A:hover{	color: #003478;	text-decoration: none;}
.secondaryText, DIV.secondaryText A{	FONT-WEIGHT: bold; COLOR: #990033;}