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

/* RESET */
/* -------------------- */

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;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

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

h1 {font-size: 16px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

p, img {padding:0;margin:0;}
dt {padding-top:10px;font-weight:bold;}

a {text-decoration:none;}

.clear {clear:both;}
.strong {font-weight:bold;}
.right {float:right;}
img.right {margin:0 0 10px 20px;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}

.none {display:none;}

/* STORE SPECIFIC GLOBAL SETTINGS */

/* body settings */
body.corporate,
body.franciscan {
	color:#bbb492;
	background:#000;
}
body.country-villa {
	color:#fdefce;
	background:#473426;
}
body.mandarina {
	color:#e9d5ae;
	background:#612b0b;
}
body.hawks-creek {
	color:#e9d5ae;
	background:#25130d;
}

/* text colors: a, header */
body.corporate a,
body.franciscan a {color:#eab467;}
body.country-villa a {color:#ffebba;}
body.mandarina a {color:#e9d5ae;}
body.hawks-creek a {color:#e9d5ae;}

body.corporate #col1 a,
body.corporate #col2 a,
body.franciscan #col1 a,
body.franciscan #col2 a {border-bottom:1px dotted #eab467;}
body.country-villa #col1 a,
body.country-villa #col2 a {border-bottom:1px dotted #ffebba;}
body.mandarina #col1 a,
body.mandarina #col2 a {border-bottom:1px dotted #e9d5ae;}
body.hawks-creek #col1 a,
body.hawks-creek #col2 a {border-bottom:1px dotted #e9d5ae;}

body.corporate #col1 a:hover,
body.corporate #col2 a:hover,
body.franciscan #col1 a:hover,
body.franciscan #col2 a:hover {border-bottom:1px solid #eab467;}
body.country-villa #col1 a:hover,
body.country-villa #col2 a:hover {border-bottom:1px solid #ffebba;}
body.mandarina #col1 a:hover,
body.mandarina #col2 a:hover {border-bottom:1px solid #e9d5ae;}
body.hawks-creek #col1 a:hover,
body.hawks-creek #col2 a:hover {border-bottom:1px solid #e9d5ae;}

body.franciscan h1,body.franciscan h2,body.franciscan h3,body.franciscan h4,body.franciscan h5,body.franciscan h6 {color:#eab467;}
body.country-villa h1,body.country-villa h2,body.country-villa h3,body.country-villa h4,body.country-villa h5,body.country-villa h6 {color:#d9caad;}
body.mandarina h1,body.mandarina h2,body.mandarina h3,body.mandarina h4,body.mandarina h5,body.mandarina h6 {color:#e9d5ae;}
body.hawks-creek h1,body.hawks-creek h2,body.hawks-creek h3,body.hawks-creek h4,body.hawks-creek h5,body.hawks-creek h6 {color:#e9d5ae;}

/* BASIC LAYOUT */
/* -------------------- */

body {
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	height:auto;
}

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

#header {
	width:100%;
	height:140px;
	margin-bottom:6px;
}

body.franciscan #header {background:#2d2a19 url(/images/header-franciscan.png);}
body.country-villa #header {background:#75614f url(/images/header-country-villa.jpg);height:174px;}
body.mandarina #header {background:#612b0b url(/images/header-mandarina.jpg);}
body.hawks-creek #header {background:#462718 url(/images/header-hawks-creek.jpg);}

#middle {
	position:relative;
	height:auto !important;height:450px;min-height:450px;
}

#footer {
	clear:both;
	border-top:2px solid #eab467;
	padding:10px 0;
	line-height:18px;
	background:url(/images/footer-eo-housing.png) no-repeat right 16px;
}

#tagline {
	width:100px;
	height:650px;
	position:absolute;
	top:0;
	left:-100px;
	text-indent:-9999px;
}
body.franciscan #tagline {background:url(/images/tagline-franciscan.png);}
body.country-villa #tagline {background:url(/images/tagline-country-villa.png);}
body.mandarina #tagline {background:url(/images/tagline-mandarina.png);}
body.hawks-creek #tagline {background:url(/images/tagline-hawks-creek.png);}

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

#logo {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:500px;
	height:80px;
	text-indent:-9999px;
}

/* NAVIGATION */
/* -------------------- */

#nav {
	position:absolute;
	top:84px;
	left:17px;
}

/* tall header sites */
body.country-villa #nav {top:118px;}

#nav li {float:left;}

#nav li a {
	display:block;
	height:56px;
	text-indent:-9999px;
}

body.franciscan #nav li a {background-image:url(/images/header-franciscan.png);}
body.country-villa #nav li a {background-image:url(/images/header-country-villa.jpg);}
body.mandarina #nav li a {background-image:url(/images/header-mandarina.jpg);}
body.hawks-creek #nav li a {background-image:url(/images/header-hawks-creek.jpg);}

#nav li.home a {width:64px; background-position:-17px -84px;}
#nav li.home a:hover {background-position:-17px bottom;}

#nav li.photo a {width:118px; background-position:-81px -84px;}
#nav li.photo a:hover {background-position:-81px bottom;}

#nav li.floorplans a {width:93px; background-position:-199px -84px;}
#nav li.floorplans a:hover {background-position:-199px bottom;}

#nav li.amenities a {width:96px; background-position:-292px -84px;}
#nav li.amenities a:hover {background-position:-292px bottom;}

#nav li.location a {width:81px; background-position:-388px -84px;}
#nav li.location a:hover {background-position:-388px bottom;}

#nav li.lifestyle a {width:83px; background-position:-469px -84px;}
#nav li.lifestyle a:hover {background-position:-469px bottom;}

#nav li.residents a {width:88px; background-position:-552px -84px;}
#nav li.residents a:hover {background-position:-552px bottom;}

#nav li.apply a {width:111px; background-position:-640px -84px;}
#nav li.apply a:hover {background-position:-640px bottom;}

#nav li.contact a {width:79px; background-position:-751px -84px;}
#nav li.contact a:hover {background-position:-751px bottom;}

/* tall header sites */
body.country-villa #nav li.home a {background-position:-17px -118px;}
body.country-villa #nav li.home a:hover {background-position:-17px bottom;}
body.country-villa #nav li.photo a {background-position:-81px -118px;}
body.country-villa #nav li.photo a:hover {background-position:-81px bottom;}
body.country-villa #nav li.floorplans a {background-position:-199px -118px;}
body.country-villa #nav li.floorplans a:hover {background-position:-199px bottom;}
body.country-villa #nav li.amenities a {background-position:-292px -118px;}
body.country-villa #nav li.amenities a:hover {background-position:-292px bottom;}
body.country-villa #nav li.location a {background-position:-388px -118px;}
body.country-villa #nav li.location a:hover {background-position:-388px bottom;}
body.country-villa #nav li.lifestyle a {background-position:-469px -118px;}
body.country-villa #nav li.lifestyle a:hover {background-position:-469px bottom;}
body.country-villa #nav li.residents a {background-position:-552px -118px;}
body.country-villa #nav li.residents a:hover {background-position:-552px bottom;}
body.country-villa #nav li.apply a {background-position:-640px -118px;}
body.country-villa #nav li.apply a:hover {background-position:-640px bottom;}
body.country-villa #nav li.contact a {background-position:-751px -118px;}
body.country-villa #nav li.contact a:hover {background-position:-751px bottom;}

body.mandarina #nav li.home a {width:64px; background-position:-17px -84px;}
body.mandarina #nav li.home a:hover {background-position:-17px bottom;}
body.mandarina #nav li.photo a {width:118px; background-position:-81px -84px;}
body.mandarina #nav li.photo a:hover {background-position:-81px bottom;}
body.mandarina #nav li.floorplans a {width:93px; background-position:-199px -84px;}
body.mandarina #nav li.floorplans a:hover {background-position:-199px bottom;}
body.mandarina #nav li.amenities a {width:96px; background-position:-292px -84px;}
body.mandarina #nav li.amenities a:hover {background-position:-292px bottom;}
body.mandarina #nav li.location a {width:81px; background-position:-388px -84px;}
body.mandarina #nav li.location a:hover {background-position:-388px bottom;}
body.mandarina #nav li.lifestyle a {width:83px; background-position:-469px -84px;}
body.mandarina #nav li.lifestyle a:hover {background-position:-469px bottom;}
body.mandarina #nav li.residents a {width:88px; background-position:-552px -84px;}
body.mandarina #nav li.residents a:hover {background-position:-552px bottom;}
body.mandarina #nav li.apply a {width:111px; background-position:-640px -84px;}
body.mandarina #nav li.apply a:hover {background-position:-640px bottom;}
body.mandarina #nav li.contact a {width:79px; background-position:-751px -84px;}
body.mandarina #nav li.contact a:hover {background-position:-751px bottom;}

/* Corporate Home Page Styles */
/*--------------------*/

body.corporate #middle {margin-top:60px;}

/* home facility list */
#home-facilities {
	height:120px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:2px solid #eab467;
}
#home-facilities li {float:left;}

#home-facilities li a {
	display:block;
	width:165px;
	height:120px;
	margin:0 3px 0 0;
	border:1px solid #444;
}
#home-facilities li a:hover {border:1px solid #eab467;}
#home-facilities li.last a {margin-right:0;}

