﻿.clear
{
    clear: both;
}
*
{
    padding: 0;
    margin: 0;
    border: 0px none;
}
html
{
    height: 100%;
    width: 100%;
}
/*******Global Containers *******/
body
{
    width: 100%;
    font-size: 12px;
    font-family: Trebuchet MS;
    margin: auto;
    padding: 0px;
    margin: 0px;
    background: #fdfdfd url(../images/backgrounds/Main1.gif) repeat-x;
    color: #062c4f;
}
form
{
    width: 100%;
    text-align: center;
}





ul
{
    margin: 0px;
    list-style-position: outside;
    text-align: left;
    padding: 15px;
}
ul li
{
    margin: 0;
    padding: 0;
}

a
{
    color: White;
    text-decoration: none;
}
a:hover
{
    color: #EEEEEE;
    text-decoration: underline;
}

#container
{
    text-align: left;
    clear: both;
    width: 961px;
    margin: auto;
}
#mainHeader
{
    clear: both;
    width: 961px;
    height: 117px;
    background: #519bdd url(../images/backgrounds/Header.gif) no-repeat;
}
#mainHeader .logo
{
    height: 84px;
    padding-top: 1px;
}
#mainHeader .lblPropName
{
    color: White;
    font-size: 24px;
    font-weight: bold;
    font-family: Helvetica, Arial;
    margin-top: 37px;
    display: block;
    margin-left: 39px;
}

#mainNav
{
    padding-top: 10px; /* made up */
    text-align: center;
    font-weight: bold;
}
#mainNav .sep
{
    margin: 0 16px;
    color: White;
}
#mainTop
{
    clear: both;
    width: 100%;
    min-height: 321px;
    background: #21273d url(../images/backgrounds/mainTop.png) no-repeat;
}
#address
{
    background-color: #062c4f;
    color: White; /* #97a6b5; */
    height: 33px;
    line-height: 26px; /*22px */
    font-size: 11px;
    font-family: "Arial";
    text-align: center;
}
#mainText
{
    clear: both;
    width: 100%;
    min-height: 365px; /*381px;*/
    padding-top: 16px;
    background: #f9f9f9 url(../images/backgrounds/Gradient1.png) no-repeat;
    padding-bottom: 1px;
}
#mainText .sideBar
{
    background-color: #f6f7f8;
    width: 198px;
    border: solid 1px #cdced1; /*height: 363px;     width:200px; */
    height: 319px;
    width: 164px;
    padding: 22px 18px;
    margin: 0 19px;
    float: left;
}
#mainText .sideBar strong
{
    font-size: 12px;
}
#Clear
{
    clear: both;
}
.subtitle
{
    color: White;
    font-size: 20px;
    height: 44px;
    margin: 0 17px;
}

.subtitle span
{
    display: block;
    padding-top: 15px;
}
.ftrSeparator
{
    clear: both;
    width: 100%;
    height: 64px;
    background: #f9f9f9 url(../images/backgrounds/footer.png) no-repeat;
}
.Navigation
{
    text-align: center;
    font-family: Georgia;
    font-size: 10pt;
    height: 29px;
    line-height: 29px;
    vertical-align: middle;
    background-color: White;
    padding: 3px 0px 0px 0px;
}

.NavBar
{
    height: 24px;
    color: White;
    line-height: 24px;
    vertical-align: top;
}

.TopNavSpacer
{
    width: 339px;
    float: left;
}

.TopNav
{
    float: left;
    padding: 1px 0px 1px 0px;
    height: 21px;
    line-height: 21px;
    margin: 0px;
    padding: 1px 0px 0px 0px;
    vertical-align: middle;
}

.TopNavItem
{
    width: 133px;
    float: left;
    border-top: 0px !important;
    border-bottom: 0px !important;
    margin-left: 1px;
}

.HeaderFull
{
    border-top: 3px solid #ffffff;
    text-align: left;
    width: 980px;
    height: 214px;
}

.HeaderLeft
{
    border-top: 3px solid #ffffff;
    width: 340px;
    height: 300px;
    float: left;
}

.HeaderRight
{
    border-top: 3px solid #ffffff;
    height: 300px;
    width: 640px;
    float: left;
}

.MasterLeft
{
    width: 340px;
    text-align: left;
    height: 400px;
}

.MasterMid
{
    width: 540px;
    text-align: left;
    background-color: White;
}


.MasterRight
{
    width: 100px;
    text-align: left;
}

.MasterMid p
{
    text-align: left;
}

.canvas
{
    padding: 15px;
    text-align: left;
}

.leftdiv
{
    float: left;
}

.rightdiv
{
    float: right;
}

