/***** Better Than Home Style Sheet *****/
/*
Style Sheet divided into sections.
1. General
2. Includes (leftnav, rightnav, etc.)
3. Home Page
4. Input Form Pages
5. Unit Views
6. FAQ
7. Popup Help
(Add new sections as needed)
*/

/************************* GENERAL ************************/
H1, H2, H3, H4, H5 {
	font-family: "Western", "Book Antiqua", "Arial";
	font-style: normal;
	line-height: 1em;
	color: #8a0036;
}

H1 { font-size: 18pt; }
H2 { font-size: 14pt; }
H3 { font-size: 12pt; }
H4 { font-size: 10pt; }
H5 { font-size: 9pt; }
.heading { color: #8a0036; font-weight: bold; font-size: 8pt;}
.heading1 { color: #8a0036; font-weight: bold; font-size: 11pt;}
.heading2 { color: #8a0036; font-weight: bold; font-size: 10pt;}
.heading3 { color: #8a0036; font-weight: bold; font-size: 9pt;}
.heading4 { color: #8a0036; font-weight: bold; font-size: 8pt;}

P.Dactyl {	/* Designed by Dactyl tag */
	font-family: "Arial";
	font-size: 8pt;
	font-style: normal;
	text-align: right;
	color: #333399;
}

P.copyright {	
	font-family: "Arial";
	font-size: 8pt;
	font-style: normal;
	text-align: center;
	letter-spacing: 1px;
	color: #bbbbbb;
}

A:link		{ color: #66593B; }
A:visited	{ color: #606060; }
A:hover		{ color: white; background: #336699; }
A:hover.nohover { color: black; background: none; }

DIV.errorbox { /* Box to display around user errors */
	background: #FFDEDE;
	padding: 5px 5px 5px 5px;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 1em;
	margin-bottom: 1em;
	border: thin solid #8a0036;
	font-style: normal;
	font-family: "Times Roman";
	font-size: 12pt;
	color: #336699;
}

DIV.messagebox { /* Box to display a general message to user */
	background: #DCE9F8;
	padding: 5px 5px 5px 5px;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 1em;
	margin-bottom: 1em;
	border: thin solid #336699;
	font-style: normal;
	font-family: "Arial, Times Roman";
	font-size: 10pt;
	color: #336699;
}

DIV.messagebox2 { /* Box to display a general message to user */
	background: #DCE9F8;
	padding: 5px 5px 5px 5px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
	border: thin solid #336699;
	font-style: normal;
	font-family: "Arial, Times Roman";
	font-size: 10pt;
	color: #336699;
}

DIV.plainbox { /* Box to display a general message to user */
	padding: 5px 5px 5px 5px;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: normal;
	font-family: "Arial, Times Roman";
	font-size: 10pt;
}

DIV.plainwhitebox { /* Box to display a general message to user */
	padding: 5px 5px 5px 5px;
	margin: 2px 2px 2px 2px;
	border: 1px solid #8a0036;
	background: white;
}

.helplink { cursor: help; }
/*********************************************************/



/*********************** INCLUDES ************************/

TD.topmenu {	
	font-style: normal;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	background: #336699;
	color: white;
}
TD.topmenu A:link { color: #FFFFFF; }
TD.topmenu A:visited { color: #FFFFEE; }
TD.topmenu A:hover { color: #58523C; background: #F8F2DC; }

TD.submenu {	
	font-style: normal;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	background: #214163;
	color: white;
}
TD.submenu A:link { color: #FFFFFF; }
TD.submenu A:visited { color: #FFFFEE; }
TD.submenu A:hover { color: #58523C; background: #F8F2DC; }
TD.rightsidenav {	
	font-style: normal;
	font-family: "Arial";
	font-size: 9pt;
	background: #F8F2DC;
	color: #73614A;
	padding-left: 5px;
	padding-right: 5px;
}

TD.rightsidemenu {	
	font-style: normal;
	font-family: "Arial";
	font-size: 8pt;
	background: #F8F2DC;
	color: #58523C;
}

/* TD.rightsidemenu A:link { color: #96895B; } 
TD.rightsidemenu A:hover { color: #000033; background: #96895B; }
TD.rightsidemenu A:visited { color: #7D7046; }
*/
TD.rightsidemenu A:link { color: #46390B; }
TD.rightsidemenu A:visited { color: #56491B; }
TD.rightsidemenu A:hover { color: white; background: #5C2E2E; }

TD.leftsidenav {	
	font-style: normal;
	font-family: "Arial";
	font-size: 12pt;
	background: #DCE9F8;
	color: white;
}

TR.bottomdivider {	
	font-style: normal;
	font-family: "Arial";
	font-size: 6pt;
	background: #214163;
	color: white;
}
/*********************************************************/



/*********************** HOME PAGE ***********************/
div.searchboxborder { /* Border around search box */
	background: #605CA7;
	padding-left: 5px;
   padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-right: 15%;
   border: solid;
	border-width: thin;
/*	
	border-left-color: #aa0056;
	border-top-color: #aa0056;
	border-right-color: #8a0036;
	border-bottom-color: #8a0036;
*/	
	border-left-color: #908CD7;
	border-top-color: #908CD7;
	border-right-color: #201C77;
	border-bottom-color: #201C77;
  }
  
 TH.searchboxtitle { /* Search box title fonts */
 	color: white;
 	background: #605CA7;
	font-weight: bold;
	font-family: Arial;
	font-size: 10pt;
 }
/*********************************************************/



/********************** INPUT FORMS **********************/
.inputfield {	
	font-style: normal;
	font-family: "Courier", "Arial";
	font-size: 8pt;
	color: #330000;
}

.selectfield {	
	font-style: normal;
	font-family: "Courier", "Arial";
	font-size: 8pt;
	color: #330000;
}

.checkboxfield {	
	font-style: normal;
	font-family: "Courier", "Arial";
	font-size: 8pt;
	color: #330000;
}

.textareafield {	
	font-style: normal;
	font-family: "Courier", "Arial";
	font-size: 8pt;
	color: #330000;
}

.amenitieschecked {
	color: #330000;
	font-weight: bold;
}

.amenitiesunchecked {
	color: #bbbbbb;
}

.fieldlabel {	
	font-style: normal;
	font-family: "Arial";
	font-size: 9pt;
	color: #023568;
}

.fieldlabelrequired {	
	font-style: normal;
	font-weight: bold;
	font-family: "Arial";
	font-size: 9pt;
	color: #023568;
}

.fieldhelp {	
	font-family: "Arial";
	font-size: 8pt;
	background: #eeeeee;
	color: #023568;
    border: solid;
	border-width: thin;
/*	border-color: #93C6F9;*/
	border-color: #eeeeee;
	padding-left: 3px;
	padding-right: 2px;
}

TD.fieldhelpon {	
	font-style: normal;
	font-family: "Arial";
	font-size: 8pt;
	background: #ffff99;
	color: #023568;
    border: solid;
	border-width: thin;
	border-color: black;
	padding-left: 3px;
	padding-right: 2px;
}

TD.field {	
	font-style: normal;
	font-family: "Arial";
	font-size: 9pt;
	background: white;
	color: #225588;
}

TD.fieldoption {	
	font-style: normal;
	font-family: "Arial";
	font-size: 8pt;
	background: white;
	color: #225588;
}

TD.sectiontitle {	
	font-style: normal;
	font-weight: bold;
	font-family: "Arial";
	font-size: 10pt;
	background: #336699;
	color: white;
}
/*********************************************************/



/********************** UNIT VIEWS **********************/
TR.showunitheadfoot {	
	font-style: normal;
	font-weight: bold;
	font-family: "Arial";
	font-size: 11pt;
	background: #336699;
	color: white;
}

TD.showunit {	
	font-style: normal;
	font-family: "Arial";
	font-size: 9pt;
	color: #336699;
}

A:hover.showunit {
	background: #336699;
	color: yellow;
	}


TR.showunitsearchhead {	
	font-style: normal;
	font-weight: bold;
	font-family: "Arial";
	font-size: 10pt;
	background: #336699;
	color: #F8F2DC;
}

TR.showunitsearchfoot {	
	font-style: normal;
	font-family: "Arial";
	font-size: 5pt;
	background: #336699;
	color: #F8F2DC;
}

TR.showunitsearch {	
	font-style: normal;
	font-family: "Arial";
	font-size: 9pt;
	color: #114477;
}

.unitfull {
	border-width: 2px;
	border-style: dotted;
	border-color: #336699;
	padding: 3px 3px 3px 3px;
	margin: 2px 10px 2px 10px;
	color: red;
	background: #DCE9F8;
}

.unitlabelheader {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	text-transform: CAPITALS;
	background: #336699;
	color: white;
}

.unitfulllandlord {
	border-width: 2px;
	border-style: dotted;
	border-color: #336699;
	padding: 3px 3px 3px 3px;
	margin: 2px 10px 2px 10px;
	color: red;
	background: #eeeeee;
}

.unitlabelheaderlandlord {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	text-transform: CAPITALS;
	background: #666666;
	color: white;
}

.unitfullamenities {
	border-width: 2px;
	border-style: dotted;
	border-color: #336699;
	padding: 3px 3px 3px 3px;
	margin: 2px 10px 2px 10px;
	color: red;
	background: #F8F2DC;
}

.unitlabelheaderamenities {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	text-transform: CAPITALS;
	background: #96895B;
	color: black;
}

.unitlabel {
	font-weight: bold;
	font-family: "Times Roman", "Times New Roman", "Arial";
	font-size: 9pt;
	color: #336699;
}

.unitvalue {
	font-weight: normal;
	font-family: "Courier New", "Courier", "Arial";
	font-size: 8pt;
	color: black;
}

.photomanager {
	border-width: 2px;
	border-style: dotted;
	border-color: #99cc99;
	padding: 3px 3px 3px 3px;
	margin: 5px 10px 5px 10px;
	color: red;
	background: #DCE9F8;
}

.photomanagerheader {
	font-weight: bold;
	text-align: center;
	background: #336633;
	color: white;
}

.photomanagervalue {
	font-weight: normal;
	font-family: "Courier", "Arial";
	font-size: 9pt;
	color: black;
}

.unitadminonly {
	border-width: 2px;
	border-style: dotted;
	border-color: #660000;
	padding: 3px 3px 3px 3px;
	margin: 5px 10px 5px 10px;
	color: white;
	background: #ffff99;
}

.unitadminonlyheader {
	font-weight: bold;
	text-align: center;
	background: #660000;
	color: white;
}

.unitadminonlyvalue {
	font-weight: normal;
	font-family: "Courier", "Arial";
	font-size: 9pt;
	color: white;
}
/*********************************************************/


/************************* FAQs **************************/
.faq {
	font-weight: bold;
	font-size: 11pt;
}
P.faq {
	font-weight: normal;
	font-size: 10pt;
}
UL.faq { list-style-type: square; }
LI.faq A:link		{ color: blue; }
LI.faq A:visited		{ color: blue; }
LI.faq A:hover		{ color: white; background: #336699; }
/*********************************************************/


/********************** Pop-up Help ************************/
.popuphelp {
	background: #DCE9F8;	
	color: #134679;
	margin-top: 5px;
	padding: 10px 10px 10px 10px;
	border: solid thin #336699;
	font-family: Arial, Tahoma;
	font-size: 8pt;
	}
/*********************************************************/



/********************** Landlord View *********************/
.viewlabel {
	font-weight: bold;
	font-family: "Times Roman", "Times New Roman", "Arial";
	font-size: 9pt;
	color: #336699;
}

.viewvalue {
	font-weight: normal;
	font-family: "Courier New", "Courier", "Arial";
	font-size: 8pt;
	color: black;
}
/************************************************************/