#home-facilities li.franciscan a {background:url(/images/home-facilities-franciscan.jpg);}
#home-facilities li.country-villa a {background:url(/images/home-facilities-country-villa.jpg);}
#home-facilities li.foothills a {background:url(/images/home-facilities-foothills.jpg);}
#home-facilities li.mandarina a {background:url(/images/home-facilities-mandarina.jpg);}
#home-facilities li.hawks-creek a {background:url(/images/home-facilities-hawks-creek.jpg);}

/* Coverflow */
#flowWrap {
	clear:both;
	margin:0 0 10px 0;
	border:1px solid #444;
}

/* Facility Home Page Styles */
/*--------------------*/

/* description */
#description {
	padding:470px 0 20px 0;
	font-family:verdana, helvetica, arial, sans-serif;
	line-height:25px;
}
#description h1 {
	display:inline;
	font-size:15px;
	color:#fff;
}
#description p {display:inline;}

/* ccp */
#ccp {
	position:absolute;
	top:390px;
	left:0;
	width:100%;
	height:64px;
}
#ccp li {float:left;}

#ccp li.call {
	width:216px;
	height:64px;
	text-indent:-9999px;
}
#ccp li a {
	display:block;
	width:204px;
	height:64px;
	margin:0 0 0 6px;
	text-indent:-9999px;
}

