/* @group CSS Reset */


.elm
{
    cursor: pointer;
}




.expand
{
    background-image: url('../images/expand.gif');
    background-repeat: no-repeat;
    padding: 0px 10px 0px 10px;
    height: 25px;
    width: 120px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}


.collespe
{
    background-image: url('../images/collespe.gif');
    background-repeat: no-repeat;
    padding: 5px 10px 5px 10px;
    height: 20px;
    width: 120px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}


.viewDetail
{
    background-image: url('../images/viewDetails.PNG');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    color: Black;
    font-weight: bold;
}

.BuildingName
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FF6418;
}


.DetailBuildingAddress
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.BuildingAddress
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.UnitAddress
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.Brochure
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #255BAE;
    cursor: pointer;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    line-height: 1.22em;
    font-family: inherit;
    vertical-align: baseline;
}

html
{
    overflow-y: auto;
}

a
{
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
}

a img, :link img, :visited img
{
    border: 0;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul
{
    list-style: none;
}
.italic-subtext
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #666;
}


q:before, q:after, blockquote:before, blockquote:after
{
    content: "";
}

strong, .strong
{
    font-weight: bold;
    text-align: left;
}

em
{
    font-style: italic;
}

.yellow
{
    color: #ffe800;
}

.small
{
    font-size: 68.75% !important;
}

.uppercase
{
    text-transform: uppercase;
}

.req
{
    color: red;
}

.gray-button
{
    width: 225px;
    height: 23px;
    background: url(../images/gray-button.jpg) no-repeat 0 0;
    cursor: pointer;
}

/* @end */

/* @group Structure */

body
{
    color: #505050;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    padding-top: 30px;
    text-align: left;
    background-color: #000;
}

