/* MVC menu classes */

.clsContainer
{
	border-right-width: 1px !important;
	border-left-width: 1px !important;
	border-right-style: solid !important;
	border-left-style: solid !important;
	border-right-color: #FFFFFF !important;
	border-left-color: #FFFFFF !important;
}

.k-menu .k-item > .k-link
{
	border: none;
	padding: 0;
}
.k-popup
{
	border: none;
}

.av-menu-container
{
	margin: 0;
	padding: 0;
	background: #FFFFFF url(/images/tabs/337menuBg.gif);
}
.av-menu-container .av-item-top-level > .k-link
{
	margin: 3px 0;
	padding: 0 5px;
	CURSOR: hand;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	BORDER-Right: 1px solid #FFFFFF !important;
}

.av-item-top-level.k-state-hover > .k-link, .av-item-top-level.k-state-border-down > .k-link, .av-item-top-level.k-state-highlight > .k-link
{
	text-decoration: none;
	color: #86A5D6;
}
.av-menu-container .k-group
{
	margin-left: 0px !important;
	margin-top: 6px;
}
.k-menu .k-group
{
	box-shadow: none;
	border: none;
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #28238B;
}
.k-menu .k-group .k-item > .k-link
{
	padding: 0;
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	LINE-HEIGHT: 18px;
	font-weight: normal;
	color: #000000;
	display: block;
	background-color: #FFFFFF;
	font-size: 11px;
}

.k-group .k-item.k-state-hover > .k-link, .k-group .k-item.k-state-border-down > .k-link, .k-group .k-item.k-state-selected > .k-link
{
	BACKGROUND-COLOR: #28238B;
	font-weight: normal;
	color: #FFFFFF;
}