#ccp li.info a {background-position:-222px 0;}
#ccp li.tour a {background-position:-432px 0;}
#ccp li.video a {background-position:-642px 0;}

#ccp li.info a:hover {background-position:-222px -64px;}
#ccp li.tour a:hover {background-position:-432px -64px;}
#ccp li.video a:hover {background-position:-642px -64px;}

body.franciscan #ccp li.call,
body.franciscan #ccp li a {background-image:url(/images/ccp-franciscan.png);}
body.country-villa #ccp li.call,
body.country-villa #ccp li a {background-image:url(/images/ccp-country-villa.png);}
body.mandarina #ccp li.call,
body.mandarina #ccp li a {background-image:url(/images/ccp-mandarina.png);}
body.hawks-creek #ccp li.call,
body.hawks-creek #ccp li a {background-image:url(/images/ccp-hawks-creek.png);}

/* slideshow */
#slideshow {
	position:absolute;
	top:0;
	left:0;
	width:847px;
	height:389px;
}
#slideshow img {
	width:847px;
	height:384px;
}

/* Interior Page Styles */
/* -------------------- */

/* LAYOUT */

/* col3 - top image, ccp */

/* Top Image */

#col3 {
	width:637px;
	height:280px;
}
#col3 img {
	width:637px;
	height:274px;
}

/* CCP */
#interior-ccp {
	position:absolute;
	top:0;
	right:0;
	width:204px;
	height:274px;
}

#interior-ccp li {margin-bottom:6px;}

#interior-ccp li a {
	display:block;
	width:204px;
	height:64px;
	text-indent:-9999px;
}

body.franciscan #interior-ccp li a {background-image:url(/images/ccp-interior-franciscan.png);}
body.country-villa #interior-ccp li a {background-image:url(/images/ccp-interior-country-villa.jpg);}
body.mandarina #interior-ccp li a {background-image:url(/images/ccp-interior-mandarina.jpg);}
body.hawks-creek #interior-ccp li a {background-image:url(/images/ccp-interior-hawks-creek.jpg);}

