/* -------------------------------------------------- */
/* PAGE */
/* -------------------------------------------------- */

/* --------------------------------------------------
   Site Colors
   Red    = CA0000
   Blue   = 152588
   Yellow = FFE122
   Gray   = C0C0C0
   -------------------------------------------------- */

html {
	width: 100%;
	height: 100%;
	}
	
body {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(/Images_Shared/BG_SheetMetal.gif);
	border: 0px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	}

/* -------------------------------------------------- */
/* LINKS */
/* -------------------------------------------------- */

a:link, a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}
	
a:active, a:hover {
	color: #CA0000;
	text-decoration: underline;
	font-weight: bold;
	}

a.Thumbnail:link, a.Thumbnail:visited {
	border: 1px dotted #000000;
	}

a.Thumbnail:active, a.Thumbnail:hover {
	border: 1px dotted #CA0000;
	}

/* -------------------------------------------------- */
/* Page Structure */
/* -------------------------------------------------- */

#PageContainer {
	/* Encapsulates All Page Content */
	/* For Centering the Container: When width is specified (important) and both margins are set to auto, web browsers are required by the CSS standard to give them equal width */
	width: 982px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	position: relative; /* So that child elements have a reference point */
	}

#PageHeader {
	position: fixed; /* IE6 reverts to "position: static;" */
	top: 0px;
	width: 980px; /* Must define with "position: fixed;" */
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(/Images/Header_BG.png);
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #000000;
	z-index: 100;
	}

#PageBody {
	/* Provides a static canvas  */
	position: fixed; /* IE6 reverts to "position: static;" */
	width: 980px; /* Must define with "position: fixed;" */
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #000000;
	z-index: 10;
	}

#PageContent {
	position: absolute;
	top: 80px; /* Make Room for the PageHeader */
	width: 980px; /* Necessary: Must use with "position: absolute;" */
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #000000;
	z-index: 20;
	}

#ContentPad {
	position: relative;
	/*width: 970px;*/ /* Not Necessary: "display: block" by default */
	margin: 0px;
	padding: 5px;
	border: none #000000 0px; /* style color width */
	}

/* -------------------------------------------------- */
/* Content Side (Sidebar) Elements */

#ContentSide {
	position: relative;
	width: 200px;
	margin: 0px;
	padding: 5px;
	border: none #000000 0px; /* style color width */
	float: right;
	}

#ContentSide h3 {
	border: solid #CA0000 1px; /* style color width */
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_Aero_Red_1x22.gif);
	height: 18px;
	margin: 0px;
	padding: 2px; /* top right bottom left */
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
	font-style: italic;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	}

#ContentSide ol {
	background-color: #C0C0C0;
	border-width: 0px 1px 1px 1px; /* top right bottom left */
	border-style: solid;
	border-color: #CA0000;
	font-size: 10px;
	list-style-type: none;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	padding: 0px; /* top right bottom left */
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-radius: 0px 8px 8px 0px; /* border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-top-left-radius, border-radius */
	}

#ContentSide li {
	display: block;
	padding: 5px; /* top right bottom left */
	}

#ContentSide li.BtnIcon {
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 35px; /* top right bottom left */
	background-position: 5px 50%; /* horizontal vertical */
	background-repeat: no-repeat;
	}

#ContentSide li.BtnIcon:hover, #ContentSide li.BtnNoIcon:hover {
	background-color: #E5E5E5;
	cursor: pointer;
	}

#ContentSide li:last-child {
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	}

/* Content Side (Sidebar) Elements */
/* -------------------------------------------------- */


#ContentMain {
	/* Ref: http://www.thesitewizard.com/css/design-2-column-layout.shtml */
	/* Note 1: To switch the ContentSide and ContentMain columns, change the margin position in ContentMain and the float position in ContentSide */
	/* Note 2: The indicated margin must be TOTAL desired width of ContentSide (including margin and padding) */
	/* Note 3: The div using the float attribute must be written first on the page */
	/* Note 4: width does not need to be defined since the div will assume "display: block" by default */
	position: relative;
	/*width: 750px;  970-20(padding)-200(sidebar)=750 */
	margin: 0px 210px 0px 0px; /* top right bottom left */
	padding: 5px;
	border: none #000000 0px; /* style color width */
	}

