/*
G5 Search Marketing Copyright 2008
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,h2,h3,h4,h5,h6{ color: #07368b;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}

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

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

.clear {clear: both;}
.right {float:right;}
img.right {padding:0 0 10px 20px;}
.left {float:left;}
img.left {padding:0 20px 10px 0;}

html {
	height:100%;
	background:url(/images/body_bg.gif) 0 1px;
}

body {
	position : relative;
	margin: 0 auto; 
	color:#4f4f4f;
	text-align: center; /* center for IE */
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	background:url(/images/bg_01.png) repeat-x;
	height:100%; /* needed for 100% tall whopper in IE 6 */
	}

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

#whopper {
    position: relative;
    width: 950px;
    margin: 0 auto;
    padding: 0 11px;
    text-align: left;
    background: url(/images/whopper_bg_01.png) repeat-y;
	/* height section is for 100% tall whopper */
    height:auto !important;
    height:100%;
    min-height:100%; 
}

#header {
    position: relative;
    width: 100%;
    height: 185px;
    background: url(/images/header_bg_01.jpg) no-repeat;
    z-index: 990; /* for the navigation to lay over the top */
}
body.store-1993 #header {background-image: url(/images/header_bg_1993.jpg);}
body.store-1994 #header {background-image: url(/images/header_bg_1994.jpg);}
body.store-1995 #header {background-image: url(/images/header_bg_1995.jpg);}
body.store-1996 #header {background-image: url(/images/header_bg_1996.jpg);}
body.store-3046 #header {background-image: url(/images/header_bg_3046.jpg);}




#middle {
	float:left;
    position: relative;
    width: 898px;
	padding: 17px 26px 16px 26px;
	margin: 0 auto;
	background: #fff;
	/* height section is for a min. height on a container */
    height:auto !important;
    height:402px;
    min-height:402px;
}

#footer {
	clear:both;
    position: relative;
	text-align:right;
	font-weight:bold;
    width: 898px;
	padding: 10px 26px 40px 26px;
	color:#fff;
	height:auto !important;
	height:230px;
	min-height:230px;
	background: url(/images/footerGrad_bg_01.png) repeat-x;
}

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

/* Background image replacement on the header logo */
#header #logo,
#header a {
	display:block;
    width: 280px;
    height: 126px;
    display: block;
    text-indent: -9999px;
}

#header a#pay_online {
	display:block;
	position:absolute;
	top:74px;
	right:32px;
	width:107px;
	height:30px;
	background:url(/images/pay_online.png);
}
#header a#pay_online:hover {background-position:0 -30px;}

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

#nav {
	position:absolute;
	margin-top:10px;
	line-height: 1;
	z-index:900;
}

#nav li { /* all list items */
	float: left;
	width: 159px;
}

#nav a {
	display: block;
	text-indent:-9999px;
	width: 159px;
	height:40px;
	background:url(/images/nav_bg_01.jpg) no-repeat;
}

#nav li.home a {background-position:0 0;}
#nav li.home a:hover {background-position:0 -40px;}

#nav li.locations a {background-position:-159px 0;}
#nav li.locations a:hover {background-position:-159px -40px;}

#nav li.storage a {background-position:-318px 0;}
#nav li.storage a:hover {background-position:-318px -40px;}

#nav li.supplies a {background-position:-477px 0;}
#nav li.supplies a:hover {background-position:-477px -40px;}

#nav li.about a {background-position:-636px 0;}
#nav li.about a:hover {background-position:-636px -40px;}

#nav li.contact {width:155px;border-right:none;}
#nav li.contact a {width:155px;background-position:-795px 0;}
#nav li.contact a:hover {background-position:-795px -40px;}

/* Fix IE 7 */
#nav li:hover {position: static;}

