/*
G5 Search Marketing Copyright 2009
Local Search Marketing - Local Internet Advertising
*/

/* reset - don't modify */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
p, img {padding:0;margin:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

/* GLOBAL SETTINGS */
/* -------------------- */

h1 {font-size:24px;font-weight:normal;}
h2 {font-size:17px;}
h3 {font-size:14px;}
h4 {font-size:13px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

a {color:#918054;text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both;}
.none {display:none;}
.external {padding-right:14px;background:url(/images/external-link-icon.gif) no-repeat right top;}

.right {float:right;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}
img.right {margin:0 0 10px 20px;}
p.left {margin:5px 40px;}
p.left img {border:1px solid #000;}

dt {font-weight:bold;padding-top:10px;}

/* STRUCTURE */
/* -------------------- */

html {
	background:url(/images/bg.gif);
	margin:8px 0 0;
	padding:0 0 8px;
}

body {
	position:relative;
	color:#35322d;
	text-align:center;
	font-size:13px;
	font-family:helvetica,arial,sans-serif;
	background:url(/images/bg-corporate.png) repeat-y top center;
}

#whopper {
	position:relative;
	width:950px;
	margin:0 auto;
	text-align:left;
	background:#5a827a url(/images/bg-corporate.png) repeat-y top center;
	z-index:100;
}

#header {
	position:relative;
	width:100%;height:179px;
	background:url(/images/header-corp.jpg) no-repeat;
	z-index:850;
}

#middle {
	position:relative;
	width:100%;
	min-height:450px;height:auto !important;height:450px;
	margin-top:-9px;
	font-family:georgia,times,'Times New Roman',serif;
	line-height:26px;
	background:#f9eed9;
}
.interior #middle {margin-top:0;padding:0 0 32px;background:#f9eed9 url(/images/middle-interior-bg.png) repeat-y;}
#corporate #middle {margin-top:0;background:#000;}
#corporate .interior #middle {background:#f9eed9;}

#footer {
	position:relative;
	padding:32px 25px;
	width:900px;height:auto !important;height:257px;min-height:257px;
	background:url(/images/footer-bg.png) no-repeat;
}
.interior #footer {background-image:url(/images/footer-interior-bg.png);}

/* HEADER */
/* -------------------- */

#logo {
	display:block;
	width:530px;
	height:149px;
	text-indent:-9999px;
	background:url(/images/header-corp.jpg) no-repeat;
}

#headerCTA {
	width:223px;height:29px;
	position:absolute;
	top:30px;right:0;
}
#headerCTA li {float:left;}
#headerCTA a {
	display:block;
	height:29px;
	text-indent:-9999px;
}
#headerCTA .apply a {width:108px;background-position:-727px -30px;}
#headerCTA .contact a {width:115px;background-position:-835px -30px;}
#headerCTA .apply a:hover {background-position:-950px -30px;}
#headerCTA .contact a:hover {background-position:-1058px -30px;}

/* NAVIGATION */
/*-----------------------*/
.nav {position:relative;height:30px;}
.nav li {float:left;}

#nav li a,
.nav li a.top-level {
	display:block;
	height:30px;
	text-indent:-9999px;
}

/* corporate */
#corp-nav {
	padding:0 287px;
	z-index:900;
	background:#35322d url(/images/nav-corp.png);
}
#corp-nav li a.top-level {background-image:url(/images/nav-corp.png);}
.interior #corp-nav,
.interior #corp-nav a.top-level {background-image:url(/images/nav-corp-interior.png);}

#corp-nav li.find a.top-level {width:197px;background-position:-287px 0;}
#corp-nav li.home a.top-level {width:179px;background-position:-484px 0;}

#corp-nav li.find a.top-level:hover {background-position:-287px -30px;}
#corp-nav li.home a.top-level:hover {background-position:-484px -30px;}

/* Second Level */
#corp-nav li ul {
	position:absolute;
	width:180px;
	left:-999em;
	border:1px solid #7f735d;
	border-bottom-width:0;
	margin-top:-1px;
}

#corp-nav li ul li {
	height:auto;
	display:inline;
}

#corp-nav li ul li a {
	display:block;
	width:180px;
	height:24px;
	font-weight:bold;
	line-height:24px;
	font-size:12px;
	font-family:helvetica,arial,sans-serif;
	text-indent:10px;
	color:#f9eed9;
	background:#35322d;
	text-decoration:none;
	border-bottom:1px solid #7f735d;
}
#corp-nav li ul li a:hover {
	color:#a59e90;
	background:#12110f;
}