.k-menu .k-item > .k-link > .k-i-arrow-e
{
	background-image: url(/images/tabs/337arrowRight.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

/* End MVC menu classes */

/* home icon */

#homeIcon
{
	border: 0;
	margin-bottom: -1px;
	display:inline-block;
}


/* New Slide out Menu classes ===================================================================== */
/* Horizontal top menu class */
#slidemenubar 
{
	margin: 0;
	padding: 0;
	background:#FFFFFF url(/images/tabs/337menuBg.gif);
}

/* Menu Item in the top menu */	
#slidemenubar a 
{
	margin: 3px 0;
	padding: 0 5px;
	BORDER-Right: 1px solid #FFFFFF;
	CURSOR: hand;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	display: inline-block;
}

/* Selected or Hovered over Menu Item in top menu */
#slidemenubar a.active, #slidemenubar a:Hover 
{
	text-decoration: none;
	color: #86A5D6;
}

/* Don't modify except for margin-top which controls the space between dropdown menu and the main menu */
.slidemenuContainer
{
	position: absolute;
	overflow: hidden; 
	z-index: 10000;
	margin-top: 6px;
}

/* Don't modify */	
.slidemenu
{
	position: relative;
}

/* drop down menu container*/
.slidemenu .options 
{
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #28238B;
}
/* Item in the drop down menu */	
.slidemenu a 
{
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	LINE-HEIGHT: 18px;
	font-weight: normal;
	color: #000000;
	display:block;
	background-color: #FFFFFF;
	font-size: 11px;
}
/* more arrow for sub menus with children */
.slidemenu .more
{
	background-image: url(/images/tabs/337arrowRight.gif);
	background-position: center right;
	background-repeat:no-repeat; 
}

/* Mouseover effect for drop down menu items */
.slidemenu a:hover, .slidemenu a.menuActive 
{
  BACKGROUND-COLOR: #28238B;
  font-weight: normal;
	color: #FFFFFF;
}
/* End New Slide out menu classes ================================================================= */

/* style for MAIN NAV*/
A
{
    FONT-WEIGHT: bold;
    COLOR: #28238B;
    TEXT-DECORATION: none;
}
/* style for MAIN NAV ROLLOVER*/
A:hover
{
    COLOR: #28238B;
}
A:active
{
}
H1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #28238B;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: left;
	padding-top: 35px;
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #86A5D6;
    FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
    TEXT-ALIGN: left;
	padding-top: 20px;
}
H3
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #666666;
    FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
    TEXT-ALIGN: left;
	padding-top: 20px;
}
TD
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
DIV
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
P
{
    FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
INPUT
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
SELECT
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
TEXTAREA
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
BODY
{
	MARGIN: 0px;
	FONT-FAMILY: Arial, Helvetica;
    BACKGROUND: #999999;
}
BODY.clsLeftPane
{
    BACKGROUND-COLOR: #cccccc
}
.clsRadio
{
    FONT-SIZE: 11px
}
FORM
{
    MARGIN-BOTTOM: 0px
}
.clsEvent
{
    FONT-SIZE: 10px
}
.clsSignIn A
{
    COLOR: #e7e7e7;
    FONT-STYLE: italic
}
.clsFullMonth
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #28238B;
    TEXT-DECORATION: none
}
.clsCalCurrentDay
{
    BORDER-RIGHT: #d20d0d solid;
    BORDER-TOP: #d20d0d solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #d20d0d solid;
    BORDER-BOTTOM: #d20d0d solid
}
.clsCalDay
{
    FONT-SIZE: 13px
}
.clsCalDayNM
{
    FONT-SIZE: 13px;
    COLOR: #989898
}
.clsCalEvents
{
    FONT-SIZE: 13px;
    BACKGROUND-COLOR: #CCCCCC}
.clsCalHoliday
{
    FONT-SIZE: 13px;
    BACKGROUND-COLOR: #cccccc
}
.clsCalHoliday A
{
    FONT-SIZE: 13px;
    COLOR: #28238B
}
.clsCalText
{
    FONT-SIZE: 11px
}
.clsMenuActive A
{
    FONT-WEIGHT: bold;
    COLOR: #28238B
}
.clsMenuActive
{
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 2px;
    COLOR: #28238B;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
	FONT-FAMILY: Arial, Helvetica;
}
.clsMenu A
{
    FONT-WEIGHT: bold;
    COLOR: #28238B
	}
.clsMenu
{
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 2px;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
	FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
TABLE.clsPage
{
    BACKGROUND-COLOR: #FFFFFF
}
TABLE.clsPageMenu
{
}
TABLE.clsPageMenu TD
{
}
TABLE.clsPageMenu TD A
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #28238B}
TD.clsBodyItalic
{
    font-size: 12px;
    COLOR: #383838;
    FONT-STYLE: italic
}
.clsBodyText
{
    font-size: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica; 
}
.clsBodyText P
{
    font-size: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
}

.clsBodyText A
{
	COLOR: #28238B;
	FONT-FAMILY: Arial, Helvetica;
}
.clsBodyText A:hover
{
	COLOR: #28238B;
	FONT-FAMILY: Arial, Helvetica;
	text-decoration: underline;
}
.clsSmallText
{
    FONT-SIZE: 9px;
    COLOR: #28238B!important;
	FONT-FAMILY: Arial, Helvetica;
}
.clsMemberBar
{
    FONT-SIZE: 10px
}
TD.clsDMData
{
    FONT-SIZE: 11px
}
TD.clsDMDtlHeader
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 14px;
    FONT-STYLE: italic
}
TD.clsDMLabel
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 11px
}
.clsCaption
{
    FONT-WEIGHT: normal;
    font-size: 12px;
    COLOR: #686868
}
TD.clsGreyItalic
{
    font-size: 12px;
    COLOR: #686868;
    FONT-STYLE: italic
}
TD.clsGridDetail
{
    FONT-SIZE: 11px
}
TD.clsGridData
{
    FONT-SIZE: 11px
}
TD.clsGridHeader
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #28238B;
    TEXT-ALIGN: center
}
/* New popup header class w/o the padding - ts 3/16/04 */
.clsHeaderPopUp
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #28238B;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: left;
}
.clsHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #28238B;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: left;
	padding-top: 30px;
}
.clsHeader A
{
    COLOR: #28238B;
	}
