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

body {
#	background:		            #F6F6E3;
	background:		            #FFFFFF;
    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";
    font-weight:		bold;
    color:				#00204F;
	}

h1, h2 {
    text-align:			center;
	}

h1, h2, h3 {
    margin-top:        7px;
    margin-bottom:     7px;
    }

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";
	}

textarea {
	font:				normal 8pt "ms sans serif", "Helvetica";
	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;
    }

/* This is normally contained within a clsDivContainer to center it. */
.clsDivBox {
    border:             black 1px solid;
    text-align:         left;
    background:         #DDDDBB;
    width:              700px;
    padding:            10px;
    }

.clsDivBoxTransparent {
    background:     #DDDDBB;
    }

/* Style for modules on the home page */
.clsModuleHeader {
    border:             1px solid #C9C9C9;
    background:         white url('../AppStyles/StyleGraphics/grey_grad_01.gif');
    text-align:         left;
    color:              #153565;
    padding-left:       5px; font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:arial
    }
.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;
    }
/* -------------------- END Page Layout -------------------- */


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

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

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

.clsNotImplemented {
	color:				red;
	font:				bold 12pt arial;
	}
/* -------------------- END Debugging -------------------- */

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

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

.clsReportSectionHeader {
    text-align:     center;
    background:     white url(../AppStyles/StyleGraphics/grey_grad_01.gif);
    background:     white;
    color:          #842727;
    font:           bold 8pt arial;
    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/grey_grad_01.gif');
    color:          black;
    border:         1px solid #C9C9C9; font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:arial
    }
/* 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;
    }

/* 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/logos/rt04_logo.gif') no-repeat;
    width:100px; background-repeat:no-repeat

    }

/* The main portion of the page footer */
.clsFooter {
    color:          white;
    background:     #00204F;
    }

/* The thin line above and below the page footer */
.clsFooterThinLine {
    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;
    border:         1px solid;
    border-color:   #C9C9C9;

    }

/* Style of buttons that float up and down in quick search and other pages. */
.floatingButtons {
		border-top:		none;
		border-bottom:	none;
		border-left:	none;
		border-right:	none;
		font-size:		10pt;
		background:		none transparent scroll repeat 0% 0%;
		cursor:			hand;
		color:			black;
		text-align:		left
	}
/* -------------------- END Page aesthetics -------------------- */


/*
** ==================== Listing Status colors =======================
*/
.clsStatusColorActive {
    color:              #008000;
    font-weight:        bold;
    }
.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;
    }
/* -------------------- END Listing Status colors -------------------- */


/*
** ==================== Menu styles =======================
*/

#tblMenu tr {
	background: 	#00204F;
}
.clsMenuHeaderDefault {
	font:           normal 10pt "ms sans serif", "helvetica", "arial";
	color:          white;
	background:     #00204F; 
	height:         22px;
	padding-left:   6px;
	padding-right:  6px;
	padding-top:    3px;
	padding-bottom: 3px;
	border:         2px solid #00204F;
	cursor:         default;
    }

.clsMenuHeaderHover {
    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; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:ms sans serif, helvetica, arial
    }

.clsMenuHeaderHoverDown {
    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; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:ms sans serif, helvetica, arial
    }

.clsMenuList {
    font:           normal 10pt "ms sans serif", "helvetica", "arial";
    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;
    }

.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;
    }
/* -------------------- END Menu styles -------------------- */


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

/* Used for the main content section of pages that have tabs. */
.clsDivTabBody {
    width:              100%;
    background:         white;
    border-bottom:      1px solid black;
    padding-left:       20px;
    padding-right:      20px;
    padding-bottom:     5px;
    }

.clsTabDefault {
    color:              #333399;
    background-color:   #EEEEEE;
    border-color:       #AAAAAA;
    border-width:       1px;
    border-style:       Solid;
    border-bottom:      1px solid black;
    font:               bold 10pt ms sans serif;
    height:             21px;
    width:              110px;
    text-align:         center;
    padding:            1px 5px 1px 5px;
    cursor:             default;
    }
.clsTabHover {
    color:              #00204F;
    background:         #DDDDBB;
    border-color:       #AAAAAA;
    border-width:       1px;
    border-style:       Solid;
    border-bottom:      1px solid black;
    font:               bold 10pt ms sans serif;
    height:             21px;
    width:              110px;
    text-align:         center;
    padding:            1px 5px 1px 5px;
    cursor:             default;
    }
.clsTabSelected {
    color:              #000000;
    background:         white url('../AppStyles/StyleGraphics/grad_01.gif');
    text-align:         center;
    width:              110px;
    border-bottom:      1px solid white;
    border-top:         1px solid black;
    border-left:        1px solid black;
    border-right:       1px solid black;
    cursor:             default; font-style:normal; font-variant:normal; font-weight:bold; font-size:10pt; font-family:ms sans serif; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px
    }
.clsTabSeparator {
    width:              10px;
    border-color:       #AAAAAA;
    border-bottom:      1px solid black;
    }
/* -------------------- END Tab styles -------------------- */



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

/* == Header == */
.clsDataGridHeader {
    font-weight:	bold;
    color:          white;
    background:    	#7F8CA0;
    text-align:     center;
	}

.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:          black;
    background:     white;
    text-align:     center;
	}

.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:          black;
    background:     #F7F7F7;
    text-align:     center;
	}

.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:          white;
    background:     #7F8CA0;
    text-align:     center;
	}