/* Third Level */
#corp-nav li ul ul {margin:-26px 0 0 100%;}

/* Fix IE 6 */
#corp-nav li:hover ul ul, #corp-nav li:hover ul ul ul, #corp-nav li.sfhover ul ul, #corp-nav li.sfhover ul ul ul {left:-999em;}
#corp-nav li:hover ul, #corp-nav li li:hover ul, #corp-nav li li li:hover ul, #corp-nav li.sfhover ul, #corp-nav li li.sfhover ul, #corp-nav li li li.sfhover ul {left:auto;}
/* Fix IE 7 */
#corp-nav li:hover {position:static;}

/* location */
#nav li a {background:url(/images/nav.gif);}
.interior #nav li a {background:url(/images/nav-interior.png);}

#nav li.welcome a {width:123px;background-position:0 0;}
#nav li.features a {width:222px;background-position:-123px 0;}
#nav li.floor a {width:148px;background-position:-345px 0;}
#nav li.photo a {width:169px;background-position:-493px 0;}
#nav li.residents a {width:126px;background-position:-662px 0;}
#nav li.location a {width:162px;background-position:-788px 0;}

#nav li.welcome a:hover {background-position:0 -30px;}
#nav li.features a:hover {background-position:-123px -30px;}
#nav li.floor a:hover {background-position:-345px -30px;}
#nav li.photo a:hover {background-position:-493px -30px;}
#nav li.residents a:hover {background-position:-662px -30px;}
#nav li.location a:hover {background-position:-788px -30px;}

/* HOMEPAGE */
/* ------------------- */

/* INTERIOR PAGE, TYPOGRAPHY */
/* -------------------- */

#corporate h2 {font-size:24px;font-weight:normal;}

#middle h1 {padding-bottom:8px;}

#middle p,
#middle ol,
#middle ul,
#middle table {padding-bottom:26px;}

/* FACILITY PAGE */
/* -------------------- */

/* slideshow */
#middle #slideshow {position:absolute;left:0;top:0;}
#slideshow,
#slideshow img {width:950px;height:302px;background:#ddd;}
#slideshow-border {
	position:absolute;
	top:0;left:0;
	width:950px;height:29px;
	z-index:300;
	background:url(/images/slideshow-border.png) repeat-x;
}

/* homeCCP */
#middle #homeCCP {
	clear:both;
	position:relative;top:-9px;
	width:950px;height:82px;
	padding:295px 0 4px;
	background-position:0 295px;
	background-repeat:no-repeat;
	z-index:400;
	overflow:hidden;
}

#homeCCP li {float:left;height:57px;padding-top:7px;}

#homeCCP li.call {
	width:328px;
	line-height:56px;
	font-size:18px;
	font-family:arial,helvetica,sans-serif;
	color:#f9eed9;
	text-indent:89px;
	letter-spacing:1px;
}

#homeCCP a {
	display:block;
	height:57px;
	text-indent:-9999px;
}
#homeCCP .info a {width:203px;background-position:-328px -7px;}
#homeCCP .specials a {width:209px;background-position:-531px -7px;}
#homeCCP .tour a {width:210px;background-position:-740px -7px;}
#homeCCP .info a:hover {background-position:-328px -89px;}
#homeCCP .specials a:hover {background-position:-531px -89px;}
#homeCCP .tour a:hover {background-position:-740px -89px;}

/* homeText */
#middle.facility {margin-bottom:-11px;}
#homeText {
	position:relative;
	width:640px;
	padding:0 0 0 275px;
	margin:0 0 -26px;
}
#homeText h1 {
	position:absolute;
	top:0;left:0;
	padding:9px 20px;
	width:235px;
	text-align:center;
	font-size:21px;
	font-style:italic;
}

/* INTERIOR LOCATION PAGE */
/* -------------------- */

#col2 {
	float:left;
	width:279px;
	padding:20px 0;
	background:url(/images/interior-bg.png) no-repeat;
}

#col1 {
	float:right;
	width:590px;
	padding:65px 41px 26px 40px;
	background:url(/images/interior-bg.png) no-repeat -279px 0;
	overflow-x:hidden;
}

/* Col1, Typography */

#col1 ol,
#col1 ul {
	font-size:12px;
	font-weight:bold;
	color:#4c2f13;
}

#col1 ul li {
	padding-left:18px;
	background:url(/images/bullet.gif) no-repeat 0 7px;
}

#col1 ol {
	margin-left:24px;
	list-style:decimal;
}

/* Col2 */

#col2 p {padding:0;}

