/* ================================
    CSS STYLES FOR PATROL ONE INTRANET
    v1.0, 09/2003
   ================================
*/   
:root {
  -webkit-print-color-adjust: exact;
  scroll-behavior: smooth;
}

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: black;
}

.TitleBg 
{
	background-color: Black;
	background-repeat: no-repeat;
}

/* background color for the content part of the pages */
Body
{
    background-color: #f5f5f5;
}

.STSBackground
{
	background-color: White;
}

.TightGraphics 
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 0;
    font-weight: normal;
    line-height: 0;
}

/* TimeAttendance Specific */
.TAPage
{
	background-color: White;
}

.TAHead
{
	font-family: Trebuchet MS;
	font-weight: normal;
	color: Blue;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 2px;
}

.TASubHead
{
	font-family: Trebuchet MS;
	font-weight: normal;
	color: #282828;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	border-bottom: solid 1px blue;
}

.TAModuleHead
{
	font-family: Trebuchet MS;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	width: 370px;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
}

.TAModuleBlue
{
	border: solid 1px #282828;
	background-color: #c0c0fc;
}

.TAModuleGreen
{
	border: solid 1px #282828;
	background-color: #c7fcc0;
}

.TANormal
{
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
	color: Black;
}

.TAItemText
{
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	line-height: 13px;
}


A:link.TA
{
	font-size: 13px;
	font-weight: normal;
	font-family: Trebuchet MS;
	line-height: 15px;
	letter-spacing: 1px;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
}

A:hover.TA
{
	text-decoration: underline;
	color: #dcdcdc;
}

.TAGoButton
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 50px;
	width: 52px;
	border: none 0 white;
}

.TAGoButtonSmall
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 35px;
	width: 35px;
	border: none 0 white;
}

.TANormalTextBox
{
	font-family: Trebuchet MS;
	color: white;
	font-weight: bold;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	border-style: groove;
	background-color: black;
	vertical-align: middle;
}

.TAError
{
	font-family: Trebuchet MS;
	font-weight: bold;
	color: Red;
	font-size: 13px;
	line-height: 13px;
}

.TA2RowPanel
{
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: normal;
	font-family: Trebuchet MS;
	height: 50px;
	width: 350px;
	margin-left: 10px;
	margin-right: 10px;
	letter-spacing: 1px;
	color: #ffffff;
	border-bottom: solid 5px transparent;
}


.TA2RowCategory
{
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: normal;
	font-family: Trebuchet MS;
	height: 50px;
	width: 298px;
	padding-left: 10px;
	padding-right: 30px;
	letter-spacing: 1px;
	color: #ffffff;
}

.TA2RowItem
{
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: normal;
	font-family: Trebuchet MS;
	height: 50px;
	width: 298px;
	padding-left: 10px;
	padding-right: 30px;
	letter-spacing: 1px;
	color: #ffffff;
}

.TAButton100
{
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 100px;
}

.TAButton210
{
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 210px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 13px;
	line-height: 35px;
	vertical-align: middle;
}

.TAButton5
{
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 5px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 11px;
}

/* 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: Blade Runner Movie Font, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #dcdcdc
}

/* background/border colors for the selected tab */
.TabBg 
{
    background-image: url(Images/New1BlackBar.gif);
    border-color: #787878;
    padding: 0px 2px 0px 2px;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    
    background-image: url(Images/New1GreyBar.gif);
    border-color: #787878;
    padding: 0px 2px 0px 2px;
}

/* background gradients for the edit tools */
.ToolBg 
{
	background-image: url(images/gradebg.gif);
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:#dcdcdc;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:#dcdcdc;
    text-decoration:none;
    font-weight: bold;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

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

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

A.OtherTabs:hover   
{
    text-decoration: underline;
    color:white;
}
    
/* 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
}   

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

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

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

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}

/* style used for Hotfix alerts */
.HFAlert
{
	color: Red;
	font-weight: bold;
	text-decoration: blink;
	font-family: Arial;
	font-size: 30px;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

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

/* text syle used for SACK child posts */
.Child
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px
}

/*ASPX Safelist Calendar styles */
.SLDateText
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 9px;
	color: Black;
}

.SLAdditionalText
{
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	line-height: 9px;
	color: White;
}

.SLCalendarImage
{
	background-repeat: no-repeat;
	z-index: 101;
}


/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style for left/right column headers */
.SemiHead 
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666644;
}

/* style of subject section titles on edit and admin pages */
.AltHead	
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f8f8ff;
}

/* style of sub-section titles on accounting pages */
.ActHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8b0000;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8b0000;
}

/* style of item titles in sub-sections on edit and admin pages */
.AltSubHead 
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #dcdcdc;
}

/* style of item sub-titles on accounting pages */
.ActSubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666644
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

.SectionHead
{
	font-family: Arial;
	color: Black;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 2px;
}

.SectionSubHead
{
	font-family: Arial;
	color: Black;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
}

.MegaHead
{
	font-family: Arial;
	font-weight: bold;
	font-size: 56px;
	color: Black;
}

.ConfirmationNumber
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 56px;
	color: Black;
}

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

.Normal2
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
}

.EVNormal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
}

.EVNormalWhite
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    color: White;
}

.EVSmallWhite
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 20px;
    color: White;
}

/* text style used for tight spaces rendered by employee schedules */
.NormalSmall
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
}

.NormalSmallBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
}

.NormalTBList
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

.NormalTBSpaced
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

/* text style used for most text with background colors */
.AltNormal
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #dcdcdc;
}

.AltMid
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: White;
}

/* text style used for descriptive text under textboxes in some forms */
.MiniNormal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 9px;
	color: Black;
}

