/* Copyright 2006 by Quexion, LLC - Any Usage of this document on another site must be sited and credited to the original author - Quexion, LLC. * ------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code { font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: 600; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; } table { font-size: 12px; font-family: Arial, Tahoma, Verdana; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border: none; } /* Image Header Text */ /* global elements * ------------------------------------------------------------------------- */ body { color:#002868; background:url(/images/bg.gif); background-repeat:repeat-x; padding: 0px; margin: 0px; text-align: center; font-family: Arial, Tahoma, Verdana; font-size: 12px; } img { border: 0px; } a { color: #004891; text-decoration:none; } a:hover { text-decoration:underline; } .formbtn { font-size: 12px; } /* classes * ------------------------------------------------------------------------- */ .header_sub {color:#002868; font-size:30px; font-weight:bold; letter-spacing:0px; } .header_table {font-weight:bold; font-size:15px; } .header_table a { text-decoration:underline; } .header_sub2 {color:#002868; font-size:14px; letter-spacing:0px; } .header_subtop {color:#002868; font-size:17px; letter-spacing:0px; text-decoration:underline; } .header_search {color:#002868; font-size:12px; letter-spacing:0px; } /* framework * ------------------------------------------------------------------------- */ #container { width: 961px; margin: 0px auto 0px auto; padding: 0px; text-align: left; } #main_area { width: 921px; margin: 0px auto 0px 15px; } #main_area:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #left_column { width: 308px; float: left; } #logo_area { width: 308px; height: 126px; background: url(../images/home/mckee_logo.gif) no-repeat; } #green_box { width: 308px; background-color: #006b3f; } #rental_search { background: url(../images/home/rentalsearch_bg.gif); background-repeat: repeat-y; } #rentalsearch_hdr { width: 308px; height: 55px; background: url(../images/home/rentalsearch_hdr.gif); background-repeat: no-repeat; text-align: right; font-size: 11px; } #rentalsearch_hdr td { padding-top: 27px; font-weight: bold; } .search_form { width: 250px; margin: 0px 0px 0px 27px; color: #004891; font-size: 11px; font-weight: bold; } .search_form td { padding: 0px 0px 0px 0px; } .search_form select { font-size: 12px; margin: 2px 0px 14px 0px; vertical-align: middle; width: 113px; } #green_bottom p { color: #ffffff; padding: 10px 27px 10px 27px; } #button_area { width: 308px; margin: 0px 0px 13px 0px; } #button_area img { margin: 13px 0px 0px 0px; } #newsletter_signup { background-color: #f5f5f5; line-height: 22px; } #newsletter_signup p { margin: 0px 27px 15px 27px; } .newsletter_table { width: 260px; margin: 0px 0px 10px 29px; color: #004891; font-size: 11px; font-weight: bold;} .newsletter_table td { padding: 0px 6px 10px 0px; } .signup_field { vertical-align: middle; width: 173px; height: 18px; border-style: solid; border-width: 1px; border-color: #7f9db9; } #right_column { width: 613px; float: left; } #top_right { height:122px;} #top_right p { font-size: 11px; font-weight: bold; text-align: right; padding: 15px 0px 0px 0px; } #top_right a { text-decoration: none; } #nav_bar { width: 613px; height: 24px; float:left; margin:5px 0px 0px 0px; position:relative; z-index:10; } .menu .options { margin:0px; background-color:#003171; padding: 5px 0px 5px 0px; } .menu a { font-size: 11px; font-weight: bold; color:#ffffff; display:block; padding:2px 9px; text-decoration:none; background-color:#003171; } .menu a:hover { background-color: #386dc4; text-decoration:none; } #nav { background: url(../images/home/navbar.gif) no-repeat top center; width: 613px; height: 24px; position: relative; padding: 0px; } #nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;} #nav li, #nav a { height: 24px; display: block; } #nav span { display: none;} #nav_1 { width: 94px; left: 5px;} #nav_2 { width: 138px; left: 104px;} #nav_3 { width: 129px; left: 247px;} #nav_4 { width: 85px; left: 381px;} #nav_5 { width: 73px; left: 471px;} #nav_6 { width: 64px; left: 549px;} #nav_1 a:hover { background: transparent url(../images/home/navbar.gif) -5px -24px no-repeat;} #nav_2 a:hover { background: transparent url(../images/home/navbar.gif) -104px -24px no-repeat;} #nav_3 a:hover { background: transparent url(../images/home/navbar.gif) -247px -24px no-repeat;} #nav_4 a:hover { background: transparent url(../images/home/navbar.gif) -381px -24px no-repeat;} #nav_5 a:hover { background: transparent url(../images/home/navbar.gif) -471px -24px no-repeat;} #nav_6 a:hover { background: transparent url(../images/home/navbar.gif) -549px -24px no-repeat;} #main_image { width: 613px; height: 286px; float:left; } #home_content { width: 613px; float:left; } #home_content p { margin: 0px 25px 10px 25px; line-height:20px; } #home_contentright { width: 200px; height: 200px; color: #ffffff; background-color: #48484f; margin: 25px 0px 0px 10px; } #home_contentright ul, #home_contentright p { margin: 10px 23px 14px 23px; } #home_contentright a { color: #ffffff; text-decoration:none; } #home_contentright li { background: url(../images/home/bullet.gif) no-repeat top left; padding: 0px 0px 0px 10px; margin: 0px 0px 3px 0px; } #home_contentright2 { clear: right; } /* footer */ #footer_area { width: 921px; text-align: center; margin: 25px 0px 20px 0px; float: left; } #foot_logo { width: 921px; margin: 5px 0px 0px 0px; } #footer_links { color: #ffffff; font-size: 11px; } #footer_links a { color: #c7c7c7; } #foot_left { width: 307px; text-align: left; float: left; background-color: #002868; } #foot_left p { padding: 0px 0px 0px 10px; color:#c7c7c7; } #foot_center { width: 307px; text-align: center; float: left; background-color: #002868; } #foot_center p { padding: 0px; color:#c7c7c7; } #foot_right { width: 307px; text-align: right; float: left; background-color: #002868; } #foot_right p { padding: 0px 10px 0px 0px; color:#c7c7c7; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3, .sIFR-hasFlash h4, .sIFR-hasFlash #nav_area li { visibility: hidden; } /*subpage*/ #container2 { width: 990px; margin: 0px auto 0px auto; padding: 0px; text-align: left; background: url(../images/bg_sub.gif)repeat-x; } #top_row {width: 922px; float:left; padding-right:18px; } #top_left{ width:275px; height:122px; float:left; } #top_right {float:right; } #top_right p { font-size: 11px; font-weight: bold; text-align: right; padding: 15px 0px 0px 0px; } #top_right a { text-decoration: none; } #subnav { width: 920px; height: 24px; margin:5px 0px 0px 0px; padding:0px; float:left; position:relative; z-index:10; } #subnavbar { background: url(../images/subpage/nav_bar.gif) no-repeat top center; width: 655px; height: 24px; padding: 0px; float:right; position:relative; } #subnavbar li { list-style: none; padding: 0px; /*position: absolute; top: 0px;*/ height: 24px; float: left;} #subnavbar li, #subnavbar a { height: 24px; display: block; } #subnavbar span { display: none;} #subnavbar_h { width: 43px; left: 0px;} #subnavbar_1 { width: 94px; margin-left: 4px; /*left: 47px; */} #subnavbar_2 { width: 138px; margin-left: 5px; /*left: 146px; */} #subnavbar_3 { width: 129px; margin-left: 5px; /*left: 289px; */} #subnavbar_4 { width: 85px; margin-left: 5px; /*left: 423px; */} #subnavbar_5 { width: 73px; margin-left: 5px; /*left: 513px; */} #subnavbar_6 { width: 64px; margin-left: 5px; /*left: 591px; */} #subnavbar_h a:hover { background: transparent url(../images/subpage/nav_bar.gif) 0px -24px no-repeat;} #subnavbar_1 a:hover { background: transparent url(../images/subpage/nav_bar.gif) -47px -24px no-repeat;} #subnavbar_2 a:hover { background: transparent url(../images/subpage/nav_bar.gif) -146px -24px no-repeat;} #subnavbar_3 a:hover { background: transparent url(../images/subpage/nav_bar.gif) -289px -24px no-repeat;} #subnavbar_4 a:hover { background: transparent url(../images/subpage/nav_bar.gif) -423px -24px no-repeat;} #subnavbar_5 a:hover { background: transparent url(../images/subpage/nav_bar.gif) -513px -24px no-repeat;} #subnavbar_6 a:hover { background: transparent url(../images/subpage/nav_bar.gif) -591px -24px no-repeat;} #middle_row {width:922px; float:left;} #middle_left {width:267px; height:113px; float:left; margin:11px 0px 0px 0px; } #middle_left p {padding:15px 0px 0px 0px; margin:0px; float:left; } #middle_right {width:655px; height:113px; float:left; margin:11px 0px 0px 0px; padding:0px; } #middle2_row {width:922px; float:left; margin:0px; padding:0px;} #middle2_left {width: 685px; float:left;} #middle2_left p1 { line-height: 18px; font-size:13px;} #middle2_left p0 { line-height: 18px; font-size:13px; margin:0px 0px 0px 15px;} #middle2_left p { line-height: 20px; font-size:13px; margin:0px 0px 0px 15px; } #middle2_left a { color:#003890; text-decoration:none; font-weight:bold; } #middle2_left a:hover {text-decoration:underline; font-weight:bold;} #details_right a {color:#003890; text-decoration:none; font-weight:bold; font-size:13px;} #details_right a:hover {text-decoration:underline; font-weight:bold; font-size:13px;} #middle2_right {width: 237px; float:left; } /*subpage footer*/ #footer2_area { width: 921px; text-align: center; margin: 25px 0px 20px 0px; float: left; } #foot2_logo { width: 921px; margin: 5px 0px 0px 0px; } #footer2_links { color: #ffffff; font-size: 11px; } #footer2_links a { color:#c7c7c7; } #foot2_left { width: 307px; text-align: left; float: left; background-color: #002868; } #foot2_left p { padding: 0px 0px 0px 10px; color:#c7c7c7; } #foot2_center { width: 307px; text-align: center; float: left; background-color: #002868; } #foot2_center p { padding: 0px; color:#c7c7c7; } #foot2_right { width: 307px; text-align: right; float: left; background-color: #002868; } #foot2_right p { padding: 0px 10px 0px 0px; color:#c7c7c7; } /*rental search - advanced search menu */ #advanced_search td { vertical-align:top; } #advanced_search select { height: 19px; font-size: 12px; } #advanced_search input { font-size: 12px; } /*rental search - grid*/ .more_info { font-size:smaller; } table.gv_properties { text-align:center; float:left; } /*rental search - form*/ /* pager styles for image gallery */ #detailsImages { width:400px; } #detailsImages a { color: #003890; text-decoration: none; font-weight:bold; } td.pager_sel { border: 1px solid #5582ab; width: 10px; text-align: center; background-color: #d1e2fb; } td.pager_norm { border: 1px solid #ffffff; width: 10px; text-align: center; } td.pager_pn_norm { width: 20px; } td.pager_pn_dis { width: 20px; color: #dddddd; } /* Property List */ #list_main_area { width: 868px; margin: 0px auto 0px auto; padding: 0px; } #list_main_area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #list_left_column { width: 310px; float: left; } #list_right_column { width: 540px; float: left; } #list_logo_area { width: 280px; height: 126px; } /* Property Flyer */ #flyer_container2 { float:left; width: 865px; margin: 0px auto 0px auto; padding: 0px; text-align: left; } .form_properties { float:left; text-align:left; } /* print styles */ @media print { #list_main_area { width:100%; } #top_right p { padding-top:0px; margin-top:0px; } .gv_properties table { text-align:center; } .gv_properties td { font-size:16px; } .gv_properties th { border-bottom: solid 2px #e0e0e4; } .gv_properties td { border-bottom: solid 2px #e0e0e4; } .form_properties td { font-size:15px; } #property_details_bluebox { padding:8px; border:solid 2px #002868; } #details_left { padding-top:30px; } .window_close { visibility:hidden; } } /* Application Process page */ .application_process { padding-top:0px; padding-left:50px; list-style-type:disc; width:500px; } .application_process li { padding-top:8px; } .application_process ol { padding-left:30px; list-style-type:circle; } /* Recurring Payment page */ .bank_info_tbl { width:483px; } .bank_info_tbl td { padding-bottom:6px; } .cb_terms { margin-right:2px; } .info_tbl { width:483px; } .info_tbl td { padding-bottom:6px; }