/* CSS Document ================================================== */ body { background: #151e54 } p { font: 13px/20px Arial, Helvetica, sans-serif; text-align: left; } a { color: #333; text-decoration: none; font-weight: bold; } a:hover { color: #666 } .smalltext { color: #999; font-size: 10px; font-weight: bold; } img { text-decoration: none; border: none; } td { font: 13px/20px Arial, Helvetica, sans-serif; vertical-align: top; } ul, ol { font: Arial, Helvetica, sans-serif; line-height: 20px; } ul{ list-style: inside disc;} ol{ list-style: inside decimal;} /* Normalize CSS*/ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Keeps page centred in all browsers regardless of content height * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0 } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ body, button, input, select, textarea { font-family: sans-serif } /* ============================================================================= Links ========================================================================== */ a { color: #00e } a:visited { color: #551a8b } /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0 } /* ============================================================================= Typography ========================================================================== */ /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted } /* * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */ b, strong { font-weight: bold } blockquote { margin: 1em 40px } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75% } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px } nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0 } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0 } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */: ; *margin-left: -7px; /* 2 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */: ; *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */: ; *overflow: visible; /* 3 */ } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Addresses excess padding in IE8/9 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Corrects inner padding displayed oddly in S5, Chrome on OSX */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } /* * Corrects inner padding and border displayed oddly in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* End of Normalize CSS*/ .floatLeft { float: left } .floatRight { float: right } .clear { clear: both } table.container, table.container tbody{ background: #FFF; padding: 0px; border: #fff solid 2px; max-width:100%;} .container { background: #FFF; padding: 0px; border: #fff solid 2px; max-width:1000px;} .container a { text-decoration: none; color: #151e54; } .mainframe { padding: 10px; overflow: hidden; } .photoLeftSimple { float: left; border: #000 solid 1px; margin: 10px; padding: 0px; text-align: center; font: 12px "Times New Roman", Times, serif; font-style: italic; color: #666; vertical-align: bottom; } .photoLeft img { float: left; border: #000 solid 1px; margin: 10px; padding: 0px; text-align: center; font: 12px "Times New Roman", Times, serif; font-style: italic; color: #666; vertical-align: bottom; } .photoRight { float: right; border: #000 solid 1px; margin: 10px; text-align: center; font: 12px "Times New Roman", Times, serif; font-style: italic; color: #666; } .photoAgent { margin: 5px; padding-left: 5px; } .columnclear { clear: both; border: #999 dashed 2px; width: 930px; padding: 10px; } .columnright { border: #999 dashed 2px; width: 600px; float: right; } .columnleft600 { border: #999 dashed 2px; width: 600px; float: left; } .columnrightDept { border: #999 dashed 2px; width: 655px; float: right; padding: 5px; } .columnrightWide { border: #999 dashed 2px; width: 750px; float: right; background: #fff; } .columnleft { border: #999 dashed 2px; width: 770px; float: left; } .columnrightSmall { border: #999 dashed 2px; width: 110px; float: right; padding: 10px; font-size: 14px; } .columnleftSmall { border: #999 dashed 2px; width: 150px; float: left; padding: 10px; font-size: 14px; } .rightbox { float: right; margin: 5px; padding: 5px; } ul.featuredBox { width: 400px; margin: 0px; padding: 0px; } ul.featuredBox li { list-style: none } #listings a { display: block; background: url(../images/featuredListings.jpg); width: 400px; height: 200px; } #listings a:hover { background-position: 0 -200px } #school a { background: url(../images/elementarySearch.jpg); width: 400px; height: 200px; display: block; } #school a:hover { background-position: 0 -200px } #reloState a { background: url(../images/reloState.jpg); width: 400px; height: 200px; display: block; } #reloState a:hover { background-position: 0 -200px } ul.linkbox { margin: 0px; padding: 0px; background: #d5d5ef; border-bottom: #CC0000 solid 3px; width: 100%; height: 30px; list-style: none; } ul.linkbox li { float: left } ul.linkbox a { padding: 5px; margin: px; margin-right: 5px; margin-left: 5px; width: 150px; height: 20px; background: #d5d5ef; font:normal 12px Arial, Helvetica, sans-serif; line-height: 20px; color: #151e54; text-decoration: none; } ul.linkbox a:hover { background: #151e54; border: #151e54 solid 1px; color: #d5d5ef; } /* ------------------ Headings ---------------------------- ================================================== */ h1 { margin: 0px; padding: 0px; height: 27px; font: bold 18px Arial, Helvetica, sans-serif; border-bottom: #151e54 dotted 2px; padding-bottom: 4px; margin-bottom: 4px; color: #151e54; } h2 { font:14px Arial, Helvetica, sans-serif; border-bottom: #151e54 dotted 2px; color: #151e54; text-align: center; } h3 { margin: 5px; padding: 5px; font: 16px bold Arial, Helvetica, sans-serif; font-size: 16px; border-bottom: #151e54 dotted 2px; color: #151e54; text-align: left; } h3 a { text-decoration: none; color: #151e54; } h3 a:hover { font-weight: bold } h4 { font: bold 19px Arial, Helvetica, sans-serif; border-bottom: #151e54 dotted 2px; color: #151e54; margin: 2px; padding: 2px; padding-top: 15px; } h5 { height: 30px; padding: 5px; padding-bottom: 0px; background: #999; border-bottom: #151e54 dotted 2px; color: #FFF; font: bold 20px Arial, Helvetica, sans-serif; } .fineprint { padding-left: 5px; padding-right: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-style: italic; color: #151e54; } .subheadRight { text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666; } .subheadRight a { padding-right: 5px; color: #151e54; font-family: Arial, Helvetica, sans-serif; } .tnytxt { font: Arial, Helvetica, sans-serif; font-size: 10px; color: #333; } /* ---------------- Residential Rentals ---------------------- ================================================== */ .rr_wrapper { position: relative; margin-left: 0px; width: 930px; border: #000000 solid 1px; } .rr_wrapper h1 { margin-top: 45px; padding-left: 10px; background: #600; width: 560px; border-bottom: #000 solid 1px; font: 20px/35px Georgia, "Times New Roman", Times, serif; color: #fffs; } .rr_wrapper h2 { margin: 0px; margin-top: 10px; padding: 3px; width: 200px; border-bottom: none; background: #666; line-height: 20px; font-size: 18px; color: #FFF; } .rr_wrapper h3 { margin: 0px; margin-top: 10px; padding: 3px; border-bottom: none; background: #666; line-height: 20px; font-size: 18px; color: #FFF; } .rr_wrapper h4 { margin-top: 5px; padding: 0px; padding-left: 10px; background: #660000; border-bottom: #000000 solid 1px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 20px; font-size: 15px; color: #ffffff; } .rr_content ul { list-style: none; margin: 0px; padding: 0px; } .rr_content { padding: 10px; margin: 1px; font: Georgia, "Times New Roman", Times, serif; } .rr_header { background: url(../images/rr_head.jpg); height: 125px; width: 930px; padding: 0px; /* border-top: #000000 solid 1px;; border-left: #000000 solid 1px; border-right: #000000 solid 1px; */ } .rr_side { border: #660000 solid 1px; background: #ffffff; border-left: #660000 solid 15px; padding: 4px; margin-left: 5px; margin-bottom: 5px; float: right; width: 300px; } .rr_colleft { border: #666666 solid 1px; padding: 5px; margin: 0px; width: 560px; background: #FFFFFF; } .rr_collmini { border: #666666 solid 1px; padding: 5px; margin: 0px; width: 260px; } .rr_result_pic { margin: 0px; margin-right: 10px; } .rr_descrip_text { font-size: 12px; line-height: 20px; color: #333333; } .rr_nav { background: url(../images/rr_nav_bg.jpg) repeat-x; width: 910px; height: 40px; /* border-left: #000000 solid 1px;; border-right: #000000 solid 1px; */ } ul.rr_nav { margin: 0px; padding: 0px; padding-left: 20px; list-style: none; } ul.rr_nav li { float: left } .rr_navlink a { display: block; height: 40px; padding-left: 10px; padding-right: 10px; color: #FFFFFF; background: url(../images/rr_nav_pixi.jpg) repeat-x; background-position: 0 0px; } .rr_nav a:hover { background-position: 0 -40px } .rr_list li { list-style: inside; padding-left: 0px; margin-left: 0px; } .pointer { cursor: pointer; color: #151e54; font-weight: bold; } /* ------------------ Central Housing Area ---------------- ================================================== */ .CHwrapper { position: relative; margin: 15px; margin-left: 20px; max-width: 930px; } .CHnav { background: url(../images/nav_bg.jpg) repeat-x; background-position: 0 -1px; width: 100%; height: 75px; } ul.CHnav { margin: 0px; padding: 0px; list-style: none; } ul.CHnav a { display: block } ul.CHnav li { float: left; display: inline; } #pos1 a { height: 75px; width: 180px; margin: 0px; display: block; background: url(../images/nav_buyer.jpg) no-repeat; background-position: 0 0px; } #pos1 a:hover { background-position: 0 -75px } #pos2 a { height: 75px; width: 180px; margin: 0px; display: block; background: url(../images/nav_search-end.jpg) no-repeat; background-position: 0 0px; } #pos2 a:hover { background-position: 0 -75px } #pos3 a { height: 75px; width: 180px; margin: 0px; display: block; background: url(../images/nav_new.jpg) no-repeat; background-position: 0 0px; } #pos3 a:hover { background-position: 0 -75px } #pos4 a { height: 75px; width: 180px; margin: 0px; display: block; background: url(../images/nav_open.jpg) no-repeat; background-position: 0 0px; } #pos4 a:hover { background-position: 0 -75px } #pos5 a { height: 75px; width: 180px; margin: 0px; display: block; background: url(../images/nav_foreclosure.jpg) no-repeat; background-position: 0 0px; } #pos5 a:hover { background-position: 0 -75px } #pos6 { background: url(../images/nav_bg_end.jpg) no-repeat; width: 6px; height: 75px; display: block; float: right; } .CHbody { border: #000000 solid 1px; padding: 25px; } .CHblock { background: #ffffff; padding: 10px; position: relative; float: left; border: #000000 solid 1px; width: 908px; } .CHresultsframe { float: right; padding: 3px; } /* ------------------ Horizontal Navigation -------------- ================================================== */ .Hnav { background: url(../images/mainNav.jpg) repeat-x; background-position: 0 0px; width: 100%; height: 30px; } ul.Hnav { margin: 0px; padding: 0px; list-style: none; } ul.Hnav li { float: left } #sp1 a { height: 30px; width: 153px; margin: 0px; display: block; background: url(../images/mainNav_01.jpg) 0 0 no-repeat; } #sp1 a:hover { background-position: 0 -40px } #sp2 a { height: 30px; width: 136px; margin: 0px; display: block; background: url(../images/mainNav_02.jpg) no-repeat; background-position: 0 0px; } #sp2 a:hover { background-position: 0 -40px } #sp3 a { height: 30px; width: 214px; margin: 0px; display: block; background: url(../images/mainNav_03.jpg) no-repeat; background-position: 0 0px; } #sp3 a:hover { background-position: 0 -40px } #sp4 a { height: 30px; width: 198px; margin: 0px; display: block; background: url(../images/mainNav_04.jpg) no-repeat; background-position: 0 0px; } #sp4 a:hover { background-position: 0 -40px } #sp5 a { height: 30px; width: 153px; margin: 0px; display: block; background: url(../images/mainNav_05.jpg) no-repeat; background-position: 0 0px; } #sp5 a:hover { background-position: 0 -40px } #sp6 a { height: 30px; width: 87px; margin: 0px; display: block; padding-right: 10px; background: url(../images/mainNav_06.jpg) no-repeat; background-position: 0 0px; } #sp6 a:hover { background-position: 0 -40px } #nav { width: 100%; height: 46px; background: url(../images/nav-bg.gif) repeat-x; clear: both; margin: 0; padding: 0; } #nav li { float: left; line-height: 0; list-style: none; margin: 0; padding: 0; } #nav a * { display: none; text-decoration: none; color: #000; font-weight: bold; margin: 0; padding: 0; } #nav a { background: url(../images/nav-sprite.gif) 0 0 no-repeat; display: block; height: 46px; } #nav li:hover { text-decoration: none } #nav li:hover a, #nav a:hover, #nav li.selected a { background-color: #333 } #nav li a.home { background-position: -7px 0; width: 97px; margin-left: -35px; } #nav li a.home:hover { background-position: -7px -45px } #nav li a.agent { background-position: -104px 0; width: 165px; } #nav li a.agent:hover { background-position: -104px -45px } #nav li a.relocation { background-position: -269px 0; width: 144px; } #nav li a.relocation:hover { background-position: -269px -45px } #nav li a.commercial { background-position: -413px 0; width: 234px; } #nav li a.commercial:hover { background-position: -413px -45px } #nav li a.residential { background-position: -647px 0; width: 202px; } #nav li a.residential:hover { background-position: -647px -45px } #nav li a.contact { background-position: -849px 0; width: 144px; } #nav li a.contact:hover { background-position: -849px -45px } /* ------------------ Expanded Links ---------------------- ================================================== */ .menuMain { background: url(../images/collapse_02.jpg) repeat-y #3b5ea3; background-position: right; height: 800px; position: absolute; border-bottom: #151e54 solid 1px; border-top: #151e54 solid 1px; } .menuNav { padding: 10px; padding-top: 0px; font: 13px/20px Arial, Helvetica, sans-serif; color: #fff; height: 670px; } ul.menuNav { list-style: none; list-style-position: outside; } ul.menuNav li { margin: 0px; padding: 0px; font-weight: bold; padding-left: 5px; color: #151e54; } .menuNav a { color: #FFFFFF; font-weight: normal; padding: 0px; text-decoration: none; } .menuNav a:hover { background: #151e54; width: 90px; } .menuExpand { position: relative; background: url(../images/expand_02.jpg); width: 28px; height: 700px; float: left; } .menuExpandEnd { background: url(../images/expand_03.jpg); display: block; width: 28px; height: 24px; } .menuClose { float: right; width: 28px; height: 700px; background: url(../images/collapse_02.jpg); border-bottom: #151e54 solid 1px; border-top: #151e54 solid 1px; } .menuClose a { background: url(../images/collapse_01.jpg) no-repeat; width: 28px; height: 337px; } .cmenuClose a:hover { background-position: -28px 0 } /* ---------------------- Department Navigation -------------------------- ================================================== */ .Side { padding: 10px; float: left; width: 235px; background: #ffffff; border: #ffffff solid 5px; } .SideR { padding: 10px; float: right; width: 235px; background: #ffffff; border: #ffffff solid 5px; } .titleSide { width: 235px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #151e54; border-bottom: #151e54 dotted 1px; } .titleSide a { color: #151e54 } ul.sideNav { margin: 0px; padding: 0px; list-style: none; } ul.sideNav li { display: inline } ul.sideNav a { display: block; background: #d5d5ef; height: 25px; width: 220px; border: #151e54 solid 1px; font:normal 12px/25px Arial, Helvetica, sans-serif; text-decoration: none; padding-left: 15px; color: #151e54; } ul.sideNav a:hover, .sidenav-active { background: #151e54!important; color: #ffffff!important; } a:active { font-weight: bold } /* --------------------------- Footer --------------------- ================================================== */ .footer { width: 850px; float: right; color: #999999; font-size: 10px; font-weight: bold; } .footer p { font-size: 10px } .footer a { color: #999999; font-size: 10px; } .footer a:hover { color: #666666 } .alagroup { float: left; padding: 5px; } .relorollover a { width: 160px; height: 70px; background: url(../images/relo_rollover.jpg); display: block; float: left; } .relorollover a:hover { background-position: 0 -70px } .collapse { background: #151e54 } /* ----------------------------------PHP - AGENTS--------------------------- ================================================== */ .ap_listBox { padding-top: 5px; margin-top: 10px; width: 300px; margin-left: 65px; border: #CCC solid 1px; border-left: #ccc solid 10px; } .ap_phototn { text-align: center; padding: 5px; margin: 5px; } .ap_listBox a { color: #151e54; text-decoration: none; } .ap_heading { font: bold 15px Helvetica, Arial, sans-serif; padding-left: 14px; color: #151e54; } .ap_subheading { padding-right: 35px; text-align: right; font-style: italic; color: #999; } ul.ap_list { list-style: none; padding: 0px; line-height: 20px; font-size: 14px; } .ap_boldLink { color: #C00; text-align: center; } .ap_boldLink a { color: #C00 } .ap_boldLink a:hover { background: #CCC } .bp_listbox { padding: 5px; margin: 5px; width: 600px; border: #CCC solid 1px; border-left: #ccc solid 10px; text-align: left; } .bp_agentlist a { text-decoration: none; display: block; color: #000; padding: 5px; padding-right: 10px; height: 20px; width: 230px; } .bp_agentlist a:hover { background: #CCC } .spryHover { background: #151e54; color: #CCC; } .adminRoll { display: block; width: 20px; height: 5px; } .adminRoll a { background: url(../images/hidden_rollover.jpg) } .adminRoll a:hover { background-position: 0 -5px } .required { color: #990000; font-weight: bold; } /* ----------Added Styles---------- ================================================== */ hr { margin: 5px; border: none; border-bottom: #151e54 dotted 2px; } .teeny { font: 12px/15px "Century Gothic","Arial Black", Gadget, sans-serif !important } hr.agentdiv { border: none; border-bottom: 1px solid #fff; margin: 3px 0; } table.sort { border-collapse: collapse } tr#agentinfo td { font: 12px/16px Arial, Helvetica, sans-serif } tr#agentinfo td h2 { font: 15px Arial, Helvetica, sans-serif; border: none; margin: 0; padding: 0; text-align: left; } tr#agentinfo td p { font-size: 11px; color: #666; margin: 0; padding: 0; } a.mail { background: transparent url(../images/mail-icon.jpg) no-repeat center left; text-decoration: underline; padding: 0 0 0 20px; } a.profile { background: transparent url(../images/profile-icon.gif) no-repeat center left; text-decoration: underline; padding: 0 0 0 20px; } a.website { background: transparent url(../images/web-icon.gif) no-repeat center left; text-decoration: underline; padding: 0 0 0 20px; display: block; } /* contact form */ #mask { background-color: #000; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9000; } #contact { background-color: #fff; display: none; left: 50%; margin-left: -300px; position: absolute; top: 90px; width: 600px; z-index: 9999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; } #close { background: url(../images/close.png) no-repeat right; cursor: pointer; font:bold 20px/24px arial, sans-serif; text-decoration: underline; text-align: right; padding: 5px 30px 5px 5px; } #contact_header { background: url(../images/envelope.png) no-repeat left; font: bold 30px/50px arial, sans-serif; padding: 5px 5px 10px 60px; } /* -----------Add This------------- ================================================== */ .addthis{ width:1000px; margin:0 auto; clear:both; position:relative; } .addthis a{ display:block; position:relative; left:878px; margin:10px 0;} /* -----------Weather------------- ================================================== */ .weather { float: left; width: 250px; clear: both; } .weatherFeed { font-family: Arial, Helvetica, sans-serif; font-size: 90%; width: 236px; border: 1px solid #000; } .weatherFeed a { color: #888 } .weatherFeed a:hover { color: #000; text-decoration: none; } .weatherItem { padding: 0.8em; text-align: right; } .weatherCity { text-transform: uppercase } .weatherTemp { font-size: 2.8em; font-weight: bold; } .weatherDesc, .weatherCity { font-weight: bold } .weatherDesc { margin-bottom: 0.4em } .weatherRange, .weatherWind { font-size: 0.8em } .weatherLink { text-align: left; font-size: 0.8em; } .odd { background-color: #e8e8fc } .even { background-color: #d4d4e8 } /* ---------- Admin -------------- ================================================== */ .adm_box { width: 500px; padding: 5px; margin: 5px; border: #333333 solid 1px; border-left: 10px; } .quickContainer { width: 400px } .quicksearch { width: 380px; border: #666 solid 1px; margin: 0px; margin-left: 3px; margin-right: 3px; margin-top: -4px; padding: 5px; }