.MiniNormalWhite
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 9px;
	color: White;
}

/* text style used for header text in some DataGrids */
.MiniBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 9px;
	color: Black;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* text style used for texboxes which need extra attention */
.NormalTextBoxBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

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

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

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

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

.NormalLinkBlack
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}

.NormalBoldLinkBlack
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: Black;
}

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

.NormalWhiteNB
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: White;
	line-height: 15px;
	letter-spacing: 1px;
}

.NormalWhite2
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	line-height: 20px;
	vertical-align: middle;
}

.EVTextBox
{
	font-family: Verdana,  Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}

.EVBG
{
	background-repeat: no-repeat;
	background-position: left top;
}

.NormalWhiteArial
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: White;
}

/* text styles used for the Parking Permit program */
.PPSectionHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
}

/* test styles used for DataGrids */
.GridHeader
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: activecaption;
}
.GridPager
{
	color: black;
	background-color: #ffffff;
	text-align: center;
}
.GridSelectedItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight:bold;
	color:activecaption; 
	background-color:#dcdcdc;
	}
.GridItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: Black;
	background-color: #ffffff;
	line-height: 12px;
}

.GridAlternatingItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: Black;
	background-color: #e6e6e6;
	line-height: 12px;
}

.ListHeaderTableFlat
{
    background-color: #505050;
    border: none;
}

.ListHeaderCellFlat
{
    background-color: #894e03;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: White;
    line-height: 16px;
    vertical-align: bottom;
    text-indent: 4px;
    margin: 0px 0px 0px 4px;
}

.ListFlat
{
    margin: 0px 0px 0px 0px;
    border: none 0px white;
    padding: 0px 0px 0px 0px;
    background-color: Green;
}

.ListSeparatorFlat
{
    height: 0px;
    border: none 0px white;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.ListTableFlat
{
    border-left: solid 1px #505050;
}

.ListCellFlat
{
    background-color: #f5f5f5;
    font-family: Arial;
    font-size: 12px;
    line-height: 22px;
    text-indent: 4px;
    margin: 2px 2px 2px 2px;
    border-bottom: solid 1px #505050;
    border-right: solid 1px #505050;
}

.ListAlternatingCellFlat
{
    background-color: #e6e6e6;
    font-family: Arial;
    font-size: 12px;
    line-height: 24px;
    text-indent: 4px;
    margin: 2px 2px 2px 2px;
    border-bottom: solid 1px #505050;
    border-right: solid 1px #505050;
}

.ListSelectedCellFlat
{
    background-color: #6ba4c3;
    font-family: Arial;
    font-size: 12px;
    line-height: 24px;
    text-indent: 4px;
    margin: 2px 2px 2px 2px;
    border-bottom: solid 1px #505050;
    border-right: solid 1px #505050;
}

.ListSubItem
{
    background-color: #b4e2fa;
    font-family: Arial;
    border-bottom: solid 1px #505050;
    border-right: solid 1px #505050;
}

.GridFlat
{
    background-color: white;
    border: solid 1px #505050;
}

.GridHeaderFlat
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background-color: #894e03;
	line-height: 16px;
	vertical-align: bottom;
	text-indent: 4px;
	margin: 0px 4px 0px 4px;
}

.GridPagerFlat
{
	color: black;
	background-color: #ffffff;
	text-align: center;
}

.GridSelectedItemFlat
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	background-color:#144479;
	letter-spacing: normal;
	text-indent: 4px;
	height: 24px;
}
	
.GridItemFlat
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: black;
	background-color: #f5f5f5;
	letter-spacing: normal;
	text-indent: 4px;
	height: 24px;
}

.GridAlternatingItemFlat
{
    font-family: Arial;
    font-size: 12px;
    color: black;
    background-color: #e6e6e6;
    letter-spacing: normal;
    line-height: 14px;
    text-indent: 4px;
    height: 24px;
}

.GridItemFlatHidden
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: white;
	background-color: black;
	letter-spacing: normal;
	text-indent: 4px;
	height: 24px;
}

.GridItemFlat:hover
{
    background-color: #d3fdd3;
}

.GridBreak
{
    background-color: #111111;
}

.GridAlternatingItemFlat:hover
{
    background-color: #d3fdd3;
}

.GridButtonFlat
{
    cursor: auto;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #8b0000;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #8b0000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #8b0000;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}

/* MODULAR EV STYLES */
.EVHead
{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	color: Black;
	vertical-align: middle;
}

.EVMViolationTitle
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	color: White;
	background-image: url("Images/EVTitleBG.gif");
}

.EVMViolationTitleSmall
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	color: White;
}

.EVMViolationTitleSmaller
{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	color: White;
}

.EVMHeadGrey
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	color: White;
	background-image: url("Images/EVGreyBG.gif");
}

.EVMEnforcementPolicy
{
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	color: White;
	background-image: url("Images/EVETBG.gif");
}

.EVMOverrideSafelist
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: white;
}

.EVMITWindows
{
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	color: White;
}

.EVMViolationDetail
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    height: 30px;
    vertical-align: middle;
    background-color: White;
}

.EVMViolationDetailText
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    vertical-align: middle;
    background-color: White;
}

.EVMButtons
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    height: 15px;
}

.EVMTitleButtons
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    height: 20px;
}

.EVMT
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: White;
    line-height: 15px;
    vertical-align: middle;
}

.EVTSmall
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 9px;
	line-height: 11px;
	color: Black;
	font-weight: normal;
	vertical-align: middle;	
}
    
/* PRINtable REPORT STYLES */
/* text style for report headers */
.ReportRed
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: red;
}

.ReportMegaHead
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 36px;
	font-weight: bold;
	color: Black;
	line-height: normal;
}

