/* GENERIC STYLES */

BODY, P, FONT, DIV, SPAN, TD, TR, TABLE, H1, H2, H3, H4, H5, H6 {font-family:Tahoma;}

BODY {
  background-color: #FFFFFF;
  color: #000000;
  margin: auto;
  padding: 0px;
  float: center; 

}

a {
  font-weight:bold;
  text-decoration:none;
  color:#023567;
}

a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#7F9DB9;
}

/* TOP MENU STYLES */

.topbarbg {
	background-color: #023567;
	border-bottom: 0px solid #FFFFFF;
}

.topMenuItemBg {
	background-color: #023567;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	width: 121px;
}

.topMenuItemBgOver {
	background-color: #FFD331;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	width: 121px;
	cursor: pointer;
}

#toptable
{
	BORDER-RIGHT: 1px solid #111144;
	BORDER-LEFT: 1px solid #111144;
	margin: auto;
	padding: 0;
	width: 770px;
	text-align:center;
	vertical-align:top;

}

#toplogobg
{
	background: url(images/toplogo.jpg) no-repeat top left;
	width: 780px;
	height: 70px;
}

#topmenu
{
	background: url(images/bar.jpg) repeat-x top left;
	width: 100%;
	text-align: center;
}

.topMenuItem {
  FONT-SIZE: 10px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
}

.topMenuItem A:link {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  width: 100%;
}

.topMenuItem A:visited {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  width: 100%;
}

.topMenuItem A:active {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
  width: 100%;
}

.topMenuItem A:hover {
  COLOR: #111144;
  FONT-WEIGHT: normal;
  width: 100%;
}

/* MENU STYLES */

#menupic {
	background: url(images/menutop.jpg) no-repeat top left;
	height: 60px;
	width: 120px;
}

#menuBg {
	padding-top: 10px;
	BACKGROUND-COLOR: #EEF3F7;
	BORDER-RIGHT: 0px solid #111144;
	BORDER-LEFT: 0px solid #111144;
	BORDER-TOP: 0px solid #b4b4b4;
	BORDER-BOTTOM: 0px solid #b4b4b4;
	vertical-align: top;
	width:140px;
}

#smlogo {
	background: url(images/smlogo.gif) no-repeat left;
	BACKGROUND-COLOR: #EEF3F7;
	BORDER-RIGHT: 0px solid #b4b4b4;
	BORDER-LEFT: 0px solid #111144;
	BORDER-TOP: 0px solid #b4b4b4;
	BORDER-BOTTOM: 0px solid #b4b4b4;
	vertical-align: top;
	height: 24px;
	width: 140px;
}

.menuTextHeader {
	
  FONT-SIZE: 11px;
  COLOR: #023567;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: bold;
}

.menuTextSubHeaderBg {
	padding-left: 10px;
	height: 20px;
}

.menuTextSubHeader {
  background: url(images/menubutton.jpg) no-repeat top left;
  FONT-SIZE: 11px;
  COLOR: #686868;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
}

.menuTextBodyBg {
	background-color:#D7D7D7;
	padding-left: 10px;
	padding-right: 10px;
	height: 16px;
	width: 140px;
}


.menuTextBody {
  FONT-SIZE: 11px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
}


.menuTextBody2 {
  FONT-SIZE: 11px;
  PADDING-LEFT: 10px;
  PADDING-RIGHT: 10px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
}


.menuTextBody A:link {
  COLOR: #023567;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.menuTextBody A:visited {
  COLOR: #023567;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.menuTextBody A:active {
  COLOR: #023567;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.menuTextBody A:hover {
  COLOR: #7F9DB9;
  FONT-WEIGHT: bold;
}

.menuFormInput {
  FONT-FAMILY: 10pt Tahoma;
  COLOR: #000000;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #FFFFFF
}

.menuFormButton {
  border: #FFFFFF;
  border-style: OUTSET;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  background-color: #023567;
  COLOR: #FFFFFF;
  FONT-WEIGHT: normal;
}

.menuHeaderTable {
  PADDING-LEFT: 5px;
}

.menuContentTable {
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 10px;
  PADDING-BOTTOM: 10px;
  PADDING-TOP: 10px
}

/* BOTTOM STYLES */

#bottomTable {
	BACKGROUND-COLOR: #023567;
	border: 0;
	height:15px;
	width: 100%;
}

#mainBg {
	BACKGROUND-COLOR: #FFFFFF;
	vertical-align: top;
}