/* reset some second level things */
#nav li.home ul li a,
#nav li.locations ul li a, 
#nav li.storage ul li a,
#nav li.supplies ul li a,
#nav li.about ul li a, 
#nav li.contact ul li a {
	width:156px;
	height:25px;
    color: #f9f5e6;
    font-size: 13px;
    line-height:26px;
	text-indent:10px;
	text-decoration:none;
	border:3px solid #fee27a;
	border-top:none;
	background: #91211e;
}
#nav li.home ul li a:hover,
#nav li.locations ul li a:hover, 
#nav li.storage ul li a:hover,
#nav li.supplies ul li a:hover,
#nav li.about ul li a:hover, 
#nav li.contact ul li a:hover {background:#5f0000;}

#nav li ul { /* second-level lists */
	position:absolute;
	width:162px;
	height:auto;
	left:-999em;
	z-index:995;
	margin:-3px 0 0 -4px;
	border-top:3px solid #fee27a;
}

#nav li ul li {
	height:auto;
	display:inline;
	padding:0;
	border:none;
}

#nav li ul ul { /* third-level lists */
	padding:0;
	margin:-31px 0 0 159px;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

/* Homepage */
/* ------------------- */

/* LEFT SIDE */
#homeButtons {
    position: relative;
    float: left;
    width: 278px;
    z-index:800;
}

/* locationNav */
#locationNav {
	width:46px;
	height:41px;
	padding:15px 0 0 232px;
	background:url(/images/homeButtons_bg.png);
}

#locationNav a {
	display:block;
	width:31px;
	height:26px;
	text-indent:-9999px;
	background:url(/images/homeGo.png);
}
#locationNav a:hover {background-position:0 -26px;}

/* Fix IE 7 */
#locationNav li:hover {position: static;}

/* reset some second level things */
#locationNav li ul li a {
	width:156px;
	height:25px;
    color: #f9f5e6;
    font-size: 13px;
    line-height:26px;
	text-indent:10px;
	text-decoration:none;
	border:3px solid #fee27a;
	border-top:none;
	background: #91211e;
}
#locationNav li ul li a:hover {background:#5f0000;}

#locationNav li ul { /* second-level lists */
	position:absolute;
	width:162px;
	height:auto;
	left:-999em;
	z-index:995;
	margin:0 0 0 -3px;
	border-top:3px solid #fee27a;
}

#locationNav li ul li {
	height:auto;
	display:inline;
	padding:0;
	border:none;
}

#locationNav li ul ul { /* third-level lists */
	padding:0;
	margin:-31px 0 0 159px;
}

#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 {left: auto;}

/* search */
#search {
	margin:20px 0;
	width:278px;
	height:56px;
	background:url(/images/homeButtons_bg.png) no-repeat 0 -56px;
}
#search input {vertical-align: middle; text-indent: 2px;}
#search  #zip {
	float:left;
    width: 52px;
    height: 20px;
    color:#000;
    font-weight:bold;
	padding:0;
	margin:17px 20px 0 158px;
	border:1px solid #07368b;
	background:#fff;
}
#search input#go-button {
	float:left;
    margin:15px 0 0 0;
    width: 31px;
    height: 26px;
    text-indent: -9999px;
    border:0;
    background:url(/images/homeGo.png);
}
#search input#go-button:hover {background-position: 0 -26px;}

/* areas */
#areas {
	width:249px;
	height:161px;
	padding:18px 20px 0 23px;
	background:url(/images/areas_bg.png) no-repeat;
}

#areas p {
	line-height:21px;
	padding-bottom:12px;
}

.areaTitle {
	font-size:17px;
	color: #07368B;
	font-weight:bold
}

/* home SLIDESHOW styles, same size as images */
#slideshow-home {
    position: relative;
	float:right;
    width: 594px;
    height: 332px;
}
#slideshow-home img {
    width: 594px;
    height: 332px;
}

/* homepage text styles */
#homeText {clear:both;}
#homeText strong {
	font-size:17px;
	color:#07368b;
}
#homeText h1,
#homeText p {
	line-height:25px;
	padding:0 0 14px 0;
}
#homeText h1 {padding-top:14px;}


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

/* BASIC LAYOUT */

#facTop {
    clear:both;
	width:100%;
	height:97px;
	padding: 18px 0 0 0;
}

