/*
G5 Search Marketing Copyright 2008
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;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

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

a {color: #1b1f5f;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #1b1f5f;}
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 {margin:0;padding:0;}
.clear {clear: both;line-height: 1px;height: 1px}
dt {margin-top:10px;font-weight:bold;}

body {
	margin: 0 auto; 
	color:#2c1803;
	text-align: center; /* center for IE */
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background:#998155 url(/images/bg_01.jpg) repeat-x;
	}

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

div#whopper {
	width:949px;
    margin: 0 auto;
    text-align: left;
	background:#f8eed7;
}

div#homeHeader {
	position:relative;
	width:100%;
	height:160px;
	background:url(/images/homeHeader_bg_01.png);
	z-index:800;
}

div#header {
	position:relative;
	width:100%;
	height:143px;
	background:url(/images/header_bg_01.png);
	overflow:hidden;
}

div#middle {
	float:left;
	position:relative;
	clear:both;
    width: 889px;
    margin-left:28px;
	height: auto !important;
	height: 581px;
	min-height: 581px;
	border-top:1px solid #c4bca5;
	border-bottom:1px solid #c4bca5;
}
div#middle.corporate {
	padding-top:20px;
	border:none;
}
body#not-fac div#middle {
	background:url(/images/col1_border.gif) repeat-y 249px 0;
}

div#footer {
	clear:both;
	position:relative;
	width:923px;
    margin: 0 auto;
    padding:28px 13px;
    text-align: left;
    background:url(/images/whopper_bottom.png) no-repeat top;
}

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

#header h2,
#homeHeader h2,
#header h3,
#homeHeader h3 {
	text-indent:-9999px;
	overflow:hidden;
	padding-top:23px;
}
#header h3,
#homeHeader h3 {
	position:absolute;
	top:-100px;
	height:1px;
	width:200px;
}
#header h2 a,
#homeHeader h2 a {
	display:block;
	width:221px;
	height:79px;
	margin:0 0 25px 36px;
}

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

#nav {
	position:absolute;
	left:310px;
	top:28px;
	line-height:1px;
	text-transform:uppercase;
}

#nav li {
	float:left;
	height:8px;
	margin-right:12px;
	padding-right:12px;
	font-size:10px;
	font-weight:bold;
	background:url(/images/nav_border.gif) no-repeat top right;
}
#nav li.last {
	background:none;
}

#nav li a {
	display:block;
	padding:3px 0 15px 0;
	color:#2c1803;
	text-decoration:none;
	background:url(/images/nav_rollover.gif) no-repeat 0 -10px;
}
#nav li a:hover {background-position:bottom center;}

/* Store-level Navigation */
#storeNav {
	position:absolute;
	top:114px;
	left:50px;
	line-height:24px;
	font-weight:bold;
	font-size:13px;
	list-style:none;
}

#storeNav li {
	float:left;
	margin-left:9px;
	padding-left:10px;
	background:url(/images/storeNav_border.png) no-repeat left;
}

#storeNav li.first {
	margin-left:0;
	background:none;;
	padding-left:0;
}

#storeNav a {
	display:inline;
	padding:4px 0;
	color:#fff;
	text-decoration:none;
	background:url(/images/storeNav_rollover.gif) no-repeat 0 -6px;
}
#storeNav a:hover {
	background-position:top center;
}

/* HOME NAVIGATION STYLES */
/* -------------------- */

#homeNav {
	position:absolute;
	left:4px;
	line-height: 1;
	height:33px;
	z-index:900;
}

#homeNav li {
	float: left;
	display: block;
	padding: 0;
	list-style: none;
	overflow: hidden;
	z-index: 999;
	width: 10em;
	z-index:950;
}
#homeNav li a {
	display: block;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	background: url(/images/homeNav_bg_01.png);
}

#homeNav li.apartments {width: 151px;}
#homeNav li.apartments a {width: 151px; background-position:0 0;}
#homeNav li.apartments a:hover {background-position:0 -33px;}