#container
{
    width: 872px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

#header, #layout, #tpm-info, #main-blue, #main-blue .item, #main-blue form, #main-blue #appointment, #social-networks, .lt-item, #broker-head, #broker-signup, .bf-item, #locations
{
    display: inline-block;
}

#header, #layout, #tpm-info, #main-blue, #main-blue .item, #main-blue form, #main-blue #appointment, #social-networks, .lt-item, #broker-head, #broker-signup, .bf-item, #locations
{
    display: block;
}

#header:after, #layout:after, #tpm-info:after, #main-blue:after, #main-blue .item:after, #main-blue form:after, #main-blue #appointment:after, #social-networks:after, .lt-item:after, #broker-head:after, #broker-signup:after, .bf-item:after, #locations:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* @end */

/* @group Header */

#header
{
    height: 117px;
    width: 872px;
    overflow: hidden;
}

#header #logo
{
    height: 26px;
    margin: 40px 30px 0 0;
    background: url(../images/logo.png) no-repeat 0 0;
    float: right;
}

#header #logo a
{
    width: 202px;
    height: 0;
    padding-top: 26px;
    display: block;
    overflow: hidden;
}

/* @end */

/* @group Navigation */

#navigation
{
    color: #ffe800;
    font-size: 78%;
    height: 22px;
    padding-top: 6px;
    margin-bottom: 25px;
    background: url(../images/navigation.jpg) no-repeat 0 0;
}

#navigation ul
{
    margin-left: 5px;
}

#navigation li
{
    padding-right: 5px;
    margin-left: 5px;
    display: inline;
    border-right: 1px solid #ffe800;
}

#navigation li:last-child
{
    border-right: none;
}

#navigation li a
{
    color: #ffe800;
    text-decoration: none;
}

#navigation li a:hover
{
    color: #fff;
    text-decoration: none;
}

/* @end */

/* @group Layout */

/* Main Section */

#main-head
{
    margin-bottom: 15px;
    border-top: 10px solid #d3d3d3;
    border-bottom: 10px solid #d3d3d3;
}
/* @end */

/* @group Layout */

/* Main Section */

#main-head2
{
    margin-bottom: 15px;
    border-top: 10px solid #d3d3d3;
}
/* @end */

/* @group Layout */

/* Main Section */

#main-head3
{
	margin-bottom: 15px;
	border-top: 10px solid #d3d3d3;
	background-image: url(../images/tenant-head2.jpg);
	height: 302px;
	width: 872px;
}
/* @end */

/* @group Layout */

/* Main Section */

#mobile-side
{
	margin-bottom: 15px;
	height: 275px;
	width: 250px;
}

#main
{
    padding: 0 65px;
    margin-bottom: 25px;
}

#main h2
{
    font-size: 87.5%;
    font-weight: bold;
    margin-bottom: 15px;
}

#main h3
{
    font-size: 87.5%;
    font-weight: bold;
    margin-bottom: 5px;
}

#main p
{
    font-size: 81.75%;
    line-height: 1.32em;
    margin-bottom: 15px;
}

#main p a, #main li a
{
    color: #5e77bd;
    text-decoration: none;
}

#main p a:hover, #main li a:hover
{
    text-decoration: underline;
}

#main ul
{
    font-size: 81.75%;
}

#main .bullet-list li
{
    margin: 0 0 5px 15px;
    padding-left: 10px;
    list-style: disc;
}

#tpm-info
{
    margin: 30px 0;
}

.tpm-info-column
{
    width: 220px;
    margin-right: 50px;
    float: left;
}

.tpm-column-left
{
    width: 150px;
}

.tmp-column-head
{
    margin-bottom: 20px;
}

/* Main Blue Section */

#layout #main-blue
{
    color: #fff;
    height: 242px;
    margin-bottom: 5px;
    padding: 60px 70px 0;
    border-top: 10px solid #d3d3d3;
    border-bottom: 10px solid #d3d3d3;
}

#layout .blue-light
{
    background: url(../images/layout-main-blue.jpg) no-repeat 0 0;
}

#layout .blue-dark
{
    background: url(../images/layout-main-blue-dark.jpg) no-repeat 0 0;
}

#main-blue-left
{
    width: 295px;
    text-align: right;
    float: left;
}

#main-blue-right
{
    width: 375px;
    float: right;
}

#main-blue form
{
    margin-bottom: 7px;
    color: #FFF;
}
#main-blue formselect
{
    margin-bottom: 7px;
    color: #FFF;
}

#main-blue h4
{
    width: 305px;
    font-size: 93.75%;
    font-weight: normal;
    text-align: left;
    background: url(../images/colons.png) no-repeat 0 4px;
}

#main-blue #database-search h4
{
    margin: 0 0 15px 5px;
    padding-left: 20px;
}

#main-blue #appointment h4
{
    margin: 0 0 5px 13px;
    padding-left: 20px;
}

#main-blue p
{
    font-size: 81.25%;
}

#main-blue-left p
{
    margin-left: 15px;
    text-align: left;
}

#main-blue-right p
{
    margin-bottom: 25px;
    line-height: 1.55em;
}

#main-blue a
{
    color: #ffe800;
    font-weight: bold;
    text-decoration: none;
}

#main-blue a:hover
{
    text-decoration: underline;
}

#main-blue .item
{
    margin-bottom: 8px;
}

#main-blue .item p
{
    width: 60px;
    margin-top: 2px;
    padding-left: 20px;
    float: left;
}

#main-blue .item select
{
    color: #000;
    height: 20px;
    width: 200px;
    background-color: #FFF;
    border: 1px solid #fff;
}

#main-blue .item select option
{
    color: #000;
    background-color: #FFF;
}

#main-blue #database-submit
{
    /* Submit Button */
    color: #ffe800;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    width: 57px;
    margin-right: 0;
    padding-right: 0;
    border: none;
    background: none;
}

.asp-database-submit
{
    /* Submit Button */
    color: #ffe800;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    width: 57px;
    margin-right: 0;
    padding-right: 0;
    border: none;
    background: none;
}

#main-blue .greater-than
{
    font-size: 81.25%;
    font-weight: bold;
    padding: 0 0 0 10px;
    background: url(../images/greater-than.png) no-repeat 0 5px;
    float: right;
}

#main-blue .greater-than a
{
    color: #ffe800;
    text-decoration: none;
}

/* Acquisitions Section */

#bp-sellers
{
    margin-bottom: 15px;
}

#bp-sellers li
{
    padding: 0 3px 0 10px;
    display: inline;
    background-image: url(../images/bp-sellers.jpg);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

/* Employment Section */

#bp-employment li
{
    list-style: disc;
    margin: 0 0 5px 15px;
}

/* Leasing Section */

#leasing-info
{
    height: 143px;
    width: 212px;
    margin: 23px 0 0 100px;
    text-indent: -9999px;
    background: url(../images/leasing-info.png) no-repeat 0 0;
}
/* Leasing Section */

#mobile-app
{
	height: 123px;
	width: 250px;
	text-indent: -9999px;
	margin-top: 170px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	visibility: visible;
}

#leasing-tour
{
    padding: 10px 10px 10px 110px;
}

#leasing-tour .lt-item p
{
    width: 170px;
    margin-right: 5px;
    float: left;
}

#leasing-tour .lt-item input
{
    width: 310px;
    float: left;
}

#leasing-tour .lt-item select
{
    min-width: 314px;
}

#leasing-tour textarea
{
    width: 310px;
    height: 125px;
    float: left;
}

#leasing-tour #buttons
{
    margin: 10px 0 0 175px;
}

#leasing-tour #buttons #lt-submit
{
    margin-right: 15px;
}

/* Broker Section */

#broker-signup
{
    margin-bottom: 15px;
}

#broker-head-left
{
    width: 500px;
    float: left;
}

#broker-head-right
{
    width: 225px;
    margin-top: 15px;
    float: right;
}

#broker-head-right p
{
    font-size: 87.5% !important;
    text-align: center;
}

#broker-head-right p a
{
    color: #000;
    width: 225px !important;
}

#broker-head-right #registration
{
    padding: 4px 56px 6px;
}

#broker-head-right #contact
{
    padding: 4px 78px 6px;
}

#broker-signup #bf-left
{
    width: 350px;
    margin-right: 10px;
    float: left;
}

#broker-signup #bf-right
{
    width: 350px;
    float: left;
}

#broker-signup .bf-item p
{
    width: 125px;
    margin-right: 5px;
    float: left;
}

#broker-signup .bf-item input
{
    width: 200px;
    float: left;
}

#broker-signup select
{
    min-width: 204px;
}

#broker-signup #buttons
{
    margin: 0 0 5px 130px;
}

#broker-signup #req
{
    font-size: 68.75%;
    margin-left: 130px;
}

/* Contact Page Section */

.location
{
    width: 185px;
    margin-bottom: 25px;
    float: left;
}

.location p
{
    margin-bottom: 2px !important;
}

#contact-links
{
    padding-top: 15px;
}

#contact-links p
{
    font-size: 87.5% !important;
    margin-bottom: 20px;
    text-align: center;
}

#contact-links p a
{
    color: #000;
    width: 225px !important;
}

#contact-links #space
{
    margin-right: 50px;
    padding: 4px 58px 6px;
}

#contact-links #employment
{
    padding: 4px 74px 6px;
}

#contact-links #acquisition
{
    margin-right: 50px;
    padding: 4px 78px 6px 79px;
}

#contact-links #feedback
{
    padding: 4px 81px 6px;
}

#contact-links #tour
{
    margin-right: 50px;
    padding: 4px 60px 6px;
}

#contact-links #Referral
{
    padding: 4px 84px 6px 83px;
}

#contact-form
{
    padding: 10px 10px 10px 150px;
}

#contact-form .lt-item p
{
    width: 100px;
    margin-right: 5px;
    float: left;
}

#contact-form .lt-item input
{
    width: 310px;
    float: left;
}

#contact-form .lt-item select
{
    min-width: 314px;
}

#contact-form textarea
{
    width: 310px;
    height: 125px;
    float: left;
}

#contact-form #buttons
{
    margin: 10px 0 10px 105px;
}

#contact-form #buttons #lt-submit
{
    margin-right: 15px;
}

#contact-form #req
{
    font-size: 68.75%;
    margin-left: 105px;
}

/* Office Listing Section */

#divListingContainer
{
    text-align: center;
    width: 477px;
    margin: auto;
    padding-top: 15px;
}

.OfficeListing
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 15px;
    height: 81px;
    text-align: left;
    width: 600px;
    text-align: center;
}
h1.OfficeListing
{
    font-size: 0.5em;
}
.OfficeListingImage
{
    float: left;
    width: 75px;
    height: 75px;
    border: 1px solid #000;
    margin-top: 2px;
}
.OfficeListingColumn1
{
    color: #000;
    float: left;
    width: 225px;
    margin-top: 2px;
    margin-left: 10px;
    text-align: left;
}
a.OfficeListingMenuLink
{
    /*color: #848484;*/
    color: #686868;
}
a.OfficeListingMenuLinkCallOut
{
    /*color: #FF3126;*/
    color: #E53737;
}
.OfficeListingColumn2
{
    color: #000;
    float: left;
    margin-top: 2px; /*height: 78px;*/
    text-align: left;
    overflow: visible;
}
.OfficeListingColumn3
{
    float: left;
    width: 180px;
    border: 1px solid #000;
    margin-top: 2px;
    height: 78px;
}
.OfficeName
{
    font-weight: bold;
    font-size: 0.9em;
}
a.OfficeNameLink, a.OfficeNameLink:visited
{
    color: #000000;
    text-decoration: none;
}
a.OfficeNameLink:hover
{
    color: #444343;
}
.OfficeListingText
{
    font-size: 0.6em;
    line-height: 1.2em;
}
.OfficeListingText2
{
    font-size: 60%;
    line-height: 120%;
}
.OfficeListingLink
{
    /*color: #848484;*/ /*color: #686868;*/ /*color: #FF3126;*/
    color: #E53737;
}
.tablehead
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background-color: #666;
    border: 1px solid #000;
}
.tabletext
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 81.75%;
    color: #333;
    margin: 3px;
}
.italic-subtext
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #666;
}
/* @end */


