/*
** Main stylesheet for RealTracs.
**
*/

body
{
    background: #F6F6E3 url(../AppStyles/StyleGraphics/Default/BackGround.png);
    background-repeat: repeat-x;
    color: black;
    font: normal 8pt "arial" , "ms sans serif";
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px; /* 	scrollbar-face-color:		#CCCCAA; 	scrollbar-arrow-color:		#777733; 	scrollbar-track-color:		#888888; 	scrollbar-shadow-color:		#000000; 	scrollbar-highlight-color:	#999966; 	scrollbar-3dlight-color:	#BDBE82; 	scrollbar-darkshadow-color:	#000000; */
}

td, label
{
    font-size: 8pt;
}
td
{
    padding-left: 5px;
    padding-right: 5px;
}
h1, h2, h3, h4
{
    font-family: "Tahoma" , "Arial" , "Helvetica" , sans-serif;
    font-weight: bold;
    color: #00204F;
}

h1, h2
{
    text-align: center;
}

h1, h2, h3
{
    margin-top: 7px;
    margin-bottom: 7px;
}
h1
{
    font-size: 20pt;
}
h2
{
    font-size: 16pt;
}
h3
{
    font-size: 14pt;
}

a:link
{
    color: #0000ff;
}

a:visited
{
    color: #000044;
}

a:hover
{
    color: #FF0000;
}

thead
{
    background-color: #000066;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "arial" , "veranda" , sans-serif;
}

textarea
{
    font: normal 8pt "ms sans serif" , "Helvetica" , sans-serif;
    width: 300px;
    height: 70px;
}

table
{
    border-collapse: collapse;
}



/*
** ======================== Page Layout =========================
*/

/* If you have a box on the page (without tabs), put a DivBox inside a DivContainer */
.clsDivContainer
{
    text-align: center;
    margin: 0px auto;
}

/* This is normally contained within a clsDivContainer to center it. */
.clsDivBoxLogin
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 310px;
    padding: 10px;
}