.section
{
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.HoursBlock
{
    clear: both;
    width: 200px;
    height: 90px;
    font-family: Georgia;
    font-size: 8pt;
    text-align: left;
    margin: auto;
    padding: 5px;
    text-decoration: none;
}

.HoursBlockWrapper
{
    text-align: center;
    margin: auto;
    width: 100%;
    margin-bottom: 10px;
}

#SiteDesc
{
    margin: auto;
    width: 100%;
    color: White;
    font-size: 9pt;
}

.canvas .DisplayImg
{
    width: 450px;
    border: 2px solid silver;
    background-color: #FFFFCC;
}

#SiteDescContents
{
    float: right;
    width: 280px;
    text-align: left;
    padding: 20px 20px 10px 20px;
}

.buttons
{
    vertical-align: middle;
    cursor: hand;
}

/******** Fonts *******/
.TopNavItem a, .TopNavItem a:link, .TopNavItem a:visited, .TopNavItem a:active, .FooterLinks a, .FooterLinks a:link, .FooterLinks a:visited, .FooterLinks a:active
{
    color: White;
    text-decoration: none;
}

.Title
{
    font-size: 10pt;
    font-weight: bold;
}

.Name
{
    font-size: 20pt;
    font-family: Rage Italic;
}

#SiteDesc A
{
    color: White;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}


/********Page specific*******/

/* Default */
.rightBarDefault
{
    border: 3px solid white !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

/*Our Community*/

.amenitiesPnlUCwpr
{
    width: 520px;
}

.amenitiesSection
{
    clear: both;
    padding-top: 10px;
}

/*Floorplans*/
#gvFloorplans
{
    margin: 0;
    padding: 0;
    border: none;
    width: 681px;
    border-collapse: collapse;
    border-spacing: 0px;
}
#gvFloorplans tr.groupFooter, #gvFloorplans tr.groupFooter td
{
    height: 17px;
}
#gvFloorplans tr.groupHeader, #gvFloorplans tr.groupHeader td {
    font-weight:bold;
    height:25px;
    vertical-align:top;
}
#gvFloorplans tr.groupHeader .name{
    color: #119231;
}
#gvFloorplans tr.Header, #gvFloorplans tr.Header td
{
    height: 15px;
    font-weight: bold;
    vertical-align: bottom;
}
#gvFloorplans tr.dataRow
{
    height: 69px;
}
#gvFloorplans tr.dataRow td
{
    height: 57px;
    border: none;
    margin: 0;
    padding: 6px 16px;
}
/* webkit (Safari, Chrome) and IE goof tablerow background images unless you apply this kinda hackup. Bleh.
   PLEASE NOTE: if you do this, don't have a background also on the dataRow.  It' will still be rendered in WebKit!
 */
#gvFloorplans tr.dataRow td
{
    background-image: url(../images/backgrounds/dataRow.png);
    background-position: 20% 0;
}
#gvFloorplans tr.dataRow td.td1
{
    background-image: url(../images/backgrounds/dataRow.png);
    background-position: 0 0;
}
#gvFloorplans tr.dataRow td.td7
{
    background-image: url(../images/backgrounds/dataRow.png);
    background-position: 100% 0;
}
/*     formats */
#gvFloorplans tr.Header td, #gvFloorplans tr.dataRow td
{
    text-align: center;
}

/* Map */
.SearchInputDiv
{
    margin: 0 10px;
    height: 22px;
    width: 147px;
    background: url(../images/backgrounds/mapsearchtb.gif) no-repeat bottom;
    float: left;
}

.SearchInputDiv input
{
    background: none;
    border: none;
    width: 134px;
    height: 15px;
    margin: 0;
    padding: 2px 7px 0px 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: block;
}
.DirectionsBlock
{
    background-color: #f6f7f8;
    width: 640px;
    border: solid 1px #cdced1; /*height: 363px;     width:200px; */
    padding: 22px 18px;
    margin: 0 19px 20px;
    float:left;
}
#DirectionsNote{
    padding: 22px 18px;
    margin: 0 19px 20px;
    width: 640px;
    float:left;
}
.DirectionsBlock .title{
    font-weight:bold;
}
#MapArea
{
    border: 1px solid silver;
    position: relative;
}
#MapNav
{
    background: #3773a2 url(../images/backgrounds/mapNav.gif);
    height: 30px;
    padding-top: 5px;
    width: 100%;
    margin-bottom: 16px;
}

/*  */
#Amenities .box
{
    background-color: #f6f7f8;
    width: 198px;
    border: solid 1px #cdced1; /*height: 363px;     width:200px; */
    min-height: 319px;
    width: 164px;
    padding: 22px 18px;
    margin: 0 19px;
    float: left;
}
#Amenities .box ul.section{
    list-style: none outside none;
    padding: 0;
}
#Amenities .box .title{
    font-weight:bold;
}
#Amenities .box .content{
    padding:15px 12px 0 12px;
}

#PropertyDescription{
    margin: 0 19px;
    font-size: 14px;
}

body.defaultaspx #mainNav .defaultaspx,
body.floorplansaspx #mainNav .floorplansaspx,
body.contactaspx #mainNav .contactaspx,
body.touraspx #mainNav .touraspx,
body.theneighborhoodaspx #mainNav .theneighborhoodaspx,
body.mapanddirectionsaspx #mainNav .mapanddirectionsaspx,
body.residentloginaspx #mainNav .residentloginaspx{
    text-decoration: underline;
}
