﻿/*****************************************************************************************
									Tag selectors - global to all pages 
******************************************************************************************/
body {
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;	/* override in divPage */
	background-image:url(images/background.gif);
	min-width:800px;
}
h1, h2, h3, h4, h5, h6	{
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}
h1 {
	font-size:20pt;
	text-align:center;
}
h2 {
    font-size:16px;
    text-align:left;
}
h3 {
    font-size: 14px;
    text-align:left;
}  

p {
	margin-top: 0px;
}
p.withLeading { 
	margin-top: 1em; 
}
p.noFollowing { 
	margin-bottom: 0px; 
}

img {
	display:block;
	border:none;
}

table {
	border-collapse:collapse;
}

ul, ol { 
	margin-top:0;
	margin-bottom:0;
}
li {
	margin-top: 3px;
	margin-bottom: 3px;
}
ul ul li {
	list-style-type: square;
}
ul ul ul li { 
	list-style-type: circle; 
}

span.code { 
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; 
	font-weight: bold
}



/*****************************************************************************************
						Class selectors - global to all pages, unless noted 
******************************************************************************************/
.hidden {
	visibility: hidden;
}
.inline {
	display:inline;
}
.centered {
	text-align:center;
}

.command /* simulate hyperlink */ {
	text-decoration:underline;
	color:Blue;
	cursor:hand;
}
.expand /* hyperlink when rolled over */ {
	text-decoration:none;
	color:#020769;
}
.expand:hover {
	text-decoration:underline;
	cursor:hand;
}

.labelRight {
    width:150px; 
    float:left;
    text-align:right;
    padding:5px 5px 0 0;
}
.labelRightRqrd {
	width:150px; 
    float:left;
    text-align:right;
    padding:5px 5px 0 0;
    /* above plus */
    color:Red;
    font-weight:bold;
}
span.rqrdInline {
	color:Red;
	font-weight:bold;
}

.noFloat {
    clear:both;
}

.ajaxPopupPanel
{
/*	display:block; */ 
}

.ajaxDoNotShow
{
	/* used to hide inactive popups */
	display:none;
}

.parenthetical {
	font-size:smaller; 
	font-style:italic; 
}

/* Sidebar - used mainly in broker area */
.sidebarRight {
	float:right;
	width:50%;
	margin:0 0 10px 10px;
	padding:5px;
	border:solid 1px black;
}
.sidebarRight h2 {
}
.sidebarRight a {
	color:Blue;
}
.sidebarRight #imgFormOpen {
	float:left;
	margin:0 10px 10px 0;
}
.sidebarRight #spanFormTitle {
	font-size:16px; 
	font-weight:bold;
	display:block;
}
.sidebarRight p.note {
	font-size:75%;
}

/*****************************************************************************************
						ID-based selectors, first of master page (organized by 
						specific page part) then of pages
******************************************************************************************/
/* Global */
#divPage {
	margin:0 auto;
	width:800px;
	text-align:left;
}
#divPositioning {
	background-color:White;
}

/* Header Elements */
#divHeader {
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	height:107px;
}

/* Main Menu */
#divMenuBar {
	padding:5px 0 2px 10px;
	background-image:url(images/menuBkgnd.jpg);
	background-repeat:repeat-y;
}
#divMenuBar a {
	height:10px;
	color:White;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding-right:20px;
}
#divMenuBar a:hover {
	color:#bfbfbf;
}

#divMenuBar div.secondLevel {
	padding-bottom:3px;
}
* html #divMenuBar div.secondLevel {
	padding-bottom:0;
}
#divMenuBar div.secondLevel a {
	padding:0 10px 0 0;
	font-size:85%;
	border-top:solid 1px white;
}

#divMenuBar .cmdPrivate {
	display:none;
}

/* Other header elements */
#divTopBarSpacer {
	width:766px;	/* see #divFooterContent's invariant */
	height:17px;
	background-color:White;
	margin-left:17px;
}
#divTopBarSpacer img {
	vertical-align:top;
}