#facMiddle {
    clear:both;
    width: 100%;
	padding: 26px 0 0 0;
}

#facBottom {
    clear:both;
    width: 100%;
	padding: 15px 0 0 0;
}

/* breadcrumbs styles */
#middle p#trail {
    position: relative;
    float: left; 
    margin: 0; 
    padding: 2px 0 0 0;
    font-size: 10px;
}

/* printer & direction styles */
#facility-name {float: right;}
#facility-name ul {}
#facility-name ul li {
    font-size: 10px;
    line-height: 18px;
    background: url(/images/printer.gif) center left no-repeat;
}
#facility-name ul li.nobackground {background: none;} /* hide on area pages */
#facility-name ul li a {
	padding-left: 15px;
	text-decoration: none;
}
#facility-name ul li a:hover {}

/* address styles */
.vcard {
    position: relative;
	float:left;
    width: 436px;
	line-height:20px;
}
.vcard h1 {
	font-weight: bold;
	margin-bottom:10px;
	font-size:20px;
}

.promo a {color: #BB2D2D}


/* web special styles */
#special {
	position: relative;
	float: right;
	text-align: center;
	width: 436px;
	height: 97px;
	background: url(/images/special_bg_01.png) no-repeat;
}
#special h3, .specialTitle {
	text-indent:-9999px;
	height:20px;
	overflow:hidden;
}
.specialText a {
	padding-top:32px;
	font-size:24px;
	color:#fff;
	font-weight:normal;
}
.specialText  a .single {
	display:block;
	padding-top:11px;
}
.specialText  a .top {
	display:block;
}
.specialText a .bottom {
	display:block;
	font-size:14px;
	padding-top:2px;
}
#special a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 436px;
	height: 97px;
	color:#fff;
	text-decoration:none;
}

/* CCP styles */
#callClickPrint {
    position: relative;
	float:left;
    width: 100%;
    height: 52px;
	margin-top:26px;
}
#callClickPrint ul li {
	display:inline;
    float: left;
    list-style: none;
	width: 205px;
	height: 52px;
	margin-right:26px;
}
#callClickPrint ul li.last {
	margin-right:0;
}
#callClickPrint ul li a {
	text-indent: -9999px;
	display:block;
	width: 205px;
	height: 52px;
}
#callClickPrint ul li.call .webphone {
	display:block;
	width: 205px;
	height: 40px;
	padding-top:14px;
	text-indent:70px;
	font-size:19px;
	font-family:arial, helvetica, sans-serif;
	color:#fff;
	background: url(/images/ccp_call.png) no-repeat;
	font-weight:bold
}
#callClickPrint ul li.coupon a {
	background: url(/images/ccp_coupon.png) no-repeat;
}
#callClickPrint ul li.quote a {
	background: url(/images/ccp_quote.png) no-repeat;
}
#callClickPrint ul li.reserve a {
	background: url(/images/ccp_reserve.png) no-repeat;
}
#callClickPrint ul li a:hover {
	background-position:0 -52px;
}
/*fix an IE 7 bug */
#callClickPrint li:hover, #callClickPrint li.hover {position: static;}


/* accordion styles */
#accordionWrap {
    position: relative;
    width: 436px;
	float:left;
}
#accordion {
    position: relative;
    width: 436px;
}
#accordion .accTitle {
    width: 436px;
    height: 41px;
	text-indent: -9999px;
}



#accordion #toggler_size {background: url(/images/toggler_size_bg_01.png) no-repeat;}
#accordion #toggler_features {background: url(/images/toggler_features_bg_01.png) no-repeat;}
#accordion #toggler_hours {background: url(/images/toggler_hours_bg_01.png) no-repeat;}
#accordion #toggler_bonus {background: url(/images/toggler_bonus_bg_01.png) no-repeat;}
#accordion #toggler_areas {background: url(/images/toggler_areas_bg_01.png) no-repeat;}
#accordion #toggler_about {background: url(/images/toggler_about_bg_01.png) no-repeat;}
#accordion :hover {background-position:0 -41px !important;}