.ReportTitleHead
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: Black;
}

.ReportSemiHead
{
	font-family: Verdana, Helvetica, Sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: Black;
}

.ReportSemiHeadNB
{
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: Normal;
	color: Black;
}

.ReportHead {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 16px;
	font-weight: normal;
	color: black;
}

.ReportAltHead
{
	font-family: Verdana, Helvetica, Sans-Serfi;
	font-size: 16px;
	font-weight: bold;
	color: White;
}

.ReportGreyHead
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #dcdcdc;
}

.ReportDarkGreyhead
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #696969;
}

.ReportColumnHead
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}

.EVReportColumnHead
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	color: Black;
}

.ReportColumnHeadWhite
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: White;
}

.ReportColumnHeadNB
{
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: Black;
}

.ReportColumnHeadNBOrange
{
	font-family: Arial Narrow;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	color: Black;
}

.ReportColumnAltHead
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #666644;
}

/* Module Container Styles */
.ModuleContainerHead
{
	font-family: Arial;
	color: Black;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
}

/* GENERIC */
/*
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #8b0000;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #8b0000;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8b0000;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #8b0000;
}
    */
TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #8b0000;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #8b0000;
}

.srollover
{
	background-repeat:repeat;
	background-image: url(~/Images/delete.gif);
}

.srollover:hover
{
	background-image: url(../Images/edit.gif);
}

A:link  {
    text-decoration:    none;
    color:  #8b0000;
}

A:visited   {
    text-decoration:    none;
    color:  #8b0000;
}

A:active    {
    text-decoration:    none;
    color:  #8b0000;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type: disc;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: #696969;
    height:1pt;
    text-align:left
}

.ratingStar {font-size: 0px; width: 20px; height: 20px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;}

.starEmpty {background-image: url(Images/starEmpty.gif); width: 20px; height: 20px;}

.starFilled {background-image: url(Images/starFilled.gif); width: 20px; height: 20px;}

.starWaiting {background-image: url(Images/starWaiting.gif); width: 20px; height: 20px;}

/* New DE Console Styles */
.DENormal
{
	font-family: Verdana,  Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	vertical-align: text-bottom;
	color: White;
}

.DETabText
{
	font-family: Verdana,  Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	vertical-align: text-bottom;
	color: White;
	padding-left: 2px;
	padding-right: 2px;
}

.DETitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: White;
	letter-spacing: 1px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #3c3c3c;
	background-image: url(Images/DETitleBG.gif);
}

.DESubTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	line-height: 25px;
	font-weight: normal;
	color: White;
	letter-spacing: 1px;
	padding-left: 2px;
	padding-right: 2px;
	height: 35px;
	background-color: #3c3c3c;
}

.DETabL
{
	background-image: url(Images/DETabL.gif);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px, 0px, 0px, 0px;
	padding: 0px;
}

.DETabR
{
	background-image: url(Images/DETabR.gif);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px, 0px, 0px, 0px;
	padding: 0px;
}

.popupControl
{
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground
{
	background-color: Gray;
	filter: opacity(70px);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 500px;
}

.DDLFlat
{
	font-size: 8px;
	font-weight: normal;
	font-family: Arial;
	border: none 0px;
	background-color: white;
	color: black;
}

.DLHeader
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #f0f0f0;
    background-color: #334464;
}

.HDTitle
{
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color:Blue;
}

.HDSummary
{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #282828;
}

.HDKeywords
{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #8c8c8c;
}

.HDBody
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: Black;
}

.HDFooter
{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #8c8c8c;
}

.NewTB
{
    background-color: white;
	border-color: #b4b4b4;
	border-width: 1px;
	border-style:solid;
    padding: 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #282828;
}

.DEPTBG
{
    background-color: #696969;
    color: black;
}

.DEPTCell
{
    background-color: white;
    font-size: 10px;
    outline-color: #696969;
    outline-style: solid;
    outline-width: 1px;
}

.HD1
{
    font-size: 16px;
    font-weight: normal;
    background-color: #dcdcdc;
    padding-left: 10px;
    padding-right: 50px;
    line-height: 24px;
    color: Blue;
    border: solid 1px #141414;
}

.HD2
{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    border: solid 1px #8c8c8c;
    background-color: #e6e6e6;
    padding-left: 2px;
    padding-right: 4px;
}

.HDLI1
{
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: blue;
}

.HDTab
{
    padding-left: 10px;
}

.SectionHead6
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #6675af;
}

.SectionHead7
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
    background-image: url(Images/OCATTTitle.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 10px;
}

.FormButton
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-image: url(Images/FormButtonBlack.gif);
	border: solid 1px #8c8c8c;
	height: 24px;
	color: #fe8a44;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	display: table-cell;
	text-align: center;
}

.FormButton:hover
{
	background-image: url(Images/FormButtonBlue.gif);
}

.FormButtonFlat
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px #8c8c8c;
	height: 24px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.FormButtonFlat:hover
{
	background-color: #ebebeb;
	color: Black;
	
}

.FormButtonFlatMed
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px black;
	height: 16px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
}

.FormButtonFlatMed:hover
{
	background-color: #ebebeb;
	color: Black;
}

.FormButtonFlatSmall
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px black;
	height: 14px;
	color: white;
	font-size: 11px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}

.FormButtonFlatSmall:hover
{
	background-color: #ebebeb;
	color: Black;
}


.FormButtonSmall
{
    cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-image: url(Images/FormButtonBlack.gif);
	border: solid 1px #8c8c8c;
	height: 16px;
	color: #fe8a44;
	font-size: 11px;
	line-height: 11px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
}