/* -------------------- END DataGrid styles -------------------- */


/*
** ==================== Add/Edit Specific ====================
*/
.clsPropertyClassBanner {
    border-bottom:  thin groove;
    border-left:    thin groove;
    border-right:   thin groove;
    border-top:     thin groove;
    font-family:    helvetica, arial;
    font-weight:    bold
    }

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


/*
** ==================== Financial Reports Specific ====================
*/
.clsLeftCol {
	text-align:		right;
}
.clsDecimalsPopupShow {
	border:			1px solid black;
	font:			normal 10pt courier new;
	width:			110px;
	padding:		5px;
	background:		silver;
	position:		absolute;
	left:			60px;
}
.clsDecimalsPopupHide {
	border:			none;
	width:			110px;
	position:		absolute;
	left:			60px;
}
.clsReadOnlyBoldTextBox {
	background:		none;
	border:			none;
	font-weight:	bold;
}
/* -------------------- END Financial Reports Specific -------------------- */

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

.clsQuickSearchHelpPopupShow {
	border:			1px solid black;
	font:			normal 10pt courier new;
	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-top:		none;
		border-bottom:	none;
		border-left:	none;
		border-right:	none;
		font:			bold 14pt;
		color:			black;
		font-family:    Arial;
		text-align:		center
	}

/* Style for the header of CMA Wizard Step Desc. */
.clsCMAWizStepDesc {
		border-top:		none;
		border-bottom:	none;
		border-left:	none;
		border-right:	none;
		font-size:		8pt;
		color:			black;
		font-family:    Arial;
		text-align:		left
	}

/* Style for the header of CMA Wizard Field Desc. */
.clsCMAWizStepFieldDesc {
		border-top:		none;
		border-bottom:	none;
		border-left:	none;
		border-right:	none;
		font:		    bold 10pt;
		color:			black;
		font-family:    Arial;
		width:			100px;
		text-align:		left
	}

.clsCMAWizSectionHeader {
    text-align:     left;
    background:     white url('../AppStyles/StyleGraphics/grey_grad_01.gif');
    color:          black;
    border:         1px solid #C9C9C9; font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:arial
    }
    
.clsCMAWizSectionHeaderCenter {
    text-align:     center;
    background:     white url('../AppStyles/StyleGraphics/grey_grad_01.gif');
    color:          black;
    border:         1px solid #C9C9C9; font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:arial
    }    

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

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

.clsCMAWizMenu_TabDefault {
    color:              #AAAAAA;
    background-color:   #EEEEEE;
    border-color:       #AAAAAA;
    border-width:       1px;
    border-style:       Solid;
    border-bottom:      1px solid black;
    font:               bold 10pt ms sans serif;
    height:             21px;
    width:              110px;
    text-align:         center;
    padding:            1px 5px 1px 5px;
    cursor:             default;
    }
.clsCMAWizMenu_TabHover {
    color:              #00204F;
    background:         #DDDDBB;
    border-color:       #AAAAAA;
    border-width:       1px;
    border-style:       Solid;
    border-bottom:      1px solid black;
    font:               bold 10pt ms sans serif;
    height:             21px;
    width:              110px;
    text-align:         center;
    padding:            1px 5px 1px 5px;
    cursor:             default;
    }
.clsCMAWizMenu_TabSelected {
    border:1px solid white; color:              #000000;
    background:         white url('../AppStyles/StyleGraphics/grad_01.gif');
    text-align:         center;
    width:              110px;
    cursor:             default; font-style:normal; font-variant:normal; font-weight:bold; font-size:10pt; font-family:ms sans serif; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px
    }
.clsCMAWizMenu_TabSeparator {
    width:              10px;
    border-color:       #AAAAAA;
    border-bottom:      1px solid black;
    }
/* -------------------- END Tab styles -------------------- */

/* -------------------- END CMA Wizard Specific -------------------- */

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

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

/* -------------------- END Site Administration Specific -------------------- */


/*
** ==================== Button Hilighting ====================
*/
/*
button {
    width:       120px;
    background:  silver;
    behavior:    url(/AppBehaviors/behHilightButton.htc);
	}
input {
    behavior:    url(../AppBehaviors/behHilightButton.htc);
	}

.clsButtonNormal {
    background:  silver;
    behavior:    url(../AppBehaviors/behHilightButton.htc);
	}
.clsButtonHilight {
    background:  #CCCCAA;
    color:       #000000;
    behavior:    url(../AppBehaviors/behHilightButton.htc);
	}
.clsButtonDown {
    background:  #AA0000;
    color:       #FFFFFF;
    behavior:    url(../AppBehaviors/behHilightButton.htc);
	}
*/

/* -------------------- END Button Hilighting -------------------- */


/*
** ==================== Data Table w/ Hilighting ====================
*/
/*
.clsDataTableDiv {
	height:			190px;
    width:			80%;
	overflow: 		auto;
	border:			thin solid navy;
    background: 	#FFFFFF;
	position: 		relative;
	}

.clsDataTable {
	width:				98%;
	border-collapse: 	collapse;
	border-spacing:		0px;
	margin:				0px;
	}

table.clsDataTable td {
	margin:				5px;
	}

.clsHilite {
	  background-color: #DDDDBB;
	  color: 			black;
	  font-weight: 		normal;
	  cursor: 			default;
	}
*/
/* -------------------- END Data Table w/ Hilighting -------------------- */