/*       Mile Square Apartments       */
/*           Listings Page            */

@import url(global.css);


#listings {
 display: block;
 margin-top: 20px;
}

#listings li {
 width: 540px;
 padding: 15px 30px 15px 6px;
 background: url(../images/dotted_line.gif) repeat-x;
}

#listings img {
 float: left;
 padding: 4px;
 border: 1px solid #B5B5B5;
}

#listings h2 {
 font-size: 16px;
 margin: 0;
}

#listings h3 {
 font-size: 11px;
 font-weight: normal;
 margin: 5px 0 10px 0;
}

#listings .details {
 float: right;
 width: 385px;
 font-size: 12px;
}

#listings .details ul {
 display: block;
 height: 32px;
 margin-bottom: 10px;
}

#listings .details li {
 display: block;
 float: left;
 width: 54px;
 height: 30px;
 padding: 2px 0 0 34px;
 font-size: 10px;
 margin-right: 4px;
 cursor: default;
}

#listings .details li strong {
 display: block;
 font-size: 11px;
} 

#listings .details .rent {
 background: url(../images/detail_rent.gif) no-repeat;
}

#listings .details .avail {
 background: url(../images/detail_avail.gif) no-repeat;
}

#listings .details .size {
 background: url(../images/detail_size.gif) no-repeat;
}

#listings .details .show,
#listings .details .how {
 padding: 0px;
 width: 32px;
 height: 32px;
 background: url(../images/detail_show.gif) no-repeat;
}

#listings .details .how {
 background: url(../images/detail_how.gif) no-repeat;
}

#listings .details .show a,
#listings .details .how a {
 display: block;
 height: 32px;
 width: 32px;
}

#listings .details div {
 margin-top: 5px;
 font-size: 11px;
 color: #B5B5B5;
}

#listings_showing {
 clear: both;
 text-align: center;
 padding: 10px 0;
 margin: 25px;
 background: #FFF url(../images/dotted_line.gif) 0 16px repeat-x;
}

#listings_showing span {
 background: #FFF;
 padding: 0 3px;
 font-family: verdana, arial, sans-serif;
 font-size: 10px;
 color: #666;
}

#listings_pagination {
 padding-bottom: 30px;
 text-align: center;
}

#listings_pagination ul {
 margin: 0 auto;
 text-align: center;
}

#listings_pagination li {
 display: inline;
 padding: 0 5px;
 color: #BCBCBC;
}

#listings_pagination .selected {
 color: #414141;
}

#listing_left {
 float: left;
 width: 235px;
 padding: 10px;
 padding-right: 0;
}

#listing_photos {
 width: 215px;
 height: 247px;
 padding: 10px;
 padding-bottom: 0;
 background: url(../images/photos_bg.gif) no-repeat;
}

#listing_photos_index .swap {
 display: block;
 float: left;
 padding: 3px 7px;
}

#listing_photos_index .selected {
 background: #FFF;
 color: #4D4D4D !important;
}

#enlarge {
 display: block;
 width: 20px;
 height: 24px;
 float: right;
 background: url(../images/button_enlarge.gif) no-repeat;
}

#enlarge:hover {
 background: url(../images/button_enlarge.gif) 0 -24px no-repeat;
}

#listing_actions {
 height: 23px;
 padding-top: 15px;
 padding-left: 4px;
}

#listing_actions a {
 display: block;
 width: 74px;
 height: 23px;
 float: left;
}

#action_print {
 background: url(../images/button_print.gif) no-repeat;
}

#action_print:hover {
 background: url(../images/button_print.gif) 0 -23px no-repeat;
}

#action_email {
 background: url(../images/button_email.gif) no-repeat;
}

#action_email:hover {
 background: url(../images/button_email.gif) 0 -23px no-repeat;
}

#action_mapit {
 background: url(../images/button_map.gif) no-repeat;
}

#action_mapit:hover {
 background: url(../images/button_map.gif) 0 -23px no-repeat;
}

#listing_right {
 float: right;
 width: 460px;
 padding-right: 50px;
}

#listing_right h2 {
 font-size: 18px;
 color: #B00000;
 margin-top: 15px;
 margin-bottom: 0;
}

#listing_right h3 {
 font-size: 11px;
 margin-bottom: 6px;
}

#listing_right .posted {
 color: #B5B5B5;
 margin-bottom: 6px;
}

#listing_info {
 width: 231px;
 float: right;
}

#listing_info img {
 display: block;
}

#listing_info_list {
 border: 1px solid #BBC8CF;
 border-top: 0;
 border-bottom: 0;
 background: url(../images/listing_info_bg.gif) 5px top repeat-y;
}

#listing_info_list div {
 padding-top: 1px;
 height: 17px; 
}

#listing_info_list span {
 float: left;
 display: block;
 width: 104px;
 text-align: right;
}

#listing_info_list strong {
 float: right;
 display: block;
 width: 102px;
}

#listing_right .description {
 font-size: 12px;
 padding-bottom: 15px;
}

#listing_right .features {
 font-size: 12px;
}

#listing_right .features li {
 float: left;
 height: 17px;
 width: 170px;
 padding-left: 15px;
 background: url(../images/list_check.gif) no-repeat;
}

#admin_tabs {
	margin-top: 10px;
	margin-bottom: 10px;
}

#admin_tabs a {
	font-weight: bold;
	font-size: 14px;
}

#admin_tabs a:hover {
	background-color: #B00000;
	color: #FFF;
}

#admin_sub_tabs {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

#admin_sub_tabs a {
	font-weight: bold;
	font-size: 12px;
}

#admin_sub_tabs a:hover {
	background-color: #B00000;
	color: #FFF;
}

.altered {
	color: #F00;
}