/* GENERIC STYLES */

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

BODY {
  	font-size: 11px;
    	background: url(images/bgfiller.jpg) repeat-x top left fixed;
  background-color: #010D61;
  color: #000000;
  margin: auto;
  padding: 0px;

}

a {

	font-size: 11px;  
  font-weight:bold;
  text-decoration:none;
  color:#134D96;
}

a:hover {
  font-weight:bold;
  text-decoration:underline;
  color:#01389F;
}

.mainshadow {
	
background-color: #505D6B;
}

/* TOP MENU STYLES */

#toptable
{
	margin: auto;
	padding: 0;
	border: 0;
	width: 775px;
	text-align:center;
	vertical-align:top;

}

#toplogo
{
	background: url(images/top.jpg) no-repeat top left;
	width: 775px;
	height: 90px;
	BORDER-RIGHT: 1px solid #5765A2;
	BORDER-LEFT: 1px solid #5765A2;
	BORDER-Top: 1px solid #5765A2;
}

#topmenu
{
	
	background: url(images/bar.jpg) top left;
	BORDER-TOP: 0px solid #FFFFFF;
	BORDER-BOTTOM: 0px solid #B12C15;
	BORDER-RIGHT: 1px solid #010A49;
	BORDER-LEFT: 1px solid #010A49;
	width: 100%;
	height: 31px;
	text-align: center;
}

.topMenuItem {
  font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
  width: 20%;
}

.topMenuItem A:link {
 font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
		text-align: center;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
}

.topMenuItem A:active {
 font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
}
.topMenuItem A:visited {
 font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
}

.topMenuItem A:hover {
  	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: underline;
}

/* MENU STYLES */

#menuBg {
	padding-top: 10px;
	BACKGROUND-COLOR: #F3F3F3;
	BORDER-RIGHT: 1px solid #C2C2C2;
	BORDER-LEFT: 1px solid #010A49;
	BORDER-TOP: 0px solid #B12C15;
	BORDER-BOTTOM: 0px solid #B12C15;
	vertical-align: top;
	width: 200px;
}

#smlogo {
	BACKGROUND-COLOR: #F3F3F3;
	BORDER-RIGHT: 1px solid #B6BABD;
	BORDER-LEFT: 1px solid #010A49;
	BORDER-TOP: 0px solid #B6BABD;
	BORDER-BOTTOM: 0px solid #B6BABD;
	vertical-align: top;
	width: 200px;
}


/* ----------------------- New Collapsable Menu Styles ------------------------ */

