/**
Gold #DBD93F, Grey #D6E3B4, Blue (formFooter) #A1BBD4, Blue (formContent) #CED7E7, Blue (formHeader) #336699, Dark Green #84c342; Light Green #d6e3b4
**/

/** Primary styles **/
p, ul, li, td, th, textarea, input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

body {
	color: #000000;
	margin: 0px;
	}

th {
	background-color: #003366;
	color: #FFFFFF;
	text-align: left;
	}

hr {
	color: #003366;
	height: 1px;
	}

h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	margin-bottom: 2px;
	margin-top: 2px;
	font-weight: normal;
	}

h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336666;
	margin-bottom: 2px;
	margin-top: 2px;
	font-weight: normal;
	}

h3.dropin {
	color: #1852b2;
	}

ul, ol {
	margin-bottom: 2px;
	margin-top: 2px;
	border-left-width: 20px 
	}

a:link, a:visited {
	color: #003399;
	}

a:hover {
	color: #669933;
	}

td.header {
	background-color: #CCCC33; 
	border-bottom: 1px solid #003333;
	}

a.header:link, a.header:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

a.header:hover {
	text-decoration: underline;
	}

p.header {
	color: white; 
	font-weight: bold; 
	font-size: 18px;
	}

p.help {
	cursor: help;
	}

table.topMenu {
	height: 20px;
	}

td.topMenuRow {
	background-image: url('/webmgr8/images/bg_topMenu.gif'); 
	border-left: 1px #003333 solid; 
	border-bottom: 1px #003333 solid; 
	border-right: 1px #003333 solid; 
	border-top: 1px solid #E1E1E1;
	}

td.topMenuOff, td.topMenuOver, td.topMenuOn {
	padding: 0px 8px 0px 8px; 
	border-right: 1px #003333 solid; 
	border-left: 1px #FFFFFF solid; 
	text-align: center; 
	background-image: url('/webmgr8/images/bg_topMenu.gif');
	}

td.topMenuOver { 
	background-image: url('/webmgr8/images/bg_topMenuOn.gif'); 
	cursor: pointer;
	}

td.topMenuOn { 
	background-image: url('/webmgr8/images/bg_topMenuOn.gif');
	}

p.topMenu { 
	font-size: 8pt; 
	color: #003333; 
	text-transform: uppercase; 
	font-weight: bold; 
	}

a.topMenu, a.topMenu:visited, a.topMenu:hover { 
	color: #003333; 
	text-decoration: none; 
	font-weight: bold;
	}

/** content header styles **/
th.subHeader {
	background-color: #CCCCCC;
	color: #003366;
	}

table.contentHeader {
	background-color: #CCCCCC;
	border-bottom: #003366 1px solid;
	}

td.contentHeader {
	background-color: #CCCCCC;
	border-bottom: #003366 1px solid;
	color: #003366;
	font-size: 16px;	
	}

p.contentHeader {
	color: #003366;
	}

a.contentHeader:link, a.contentHeader:visited {
	color: #003366;
	text-decoration: none;
	}

a.contentHeader:hover {
text-decoration: underline;
	}


/** Form Styles for Content Area of Manager **/

table.formBoxTable {
	width: 97%;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #000033;
	padding: 0px;
	}

table.formHiddenTable {
	background-color: #E1E1E1;
	border: 1px dashed #666666;
	margin: 4px;
	}

table.formTextTable {
	border: 1px solid #000033;
	background-color: #FFFFFF;
	}

td.formHowToContent {
	background-color: #D6E3B4;
	padding: 5px;
	border: 1px dashed #666666;
	}

td.formImageColumn {
	background-color: #D6E3B4;
	padding: 5px;
	border: 1px dashed #666666;
	}

td.formAddContentBar {
	background-color: #FFFFCC;
	}
	
table.formRegistrationBox {
	background-color: #FEFED9;
	border: 1px dashed #666666;
	}

table.formWizardBox {
	background-color: #E5FEE2;
	border: 1px dashed #666666;
	}	

td.formContent {
	background-color: #CED7E7;
	border-top: #000033 1px solid;
	border-bottom: #003366 1px solid;
	}

p.formHowToText {
	font-size: 10px;
	}

td.formHeader {
	background-color: #336699;
	border-top: #6699CC 1px solid;
	border-bottom: #003366 1px solid;	
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;	
	}

p.formHeaderText {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;	
	}

p.showRecordsText {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	}

td.formActionBar {
	background-color: #D6E3B4;
	border-top: #FFFFFF 1px solid;
	}

p.formActionBar {
	padding-left: 2px;
	padding-right: 6px;	
	}

td.storeActionBar {
	background-color: #FFFFCC;
	border-top: #FFFFFF 1px solid;
	}

td.formFooter {
	background-color: #A2BBD3;
	border-top: #FFFFFF 1px solid;
	padding: 5px;
	}

td.formFooterNote {
	background-color: #D6E3B4;
	border-top: #FFFFFF 1px solid;
	padding: 5px;
	}

p.formFooterText {
	color: #FFFFFF;
	font-size: 9px;
	}

td.formInformation {
	background-color: #F6F7FF;
	border-top: #000033 1px solid;
	padding: 4px;
	}

