/*********************************************************************
	@description: Css for lyon 360 site
	@author: Scott Norland
	@copyright: Interactive inc.
	@date: 12/20/2006
**********************************************************************/

body { margin: 0px; padding: 0px; background: #727477; font-family: verdana, helvetica, sans-serif; color: #666666; font-size: 11px; line-height: 18px; 	text-align: center; }

/************************************ full page layout *******************************************/

#whole{ position: relative; margin: 0px auto; width:973px; text-align: left;}

/*__________________________________ end middle top layout ______________________________________________*/

#top {background: #12275E url(/images/topNav/bg.gif) repeat-x top; width: 973px; height:85px; color:#ffffff;}
#lyonlogo {float:left;}

/************************************ middle top layout *******************************************/

#content {width:751px;height:500px;overflow:hidden;}
#left {width: 214px; padding: 8px 0;}
#right { width: 751px; background: #727477; padding : 8px 0;}

#search_input { float: left; display: inline; width: 751px; height: 108px; background: url(/images/content_green_bg.gif) #FFFFFF top left repeat-y; }
#search_instructions { background: #62bd19; position: relative; height: 46px; width: 100%; }
#search_ttl { position: absolute; top: 12px; left: 10px; }
#search_text { position: absolute; top: 10px; left: 100px; padding-right: 40px; }
.controls { float: left; display: inline; background: #FFFFFF; width: 175px; height: 55px; position: relative; }
.left_control { margin-left: 10px; }

.input_title { margin: 0px 0px 5px 15px; }
.slider_track { width:150px; height:20px; position:relative; z-index:0; margin: 0px 10px; }
.slider_bg_10 { background: url(/images/slider_bg_10.gif); }
.slider_bg_5 { background: url(/images/slider_bg_5.gif); }
.slider_handle { position:absolute; top: 3px; z-index:2; }
.report_left { float: left; margin-left: 15px; }
.report_right { float: right; margin-right: 15px; }

/*__________________________________ end middle top layout ______________________________________________*/

/*************************************** middle layout *************************************************/

#flash_nav { float: left; display: inline; width: 222px; height: 500px; margin: 0px 0px 0px 0px; background:#ffffff; }
#logo {padding: 0px 0px 8px 0px;background:#727477; width: 222px;}
#backupnavcontainer {background:#727477; width: 222px; height:384px;}
#backupnav {background:#ffffff; width: 214px; height:384px;}
#flash_nav a {color:#8A8A8B; font-size:11px;}
#search_list { position: relative; float: left; display: inline; width: 241px; height: 384px; margin: 8px 8px 0px 0px; background: url(/images/content_green_bg.gif) #FFFFFF top left repeat-y; }
#right_content { float: left; display: inline; width: 501px; height: 384px; margin: 8px 0px 0px 0px; background: url(/images/content_green_bg.gif) #FFFFFF top left repeat-y; position: relative; }
#sitemap {padding-top:30px;padding-left:90px;}
#sitemap a {color:#A5A2A5;}


#list_title { margin: 15px; }
#list_div { overflow: auto; height: 336px; margin-left: 5px; }
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000; background-color:#62bd19; -moz-opacity: 0.3;    opacity:.30; filter: alpha(opacity=30); }	
#loading { display: none; position: absolute; top: 80px; left: 85px; z-index:2001; }
.record { padding: 15px 20px; line-height: 12px; font-size: 10px; border-bottom: solid 1px #888888; }
.record_hover { padding: 15px 20px; line-height: 12px; font-size: 10px; border-bottom: solid 1px #888888; background: #E3E3E3; }
.record_selected { padding: 15px 20px; line-height: 12px; font-size: 10px; border-bottom: solid 1px #62BE1F; background: #62BE1F; color: #FFFFFF; }
.record a, .record_hover a, a  { color: #00b9e4; }
.record_selected a { color: #FFFFFF; }
.record a:hover, .record_hover a:hover { color: #888888; }

#right_title { margin: 12px 12px 5px; }
#map { background: url(/images/map_bg.gif) bottom right no-repeat; width: 501px; height: 336px; border: solid 0px;}
#map_rollover { margin-left: 15px; }

#right_detail { background: #727477; margin: 5px 6px 5px 11px; height: 318px; overflow: auto; color: #ffffff; }
#right_detail_padding { margin: 15px; }
.detail_text { color: #ffffff; margin: 10px 0px; }
.right_subtitle { font-size: 12px; color: #727477; }
#floorplan_thumb { float: right; margin-left: 10px; display: inline; text-align: center; }
.floorplan_button { margin-top: 5px; }
.right_detail_subheader { font-size: 12px; font-weight: bold; margin: 5px 0px; }
#right_map_return { float: right; margin: 10px; display: inline; }
#right_map_return a { font-size: 10px; font-weight: bold; color: #62BE1F; } 
#right_map_return a:hover { color: #00b9e4; } 

#right_floorplan_flash { position: absolute; top: 6px; left: 12px; z-index: 1; }
#right_title_flash { position: absolute; top: 12px; left: 12px; z-index: 2; }
#right_close_html { position: absolute; bottom: 22px; right: 60px; z-index: 3; background-color: #EEEEEE; padding: 2px 5px;  }

#content-left {float: left; display: inline;width:502px; height:500px; margin:0 8px 0 0;}
#content-right {float: left; display: inline;width:241px; height:500px; background-color: #ffffff;}
#middlecopy {height:387px; overflow:auto; width:502px;}
#middlecopy p {margin:20px;}

ul.amenities_list { margin-left:0; }
ul.amenities_list li { margin:2px 0; padding:0; }

div.homeslist { width:440px; margin:0 0 30px 25px; }
div.homeslist img.title { margin-top:20px; }
div.homeslist img.inset { margin:10px 0; }

.scroll_image { text-align:right; width:100%; margin-top:7px; display:none; }
.scroll_image img { border:none; }

.floorplan_base { position:relative; margin-bottom:25px; }
.rgtalign_base { width:130px;text-align:right;float:right;font-weight:bold; }

/*__________________________________ end middle layout ______________________________________________*/



#bottom {background: #12275E url(/images/bottom.gif) no-repeat top; width: 973px; height:75px; color:#ffffff;}
#bottom a {font-family: verdana, arial, san-serif; font-size: 10px; line-height: 18px; color: #FFFFFF;}
#footer {text-align:center;padding: 17px 0 0 30px;}
.disclaimer {font-family: verdana, arial, san-serif; font-size: 10px; line-height:13px; color: #FFFFFF;}

/*************************************** general styling *************************************************/

#whole p, #whole li, .text {font-family:arial; font-size:12px;}

.instruc_text{	color: #FFFFFF;	line-height: 14px; font-size: 11px;}

.input_title{ font-size: 10px; color: #8A8A8A; font-weight: bold; }

.report { font-size: 10px; color: #000000; display: inline; line-height: 12px; }

img.pointer { cursor: pointer; }

a.amenities {text-decoration:none;color:#ABABAB;}

.seo { display:none; }

/*__________________________________ end general styling ______________________________________________*/