#homeNav li.storage {width: 200px;}
#homeNav li.storage a {width: 200px; background-position:-151px 0;}
#homeNav li.storage a:hover {background-position:-151px -33px;}

#homeNav li.moving {width: 176px;}
#homeNav li.moving a {width: 176px; background-position:-351px 0;}
#homeNav li.moving a:hover {background-position:-351px -33px;}

#homeNav li.choose {width: 189px;}
#homeNav li.choose a {width: 189px; background-position:-527px 0;}
#homeNav li.choose a:hover {background-position:-527px -33px;}

#homeNav li.contact {width: 123px;}
#homeNav li.contact a {width: 123px; background-position:-716px 0;}
#homeNav li.contact a:hover {background-position:-716px -33px;}

#homeNav li.home {width: 101px;}
#homeNav li.home a {width: 101px; background-position:-839px 0;}
#homeNav li.home a:hover {background-position:-839px -33px;}

#homeNav li:hover, #homeNav li.hover {position: static;}

/* Second and Above level resets */

#homeNav li.apartments ul li,
#homeNav li.storage ul li,
#homeNav li.moving ul li,
#homeNav li.choose ul li,
#homeNav li.contact ul li,
#homeNav li.home ul li {width:100%;}

#homeNav li.apartments ul li a,
#homeNav li.storage ul li a,
#homeNav li.moving ul li a,
#homeNav li.choose ul li a,
#homeNav li.contact ul li a,
#homeNav li.home ul li a {
background: #ce3a37;
display: block;
height: 22px;
color: #ffffff;
text-decoration: none;
line-height: 22px;
font-size: 12px;
padding: 2px 0 2px 0;
border-bottom: 1px solid #2a453d;
text-indent: 15px;
width:100%;
}

#homeNav li.storage ul li a:hover,
#homeNav li.moving ul li a:hover,
#homeNav li.choose ul li a:hover,
#homeNav li.contact ul li a:hover,
#homeNav li.home ul li a:hover,
#homeNav li.storage ul li a:hover {
background-image: none;
background-color: #2a453d;
color: #ffffff;
}

#homeNav li ul { /* second-level lists */
position: absolute;
width: 200px;
left: -999em;
margin-left: 24px;
border: 1px solid #2a453d;
border-bottom:none;
}

#homeNav li ul ul { /* third-and-above-level lists */
margin: -28px 0 0 200px;
}

#homeNav li:hover ul ul, #homeNav li:hover ul ul ul, #homeNav li.sfhover ul ul, #homeNav li.sfhover ul ul ul {
left: -999em;
}

#homeNav li:hover ul, #homeNav li li:hover ul, #homeNav li li li:hover ul, #homeNav li.sfhover ul, #homeNav li li.sfhover ul, #homeNav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/* TYPOGRAPHY */
/* -------------------- */

#middle h1 {
	font-family:georgia,times, times new roman, serif;
	font-size:22px;
	font-weight:normal;
}

#middle h2 {
	padding-top:22px;
	font-family:georgia,times, times new roman, serif;
	font-size:22px;
	font-weight:normal;
}
#middle #other-facilities h2{
clear:both;	
}
#middle h3 {
	padding-top:22px;
	font-family:georgia,times, times new roman, serif;
	font-size:18px;
	font-weight:normal;
}

#middle h4 {
	padding-top:22px;
	font-size:16px;
}

#middle h5 {
	padding-top:22px;
	font-size:14px;
}

#middle h6 {
	padding-top:22px;
	font-size:12px;
}

#middle p {
	line-height:24px;
	padding-top:11px;
	font-size:13px;
}

#editor-content ul {
	margin-left:35px;
	padding:11px 0;
	list-style:disc;
	line-height:24px;
}

#editor-content img {
	padding: 0 0 14px 28px;
}

/* HOME LAYOUT */
/* -------------------- */

/* home left */

#homeLeft {
	float:left;
	width:339px;
	padding-left:6px;
	z-index:600;
}

#home {
	padding-bottom:18px;
	border-bottom:1px solid #c3b698;
}