#slideshow_inner {width:279px;height:424px;}
#slideshow_inner,
#col2 img {
	width:279px;height:318px;
	border:3px solid #f9eed9;
	border-width:3px 0;
}

/* CCP */
#middle #ccp {padding-bottom:0;}
#ccp li {
	width:279px;height:60px;
	overflow:hidden;
}
#ccp li.call {
	height:99px;
	line-height:110px;
	text-align:center;
	font-family:arial,helvetica,sans-serif;
	font-size:26px;	
	letter-spacing:1px;
	color:#f9eed9;
}

#ccp li a {
	display:block;
	width:279px;height:59px;
	text-indent:-9999px;
	border-top:1px solid #f9eed9;
}

#ccp li.info a {background-position:0 -100px;}
#ccp li.specials a {background-position:0 -160px;}
#ccp li.tour a {background-position:0 -220px;}

#ccp li.info a:hover {background-position:-279px -100px;}
#ccp li.specials a:hover {background-position:-279px -160px;}
#ccp li.tour a:hover {background-position:-279px -220px;}

/* WIDGETS */
/*-----------------------------*/

/* Calendar */
#calendar_events ol {margin-left:0;list-style:none;}
#calendar_events h3 {
	padding:10px 0 0;
	margin-bottom:1px;
	clear:left;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #35322d;
}
#calendar_events .th {
	font-size:12px;
	clear:left;
	float:left;
	font-weight:bold;
	width:120px;
}
#calendar_events .td {
	font-size:12px;
	float:left;
	display:block;
	width:415px;
	font-weight:normal;
}
#calendar_events ol.end {display:none;}

/* Map */
#flashmap {width:588px;height:280px;border:1px solid #7f735d;}
div.facility-map {margin-bottom:26px;}

/* Slideshow */

#box{
	position:absolute;
}
#col2 .mask{
	position:relative;
	overflow:hidden;
	margin: 0 auto;
}
#col2 .mask img{
	position:absolute;
	display:none;
	border:none;
}
#col2 .mask img.noscript{
	display:block;
}

/* Photo Gallery */

#gallery #box {height:320px;}
#gallery #box span{
	display:block;
	float:left;
}

#gallery .mask{
	position:absolute;
	width:590px;
	height:320px;
	overflow:hidden;
}

#gallery #thumbs{
	padding:340px 0 0;
	width:590px;
	clear:both;
}

#gallery #thumbs div{
	display:block;
	width:75px;
	height:75px;
	padding:0 5px 3px 0;
	float:left;
	cursor:pointer;
}
#gallery #thumbs div img {
	width:75px;
	height:75px;
}

/* Floorplans */

#floorplans {padding-bottom:20px;}

/* floorplan category */
span.floorplan-category {
	display:block;	
	width:526px;height:35px;
	margin:2px 0;
	padding:0 24px 0 29px;
	line-height:35px;
	font-family:"arial narrow",arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#f9eed9;
	text-transform:uppercase;
	cursor:pointer;
	background:#c5a36c;
}

/* floorplan interior */
#floorplans div.category-units {
	width:526px;
	clear:both;
	padding:0 24px 0 29px;
}

#floorplans div.unit {
	float:left;
	width:525px;
	padding:26px 0 16px 0;
	background:url(/images/fc-bottom.gif) repeat-x bottom left;
}
#whopper #middle #floorplans h2 {
	font-size:15px;
	font-weight:bold;
	padding:0 0 2px;
	color:#35322d;
}

#floorplans div.left {
	width:132px;
	text-align:center;
	line-height:22px;
}
#floorplans div.right {width:372px;}

/* dl styles for floorplan */
#floorplans dl {
	text-align:center;
	position:relative;
	width:100%;height:55px;
	padding:0;
	background:#f2e2c7;
	border:1px solid #c5a36c;
	border-width:1px 0;
}

#floorplans dt {
	position:absolute;
	font-weight:normal;
	font-size:12px;
	color:#947341;
}
#floorplans dd {
	position:absolute;
	font-weight:bold;
	font-size:16px;
	color:#35322d;
}

#floorplans .beds {width:63px;}
#floorplans .baths {width:70px;}
#floorplans .sqft {width:80px;}
#floorplans .range {width:158px;}

#floorplans dd.beds {left:0;top:8px;}
#floorplans dd.baths {left:63px;top:8px;}
#floorplans dd.sqft {left:133px;top:8px;}
#floorplans dd.range {left:213px;top:8px;}

#floorplans dt.beds {left:0;bottom:4px;}
#floorplans dt.baths {left:63px;bottom:4px;}
#floorplans dt.sqft {left:133px;bottom:4px;}
#floorplans dt.range {left:213px;bottom:4px;}