#PageFooter {
	/*position: fixed;*/
	clear: both; /* removes left and right float from ContentMain and ContentSide */
	position: relative;
	/*bottom: 0px;
	width: 980px;*/
	height: 75px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	/*border-width: 1px 1px 0px 1px; /* top right bottom left */
	border-width: 1px 0px 0px 0px; /* top right bottom left */
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	/*z-index: 90;*/
	}
	
/* -------------------------------------------------- */
/* Header Elements */

#PageHeaderLogo {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: none #000000 0px; /* style color width */
	z-index: 100;
	}

img.PageHeaderJbSlideShow {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 390px;
	height: 50px;
	border: none #000000 0px; /* style color width */
	}

img.PageHeaderJbSlideShow:hover {
	cursor: pointer;
	}

/* NavBar */

#NavBar {
	position: absolute;
	top: 60px;
	left: 310px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border-color: #ca0000 #dc5959 #dc5959 #ca0000; /* reverse bevel to make caps on either end */
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	list-style-type: none;
	z-index: 90;
	}

#NavBar li {
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_Aero_Red_1x18.gif);
	border-color: #dc5959 #ca0000 #ca0000 #dc5959; /* top right bottom left */
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	height: 17px;
	list-style-type: none;
	margin: 0px;
	padding: 1px 10px 0px 10px; /* top right bottom left */
	position: relative;
	text-decoration: none;
	vertical-align: text-bottom;
	/*
	display: inline;
	clip: auto;
	overflow: hidden;
	*/
	}

#NavBar li:hover {
	border-color: #6771b2 #152588 #152588 #6771b2; /* top right bottom left */
	background-color: #152588;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x18.gif);
	cursor: pointer;
	}

/* Header Elements */
/* -------------------------------------------------- */
	
	

/* -------------------------------------------------- */
/* DIVS */
/* -------------------------------------------------- */

/* Messages */

div.msg {
	position: relative;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 105px; /* top right bottom left; left padding provides space for icon*/
	background-position: 25px 50%; /* horizontal vertical */
	background-repeat: no-repeat;
	text-align: left;
	-moz-border-radius: 8px;
	}

div.msgStop {
	border: solid #CA0000 1px; /* style color width */
	background-color: #FFE122;
	background-image: url(/Images/Icons/Stop_50x50.png);
	}
	
div.msgCallOut {
	border: solid #152588 1px; /* style color width */
	background-color: #8595ff;
	background-image: url(/Images/Icons/Emot_CallOut_50x50.png);
	}
	
div.msgSuccess {
	border: solid #152588 1px; /* style color width */
	background-color: #8595ff;
	background-image: url(/Images/Icons/Emot_ThumbsUp_50x50.png);
	}
	
div.msgLookHere {
	border: solid #152588 1px; /* style color width */
	background-color: #8595ff;
	background-image: url(/Images/Icons/Emot_Point_50x50.png);
	}
	
div.msgPeace {
	border: solid #152588 1px; /* style color width */
	background-color: #8595ff;
	background-image: url(/Images/Icons/Emot_Peace_50x50.png);
	}

/* Folders */

div.folderTab {
	position: absolute;
	left: 0%;
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_Aero_Red_1x22.gif);
	height: 18px;
	margin: -29px 0px 0px -1px; /* top right bottom left (18 + 2 + 1 + 5 + 1 + 1) */
	padding: 2px 5px 2px 5px; /* top right bottom left */
	border: solid #CA0000 1px; /* style color width */
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}

div.folderBody {
	position: relative;
	width: 738px;
	background-color: #FFFFFF;
	margin: 23px 0px 40px 0px; /* top right bottom left */
	padding: 5px; /* top right bottom left */
	border: solid #CA0000 1px; /* style color width */
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	display: block;
}

.divList div.divListItem {
	border-width:0px 0px 1px 0px; /* top right bottom left */
	border-color:#000000;
	border-style:solid;
	min-height:210px;
}

.divList div.divListItem:first-child {
	border-width:1px 0px 1px 0px; /* top right bottom left */
}

.divList div.divListItem img.dfltRight {
	float:right;
	padding: 5px 0px 5px 5px; /* top right bottom left */
}

