/**
  * aptstyles.css
  * 
  * @author Jon Zuck <jon.zuck@resiteonline.com>
  * 
  * All styles on this page are particular to the property pages.
  * 
  * @version $Id$
  **/ 


/* subnav styles ********************************************/

#subNav {
	background: #080;
	height:38px;
}
#subNav li 	 {float: left;}
#subNav li a {
	display: block; 
	height: 0;
	width: 0;}
#subNav li a i {
	display: block;
	position: absolute; 
	text-indent: -1000em;
	height:38px;
	cursor:pointer;}	
#subNav #overview	{
	margin-left: 0;
	background:  url(/images/overview-bttn.gif);
	width: 102px;
}
#subNav #floorplan {
	margin-left: 102px;	
	width: 143px;
	background:  url(/images/floorplans-bttn.gif);
}
#subNav #photostour {
	margin-left: 245px;		
	width: 112px;
	background:  url(/images/photos-bttn.gif);
}
#subNav #mapdir {
	margin-left: 357px;			
	width: 130px;
	background:  url(/images/maps-bttn.gif);
}
#subNav #amenities {
	margin-left: 487px;		
	width: 94px;
	background:  url(/images/amenities-bttn.gif);
}
#subNav #email {
	margin-left: 581px;		
	width: 110px;
	background:  url(/images/email-bttn.gif);
}
#subNav #apply {
	margin-left: 691px;			
	width: 100px;
	background:  url(/images/apply-bttn.gif);
}
#subNav #request {
	margin-left: 791px;		
	width: 149px;
	background:  url(/images/request-bttn.gif);
}	

#subNav .current #overview	{background: url(/images/overview-bttn-over.gif);}
#subNav .current #floorplan {background: url(/images/floorplans-bttn-over.gif);}
#subNav .current #photostour{background: url(/images/photos-bttn-over.gif);}
#subNav .current #mapdir 	{background: url(/images/maps-bttn-over.gif);}
#subNav .current #amenities {background: url(/images/amenities-bttn-over.gif);}
#subNav .current #email 	{background: url(/images/email-bttn-over.gif);}
#subNav .current #apply 	{background: url(/images/apply-bttn-over.gif);}
#subNav .current #request 	{background: url(/images/request-bttn-over.gif);}

/* image area */
#aptImageArea.aptFlash {
	height: 252px !important;
}
#aptImageArea img {
	width: 940px; 
	height:189px;
}

/* Apt Description styles */
#aptDescription {
	width: 214px;
	text-align: center;
	float: left;
	min-height:190px;
}
#aptDescription .fn {
	color: #752c3f;
	font-weight: bold;
	font-size: 114%; /* ~16px */
	letter-spacing:-1px;
}
#aptDescription .item {font-weight: bold;}	
#aptDescription .adr  {margin-bottom: 15px;}	
#aptHours {
	border-bottom: 1px solid #cc9;	
	margin-bottom: 15px;
}
#aptHours, #aptNums {
	width: 80%;
	padding: 10px 0;
	text-align: left; 
	margin: 0 auto;
	border-top: 1px solid #cc9;
}
#aptButtons {margin: 15px auto 75px;}
#aptButtons a {
	display: block;
	width: 80px;
	height: 25px;
	float: left;
}
#applyBtn 	{
	margin: 0 5px 0 20px;
	background:url(/images/apply-now-bttn-bttm-lft.gif);
}
#contactBtn 		{background:url(/images/contact-us-bttn-bttm-lft.gif);}
#applyBtn:hover 	{background:url(/images/apply-now-over.gif);}
#contactBtn:hover 	{background:url(/images/contact-us-over.gif);}	

/* Apt Info area styles (main content area on community pages */
#aptInfo {
	position: relative;
	width: 692px;
	float: left;
	padding: 0 0 0 15px; 
	font-style: normal;
}
#aptInfo a {color: #640;}	
#aptInfo a:hover {	
	color: #f00;
	text-decoration: underline;
}

#socialRight {
	float: left;
	width: 340px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/* overview page */	
.overview #overviewdesc {
	width: 340px;
	margin: 5px;
	float: left;
}	
.overview img {
	width: 320px;
	height:234px;
	float: left;
	margin-bottom: 10px;
}
a#button_vid {
	display: block;
	width: 321px;
	height: 111px;
	float: left;
	margin-bottom: 10px;
	background:url(/images/video11.jpg);
}
a#button_vid:hover, a#button_vid:active {
	background:url(/images/video.jpg);
	text-decoration: none;
}
a#button_vid span {
	color: #fff;
	display: block;
	float: left; 
	width: 140px;
	font: 1.5em Georgia, 'Times New Roman', serif;
	margin:18px 5px 0;
	text-align: center;
}

#searchbox_container {
	width: 321px;
	height: 100px;
	padding:18px 0;
	float: right;
	background: url(/images/local-search-bg.jpg)  -30px -15px;
}