td.formSectionHeader {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #999999;
	background-color: #CCCCCC;
	height: 24px;
	}

input.formButton {
	cursor: pointer;
	}

/** fbx_actiobar Button Styles **/
table.barButton, input.barButtonBack, input.barButtonDelete, input.barButtonUpdate, input.barButtonAdd, input.barButtonReturn  {
	border: 1px solid #D6E3B4;
	}

table.barButtonOver, input.barButtonBackOver, input.barButtonDeleteOver, input.barButtonUpdateOver, input.barButtonAddOver, input.barButtonReturnOver {
	border: 1.5px outset #336633;
	background: #E5E48B;
	cursor: pointer;
	}

input.barButtonBack, input.barButtonDelete, input.barButtonUpdate, input.barButtonAdd, input.barButtonReturn, input.barButtonOver, input.barButtonBackOver, input.barButtonDeleteOver, input.barButtonUpdateOver, input.barButtonAddOver, input.barButtonReturnOver {
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 25px;
	}

input.barButtonBack, input.barButtonDelete, input.barButtonUpdate, input.barButtonReturn, input.barButtonAdd {
	background-color: #D6E3B4;
	}

input.barButtonBack, input.barButtonBackOver {
	background-image: url('/webmgr8/images/icn_back.gif');
	}

input.barButtonDelete, input.barButtonDeleteOver {
	background-image: url('/webmgr8/images/icn_delete_file.gif');
	}

input.barButtonUpdate, input.barButtonUpdateOver {
	background-image: url('/webmgr8/images/icn_update.gif');
	}	

input.barButtonAdd, input.barButtonAddOver {
	background-image: url('/webmgr8/images/icn_add_file.gif');
	}

input.barButtonReturn, input.barButtonReturnOver {
	background-image: url('/webmgr8/images/icn_move_up.gif');
	}	

table.barButtonExtra {
	border: 1px solid #999966;
	background-color: #E0E2CF;	
	}

table.headerButton {
	border: 1px solid #336699;
	color: #FFFFFF;
	padding-right: 4px;
	}

table.headerButtonOver {
	border: 1.5px outset #000033;
	background: #CED7E7;
	cursor: pointer;
	padding-right: 4px;	
	}

/** page content navigation button **/
td.pageContentNavigationOn {
	background-image: url('/webmgr8/images/btn_pagecontent_left_on.gif');
	color: white;
	cursor: pointer;
	}

td.pageContentNavigationOff {
	background-image: url('/webmgr8/images/btn_pagecontent_left_off.gif');
	color: blue;
	cursor: pointer;
	}

p.pageContentNavTextOff, a.pageContentNavTextOff:link, a.pageContentNavTextOff:visited, a.pageContentNavText:hover {
	color: black;
	text-decoration: none;
	}

/** store manager button styles **/
table.storeBarButton {
	border: 1px solid #FFFFCC;
	}

table.storeBarButtonOver {
	border: 1px outset #336633;
	background: #CCCC99;
	cursor: pointer;
	}
	
/** Left Navigation Styles **/
table.sideMenuTable {
	margin: 4px;
	width: 160px;
	background-color: #003366;
	border: 1px solid #000033;
	}
	
table.sideMenuSectionTable {
	border: 1px solid #FFFFFF;
	}
	
td.sideMenuHeader, a.sideMenuHeaderLink:link, a.sideMenuHeaderLink:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	}

a.sideMenuHeaderLink {
	display:block;
	text-decoration:none;
	}

a.sideMenuHeaderLink:hover {
	color: #d6e3b4;

	}


th.sideMenuSectionHeader {
	background-color: #336699;
	}

a.sideMenuSectionLink, a.sideMenuSectionLink:visited, a.sideMenuSectionLink:hover {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	display: block;
	}

td.sideMenuLinkarea {
	background-color: #5A82A5;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid white;
	}
	
ul.sideMenu {
	padding:0px;
	margin-bottom: 6px;
	margin-top: 6px;
	list-style-type: round;
	color: #ebebba;
	margin-left: 20px;
	}
	
li.sideMenuList a {
	display: block;
	}

a.sideMenuLink:link, a.sideMenuLink:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

a.sideMenuLink:hover {
	color: #ebebba;
	text-decoration: none;
	}

ul.sideSubMenuLink {
	margin-bottom: 6px;
	list-style-type: round;
	color: #66CC00;
	margin-left: 10px;
	}

/* Side Menu Navigation Classes */

#sideMenu, #sideMenu ul { /* all lists */
	padding:0px;
	margin-bottom: 6px;
	margin-top: 6px;
	list-style-type: round;
	color: #ebebba;
	margin-left: 20px;		
	}

#sideMenu li {
	position: relative;
	float: left;
	width: 130px;
	w\idth: 130px;
	color: #ebebba;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#sideMenu li a {
	display: block;	
	color: #FFFFFF;
	text-decoration: none;
	}

#sideMenu li a:hover {
	color: #ebebba;
	text-decoration: none;
	}

/** form text styles **/
p.requiredField {
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	}

p.requiredFieldNOT {
	text-align: right;
	cursor: pointer;
	}