/* -------------------------------------------------- */
/* TABLES */
/* -------------------------------------------------- */

table.myLogin {
	border: none #000000 0px;
	border-collapse: collapse;
	/*border-spacing: 0px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	position: relative;
	width: 300px;
	}

table.myLogin th {
	/*border: solid #CA0000 1px; /* style color width */
	border-color: #dc5959 #ca0000 #ca0000 #dc5959; /* top right bottom left */
	border-style: solid;
	border-width: 1px;
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_Aero_Red_1x22.gif);
	padding: 2px; /* top right bottom left */
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	}

table.myLogin td {
	/*border: solid #CA0000 1px; /* style color width */
	border-color: #dc5959 #ca0000 #ca0000 #dc5959; /* top right bottom left */
	border-style: solid;
	border-width: 1px;
	background-color: #C0C0C0;
	padding: 2px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	}

table.myLogin td.subHeader {
	font-weight: bold;
	background-image: url(/Images_Shared/BG_SheetMetal.gif);
	}

/* ---------- */

/* ---------- */

table.myTable {
	border: none #000000 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	}

table.myTable th {
	border: solid #CA0000 1px; /* style color width */
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_Aero_Red_1x22.gif);
	height: 18px;
	margin: 0px;
	padding: 2px 5px 2px 5px; /* top right bottom left */
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
	font-style: italic;
	}

table.myTable th.Btn:hover {
	border: solid #152588 1px;
	background-color: #152588;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x22.gif);
	color: #FFFFFF;
	cursor: pointer;
	}

table.myTable th.BtnSm {
	background-image: url(/Images_Shared/BG_Aero_Red_1x18.gif);
	height: 14px;
	font-size: 12px;
	}

table.myTable th.BtnSm:hover {
	border: solid #152588 1px;
	background-color: #152588;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x18.gif);
	color: #FFFFFF;
	cursor: pointer;
	}

table.myTable td, table.myTable tr.RowLink td {
	border: solid #CA0000 1px;
	padding: 2px 5px 2px 5px; /* top right bottom left */
	color: #000000;
	text-decoration: none;
	}

table.myTable tr.RowLink:Hover td {
	background-color: #152588; /*Alternate: FFE122*/
	color: #FFFFFF;
	cursor: pointer;
	}
	
table.myTable td.myTableGry {
	background-color: #C0C0C0;
	}

table.myTable td.myTableWht {
	background-color: #FFFFFF;
	}

table.myTable td.myTableFrame {
	border: none #000000 0px;
	padding: 0px;
	margin: 0px;
	}

table.myTable td.myTablePlain {
	border: none #000000 0px;
	}
	
table.myTable td.myTableSM, table.myTable td.myTableSMBtn {
	background-color: #C0C0C0;
	background-image: url(/Images_Shared/BG_SheetMetal.gif);
	font-weight: bold;
	font-style: italic;
	}

table.myTable td.myTableSMBtn:hover {
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_SheetMetal_Red2.gif);
	color: #FFFFFF;
	cursor: pointer;
	}
	
table.myTable td.PgNav {
	background-color: #152588;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x18.gif);
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	height: 18px;
	padding: 0px;
	margin: 0px;
	}


table.myTable td.PgNav div.PgNavHolder {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 18px;
	}

table.myTable td.PgNav div.PgNavLocTop {
	position: absolute;
	top: 0px;
	left: 50%;
	height: 14px;
	width: 300px;
	margin: 0px 0px 0px -150px; /* top right bottom left */
	padding: 2px;
	text-align: center;
	border: none #000000 0px;
	background-image: url(/Images/BG_Aero_Gray_PgNavLocTop_18.png);
	background-position: 50% 0px; /* horizontal vertical */
	background-repeat: no-repeat;
	}

table.myTable td.PgNav div.PgNavLocBottom {
	position: absolute;
	top: 0px;
	left: 50%;
	height: 14px;
	width: 300px;
	margin: 0px 0px 0px -150px; /* top right bottom left */
	padding: 2px;
	text-align: center;
	border: none #000000 0px;
	background-image: url(/Images/BG_Aero_Gray_PgNavLocBottom_18.png);
	background-position: 50% 0px; /* horizontal vertical */
	background-repeat: no-repeat;
	}
	