.clsHeader A:hover
{
	COLOR: #28238B;
	text-decoration: underline;
}
.clsLine
{
    BACKGROUND-COLOR: #28238B}
.clsInstructions
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px
}
TD.clsLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px
}
.clsLeftPane
{
    BACKGROUND-COLOR: #FFFFFF
}
.clsNavLogoText
{
    PADDING-LEFT: 45px;
    PADDING-TOP: 20px
}
TD.clsLogoText
{
    PADDING-LEFT: 45px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 36px;
    BACKGROUND-IMAGE: url(/images/Home%20Yellow.jpg);
    COLOR: #e8e8e8;
    PADDING-TOP: 30px;
	FONT-FAMILY: Arial, Helvetica;
}
.clsMainPane
{
  height: 95%;
	PADDING-RIGHT: 50px;
	PADDING-LEFT: 50px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #ffffff;
}
TD.clsWebLink
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #28238B;
	FONT-FAMILY: Arial, Helvetica;
}
TD.clsWebLink A
{
    COLOR: #28238B}
TD.clsWebLinkHdr
{
    FONT-WEIGHT: 800;
    font-size: 12px;
    COLOR: #28238B;
	FONT-FAMILY: Arial, Helvetica;
}
TD.clsWebLinkHdr A
{
    COLOR: #28238B
}

.clsButton
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.clsButton A
{
	padding-left: 4px;
	background: #CCCCCC;
	FONT-WEIGHT: bold;
	font-size: 12px;
	COLOR: #28238B;
	TEXT-DECORATION: none;
	border: white 2px outset;
}
.clsButton A:hover
{
	padding-left: 4px;
	border-right: white 2px outset;
	border-top: white 2px outset;
	background: #FFFFFF;
	border-left: white 2px outset;
	border-bottom: white 2px outset;
}
.clsTabs
{
    BORDER-RIGHT: #e8e8e8 2px outset;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #e8e8e8 2px outset;
    BORDER-BOTTOM: #e8e8e8 2px inset
}
.clsTab
{
    BORDER-RIGHT: #e8e8e8 2px solid;
    BORDER-TOP: #e8e8e8 2px outset;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #989898;
    BORDER-BOTTOM: #e8e8e8 2px inset;
    BACKGROUND-COLOR: #003700
}
.clsBlankTab
{
    BORDER-BOTTOM: #e8e8e8 2px inset
}
.clsTabSel
{
    BORDER-RIGHT: #e8e8e8 4px outset;
    BORDER-TOP: #e8e8e8 2px outset;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #fce97c;
    BACKGROUND-COLOR: #28238B
}
.clsTab A
{
    font-size: 12px;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTab A:active
{
    font-size: 12px;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTabSel A
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #fce97c;
    TEXT-DECORATION: none
}
.clsDMAddress
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 14px
}
.clsDMHeader
{
	FONT-WEIGHT: 600;
	FONT-SIZE: 13px;
}
.clsDMNotSpecified
{
    font-size: 12px;
    COLOR: #c0c0c0;
    FONT-STYLE: italic
}
.clsError
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #28238B
}
.clsSuccess
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #339966
}
.clsError A
{
    COLOR: #0000ff
}
.clsNoHeader
{
    BACKGROUND-COLOR: #fafae9
}
.clsSmall
{
    FONT-SIZE: 9px;
    COLOR: #999999!important;
	FONT-FAMILY:Verdana;
}
.clsSmall A
{
    FONT-SIZE: 9px;
    COLOR: #999999!important;
	FONT-FAMILY:Verdana;
}
.clsSmall A:hover
{
	FONT-SIZE: 9px;
	COLOR: #999999!important;
	FONT-FAMILY:Verdana;
	text-decoration: underline;
}
.PreviewPane
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove
}
.PreviewHeader
{
    BACKGROUND-COLOR: #28238B
}
.tbButtonActive
{
    BORDER-RIGHT: 2px inset;
    BORDER-TOP: 2px inset;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BORDER-LEFT: 2px inset;
    COLOR: white;
    BORDER-BOTTOM: 2px inset;
	FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #e9e5dd
}
.tbButtonInactive
{
    BORDER-RIGHT: #d3d3d3 2px solid;
    BORDER-TOP: #d3d3d3 2px solid;
    BORDER-LEFT: #d3d3d3 2px solid;
    BORDER-BOTTOM: #d3d3d3 2px solid;
    BACKGROUND-COLOR: #d3d3d3
}
.tbWrapper
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    BORDER-LEFT: thin outset;
    BORDER-BOTTOM: thin outset;
    BACKGROUND-COLOR: #d3d3d3
}
.tbButtonOver
{
    BORDER-RIGHT: white 2px outset;
    BORDER-TOP: white 2px outset;
    BORDER-LEFT: white 2px outset;
    BORDER-BOTTOM: white 2px outset;
    BACKGROUND-COLOR: #d3d3d3
}
#elfader
{
    VISIBILITY: hidden;
    WIDTH: 100px;
    POSITION: relative
}
.clsLabelMand
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px
}
.clsCopyright
{
    COLOR: #e8e8e8
}
.clsCopyright A
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 9px;
    COLOR: #e8e8e8
}
.clsFader
{
	background:#86A5D6;
	font-size: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: Left;
	Padding-top: 4px;
	Padding-Left: 5px;
	font-weight: bold;
}
.clsFader A
{
	FONT-FAMILY: Arial, Helvetica;
    COLOR: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.clsFader A:hover
{
	FONT-FAMILY: Arial, Helvetica;
	COLOR: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
.clsTopSignIn
{
    BACKGROUND: #28238B;
}
.clsTopLogoImage
{
    BACKGROUND-COLOR: #FFFFFF;
}
.clsLogoImage
{
    BACKGROUND-COLOR: #FFFFFF;
}
.clsTree
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    line-height 85: 
}
.clsTreeNde
{
    COLOR: black;
    font-size: 12px;
}
.clsTreeNdeActive
{
    COLOR: white;
    BACKGROUND-COLOR: navy;
}
TD.clsLogoImageText
{
    PADDING-LEFT: 1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 36px;
    VERTICAL-ALIGN: middle;
    COLOR: #e8e8e8;
	FONT-FAMILY: Arial, Helvetica;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #FFFFFF
}
.clsCalCurrentDay
{
    FONT-SIZE: 13px;
    COLOR: #d20d0d
}
.clsContainer
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.clsFooter
{
	background-color: #FFFFFF;
}