#interior-ccp li.call a {background-position:0 0;}
#interior-ccp li.info a {background-position:0 -70px;}
#interior-ccp li.tour a {background-position:0 -140px;}
#interior-ccp li.apply a {background-position:0 -210px;}

#interior-ccp li.call a:hover {background-position:-204px 0;}
#interior-ccp li.info a:hover {background-position:-204px -70px;}
#interior-ccp li.tour a:hover {background-position:-204px -140px;}
#interior-ccp li.apply a:hover {background-position:-204px -210px;}

/* col1 - main content */
#col1 {
	width:627px;
	margin:0 0 20px 0;
	height:auto !important;height:400px;min-height:400px;
}

#col1 h1 {
	width:847px;
	height:77px;
	text-indent:-9999px;
}

body.franciscan #col1 h1 {background-image:url(/images/h1-franciscan.png);}
body.country-villa #col1 h1 {background-image:url(/images/h1-country-villa.png);}
body.mandarina #col1 h1 {background-image:url(/images/h1-mandarina.png);}
body.hawks-creek #col1 h1 {background-image:url(/images/h1-hawks-creek.png);}

#col1 h1.contact {background-position:0 0;}
#col1 h1.apply {background-position:0 -77px;}
#col1 h1.residents {background-position:0 -154px;}
#col1 h1.lifestyle {background-position:0 -231px;}
#col1 h1.location {background-position:0 -308px;}
#col1 h1.amenities {background-position:0 -385px;}
#col1 h1.floorplans {background-position:0 -462px;}
#col1 h1.photo {background-position:0 -539px;}

/* col2 - sidebar links */
#col2 {
	position:absolute;
	top:353px;
	right:0;
	width:178px;
}


/* WIDGETS */

/* Coming Soon box */
#coming-soon-interior {
	text-align:center;
	padding:100px 0 0 0;
	font-size:16px;
}

/* map styles */
#flashmap {
	width:100%;
	height:300px;
	border:1px solid #2d2a19;
}
#map #flashmap {
	color:#000;
	line-height:1.4em;
}

/* Gallery styles */
#gallery {
	float:left;
	margin-bottom:20px;
}
#gallery li {
	float: left;
	padding: 10px 30px 0 0;
}
#gallery li a {border:none !important;}

/* Calendar Items */

#calendar_events {
width: 550px;
border-bottom: 1px dotted #2d2a19;
padding: 15px 0;
}
#calendar_events h2 {
margin: 0 0 5px 0;
padding: 0 0 10px 0; 
font-size: 14px; 
border-bottom: 1px dotted #2d2a19;
}
#calendar_events h2 span {font-size: 11px;}
#calendar_events h3 {padding: 15px 0 7px 0;font-size: 14px;}
#calendar_events ol {list-style:none;}
#calendar_events .table {display:table;}
#calendar_events .tr {display:table-row;}
#calendar_events .td,
#calendar_events .th {display:inline;}

.event ol {
width: 540px;
padding: 5px;
line-height: 1.8em;
background: #2d2a19;
border: 1px dotted #eab467;
}
.event ol li.th {
width: 20%;
display: block;
float: left;
padding: 0 10px 0 0;
font-weight: bold;
}
.event ol.description li.th {float: none;}
.event_container ol {
width: 540px;
padding: 5px;
line-height: 1.8em;
background: #2D2A19;
border: 1px dotted #EAB467;
}
.event_container ol li.th {
width: 20%;
display: block;
float: left;
padding: 0 10px 0 0;
font-weight: bold;
}

/* Floorplans */

/* Standard Floorplans */

#floorplans {width:100%;}
#floorplans th {
	font-weight:bold;
	padding:0 0 0 10px;
	border-bottom:1px solid #d2bb97;
}
#floorplans td {
	padding:0 0 0 10px;
	border-bottom:1px solid #d2bb97;
}

/* Franciscan Floorplans */