/* Footer */
#divFooter {
	clear:both;
}
#divFooterContent {
	width:756px;	/* invariant: this+2*corner size+ (left & right) padding=800 */
	background-color:#0a2a6b;
	color:White;
	font-size:9px;
	font-weight:bold;
	text-align:left;
	padding:2px 0 3px 10px;
	margin-left:17px;
}


/* Content Area */
#divContent {
	padding:20px;
}




/* Page Specific rules */


/* Home (default) */



/* ContactUs.aspx */
#divContent div.buttonBar {
	margin:10px 0 20px 300px;
	clear:both;
}




/*****************************************************************************************
						Login pages/functions
******************************************************************************************/
#divContent .loginFailure {
	margin-bottom:5px;
	color:Red;
	font-weight:bold;
}


/*****************************************************************************************
						Client secure area pages
******************************************************************************************/

/* Property Lookup */
#divContent .lblListMessage {
	display:block;
	margin:5px 0 5px 0;
}

#divContent .tblPropertyListHeader, #divContent .tblPropertList {
	width:740px;
}

#divContent .divPropertyList {
	overflow:auto;
	height:500px;
}

#divContent .divPropertyDetail 
{
	float:left;
	clear:both;
	width:748px;
	margin-top:-1px;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	border-left:solid 1px black;
	padding:5px;
}

#divContent .divPropertyControl
{
	height: 400px;
}

#PropertyTab
{
	clear:both;
	width:748px;
	margin-top:-1px;
	height: 400px;
	overflow: auto;
	/* padding:5px; */
}

#divContent #PropertyTab .tblPropertyLayout {
	width:100%;
	display:block;
}
#divContent #PropertyTab .tblPropertyLayout td {
	vertical-align:top;
}

#divContent #PropertyTab #tblPropertyLayout {
	width:100%;
	display:block;
}
#divContent #PropertyTab #tblPropertyLayout td {
	vertical-align:top;
}

#divContent #PropertyTab .detailArea {
	background-color:#EEEEEE;
	width:95%;	/* effectively margin of table cells */
	padding:5px;
}
#divContent #PropertyTab .detailArea span.label {
	display:block;
	float:left;
	clear:both;
	width:160px;
}
#divContent #PropertyTab .detailArea span.value {
	display:block;
	float:left;
	font-weight:bold;
}
#divContent #PropertyTab .detailArea span.downgrade {
	font-weight:normal;
}
#divContent .divPropertyDetail .detailArea .detailsBtn {
	margin-left:10px;
	height:15px;
	width:25px;
	font-weight:bold;
	vertical-align:top;
}

#divContent #TabContainer
{
	text-align:right;
	color:Olive;	
}

/*
#divContent .divPropertyDetail #tblPropertyLayout {
	width:100%;
	display:block;
}
#divContent .divPropertyDetail #tblPropertyLayout td {
	vertical-align:top;
}

#divContent .divPropertyDetail .detailArea {
	background-color:#EEEEEE;
	width:95%;	
	padding:5px;
}
#divContent .divPropertyDetail .detailArea span.label {
	display:block;
	float:left;
	clear:both;
	width:160px;
}
#divContent .divPropertyDetail .detailArea span.value {
	display:block;
	float:left;
	font-weight:bold;
}
#divContent .divPropertyDetail .detailArea span.downgrade {
	font-weight:normal;
}
#divContent .divPropertyDetail .detailArea .detailsBtn {
	margin-left:10px;
	height:15px;
	width:25px;
	font-weight:bold;
	vertical-align:top;
}
*/

#divContent .divPopup {
	position:absolute;
	background-color:#EFBD90;
	display:none;
}
#divContent .divPopup .buttonBar {
	margin:5px auto 3px; 
	text-align:right;
}