/* MAP */

#divMapHeader
{
    width: 0;
    height: 0.5em;
}

#pMapCaption
{
    margin-bottom: 2px;
}

#divMapCaption
{
    font-size: .75em;
}

#divMapFooter
{
    width: 446px;
    background-color: #fff;
    display: none;
    visibility: visible;
    border: 1px solid #000;
    margin-top: 3px;
}

#divMap
{
    height: 430px;
    width: 446px;
    border: 1px solid #000;
}

#divDirections
{
    width: 436px;
    text-align: left;
    clear: both;
}


/* @end */

/* Tenant Section */

#tenant-links
{
    padding-top: 15px;
}

#tenant-links p
{
    font-size: 87.5% !important;
    margin-bottom: 20px;
    text-align: center;
}

#tenant-links p a
{
    color: #000;
    width: 225px !important;
}

#tenant-links #pay-rent
{
    margin-right: 50px;
    padding: 4px 84px 6px 83px;
}

#tenant-links #questions
{
    padding: 4px 36px 6px;
}

#tenant-links #debit-check
{
    margin-right: 50px;
    padding: 4px 25px 6px;
}

#tenant-links #maintenance
{
    padding: 4px 72px 6px;
}

#tenant-links #temperature
{
    margin-right: 50px;
    padding: 4px 72px 6px 71px;
}

