﻿/* One Park West Webiste - December 2008. Site developed by Magic House. */


/* Zeroing for better cross browser positioning */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial;
}
body 
{
    padding-bottom:30px;
    color:#015697;
}

/* Site wide elements */
h1 
{
    font-size:14px;
    color:#015697;
}
h2 
{
    font-size:16px;
    font-weight:normal;
}
    h2 a 
    {
        color:#015697;
        font-weight:bold;
    }
p
{
    font-size:13px;
}
blockquote 
{
    color:#FFFFFF;
    padding:0;
    margin:0;
}
img
{
    border:none;
}


/* Structural Elements */
#wrapper
{
    width:910px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
    padding-left:30px;
    padding-right:30px;
    background-image:url(../images/wrapperbg.gif);
}
#leftColumn 
{    
    position:relative;
    width:230px;
    padding:30px;
    /* background-color:#015697; - not required due to wrapper bg image */
    float:left;
    color:#FFFFFF;
}
    #leftColumn h1 /* Headings */
    {
        font-size:14px;
        color:#015697;
        background-color:#FFFFFF;
        margin-left:-5px;
        padding:5px 5px 10px 5px
    }
    #leftColumn h1.bookatour /* Book a tour heading */
    {
        font-size:14px;
        color:#FFF;
        background-color:#E9018B;
        margin-left:-5px;
        padding:5px 5px 10px 5px;
    }
    #leftColumn h1.bookatour a /* Book a tour heading */
    {
        font-size:14px;
        color:#FFF;
        background-color:#E9018B;
        margin-left:-5px;
        padding:5px 5px 10px 5px;
        font-weight:bold;
    }
    .bookatourspacer 
    {
        padding-left:2px;
    }
    #leftColumn h2 /* Dates */
    {
        font-size:13px;
        font-weight:normal;
    }
    #leftColumn a /* Dates */
    {
        font-size:13px;
        font-weight:normal;
        color:#FFFFFF;
        text-decoration:none;
    }
    #leftColumn h3 /* Publication Titles */
    {
        font-size:14px;
    }
    #leftColumn h4 /* Article Titles */
    {
        font-size:13px;
        font-weight:normal;
    }
    #leftColumn p /* Text */
    {
        font-size:11px;
    }
    #leftColumn ul 
    {
        font-size:11px;
        margin-left:14px;
    }
    #leftColumnHome /* Blue background added back in due to change in footer layout */
    {
        width:230px;
        padding:30px;
        background-color:#015697;
        float:left;
        color:#FFFFFF;
    }

#mainContent 
{
    width:590px;
    margin-left:310px;
}
#header 
{
}
    #logo 
    {
        float:left;
    }
    #residentLogIn /* Contains button to log into residents page */
    {
        float:right;
        padding-top:22px;
        padding-bottom:37px;
    }
    .samplePriceHeader 
    {
        padding-bottom:5px;
    }
#navigationContainer
{
    clear:right;
    padding-bottom:12px;
}
#navigationContainer img 
{
    border:none;
}
    /* Used if text navigation preferred */
    .navigation
    {
        list-style:none;
    }
    .navigation li 
    {
        display:inline;
    }
    .navigation li a 
    {
        text-decoration:none;
        color:#015697;
        font-size:11px;
    }
    .navigation li img
    {
        vertical-align:middle;
    }
    /* End of text based navigation styling */
#footer 
{
    width:900px;
    clear:both;
    background-color:#FFFFFF;
}
    #sales /* For box containing sales contact details */
    {
        width:241px;
        padding:15px 15px 15px 30px;
        clear:left;
        float:left;
        background-color:#FFFFFF;
        border:solid 2px #015697;
        border-top:none;
    }
        #sales h1
        {
            font-size:15px;
            color:#015697;
        }
        #sales p
        {
            font-size:12px;
            color:#015697;
        }   
    #logos
    {
        padding-top:15px;
    }
    #salesResidents /* No content required in this div for the residents page. Div kept in case of change. */
    {
        width:245px;
        height:36px;
        padding:15px 15px 15px 30px;
        background-color:#015697;
        clear:left;
        float:left;
    }
#gallery 
{
    margin-bottom:20px;
}
#apartmentLayouts 
{
    border-top:solid 1px #015697;
    margin-top:20px;
    padding-top:10px;
}
#contactForm 
{
    color:#015697;
    font-size:12px;
    border-top:solid 1px #015697;
    padding-top:7px;
    margin-top:7px;
}
#login 
{
    width:278px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
    color:#015697;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
}

    /* Press section styling */
    #articleText h1
    {
        font-size:16px;
        color:#015697;
    }
    #articleText p
    {
        font-size:11px;
        color:#015697;
    }
    .date 
    {
        font-size:11px;
        color:#015697;
    }
    .publication 
    {
        font-size:13px;
        color:#015697;
        font-weight:bold;
    }