#home h1 {
	color:#950a08;
	font-style:italic;
	font-size:20px;
	padding-top:6px;
}

#home h2 {
	color:#950a08;
	font-style:italic;
	font-size:18px;
	padding-top:6px;
}

#home p {
	color:#513d18;
	font-weight:bold;
	padding-top:9px;
    line-height: 1.7em;
}

/* slideshow */

#slideshow-homeWrap {
	position:absolute;
	width:524px;
	height:361px;
	top:12px;
	right:-6px;
	padding-top:19px;
	background:url(/images/homeFrame_bg_01.png) no-repeat;
}

#slideshow-home {
	margin:0 auto;
	width:485px;
	height:323px;
}

/* locationNav */

#locationNav {
	width:100%;
	height:57px;
	z-index:800;
}

#locationNav li a {
	display:block;
	width:100%;
	height:57px;
	text-indent:-9999px;
	background:url(/images/locationNav_bg_01.png);
}
#locationNav li a:hover {background-position:0 -57px;}

/* Second and Above level resets */

#locationNav li ul li {
	width:100%;
	height:22px;
	display:inline;
	}

#locationNav li ul li a {
background: #ce3a37;
display: block;
height: 22px;
color: #ffffff;
text-decoration: none;
line-height: 22px;
font-size: 12px;
padding: 2px 0 2px 0;
border-bottom: 1px solid #2a453d;
text-indent: 15px;
width:100%;
}

#locationNav li ul li a:hover {
background-image: none;
background-color: #2a453d;
color: #ffffff;
}

#locationNav li ul { /* second-level lists */
position: absolute;
width: 200px;
left: -999em;
margin:-13px 0 0 103px;
border: 1px solid #2a453d;
border-bottom:none;
z-index:850;
}

#locationNav li ul ul { /* third-and-above-level lists */
margin: -28px 0 0 200px;
}

#locationNav li:hover ul ul, #locationNav li:hover ul ul ul, #locationNav li.sfhover ul ul, #locationNav li.sfhover ul ul ul {
left: -999em;
}

#locationNav li:hover ul, #locationNav li li:hover ul, #locationNav li li li:hover ul, #locationNav li.sfhover ul, #locationNav li li.sfhover ul, #locationNav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/* search */
div#search {
	margin-bottom:15px;
	position:relative;
    width: 339px;
    height: 77px;
    background:url(/images/search_bg_01.png);
}
div#search h5 {
    padding: 5px 0 4px 0;
    text-indent: -9999px;
}
div#search  input#zip {
	position:absolute;
    width: 169px;
    height: 23px;
	padding:2px;
	margin:4px 0 0 25px;
	vertical-align: middle;
	border: 0;
        background: transparent;
}
div#search input#go-button {
    position: absolute;
    top: 45px;
    left: 210px;
    width: 38px;
    height: 21px;
    text-indent: -9999px;
    background: url(/images/go.gif);
}
div#search input#go-button:hover {background-position: 0 -21px;}
div#search form {}

/* homeBottom */

#homeBottom {
	margin-left:6px;
	clear:both;
	width:882px;
	height:auto !important;
	height:261px;
	min-height:261px;
	border-top:1px solid #c3b698;
	border-bottom:1px solid #c3b698;
	background:url(/images/homeBottom_bg_01.jpg);
}

#homeButtons {
	margin:20px 0 0 371px;
	width:488px;
	height:44px;
}

#homeButtons li {
	float:left;
}

#homeButtons li.tour {
	padding-right:16px;
}

#homeButtons li a {
	display:block;
	width:236px;
	height:44px;
	text-indent:-9999px;
	background:url(/images/homeButtons.png);
}

#homeButtons li.tour a {background-position:0 0;}
#homeButtons li.tour a:hover {background-position:0 -44px;}
#homeButtons li.specials a {background-position:-252px 0;}
#homeButtons li.specials a:hover {background-position:-252px -44px;}

#homeFacilities {
margin:40px 0 0 625px;
}