#divContent .divAjaxPopup {
	position:absolute;
	background-color:#EFBD90;
}
#divContent .divAjaxPopup .buttonAjaxBar {
	margin:5px auto 3px; 
	text-align:right;
}
#divContent .divAjaxPopup .popupClose {
	background-color:Red; 
	color:#FFFFFF; 
	text-align:center; 
	font-weight:bold; 
	text-decoration:none; 
	border:outset thin #FFFFFF; 
	padding:0 5px;
	margin-left: 375px;		/* synch with width of tblDetailsPopup (grid view) less 25 */
}
#divContent .divAjaxPopup .fileDownloadLink {
	display:block; 
	margin-left:15px;
}

#divContent .tblDetailsPopup {
	width:400px;
}
#divContent .tblDetailsPopup td, #divContent .tblDetailsPopup th  {
	padding:3px 5px;
}



#divContent #divNotesTab 
{
	background-color:#EEEEEE;
	width:740px;
	height:400px;
	overflow:auto;
}

/* - removed CSS trick and using Ajax controls  --bmw
#divContent #divNotes {
	display:none;
	background-color:#EEEEEE;
	width:748px;
	height:340px;
	overflow:auto;
}
*/
/*#divContent .divPopupDetails {
	position:absolute; 
	width:300px; 
	height:150px; 
	overflow:auto; 
	display:none; 
	background-color:White; 
	border-top:solid 2px Gray;
	border-left:solid 2px Gray;
	border-bottom:solid 2px Black;
	border-right:solid 2px Black;
	padding:5px;
}*/

#divContent .divAssignmentData .divLeftColumn {
	float:left; 
	width:350px;
}
#divContent .divAssignmentData .divRightColumn {
	float:right; 
	width:350px;
}

#divContent .divAssignmentData .txt2UpLonger {
	width:100px;
}
#divContent .divAssignmentData .txtShort {
	width:120px;
}
#divContent .divAssignmentData .txtStandard {
	width:150px;
}

#divContent .divAssignmentData .popupCalendar {
	margin:5px 0 10px 45px;
	width:250px;
}
#divContent .divAssignmentData .popupCalendar .popupCalendar {
	margin:auto;
	font-weight:bold;
	color:White;
}
#divContent .divAssignmentData hr {
	clear:both; 
	margin:0 auto; 
	text-align:center;
}
* html #divContent .divAssignmentData h2, * html #divContent .divAssignmentData h3 { /* prevent IE6 peekaboo */
	height:1%;
}
.divNarrowLeftColumn {
	float:left;
	width:125px;
}


/* tabs */
#divContent .divDetailTabBar {
	margin-top:15px;
	margin-bottom:-15px;	/* NB used to rqr Holly hack! */
}
#divContent .divDetailTabBar .tab {
	float:left; 
	width:75px;
	height:19px; 
	padding-top:5px;
	background-image:url(images/tab.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	border-bottom:solid 1px black;
	font-weight:bold;
	cursor:hand;
	text-align:center;
}
#divContent .divDetailTabBar .tabSeparator {
	float:left; 
	width:20px;
	height:24px; /* .tab's  h+padding+top border */
	border-bottom:solid 1px black;
}
#divContent #divTabAddress{
	float:left; 
	width:570px; /* adjust for other tabs (incl box model) */
	height:24px; /* ibid */
/*	border-bottom:solid 1px black; */
	font-weight:bold;
	font-size:120%;
	padding-left:10px;
}
/*
#divContent .divDetailTabBar #divTabAddress{
	float:left; 
	width:570px; 
	height:24px; 
	border-bottom:solid 1px black;
	font-weight:bold;
	font-size:120%;
	padding-left:10px;
}
*/
/*****************************************************************************************
						Hacks and browser specific mods not above
******************************************************************************************/
* html .peekaboo /* IE6 refresh problem */ {
	height:1%;
}

/* Color map 
	blue theme #072e67
	dark blue (footer) #0a2a6b
	tab color #D4AB8B (was FFD3A7)
	popup color #EFBD90 
*/