/* Background Color: #003f84 */

/* STANDARD TAGS */
table {
   font-size: 1em;
   border: 0;
   padding: 0px 0px 0px 0px;
}

h1, .Head {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   color: #003f84;
}

h2, .Head2 {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #003f84;
}

h3, .Head3, h4, .Head4 {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #003f84;
}

hr {
   color: DimGrey;
   height:1pt;
   text-align:left
}

a {
   text-decoration: none;
   color: DarkRed;
}

a:active {
   color: DarkRed;
}

a:hover {
   text-decoration: underline;
   color: Red;
}

a:link {
   text-decoration: none;
   color: DarkRed;
}

a:visited {
   color: DarkRed;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
body {
   background-color: WhiteSmoke;
   margin: 0px 0px 0px 0px;
}

body.Dialog {
   background-color: WhiteSmoke; /* Gainsboro; */
   margin: 0px 0px 0px 0px;
}

.HeadBg {
   background-color: White;
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
   font-family: Verdana Bold, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   color: White;
}

.PortalSelect {
   height: 22px;
   margin: 2px 5px 0px 5px;
   padding: 2px 5px 0px 5px;
}

.PortalSelectHover {
   background-color: Gainsboro;
   height: 22px;
   margin: 2px 5px 0px 5px;
   padding: 2px 5px 0px 5px;
}

/* background/border colors for the selected tab */
.TabBg {
   background-color: #eeeeee;
   border-color: #eeeeee;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
   background-color: #eeeeee;
   border-color: #eeeeee;
}

/* text style for the selected tab */
.SelectedTab {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: bottom;
   height: 22px;
   background-image: url(Images/TabBacking.gif);
   background-position: 100% -150px;
   border-left: solid 1px #023765;
   color: #0B4A80;
   cursor: hand;
   text-decoration: none;  
   margin: 0px 1px -2px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

A.SelectedTab:hover {
   text-decoration: none;
   background-image: url(Images/TabBacking.gif);
   background-position: 100% -300px;
   border-left: solid 1px #023765;
   cursor: hand;
   margin: 0px 1px -2px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

/* text style for the unselected tabs */
.OtherTabs {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: bottom;
   height: 22px;
   background-image: url(Images/TabBacking.gif);
   background-position: top right;
   border-left: solid 1px #023765;
   border-bottom: solid 1px #023765;
   color: #F1F6FA;
   cursor: default;
   text-decoration: none;  
   margin: 0px 1px -2px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

A.OtherTabs:active {
   text-decoration: none;
   color: #eeeeee;
}

A.OtherTabs:link {
   text-decoration: none;
   color: #eeeeee;
}

A.OtherTabs:visited {
   text-decoration: none;
   color: #eeeeee;
}

A.OtherTabs:hover {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: bottom;
   height: 22px;
   color: White; /* #003f84; */
   background-image: url(Images/TabBacking.gif);
   background-position: 100% -300px;
   border-left: solid 1px #023765;
   border-bottom: solid 1px #023765;
   cursor: hand;
   text-decoration: none;  
   margin: 0px 1px -2px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: White;
}   

/* hyperlink style for the site links */
A.SiteLink:active {
   text-decoration: none;
   color: White;
}

A.SiteLink:hover {
   text-decoration: none; /* underline; */
   color: Red; /* White; */
}

A.SiteLink:link {
   text-decoration: none;
   color: White;
}

A.SiteLink:visited {
   text-decoration: none;
   color: White;
}

/* ANNOUNCEMENTS MODULE */
/* style of item titles by Announcements and events */
.ItemTitle {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: darkred;
}

/* GENERAL */
/* styles for dialog */
.DialogHeader {
   background-image: url(Images/ModuleTitle.gif);
   background-repeat: repeat-x;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   font-style: italic;
   color: White;
   padding: 7px 5px 5px 5px;
}

.DialogFooter {
   border-top: groove thin;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: Red;
   padding: 5px 5px 5px 5px;
}

/* style of item titles on edit and admin pages */
.Label {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}

.LabelRequired {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: Black;
}

/* text style used for most text rendered by modules */
.Normal {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
}

.Input {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
}

.InputRO { 
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   background-color: Gainsboro;
}

.WebDing {
   font-family: WebDings;
   font-size: 11px;
   font-weight: normal;
}

.Copyright {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: DarkGray;
}

.Validator {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: red;
}

table.SectionHeader, tr.SectionHeader, td.SectionHeader, .SectionHeader {
   border-bottom: solid 1px #bababa;
   color:#666666; 
   font-weight: bold;
   padding: 0px 0px 0px 0px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}

/* text style for buttons and link buttons used in the portal admin pages */
.LinkButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
}

.CommandButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-image: url(Images/HeaderSpacer.gif);
   color: White;
   cursor: hand;
   width: 120px;
   height: 22px;
   border: solid 1px #73c9ff;
}

.DialogButton {
   display: none;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-image: url(Images/HeaderSpacer.gif);
   color: White;
   cursor: hand;
   width: 120px;
   height: 22px;
   border: solid 1px #73c9ff;
}

.ImageButton {
   border: 2px solid transparent;
}

.ImageButtonHover {
   border: 2px outset White;
   background-image: url(Images/HeaderSpacer-Hover.gif);
}

.IntegraButton {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-image: url(Images/HeaderSpacer.gif);
   color: White;
   cursor: hand;
   width: 120px;
   height: 24px;
   border: solid 1px #73c9ff;
   text-align: center;
}

.IntegraButton a, .IntegraButton a:visited, .IntegraButton a:link {
   color: White;
   width: 100%;
   height: 100%;
   padding-top: 2px;
   line-height: 16px;
   text-decoration: none;
}

.IntegraButton a:hover {
   background-image: url(Images/HeaderSpacer-Hover.gif);
   color: White;
   text-decoration: none;
   width: 100%;
   height: 100%;
   padding-top: 2px;
   line-height: 16px;
}

.IntegraButton img {
   border: 0px;
   vertical-align: middle;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:active, A.CommandButton:hover, A.CommandButton:link, A.CommandButton:visited {
   text-decoration: underline;
   color: White;
}

/* CALENDAR MODULE */
.CalendarHeading {
   color: White;
   font-family: Tahoma, Arial;
   font-weight: bold;
   font-size: 9pt;
   background-color: #AA0000;
   text-align: center;
}

.CalendarCell {
   color: Black;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   text-align: left;
   vertical-align: top;
}

.CalendarCellToday {
   color: Black;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   background-color: Yellow;
   border: solid 1px #A9B7D4;
   text-align: left;
   vertical-align: top;
}

.CalendarCellOtherDays {
   color: Black;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   background-color: #CCCCCC;
   text-align: left;
   vertical-align: top;
}

.CalendarCellWithItems {
   color: darkred;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   font-weight: bold;
   text-align: left;
   vertical-align: top;
}

.CalendarCellTodayWithItems {
   color: darkred;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   font-weight: bold;
   background-color: Yellow;
   border: solid 1px #A9B7D4;
   text-align: left;
   vertical-align: top;
}

.CalendarCellOtherDaysWithItems {
   color: darkred;
   font-family: Tahoma, Arial;
   font-size: 8pt;
   font-weight: bold;
   background-color: #CCCCCC;
   text-align: left;
   vertical-align: top;
}

.CalendarTitle {
   font-size: 12pt;
   font-family: Tahoma;
   font-weight:bold;
   height: 20px;
   background-image: url(Images/HeaderSpacer.gif);
}

/* DATEBOX CONTROL DROP CALENDAR */
.CalendarWeekday {
   color: Black;
   background-color: White;
   font-family: Verdana,Helvetica,Tahoma,Arial;
   font-size: XX-Small;
}

.CalendarWeekend {
   color: Black;
   background-color: LightGrey;
   font-family: Verdana,Helvetica,Tahoma,Arial;
   font-size: XX-Small;
}

.CalendarOffMonth {
   color: Gray;
   background-color: AntiqueWhite;
   font-family: Verdana,Helvetica,Tahoma,Arial;
   font-size: XX-Small;
}

.CalendarWeekday a:hover, .CalendarWeekend a:hover, .CalendarOffMonth a:hover {
   color: White;
   background-color: #003f84;
   text-decoration: none;
}

.CalendarSelected {
   color: Black;
   background-color: LightBlue; /* #003f84; */
   font-family: Verdana,Helvetica,Tahoma,Arial;
   font-size: XX-Small;
}

.CalendarMonthHead {
   color: White;
   background-color: #003f84;
   font-family: Verdana,Helvetica,Tahoma,Arial;
   font-size: XX-Small;
}

.CalendarMonthHead a, .CalendarMonthHead a:hover {
   color: White;
   text-decoration: none;
}

.CalendarSelected a, .CalendarSelected a:hover {
   color: Black;
   text-decoration: none;
}

.CalendarDayHead {
   color: White;
   background-color: #003f84;
   font-family: Verdana,Helvetica,Tahoma,Arial;
   font-size: XX-Small;
}

/* COMBOBOX CONTROL */
.ComboPanel {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 12px;
   color: Black;
   background-color: #EFEFEF;
}

.ComboHeader {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #EFEFEF;
    background-color: #003f84;
}

.ComboItem {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color:Black;
}

.ComboAltItem {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    background-color: White;
}

.ComboSelItem {
    background-color: #efe7d6;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    cursor: hand;
}

.ComboFooter {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #EFEFEF;
    background-color: #003f84;
}

/* GRIDLIST CONTROL */
/* Grid styles */
.GridClass {
   border: solid 1px #868686;
   /* border: solid 1px #EFD6C6; */
   padding: 1;
}

.GridHeader {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: Black;
   background-image: url(Images/GridTitleBG.gif);
   background-position: bottom;
   height: 18px;
   padding-bottom: 3px;
}

.GridItem {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   padding-bottom: 3px;
   background-image: url(Images/GridItemBG.gif);
   background-position: bottom;
}

.GridAltItem {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   padding-bottom: 3px;
   background-image: url(Images/GridItemBGalt.gif);
   background-position: bottom;
}

.GridSelItem {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   padding-bottom: 3px;
   background-image: url(Images/HeaderSpacer-Hover.gif);
   color: White;
}

.GridEditItem {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding-bottom: 3px;
}

.GridEditItemRO {
   background-color: Gainsboro;
}

.GridCaption {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: Bold;
   color: #666644;
}

.GridLink {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold
}

.GridGroupHeader {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: Black;
   background-image: url(Images/GridTitleBG.gif);
   background-position: bottom;
   height: 18px;
   padding-bottom: 3px;
}

.GridPager {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
}

.GridFooter {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   background-image: url(Images/GridTitleBG.gif);
   background-position: bottom;
   height: 18px;
   padding-bottom: 3px;
}

.GridValidator {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: red
}

/* TABBEDPANEL CONTROL */
.TabbedPanelBody {
   padding: 5px 5px 5px 5px;
   background-color: White;
   border: solid 1px Black;
}

.TabbedPanelBodySmoke {
   padding: 5px 5px 5px 5px;
   background-color: White;
   border: solid 1px Black;
}

/* text style for the selected tab */
.TabbedPanelSelected {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   height: 20px;
   background-color: White;
   border-left: solid 1px #023765;
   border-right: solid 1px #023765;
   border-top: solid 1px #666666;
   color: #980000;
   cursor: hand;
   text-decoration: none;  
   margin: 0px 2px -2px 0px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

/* hyperlink styles of the selected tab */
A.TabbedPanelSelected:hover {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   height: 20px;
   border-left: solid 1px #023765;
   cursor: hand;
   margin: 0px 2px -2px 0px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

A.TabbedPanelSelected:active  {
   text-decoration: none;
   color: #980000;
}

A.TabbedPanelSelected:link {
   text-decoration: none;
   color: #980000;
}

A.TabbedPanelSelected:visited {
   text-decoration: none;
   color: #980000;
}

/* text style for the unselected tabs */
.TabbedPanelOther {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   vertical-align: bottom;
   height: 24px;
   /* background-position: top right; */
   background-color: Gainsboro;
   border: solid 1px #023765;
   color: #980000;
   cursor: default;
   text-decoration: none;  
   margin: 0px 2px -1px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

/* hyperlink styles of the unselected tabs */
A.TabbedPanelOther:hover {
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   font-style: normal;
   font-weight: bold;
   color: #003f84;
   vertical-align: bottom;
   height: 22px;
   background-color: White;
   border-left: solid 1px #023765;
   border-bottom: solid 1px #023765;
   border-top: solid 2px #003f84;
   cursor: hand;
   text-decoration: none;  
   margin: -1px 2px -1px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

A.TabbedPanelOther:active  {
   text-decoration: none;
   color: #003f84;
}

A.TabbedPanelOther:link {
   text-decoration: none;
   color: #003f84;
}

A.TabbedPanelOther:visited {
   text-decoration: none;
   color: #003f84;
}

/* POPUP MENU CONTROL */
.menuBar a.menuButton, div.menu a.menuItem {
   font-family: Verdana, Arial, sans-serif;
   font-size: .70em;
   font-style: normal;
   font-weight: normal;
   color: White;
}

.menuBar {
   height: 22px;
   font-size: .7em;
   text-align: left;
   padding-left: 18px;
}

.menuBar a.menuButton {
   height: 22px;
   border-left: solid 1px #023765;
   color: #F1F6FA;
   cursor: default;
   text-decoration: none;  
   margin: 0px 1px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

.menuBar a.menuButton:hover{
   height: 22px;
   color: #0B4A80;
   border-left: solid 1px #023765;
   cursor: hand;
   text-decoration: none;  
   margin: 0px 1px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

.menuBar a.menuButtonActive{
   border-left: solid 1px #023765;
   border-color: #023765 White White #023765;
   color: #0B4A80;
   cursor: hand;
}

.menuBar a.menuButtonSelected{
   height: 22px;
   color: #0B4A80;
   border-left: solid 1px #023765;
   cursor: hand;
   text-decoration: none;  
   margin: 0px 1px;
   padding: 4px 13px 4px 10px;
   position: relative;
   z-index: 100;
}

div.menu {
   background-color: #DCEAF5;
   border: solid 1px #023765;
   padding: 0px 1px;
   visibility: hidden;  
   position: absolute;
   z-index: 101;
}

div.menu a.menuItem {
   color: #0B4A80;
   cursor: hand;
   display: block;
   padding: 0px 1em;
   text-decoration: none;
   white-space: nowrap;
   border-top: solid 1px White;
   border-bottom: solid 1px #7098BC;
   font-weight: bold;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
   background-image: url(Images/HeaderSpacer.gif);
   color: White;
   cursor: hand;
   text-decoration: none;
}

div.menu a.menuItem span.menuItemText {
   cursor: hand;
}

div.menu a.menuItem span.menuItemArrow {
   margin-right: -.75em;
}

div.menu div.menuItemSep {
   border-top: solid 0px #909090;
   border-bottom: solid 0px #909090; /* #f0f0f0; */
   margin: 4px 2px;
}

/* COLLAPSIBLEPANEL CONTROL */
TABLE.CPanel {
   background-color: White;
   border: solid 1px DarkGray; /* #A9B7D4; */
}

/* Portal-specific for CollapsiblePanel */
.PortalPanelTitleRow {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: White;
   background-image: url(Images/ModuleTitle.gif);
   height: 24px;
}

.PortalPanelTitle {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: White;
}

A.PortalPanelLink, A.PortalPanelLink:hover, A.PortalPanelLink:link, A.PortalPanelLink:visited, A.PortalPanelLink:active {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: White;
}

/* DROPWINDOW CONTROL */
.DropWindow {
   background-color: White;
   border: inset 2px silver;
}