#homeFacilities a {
	color:#513d18;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
}
#homeFacilities a:hover {
	text-decoration:underline;
}

#apply {
position: absolute;
top: 624px;
left: 770px;
}

#apply a {
display: block;
width: 95px;
height: 50px;
background: url(/images/button_apply_02.gif) no-repeat;
background-position: 0 0;
text-decoration: none;
text-indent: -9999px;
}
#apply a:hover {
background-position: -95px 0;
text-decoration: none;
}

#applyLocation {
float: right;
width: 130px;
height: 68px;
padding: 10px;
}

#applyLocation a {
display: block;
width: 130px;
height: 68px;
background: url(/images/button_apply_01.gif) no-repeat;
background-position: 0 0;
text-decoration: none;
text-indent: -9999px;
}
#applyLocation a:hover {
background-position: -130px 0;
text-decoration: none;
}

/* homeButtons */

/* Second and Above level resets */

#homeButtons li ul li {width:100%;}

#homeButtons li ul li a {
background: #ce3a37;
display: block;
height: 22px;
color: #ffffff;
text-decoration: none;
line-height: 22px;
font-size: 12px;
padding: 2px 0 2px 0;
border-bottom: 1px solid #2a453d;
text-indent: 15px;
width:100%;
}

#homeButtons li ul li a:hover {
background-image: none;
background-color: #2a453d;
color: #ffffff;
}

#homeButtons li ul { /* second-level lists */
position: absolute;
width: 200px;
left: -999em;
margin:0;
border: 1px solid #2a453d;
border-bottom:none;
z-index:850;
}

#homeButtons li ul ul { /* third-and-above-level lists */
margin: -28px 0 0 200px;
}

#homeButtons li:hover ul ul, #homeButtons li:hover ul ul ul, #homeButtons li.sfhover ul ul, #homeButtons li.sfhover ul ul ul {
left: -999em;
}

#homeButtons li:hover ul, #homeButtons li li:hover ul, #homeButtons li li li:hover ul, #homeButtons li.sfhover ul, #homeButtons li li.sfhover ul, #homeButtons li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/* FACILITY LAYOUT */
/* -------------------- */

p#trail {
	margin-top:0;
	padding:0;
	font-size:11px;
}

#facLeft_top {
	float:left;
	width:249px;
	height:290px;
	border-bottom:1px solid #c4bca5;
	background:url(/images/facLeft_top_bg_01.png) 2px 0;
}

/* facLeft Logo */
#facLogo {
	height:100px;
	overflow:hidden;
}
#facLogo img,
#col2 #facLogo img {
	width:auto;
	display:block;
	margin:0 auto;
}

/* ccp styles */
#ccp {
	margin-left:7px;
}

#ccp li {
	width:236px;
	margin-bottom:3px;
	color:#fcfbf8;
}
#ccp li.call {
	height:44px;
	text-indent:80px;
	line-height:46px;
	font-weight:bold;
	font-size:15px;
	background: #8c1a10 url(/images/ccp_bg_01.png);
}

#ccp li a {
	display:block;
	width:236px;
	height:44px;
	text-indent:-9999px;
	background: #1b1f5f url(/images/ccp_bg_01.png);
}

#ccp li.info a {background-position:0 -47px;}
#ccp li.info a:hover {background-position:-236px -47px;}
#ccp li.tour a {background-position:0 -94px; height:43px;}
#ccp li.tour a:hover {background-position:-236px -94px;}
#ccp li.special a {background-position:0 -140px; height:43px;}
#ccp li.special a:hover {background-position:-236px -140px;}

#slideshow {
	float:right;
	margin:0 0 11px 0;
	width:640px;
	height:290px;
	overflow:hidden;
	border-bottom:1px solid #c4bca5;
}

/* facBottom styles */
#facBottom {
	position:relative;
	clear:both;
	width: 100%;
	height:auto !important;
	height:216px;
	min-height:216px;
	background: #f8edd7 url(/images/facBottom_bg_01.png) no-repeat;
	border-top: 1px solid #c4bca5;
}