#tenant-links #referrals
{
    padding: 4px 84px 6px 83px;
}

/* Tenant Rent/Account Questions - Tenant Maintenance - Tenant Temperature */

#tenant-form
{
    padding: 10px 10px 10px 120px;
}

#tenant-form .lt-item p
{
    width: 150px;
    margin-right: 5px;
    float: left;
}

#tenant-form .lt-item input
{
    width: 310px;
    float: left;
}

#tenant-form .lt-item select
{
    min-width: 314px;
}

#tenant-form textarea
{
    width: 310px;
    height: 125px;
    float: left;
}

#tenant-form #buttons
{
    margin: 10px 0 10px 155px;
}

#tenant-form #buttons #lt-submit
{
    margin-right: 15px;
}

#tenant-form #req
{
    font-size: 68.75%;
    margin-left: 155px;
}

#tenant-form .lt-item .small
{
    margin: 10px 30px 15px 155px;
    width: auto;
}

#tenant-form .lt-item .char-count
{
    width: 200px;
    margin-top: 5px;
    margin-left: 0;
}

#tenant-form .lt-item .char-input
{
    width: 30px;
    margin: 0 5px;
    float: none;
}


/* Tenant Referral */

#referral-options, #tenant-guidelines
{
    margin-bottom: 15px;
}

#referral-options li
{
    list-style-type: decimal;
    margin: 0 0 5px 20px;
}

#tenant-guidelines li
{
    list-style-type: disc;
    margin: 0 0 5px 15px;
}

/* @end */

/* @group Contact Links Section */

#contact
{
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 22px;
}