.clsDivBox
{
    border: black 1px solid;
    text-align: left;
    background: #DDDDBB;
    width: 700px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.clsDivBoxTransparent
{
    background: #DDDDBB;
}

/* Style for modules on the home page */
.clsModuleHeader
{
    border: 1px solid #C9C9C9;
    background: white url(../AppStyles/StyleGraphics/Default/SectionHeader.png);
    text-align: left;
    color: #153565;
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font: bold 12pt;
    padding-left: 5px;
}
.clsModuleHeader table
{
    border-collapse: collapse;
    width: 96%;
}
.clsModuleHeader td
{
    color: #153565;
    font: bold 12pt arial;
}

/* Style for modules on the home page */
.clsModule
{
    border: #C9C9C9 1px solid;
    text-align: left;
    background: white;
    padding: 5px;
}

/* For pages that don't have a DivBox or tabs. */
.clsDivMain
{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
}

/* For making span's appear to be link hyperlinks  (bdill 2005-12-02) */
.clsFakeHref, .clsFakeHref_over
{
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold; /* behavior:			url(../AppBehaviors/behFakeHref.htc); temporarily removed */
}
.clsFakeHref:hover
{
    color: #ff0000;
}
.clsFakeHref_over
{
    color: red;
}

/* -------------------- END Page Layout -------------------- */


/*
** ======================== Debugging =========================
*/

/* Look of the error message. */
.clsErrorMessage
{
    font: normal 9pt "Courier New" , sans-serif;
    color: Red;
}

/* Used to display debug information */
.clsDivDebug
{
    display: block;
    width: 80%;
    padding: 0px;
    background: #cccccc;
    color: brown;
    font: normal 9pt arial, "courier new" , sans-serif;
    border: 3px solid brown;
}

.clsNotImplemented
{
    color: red;
    font: bold 12pt arial;
}

/* use this to globally show/hide hidden textboxes etc for debugging purposes. */
.clsDebug
{
    display: none;
}
#spnReportFFBug
{
    cursor: pointer;
    border: solid 1px #000000;
    background: #bbbbcc;
    -moz-opacity: 0.3;
    height: 50px;
    width: 70px;
    position: absolute;
    right: 3px;
    bottom: 3px;
    padding: 2px;
}
#spnReportFFBug:hover
{
    background: #bbbbcc;
    -moz-opacity: 1;
}
/* -------------------- END Debugging -------------------- */

/*
** ======================== Page Aesthetics =========================
*/

/* Head of sections in reports like the MLS detail sheet. */
.clsReportBackground
{
    width: 100%;
    background: white;
}

.clsReportSectionHeader
{
    text-align: center;
    background: #eeeeee url(../AppStyles/StyleGraphics/grey_grad_01.gif);
    background: #eeeeee;
    color: #842727;
    font: bold 8pt arial, sans-serif;
    border: 1px solid #ECECEC;
}

.clsReportHighlight
{
    font-weight: bold;
    background: silver;
}

/* Head of sections of a page such as the quick search page. */
.clsSectionHeader, .clsSectionHeader td
{
    text-align: center;
    background: white url(../AppStyles/StyleGraphics/Default/SectionHeader.png);
    color: black;
    font: bold 12pt arial, sans-serif;
    height: 22px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.clsSectionHeaderLeft
{
    background: white url(../AppStyles/StyleGraphics/Default/SectionHeaderLeft.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 12px;
    margin-right: -3px;
    float: left;
}

.clsSectionHeaderRight
{
    padding: 0;
    background: white url(../AppStyles/StyleGraphics/Default/SectionHeaderRight.png);
    background-repeat: no-repeat;
    height: 22px;
    width: 16px;
    margin-left: -3px;
    float: right;
}

/* Added b/c of IE bug that doesn't inherit font styles to TD's */
.clsSectionHeader td
{
    font: bold 12pt arial;
}

/* Header row of a datagrid */
.clsGridHeader td
{
    text-align: center;
    background: silver;
    color: black;
    font: bold 8pt arial;
}

/* Compliment styling to the clsSectionHeader */
.clsSectionType2
{
    background: #DDDDDD;
    color: black;
}

/* Compliment styling to the clsSectionHeader */
.clsSectionType3
{
    background: #EFEEEE;
    color: black;
}

.clsSectionType4
{
    background: #EFEEEE;
    color: black;
}

/* Color of text of labels of required fields */
.clsRequiredField
{
    background: #DDDDDD;
    color: blue;
}

/* Alternate color of text of labels of required fields.  Ex: Lot size *OR* acres req'd but not both. */
.clsRequiredField2
{
    background: #DDDDDD;
    color: green;
}

/* The logo in the upper right hand corner */
.clsHeaderLogo
{
    background: url(../AppStyles/StyleGraphics/Default/logo.png);
    background-repeat: no-repeat;
    width: 100px;
}

/* The main portion of the page footer */
.clsFooter
{
    xborder: 1px solid red;
    color: #000000;
    height: 46px;
    background: url(../AppStyles/StyleGraphics/Default/Tabs/TabBg.png);
    background-repeat: repeat-x;
}

/* The thin line above and below the page footer */
.xclsFooterThinLine
{
    height: 3px;
    background: #DDDDBB;
}

/* Navigation Bar. */
.clsNavigationBar
{
    text-align: center;
    background: #00204F url(../AppStyles/StyleGraphics/grey_grad_05.gif);
    background: silver;
    color: black;
    font: bold 12pt arial, sans-serif;
    border: 1px solid #C9C9C9;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}

/* Style of buttons that float up and down in quick search and other pages. */
#FloatB TD.clsSectionType3
{
    background: url(../AppStyles/StyleGraphics/Default/FloatingButtons.png);
}

.floatingButtons
{
    background: url(../AppStyles/StyleGraphics/Default/FloatingButtons.png);
    background-repeat: repeat-x;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    cursor: pointer;
    color: black;
    text-align: left;
    z-index: 1000;
}

.floatingButtonsTdHover, .floatingButtonsTdHover .floatingButtons
{
    color: white;
    background: #045d97;
    text-decoration: underline;
}

.floatButtons
{
    border: solid 1px #045d97;
    z-index: 10;
    position: absolute;
}

.cls100
{
    width: 100px;
}

.clsImageButton
{
    /* Day/Week/Month/Edit buttons on home page */
    cursor: pointer;
}

.clsCalIcon
{
    cursor: pointer;
}
img.clsHelpIcon
{
    cursor: pointer;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    border: none;
}
.clsNoWrap
{
    white-space: nowrap;
}

a.clsExternal
{
    background: url(../AppImages/external.png) no-repeat right top;
    padding-right: 12px;
}
a.clsPDF
{
    background: url(../AppImages/icon_pdf.gif) no-repeat right top;
    padding-right: 12px;
}
/* -------------------- END Page aesthetics -------------------- */


/*
** ==================== Menu 2.0 styles =======================
*/
@media print
{
    #tblMainMenuContainer
    {
        display: none;
    }
    #tblTab
    {
        display: none;
    }
    .clsNoPrint
    {
        display: none;
    }
    #floatB
    {
        display: none;
    }
    .clsHelpIcon
    {
        display: none;
    }
    #spnReportFFBug
    {
        display: none;
    }
}
#tblMainMenu
{
    cursor: default;
    color: #000000;
    width: 620px;
    height: 37px;
    vertical-align: top;
}

#tblMainMenu td
{
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 10pt;
    xfont-weight: bold;
    background: url(../AppStyles/StyleGraphics/Default/NavMenuTop.png);
    background-repeat: repeat-x;
    height: 37px;
}

#tblMainMenu td.clsMenuHeaderHover
{
    cursor: pointer;
    background: url(../AppStyles/StyleGraphics/Default/NavMenuTopHover.png);
    background-repeat: repeat-x;
    height: 37px;
    color: #045c97;
}

#divMenuList
{
    position: absolute;
    top: 38px;
}
#divMenuList table, #tblMenuQuickLinks
{
    cursor: default;
    top: 0px;
    position: absolute;
    background: #045c97;
    display: none;
    z-index: 999;
}

#divMenuList td, #tblMenuQuickLinks td
{
    font-family: Arial,sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}
#tblMenuQuickLinks
{
    top: 0px;
    right: 0px;
    display: none;
}
#tblMenuQuickLinks td
{
    height: 18px;
}
.clsMenuListItemHover
{
    background: #D3D3D3;
    color: #000000 !important;
}

.clsMenuListItemNormal
{
    background: inherit;
}

#tdMenuClockAndName
{
    font: normal 8pt arial, "ms sans serif" , arial;
    text-align: right;
    white-space: nowrap;
}

#tdQuickLinks
{
    font-size: 8pt;
    color: blue;
    text-align: right;
    white-space: nowrap;
    text-decoration: underline;
}
#spnClock
{
    white-space: nowrap;
    padding-right: 15px;
}
/* -------------------- END Menu 2.0 styles -------------------- */

/*
** ==================== Menu styles =======================
*/
/*
@media print {
	#tblMenuContainer {
		display:		none;
		}
	.clsNoPrint {
		display:		none;
		}
	}
#tblMenu tr {
	background:		#00204F;
}
.clsMenuHeaderDefault {
	font:			normal 10pt "ms sans serif", "helvetica", "arial", sans-serif;
	color:			white;
	background:		#00204F; 
	height:			22px;
	padding-left:	6px;
	padding-right:	6px;
	padding-top:	3px;
	padding-bottom: 3px;
	border:			2px solid #00204F;
	cursor:			default;
    }
*/

/*  ==== alreadu remmed out =====
.clsMenuHeaderHover {
    font:			normal 10pt "ms sans serif", "helvetica", "arial", sans-serif;
    color:			white;
    background:		#00204F url(../AppStyles/StyleGraphics/blue_grad02.gif);
    padding-left:	6px;
    padding-right:	6px;
    padding-top:	3px;
    padding-bottom:	3px;
    border-top:		2px outset #7F8CA0;
    border-left:	2px outset #7F8CA0;
    border-right:	2px outset black;
    border-bottom:	2px outset black;
    cursor:			default;

    }
   ============================ 
*/

/*
.clsMenuHeaderHoverDown {
    font:			normal 10pt "ms sans serif", "helvetica", "arial", sans-serif;
    color:			white;
    background:		#00204F url(../AppStyles/StyleGraphics/blue_grad02.gif);
    padding-left:	6px;
    padding-right:	6px;
    padding-top:	3px;
    padding-bottom:	3px;
    border-top:		2px inset black;
    border-left:	2px inset black;
    border-right:	2px inset #7F8CA0;
    border-bottom:	2px inset #7F8CA0;
    cursor:			default;
    }

.clsMenuList {
*/

/* ==== already remmed out ====
    font:			normal 10pt "ms sans serif", "helvetica", "arial", sans-serif;
    color:			black;
    background:		#7F8CA0;
   ============================ 
*/

/*
    border-top:		2px outset white;
    border-left:	2px outset white;
    border-right:	2px outset gray;
    border-bottom:	2px outset gray;

    position:		absolute;
    top:			25px;
    padding:		0px;
    display:		none;
    z-index:		200;
  
    }

.clsMenuList td { font-size: 8pt; }

.clsMenuItemDefault {
    color:			white;
    background:		#7F8CA0;
    padding-left:	15px;
    padding-right:	10px;
    padding-top:	2px;
    padding-bottom:	2px;
    cursor:			default;
    }

.clsMenuItemHover {
    color:			white;
    background:		#00204F;
    padding-left:	15px;
    padding-right:	10px;
    padding-top:	2px;
    padding-bottom:	2px;
    cursor:			default;
    }
#tblMenuQuickLinks .clsMenuItemDefault {
    padding-top:    1px;
    padding-bottom: 1px;
	}
#tblMenuQuickLinks .clsMenuItemHover {
    padding-top:    1px;
    padding-bottom: 1px;
	}
#tblMenuQuickLinks {
	right:			0px; 
	top:			0px; 
	width:			190px;
	}
*/
/* -------------------- END Menu styles -------------------- */


/*
** ==================== Tab styles =======================
*/

/* Used for the main content section of pages that have tabs. */

/* Used for the main content section of pages that have tabs. */
.clsDivTabBody
{
    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

#tblTab
{
    height: 46px;
    background-repeat: repeat-x;
    background: url(../AppStyles/StyleGraphics/Default/Tabs/TabBg.png);
}

.clsTabDefault
{
    color: #000000;
    background-repeat: no-repeat;
    height: 46px;
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    cursor: default;
    visibility: visible;
    white-space: nowrap;
}

.clsTabHidden
{
    visibility: hidden;
    border: none;
    height: 20px;
}
.clsTabHover
{
    color: #996600;
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.clsTabSelectedLeft
{
    background: url(../AppStyles/StyleGraphics/Default/Tabs/FancyTabLeft.png);
    background-repeat: no-repeat !important;
    height: 46px;
    width: 17px;
    vertical-align: middle;
    line-height: 3em;
    white-space: nowrap;
    xfloat: left;
    xborder: solid 1px #555555;
    margin-right: -3px;
}

.clsTabSelectedRight
{
    background: url(../AppStyles/StyleGraphics/Default/Tabs/FancyTabRight.png);
    background-repeat: no-repeat !important;
    height: 46px;
    width: 17px;
    vertical-align: middle;
    line-height: 3em;
    white-space: nowrap;
    float: right;
    xborder: solid 1px #555555;
    margin-left: -3px;
}

.clsTabSelectedCenter
{
    background: url(../AppStyles/StyleGraphics/Default/Tabs/FancyTabCenter.png);
    background-repeat: repeat-x;
    width: 100%;
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
    xheight: 46px;
    white-space: nowrap;
    text-align: center;
    vertical-align: top;
    line-height: 3em;
    font-weight: bold;
    xborder: solid 1px #555555;
}

.clsTabSelected
{
    color: #FFFFFF;
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
    height: 46px;
    cursor: pointer;
    white-space: nowrap;
    xtext-align: center;
    xborder: solid 1px red;
}
.clsTabSeparator
{
    width: 1px;
}
.xclsTabLastSeparator
{
    width: auto;
}
/* -------------------- END Tab styles -------------------- */



/*
** ==================== DataGrid styles =======================
*/

/* == General == */
.clsDataGridGeneral
{
    border-color: white;
}

/* == Trying out new style for data grid display (bdill 2006-09-26)  ==  */
.clsDataGridGeneral2
{
    border: solid 1px #555555;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto; /* background:			#ffffff; do we need background? */ /* width:			98%; */ /* specifying width causes some page to be too wide. */
}
.clsDataGridGeneral2 td
{
    font-weight: bold;
    border-bottom: solid 1px #ccc;
}

/* == Trying out new style for data grid display (bdill 2006-10-12)  ==  */
.clsDataGridGeneral3
{
    border: solid 1px #555555;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}
.clsDataGridGeneral3 td
{
    font-weight: normal; /* border-bottom:	solid 1px #cccccc; already specified in .clsDataGridGeneral3 clsDataGrid(Header|Main|Alt) td */
    text-align: center;
}
.clsDataGridGeneral3 td a
{
    font-weight: bold;
}


/* == Header == */
.clsDataGridHeader
{
    /* font-weight:	bold;  now specified in .clsDataGridHeader td*/
    color: white;
    background: #7F8CA0;
    text-align: center;
}
.clsDataGridHeader td
{
    font-weight: bold;
    border: none;
    border-bottom: solid 1px #000000; /* ?? does this look good everywhere? */
    text-align: center;
}
.clsDataGridGeneral3 .clsDataGridHeader td
{
    border: solid 1px #cccccc;
}


.clsDataGridHeader a:visited
{
    color: white;
    text-align: center;
}
.clsDataGridHeader a:link
{
    color: white;
    text-align: center;
}
.clsDataGridHeader a:hover
{
    color: #00204F;
    text-align: center;
}

/* == Line Item Main == */
.clsDataGridLineItemMain
{
    color: #000000;
    background: white;
    text-align: center;
}
.clsDataGridLineItemMain td
{
    /* added bdill 2006-10-10 */
    border: none;
    border-bottom: solid 1px #cccccc;
}
.clsDataGridGeneral3 .clsDataGridLineItemMain td
{
    /* added bdill 2006-10-12 */
    border: solid 1px #cccccc;
}

.clsDataGridLineItemMain a:visited
{
    color: #23416C;
    text-align: center;
}
.clsDataGridLineItemMain a:link
{
    color: #23416C;
    text-align: center;
}
.clsDataGridLineItemMain a:hover
{
    color: #FF0000;
    text-align: center;
}

/* == Line Item Alt == */
.clsDataGridLineItemAlt
{
    color: #000000;
    background: #F7F7F7;
    text-align: center;
}
.clsDataGridLineItemAlt td
{
    /* added bdill 2006-10-10 */
    border: none;
    border-bottom: solid 1px #cccccc;
}
.clsDataGridGeneral3 .clsDataGridLineItemAlt td
{
    /* added bdill 2006-10-12 */
    border: solid 1px #cccccc;
}


.clsDataGridLineItemAlt a:visited
{
    color: #23416C;
    text-align: center;
}

.clsDataGridLineItemAlt a:link
{
    color: #23416C;
    text-align: center;
}

.clsDataGridLineItemAlt a:hover
{
    color: #FF0000;
    text-align: center;
}

/* == Footer == */
.clsDataGridFooter
{
    color: #ffffff;
    background: #7F8CA0;
    text-align: center;
}
.clsDataGridFooter td
{
    font-weight: bold;
    border: none;
    border-top: solid 1px #000000; /* ?? does this look good everywhere? */
    text-align: center;
}
/* -------------------- END DataGrid styles -------------------- */

/*
** ==================== Generic alignment =======================
*/
.clsCenter
{
    margin: 0 auto; /*     margin-left:	auto;     margin-right:	auto;     */
}
td.clsCenter
{
    text-align: center;
}
td.clsLeft
{
    text-align: left;
}
td.clsRight
{
    text-align: right;
}
/* -------------------- END Generic alignment -------------------- */



/*
** ==================== Listing Status colors =======================
*/
td.clsStatusColorActive, td.clsStatusColorActiveContingency, td.clsStatusColorPending, td.clsStatusColorWithdrawn, td.clsStatusColorExpired, td.clsStatusColorClosed, td.clsStatusColorIncomplete, td.clsToBeBuilt
{
    font-weight: bold;
    text-align: center;
}
.clsStatusColorActive
{
    color: #008000;
    font-weight: bold;
}
.clsStatusColorActiveContingency
{
    color: #008000;
    background: #ffff00;
    font-weight: bold;
    cursor: default;
}
.clsStatusColorPending
{
    color: #cc6600;
    font-weight: bold;
}
.clsStatusColorWithdrawn
{
    color: #6600ff;
    font-weight: bold;
}
.clsStatusColorExpired
{
    color: #000000;
    font-weight: bold;
}
.clsStatusColorClosed
{
    color: #4f4f4f;
    font-weight: bold;
}
.clsStatusColorIncomplete
{
    color: #ff0000;
    font-weight: bold;
}
.clsToBeBuilt {
    color:				#008000;
    background:			#c0c0c0;
    font-weight:		bold;
    cursor:				default;
	}

/* -------------------- END Listing Status colors -------------------- */


/*
** ==================== Add/Edit Specific ====================
*/
.clsPropertyClassBanner
{
    border: thin groove;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
}

.clsPropertyClassMessage
{
    font-family: arial, sans-serif;
    font-size: 16pt;
    text-align: center;
}
/* -------------------- END Add/Edit Specific -------------------- */


/*
** ==================== Financial Reports Specific ====================
*/
.clsLeftCol
{
    text-align: right;
    font-weight: bold; /* Added 2006-01-25 bdill */
    white-space: nowrap; /* Added 2006-01-25 bdill */
}
.clsDecimalsPopupShow, .clsDecimalsPopupHide
{
    border: 1px solid black;
    font: normal 10pt "courier new" , courier, sans-serif;
    width: 120px;
    padding: 5px;
    background: silver;
    position: absolute;
    left: 60px;
}
.clsDecimalsPopupHide
{
    font: normal 8pt arial, sans-serif;
}
.clsReadOnlyBoldTextBox
{
    background: none;
    border: none;
    font-weight: bold;
}
/* -------------------- END Financial Reports Specific -------------------- */

/*
** ==================== QuickSearch Specific ====================
*/

.clsQuickSearchHelpPopupShow
{
    border: 1px solid black;
    font: normal 10pt "courier new" , courier, sans-serif;
    padding: 5px;
    background: silver;
    position: absolute;
    left: 5px;
    width: 200px;
}
.clsQuickSearchHelpPopupHide
{
    border: 1px solid black;
    color: Red;
    text-align: center;
    width: 110px;
    position: absolute;
    left: 60px;
    background: white url(../AppStyles/StyleGraphics/grey_grad_01.gif);
}
/* -------------------- END QuickSearch Reports Specific -------------------- */


/*
** ==================== CMA Wizard Specific ====================
*/

/* Style for the header of CMA Wizard Step Title. */
.clsCMAWizStepTitle
{
    border: none;
    font: bold 14pt arial, sans-serif;
    color: black;
    text-align: center;
}

/* Style for the header of CMA Wizard Step Desc. */
.clsCMAWizStepDesc
{
    border: none;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, sans-serif;
    text-align: left;
}

/* Style for the header of CMA Wizard Field Desc. */
.clsCMAWizStepFieldDesc
{
    border: none;
    font: bold 10pt arial, sans-serif;
    color: black;
    width: 100px;
    text-align: left;
}

.clsCMAWizSectionHeader
{
    text-align: left;
    background: white url(../AppStyles/StyleGraphics/grey_grad_01.gif);
    color: black;
    font: bold 12pt arial;
    border: 1px solid #C9C9C9;
}

.clsCMAWizSectionHeaderCenter
{
    text-align: center;
    background: white url(../AppStyles/StyleGraphics/grey_grad_01.gif);
    color: black;
    font: bold 12pt arial, sans-serif;
    border: 1px solid #C9C9C9;
}

/* Style of buttons that float up and down in quick search and other pages. */
.clsCMAWizMenu
{
    border: none;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    cursor: pointer;
    color: black;
    text-align: left;
}

/* Used for the main content section of pages that have tabs. */
.clsCMAWizMenu_DivTabBody
{
    /* not found in project.  can we delete? */
    width: 100%;
    background: white;
    border-bottom: 1px solid black;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px;
}

.clsCMAWizMenu_TabDefault
{
    /* not found in project.  can we delete? */
    color: #aaaaaa;
    background-color: #eeeeee;
    border: solid 1px #aaaaaa;
    border-bottom: solid 1px #000000;
    font: bold 10pt "ms sans serif" , sans-serif;
    height: 21px;
    width: 110px;
    text-align: center;
    padding: 1px 5px 1px 5px;
    cursor: default;
}
.clsCMAWizMenu_TabHover
{
    /* not found in project.  can we delete? */
    color: #00204f;
    background: #ddddbb;
    border: solid 1px #aaaaaa;
    border-bottom: solid 1px #000000;
    font: bold 10pt "ms sans serif" , sans-serif;
    height: 21px;
    width: 110px;
    text-align: center;
    padding: 1px 5px 1px 5px;
    cursor: default;
}
.clsCMAWizMenu_TabSelected
{
    color: #000000;
    background: white url(../AppStyles/StyleGraphics/grad_01.gif);
    font: bold 10pt "ms sans serif" , sans-serif;
    text-align: left;
    width: 110px;
    border: 1px solid white;
    padding: 1px 5px 1px 5px;
    cursor: default;
}
.clsCMAWizMenu_TabSeparator
{
    /* not found anywhere in the project.  can we delete? */
    width: 10px;
    border-color: #AAAAAA;
    border-bottom: 1px solid black;
}
/* -------------------- END CMA Wizard Specific -------------------- */

/*
** ==================== Site Administration Specific ====================
*/

.clsAlternateRow
{
    background: rgb(250,250,220);
}

/* -------------------- END Site Administration Specific -------------------- */
/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.5;
}

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


/* For Asp.Net Menu Control */

.MainMenuStyle
{
    cursor: default;
    color: #000000;
    width: 620px;
    height: 37px;
    vertical-align: top;
}

.MainMenuStyle table
{
    background-color: #045c97 !important;
    margin: 0px;
}

.MenuHeadNormal td
{
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 10pt;
    background: url(../AppStyles/StyleGraphics/Default/NavMenuTop.png);
    background-repeat: repeat-x;
    height: 37px;
    padding-left: 3px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}

.MenuHeadNormal a:link
{
    color: Black;
}

.MenuHeadNormal a:visited
{
    color: Black;
}


.MenuHeadHover td
{
    font-family: "Trebuchet MS" ,Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 10pt;
    cursor: pointer;
    background: url(../AppStyles/StyleGraphics/Default/NavMenuTopHover.png);
    background-repeat: repeat-x;
    height: 37px;
}

.MenuHeadHover a:link
{
    color: #045C97;
}

.MenuHeadHover a:visited
{
    color: #045c97;
}

.MenuSelect
{
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    background-color: #045c97;
    width: 120%;
    margin-left: -5;
    margin-right: -3;
}

.MenuSelect a:link
{
    color: White;
}

.MenuSelect a:visited
{
    color: White;
}

.MenuSelect a:hover
{
    background: #D3D3D3;
    color: #000000 !important;
}

.MenuSelect td
{
    font-family: Arial,sans-serif;
    font-size: 10pt;
    padding: 2px;
}

.roundedEnd
{
    cursor: pointer;
    height: 37px;
    width: 20px;
    background: url(../AppStyles/StyleGraphics/Default/RoundedEnd.png) !important;
    background-repeat: no-repeat !important;
    vertical-align: top;
}

.IE8Fix 
{
	z-index:100;
}