.bottomTextBody {
  FONT-SIZE: 9px;
  COLOR: #FFFFFF;
  FONT-FAMILY: Tahoma;
}

.bottomTextBody A:LINK {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.bottomTextBody A:ACTIVE {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.bottomTextBody A:VISITED {
  COLOR: #FFFFFF;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.bottomTextBody A:HOVER {
  COLOR: #FFD331;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

/* MAIN STYLES */

#content {
	border: 0;
	padding: 0;
	width: 770px;
	vertical-align: left;
}

.mainTextHeader {
background: url(images/titlebar.jpg) repeat-x top left;
  FONT-SIZE: 11px;
  COLOR: #FFFFFF;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: bold;
  height: 53px;
}


.mainTextSubHeader {
  FONT-SIZE: 11px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: Bold;
}

.mainTextTableAsk {
  FONT-SIZE: 11px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
}

.mainTextBodyError {
  FONT-SIZE: 11px;
  COLOR: #6f0000;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
}
.mainTextBodySuccess {
  FONT-SIZE: 11px;
  COLOR: #006f00;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
}

.mainTextTitleError {
  FONT-SIZE: 11px;
  COLOR: #6f0000;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: bold;
}

.mainTextBody {
  FONT-SIZE: 11px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
}

A:link.mainTextBody    { COLOR: #023567; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A:visited.mainTextBody { COLOR: #023567; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A:hover.mainTextBody   { COLOR: #1b2c43; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A:active.mainTextBody  { COLOR: #023567; TEXT-DECORATION: none; FONT-WEIGHT: bold; }

A:link.mainTextDelete    { color: #FF0000; text-decoration: none; font-weight: normal; }
A:visited.mainTextDelete { color: #FF0000; text-decoration: none; font-weight: normal; }
A:hover.mainTextDelete   { color: #FF0000; text-decoration: none; font-weight: normal; }
A:active.mainTextDelete  { color: #FF0000; text-decoration: none; font-weight: normal; }


.mainTextSmallHeader {
  FONT-SIZE: 11px;
  COLOR: #111144;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Tahoma;
}
.mainTextSmallHeaderGood {
  FONT-SIZE: 11px;
  COLOR: #009900;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Tahoma;
}
.mainTextRequiredStar {
  COLOR: #FF0000;
}

.mainFormInput {
  FONT-FAMILY: Tahoma;
  FONT-SIZE: 8pt;
  COLOR: #000000;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #FFFFFF;
}
.mainFormRadio {
  FONT-FAMILY: 10pt Tahoma;
  COLOR: #000000;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #FFFFFF;
}
.mainFormSelect {
  FONT-FAMILY: 10pt Tahoma;
  COLOR: #000000;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #FFFFFF;
}
.mainFormInputError {
  FONT-FAMILY: 10pt Tahoma;
  COLOR: #FFFFFF;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #800000;
}

.mainFormMiniInputBorder {
  FONT-SIZE: 9px;
  COLOR: #111144;
  FONT-FAMILY: Tahoma;
  HEIGHT: 18px;
  /*VERTICAL-ALIGN: middle;*/
  BORDER: 1px solid #023567;
  BACKGROUND-COLOR: WHITE;
}
.mainFormButton {
  border: #FFFFFF;
  border-style: OUTSET;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  background-color: #023567;
  COLOR: #FFFFFF;
  FONT-WEIGHT: normal;
}
.mainFormButtonHigh {
  border: #FFFFFF;
  border-style: OUTSET;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  background-color: #6DA1CC;
  COLOR: #FFFFFF;
  FONT-WEIGHT: normal;
}
.mainFormButtonInvert {
  border: #FFFFFF;
  border-style: INSET;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  background-color: #5D91BC;
  COLOR: #FFFFFF;
  FONT-WEIGHT: normal;
}
.mainFormButtonDis {
  border: #FFFFFF;
  border-style: OUTSET;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  background-color: #304064;
  COLOR: #C0C0C0;
  FONT-WEIGHT: normal;
}

.mainHeaderTable {
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-TOP: 15px;
  PADDING-BOTTOM: 15px;
}

.mainBodyTable {
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-TOP: 5px;
  PADDING-BOTTOM: 5px;
}

.mainContentTable {
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-TOP: 5px;
  PADDING-BOTTOM: 5px;
}

.mainContentTable2 {
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-TOP: 5px;
  PADDING-BOTTOM: 15px;
}
.mainHrTable {
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 15px;
}


/* Data Tables */

.mainDataTable {
  border: 1px solid black;
  border-spacing: 1px;
}
.mainDataTableTitles {
  background-color: #023567;
  color: #FFFFFF;
  FONT-SIZE: 12px;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
  padding: 2px;
}

.mainDataTableTitlesExtra {
  background-color: #2D9C61;
  color: #FFFFFF;
  FONT-SIZE: 14px;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
  padding: 2px;
}

.mainCPSDataTableTitles {
  background-color: #023567;
  color: #FFFFFF;
  FONT-SIZE: 18px;
  FONT-FAMILY: Tahoma;
  FONT-WEIGHT: normal;
  padding: 2px;
}


A.mainDataTableTitle:link    {color:#FFFFFF; text-decoration: none;}
A.mainDataTableTitle:visited {color:#FFFFFF; text-decoration: none;}
A.mainDataTableTitle:hover   {color:#FFFFFF; text-decoration: underline;}
A.mainDataTableTitle:active  {color:#FFFFFF; text-decoration: underline;}

.mainDataTableTitlesBorder {
  border: 1px solid #023567;
}
.mainDataTableTitleCell {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
.mainDataTableText {
  background-color: #FFFFFF;
  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

.mainDataTableTextGood {
  background-color: #FFFFFF;
  color: #009900;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

.mainDataTableTextBad {
  background-color: #FFFFFF;
  color: CC0000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

.mainDataTableHelp {
  background-color: #FFCC99;
  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}
.mainDataTableHelpHighlight {
  background-color: #FFCC99;
  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

.mainDataTableTextGood {
  background-color: #FFFFFF;
  color: #009900;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

.mainDataTableTextBad {
  background-color: #FFFFFF;
  color: #990000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

.mainTextBodyOver {
  background-color: lime;
  COLOR: #023567;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.mainDataTableBackgroundShade1 {background-color: #efefef;}
.mainDataTableBackgroundShade2 {background-color: #cfcfcf;}
.mainDataTableBackgroundShade3 {background-color: #C2E4FE;}
.mainDataTableBackgroundShade4 {background-color: #FFCC99;}
.mainDataTableGreyed           {color: #808080;}

.optionGroupDepartment     {color: #0000FF;}
.optionGroupClassroom      {color: #FF0000;}
.optionGroupBoth           {color: #FF00FF;}

/*
.riskRating0  {background-color: #80D880; color: #000000;}
.riskRating1  {background-color: #88D480; color: #000000;}
.riskRating2  {background-color: #A0D080; color: #000000;}
.riskRating3  {background-color: #B8CB80; color: #000000;}
.riskRating4  {background-color: #D8C880; color: #000000;}
.riskRating5  {background-color: #F8C480; color: #000000;}
.riskRating6  {background-color: #F8B080; color: #000000;}
.riskRating7  {background-color: #E4A480; color: #000000;}
.riskRating8  {background-color: #D89880; color: #000000;}
.riskRating9  {background-color: #CC8C80; color: #000000;}
.riskRating10 {background-color: #C08080; color: #000000;}
*/

.riskRating0  {background-color: #00B000; color: #FFFFFF;}
.riskRating1  {background-color: #10A800; color: #FFFFFF;}
.riskRating2  {background-color: #40A000; color: #FFFFFF;}
.riskRating3  {background-color: #709800; color: #FFFFFF;}
.riskRating4  {background-color: #B09000; color: #FFFFFF;}
.riskRating5  {background-color: #E08800; color: #FFFFFF;}
.riskRating6  {background-color: #E06000; color: #FFFFFF;}
.riskRating7  {background-color: #C84800; color: #FFFFFF;}
.riskRating8  {background-color: #B03000; color: #FFFFFF;}
.riskRating9  {background-color: #981800; color: #FFFFFF;}
.riskRating10 {background-color: #B00000; color: #FFFFFF;}

/* Added by Sam Plews (10-12-04) for form error checking.  */

 
.formValidationErrorArea
{
  position: absolute;
  FONT-SIZE: 12px;
  background-color: #ffbbbb;
  border: solid 1px black;
}

.formValidationInputError
{
  BACKGROUND-COLOR: #ffbbbb;
}

.formValidationInputOk
{
  BACKGROUND-COLOR: #bbffbb;
}

.zero_form
{
  display: inline;
  margin: 0px;
  padding: 0px;
}