.FormButtonFlatSubtle
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #a7bcd0;
	border: solid 1px #8c8c8c;
	height: 24px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.FormButtonFlatSubtle:hover
{
	background-color: #ebebeb;
	color: Black;
}

.NormalG
{
    font-family: Arial;
    font-size: 12px;
    color: #787878;
    letter-spacing: normal;
}

.VSGrid
{
    background-color: Black;
    border: solid 1px #505050;
}

.VSGridHeader
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #dcdcdc;
	line-height: 20px;
	vertical-align: bottom;
	background-image: url(Images/GridHeader.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-indent: 4px;
}

.VSGridSelectedItem
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	background-color:#144479;
	letter-spacing: normal;
	text-indent: 4px;
	height: 24px;
}
	
.VSGridItem
{
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
	color: #c8c8c8;
	background-color: Black;
	letter-spacing: normal;
	text-indent: 4px;
	height: 24px;
}

.VSGridAlternatingItem
{
    font-family: Arial;
    font-size: 12px;
    color: #c8c8c8;
    background-color: #191919;
    letter-spacing: normal;
    line-height: 14px;
    text-indent: 4px;
    height: 24px;
}

.VSGridItem:hover
{
    background-color: #004300;
}

.VSGridAlternatingItem:hover
{
    background-color: #004300;
}

.SafelistUsed
{
    cursor: default;
    background-color: #2b2f59;
	border-color: #5596d6;
	border-width: 1px;
	border-style:solid;
    padding: 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	font-family: Arial;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #f0f0f0;
	height: 17px;
}

.UCLabel_Left
{
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    line-height: 21px;
}

.UCLabel_Right
{
    text-align: right;
    font-family: Arial;
    font-size: 12px;
    line-height: 21px;
}

.AlertY
{
    cursor: default;
    background-color: #fcf138;
	border-color: #5596d6;
	border-width: 1px;
	border-style:solid;
    padding: 1px, 3px, 3px, 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	font-family: Arial;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: black;
	height: 17px;
}

.NormalBlue
{
    font-family: Arial;
    font-size: 12px;
    color: #5596d6;
    font-weight: normal;
}

.tableCell
{
     border: solid 1px black;
    background-color: white;
    padding: 2px 2px 2px 2px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: black;
}

.TextBoxWatermark
{
    background-color: #191919;
	border-color: #505050;
	border-width: 1px;
	border-style:solid;
    padding: 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #414141;
}

.DBPOTitle
{
    font-family: Arial;
    font-size: 22px;
    font-weight: normal;
    letter-spacing:  2px;
    background-color: black;
    color: white;
    padding-left: 10px;
    border-bottom: solid 1px #505050;
}

.DBPOLeftColumn
{
    padding: 5px 5px 5px 5px;
}

.DBPORightColumn
{
    border-left: solid 1px #505050;
    padding: 5px 5px 5px 5px;
}

.DBPOSectionHead
{
    font-family: Arial;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    background-color: #787878;
    color: white;
    padding-left: 5px;
}

.DBPOSectionBody
{
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    background-color: white;
    color: Black;
    padding: 15px, 2px, 2px, 15px;
}

.DBPOFooter
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    background-color: black;
    color: white;
    border-top: solid 1px #505050;
}

.DBPOTextBox
{
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: normal;
    background-color: white;
    color: Black;
}

.DBPOBox
{
    padding: 1px 1px 1px 1px;
    background-color: White;
}

.DBPOBox:Hover
{
    font-family: Arial;
    font-size: 16px;
    color: black;
    border: solid 1px black;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background-color: #b5d3fc;
    cursor: pointer;
}

.DBPOBoxClear
{
    padding: 1px 1px 1px 1px;
    background-color: Transparent;
}

.DBPOBoxClear:Hover
{
    font-family: Arial;
    font-size: 16px;
    color: black;
    border: solid 1px black;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background-color: #b5d3fc;
    cursor: pointer;
}

.DBPOBoxYellow
{
    padding: 1px 1px 1px 1px;
    background-color: #fdf51f;
}

.DBPOBoxYellow:Hover
{
    font-family: Arial;
    font-size: 16px;
    color: black;
    border: solid 1px black;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background-color: #b5d3fc;
    cursor: pointer;
}


.DBSmallText
{
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    background-color: white;
    color: Black;
}

.DBSubText
{
    font-family: Arial;
    font-size: 14px;
    color: #505050;
    font-weight: normal;
}

.WhiteBG
{
    background-color: White;
}

.popup_BG
{
    background-color: #505050;
    filter: opacity(50px);
    opacity: 0.7;
}
/*
span.imgSwap
{
    
}

.map
{
  
}
*/
.map:Hover
{
    color: #1b69b1;
    filter: opacity(50px);
    opacity: 0.3;
}

.popup_Container
{
    border: solid 1px #505050;
}

.popup_TitlebarBlue
{
    background-color: #0a1bb6;
    background-image: url(Images/SiteHeadFadeBreakBlue.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 30px;
}

.popup_TitlebarFlatBlue
{
    background-color: #1b69b1;
    background-image: url(Images/1x1.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 30px;
}

.popup_Title
{
    text-align: left;
    color: White;
    font-family: Arial;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 2px 8px 2px 8px;
}

.popup_Body
{
    background-color: #dcdcdc;
    color: whitesmoke;
    padding: 10px 10px 10px 10px;
}

.whitesmoke
{
	background-color: whitesmoke;
}

.ModuleSubTitleFlat
{
    background-color:  #894e03;
    border: solid 1px #505050;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: white;
    font-family: Arial;
    font-weight: normal;
    text-indent: 8px;
    text-decoration: none;
}

.ModuleSubTitle2Flat
{
    background-color:  #8c8c8c;
    border: solid 1px #505050;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: white;
    font-family: Arial;
    font-weight: normal;
    text-indent: 8px;
    text-decoration: none;
}

.ModuleSubTitleButtonFlat
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px black;
	height: 18px;
	color: white;
	font-size: 11px;
	line-height: 14px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px 0px 0px 2px;
}

.ModuleSubTitleButtonFlat:Hover
{
    background-color: #ebebeb;
}

.ModuleTitleFlat
{
    background-color: #8c8c8c;
    border: solid 1px #505050;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: white;
    font-family: Arial;
    font-weight: normal;
    text-indent: 10px;
    text-decoration: none;
}

.ModuleTitleButtonFlat
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px black;
	height: 22px;
	color: white;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px 0px 0px 2px;
}