#accordion {width:637px;}
#accordion h3 {
	width:100%;
	height:44px;
	line-height:44px;
	font-size:16px;
	text-indent:50px;
	color:#ffffff;
	cursor:pointer;
	background:url(/images/bg_acc.jpg) no-repeat;
}

#accordion th {
	padding: 7px 0 7px 7px;
	font-size:16px;
	color:#eab467;
}
#accordion td {padding:7px 0 7px 7px;}
 
.element {
	width: 637px;
	padding:4px 0 10px 0;
	line-height:1.4em;
	margin:5px 0 8px 0;
}
tr.shade {background:#2d2a19;}

/* TYPOGRAPHY */

#col1 {line-height:25px;}

#col1 p,
#col1 ul,
#col1 ol,
#col1 table {padding:0 0 13px 0;}

#col1 div.category,
#col1 div.lifestyle-list {
	padding-right:2%;
	width:45%;
	float:left;
}

#col2 {
	font-weight:bold;
	line-height:33px;
}

/* Area Page Styles */
/* -------------------- */

#area-page h2.city {clear: both;}
#area-page p.city {text-align: right;}


#area_map {float: right;}

#area_map #flashmap {
    width:420px;
    height:430px;
	border:2px solid #2d2a19;
}

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

.facility-summary {
    margin: 16px 0; 
    clear: both;
	border-bottom: 1px solid #2d2a19;
}
.facility-summary img {
    float: left;
    padding: 0 10px 10px 0;
}
.facility-summary dl {
    margin: 0;
    padding: 0 0 20px 0; 
}
.facility-summary a img.facility-offer {display: none;}

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

#other-facilities {
	clear:left;
	padding:20px 0;
}

/* corporate typography */

body.corporate h2,
body.corporate p {padding-bottom:10px;}

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

body.country-villa #footer,
body.mandarina #footer {border-top:2px solid #ffebba;}
body.hawks-creek #footer {border-top:2px solid #e9d5ae;}

#footer,
#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: #eab467;
	font-size:10px;
}
#footer h2 {margin-bottom:0;padding:0;}

body.country-villa #footer,
body.country-villa #footer a,
body.country-villa #footer h1,
body.country-villa #footer h2,
body.country-villa #footer h3,
body.country-villa #footer h4,
body.country-villa #footer h5,
body.country-villa #footer h6 {color: #fff;}

body.mandarina #footer,
body.mandarina #footer a,
body.mandarina #footer h1,
body.mandarina #footer h2,
body.mandarina #footer h3,
body.mandarina #footer h4,
body.mandarina #footer h5,
body.mandarina #footer h6,
body.hawks-creek #footer,
body.hawks-creek #footer a,
body.hawks-creek #footer h1,
body.hawks-creek #footer h2,
body.hawks-creek #footer h3,
body.hawks-creek #footer h4,
body.hawks-creek #footer h5,
body.hawks-creek #footer h6 {color: #e9d5ae;}

#footer ul {
	clear:left;
}

#footer li {
	float:left;
	padding-right:12px;
	margin-right:5px;
	background:url(/images/footer-bullet-franciscan.gif) no-repeat right 6px;
}
#footer li.last {background:none;}
#footer #footer-states li.last {background:url(/images/footer-bullet-franciscan.gif) no-repeat right 6px;}

#footer #other-facilities {padding:10px 0 0 0;}

/* footer bullet swapper */

body.country-villa #footer li,
body.country-villa #footer #footer-states li.last {background-image:url(/images/footer-bullet-country-villa.gif);}
body.mandarina #footer li,
body.mandarina #footer #footer-states li.last {background-image:url(/images/footer-bullet-mandarina.gif);}
body.hawks-creek #footer li,
body.hawks-creek #footer #footer-states li.last {background-image:url(/images/footer-bullet-hawks-creek.gif);}

body.country-villa #footer li.last,
body.mandarina #footer li.last,
body.hawks-creek #footer li.last {background:none;}
/* Signature Brand Styles */
#signature-brand {width:180px;height:20px;display:block;margin:10px 0;outline:none;text-indent:-9999px;background:url(/images/signature-brand.gif);overflow:hidden;}
#signature-brand:hover, 
#signature-brand:focus {background-position:0 -20px;}
#signature-brand:active {background-position:0 -40px;}
/* --------- /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;
}