#virtual_tour {
	position:absolute;
	margin:16px 0 0 37px;
}

#homeText {
	width:585px;
	padding:6px 0 0 277px;
}

/* Burberry styles */

body.burberry #homeText {width:455px;}

#small_logo {
	position:absolute;
	top:0;
	right:0;
	width:154px;
	height:110px;
	background:url(/images/burberry_logo_sm.png);
}

/* Gallery styles */

#gallery li {
	float:left;
	padding:10px 30px 0 0;
}

/* STORE LAYOUT STYLES */
/* -------------------- */

#col1 {
	width:540px;
	padding:35px 74px 35px 275px;
}

#col2 {
	position:absolute;
	top:0;
	width:249px;
}

#col2 img {
	margin:15px 0 15px 2px;
}

/* DRIVING DIRECTION STYLES */
/* -------------------- */

#p_col1_bottom #flashmap {
	width:587px;
	height:330px;
	border:1px solid #c4bca5;
}

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

div#area-page,
div#comarketing-page {clear: both;}

div#area-page p.city {
    padding-left: 407px;
    text-align: right;
}

h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

div#area_map {
    position: relative;
    width: 500px;
    float: right;
    padding: 0 0 35px 0;
}
div#area_map #flashmap {
    width: 495px;
    height: 380px;
	border:1px solid #c4bca5;
}

#facility-list {
    position: relative;
    width: 340px;
    float: left;
    display: inline;
}

.facility-summary {
    margin: 16px 0; 
    clear: both;
	border-bottom: 1px solid #c4bca5;
    line-height: 1.25em;
}
.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;}
.facility-summary dt {font-weight: bold;}
.facility-summary dd {padding: 0 0 0 10px;}
.facility-summary a {}

/* TERTIARY STYLES */
/* -------------------- */

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

/* Area Info Pages */

#areainfo ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
					
#areainfo li {
	display: inline;
	margin: 0;
	float: left;

}
					
#areainfo li p {
	display: inline;
	width: 250px;
	margin: 0 0 10px 0;
	float: left;
}
					
#areainfo h4 {
	margin: 10px 0 10px 0;
	font-size: 14x;
	font-family:georgia,times,serif;
	width: 100%;
	border-bottom:1px solid #452d00;
	font-weight:normal;
}

/* Floor Plan Styles */

table.floorTable {
	width:600px;
}

table.floorTable tr.odd {
	background:#e9dcbb;
}
table.floorTable tr.floorTable-key {
	margin: 10px 0 10px 0;
	font-size: 14x;
	font-family:georgia,times,serif;
	width: 100%;
	border-bottom:1px solid #452d00;
	color:#1b1f5f;
}

table.floorTable td {
	padding:4px;
}

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

#footer,
#footer h2,
#footer p,
#footer a {
	color:#c5b185;
	font-size: 11px;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer li.last {border: 0;}

/* footerTop styles */

#footerTop {
	width:100%;
	height:42px;
	padding-top:11px;
	margin-bottom:7px;
	border-bottom:1px solid #785f34;
}

#footerNav {
	float:left;
}

#footerTop .copy {
	float:right;
	text-align:right
}

/* footer bottom styles */
p.footerSEO {
	float:left;
	font-weight:bold;
	padding-right:8px;
}

#footer ul {
	float:left;
}

#footer li {
	float:left;
	margin-right:8px;
	padding-right:8px;
	border-right:1px solid #c5b185;
}
#footerNav li.last,
#footer-states li.last,
#footerTop ul.copy li {
	margin:0;
	padding:0;
	border:none;
}

#footer #footer-stores p#copy {
	position:absolute;
	top:38px;
	right:13px;
	font-weight:normal;
}

#footer #footer-stores {
	clear:both;
	width:100%;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#e5e4cf;
	margin:0;
	padding:10px 0 0 0;
}

#footer #other-facilities h2 {
	font-size:12px;
}

#footer #ehlogo {
	float:right;
}

/* 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;
}