.MenuTitleTab {background-color: #FFFFFF; BORDER:1px solid #c2c2c2; height:30px; }
.MenuTabSelected {background-color: #134D96; BORDER:1px solid #c2c2c2; cursor:pointer; padding: 2px;}
.MenuTabUnSelected {background-color: #D4DCE9; BORDER:1px solid #c2c2c2; cursor:pointer; padding: 2px;}
.MenuSubTab {background-color: #FFFFFF; BORDER:1px solid #c2c2c2; cursor:pointer; padding: 2px;}
.MenuSubTabSelected {background-color: #DEDEDE; BORDER:1px solid #c2c2c2; cursor:pointer; padding: 2px;}
.MenuTabBg {background-color: #DEDEDE; BORDER:1px solid #c2c2c2; width:92%;}

.MenuTabTitleText {
  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT:bold;
  padding-left: 10px;
  text-align:bottom;
}

.MenuTabTextSelected {

  color: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT:normal;
 
}

.MenuTabTextUnSelected {

  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT:normal;
  
}


.MenuSubTabText {

  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT:normal;
  
}

/*---------------------------- END of new styles ---------------------------------*/

/* ----------------------- New New Policy Text Styles ------------------------ */

.LoginMessage {
  FONT-SIZE: 9px;
  COLOR: #000000;
  FONT-FAMILY: tahoma;
  FONT-WEIGHT: normal;
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  }
  
.SecurityText {
  FONT-SIZE: 9px;
  COLOR: #000000;
  FONT-FAMILY: tahoma;
  FONT-WEIGHT: normal;
  padding:5px;
  text-align:center;
}

/* ----------------------- END of New Policy Text Styles ------------------------ */

.menuTextHeader {
  FONT-SIZE: 20px;
  COLOR: #134D96;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: normal;
}

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

.menuTextSubHeader {
  padding-top:11px;
  padding-bottom:12px;
  FONT-SIZE: 16px;
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: bold;
}

.menuTextBodyBg {
	padding-left: 10px;
	padding-right: 10px;
	height: 16px;
}

.menuTextBody {
  FONT-SIZE: 11px;
  COLOR: #000000;
  FONT-FAMILY: Tahoma;
    padding-top:4px;
  padding-bottom:2px;
}


.menuTextBody A:link {
FONT-SIZE: 11px;
  COLOR: #000000;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.menuTextBody A:visited {
FONT-SIZE: 11px;
  COLOR: #000000;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.menuTextBody A:active {
FONT-SIZE: 11px;
  COLOR: #000000;
  TEXT-DECORATION: none;
  FONT-WEIGHT: normal;
}

.menuTextBody A:hover {
FONT-SIZE: 11px;
  COLOR: #000000;
  FONT-WEIGHT: normal;
  TEXT-DECORATION: Underline;
}

.menuTextBodyT {
  FONT-SIZE: 11px;
  COLOR: #000000;
  FONT-FAMILY: Tahoma;
    padding-top:15px;
  padding-bottom:5px;
}

.menuTextBodyT A:link {
FONT-SIZE: 11px;
  COLOR: #000000;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.menuTextBodyT A:visited {
FONT-SIZE: 11px;
  COLOR: #000000;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.menuTextBodyT A:active {
FONT-SIZE: 11px;
  COLOR: #000000;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

.menuTextBodyT A:hover {
FONT-SIZE: 11px;
  COLOR: #000000;
  FONT-WEIGHT: bold;
  TEXT-DECORATION: Underline;
}

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


.menuFormButton {
  border: #D2DFE5;
  border-style: OUTSET;
  border-width: 1px;
	background: url(images/bar.jpg) top left;
  font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	height:25px;
	padding-left:10px;
	padding-right:10px;
}

.menuHeaderTable {
  PADDING-LEFT: 5px;
}

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

/* BOTTOM STYLES */

#bottomTable {
	background: url(images/bottom.gif) no-repeat top left;
	height:44px;
	border: 0;
	width: 100%;
}

#versionCell {
	BACKGROUND-COLOR: #FFFFFF;
	PADDING: 1px;
	border: 0;
	width: 100%;
	BORDER-RIGHT: 1px solid #B12C15;
	BORDER-LEFT: 1px solid #B12C15;
	BORDER-TOP: 1px solid #B12C15;
}

#mainBg {
  BORDER-RIGHT: 1px solid #010A49;
  background: url(images/pagebg.jpg) no-repeat bottom right;
	BACKGROUND-COLOR: #FFFFFF;
	vertical-align: top;
}

.bottomTextBody {
  FONT-SIZE: 10px;
  COLOR: #CFD4DC;
  FONT-FAMILY: Tahoma;
padding:15px;
}

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

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

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

.bottomTextBody A:HOVER {
  COLOR: #000000;
  TEXT-DECORATION: underline;
  FONT-WEIGHT: bold;
}

/* MAIN STYLES */

#content {
	border: 0;
	padding: 0;
	width: 775px;
	text-align: left;
}

.mainTextHeader {
  FONT-SIZE: 20px;
  COLOR: #134D96;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: bold;
  padding-top:18px;
}

.mainTextSubHeader {
background: url(images/title-lines.gif) no-repeat bottom left;
  padding-top:20px;
  padding-bottom:5px;
  padding-left:40px;
  FONT-SIZE: 16px;
  COLOR: #134D96;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: Bold;
  
}

.mainTextSubHeaderTabs {
  FONT-SIZE: 16px;
  COLOR: #134D96;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: Bold;
}

.mainTextTableAsk {
  FONT-SIZE: 11px;
  COLOR: #6f6f6f;
  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: #6f6f6f;
  FONT-FAMILY: Tahoma;
}

A:link.mainTextBody    { COLOR: #134D96; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A:visited.mainTextBody { COLOR: #134D96; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A:hover.mainTextBody   { COLOR: #01389F; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A:active.mainTextBody  { COLOR: #134D96; 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: #134D96;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Tahoma;
}
.mainTextSmallHeaderGood {
  FONT-SIZE: 11px;
  COLOR: #009900;
  FONT-WEIGHT: bold;
  FONT-FAMILY: Tahoma;
}
.mainTextRequiredStar {
  COLOR: #FF0000;
}

.mainFormInput {
  FONT-FAMILY: Arial;
  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: Tahoma;
  FONT-SIZE: 11px;
  COLOR: #000000;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #FFFFFF;
}
.mainFormSelect {
  FONT-FAMILY: Tahoma;
  FONT-SIZE: 11px;
  COLOR: #000000;
  BORDER-RIGHT: 2px inset;
  BORDER-TOP: 2px inset;
  BORDER-LEFT: 2px inset;
  BORDER-BOTTOM: 2px inset;
  BACKGROUND-COLOR: #FFFFFF;
}
.mainFormInputError {
  FONT-FAMILY: Tahoma;
  FONT-SIZE: 11px;
  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: #6f6f6f;
  FONT-FAMILY: Tahoma;
  HEIGHT: 18px;
  /*VERTICAL-ALIGN: middle;*/
  BORDER: 1px solid #134D96;
  BACKGROUND-COLOR: WHITE;
}
.mainFormButton {
  border: #FFFFFF;
  border-style: OUTSET;
  border-width: 1px;
  background: url(images/bar.jpg) no-repeat top left;
  font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	height:25px;
	padding-left:10px;
	padding-right:10px;
}
.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 */

.mainDataTableTextSmall
{
	font-size: 10px;
}

.mainDataTableTextSmallBad {
  background-color: #FFFFFF;
  color: CC0000;
  FONT-SIZE: 10px;
  FONT-FAMILY: verdana;
  padding: 2px;
}

.mainDataTableTextSmallGood {
  background-color: #FFFFFF;
  color: #009900;
  FONT-SIZE: 10px;
  FONT-FAMILY: verdana;
  padding: 2px;
}	
	

.mainDataTable {
  
  border: 1px solid #C2C2C2;
  border-spacing: 2px;
}

/* ----------------------- New Begin Training List Styles ------------------------ */

.BeginTrainingShade1 {background-color: #FFFFFF; BORDER:1px solid #c2c2c2;}
.BeginTrainingShade2 {background-color: #F0EFEF; BORDER:1px solid #c2c2c2;}
.BeginTrainingShade3 {background-color: #D4DCE9;}
.BeginTrainingShade4 {background-color: #2069DC;}


.BTHeaderSelected {

  color: #FFFFFF;
  FONT-SIZE: 14px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT:Bold;
  padding: 2px;
}

.BTHeaderUnSelected {

  color: #134D96;
  FONT-SIZE: 14px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT:Bold;
  padding: 2px;
}

/*---------------------------- END of new styles ---------------------------------*/


.mainDataTableTitles {

  background-color: #134D96;
  color: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: normal;
  padding: 2px;
}
.mainDataTableTitles2 { /* Temporary for Area title in Report viewer until further notice*/
  
  background-color: #134D96;
  color: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: bold;
  padding: 2px;
}
.mainDataTableTitlesExtra {
  background-color: #B12C15;
  color: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: normal;
  padding: 2px;
}

.mainCPSDataTableTitles {
 background-color: #315E7B;
  color: #FFFFFF;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial;
  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 #2d619c;
}
.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;
  height:25px;
}
.mainDataTableTextGood {
  color: #009900;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}

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

.mainDataTableHelp {
  background-color: #FDF2D0;
  color: #000000;
  FONT-SIZE: 11px;
  FONT-FAMILY: Tahoma;
  padding: 2px;
}
.mainDataTableHelpHighlight {
  background-color: #FDF2D0;
  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: #134D96;
  TEXT-DECORATION: none;
  FONT-WEIGHT: bold;
}

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

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


.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;
}

.moduletitle {
	padding-left:15px;
}

.barborders{
  height:30px;
  border-right: 0px solid #C2C2C2;
  border-left: 0px solid #C2C2C2;
}

.arrowsize {
  width: 17px;
  height: 17px;
}