/* floorplans bottom text */
#floorplans .description {
	padding:12px 0 0;
	font-size:12px;
	line-height:14px;
}
#floorplans .special {
	padding:5px 0 7px;
	font-size:14px;
	font-weight:bold;
	width:372px;
	border-bottom:1px solid #c5a36c;
}
#floorplans .special span {color:#841920;}
#floorplans .phone {
	float:left;
	padding:7px 0;
	font-size:15px;
	font-weight:bold;
}

#floorplans a {font-family:helvetica,arial,sans-serif;text-decoration:underline;}
#floorplans .right a {
	float:right;
	display:block;
	width:112px;height:28px;
	text-indent:-9999px;
}
#floorplans .right a:hover {background-position:0 -28px;}

/* floorplan disclaimer */
.disclaimer {
	font-size:12px;
	line-height:16px;
}

/* TERTIARY PAGES */
/*--------------------*/

#area-page, 
#no-match,
#state-page, 
#locations,
#site-map,
#comarketing-page,
.noPage,
#corporate #editor-content {padding:32px 25px;}

#middle #other-facilities {padding:0 25px 32px;}

#site-map p {padding-bottom:0;}

/* AREA PAGE */
/* -------------------- */

#area-page h2 {font-size:17px;font-weight:bold;padding-bottom:5px;}
#area-page h2.city {clear:both;font-size:24px;font-weight:normal;}
#area-page p.city {text-align:right;padding:5px 0 14px;}

#area_map {float:right;}

#area_map #flashmap {
	width:467px;
	height:430px;
}

#facility-list {
	width:407px;
	float:left;
}

.facility-summary {
	margin:16px 0; 
	clear:both;
	border-bottom:1px solid #7f735d;
}
.facility-summary img {
	float:left;
	padding:0 10px 10px 0;
}
.facility-summary dl {padding:0 0 20px 0; }
.facility-summary dt {padding:0;line-height:15px;}
.facility-summary a img.facility-offer {display:none;}

/* FOOTER */
/* -------------------- */

#footer,
#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color:#d9c896;
	font-size:10px;
}

#footer ul {clear:right;float:right;}
#footer li {float:left;padding-top:4px;}
#footer-states {float:right;clear:right;}

#footer li a {
	padding:0 7px;
	border-right:1px solid #d9c896;
}
#footer li.location a,
#footer li.last a {border-right:none;padding-right:0;}

/* footer content */
a.greystar {
	display:block;
	position:absolute;
	top:70px;left:25px;
	width:186px;height:68px;
	text-indent:-9999px;
}

#share {padding-top:20px;clear:right;float:right;}

#footer-stores {
	padding-top:10px;
	clear:both;
	text-align:right;
}

#copy {
	position:absolute;
	top:32px;left:25px;
	font-weight:bold;
}

#footer #other-facilities {clear:both;padding:20px 0 10px;text-align:right;}

/* signature bug */
#brand {
	clear:both;
	float:right;
	margin:10px 0 20px;
	display:block;
	width:213px;
	height:17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
}
#brand:hover {background-position:0 -17px;}

/* COMMUNITY COLOR SWAPPING */
/* --------------------- */

/* layout */

body#riverhill,
#riverhill #whopper {background-image:url(/images/bg-riverhill.jpg);}
body#ravello,
#ravello #whopper {background-image:url(/images/bg-ravello.jpg);}
body#laureate,
#laureate #whopper {background-image:url(/images/bg-laureate.png);}
body#canter,
#canter #whopper {background-image:url(/images/bg-canter.png);}

#riverhill #whopper {background-color:#cbb184;}
#ravello #whopper {background-color:#ce6701;}
#laureate #whopper {background-color:#485357;}
#canter #whopper {background-color:#331b11;}

#ravello #header {height:204px;}
#ravello #logo {height:174px;}
#ravello #extra-bg {width:100%;height:auto !important;height:729px;min-height:729px;position:absolute;top:0;left:0;background:url(/images/bg-ravello-top.jpg) repeat-y top center;}

#riverhill #header,#riverhill #logo,#riverhill #headerCTA a {background-image:url(/images/header-riverhill.jpg);}
#ravello #header,#ravello #logo,#ravello #headerCTA a {background-image:url(/images/header-ravello.jpg);}
#laureate #header,#laureate #logo,#laureate #headerCTA a {background-image:url(/images/header-laureate.jpg);}
#canter #header,#canter #logo,#canter #headerCTA a {background-image:url(/images/header-canter.jpg);}

