﻿/* CSS Document */

body, html { background-color: #F3F7E9; margin: 0 0 0 0; }
#wrapper { margin: 0 auto 0 auto; width: 775px; }

#header { height: 91px; }
#logo { padding: 20px 0 15px 18px; height: 36px; width: 370px; float: left; }
#topmenu { padding: 40px 18px 0 0px; text-align: right; width: 369px; float: left; color: #1E97AE; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#topmenu a:link, #topmenu a:active, #topmenu a:visited { color: #1E97AE; }
#topmenu a:hover { background-color: #1E97AE; color: #FFFFFF; }
#topmenu ul { margin: 0; padding: 0; }
#topmenu div { display: inline; }
#topmenu li { display: inline; }
#imagebar { }
#imagebar h1 { color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; }
#imagebar p { color: #FFFFFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#imagebar_lhs { border-right: 5px solid #F3F7E9; width: 332px; float: left; padding: 25px; height: 155px; }
#imagebar_lhs a:link, #imagebar_lhs a:visited, #imagebar_lhs a:active { color: #FB6F21; font-size: 9px; text-decoration: none; }
.headerlink a:hover { background-color: #FFFFFF; }
#imagebar_rhs { width: 337px; float: left; padding: 25px; height: 155px; }
#imagebar_rhs a:link, #imagebar_rhs a:visited, #imagebar_rhs a:active { color: #7DA822; font-size: 9px; text-decoration: none; }
.headerlink a:hover { background-color: #FFFFFF; }
#menu { }
#menu ul { margin: 0 0 0 23px; padding: 0; height: 32px; }
#menu li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 32px; margin-right: 25px; }
#menu a:link, #menu a:visited, #menu a:active { color: #FFFFFF; text-decoration: none; padding: 2px 5px 2px 5px; }
#menu a:hover { color: #FFFFFF; text-decoration: none; background-color: #96BA4E; }
.loginmenu { margin-bottom: 5px; }
.loginmenu ul { margin: 0 0 0 23px; padding: 0; height: 32px; }
.loginmenu li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 32px; margin-right: 25px; }
.loginmenu a:link, .loginmenu a:visited, .loginmenu a:active { color: #FFFFFF; text-decoration: none; padding: 2px 5px 2px 5px; }
.loginmenu a:hover { color: #FFFFFF; text-decoration: none; background-color: #7DA922; }
#content { background-color: #FFFFFF; margin: 0px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #002738; line-height: 20px; padding: 0; }
#content_lhs { border-right: 5px solid #F3F7E9; width: 332px; float: left; padding: 25px; }
#content_rhs { border-left: 5px solid #F3F7E9; width: 338px; float: left; padding: 25px; margin-left: -5px; }
#content_top { border-bottom: 5px solid #F3F7E9; padding: 25px; }
#content_bottom { border-top: 5px solid #F3F7E9; padding: 25px; margin-top: -5px; }
#content_wide { border-top: 5px solid #F3F7E9; padding: 25px; margin-top: -5px; clear: both;}
#content_full { padding: 25px; }
#content h1 { color: #002738; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 0px; }
#content h2 { color: #7DA922; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; }
#content h3 { color: #FB6F21; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 5px; }
#content p { margin-bottom: 10px; margin-top: 5px; }
#content a:link, #content a:visited, #content a:active { color: #7DA922; }
#content a:hover { color: #002738; }
#content table { }
#content form { padding: 0; margin: 0; }
#content input { font-family: Arial, Helvetica, sans-serif; }
#content textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#content_rhs hr { height: 1px; border: 0px; color: #F3F7E9; background-color: #F3F7E9; padding: 0px; display: block; margin: 0 -25px 0 -25px; }
#content_full hr { height: 1px; border: 0px; color: #F3F7E9; background-color: #F3F7E9; padding: 0px; display: block; margin: 0 -25px 0 -25px; }
#filterbar { border-bottom: 1px solid #E6EED0; border-top: 1px solid #E6EED0; background-color: #F3F7E9; padding: 5px; margin-bottom: 10px; margin-top: 10px; vertical-align: middle; height: 22px; }
#filterbar select { vertical-align: middle; }
#filterbar label { display: inline; padding-right: 10px; }
#filterbar a:link, #filterbar a:visited, #filterbar a:active { text-decoration: none; }
#filterbar div.left { float: left; width: 45%; text-align: left; }
#filterbar div.right { float: right; width: 45%; text-align: right; }
.propertyImg { padding: 2px; border: 2px solid #F3F7E9; margin-right: 15px; margin-top: 4px; }
.agentLogo img { margin-top: 6px; }
.propertyImg ul { margin: 0; padding: 0; }
.propertyImg li { margin: 0; padding: 0; }
.btnGeneral { vertical-align: middle; padding: 0px 0 7px 0; background-image: url(../images/buttons/btn_general.gif); width: 75px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border: 0px; }
.btnGeneralgbg { padding: 0px 0 7px 0; background-image: url(../images/buttons/btn_general_gbg.gif); width: 75px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border: 0px; }
.btnGeneralbbg { padding: 0px 0 7px 0; background-image: url(../images/buttons/btn_general_bbg.gif); width: 75px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; border: 0px; }
.imgIcon { margin: 0 2px 0 2px; }
.imgIconPlus { margin: 0px 10px 0 0px; }
.srcFeatures label { margin-right: 10px; }
#formArea td { padding-bottom: 5px; }
#formArea .label label { margin-right: 10px; text-align: right; width: 175px; display: block; }
#formArea .label2 label { margin-right: 10px; text-align: right; }
#formArea .formCheckbox label { margin-right: 10px; text-align: left; width: 175px; display: inline-block; }
#formArea .required { color: #002738; font-size: 12px; }
#formBottom { padding: 5px; margin-bottom: 10px; margin-top: 10px; vertical-align: middle; height: 22px; text-align: right; }
.notes { font-size: 11px; font-style: italic; }
.total { border-top: 3px double #E6EED0; }

#highlight { background-color: #F3F7E9; padding: 5px; border-bottom: 1px solid #E6EED0; border-top: 1px solid #E6EED0; }
#highlight_vert { background-color: #F3F7E9; padding: 5px; border-right: 1px solid #E6EED0; border-left: 1px solid #E6EED0; float: left; width: 228px; margin-right: 1px; height: 295px; margin-bottom: 10px; }

#lowlight { background-color: #002738; padding: 5px; border-bottom: 1px solid #1E96AE; border-top: 1px solid #1E96AE; color: #FFF; }
#lowlight_vert { background-color: #F3F7E9; padding: 5px; border-right: 1px solid #E6EED0; border-left: 1px solid #E6EED0; float: left; width: 231px; margin-right: 1px; height: 275px; }

select { vertical-align: middle; font-family: Arial, Helvetica, sans-serif; }

#imageslist ul { margin: 0; padding: 0px; }
#imageslist li { margin: 0 15px 0 0; padding: 0px; }

#features { height: 100px; overflow: hidden; }
#feature_img { float: left; }
#feature_text { float: left; width: 116px; }
#features h1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #7DA922; margin: 4px 5px 4px 5px; padding: 0px; }
#features p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; padding: 0; margin: 0px 5px 4px 5px; }
#features_title { width: 102px; padding: 10px 0 0 25px; float: left; }
#feature { width: 216px; float: left; overflow: hidden; }

#footer { padding: 10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footer p { margin: 0px; padding: 0px; color: #002738; }
#footer a:link, #footer a:visited, #footer a:active { margin: 0px; padding: 0px; color: #002738; }
#footer a:hover { color: #FB6F21; }
#footer_left { float: left; text-align: left; width: 45%; padding-left: 25px; }
#footer_right { float: right; text-align: right; width: 45%; padding-right: 25px; }

#clear { clear: both; height: 1px; background-color: #F3F7E9; }

.textGreen { color: #7DA922; font-weight: bold; }
.selectFull { width: 249px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 0 2px 0; }
.selectHalf { width: 123px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 0 2px 0; }

div.green { background: #7DA922 url(../images/img_greenbox_tr.gif) no-repeat top right; margin: 5px 0 5px 0; }
div.green div { background: transparent url(../images/img_greenbox_tl.gif) no-repeat top left; }
div.green div div { background: transparent url(../images/img_greenbox_br.gif) no-repeat bottom right; }
div.green div div div { background: transparent url(../images/img_greenbox_bl.gif) no-repeat bottom left; padding: 0px 0px 0px 0px; }

div.blue { background: #002738 url(../images/img_bluebox_tr.gif) no-repeat top right; }
div.blue div { background: transparent url(../images/img_bluebox_tl.gif) no-repeat top left; }
div.blue div div { background: transparent url(../images/img_bluebox_br.gif) no-repeat bottom right; }
div.blue div div div { background: transparent url(../images/img_bluebox_bl.gif) no-repeat bottom left; padding: 0px 0px 0px 0px; }
div.blue div div div div { background: none; }

div.white { background: #FFFFFF url(../images/img_whitebox_tr.gif) no-repeat top right; }
div.white div { background: transparent url(../images/img_whitebox_tl.gif) no-repeat top left; }
div.white div div { background: transparent url(../images/img_whitebox_br.gif) no-repeat bottom right; }
div.white div div div { background: transparent url(../images/img_whitebox_bl.gif) no-repeat bottom left; padding: 0px 0px 0px 0px; }
div.white div div div div { background: none; }

div.orange { background: #FB6F21 url(../images/img_orangebox_tr.gif) no-repeat top right; }
div.orange div { background: transparent url(../images/img_orangebox_tl.gif) no-repeat top left; }
div.orange div div { background: transparent url(../images/img_orangebox_br.gif) no-repeat bottom right; }
div.orange div div div { background: transparent url(../images/img_orangebox_bl.gif) no-repeat bottom left; padding: 0px 0px 0px 0px; }
div.orange div div div div { background: none; }

#tooltip { position: absolute; border: 1px solid #333; background: #002738; padding: 2px 5px; color: #002738; display: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#logged_in_user { color: White; }

legend { font-size: medium; }

/*myaccount.aspx*/

#my_account_menu li { display: inline; margin: 0; padding: 0; }
#my_account_menu ul { list-style: none; margin: 0; padding: 0; }

#adverts_tr { }

.pending_advert { color: Silver; }
.new_advert { color: Green; }
.active_advert { color: Blue; }
.expired_advert { color: Red; }
.scheduled_advert { color: Orange; }
.sold_advert td { color: Gray; }

/*uploader styles*/
.upload_image_panel { border: 1px solid #E6EED0; width: 100px; height: 100px; text-align: center; vertical-align: middle; margin: 1px; }
.upload_image_panel_default { border: 2px; width: 100px; height: 100px; border-style: solid; text-align: center; vertical-align: middle; border-color: #7DA922; }

/*register.aspx*/


#contentText { font-family: Trebuchet MS; font-size: small; float: left; padding: 75px 0 0 15px; }

#commit_buttons { }

.uploadPanel { margin-bottom: 25px; }

.uploadPanel td { padding-right: 25px; }

/*validation styles*/
.inlineError { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: small; color: #FB6F21; font-size: 10px; }

.errorSummary { border-top: 1px solid #FDD0B9; border-bottom: 1px solid #FDD0B9; padding: 15px; color: #FB6F21; background: #FEE7DA; margin: 15px 0 15px 0; }

/*buy.aspx*/
#standard_package { background-color: #FFFF00; border-style: solid; border-width: 1px; float: left; }
#deluxe_package { background-color: #99CCFF; border-style: solid; border-width: 1px; float: left; }
#platinum_package { border-style: solid; border-width: 1px; float: left; background-color: #C0C0C0; }

/*Ajax styles*/
.textBoxWatermark { color: Gray; }
.infoPanel { /*border: 1px solid #CCCCCC;*/ border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; color: #4F8A10; background-color: #DFF2BF; }

.property_images li { display: inline; float: left; margin-bottom: 15px; margin-left: 15px; }