.ModuleTitleButtonFlat:Hover
{
    background-color: #ebebeb;
}


.ModuleSubTitleButtonFlatLeft
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px black;
	height: 18px;
	color: white;
	font-size: 11px;
	line-height: 14px;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0px 2px 0px 0px;
}

.ModuleSubTitleButtonFlatLeft:Hover
{
    background-color: #ebebeb;
}


.ModuleTitleButtonFlatLeft
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px black;
	height: 22px;
	color: white;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px 2px 0px 0px;
}

.ModuleTitleButtonFlatLeft:Hover
{
    background-color: #ebebeb;
}


.ModuleBodyFlat
{
    background-color: White;
    border-bottom: solid 1px #505050;
    border-left: solid 1px #505050;
    border-right: solid 1px #505050;
    border-top:  none 0px black;
}

.DataListItem
{
    border: solid 1px #505050;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.DataListHeader
{
    background-color: #1b69b1;
    color: #e6e6e6;
    font-family: Arial;
    font-size: 12px;
    text-indent: 2px;
}

.DataListCell
{
    padding: 2px 2px 2px 2px;
}

.FlatListItemBroken
{
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #e6e6e6;
    background-color: #222222;
    text-indent: 4px;
}

.FlatListCell
{
    border: solid 1px #505050;
    background-color: #222222;
}

.FlatListCell:Hover
{
    background-color: #223857;
    cursor: pointer;
}

.RDPage:Hover
{
    background-color: #505050;
}

.RDPageBorder
{
    border: solid 1px #505050;
}

.VUBG
{
    background-color: #e6e6e6;
}

.UACell
{
    border: solid 1px #505050;
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
    height: 18px;
}

.UACell:Hover
{
    background-color: gainsboro;
    cursor: pointer;
}

.UAHeaderLabel
{
    margin-left: 1px;
    margin-right: 1px;
	font-family: Arial;
	letter-spacing: normal;
	background-color: white;
	border: solid 1px #8c8c8c;
	height: 28px;
	color: black;
	font-size: 16px;
	line-height: 30px;
	vertical-align: middle;
}

.UAHeaderButton
{
    cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: white;
	border: solid 1px #8c8c8c;
	height: 30px;
	color: black;
	font-size: 16px;
	line-height: 16px;
	vertical-align: middle;
}

.UAHeaderButton:Hover
{
    background-color: #b5d3fc;
}

.UAParagraphText
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 2px 2px 2px;
}

.TABox
{
    padding: 1px 1px 1px 1px;
    border: solid 1px #505050;
}

.TABox:Hover
{
    font-family: Arial;
    color: black;
    border: solid 1px black;
    padding: 1px 1px 1px 1px;
    vertical-align: middle;
    background-color: #b5d3fc;
    cursor: pointer;
}

.TADivButtonActive
{
    font-family: Trebuchet MS;
    font-size: 16px;
    letter-spacing: 1px;
    color: White;
    border: solid 1px #505050;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    background-color: #0000ff;
    text-align: center;
}

.TADivButtonInactive
{
    font-family: Trebuchet MS;
    font-size: 16px;
    letter-spacing: 1px;
    color: White;
    border: solid 1px #505050;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    background-color: #646464;
    text-align: center;
}

.TADivButtonActive:Hover
{
    background-color: #b5d3fc;
    cursor: pointer;
}

.TADivButtonInactive:Hover
{
    background-color: #b5d3fc;
    cursor: pointer;
}

.TAButtonRed
{
    font-family: Trebuchet MS;
    font-size: 14px;
    letter-spacing: 1px;
    color: White;
    border: solid 1px #505050;
    padding: 4px 10px 4px 10px;
    vertical-align: middle;
    background-color: #ff0000;
    text-align: center;
}

.TAButtonRed:Hover
{
    background-color: #b5d3fc;
    cursor: pointer;
}

.TAButtonGrey
{
    font-family: Trebuchet MS;
    font-size: 14px;
    letter-spacing: 1px;
    color: White;
    border: solid 1px #505050;
    padding: 4px 10px 4px 10px;
    vertical-align: middle;
    background-color: #646464;
    text-align: center;
}

.TAButtonGrey:Hover
{
    background-color: #b5d3fc;
    cursor: pointer;
}

.TAButtonGreen
{
    font-family: Trebuchet MS;
    font-size: 14px;
    letter-spacing: 1px;
    color: White;
    border: solid 1px #505050;
    padding: 4px 10px 4px 10px;
    vertical-align: middle;
    background-color: #02aa02;
    text-align: center;
}

.TAButtonGreen:Hover
{
    background-color: #b5d3fc;
    cursor: pointer;
}

.popup_BG
{
    background-color: #505050;
    filter: opacity(50px);
    opacity: 0.7;
}

.SubText
{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #787878;
    line-height: 7px;
}

.ChatBox
{
    background-color: #111111;
    border: none;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
}