/* homepage */
#riverhill #homeCCP,
#riverhill #homeCCP a {background-image:url(/images/homeCCP-bg-riverhill.gif);}
#ravello #homeCCP,
#ravello #homeCCP a {background-image:url(/images/homeCCP-bg-ravello.gif);}
#laureate #homeCCP,
#laureate #homeCCP a {background-image:url(/images/homeCCP-bg-laureate.gif);}
#canter #homeCCP,
#canter #homeCCP a {background-image:url(/images/homeCCP-bg-canter.gif);}

/* interior */
#canter h1,
#riverhill h1 {color:#4a0c09;}
#ravello h1 {color:#9e4904;}
#laureate h1 {color:#394f57;}

#riverhill #ccp li.call,
#riverhill #ccp li a {background-image:url(/images/ccp-riverhill.png);}
#ravello #ccp li.call,
#ravello #ccp li a {background-image:url(/images/ccp-ravello.jpg);}
#laureate #ccp li.call,
#laureate #ccp li a {background-image:url(/images/ccp-laureate.png);}
#canter #ccp li.call,
#canter #ccp li a {background-image:url(/images/ccp-canter.png);}

/* floorplans */

#riverhill span.floorplan-category {background-image:url(/images/fc-riverhill.png);}
#ravello span.floorplan-category {background-image:url(/images/fc-ravello.png);}
#laureate span.floorplan-category {background-image:url(/images/fc-laureate.png);}
#canter span.floorplan-category {background-image:url(/images/fc-canter.png);}

#riverhill #floorplans .phone {color:#4a0c09;}
#ravello #floorplans .phone {color:#9e4904;}
#laureate #floorplans .phone {color:#394f57;}
#canter #floorplans .phone {color:#4a0000;}

#riverhill #floorplans .right a {background-image:url(/images/contact-now-riverhill.png);}
#ravello #floorplans .right a {background-image:url(/images/contact-now-ravello.png);}
#laureate #floorplans .right a {background-image:url(/images/contact-now-laureate.png);}
#canter #floorplans .right a {background-image:url(/images/contact-now-canter.png);}

/* footer */

#riverhill #footer {background-image:url(/images/footer-bg-riverhill.jpg);}
#ravello #footer {background-image:url(/images/footer-bg-ravello.jpg);}
#laureate #footer {background-image:url(/images/footer-bg-laureate.png);}
#canter #footer {background-image:url(/images/footer-bg-canter.jpg);}

#riverhill .interior #footer {background-image:url(/images/footer-interior-bg-riverhill.jpg);}
#ravello .interior #footer {background-image:url(/images/footer-interior-bg-ravello.jpg);}
#laureate .interior #footer {background-image:url(/images/footer-interior-bg-laureate.png);}
#canter .interior #footer {background-image:url(/images/footer-interior-bg-canter.jpg);}

#riverhill a.greystar {background:url(/images/greystar-logo-riverhill.jpg) no-repeat;}
#ravello a.greystar {background:url(/images/greystar-logo-ravello.jpg) no-repeat;}
#laureate a.greystar {background:url(/images/greystar-logo-laureate.jpg) no-repeat;}
#canter a.greystar {background:url(/images/greystar-logo-canter.jpg) no-repeat;}

#riverhill #footer,#riverhill #footer a,#riverhill #footer h1,#riverhill #footer h2,#riverhill #footer h3,#riverhill #footer h4,#riverhill #footer h5,#riverhill #footer h6 {color:#35322d;}
#riverhill #footer li a {border-right-color:#35322d;}
/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(http://www.g5search.com/javascripts/ext/resources/images/gray/toolbar/bg.gif) repeat-x scroll left top;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

#inline-edit-tools a.edit{
  background-position: 0 2px;
  display: block;
  padding: 3px 0 2px 18px;
  color: #000;
  background-repeat: no-repeat;
  text-decoration: none;
  background-image: url(http://www.g5search.com/javascripts/ext/resources/images/default/shared/fam/page_edit.png) !important;
}

/* --------- /javascripts/shadowbox/skin/classic/skin.css --------- */ 
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/javascripts/shadowbox/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  /*height: 26px;*/
  height: 4em;  /* this can be just about any value because of the overflow, but the 2-4em ballpark looks best, IMO, and prevents overflow off the top of the viewport for captions up to three lines */
  overflow: visible;
}
#shadowbox_title_inner {
	position: absolute;
	bottom: 0;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

#shadowbox_title {
  border: 0px solid;
} 

#shadowbox_info {
  border: 0px solid;
}