.toggler {cursor: pointer;}
.element { margin: 8px 0 0 0;}
#prices,
#features,
#hours,
#bonus,
#areas_served {
    width: 424px;
    padding: 5px 6px 12px 6px;
    line-height: 1.4em;
}

/* prices */
#prices table {width:100%;}
#prices th {
	line-height:1.4em;
	font-weight:bold;
	padding:0 0 5px 6px;
}
#prices td {
	border-bottom:1px solid #9d9380;
	color:#4f4f4f;
	padding:3px 0 3px 6px;
}
#prices td .description {padding-right:20px;}
#existing-customers {
	margin:10px 0;
	font-size:13px;
	font-weight:bold;
	font-family:verdana;
}

/* features */
#features dt {
    font-weight: bold;
    line-height: 1.6em;
}
#features dd {line-height: 1.6em;}

/* hours */
#hours dt {
    font-weight: bold;
    line-height: 1.8em;
    padding:0;
}
#hours dd {line-height: 1.6em;}

/* bonus */
#bonus p {
	width:424px;
	padding:0;
	margin:0;
}


#areas_served p {padding:10px 0 0 0;}
#about_us p {padding-left:10px}

/* FACRIGHT */
#facRight {width:436px;float:right;}

/* photo tour styles */
#photoWrap {
	position:relative;
	width:436px;
}
#photo-tour {
    position: relative;
}
#slideshow { /* size of images */
    position: relative;
    width: 430px;
    height: 373px;
	padding:3px;
}
#photoBorder {
	position:absolute;
	top:0;
	left:0;
	width:436px;
	height:379px;
	background:url(/images/photoBorder.gif);
	z-index:500;
}

#photoWrap p {
	font-size:11px;
	padding:8px 0 0 0;
	margin: 0 6px 0 0;
}
p.photoSEO {
	display:block;
	float:left;
}
p.videoTour {
	display:block;
	float:right;
}

/* Google Map */

#map {
	width:436px;
	overflow:hidden;
	padding-top:20px
}
#map div {
	clear:both;
	color:#4f4f4f;
	font-weight:bold;
	font-size: 18px;
}
#mapWrap p {
	font-size:11px;
	padding:8px 0 0 0;
	margin: 0 6px 0 0;
}
#flashmap { /* size of the map */
    width: 430px;
    height: 268px;
	border:3px solid #fee27a;
}

#accordion2 {
	margin-top:10px;
	position:relative;
}

#driving-caption{
	color:#005BFF;
	cursor:pointer;
}

#driving-title {
	color:#07368B;
	font-weight:bold;
	font-size:12px
}


/* ALL CLIENT CENTER PAGES */
#editor-content ul {
	list-style:disc;
	margin-left:26px;
	padding-bottom:10px;
	line-height:1.4em;
}

#editor-content h1,
#editor-content h2,
#editor-content h3,
#editor-content h4,
#editor-content h5,
#editor-content h6,
#editor-content p {
	padding-bottom:10px;
	line-height:1.4em;
}

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

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

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

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

#area_map {
    position: relative;
    width: 467px;
    float: right;
    padding: 0 0 35px 0;
}
#area_map #flashmap {
    width: 467px;
    height: 430px;
	border:3px solid #fee27a;
}

#facility-list {
    position: relative;
    width: 407px;
    float: left;
    margin: 12px 0 0 0; 
    display: inline;
}

.facility-summary {
    margin: 16px 0; 
    clear: both;
	border-bottom: 1px solid #fee27a;
    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 dt {font-weight: bold;}
.facility-summary dd {padding: 0 0 0 10px;}
.facility-summary a img.facility-offer {display: none;}

/* Driving Directions Styles */
/*--------------------*/


#driving-directions {clear: both;}
#driving-directions #address {padding: 18px 0 0 0;}

#driving_map {
	clear:both;
    position: relative;
    width: 898px;
    padding: 18px 0 0 0;
}
#driving_map h2 {
	padding:0 0 10px 0;
}
#driving-directions #flashmap {
    position: relative;
    width: 892px;
    height: 400px;
	border:3px solid #fee27a;
}