#social-networks p
{
    height: 24px;
    margin-bottom: 10px;
    float: right;
}

#social-networks p a
{
    height: 0;
    padding-top: 24px;
    display: block;
    overflow: hidden;
}

#social-networks #facebook a
{
    width: 75px;
    background: url(../images/facebook.jpg) no-repeat 0 0;
}

#social-networks #twitter
{
    width: 64px;
    margin-right: 5px;
    background: url(../images/twitter.jpg) no-repeat 0 0;
}
#social-networks #flickr a
{
    width: 75px;
    background-image: url(../images/flickr.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.contact-item
{
    font-size: 81.25%;
    width: 800px;
    min-height: 44px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-image: url(../images/contact-item.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.contact-item2
{
    font-size: 81.25%;
    width: 390px;
    min-height: 44px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-image: url(../images/contact-item.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

.contact-item h3
{
    height: 19px;
    font-weight: bold;
    padding: 2px 0 0 10px;
}

.contact-item ul
{
    padding: 2px 0 0 10px;
    border-top: 1px solid #ccc;
}

.contact-item li
{
    padding-right: 9px;
    margin-right: 4px;
    display: inline;
    background: url(../images/contact-item-border-right.jpg) no-repeat right 3px;
}

.contact-item li:last-child
{
    background: none;
}

.contact-item li a
{
    color: #000;
    text-decoration: none;
}

.contact-item li a:hover
{
    text-decoration: underline;
}
.contact-item2 h3
{
    height: 19px;
    font-weight: bold;
    padding: 2px 0 0 10px;
}
.contact-item2 ul
{
    padding: 2px 0 0 10px;
    border-top: 1px solid #ccc;
}
.contact-item2 li
{
    padding-right: 9px;
    margin-right: 4px;
    display: inline;
    background: url(../images/contact-item-border-right.jpg) no-repeat right 3px;
}
.contact-item2 li:last-child
{
    background: none;
}
.contact-item2 li a
{
    color: #000;
    text-decoration: none;
}
.contact-item2 li a:hover
{
    text-decoration: underline;
}
.contact-item2-right
{
    font-size: 81.25%;
    width: 390px;
    min-height: 44px;
    border: 1px solid #ccc;
    background-image: url(../images/contact-item.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    position: relative;
    right: 27px;
    top: -55px;
    height: 43px;
    clip: rect(auto,auto,-10px,auto);
}
.contact-item2-right h3
{
    height: 19px;
    font-weight: bold;
    padding: 2px 0 0 10px;
}
.contact-item2-right ul
{
    padding: 2px 0 0 10px;
    border-top: 1px solid #ccc;
}
.contact-item2-right li:last-child
{
    background: none;
}
.contact-item2-right li a
{
    color: #000;
    text-decoration: none;
}
.contact-item2-right li a:hover
{
    text-decoration: underline;
}
.contact-item2-right li
{
    padding-right: 9px;
    margin-right: 4px;
    display: inline;
    background: url(../images/contact-item-border-right.jpg) no-repeat right 3px;
}

/* @end */

/* @group Footer */

#footer
{
    color: #ffe800;
    font-size: 75%;
    padding: 10px;
    padding-bottom: 20px;
    background-color: #000;
}

#footer p
{
    text-align: justify;
    display: block;
    line-height: 1.32em;
}

#footer p a
{
    color: #8395c6;
    text-decoration: none;
}

#footer p a:hover
{
    text-decoration: underline;
}

#footer #copyright
{
    text-align: right;
}

.BWP_Footer
{
	color: #333;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
}

.BWP_Footer a:link
{
	color: #333;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
}

.BWP_Footer a:visited
{
	color: #009;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
}

.BWP_Footer a:hover
{
	color: #333;
	font-size: 0.8em;
	text-align: center;
	text-decoration: underline;
}



/* @end */
.spacetitle-left
{
    text-align: left;
}




.collesped
{
    background-image: url('../images/UnitsView.jpg');
    background-repeat: no-repeat;
    padding: 5px 10px 5px 10px;
    height: 20px;
    width: 120px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}


.viewDetail
{
    background-image: url('../images/viewDetails.PNG');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    color: Black;
    font-weight: bold;
}

.BuildingName
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FF6418;
}


.BuildingAddress
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.Brochure
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #255BAE;
    cursor: pointer;
}