body { background-color:#FFECCC; background:#FFECCC; font-family:Arial,sans-serif; }
.main_bg { background-color:#FFECCC; }
.app_title { font-family:Comic Sans MS; color:#006847; font-size:18px; }
.util_title { font-family:Comic Sans MS; color:#FF9933; font-size:18px; }
.join_title { font-family:Comic Sans MS; color:#CC9900; font-size:18px; }
.join_bg { background:#CC9900; background-color:#CC9900; }
.join_text { color:#666666; font-weight:bold; }

.app_columnHeading { color:white;  font-size:12px; font-weight:bold;   padding-left:.5ex;        padding-right:.5ex; }
.app_edit { color:white;  background:#679B7F; font-size:12px; font-weight:bold;   padding-left:.5ex;        padding-right:.5ex; }
.mem_title { color:#DBA66F; font-size:18px; }
.mem_columnHeading { color:white; background:#DBA66F; font-size:12px; font-weight:bold; }
.util_columnHeading { color:white; background:#FFC14C; font-size:12px; font-weight:bold; }


.vw_link  { font-size:11px; size:11px; color:gray; vertical-align:middle;  font-weight:normal;  }
.vw_link_red { font-size:11px; size:11px; color:white; vertical-align:middle;  font-weight:normal;  }
.app_link { font-size:11px; size:11px; color:#6699CC; vertical-align:middle; text-decoration:none; font-weight:bold;  }
.app_link2 { font-size:10px; size:10px; color:gray; vertical-align:middle; text-decoration:none; font-weight:bold;  }
.mem_link  { font-size:11px; size:11px; color:#6699CC; vertical-align:middle;  font-weight:normal;  }
.mem_link_red { font-size:11px; size:11px; color:red; vertical-align:middle;  font-weight:normal;  }
.mem_link2 { font-size:14px; size:12px; color:#6699CC; vertical-align:middle; font-weight:bold; }
.rpt_link { font-size:12px; size:12px; color:#6699CC; vertical-align:middle; font-weight:bold; }
a.mem_link  { font-size:11px; size:11px; color:#6699CC; vertical-align:middle; font-weight:normal;  }
a.rpt_link  { font-size:11px; size:11px; color:gray; vertical-align:middle; font-weight:bold;  }
a.mem_link2 { font-size:14px; size:12px; color:#6699CC; vertical-align:middle; font-weight:normal; cursor:hand; }
a.mem_link_red { font-size:11px; size:11px; color:red; vertical-align:middle;  font-weight:normal;  }
a.app_link  { font-size:11px; size:11px; color:#6699CC; vertical-align:middle; font-weight:normal;  }

a.mem_link:hover  { color:blue; font-weight:bold;  }
a.vw_link:hover   { color:gold; font-weight:bold;  }

a.rpt_link:hover  { color:blue; font-weight:bold;  }
a.mem_link2:hover { color:blue; font-weight:bold; text-decoration:underline; }
a.app_link:hover { color:blue; font-weight:bold; text-decoration:underline; }
a.mem_link_red:hover { color:red; font-weight:bold; }

a.nav_link { font-size:11px; color:#DBA66F; vertical-align:middle; text-decoration:underline;  }
a.nav_link:hover  { color:blue; font-weight:bold;  }
.row_spacer { font-size: 1px; padding-top:0; padding-bottom:0; }

.phaseItem  { background-color:white; background:white; color:#ADAFAA; cursor:hand; }
.phaseItemSelect  { background-color:green; font-size:10px; background:white; color:white; cursor:default; }

.microview   { font-size: 4px; }
.smallview   { font-size: 6px; }
.skyview   { font-size: 4px; }
.midview   { font-size: 10px; color:white; }
.normview   { font-size: 12px; color:white; }
.phase4    { background-color:#679B7F; }
.phase3    { background-color:#DBA66F; }
.phase1    { background-color:#FFC14C; }
.phase2    { background-color:#6695C1; }
.driveway  { background-color:gray; }
.spacer    { background-color:white; }
.locator   { background-color:gray; color:white; font-size:10px; }
.locLabel  { color:white; font-size:10px; }

.rulegrey1 { background:#cccccc; background-color:#cccccc; }

.phase_heading { font-size:11px; size:11px; color:gold; font-weight:bold;  }
.infoContent  { color:white; font-size:10px; text-decoration:italic; font-weight:bold; }

.meminfoHead  { font-size:14px; color:#DBA66F;}
.meminfoTitle { font-size:14px; size:12px; color:gray; font-weight:bold; }
.meminfoPersonal { font-size:10px; size:10px; color:gray; }
.meminfoAssoc { font-size:10px; color:gray; }
.meminfoCash { font-size:10px; size:10px; color:gray; text-align:right; }
.meminfoCashTot { font-size:10px; size:10px; color:#6B5E4F; font-weight:bold }
.meminfoBtn { font-size:10px; size:10px; color:gray; text-align:center; }
.mempayhist    { background-color:#DBA66F; color:white; }


.paytext {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 13px}
.payhead {FONT-FAMILY: Ariel, Helvetica, Century Gothic; color: #336666; font-size: 16px; font-weight: bold}


#dhtmltooltip{
font-family:Arial,sans-serif; 
font-size:12px;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}