#driving-text {padding: 18px 0 0 0;clear:both;}
#driving-text h1 {font-size: 12px;}
#driving-text h2 {font-size: 14px;padding-bottom:7px;}

#driving-link {display:none;}



/* SITE MAP */
/* -------------------- */
#site-map {clear: both;padding-top:18px;}
#site-map h3 {padding-bottom: 10px;font-size: 14px;}
#site-map h4 {font-size: 12px; font-weight: normal;line-height: 1.4em;}

/* SPACE CALCULATOR */
/* ------------------------- */

#calculate {
	width:100%;
	padding:20px 0;
	float:left;
}

#calculate h1,
#calculate h2,
#calculate h3,
#calculate h4 {
	width:560px;
}

#calculate h3 {
	clear:left;
	font-size:12px;
	margin:3px 0 9px 0;
	border-bottom:1px solid #fee27a;
}

#calculate dl {
	float:left;
	width:560px;
	margin-bottom:8px;
}

#calculate dt {
	float:left;
	width:146px;
	height:22px;
	line-height:22px;
	margin:0;
	padding:0;
}
#calculate dd {
	float:left;
	width:25px;
	height:22px;
	padding:0 10px 0 0;
}
#calculate dd input {
	width:25px;
}

#calculate input#clear {
	clear:left;
	float:left;
	width:100px;
}
#calculate input#submit {
	float:left;
	margin-left:45px;
	width:100px;
}
#calculate input#label {
	width:16em;
	display:block;
	clear:left;
	float:left;
	margin-top:10px;
	padding:2px;
	font-weight:bold;
	border:0;
	background:transparent;
}
#calculate input#total {
	display:block;
	float:left;
	padding:2px;
	font-weight:bold;
	margin-top:10px;
	color:#600;
	border:0;
	background:transparent;
}

#calculate h2 {
	clear:both;
	padding:10px 0;
}
#calculate h2.total {
	font-size:18px;
}

/* UNIT SIZES POP-UP
 * --------------------------------------------------------------------------*/
#unit-sizes-pop p {text-align: left; margin: 1em;}
#unit-sizes-pop table { 
    margin: 1em auto; 
    width: 90%;
    background: #fff; 
    border-collapse: collapse;
}
#unit-sizes-pop table td {
    padding: .5em 1em;
    border: 3px solid #fee27a;
	color: #4f4f4f;
    vertical-align: top; 
    font-weight: normal;
    text-align: left;
}
#unit-sizes-pop table th {
    color: #64478e; 
    padding: .5em 1em; 
    border: 3px solid #fee27a; 
    font-weight: bold; 
}

/* Footer */
/* -------------------- */

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

#footer ul {
	float:right;
}
#footer ul li {
    display: block;
	float:left;
}
#footer ul li a {
    padding: 0 10px;
    border-right: 1px solid #fff;
    line-height: 42px;
}
#footer ul li.last a {border:0;padding-right:0;}

#footer-states {padding:0;margin:0;}
#footer-states ul#states-list li a {padding: 0 10px;text-transform: uppercase;}
#footer-states ul#states-list li.last a {border-right:1px solid #fff;}

#footer-stores {
    position: relative;
	clear:both;
}

p.disclaimer {
	margin:10px 0 0 0;
	padding:0;
}

/* footerBar styles */
#footerBar {
	height: 40px;
}
#footerBar p {
	float:left;
    line-height: 42px;
	font-weight:bold;
}
#footerBar ul {
	float:right;
	line-height:14px;
}
#footerBar ul li.last a {
	border:none;
}

/* other facilities and compare section */
#other-facilities,
#compare {padding-top:20px;}
#footer #other-facilities h2,
#compare div {
	color:#fff;
	font-size:12px;
}
#compare p {
	font-size:11px;
	font-weight:normal;
}
#compare p.nomargin {
	font-weight:bold;
	font-size:12px;
}
/* --------- /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;
}