/*
 * Style sheet for rental property software
 * Created 9/12/2004 by Hercules Solutions, LLC
 * Copyright 2004 Hercules Solutions, LLC. All Rights Reserved 
 */

/* Standard tag definitions */

body 
{ 
	border: 0px;
	padding: 0px;
	margin: 0px;
	color: #002200;
	background-color: #F5F5F5;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	text-align: center; 
	margin:0 auto; 
}

table { margin-left: auto; margin-right: auto; text-align: center; }
img { border: 0px; }
select { margin-top: 2px; margin-bottom: 2px;}
td 
{
	vertical-align: top; 
	text-align: left; 
	font-size: 11px; 
	margin: 0px; 
	padding: 0px;
	color: #002200;
}

h1 { font-size: 20px; font-weight: bold; color: #000099; width: 100%; border-bottom: solid 2px #000099; }
h2 { font-size: 16px; font-weight: bold; color: #000099; width: 100%; border-bottom: solid 2px #000099; }
h3 { font-size: 14px; font-weight: bold; color: #000099; width: 100%; border-bottom: solid 2px #000099; }
a { color: Blue; text-decoration: underline; }
a:visited { color: Blue; text-decoration: underline; }
a:hover { color: Green; text-decoration: underline; }
a:active { color: red; text-decoration: underline; }


.MainTable
{
	width: 744px;
	background: white;
	border-right: solid 1px black;
	border-left: solid 1px black;
	padding: 0px;
	margin: 0px;	
}

.MainBody
{
	padding: 10px;
}

/* Menu control styles */
.Menu 
{
	background-color: #012488; 
	width: 742px;
	padding: 0px;
	margin: 0px;
	border-right: solid 1px black;
	border-left: solid 1px black;
	border-top: solid 1px black;
	margin-top: 10px;
}
.Menu td { font-size: 12px; color: #CCCCCC; text-align: right; vertical-align: middle;}
.Menu a { color: White; text-decoration: none; }
.Menu a:visited { color: White; text-decoration: none; }
.Menu a:hover { color: White; text-decoration: underline; }
.Menu a:active { color: Yellow; text-decoration: none; }

.MenuBar
{
	padding-left: 21px;
}

.MenuBar a
{
	padding-left: 10px;
	padding-right: 10px;
}
/* Standard info box style */
.InfoBox 
{
	border: solid 1px #012488;
	border-top: solid 5px #012488;
	padding: 8px;
	margin-bottom: 16px;
	margin-top: 4px; 
}

/*  A button that takes up the entire width of its area */
.fullwidthbutton
{
	width: 100%;
	background-color: #b5b5b5;
	border: solid 1px Black;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
}

/* Text classes */
.bigblue { font-size: 14px; font-weight: bold; color: Blue; }
.boldred { color: Red; font-weight: bold; }
.PropertyTitle { font-size: 20px; font-weight: bold; color: #000099; }

/* Property classes */
.PropertyGrid { }
.PropertyGrid td { padding: 5px; margin: 0px; }
.propertyheader { background-color: #E0E0E0; color: Black; font-weight: bold;}
.propertyheader a { color: Black; font-weight: bold; }
.propertyheader a:visited { color: Black; }
.propertyheader a:hover { color: Red; }
.propertyheader a:active { color: Black; }
.PropertyRow { background-color: #E5E5E5; }
.PropertyAlt {   }
.propertyname { font-size: 16px; }
.BorderBottom { border-bottom: solid 2px red; }

/* Unit subgrid classes */
.UnitGrid { width: 100%; border: 0px; }
.UnitRow  { border-bottom: solid 1px black; }
.UnitRowImage  { border-bottom: solid 1px black; text-align: center; vertical-align: top; }
.UnitName { font-size: 14px; }
.UnitHead { background-color: #012488; font-weight: bold; }
.UnitHead td { color: White; }
.UnitHead a { color: White; }
.UnitHead a:visited { color: White; }
.UnitHead a:hover { color: Yellow; }
.UnitHead a:active { color: White; }

/* PropertyUnit subgrid classes */
.PropertyUnitGrid { width: 100%; border: 0px; }
.PropertyUnitGrid td { padding: 5px; }
.PropertyUnitRow  {  }
.PropertyUnitAlt  { background-color: #eeeeee; }
.PropertyUnitRowImage  { border-bottom: solid 1px black; text-align: center; vertical-align: top; }
.PropertyUnitName { font-size: 14px; }
.PropertyUnitHead { background-color: #dddddd; color: Black; font-weight: bold; }


/* Helper classes */
.centerAlign { text-align: center; vertical-align: top;}
.rightAlign { text-align: right; }
.DataLabel { font-weight: bold; text-align: left; padding-right: 10px; }
.DataTable td { padding: 0px 10px 10px 0px; }
.LeftColumn { width: 205px; }
.ContactColumn { width: 215px; }
.PageTitle { font-size: 20px; font-weight: bold; color: Blue; }
.Question { font-weight: bold; }
.SubHead { font-weight: bold; }
.PadLeft { margin-left: 20px; }

/* Maintenance Table */
.Maintenance { background-color: #EEEEEE}

.AvailabilitySheet
{
	border-bottom: solid 1px black; 
	width: 600px;
}

.AvailabilitySheet td { font-size: 11px; }
.AvailabilityRow
{
	padding-left: 10px;
}
.AvailabilitySectionHead
{
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

.GrayRight
{
	border-right: solid 1px gray;
	padding: 10px;
}

.BoldHead
{
	font-weight: bold;
	font-size: 12px;
	color: #012488;
}

.ImageBanner td
{
	padding-left: 1px;
}

.Button
{
	width: 100%;
	background-color: #EEEEEE;
	margin-top: 10px;
}

input 
{ 
	border-color: #cccccc; 
	border-width: 1px; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: Black;
} 

.ImageGallery
{
	width: 315px;
}

.ImageGallery img
{
	border: solid 1px black;
}

.ImageGallery td
{
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}

.ThumbsTable td
{
	padding: 3px;
}

.Utilities
{
	border: solid 1px black;
	margin-left: 0px;
}


.Utilities td
{
	padding-bottom: 10px;
	font-size: 12px;
}

.Footer
{
	width: 744px; 
	border: solid 1px black;
	background-color: #012488;
}

.Footer td { font-size: 12px; color: #CCCCCC; text-align: left; vertical-align: middle;}
.Footer a { color: White; text-decoration: none; }
.Footer a:visited { color: White; text-decoration: none; }
.Footer a:hover { color: White; text-decoration: underline; }
.Footer a:active { color: Yellow; text-decoration: none; }

.ContactInfo td { padding: 0px 10px 10px 0px; }