#socialBox {
	float: right;
	width: 250px;
	height: 110px;
	margin: 30px 70px 0px 0px;
	padding: 0px;
}

#socialBox table {
	border: none;
}

#socialBox #socialLabel label {
	float: right;
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #664400;
	background: lime;
}

#socialBox table#socialTable td {
	width: 74px;
}


#socialBox table td img.social {
	display: block;
	width: 64px;
	height: 65px;;
	border: none;
}

#socialBox label {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #664400;
}
/*
#socialBox img.social {
	float: left;
	width: 64px;
	height: 65px;
	margin: 10px;
	padding: 0px;
	border: none;
}
*/
#socialBox a {
	text-decoration: none;
}

#socialBox img#facebook {
	margin-left: 0px;
}

#searchBox {
	float: left;
	width: 200px;
	height: 100px;
	margin: -10px 0px 0px 5px;
	padding: 0px;
	display: none;
}

div#aptSearchBox input#searchbox_text {
	float: left;
	width: 190px;
	height: 18px;
	margin: 0px 0px 5px 5px;
}

#searchbox_container a, #searchBox a, div#aptSearchBox a {
	font-size: 14px;
	font-weight: bold;
	color: #664400;
	margin: 0px 0px 0px 50px;
}

#searchBox a, div#aptSearchBox a {
	font-size: 0.75em;
	margin-left: -10px;
}

#searchBox input#searchbox_text {
	width: 170px;
}

#searchBox select#city {
	width: 190px;
	font-size: 12px;
	margin: 0px 0px 10px 3px;
}

#searchbox_container a:hover, #searchBox a:hover{
	text-decoration: underline;
	color: #664400;
}

#searchbox_container form {
	margin: 0 auto ;
	width: 220px;
	overflow: auto;
}
 #searchBox form {	 
	 width: 180px;
	 margin: 0px 0px 0px 0px;
 }
 
#searchbox_container input, #searchBox input {
	margin-bottom: 5px;
}
/* Vaultware page *//*
#aptImageArea {
	background:url(/images/no-flash-options.jpg);
}
*/
/* Community Search Results */
#sponsor_results{
	font-weight:bold;
}
#search_footer{
	text-align:center;
}
#map_canvas{
	margin: 0 auto;
	width:580px;
	height:320px;
	border: 10px inset #550;
}
h2.fn { /* The property name */
	color: white;
	font: italic bold 1.8em/1.9 Georgia, 'Times New Roman', serif; 
	height: 54px;
	padding-left: 220px;
	background: url(/images/apt-cont-bg-top.gif);}	
#aptMiddle {
	background: url(/images/apt-cont-bg-mid.gif) repeat-y;
	height: 1%;}
#aptBottom {
	background: url(/images/apt-cont-bg-bttm.gif);
	height: 62px;
}

/* Floorplans */
table#floorplaninfo {
	width: 100%;
}
table#floorplaninfo td {
	vertical-align: top;
}
#floorplans {
	float: left;
	width: 312px;
}
#floorplans var {
	float: left;
	font-style: normal;
}
#floorplans li i span {float: left;}
#floorplans b {
	float:right;
	font-weight: bold;
}
#floorplans li i {
	display: block;
	height: 20px;
	line-height:20px;
	width: 288px;
	padding: 0 3px;	
	font-style: normal;
	background-color: #cfc997;		
	border: 3px solid #a6a06d;}
#floorplans li.hover i {
	background: #a6a06d; }
#floorplans li {
	float: left;
	padding-right: 10px;
	margin-bottom:8px;
}
#floorplans li.hover {
	background: #a6a06d url(/images/bttn.gif) 300px 0px; 
	color: #fff;
}
#right { 
	float: right;
	width: 320px;
	margin-right: 15px;
	min-height: 440px;
	position: relative;
}
#right h3 {
	line-height: 1.2;
	 margin-bottom: .5em;
}
#right div {
	margin-bottom: 1em;
}	 
#right img {
	position: relative;
	float: right;
	width: 318px;
	border: 1px solid #ddd;
}	
a.fplink {
	padding: 0 3px;	
	color: #320;
	background: #ccd8aa;
	border: #a6a06d 2px solid;
}	
a.fplink:hover  {
	color: #fff !important;
	background: #a6a06d;
	text-decoration:none;	
}	
#plan_detail {
	float: left; 
}
#button_check {
	float: right;
}
.fplanner {
	background: url(../images/interactive-floorplanner-btn.jpg) no-repeat;
	width: 317px;
	height: 51px;
	display: block; 
	margin: 10px 0px;
}
.hidden { display: none; background-color: red; }
#moveIn {
	background: url(../images/free-rent-mid.jpg) repeat-y;
	width: 312px;
	float: left;
	clear: both;
	margin-top: 25px;
}
#moveIn h3 {
	color: #FFF;
	background: url(../images/free-rent-top.jpg) no-repeat;
	width: 312px;
	height: 57px;
	float: left;
	clear: both;
	font: bold 1.8em "Times New Roman", Georgia, serif;
	padding: 15px 0 0 15px;
}
#moveIn p {
	width: 280px;
	margin-left: 15px;
	margin-right: 25px;
	color: #FFF;
	font-weight: bold;
}
#moveIn .bottom {
	background: url(../images/free-rent-btm.jpg) no-repeat bottom center;
	width: 312px;
	height: 31px;
}

