HTML, BODY {width: 100%; height: 100%;}
BODY, INPUT, TEXTAREA, SELECT, TABLE {font-family: verdana; font-size: xx-small; color: #000}
BODY {padding: 0px; margin: 0px; background: #FFF }
FORM {margin: 0px} 
TEXTAREA, IFRAME {overflow: auto} 
IMG {border: none}

.bord, TEXTAREA {border: 1px solid #000; width: 100%; font-family: verdana; font-size: x-small}

.input_error {border: 1px solid #660000; background: #FFCCCC; width: 100%; font-family: verdana; font-size: x-small}

.error_tx {color: #CC0000}

A:link, A:visited, A:hover {color: #000; text-decoration: none}
A.dark:link, A.dark:visited, A.dark:hover {color: #000; text-decoration: none}
A.light:link, A.light:visited, A.light:hover {color: #FFF; text-decoration: none}
A.common:link, A.common:visited {color: #000; text-decoration: none}
A:hover {color: #31B82B}


.key-tx-light { vertical-align: middle; }

.maxw, #main-tab, .left-tab, #login-tab, #main-part {width: 100%}
.maxh, #main-tab, .left-tab, #login-tab, #main-part {height: 100%}

#logo-area {width: 133px; height: 172px}
.left-tab, #login-tab {background-color: #434343}

.v-spacer-area {height: 3px}
.h-spacer-area {width: 10px}
.v-spacer-button {height: 13px}


/* login and menu bar */
.menu-top-area .left, #login-top-area .left {background: url(../images/boxes/title/green/titleleft.gif) no-repeat}
.menu-top-area .right, #login-top-area .right {background: url(../images/boxes/title/green/titleright.gif) no-repeat}
.menu-top-area .middle, #login-top-area .middle {width: 93px; background: url(../images/boxes/title/green/title.gif) repeat-x left top}
.menu-top-area .middle, #login-top-area .middle {color: #ffffff;}
/*
.menu-top-area .left, #login-top-area .left {background: url(../images/boxes/side/titleleft.gif) no-repeat}
.menu-top-area .right, #login-top-area .right {background: url(../images/boxes/side/titleright.gif) no-repeat}
.menu-top-area .middle, #login-top-area .middle {width: 93px; background: url(../images/boxes/side/title.gif) repeat-x left top}
*/
.menu-mid-area .left, .menu-mid-area .right, #login-mid-area .left, #login-mid-area .right {height: 100%}
.menu-mid-area .left, .menu-mid-area .right, #login-mid-area .left, #login-mid-area .right {width: 9px}
.menu-mid-area .middle, #login-mid-area .middle {width: 115px}

.menu-bot-area .left, .menu-bot-area .right, .menu-bot-area .middle {height: 9px}
.menu-bot-area .left, .menu-bot-area .right {width: 9px}
.menu-bot-area .left {background: url(../images/boxes/side/bottomleft.gif) no-repeat}
.menu-bot-area .right {background: url(../images/boxes/side/bottomright.gif) no-repeat}
.menu-bot-area .middle {width: 115px}

#login-bot-area {width: 133px; height: 57px; background: url(../images/common_elements/green/swoosh.gif) no-repeat}

#menu-items-area {font-size: x-small}
#menu-items-area .common, #menu-items-area .active {padding: 2px 15px 2px 15px; border:0px; cursor:hand; width: 115px}
#menu-items-area .common {background-color: #434343}
#menu-items-area .active {background-color: #6B6B6B}

.blk-padd {height: 10px}

#footer-tab {width: 562px}
#footer-tab .left, #footer-tab .right, #footer-tab .middle {height: 30px}
#footer-tab .left, #footer-tab .right {width: 10px}
#footer-tab .middle {width: 541px; background-color: #686868}
#footer-tab .left {background: url(../images/head/navleft.gif) no-repeat}
#footer-tab .right {background: url(../images/head/navright.gif) no-repeat}

#footer-area {width: 542px}
#footer-area, #footer-area A:link, #footer-area A:visited, #footer-area A:hover {color: #A4A4A4}
#footer-area A:link, #footer-area A:visited, #footer-area A:hover {text-decoration: none}

INPUT.common {border: 1px #CCC solid; width: 100%; height: 15px}
INPUT.login {border: 1px #999 solid; width: 200px; height: 17px}


.common-button { color: #ffffff; }
.common-button-hover { color: #000000; }
.common-button .bt-left, .common-button .bt-middle, .common-button .bt-right {height: 16px}
.common-button-hover .bt-left, .common-button-hover .bt-middle, .common-button-hover .bt-right {height: 16px}
.common-button .bt-left, .common-button-hover .bt-left {width: 6px; background: url(../images/common_elements/green/button-l.gif) no-repeat}
.common-button .bt-middle, .common-button-hover .bt-middle {padding: 0px 5px 0px 2px; font-weight:bold; background-color: #31B82B}
.common-button .bt-right, .common-button-hover .bt-right {width: 21px; background: url(../images/common_elements/green/button-r.gif) no-repeat}

.common-button .bt-middle A:link, .common-button .bt-middle A:visited {color: #FFF; text-decoration: none}
.common-button-hover A:hover {color: #000000;}


.common-button-blocked .bt-left, .common-button-blocked .bt-middle, .common-button-blocked .bt-right {height: 16px}
.common-button-blocked .bt-left {width: 6px; background: url(../images/common_elements/grey/button-l.gif) no-repeat}
.common-button-blocked .bt-middle {padding: 0px 5px 0px 2px; color: #FFF; font-weight:bold; background-color: #8F8F8F}
.common-button-blocked .bt-right {width: 21px; background: url(../images/common_elements/grey/button-r.gif) no-repeat}

.common-button-blocked .bt-middle A:link, .common-button-blocked .bt-middle A:visited, .common-button-blocked .bt-middle A:hover {color: #FFF; text-decoration: none}


.common-button-left { color: #ffffff; }
.common-button-left-hover { color: #000000; }
.common-button-left .bt-left, .common-button-left .bt-middle, .common-button-left .bt-right {height: 16px}
.common-button-left-hover .bt-left, .common-button-left-hover .bt-middle, .common-button-left-hover .bt-right {height: 16px}
.common-button-left .bt-left, .common-button-left-hover .bt-left {width: 21px; background: url(../images/listing/button-l.gif) no-repeat}
.common-button-left .bt-middle, .common-button-left-hover .bt-middle {padding: 0px 5px 0px 2px; font-weight:bold; background-color: #27B022}
.common-button-left .bt-right, .common-button-left-hover .bt-right {width: 6px; background: url(../images/listing/button-r.gif) no-repeat}

.common-button-left .bt-middle A:link, .common-button-left .bt-middle A:visited {color: #FFF; text-decoration: none}
.common-button-left-hover A:hover {color: #000000;}

/*
.common-button-left {cursor: hand}
.common-button-left .bt-left, .common-button-left .bt-middle, .common-button-left .bt-right {height: 16px}
.common-button-left .bt-left {width: 21px; background: url(../images/listing/button-l.gif) no-repeat}
.common-button-left .bt-middle {padding: 0px 2px 0px 5px; color: #FFF; font-weight:bold; background-color: #27B022}
.common-button-left .bt-right {width: 6px; background: url(../images/listing/button-r.gif) no-repeat}

.common-button-left .bt-middle A:link, .common-button-left .bt-middle A:visited, .common-button-left .bt-middle A:hover {color: #FFF; text-decoration: none}
*/

#middle-spacer .top, #middle-spacer .bottom {width: 10px}
#middle-spacer .top {height: 84px; background-color: #434343}
#middle-spacer .bottom {height: 17px; background: #434343 url(../images/head/innercurve_1.gif) no-repeat}

#top-bar-top {width: 571px; height: 66px; background: #434343 url(../images/common_elements/green/textlogo.gif) no-repeat top right}
#top-bar-middle {width: 571px; height: 18px; padding-bottom: 1px; background: #434343 url(../images/head/bottomright.gif) no-repeat bottom right}
#top-bar-bottom {width: 571px; height: 9px; background: #FFF url(../images/head/innercurve_2.gif) no-repeat left}

#top-menu .pre-separator, #top-menu .separator, #top-menu .item, #top-menu .item .left, #top-menu .item .right, #top-menu .item .middle {height: 17px}
#top-menu .pre-separator {width: 13px}
#top-menu .separator {width: 1px}

#top-menu .item {width: 77px; cursor: hand}
#top-menu .common {background-color: #FFFFFF}
#top-menu .home {background-color: #00BFF3}
#top-menu .towns {background-color: #31B82B}
#top-menu .counties {background-color: #31B82B}
#top-menu .tenants {background-color: #BA287E}
#top-menu .landlords {background-color: #ED1B23}
#top-menu .agents {background-color: #FF8B00}

#top-menu .item A:link, #top-menu .item A:visited, #top-menu .item A:hover {text-decoration: none; color: #000000}

#top-menu .item .left, #top-menu .item .right {width: 10px}
#top-menu .item .left {background: url(../images/head/buttoncorner_left.gif) no-repeat top}
#top-menu .item .middle {width: 57px}
#top-menu .item .right {background: url(../images/head/buttoncorner_right.gif) no-repeat top}

.mainw, #path-area, #top-banner {width: 562px}

#path-area .left, #path-area .right, #path-area .middle {height: 30px}
#path-area .left, #path-area .right {width: 10px}
#path-area .left {background: url(../images/head/navleft.gif) no-repeat left}
#path-area .middle {width: 292px; background-color: #686868; font-weight: bold; color: #FFF}
#path-area .right {background: url(../images/head/navright.gif) no-repeat right}
#path-area .loginInfo {background-color: #686868; width: 250px; font-weight: bold; color: #FFF; text-align: right;}

#path-area .middle A:link, #path-area .middle A:visited {text-decoration: none; color: #FFF}
#path-area .middle A:hover {text-decoration: underline}

#top-banner {height: 66px}
#top-banner .title {width: 190px; height: 66px; background: url(../images/aboutus/title_bg.gif)}
#top-banner .banner {width: 372px; height: 66px; background: url(../images/aboutus/titleimg_bg.gif)}

#top-banner .title .title-area {padding: 6px 0px 0px 10px; font-size: x-small; font-weight: bold}
#top-banner .banner .banner-area {padding: 0px 12px 8px 0px; font-weight: bold; color: #FFFFFF}

#main-part {background-color: #ECECEC}

#main-part .top-left, #main-part .top-right, #main-part .middle-left, #main-part .middle-right, #main-part .bottom-left, #main-part .bottom-right {width: 9px}
#main-part .top-left, #main-part .top-right, #main-part .bottom-left, #main-part .bottom-right, #main-part .top-middle, #main-part .bottom-middle {height: 9px}
#main-part .top-middle, #main-part .middle-middle, #main-part .bottom-middle {width: 544px}
#main-part .top-left {background: url(../images/boxes/light/topleft.gif)}
#main-part .top-right {background: url(../images/boxes/light/topright.gif)}
#main-part .bottom-left {background: url(../images/boxes/light/bottomleft.gif)}
#main-part .bottom-right {background: url(../images/boxes/light/bottomright.gif)}

#features-area .separator {height: 10px}
#features-area .prefix {width: 5px}
#features-area .suffix {width: 9px}

#agent-login-area, #agent-login-area .top, #agent-login-area .bottom {width: 330px}
#agent-login-area .top {height: 26px; background: #FF8A00 url(../images/agents/o_login_top.gif)}
#agent-login-area .text {height: 30px; padding-left: 9px; background-color: #FF8A00}
#agent-login-area .main-login-area {width: 100%; background-color: #FF8A00}
#agent-login-area .bottom {height: 9px; background: #FF8A00 url(../images/agents/o_login_bottom.gif)}

#agent-login-form {padding: 2px}
#agent-login-form .left {width: 30%; font-size: xx-small; font-weight: bold; padding-right: 5px}
#agent-login-form .right {width: 70%}

.letters-area, .letters-area-width {width: 232px}
.letters-area .v-spacer {height: 4px}

.letter-box, .letter-box-act {width: 14px; height: 14px; font-weight: bold}
.letter-box {background: url(../images/sections/directory/lettercircle_blank.gif)}
.letter-box-act {background: url(../images/common_elements/green/az_mouseover.gif)}
.letter-h-spacer {width:4px; height: 14px}

.error-message {color: #CC0000}
.error-message {width: 100%; height: 100%; background-color: #ECECEC}
.error-message TR.top TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/topleft.gif)}
.error-message TR.top TD.middle {width: 544px}
.error-message TR.top TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/topright.gif)}

.error-message TR.middle {height: 100%}
.error-message TR.middle TD.left {width: 9px}
.error-message TR.middle TD.middle {width: 562px}
.error-message TR.middle TD.right {width: 9px}

.error-message TR.bottom TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.error-message TR.bottom TD.middle {width: 544px}
.error-message TR.bottom TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

.message {color: #CC0000}
.message {width: 100%; height: 100%; background-color: #ECECEC}
.message TR.top TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/topleft.gif)}
.message TR.top TD.middle {width: 544px}
.message TR.top TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/topright.gif)}

.message TR.middle {height: 100%}
.message TR.middle TD.left {width: 9px}
.message TR.middle TD.middle {width: 562px}
.message TR.middle TD.right {width: 9px}

.message TR.bottom TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.message TR.bottom TD.middle {width: 544px}
.message TR.bottom TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

/* ----- AGENTS LIST PAGE ----- */

.tenant-banner {width: 184px; height: 88px; background: url(../images/properties/tenants.gif); cursor: pointer; cursor: hand; background-repeat: no-repeat;}
.tenant-banner-over {width: 184px; height: 88px; background: url(../images/properties/tenants_hover.jpg); cursor: pointer; cursor: hand; background-repeat: no-repeat; border: 1px;}
.tenant-banner .content {height: 63px; padding: 9px; font-weight: bold}
.tenant-banner .pre-button {padding-right: 9px}

.landlord-banner {width: 184px; height: 88px; background: url(../images/properties/filter.gif); cursor: pointer; cursor: hand; background-repeat: no-repeat;}
.landlord-banner-over {width: 184px; height: 88px; background: url(../images/properties/filter_hover.jpg); cursor: pointer; cursor: hand; background-repeat: no-repeat;}
.landlord-banner .content {height: 63px; padding: 9px; font-weight: bold}
.landlord-banner .pre-button {padding-right: 9px}

.search-banner {width: 184px; height: 88px; background: url(../images/properties/properties.gif); cursor: pointer; cursor: hand; background-repeat: no-repeat;}
.search-banner-over {width: 184px; height: 88px; background: url(../images/properties/properties_hover.jpg); cursor: pointer; cursor: hand; background-repeat: no-repeat;}
.search-banner .content {height: 63px; padding: 9px; font-weight: bold}
.search-banner .pre-button {padding-right: 9px}

.agentsListItems, .agentsListItem {width: 0%; height: 100%}
.agentsListItem { width: 186px;}
.agentsListItems .item {width: 186px; height: 100%} /* 186px */

.agentsListItem .top .left {width: 20px; height: 19px; background: #EEEEEE url(../images/agentlist/tl.gif) no-repeat}
.agentsListItem .top .middle {width: 145px; height: 19px; background: #CCCCCC url(../images/agentlist/t_line.gif) repeat-x}
.agentsListItem .top .right {width: 20px; height: 19px; background: #EEEEEE url(../images/agentlist/tr.gif) no-repeat}

.agentsListItem .top2 .left {width: 20px; height: 30px; background: #EEEEEE url(../images/agentlist/tl3.gif) no-repeat}
.agentsListItem .top2 .middle {width: 145px; height: 30px; background: #CCCCCC url(../images/agentlist/t_line3.gif) repeat-x}
.agentsListItem .top2 .right {width: 20px; height: 30px; background: #EEEEEE url(../images/agentlist/tr3.gif) no-repeat}

.agentsListItem .middle {height: 100%; background-color: #EEEEEE}
.agentsListItem .middle .left {width: 9px; height: 9px; background: #EEEEEE url(../images/agentlist/ml.gif)}
.agentsListItem .middle .middle {width: 167px; background-color: #EEEEEE}
.agentsListItem .middle .right {width: 9px; height: 9px; background: #EEEEEE url(../images/agentlist/mr.gif)}

.agentsListItem .submiddle {height: 100%; background-color: #EEEEEE}
.agentsListItem .submiddle .left {width: 9px; height: 9px; background: #EEEEEE url(../images/agentlist/ml.gif)}
.agentsListItem .submiddle .middle {width: 167px; background-color: #EEEEEE}
.agentsListItem .submiddle .right {width: 9px; height: 9px; background: #EEEEEE url(../images/agentlist/mr.gif)}

.agentsListItem .bottom .left {width: 14px; height: 14px; background: #EEEEEE url(../images/agentlist/bl.gif)}
.agentsListItem .bottom .middle {width: 157px; height: 9px; background: #EEEEEE url(../images/agentlist/b_line.gif)}
.agentsListItem .bottom .right {width: 14px; height: 14px; background: #EEEEEE url(../images/agentlist/br.gif)}

.common-area {width: 100%; height: 100%; background-color: #ECECEC}
.common-area TR.top TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/topleft.gif)}
.common-area TR.top TD.middle {width: 544px}
.common-area TR.top TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/topright.gif)}

.common-area TR.middle {height: 100%}
.common-area TR.middle TD.left {width: 9px}
.common-area TR.middle TD.middle {width: 562px}
.common-area TR.middle TD.right {width: 9px}

.common-area TR.bottom TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.common-area TR.bottom TD.middle {width: 544px}
.common-area TR.bottom TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

.common-title {display: inline; font-weight: bold; padding-bottom: 9px}

.contentArea {width: 562px; height: 100%; background-color: #ECECEC}

.contentArea .top .mleft {width: 9px; height: 9px; background: url(../images/boxes/light/topleft.gif)}
.contentArea .top .mmiddle {width: 544px; height: 9px}
.contentArea .top .mright {width: 9px; height: 9px; background: url(../images/boxes/light/topright.gif)}

.contentArea .middle {height: 100%}
.contentArea .middle .mleft {width: 9px}
.contentArea .middle .mmiddle {width: 544px; height: 100%}
.contentArea .middle .mright {width: 9px}

.contentArea .bottom .mleft {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.contentArea .bottom .mmiddle {width: 544px; height: 9px}
.contentArea .bottom .mright {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

.profileArea {width: 350px; height: 100%; background-color: #ECECEC}

.profileArea .top .mleft {width: 9px; height: 20px; background: url(../images/agentlist/top-green-left.gif)}
.profileArea .top .mmiddle {width: 332px; height: 20px; background: #31b92b; color: #ffffff; font-weight: bold;}
.profileArea .top .mright {width: 9px; height: 20px; background: url(../images/agentlist/top-green-right.gif) right;}

.profileArea .middle {height: 100%}
.profileArea .middle .mleft {width: 9px}
.profileArea .middle .mmiddle {width: 332px; height: 100%}
.profileArea .middle .mright {width: 9px}

.profileArea .bottom .mleft {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.profileArea .bottom .mmiddle {width: 332px; height: 9px}
.profileArea .bottom .mright {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

.propertiesArea {width: 350px; height: 100%; background-color: #EEEEEE}

.propertiesArea .top .mleft {width: 18px; height: 18px; background: #CCCCCC url(../images/agentlist/tl2.gif)}
.propertiesArea .top .mmiddle {width: 314px; height: 18px; font-weight: bold; background-color: #CCCCCC}
.propertiesArea .top .mright {width: 18px; height: 18px; background: #CCCCCC url(../images/agentlist/tr2.gif)}

.propertiesArea .middle {height: 100%}
.propertiesArea .middle .mleft {width: 9px; height: 100%}
.propertiesArea .middle .mmiddle {width: 332px; height: 100%; padding: 10px 0px 10px 0px; height: 100%}
.propertiesArea .middle .mright {width: 9px; height: 100%}

.propertiesArea .bottom .mleft {width: 18px; height: 18px; background: url(../images/agentlist/bl2.gif)}
.propertiesArea .bottom .mmiddle {width: 314px; height: 18px}
.propertiesArea .bottom .mright {width: 18px; height: 18px; background: url(../images/agentlist/br2.gif)}

.photoArea {width: 200px; height: 100%; background-color: #B9E7B8}

.photoArea .top .mleft {width: 11px; height: 20px; background: url(../images/agentlist/top-green-left.gif)}
.photoArea .top .mmiddle {width: 178px; height: 20px; background: #31b92b; color: #ffffff; font-weight: bold;}
.photoArea .top .mright {width: 11px; height: 20px; background: url(../images/agentlist/top-green-right.gif)}

.photoArea .middle {height: 100%}
.photoArea .middle .mleft {width: 11px}
.photoArea .middle .mmiddle {width: 178px; height: 100%; padding: 10px 0px 10px 0px}
.photoArea .middle .mright {width: 11px}

.photoArea .bottom .mleft {width: 11px; height: 18px; background: url(../images/agentlist/bl_green.gif)}
.photoArea .bottom .mmiddle {width: 178px; height: 18px}
.photoArea .bottom .mright {width: 11px; height: 18px; background: url(../images/agentlist/br_green.gif)}

TABLE.form {font-size: xx-small}

TABLE.form TD.form_left {padding: 0px 8px 6px 6px; font-weight: bold; width: 190px}
TABLE.form TD.form_right {padding: 0px 8px 6px 0px; width: 364px}

TABLE.form TD.left {padding: 0px 6px 6px 8px; font-weight: bold; width: 80px}
TABLE.form TD.left2 {padding: 0px 6px 6px 8px; font-weight: bold}
TABLE.form TD.right {padding: 0px 8px 6px 0px; width: 250px}
TABLE.form TD.right2 {padding: 0px 8px 6px 0px}

TABLE.form TD.form_left {padding: 0px 8px 6px 6px; font-weight: bold; width: 290px}
TABLE.form TD.form_right {padding: 0px 8px 6px 0px; width: 264px}

TABLE.form TD.left3 {padding: 0px 6px 6px 8px; font-weight: bold; width: 200px}
TABLE.form TD.right3 {padding: 0px 8px 6px 0px; width: 344px}

TABLE.checkbox-area {margin: 0px; padding: 0px 10px 2px 0px}
TABLE.checkbox-area TD {width: 240px}

.acc {color: #31B82B}

INPUT.login {border: 1px #999 solid; width: 200px}

.form-title {font-size: small; color: #31B82B; font-weight: bold; padding-bottom: 10px}
.form-title2 {font-size: x-small; color: #31B82B; font-weight: bold}

/* ---------- */

.search-banner1 {width: 562px; background-color: #ECECEC}

.search-banner1 .top .left {width: 9px; height: 9px; background: url(../images/boxes/light/topleft.gif)}
.search-banner1 .top .middle {width: 544px; height: 9px}
.search-banner1 .top .right {width: 9px; height: 9px; background: url(../images/boxes/light/topright.gif)}

.search-banner1 .middle {height: 100%}
.search-banner1 .middle .left {width: 9px}
.search-banner1 .middle .middle {width: 544px; height: 100%}
.search-banner1 .middle .right {width: 9px}

.search-banner1 .bottom .left {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.search-banner1 .bottom .middle {width: 544px; height: 9px}
.search-banner1 .bottom .right {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

.townsList2 {width: 100%; height: 100%}

.townsList2 {background-color: #ECECEC}
.townsList2-content {font-size: x-small}
.townsList2 TR.top TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/topleft.gif)}
.townsList2 TR.top TD.middle {width: 544px}
.townsList2 TR.top TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/topright.gif)}

.townsList2 TR.middle {height: 100%}
.townsList2 TR.middle TD.left {width: 9px}
.townsList2 TR.middle TD.middle {width: 544px}
.townsList2 TR.middle TD.right {width: 9px}

.townsList2 TR.bottom TD.left {width: 9px; height: 9px; background: url(../images/boxes/light/bottomleft.gif)}
.townsList2 TR.bottom TD.middle {width: 544px}
.townsList2 TR.bottom TD.right {width: 9px; height: 9px; background: url(../images/boxes/light/bottomright.gif)}

.townsList2 .h-spacer {width: 2px}
.townsList2 .v-spacer {width: 100%; height: 20px}

.townABC {width: 100%; height: 100%}

h1.article { text-align: left; font-size: small; font-weight: bold;  }

.help-section-title {font-size: x-small; text-decoration: underline; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}

/******** CONTACT FORM *********/

.boxitem {width: 100%; background-color: #31b82b}

.boxitem .top .mleft {width: 12px; height: 12px; background: url(../images/agentlist/form/box_top_left.gif)}
.boxitem .top .mmiddle { height: 12px; background: #31b92b; }
.boxitem .top .mright {width: 12px; height: 12px; background: url(../images/agentlist/form/box_top_right.gif) right;}

.boxitem .middle .mleft {width: 12px}
.boxitem .middle .mmiddle { color: #ffffff; font-weight: bold;font-size: x-small; padding: 0px}
.boxitem .middle .mright {width:12px}

.boxitem .bottom .mleft {width: 12px; height: 12px; background: url(../images/agentlist/form/box_bottom_left.gif)}
.boxitem .bottom .mmiddle {height: 12px}
.boxitem .bottom .mright {width: 12px; height: 12px; background: url(../images/agentlist/form/box_bottom_right.gif)}

.boxtext {margin: 10px 0 15px 0}
.boxtext td {letter-spacing: 0; word-spacing: -0.1em}

.boxitem2 {width: 100%; background-color: #31b82b; margin: 3px 0 3px 0;}

.boxitem2 .top .mleft {width: 12px; height: 12px; background: url(../images/agentlist/form/box_top_left.gif)}
.boxitem2 .top .mmiddle { height: 12px; background: #31b92b; }
.boxitem2 .top .mright {width: 12px; height: 12px; background: url(../images/agentlist/form/box_top_right.gif) right;}
.boxitem2 .middle {height: 100%}
.boxitem2 .middle .mleft {width: 12px}
.boxitem2 .middle .mmiddle { height: 100%; color: #ffffff; font-weight: bold;font-size: x-small; padding: 0px 0 5px 0; }
.boxitem2 .middle .mright {width:12px}
.boxitem2 .main { background: #ececec; padding: 5px 0 5px 0}
.boxitem2 .main .mmiddle { padding: 5px 0 5px 0}
.boxitem2 .main .radioarea{ font-size: x-small; font-weight: bold; padding: 5px 0 0px 0}
.boxitem2 .mainwhite { background: #ffffff; }
.boxitem2 .mainwhite .mmiddle { padding: 5px 0 5px 0 }
.boxitem2 .bottom .mleft {width: 12px; height: 12px; background: url(../images/agentlist/form/light/bottomleft.gif)}
.boxitem2 .bottom .mmiddle {height: 12px;  background: #ececec; }
.boxitem2 .bottom .mright {width: 12px; height: 12px; background: url(../images/agentlist/form/light/bottomright.gif)}

.main TABLE.form {font-size: xx-small}

.main TABLE.form TD.form_left {padding: 0px 8px 6px 6px; font-weight: bold; width: 245px}
.main TABLE.form TD.form_right {padding: 0px 8px 6px 0px; }
.main .acc { color: Red;}

.checkbox-area {}
.checkbox-area td { padding-left: 20px; text-indent: -20px; vertical-align: top; width: 33%}

.common-area .nearby A{text-decoration: underline; font-weight: bold;}


h1.article, h2.article  { text-align: left;  font-size: small; font-weight: bold; margin-bottom: 0px;}
a.readmore, a.readmore:hover, a.readmore:active, a.readmore:visited{font-weight: bold; color: #31B82B; font-size: xx-small}

.help-section-title {font-size: x-small; text-decoration: underline; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}