p.requiredTextAreaField  {
	font-weight: bold;
	cursor: pointer;
	}

p.requiredTextAreaFieldNOT  {
	cursor: pointer;
	}

a.thheader:link, a.thheader:visited {
	color: #FFFFFF;
	}

a.thheader:hover {
	color: #CC0000;
	}

/** Link Classes **/
a.activeLink:link, a.activeLink:visited {
	color: #003366;
	}

a.inactiveLink:link, a.inactiveLink:visited {
	color: #0099FF;
	}

a.contributedLink:link, a.contributedLink:visited {
	color: #FF0000;
	}

a.activeLink:hover, a.inactiveLink:hover, a.contributedLink:hover {
	color: #669933;
	text-decoration: underline;
	}

.active {
	color: #003366;
	}
	 
.inactive {
	color: #0099FF;
	} 
	
.contributed {
	color: #FF0000;
	}
	
.required {
	color: #CC0000;
	}
	
.activeLink {
	color: #000000;
	cursor: pointer;
	}
	
.inactiveLink {
	color: #0099FF;
	cursor: pointer;
	}
	
.disabledLink {
	color: #CCCCCC;
	cursor: help;
	}

/** style for Textarea field that counts the text **/
.counttext {
	color: #336666;
	}

/** styles for actual letters used for links**/
table.letterLinkTable {
	background-color: #E2E9E4;
	}

a.letterLink:link, a.letterLink:visited, .letterOff {
	color: #5A82A5;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 3px;
	margin-right: 3px;			
	}

a.letterLink:hover {
	color: #000000;
	text-decoration: none;
	}

a.letterLinkOn:link, a.letterLinkOn:visited {
	color: #003366;
	text-decoration: none;
	font-weight: bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 3px;
	margin-right: 3px;		
	}

a.letterLinkOn:hover {
	color: #000000;
	text-decoration: none;
	}

.letterOff {
	color: #999999;
	cursor: help;
	}

/** miscellaneous styles **/
.small, .smalltext {
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
	}

.notice {
	color: #CC0000;
	font-weight: bold;
	}

.designation {
	color: #CC0000;
	}

.keyword {
	color: #336666;
	font-style: italic;
	font-weight: bold;
	}

.fieldName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	}

input.button { 
	cursor: pointer;
	}

.checkbox {
	cursor: pointer;
	}

/*****************************************************
Tables, Added 6-25-2006
*****************************************************/
table.toggleBox /* This is the outline round the main forum tables */
	{
    padding-top: 5px;
	}

/*****************************************************
Calendar Styles
*****************************************************/
.CalendarBorder {
	border: 1px solid #105e55;	
	}
	
td.CalendarHeader {
	background-image: URL("/webmgr8/templates/calendar/images/tile_header.gif");
	border-bottom: 1px solid #105e55;	
	}
	
p.CalendarHeader {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-weight: bold; 
	color: #0066cc;	
	background-image:   url(/webmgr8/templates/calendar/images/box_left_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 13px;
	font-size: 11px;
	margin: 0px;	
	}
	
.CalendarTable {
	background-color: #FFFFFF;	
	}
	
.Title{
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 18px; 
	color: #FFFFFF; 
	background-color: #003366;	
	}
	
.SubTitle {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-weight: bold; 
	font-size: 9px; 
	color: #FFFFFF; 
	background-color: #EEEEEE; 
	background-image: URL("/webmgr8/templates/calendar/images/tile_sub.gif");	
	}
	 
.CurrentMonth {
	font-weight: bold; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 11px; 
	color: #336699; 
	background-color: #CED7E7	
	}
	
a.CalendarLink:link, a.CalendarLink:visited, a.CalendarLink:hover {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #105e55; 
	text-decoration: none;	
	}
	
a.DateFont:link, a.DateFont:visited, a.DateFont:hover {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #105e55; 
	text-decoration: none;	
	}
	
a.DateFont:hover {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #105e55; 
	text-decoration: underline;	
	}
	
a.EventFont:link, a.EventFont:visited, a.EventFont:hover, .EventFont {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #105e55; 
	text-decoration: none;	
	}
	
a.PrevNextMonth:link, a.PrevNextMonth:visited, a.PrevNextMonth:hover, .PrevNextMonth {
	font-weight: bold; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 11px; 
	color: #606F79; 
	background-color: #E1E1E1; 
	font-size: 9px;
	text-decoration: none;	
	}
	
a.EventFont:hover, a.PrevNextMonth:hover, a.CalendarLink:hover {
	text-decoration: underline;	
	}
	
.HourColumn, .DayColumn, .DateColumn {
	background-color: #F5F5F5; 
	color: #105e55; 
	font-size: 9px;	
	}
	
.currentDay {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #FFFFFF; 
	background-color: #5A82A5;	
	}
	
.currentDayOff {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #003366; 
	background-color: #F5F5F5;	
	}
	
.PreviousNextMonthDay {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #C0C4C8; 
	background-color: #E4E8E8;	
	}
	
.HolidayFont {
	font-weight: normal; 
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	color: #417FBF; 
	background-color: #D8DDC6;	
	}