/* Classes used for general styling */
.textBoxLogin
{
    border:none;
    background-color:#7FAACA;
    width:180px;
}
.textBoxContact 
{
    border:none;
    background-color:#7FAACA;
    margin-bottom:7px;
    margin-right:10px;
}
.buttons 
{
    background-color:#015697;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    padding:2px;
}
.upper 
{
    text-transform:uppercase;
}
.validatorPadding
{
    padding-left:16px;
}
#leftColumn .newsPager
{
        width:220px;
        display:block;
        font-size:14px;
        font-weight:bold;
        color:#FFFFFF;
        border:solid 1px #FFFFFF;
        margin-bottom:10px;
        margin-left:-5px;
        padding:10px 5px 5px 5px;
}
#contactLinks a
{
    text-decoration:underline;
}
#residentsManualLinks a
{
    background-color:#FFFFFF;
    color:#015697;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    padding:1px;
    text-transform:uppercase;
}
.load /* With thanks http://www.dynamixlabs.com */
{
    background:url('../images/ajax-loader.gif') no-repeat center;
}
.scrollerContainer td
{
    margin:0px;
    padding:0px;
    clear:both;
}

/* CMS Styles */
#cmsMenu a
{
    color:#015697;
    font-size:12px;
}

/* Press Headline Styling */
#leftColumn .pressDate 
{
    font-size:12px;
}
#leftColumn .pressPublication 
{
    font-size:14px;
    font-weight:bold;
}
#leftColumn .pressTitle 
{
    font-size:13px;
}

/* Upload Table */
#uploadTable td
{
    vertical-align:top;
}

/* Upload Table for Apartments */
#uploadApartmentTable td
{
    vertical-align:top;
}

/* Interior Design Competition */
#idcWrapper 
{
    background-color:#FF007C;
    color:#FFF;
}
    #idcWrapper h1
    {
        color:#FFF;
        font-weight:bold;
    }
#idcLeftContent 
{
    width:265px;
    margin-left:25px;
    float:left;
}
#idcSelectEntry
{
    margin-left:334px;
}
    #idcSelectEntry h1
    {
        color:#000;
        margin-left:8px;
    }
    #idcSelectEntry p
    {
        color:#000;
        margin-left:8px;
        margin-bottom:8px;
    }
    #idcSelectEntry img 
    {
        margin-left:8px;
        margin-bottom:8px;
    }
#idcLogos 
{
    clear:both;
}
#entriesTable 
{
    margin-left:25px;
    width:542px;
}
.entryThumbs 
{
    margin-bottom:10px;
    margin-left:5px;
}
.pagerLeft 
{
    padding-right:7px;
}
.pagerRight 
{
    padding-left:0px;
}

/* Apartment Search Application */
#apartmentSearch 
{
    background-color:#B2CCE5;
    margin-top:18px;
    margin-left:-5px;
    padding:5px 6px 10px 5px;
    background-image:url(../images/magnifier-icon.jpg);
    background-position:215px 5px;
    background-repeat:no-repeat;
    text-align:right;
}
#apartmentSearch h1
{
    background-color:transparent;
    margin:0 0 15px 0;
    padding:0px;
    text-align:left;
}
.apartmentSearchDropdown 
{
    width:223px;
    margin-bottom:5px;
}
.apartmentSearchButton 
{
    padding-top:10px;
}
.resultsIconsSmall 
{
    padding:2px;
}
.soldstc 
{
    font-size:10px;
    font-weight:bold;
    line-height:12px;
    color:#FE0079;
}
.apartmentNumber
{
    font-size:14px;
    font-weight:bold;
    margin-right:10px;
}
.resultsText 
{
    font-size:14px;
}
#leftColumn #apartmentDetails h1
{
    background-color:transparent;
    color:#FFF;
    border-bottom:1px solid #FFF;
    padding:20px 0 2px 0;
    margin-bottom:12px;
}
.enlargeApratmentImage 
{
    margin-top:10px;
}
table.backToResults
{
    width:100%;
    border-bottom:2px solid #80ABCD;
    padding-bottom:15px;
    margin-bottom:15px;
}
table.backToResults h1
{
    font-size:18px;
}
table.backToResults h2 
{
    font-size:18px;
    color:#FF007B;
    font-weight:bold;
    text-align:right;
}
table.backToResults h1 a
{
    font-size:18px;
    text-decoration:none;
    color:#015697;
}
table.detailsHeading 
{
    width:100%;
    margin-bottom:25px;
}
table.detailsHeading td
{
    vertical-align:top;
}
table.detailsHeading h1 
{
    color:#FF007B;
    font-size:18px;
}
table.detailsHeading h2
{
    font-size:18px;
    font-weight:normal;
}
table.detailsHeading h3
{
    font-size:14px;
    font-weight:normal;
}
table.detailsHeading h4
{
    font-size:18px;
    font-weight:bold;
}
table.specifications
{
    width:100%;
}
table.specifications td
{
    vertical-align:top;
}
table.specifications h1 
{
    background-color:#E1EBF5;
    padding:5px;
    text-transform:uppercase;
}
table.specifications ul
{
    font-size:12px;
    padding:15px 15px 15px 22px;
}