@import url("reset.css");

/* ff4a00, 0021a5, 1a6e33 */

/* body {font-family: Arial, san-serif; font-size: 72.5%; background: #fff url(../img/blug_glow.png) repeat-x top left; color: #000;} */
body {font-family: Arial, san-serif; font-size: 72.5%; background: #fff; color: #000;}

a {color: #0021a5;}
a:hover {color: #ff4a00;}

#toolbar {width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; background: #fff}
#toolbar .left {width: 45%; float: left; height: 24px; text-align: left;}
#toolbar .right {width: 45%; float: right; height: 24px; text-align: right;}
#toolbar #primary_nav  {padding: 6px 0 0 6px;}
#toolbar #primary_nav  li {display: inline; margin: 0 6px;}
#toolbar #secondary_nav {padding: 6px 6px 0 0;}
#toolbar #secondary_nav  li {display: inline; margin: 0 6px;}
.default #nav_home a, .listings #nav_listings a, .toolbox #nav_toolbox a, .todo #nav_todo a, .bus #nav_bus a, .contact #nav_contact a, .help #nav_help a, .login #nav_login a, .coupon #nav_coupons a {color: #ff4a00; font-weight: bold; text-decoration: none;}
#toolbar a {text-decoration: underline;}

#wrap {width: 1000px; margin: 0 auto; overflow: hidden;}

#header {height: 120px; position: relative; margin: 10px 0 0 0;}
#header h1 {text-indent: -9999px;}
#header #description {text-indent: -9999px; display: none;}
#header #logo {width: 260px; height: 120px; position: absolute; top: 0; left: 10px; background: url(../img/logo.jpg) no-repeat top left;}
#header #instructions {position: absolute; top: 88px; left: 300px;}
#header #instructions em {color: #1a6e33;}
#loading {position: absolute; top: 41px; right: 24px;}

#search {position: absolute; top: 0; right: 0; width: 730px; height: 120px;}
#search #query {width: 500px; height: 24px; font-size: 19px; padding: 4px; margin: 39px 0 0 30px;}
.disabled {color: #ccc;}
.enabled {color: #000;}
#search #search_button {height: 34px; background: url(../img/search.jpg) no-repeat top left; width: 100px; cursor: pointer; text-indent: -9999px; border: 0; position: absolute; top: 41px; right: 82px;}

#content {overflow: hidden; background: #fff url(../img/content_middle_gray.jpg) repeat-y top left;}
#content_top {height: 10px; background: url(../img/content_top_gray.jpg) no-repeat top left;}
#content_bottom {height: 10px; background: url(../img/content_bottom_gray.jpg) no-repeat bottom left; clear: both; }

#content .left {width: 700px; float: left; overflow: hidden; position: relative;}
#content .left .gutter {padding: 20px;}
#content .left h2 {font-size: 1.7em; font-weight: bold; color: #0021a5; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#content .left h2#top_bar_left {border-bottom: 0; width: 330px; float: left;}
#content .left h3 {font-size: 1.5em; font-weight: bold; color: #222; margin: 0 0 10px 0; clear: both;}
#content .left p {line-height: 150%; margin: 0 0 10px 0;}

#apartment_contact_info {padding: 10px 0 0 0;}

#content .right {width: 300px; float: right; overflow: hidden; padding: 0 0 10px 0;}
#content .right h2 {font-size: 1.7em; font-weight: bold; color: #0021a5; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#content .right #contact_box h2 {border: 0;}

#page_content {overflow: hidden; position: relative;}
#page_content  p {line-height: 150%; margin: 0 0 10px 0;}
#page_content h3 {font-size: 1.5em; font-weight: bold; color: #222; margin: 0 0 10px 0;}
#page_content h4 {font-size: 1.3em; font-weight: bold; color: #222; margin: 0 0 10px 0;}
#page_content h5 {font-size: 1em; font-weight: bold; color: #222; margin: 0 0 10px 0;}
#page_content img.left {float: left;}

#featured_properties {padding: 20px 20px 0 20px;}

#contact_box {padding: 20px 20px 0 20px;}

#contact_page {}
#contact_page dl {}
#contact_page dt {margin: 0 0 5px 0; font-weight: bold;}
#contact_page dd{margin: 0 0 10px 0;}
#contact_page .standard_textarea {width: 650px; padding: 4px; height: 150px; font-family: Arial, sans-serif; font-size: 1em; line-height: 150%;}

#sponsors {padding: 0 20px 20px 20px; overflow: hidden;}
#sponsors a {display:block; margin: 10px 0 0 0; height: 125px; width: 125px;}
#sponsors .sponsor_left {float: left;}
#sponsors .sponsor_right {float: right;}

#lead_form {background: #FEE3AD; padding: 20px 0 0 0; border: 1px solid #FF4A00; margin: 0 0 20px 0;}
#lead_form  p {margin: 0 0 10px 0; overflow: hidden;}
#lead_form label {display: block; font-weight: bold; margin: 0 0 5px 15px;}
#lead_form select {width: 204px;  margin: 0 0 0 15px;}
.contact_text {width: 194px; margin: 0 0 0 15px;}
#contact_send {margin: 5px 0 0 15px; cursor: pointer;}
#contact_send_large {cursor: pointer; margin-left: 84px;}
#contact_center {margin: 10px 0 5px 0; border: 1px solid #FEE3AD; border-width: 1px 0; font-weight: bold; padding: 10px 0 0 0;}
#lead_form select#contact_hear {width: 210px; margin: 0 0 0 15px;}
#contact_message {width: 550px; height: 100px;}
#lead_form #contact_area {width: 200px; height: 50px; margin: 0 0 0 15px;}
#lead_submit input {margin: 5px 0 0 15px; cursor: pointer;}
#lead_form .error {margin: 0 0 10px 15px;}

#contact_info {padding: 20px;}
#contact_info h3 {font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0;}
#contact_info p {line-height: 150%; margin: 0 0 15px 0;}

#map_box {padding: 20px 20px 0 20px;}
#content .right #map_box  h2 {border: 0;}

.share {display: block; border: 1px solid #ccc; padding: 8px 5px; text-align: center; width: 70px; background: #e64300; color: #fff; font-weight: bold;}
#content a.share:hover {color: #fff; text-decoration: underline;}

.property {margin: 0;}
.property h3 {font-size: 1.5em; font-weight: bold; margin: 15px 0 10px 0; color: #222;}
.property h3 a {color: #000;}
.property .photo {width: 260px; height: 260px; background: red;}
.property p {line-height: 150%;}

.description {clear: both; padding: 10px 0;}

.trips {width: 660px; overflow: hidden;}
.trips .cell {width: 220px; float: left; padding: 10px 0;}
.trips .cell p {padding: 0 0 20px 0;}

.tollfree {font-size: 1.2em;}

.basic_list {list-style-type: disc;}
.basic_list li {margin: 0 0 10px 25px;}

.manage_images h4 {font-size: 1.3em; font-weight: bold; color: #222; margin: 0 0 10px 0;}
.manage_images h5 {font-size: 1em; font-weight: bold; color: #222; margin: 0 0 10px 0;}

#image_name  {width: 250px;}

#apartment_header {position: relative;}
#sort {margin: 10px 0 0 0; position: absolute; top: -3px; right: 0; display: none;}
#sort li {display: inline; margin: 0 5px 0 0;}
#sort li.title {font-weight: bold;}

#listings {margin: 15px 0 0 0; overflow: hidden;}
#listings .apartment {width: 658px; margin: 0 0 15px 0; overflow: hidden; background: #eee; border: 1px solid #ccc; position: relative;}
#listings .apartment .apt_photo {width: 140px; height: 100px;}
#listings .apartment .apt_left {width: 140px; float: left; padding: 10px;}
#listings .apartment .apt_right {width: 318px; float: left; padding: 10px 0 10px 10px;}
#listings .apartment .apt_stats {width: 140px; float: right;overflow: hidden; padding: 10px 0;}
#listings .apartment .apt_stats em {display: block; float: left; width: 45px;}
#listings .apartment p {line-height: 150%; margin: 0 0 5px 0;}
#listings .apartment h3 {font-size: 1.5em; font-weight: bold; padding: 5px 0 0 0;}
#listings .apartment h3 a {color: #000;}
#listings .apartment .overlay {position: absolute; width: 658px; height: 122px; top: 0; left: 0;}
#listings .apartment .overlay a {display: block; width: 658px; height: 122px;}
.phone {font-weight: bold;}

.apartment_page #content .left p {margin: 0 0 10px 0; line-height: 150%;}
#specials {padding: 20px;}
#login_form {width: 300px; background: #fff; margin: 20px auto;}
#login_form  h2 {font-size: 1.7em; font-weight: bold; color: #0021a5; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 20px 0;}
#login_form  dl dd {overflow: hidden; padding: 0 0 10px 0; line-height: 150%;}
#login_form label {display: block; padding: 0 0 2px 0;}
#login_form .textbox {width: 288px; padding: 5px; border: 1px solid #ccc;}
#login_form .submit_button {float: right; cursor: pointer; margin: 5px 0 0 0;}

.error {color: red; padding: 5px 0 0 0;}

#backend_form {padding: 20px; line-height: 150%;}
#backend_form h2 {font-size: 1.7em; font-weight: bold; color: #0021a5; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 20px 0;}
#backend_form h3 {font-size: 1.5em; font-weight: bold; color: #222; margin: 0 0 10px 0;}
#backend_form  dl dd {overflow: hidden; padding: 0 0 10px 0; line-height: 150%;}
#backend_form label {display: block; padding: 0 0 2px 0;}
#backend_form .textbox {width: 288px; padding: 5px; border: 1px solid #ccc;}
#backend_form .submit_button {float: right; cursor: pointer; margin: 5px 0 0 0;}
#backend_form .error {color: red;}
#backend_form .backend_properties_list {margin: 0 0 20px 0;}

#edit_form #form_id {width: 300px;}
#edit_form dl dd {border-bottom: 1px solid #ccc; margin: 0 0 10px 0;}
#edit_form .standard_text {width: 270px; padding: 2px 4px;}
#edit_form .file_upload {width: 400px; padding: 2px 4px;}
#edit_form .standard_textarea {width: 950px; padding: 4px; height: 150px; font-family: Arial, sans-serif; font-size: 1em; line-height: 150%;}
#edit_form .readonly {background: #ccc; padding: 2px 4px;}

#edit_form dl dt {font-weight: bold;}

#bottom_options {overflow: hidden;}
#bottom_options dt {width: 119px; float: left; display: block; height: 25px; margin: 0 0 10px 0; padding: 7px 0 1px 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: bold;}
#edit_form #bottom_options dd {width: 89px; float: left; display: block; height: 28px; margin: 0 10px 10px 0; padding: 5px 10px 0 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
#edit_submit {border-top: 1px solid #ccc; padding: 10px 0 0 0;}
#edit_submit input {cursor: pointer;}

#mid_options {overflow: hidden; border-bottom: 1px solid #ccc; margin: 10px 0; padding: 10px 0 0 0;}
#mid_options dt {width: 159px; float: left; display: block; font-weight: bold; height: 22px;}
#edit_form #mid_options dd {width: 309px; float: left; display: block; border: 0; height: px;}

#pagination  {display: none;}
#pagination ul {text-align: center;}
#pagination ul li {display: inline; margin: 0 5px;}
#pagination ul li a {text-decoration: underline; font-size: 1.2em;}

#count {color: #222; padding: 5px; position: absolute; top: 20px; right: 20px; font-size: 1.2em; background: #fff;}
#count em {color: #ff4a00;}

#footer {margin: 20px 0; line-height: 150%; text-align: center;}

em {font-weight: bold; font-style: normal;}
a {text-decoration: none;}

#contact_info_box {overflow: hidden; padding: 10px 10px 0 10px; background: #eee; border: 1px solid #ccc; margin: 15px 0 10px 0; height: 110px; clear: both;}
.apartment_page_logo {float: left; margin: 0 20px 0 0;}

.hidden {display: none;}
#tooltip {background: #fff2c7; width: 280px; display: none; z-index: 999; border: 1px solid #ffe48a; padding: 10px; text-align: center; color: #000;}

#backend {padding: 20px; overflow: hidden;}
#backend h2 {font-size: 1.7em; font-weight: bold; color: #0021a5; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#backend h3 {font-size: 1.5em; font-weight: bold; color: #222; margin: 0 0 10px 0;}
#backend .cp_list {margin: 0 0 20px 0; font-weight: bold;}
#backend .cp_list li {margin: 0 0 10px 0;}
#backend .backend_block {width: 25%; float: left; margin: 0 0 20px 0;}

#backend_form .textarea {width: 950px; height: 300px; padding: 4px;}

.backend_table {width: 100%;}
.backend_table th {padding: 10px 5px; font-weight: bold; background: #eee; border-bottom: 1px solid #ccc; text-transform: capitalize;}
.backend_table td {padding: 10px 5px; border-bottom: 1px solid #ccc;}
.delete {color: red;}
.add {margin: 0 0 10px 0; display: block; font-weight: bold;}
.backend_table a {font-weight: bold;}

#page_top_bar {border-bottom: 1px solid #ccc; height: 48px;}
#top_bar_right {overflow: hidden; padding: 0 0 }
#top_bar_right li {width: 42px; height: 42px; float: right; padding: 0 0 0 10px;}
#top_bar_right li a {width: 42px; height: 42px; display: block; text-indent: -9999px;}
#directions_button {background: url(../img/buttons/directions.jpg) no-repeat top left;}
#floorplans_button {background: url(../img/buttons/floorplans.jpg) no-repeat top left;}

#breadcrumb {padding: 0 0 10px 0;}
#breadcrumb li {display: inline; padding: 0 3px 0 0;}
#breadcrumb .del {padding: 0 0 0 6px; font-size: 1.2em;}
#breadcrumb  a {font-weight: bold;}

.backend_properties_list li {margin: 0 0 10px 0;}

#admin_buttons {margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#admin_buttons input {margin: 0 10px 0 0; cursor: pointer;}
#admin_table table {width: 100%;}
#admin_table table th {padding: 10px 5px; background: #eee; font-weight: bold; border-bottom: 1px solid #ccc;}
#admin_table table td {padding: 10px 5px; border-bottom: 1px solid #ccc;}

.listing_page {overflow: hidden;}
.listing_page p {overflow: hidden;}
img.float_left {float: left; padding: 0 10px 0 0;}
.apartment_logo {margin: 0 0 10px 0;}
.apartment_table {width: 200px; border: 1px solid #ccc; border-width: 1px 0 0 1px; margin: 0 0 10px 0;}
.apartment_table td {padding: 5px; border: 1px solid #ccc; border-width: 0 1px 1px 0;}

.gallery {overflow: hidden;}
.gallery  li {display: block; width: 100px; float: left; margin: 0 10px 10px 0;}

.file_info {line-height: 1.5em;}

/* Lighbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.3em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}