.ChatMe
{
    border: solid 1px #505050;
    background-color: #275888;
    color: White;
    text-align: right;
    padding: 0px 15px 0px 15px;
    margin: 10px 0px 10px 100px;
}

.ChatThem
{
    border: solid 1px #505050;
    background-color: #c8c8c8;
    color: Black;
    text-align: left;
    padding: 0px 15px 0px 15px;
    margin: 10px 100px 10px 0px;
}

.NormalDropDownList
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    background-color: white;
}

.RedDropDownList
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    background-color: #f17070;
}

.GreenDropDownList
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    background-color: #a1fa7d;
}

.DatalistSelect
{
    padding: 1px 1px 1px 1px;
}

.DatalistSelect:Hover
{
    font-family: Arial;
    font-size: 16px;
    color: black;
    border: solid 1px black;
    padding: 0px 0px 0px 0px;
    vertical-align: middle;
    background-color: #b5d3fc;
    cursor: pointer;
}

.MyTabStyle .ajax__tab_header
    {
        font-family: "Helvetica Neue" , Arial, Sans-Serif;
        font-size: 14px;
        font-weight:bold;
        display: block;

    }
    .MyTabStyle .ajax__tab_header .ajax__tab_outer
    {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        border:solid 1px #d7d7d7;
    }
    .MyTabStyle .ajax__tab_header .ajax__tab_inner
    {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }
    .MyTabStyle .ajax__tab_hover .ajax__tab_outer
    {
        background-color:#9c3;
    }
    .MyTabStyle .ajax__tab_hover .ajax__tab_inner
    {
        color: #fff;
    }
    .MyTabStyle .ajax__tab_active .ajax__tab_outer
    {
        border-bottom-color: #ffffff;
        background-color: #d7d7d7;
    }
    .MyTabStyle .ajax__tab_active .ajax__tab_inner
    {
        color: #000;
        border-color: #333;
    }
    .MyTabStyle .ajax__tab_body
    {
        font-family: verdana,tahoma,helvetica;
        font-size: 10pt;
        background-color: #fff;
        border-top-width: 0;
        border: solid 1px #d7d7d7;
        border-top-color: #ffffff;
    }
    
    .TR_White
    {
        background-color: white;
    }
    
    .TR_Green
    {
        background-color: #0a9b0a;
    }
    
    .TR_Red
    {
        background-color: #ff0000;
    }
    
    .TR_Blue
    {
        background-color: #1919aa;
    }
    
    .TR_Black
    {
        background-color: Black;
    }
    
    .TR_StatusText
    {
        float: left;
        height: inherit;
        width: 40px;
        vertical-align: middle;
        position: relative;
        top: 40%;
        font-family: Arial;
        color: White;
        font-size: 14px;
        line-height: 14px;
    }
    
    .TR_BodyPanel
    {
        padding: 4px 4px 4px 20px;
        height: inherit;
    }
    
    .column-container {float:left; clear: both; height: 250px; text-align: left; width: 100%; position: relative; border: solid 1px black; padding: 4px 4px 4px 4px; background-color: White;}
    
    .column-left {float: left; width: 40%; height: inherit; text-align: left; vertical-align: middle; position: relative; padding: 0px 0px 0px 0px;}
    
    .column-right {float: right; width: 30%; height: inherit; text-align: left; vertical-align: middle; position:relative; padding: 0px 0px 0px 0px;}
    
    .column-center {float: none; display: table-cell; overflow: hidden; width: 30%; height: inherit; text-align: left; vertical-align: top; padding: 0px 0px 0px 0px;}
    
    .TR_TextBox
{
    background-color: #e5ebfc;
	border-color: #787878;
	border-width: 1px;
	border-style:solid;
    padding: 1px 2px 1px 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	height: 14px;
	font-weight: bold;
	color: black;
}

    .TR_TextBoxPending
{
    background-color: #fbb2b2;
	border-color: #787878;
	border-width: 1px;
	border-style:solid;
    padding: 1px, 2px, 1px, 1px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 11px;
	line-height: 14px;
	height: 14px;
	font-weight: bold;
	color: black;
}

.TR_DropDownList
{
    font-family: Arial;
    font-size: 12px;
    color: black;
    border-width: 1px;
    border-color: #787878;
    border-style: solid;
    background-color: #e5ebfc;
    -webkit-appearance:none;
}

.TR_DropDownListPending
{
    font-family: Arial;
    font-size: 12px;
    color: black;
    border-width: 1px;
    border-color: #787878;
    border-style: solid;
    background-color: #fbb2b2;
    -webkit-appearance:none;
}

.TR_Photo {
	width: 100px;
}

.TRBox
{
    border-style: solid;
    border-width: 1px;
    border-color: #505050;
}

.TRTextBig
{
    font-family: Arial;
	color: Black;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 19px;
}

.NormalModBoxTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: White;
	line-height: 16px;
	letter-spacing: 2px;
	background-color: #5596d6;
}

.FormButtonFlat
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #248617;
	border: solid 1px #8c8c8c;
	height: 24px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.FormButtonFlat:hover
{
	background-color: #ebebeb;
	color: Black;
}

.FormButtonFlat_Blue
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #1b69b1;
	border: solid 1px #8c8c8c;
	height: 24px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.FormButtonFlat_Blue:hover
{
	background-color: #ebebeb;
	color: Black;
}

.FormButtonFlat_Grey
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #333333;
	border: solid 1px #8c8c8c;
	height: 24px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.FormButtonFlat_Grey:hover
{
	background-color: #ebebeb;
	color: Black;
}

.FormButtonFlat_Red
{
	cursor: pointer;
	font-family: Arial;
	letter-spacing: normal;
	background-color: #820202;
	border: solid 1px #8c8c8c;
	height: 24px;
	color: white;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
}