table.myTable td.PgNav div.PgNavBack {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 18px;
	width: 300px;
	padding: 0px;
	text-align: left;
	border: none #000000 0px;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x18.gif);
	}

table.myTable td.PgNav div.PgNavBack:hover {
	background-image: url(/Images_Shared/BG_Aero_Yellow_1x18.gif);
	}

table.myTable td.PgNav div.PgNavBack a {
	padding: 2px 2px 2px 44px; /* top right bottom left */
	display: block;
	height: 14px;
	color: #FFFFFF;
	background-image: url(/Images_Shared/Btn_Arrow_Back_Red.gif);
	background-position: 2px 50%; /* horizontal vertical */
	background-repeat: no-repeat;
	}

table.myTable td.PgNav div.PgNavBack a:hover {
	color: #152588;
	background-image: url(/Images_Shared/Btn_Arrow_Back_Blue.gif);
	}

table.myTable td.PgNav div.PgNavNext {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 18px;
	width: 300px;
	padding: 0px;
	text-align: right;
	border: none #000000 0px;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x18.gif);
	}

table.myTable td.PgNav div.PgNavNext:hover {
	background-image: url(/Images_Shared/BG_Aero_Yellow_1x18.gif);
	}

table.myTable td.PgNav div.PgNavNext a {
	padding: 2px 44px 2px 2px; /* top right bottom left */
	display: block;
	height: 14px;
	color: #FFFFFF;
	background-image: url(/Images_Shared/Btn_Arrow_Next_Red.gif);
	background-position: 258px 50%; /* horizontal vertical */
	background-repeat: no-repeat;
	}

table.myTable td.PgNav div.PgNavNext a:hover {
	color: #152588;
	background-image: url(/Images_Shared/Btn_Arrow_Next_Blue.gif);
	}

/* -------------------------------------------------- */
/* FORMS */
/* -------------------------------------------------- */

form {
	margin: 0px;
	padding: 0px;
	}
	
input[type="submit"], input[type="button"] {
	/*border: 1px solid #CA0000;*/
	border-color: #dc5959 #ca0000 #ca0000 #dc5959; /* top right bottom left */
	border-style: solid;
	border-width: 1px;
	background-color: #CA0000;
	background-image: url(/Images_Shared/BG_Aero_Red_1x22.gif);
	height: 22px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 4px;
	padding-right: 5px;
	vertical-align: middle;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	}
	
input[type="submit"]:hover, input[type="button"]:hover {
	/*border: 1px solid #152588;*/
	border-color: #6771b2 #152588 #152588 #6771b2; /* top right bottom left */
	background-color: #152588;
	background-image: url(/Images_Shared/BG_Aero_Blue_1x22.gif);
	}

input[type="text"], input[type="password"], input[type="file"], select, textarea {
	/*border: 1px solid #CA0000;*/
	border-color: #dc5959 #ca0000 #ca0000 #dc5959; /* top right bottom left */
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	}


/* -------------------------------------------------- */
/* IMAGES */
/* -------------------------------------------------- */

img {
	border: none #000000 0px; /* style color width */
	}

img.BtnEvtAdmin {
	border: 1px solid #CA0000;
	background-color: #C0C0C0;
	margin: 2px;
	}

img.BtnEvtAdmin:hover {
	border: 1px solid #152588;
	background-color: #e5e5e5;
	}

img.BtnWht {
	border: 1px solid #CA0000;
	background-color: #FFFFFF;
	margin: 2px;
	}

img.BtnWht:hover {
	border: 1px solid #152588;
	background-color: #e5e5e5;
	}

/* -------------------------------------------------- */
/* TEXT SIZE */
/* -------------------------------------------------- */

.TxtXs {
	font-size: 10px;
	}
	
.TxtSm {
	font-size: 12px;
	}

.TxtMd {
	font-size: 14px;
	}
	
.TxtLg {
	font-size: 16px;
	}
	
.TxtXl {
	font-size: 20px;
	}
	
.TxtXx {
	font-size: 26px;
	}
	
.TxtTtl {
	color: #CA0000;
	}
	
.TxtTtlXx {
	color: #CA0000;
	font-size: 26px;
	}

/* --------------------------------------------------*/