td.circularred {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background-image: url('images/circularred.gif');
}
/* Default settings */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #225DAE; 
	color: white;
	font-size: 12px; 
}

Table.main {
/*	width: 800px;*/
	background-color: white;
	color: black ;
/*	border-color: black;*/
	border-width: 0px;
/*	border-style: solid;*/
/*	align: center;*/
/*	text-align: center;*/
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

td, th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px; 
}

a {text-decoration: none}
a:link {
	color: #521C94;
}
a:visited {
	color: #000000;
}

/*============*/
/* Login Form */
/*============*/

Table.login {
	width: 400px;
	background-color: white;
	color: black ;
/*	border-color: black;*/
	border-width: 0px;
/*	border-style: solid;*/
	align: center;
/*	text-align: center;*/
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

td.heading {
	font-size: 17px; 
	text-align: center;
	background-color: blue;
	background-image: url('images/blueGradBackground.jpg');
	color: white;
	font-weight: bold;
	padding: 0px;
}

input.login {
	background-color: lightblue;
	width: 100px;
}

a.logout {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: darkgreen;
}
a.logout:hover {
	background-color: darkgreen;
	color: white;
}

/*==============*/
/* Data Screens */
/*==============*/

Table.tabs {
	width: 100%;
	border-width: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 0px;
/*	margin-left: auto;
	margin-right: auto;*/
}

td.clientheading {
	font-size: 15px;
	font-weight: bold;
}
tr.blueseparator {
	background-color: #225DAE;
	height: 2px;
/*	background-color: green;*/
}

td.tabbg {
	background-color: #225DAE;
/*	background-color: white;*/
}

td.tabsel {
	font-size: 14px;
	font-weight: bold;
	color: #225DAE;
	background-color: white;
	width: 70px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
}
td.tabnotsel {
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #225DAE;
	width: 70px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	cursor: pointer;
}
a.tabnotsel:hover {
	background-color: yellow;
	color: #225DAE;
/*	color: yellow;     */
/*	font-weight: bold; */
}
td.tabnotselhover {
	font-size: 14px;
	font-weight: bold;
	background-color: yellow;
	color: #225DAE;
	width: 70px;
	text-align: center;
	border-width: 1px;
	border-color: white;
	border-style: solid;
	cursor: pointer;
/*	color: yellow;     */
/*	font-weight: bold; */
}

a.tabnotsel:link {
	color: white;
}
a.tabnotsel:visited {
	color: white;
}

td.tab {
	background-image: url('images/blueGradBackground.jpg');
}

Table.cagescoring {
	width: 900px;
	border-width: 1px;
/*	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 0px;*/
/*	margin-left: auto;
	margin-right: auto;*/
	background-color: #BBBBBB;
	border-style:solid;
	border-color:black;
}

input.sqbtn {
	width: 60px;
	height: 36px;
	font-size: 12px;
}

.scores {
	height: 18px;
	font-size:11px;
}

select.clean {
	height: 18px;
}


table.datatable {
	border-width: 1px;
}
tr.hdg {
	background-color: #225DAE;
	text-align: center;
	color: white;
	height: 20px;
}
td.hdg {
	background-color: #225DAE;
	color: white;
}
td.hdgswitch {
	background-color: lightgrey;
	color: black;
}
td.hdgover {
	color: #225DAE;
	background-color: white;
}

.norm {
	background-color: white;
	color: black;
	height: 20px;
}
.alt {
	background-color: lightblue;
	color: black;
	height: 20px;
}
.dataover {
	background-color: #4B9F41;
	color: black;
	height: 20px;
}
img.closebutton {
	border-width: 0px;
	height: 15px;
}

.datalarge {
	background-color: white;
	color: black;
	font-size: 14px;
	height: 18px;
	font-weight: bold;
}
.datalargeout {
	background-color: #4B9F41;
	color: white;
	font-size: 14px;
}
.datamed {
/*	background-color: #225DAE;
	text-align: center;*/
	color: black;
	font-size: 12px;
	height: 16px;
}

/* ========== */
/* Site Pages */
/* ========== */

#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}


td.circular {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background-image: url('images/circular.gif');
}
td.circularover {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: blue;
	font-weight: bold;
	background-image: url('images/circularblue.gif');
}

td.lozenge {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background-image: url('images/lozenge.gif');
}
td.lozengeover {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: blue;
	font-weight: bold;
	background-image: url('images/lozengeblue.gif');
}

td.rectangular {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background-image: url('images/rectangular.gif');
}
td.rectangularover {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: blue;
	font-weight: bold;
	background-image: url('images/rectangularblue.gif');
}

td.square {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background-image: url('images/square.gif');
}
td.squareover {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: blue;
	font-weight: bold;
	background-image: url('images/squareblue.gif');
}
td.squarered {
	height:98px;
	width:97px;
	padding: 0px;
	border-width: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	background-image: url('images/squarered.gif');
}

td.buttonlook {
	background-color: lightgrey;
	font-size: 13px;
	height: 20px;
	width: 80px;
	font-weight: bold;
	text-align: center;
}
td.sitehdg {
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	color: black;
}
table.sitehdgtab {
	background-image: url('images/white50.png');
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* ============================== */
/* Eventually delete from here on */
/* ============================== */

DIV.logo { 
	position: absolute; 
	/* top: 244px; 
	left: 800px;*/ 
	top: 10px; 
	left: 760px; 
}

body.certificate {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: white; color: black;
	font-size: 11px; 
}

table.certificate {
/*	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: white; color: black;*/
	width: 1000px;
}

td.certhdg {
	font-family: Times New Roman;
	font-size: 20px; 
	text-align: center;
	font-weight: bold;
}
.certapprovedby {
	font-family: Times New Roman;
	font-size: 20px;
	width: 150;
	text-align: right; 
}
td.certsubhdg {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold; 
	text-align: center;
	background-color: #c0c0c0;
	color: black;
}
td.certhalf {
	font-family: Arial;
	font-size: 12px; 
	width: 500px;
}
td.certthirdl {
	font-family: Arial;
	font-size: 12px; 
	width: 166px;
	text-align: right;
}
td.certthird {
	font-family: Arial;
	font-size: 12px; 
	width: 333px;
	text-align: left;
	font-weight: bold;
}
td.certthirdr {
	font-family: Arial;
	font-size: 12px; 
	width: 166px;
	text-align: left;
	font-weight: bold;
}

td.certqtrl {
	font-family: Arial;
	font-size: 12px; 
	width: 125px;
	text-align: right;
}
td.certqtr {
	font-family: Arial;
	font-size: 12px; 
	width: 125px;
	text-align: left;
	font-weight: bold;
}
td.certqtrr {
	font-family: Arial;
	font-size: 12px; 
	width: 125px;
	text-align: left;
	font-weight: bold;
}

td.certsixth {
	font-family: Arial;
	font-size: 12px; 
	width: 166px;
}
td.certdesc1 {
	font-family: Arial;
	font-size: 12px; 
	width: 150px;
	text-align: right;
}
td.certdesc2 {
	font-family: Arial;
	font-size: 12px; 
	width: 450px;
	text-align: left;
	font-weight: bold;
}
td.certdesc3 {
	font-family: Arial;
	font-size: 12px; 
	width: 100px;
	text-align: right;
}
td.certdesc4 {
	font-family: Arial;
	font-size: 12px; 
	width: 300px;
	text-align: left;
	font-weight: bold;
}
td.certres {
	font-family: Arial;
	font-size: 12px; 
	text-align: center;
}

div.PB {
	page-break-after: always;
}

//tr {
//	background-color: #D59FF3;
//}

#M103457 {
	background-color: #D59FF3;
}
#M103458 {
	background-color: #D59FF3;
}

td.fail {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: red; color: black;
	font-size: 11px; 
	
}

td.Current {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px; 
	
}

input.btn {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #521C9C;
	font-size: 11px; 
}
input.hiddenbtn {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #521C9C; background-color: #D59FF3;
	font-size: 11px; 

}

.style41 {
	font-size: 24px;
	color: #521894;
	font-weight: bold;
}
.style42 {color: #521C9C}
.style44 {color: #521C9C; font-size: 11px; }

.menubutton2 {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: black;
	width: 50px;
/*	background-color: yellow;*/
}
.menubutton2:hover {
	font-family: Arial;
	font-size: 11px;
	color: white;
	background-color: #561F96;
}

Table.menuItems (
	width: 100%;
	background-color: white;
	color:green;
}
TD.menuItem {
/*	width: 50px;*/
	text-align: center;
	border-color: black;
/*	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;*/
}
TD.menuItem:hover {
	color: white;
	background-color: #561F96;
}