/* Floorplans Details (the "print" page) */
#fpdetails, #fpdetails div, #fpdetails h1, #fpdetails h2.fn	 {
	background: none;
}
#fpdetails h1 {
	text-indent: -1000em;
}	
#fpdetails #wrapper {
	width: 60em;
	margin:0 auto;
}
#fpdetails #wrapper:after {
	content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
#fpdetails #logo {
	float: left;
	width: 173px;
	height: 100px;
}
#fpdetails h2 {
	color: #000;
	padding: 0; 
	margin-left: 190px; 
	line-height: 100px;
	width: 300px; 
}
#printButton	{
	float: right;
	margin-top: -5px;
}
#fpdetails #aptInfo {
	clear: left;
}	
#fpdetails #fpImage img {
	max-height: 5in;
	clear: left;
}
#fpdetails #powered {
	float:left;
	width: 50%;
}
#fpdetails #powered a {	
	color: #640;
	background: none;
	border: 0;
}	
#fpdetails #powered a:hover {	
	color: #f00;
	text-decoration: underline;
}	
#fpdetails #eh {
	float: right;
}

/* Photo and Tours page */
#photos {
	float: left;
	position: relative;
	width: 100%;
	padding: 0 0 10px 0;
}
#tours {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10px;
}
#videos {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10px;
}
#mainPic {
	float: left;
	border: inset 4px #cb6;
	margin-right: 4px;
	width:400px;
}
#linkPrev {
	position: absolute;
	bottom: 0;
	left: 0;
}
#linkNext {
	position: absolute;
	bottom: 0;
	right: 0;
}
#bottom {
	float: left;
	width: 100%;
}
.thumbs {
	float: left;
	width: 240px; /* Trac Ticket 1587 */
}
.photoThumb {
	float: left;
	border: solid 1px #062053;
}
.thumbBox {
	float: left;
	padding: 4px;
}
#tours div {
	float: left;
	padding: 0 10px 10px 10px;
	width: 285px;
}
#tours .photoThumb {
	margin-right: 10px;
}
#button_tour {
	background: url(<?=Site::$root?>images/button_tour.jpg);
	width: 225px;
	height: 24px;
	float: left;
}
#button_tour:hover, #button_tour:active {
	background-position: 1px 1px;
}

#bull {
	float: left;
	padding-top: 10px;
	width: 650px;
}
.thumbBox a img, .thumbBox_tour a img{ 
	height:50px;
	width:68px;
}
	
/* Maps and Directions page */
#map {
	width: 450px;
	height: 300px;
	border: 10px inset #550;
	float: left;
	margin-right: 20px;
}
#map_btn {
	position: absolute;
	bottom: 0;
	background: #ccd8aa;
	width: 119px;
	height: 2em;
	float: left;
	color: white;
	text-align: center;
	line-height: 2em;
	border: 2px outset #a6a06d;
}
#map_btn:hover, #map_btn:active {
	border: 2px inset #a6a06d;
	text-decoration: none !important;
	background: #794;
	color: #fff !important;
}
/* Amenities page */

.amenities li {	
	width: 290px;
	float: left;
	margin: 0 15px 0 15px;
	_margin-left: 10px; 
	list-style: none;
/*----------------------------*/
/* Trac Ticket 1591 */
	_vertical-align: top;
	_position: relative;
	_top: -.5em;
/*----------------------------*/
}

/*----------------------------*/
/* Trac Ticket 1591 */
.amenities h4 {
	_margin: 8px 0px 8px 0px;
}

*+html .amenities li {
	width: 290px;
	float: left;
	margin-right: 15px;
	list-style: none;vertical-align: top;
	position: relative;
	top: -.5em;
}
/*----------------------------*/

.amenities ul ul li {
	list-style-type: disc;
	width:85%; 
	list-style-position: inside;
}
.amenities ul li.even {
	clear: left;
}

/* Email a Friend page */
.sendToFriend {
	border-collapse: separate !important;
	border-spacing: 5px;
	height: 100%;
}
.sendToFriend input			 {width: 200px;}
.sendToFriend textarea 		 {width: 360px;}
.sendToFriend [type=submit]  {width: 60px;}
.sendToFriend td:first-child {
	text-align: right;
	font: bold 1em Arial, Helvetica, sans-serif;
}
/* Request More Info */
#aptInfo .vcard, #aptInfo .hours { width: 200px; float: left; }