.FormButtonFlat_Red:hover
{
	background-color: #ebebeb;
	color: Black;
}

.mod-container {float: left; clear: both; border: solid 1px #a0a0a0; font-family: Arial; font-size: 12px; text-align: left; width: 100%;}
.mod-title {float: left; clear: both; background-color: #5596d6; text-align: left; border-bottom: solid 1px #a0a0a0; padding: 4px 0px 4px 0px; letter-spacing: 2px; position: relative; width: 100%; color: White; text-indent: 10px; font-size: 12px; width: 100%; vertical-align: middle;}
.mod-body {float: left; clear: both; background-color: White; text-align: left; letter-spacing: 1px; padding: 10px 0px 10px 0px; position: relative; width: 100%;}

.items-container {clear: both; float:left; position: relative; width: 100%; vertical-align: bottom; overflow: hidden;}
.item-box {float: left; text-align: center; vertical-align: middle; position: relative; border: 1px solid black; padding: 10px 10px 10px 10px; background-color: #f5f5f5; min-width: 80px; margin: 2px 2px 2px 2px; overflow: hidden;}
.item-title {text-align: center; vertical-align: middle; font-family: Arial; font-size: 16px; font-weight: bold; color: #5ba9f9; padding: 10px 2px 2px 2px;}
.item {text-align: center; vertical-align: middle; font-family: arial; font-size: 20px; font-weight: bold; color: black; padding: 2px 2px 2px 2px;}

.button-flat { cursor: pointer; font-family: Arial; letter-spacing: normal; background-color: #5ba9f9; border: solid 1px #8c8c8c; height: 20px; color: White; font-size: 11px; line-height: 11px; vertical-align: middle; padding-left: 10px; padding-right: 10px;}
.button-flat:hover {background-color: #6ce0fa;}

.break-section {height: 20px; float:left; clear: both;}

.warning-box {clear: both; float: left;text-align: center; vertical-align: middle; position: relative; border: 1px solid black; padding: 10px 10px 10px 10px; background-color: #505050; min-width: 20px; margin: 2px 2px 2px 2px;}
.warning-big {font-family: Arial; font-size: 14px; color: #fbb216;}

.disabled {background-color: gainsboro;}

.grid-item {
	height: 30px;
}

.grid-item:hover {
	background-color: #d3fdd3;
}

.grid-alternating-item {
	height: 30px;
	background-color: ghostwhite;
}

.grid-alternating-item:hover {
		background-color: #d3fdd3;
	}
.mrt-normal {
	height: 30px;
	color: black;
}

.mrt-blue {
	height: 30px;
	background-color: #0052CC;
	color: white;
}

.mrt-blue:hover {
		background-color: #d3fdd3;
		color: black;
	}

.mrt-yellow {
	height: 30px;
	background-color: #FFFF00;
	color: black;
}

	.mrt-yellow:hover {
		background-color: #d3fdd3;
	}

.mrt-orange {
	height: 30px;
	background-color: #FFAB00;
	color: white;
}

	.mrt-orange:hover {
		background-color: #d3fdd3;
	}

.mrt-red {
	height: 30px;
	background-color: #FF0000;
	color: white;
}

	.mrt-red:hover {
		background-color: #d3fdd3;
		color: black;
	}

.mrt-green {
	height: 30px;
	background-color: #179C52;
	color: white;
}

	.mrt-green:hover {
		background-color: #d3fdd3;
		color: black;
	}

.mrt-grey {
	height: 30px;
	background-color: lightgrey;
}

	.mrt-grey:hover {
		background-color: #d3fdd3;
	}

.mrt-now {
	height: 10px;
	background-color: purple;
}

.mrt-dim {
	height: 30px;
	background-color: dimgrey;
	color: white;
}

	.mrt-dim:hover {
		background-color: #d3fdd3;
		color: black;
	}

.mrt-beige {
	height: 30px;
	background-color: #F2F9A0;
	color: black;
}

.mrt-beige:hover {
	background-color: #d3fdd3;
}

.modal {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	top: 0;
	background-color: black;
	filter: opacity(60px);
	opacity: 0.6;
}

.center {
	z-index: 1000;
	margin: 300px auto;
	padding: 10px;
	width: 130px;
	background-color: white;
	border-radius: 10px;
	filter: opacity(100%);
	opacity: 1;
}

.center img {
	height: 128px;
	width: 128px;
}

.LightTextBox {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-color: lightgrey;
	border-style: solid;
	border-width: 1px;
}

.hBox {
	border: 1px solid #D0A197;
	color: #D0A197;
	font-family: Verdana;
}

.pointer {
	cursor: pointer;
}

.NormalY {
	font-family: Arial;
	font-size: 12px;
	color: #d0c733;
	letter-spacing: normal;
}

.SLTextBox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	border: solid 1px gray;
	color: dimgray;
}

.sl-left
{
	text-align: left;
}

.sl-box {
	border: 1px solid dimgrey;
	background-color: white;
	border-spacing: 0px;
}

.sl-box-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-indent: each-line 8px;
	color: whitesmoke;
	padding: 2px 2px 2px 10px;
	line-height: 20px;
	background-color: #1b69b1;
}

.sl-box.body {
	padding: 2px 2px 2px 16px;
	color: whitesmoke;
	font-size: 14px;
	line-height: 18px;
}

.sl-box-body-content {
	padding-left: 4px;
}

.sl-box-label {
	color: gray;
}

.sl-bold {
	font-weight: bold;
	letter-spacing: 2px;
}

.sl-confirmationNumber {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.sl-confirmationNumber_small {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
}

.ajax__calendar {
	color: blue;
	font-weight: bold;
	text-decoration: underline;
}

.ajax__calendar_today {
	color: #b86533;
	font-weight: bold;
	text-decoration: underline;
}

/* Login Styles */
.loginMydiv {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
}

.boxHeader {
	background-color: #1976D2;
	color: white;
	font-family: Arial;
	font-size: 14px;
}

.boxSubHeader {
	background-color: #388E3C;
	color: white;
	font-family: Arial;
	font-size: 12px;
}

.TextBoxSlim {
	height: 16px;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	color: black;
	border: 0px none;
}

.Normal-xl {
	font-size: 16px;
	line-height: 18px;
}

.Normal-xxl {
	font-size: 18px;
	line-height: 20px;
}

.GIBox {
	border: 1px solid black;
}

.GenericListItem {

}

	.GenericListItem:hover {
		background-color: #c5e0f7;
	}

.GenericListAlternatingItem {
	background-color: gainsboro;
}

	.GenericListAlternatingItem:hover {
		background-color: #c5e0f7
	}

.HBreak {
	height: 1px;
	background-color: #202020;
}

.main {
	
}

.tbox {
	border: 1px solid #696969;
	margin: 6px;
	display: inline-block;
}

.tbox_title {
	color: black;
	font-size: 14px;
	padding: 6px;
	letter-spacing: 1.5px;
}

.tbox_body {
	color: black;
	padding: 4px;
	font-size: 12px;
}

.blue {
	background-color: #1976D2;
	color: white;
}

.plain {
	background-color: #F5F5F5;
}

.left {
	align-content: start;
	align-items: start;
	align-self: start;
	text-align: start;
}

.right {
	align-content: end;
	align-items: end;
	align-self: end;
	text-align: end;
}

.DataListItem_Middle {
	line-height: 20px;
	vertical-align: middle;
}

.EVParkingArea {
	border: 1px solid dimgrey;
	background-color: #b0c6f2;
	color: #282828;
	padding: 1px 4px 1px 4px;
	margin: 2px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 20px;
}

/* Styling for the entire calendar container */
.MyCalendar .ajax__calendar_container {
	border: 1px solid #ccc;
	background-color: #dddddd;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

/* Styling for the calendar header (month/year display) */
.MyCalendar .ajax__calendar_header {
	background-color: #eee;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/* Styling for the calendar title (current month and year) */
.MyCalendar .ajax__calendar_title {
	color: #333;
}

/* Styling for the navigation arrows (previous/next month) */
.MyCalendar .ajax__calendar_prev,
.MyCalendar .ajax__calendar_next {
	color: #007bff;
	text-decoration: none;
	padding: 0 5px;
}

/* Styling for day names (Mon, Tue, etc.) */
.MyCalendar .ajax__calendar_dayname {
	background-color: #ddd;
	text-align: center;
	padding: 3px 0;
}

/* Styling for individual day cells */
.MyCalendar .ajax__calendar_day,
.MyCalendar .ajax__calendar_month,
.MyCalendar .ajax__calendar_year {
	text-align: center;
	padding: 5px;
	cursor: pointer;
	border: 1px solid transparent; /* To prevent shifting on hover */
}

/* Styling for hovered day cells */
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
	background-color: #e0e0e0;
	border: 1px solid #aaa;
}

/* Styling for the selected day cell */
.MyCalendar .ajax__calendar_active .ajax__calendar_day {
	background-color: #007bff;
	color: #fff;
	font-weight: bold;
}

/* Styling for today's date cell */
.MyCalendar .ajax__calendar_today .ajax__calendar_day {
	background-color: #ffc107; /* Example: Yellow for today */
	font-weight: bold;
}

/* Styling for days from other months in the current view */
.MyCalendar .ajax__calendar_other {
	color: #999;
}

.btn-round-orange {
	font-size: 20px;
	color: white;
	border: 1px solid #a0a0a0;
	background-color: #D94414;
	border-radius: 12px;
}

.btn-round {
	font-size: 20px;
	color: white;
	border: 1px solid #a0a0a0;
	border-radius: 12px;
}

.btn-orange {
	font-size: 14px;
	color: white;
	border: 1px solid #a0a0a0;
	background-color: #D94414;
	padding: 4px 8px 4px 8px;
	border-radius: 4px;
}

.PageHead {
	font-size: 28px;
	font-family: Arial, Verdana, sans-serif;
	text-indent: 10px;
}

.tab_strip {
	border-bottom: 1px solid #dcdcdc;
}

.tab_button {
	border-radius: 2px;
	font-family: Arial;
	font-size: 14px;
	padding: 10px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
}

.selected {
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #f5f5f5;
	background-color: white;
	color: black;
	border-bottom: none;
}

.unselected {
	border: none;
	background-color: #f5f5f5;
	color: black;
}

.pp_head {
	font-size: 18px;
	letter-spacing: 1.5px;
	text-indent: 20px;
	margin-top: 20px;
	margin-left: 20px;
	border-bottom: 1px solid #dcdcdc;
}

.pp_left {
	text-align: right;
	font-size: 14px;
	padding: 10px 4px 4px 4px;
	color: #a0a0a0;
}

.pp_right {
	text-align: left;
	font-size: 14px;
	padding: 10px 4px 4px 4px;
}

.err {
	font-family: Arial;
	font-size: 14px;
	color: white;
	background-color: red;
	padding: 1px 4px 1px 4px;
}

.InferiorText {
	font-size: 11px;
	color: #787878;
	font-family: Arial;
	line-height: 11px;
}

.jump {
	font-size: 16px;
	color: darkred;
	font-family: Arial;
}

.HexColorTest {
	width: 100px;
	height: 20px;
	background-color: #d81a1a;
	border: 1px solid black;
}