body, td{ font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; } /*TABLE STYLES*/ table.blackborder{ border: 1px solid rgb(0, 0, 0); } table.padded_info{ border: 1px solid rgb(0, 0, 0); background-color: #daeaf7; } table.padded_info td{ padding: 10px; } td.home_nav{ padding: 12px 4px 12px 20px; } table.soldtable{ padding: 4px; border: 1px solid #333333; } table.soldtable td{ padding: 2px; font-size: 11px; font-weight: bold; } table.soldtable tr.odd{ background-color: #dee7f1; } table.soldtable tr.even{ background-color: #ffffff; } table.testimonials_table td{ padding-bottom: 12px; } table.resources_select{ border: 1px solid #666666; padding: 4px; background-color: #dee7f1 } table.resources{ padding: 4px; border: 1px solid #666666; } table.resources td{ padding: 6px; } table.resources tr.odd{ background-color:#f4f5f5; } table.resources tr.even{ background-color: #ffffff; } table.resources td.heading{ font-style: italic; text-align: right; padding-right: 12px; } /*MLS styles*/ div.mls_header{ background-color: #eeeee6; border: 1px solid #333; width: 94%; margin: 0px 3% 0px 3%; } div.mls_header td{ font-size: 11px; } div.district{ background-color: #e4ebf2; border: 1px solid #8aa0b8; padding: 2px 8px 2px 4px; font-size: 11px; margin-bottom: 1px; } div.subdist{ background-color: #ecf3f9; border: 1px solid #8aa0b8; padding: 2px 8px 2px 8px; margin-bottom: 5px; width: 230; font-size: 11px; } /*navigation*/ table.navtable td{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: right; cursor: pointer; background-image: url(../common/images/); } table.navtable td.plain{ padding: 6px; border-bottom: 1px solid ; } table.navtable td.over{ background: ; color: ; padding: 6px; border-bottom: 1px solid ; } table.navtable td.active{ background: ; padding: 6px; color: ; border-bottom: 1px solid ; } table.navtable td.sub_plain{ color: ; padding: 3px 12px 3px 3px; font-weight: normal; background: ; border-bottom: 1px solid ; } table.navtable td.sub_over{ background: ; padding: 3px 12px 3px 3px; color: ; font-weight: normal; border-bottom: 1px solid ; } table.navtable td.sub_active{ background: ; padding: 3px 12px 3px 3px; color: ; font-weight: normal; border-bottom: 1px solid ; } a.navlink:link, a.navlink:visited{ color: ; text-decoration: none; } a.navlink:hover{ color: ; text-decoration: none; } table.rollout_nav{ border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; width: 200px; } table.rollout_nav td.plain{ padding: 8px; border-bottom: 1px solid #ffffff; background-color: #bccfe0; color: #000000; font-size: 11px; font-weight: bold; cursor: pointer; } table.rollout_nav td.over{ padding: 8px; border-bottom: 1px solid #ffffff; color: #a81e23; background-color: #ffffff; font-size: 11px; font-weight: bold; cursor: pointer; } table.agent_table{ margin-top: 20px; } table.agent_table td{ font-size: 11px; } table.textmessage{ background-color: #f4f5f5; border: 1px solid #666666; padding: 4px; margin-top: 12px; } table.textmessage td.texttitle{ font-size: 11px; font-weight: bold; color: #2a4f67; } table.textmessage td.fieldname{ font-size: 11px; font-style: italic; color: #2a4f67; padding: 2px; } td.content{ padding: 45px 28px 20px 25px; } td.content_full{ padding: 2px; } td.footer{ text-align: center; padding: 2px 30px 2px 0px; background: #000000; color: #eeeeee; font-size: 11px; font-weight: bold; } td.footer_left{ font-family: Arial, Verdana, Helvetica; font-size: 10px; line-height: 14px; color: #505050; padding: 20px 4px 12px 40px; } td.formtitle{ font-weight: bold; font-size: 11px; padding-left: 5px; } td.formfield{ font-weight: bold; font-size: 11px; } td.formfield input{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #dee7f1; padding-left: 2px; border: 1px solid rgb(77, 130, 179); } td.formfield textarea{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color: #dee7f1; padding-left: 2px; border: 1px solid rgb(77, 130, 179); } td.submit input{ font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #a81e23; color: #ffffff; padding-left: 2px; border: 1px solid rgb(0,0,0); } /*tag-based styles*/ ul.red li{ color: #A90B1E; line-height: 22px; } ul.nopadding{ padding-left: .5em; margin-left: .5em; } ul.nopadding li{ padding-left: .3em; margin-left: .3em; color: #333333; } ul.red_nopadding{ padding-left: .5em; margin-left: .5em; } ul.red_nopadding li{ color: #A90B1E; padding-left: .3em; margin-left: .3em; } p.padded{ padding: 0px 10px 0px 10px; } p.testimonial{ font-size: 12px; } p.byline{ font-style: italic; text-align: right; } select, option, input{ font-size: 10px; } /*the drop shadow for the agent name text at the top*/ .dropshadow { position: relative; left: 150px; top: 10px; color: #000000; font-size: 26px; font-weight: bold; line-height: 30px; } .agentname_top { position: absolute; left: 0px; top: 0px; color: ; font-size: 26px; font-weight: bold; line-height: 30px; } /*FREE-RANGING STYLES*/ .agentname{ font-size: 14px; font-weight: bold; font-family: arial, helvetica, sans-serif; } .body{ line-height: 18px; font-family: arial, helvetica, sans-serif; font-size: 13px; color: #000000; } .redText{ font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #A90B1E; } .tinytext{ font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #aaaaaa; } .blackText11pt{ font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #000000; } .blackText12pt{ font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #000000; } .blackTextBold11pt{ font-family: Arial, Verdana, Helvetica; font-size: 11px; font-weight: bold; color: #000000; } .blackTextBold12pt{ font-family: Arial, Verdana, Helvetica; font-size: 12px; font-weight: bold; color: #000000; } .blackTextBold14pt{ font-family: Arial, Verdana, Helvetica; font-size: 14px; font-weight: bold; color: #000000; } .grayTextDark11pt{ font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #505050; } .blueTextBold12pt{ font-family: Arial, Verdana, Helvetica; font-size: 12px; font-weight: bold; color: #00466F; } .blueTextItalic11pt{ font-family: Arial, Verdana, Helvetica; font-size: 11px; font-style: italic; color: #407493; } .blueTextItalic12pt{ font-family: Arial, Verdana, Helvetica; font-size: 12px; font-style: italic; color: #00466F; } .redBullet9pt{ font-family: Arial, Verdana, Helvetica; font-size: 9px; color: #A90B1E; } .sans{ font-family: arial, helvetica, sans-serif; font-size: 11px; } .grey{ color: #999999; } .white{ color: #ffffff; } .quotemark{ font-family: 'times new roman', serif; font-size: 18px; font-weight: bold; line-height: 11px; color: #a81e23; } .resource_company{ font-weight: bold; } /*LINKS*/ .grayLink12pt:link{ font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: none; color: #999999; } .grayLink12pt:visited{ font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: none; color: #999999; } .grayLink12pt:hover{ font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: none; color: #999999; } .redLink12pt:link{ font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: none; color: #A90B1E; } .redLink12pt:visited{ font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: none; color: #A90B1E; } .redLink12pt:hover{ font-family: Arial, Verdana, Helvetica; font-size: 12px; text-decoration: none; color: #A90B1E; } a.white:link, a.white:visited{ color: #ffffff; text-decoration: none; } a.white:hover{ color: #999999; text-decoration: none; } A:link{ color: #d00809; } A:visited{ color: #d00809; } A:hover{ color: #000000; } /*calculator css*/ h1{ font-size: 16px; color: #a81e23; font-family: arial, helvetica, sans-serif; font-weight: bold; } td.content div.right a { color: #F65D00; text-decoration: none; } div.hr { background: url(../images/aux06.gif) left center repeat; height: 1px; overflow: hidden; margin: 15px 0; } /* Headers for the three tables: input table, results table and schedule table. */ div.table-caption { text-align: left; color: white; background: #999; font-size: 15px; font-family: arial, helvetica, sans-serif; font-weight: bold; padding: 6px 10px;; margin-top: 15px; } div.inputinfo { background: #a81e23; } div.analysis { background: #5b7b99; } div.schedule { background: #878787; } /* Input table */ table.calc { background: #f2f2f2; width: 100%; margin-bottom: 15px; border-bottom: 1px #EAEAEA solid; } /* Each td in input table */ table.calc td { padding: 4px 12px; border-bottom: 1px white solid; } /* Each td with width of 25% */ table.calc td.td25 { padding: 6px 10px; text-align: left; border-right: 1px #f2f2f2 solid; border-bottom: 1px white solid; width: 25%; } table.calc td.lefttext { text-align: left; } table.calc td.righttext { padding: 6px 0px; text-align: right; } /* Last td in the row. Must reflect right and bottom borders */ table.calc td.last { text-align: left; border-bottom: 1px white solid; border-right: 1px #EAEAEA solid; } /* First td in the row. Must reflect left border */ table.calc td.first { text-align: right; padding-top: 7px; padding-right: 0; border-left: 1px #EAEAEA solid; border-right: none; } table.calc td.td50 { width: 49%; } table.calc td.chapter { background: #f2f2f2; padding-top: 7px; padding-right: 0; font-weight: bolder; border-left: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; } table.calc td.chapter25 { background: #f2f2f2; padding-top: 7px; padding-right: 0; font-weight: bolder; width: 25%; } table.calc td.chapter50 { background: #f2f2f2; padding-top: 7px; padding-right: 0; font-weight: bolder; width: 50%; } /* Text fields */ table.calc input.text { font-size: 10px; } /* Radio-buttons */ table.calc select { width: 40px; font-size: 10px; } /* Radio-button labels */ table.calc span.radio input { position: relative; top: 3px; width: 12px; } table.calc span.radio input.second { margin-left: 8px; } /* Submit button cell */ table.calc td.button { border-left: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; border-bottom: none; text-align: center; } /* Submit button style */ table.calc td.button input { width: 100px; font-size: 11px; } /* Analysis result table */ table.results { background: #f2f2f2; width: 100%; margin-bottom: 15px; border-bottom: 1px #EAEAEA solid; } /* Total row. Must diffs from the regular row. */ table.results tr.total { font-weight: bold; } /* Results cell */ table.results td { padding: 8px 10px; border-bottom: 1px white solid; width: 50%; border-right: 1px white solid; } /* Result cell with 25% width */ table.results td.td25 { padding: 8px 10px; border-bottom: 1px white solid; width: 25%; text-align: center; border-right: 1px white solid; } /* Last cell in the result row. Must reflect the right border. */ table.results td.last { padding: 8px 10px; border-bottom: 1px white solid; border-right: 1px #EAEAEA solid; } /* Last row in the result table. Must not display bottom border, since it is already defined in the table's class. */ table.results tr.last td { border-bottom: none; } /* First cell in the results table. Must reflect left border. */ table.results td.first { border-right: 1px white solid; border-left: 1px #EAEAEA solid; } /* Schedule table */ table.schedule { width: 100%; color: #333; font-size: 10px; } /* Header of the schedule table */ table.schedule th { text-align: right; background: #BABABA; border-left: 1px white solid; padding: 2px 5px 3px 8px; } table.schedule th.first { border-left: none; } /* Cell of te schedule table */ table.schedule td { background: #F2F2F2; border-bottom: 1px white solid; border-left: 1px white solid; text-align: right; padding: 2px 5px 3px 8px; font-size: 10px; } table.schedule tr.last td { border-bottom: 1px #EAEAEA solid; } table.schedule td.first { border-left: 1px #EAEAEA solid; text-align: right; } table.schedule td.last { border-right: 1px #EAEAEA solid; } /* Subtotal cells. Must differs from the regular cells. */ table.schedule td.subtotal { text-align: right; font-weight: bolder; vertical-align: bottom; } /* Total cells. Must differs from the regular cells. */ table.schedule td.total { text-align: right; font-weight: bolder; }