/*Reset*/

* { 
margin: 0;
padding: 0;
}

/* Global Styles */

table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: normal;
}
p,ol,ul {
list-style: none; 
color: #624e41;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}
a {
color: #bd3631; /* change according to design */
text-decoration: underline;
outline: none;
}
a:hover {
color: #44362D; /* change according to design */
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
color: #983429; /* change according to design */
font-size:100%; 
font-weight: bold;
line-height: 1.6em;
}
h1 {font-size: 16px}
h2 {font-size: 15px}
h3 {font-size: 14px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 11px}

/* added by Jody - determine value
html {
text-align:center;
color: #624e41;
font-family: verdana, arial, sans-serif;
font-size: 12px;
height: 100%; /* needed for container min-height 
} */

body {
text-align: center; 
background: #eecc99 url(/images/bg_gradient_01.jpg) top left repeat-x;
color: #352426; /* change according to design */
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

/* Layout Styles */

#wrapper {
margin: 0 auto 0 auto; 
text-align: left;
width: 950px;
background: #f5eacf;
} 

#header {
width: 950px;
height: 160px;
background: transparent url(/images/bg_header_01.jpg) top left repeat-y;
}
#header h1 {
padding: 24px 0 0 34px;
}
#header h1 a {
display: block;
width: 221px;
height: 79px;
background: transparent url(/images/logo_whlong_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 24px/1.6em verdana, helvetica, arial, sans-serif;
}
#headerTop {
height: 126px;
}
#headerTop h3 {
float: right;
display: block;
width: 347px;
height: 24px;
padding: 0 52px 0 0;
margin: 52px 0 0 0;
background: transparent url(/images/title_01.gif) top left no-repeat;
text-indent: -9999px;
text-decoration: none;
font: normal 18px/1.4em verdana, helvetica, arial, sans-serif;
}
#headerNav {
height: 33px;
/* background: transparent url(/images/bg_nav_01.gif) 5px 0 no-repeat; */
}

#middle {}

/* Facility Page */

#facility-page,
#driving-directions, 
#facCont,
#main-content, 
#area-page, 
#no-match, 
#editor-content,
#state-page, 
#site-map,
#comarketing-page,
#edContent {
width: 890px; /* width 925 */
padding: 20px 30px 20px 30px;
line-height: 1.4em;
text-align: left;
overflow: hidden;
}

#comarketing-page {
clear: both;
}

#editor-content p {
line-height: 1.5em;
padding: 5px 0 5px 0;
}
#edContent ul, #editor-content ul {
list-style-type: disc;
margin-left: 20px;
padding: 2px 0 2px 0;
}
#edContent ul li, #editor-content ul li {
line-height: 1.5em;
}

#contact {
padding: 20px 0 10px 0; 
overflow: hidden;
}

#colOneHome {
float: left;
width: 475px;
height: 420px;
min-height: 420px;
background: transparent url(/images/bg_photo_01.jpg) 20px 45px no-repeat;
}
html>body #colOneHome {
height: auto;
}
#colOneHome h3.apartmentsHome {
margin: 24px 0 0 65px;
padding-top: 5px;
}
#colOneHome h3.apartmentsHome a {
display: block;
width: 354px;
height: 37px;
font: bold 18px/1.4em verdana, helvetica, arial, sans-serif;
text-decoration: none;
text-indent: -9999px;
background: transparent url(/images/apartments_off.gif) 0 0 no-repeat;
}
#colOneHome h3.apartmentsHome a:hover {
background-position: 0 -37px;
}

#colTwoHome {
float: right;
width: 475px;
height: 420px;
min-height: 420px;
background: transparent url(/images/bg_photo_01.jpg) 20px 45px no-repeat;
}
html>body #colTwoHome {
height: auto;
}
#colTwoHome h3.storageHome {
margin: 24px 0 0 65px;
padding-top: 5px;
}
#colTwoHome h3.storageHome a {
display: block;
width: 354px;
height: 37px;
font: bold 18px/1.4em verdana, helvetica, arial, sans-serif;
text-decoration: none;
text-indent: -9999px;
background: transparent url(/images/storage_off.gif) 0 0 no-repeat;
}
#colTwoHome h3.storageHome a:hover {;
background-position: 0 -37px;
}

#colThreeHome {
float: left;
width: 455px;
padding-left: 20px;
}
html>body #colOneHome {
height: auto;
}

#colFourHome {
float: right;
width: 455px;
padding-right: 20px;
text-align: right;
}
html>body #colTwoHome {
height: auto;
}

/* Content Area Styles */

#contentHome {}
/* #contentHome h3 {
width: 353px;
height: 37px;
background: transparent url(/images/home_button_01.gif) top left no-repeat;
text-align: center;
margin: 24px 0 0 65px;
padding-top: 5px;
}
#contentHome h3 a {
font-family: verdana, arial;
font-size: 18px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#contentHome h3 a:hover {
text-decoration: underline;
} */

#homeBottom {
background: transparent url(/images/bg_nav_01.gif) 5px 0 no-repeat;
}
#homeBottom h4 {
font-family: verdana, arial;
font-size: 16px;
color: #ffffff;
padding: 2px 0 0 0;
}
#homeBottom h5 {
font-family: verdana, arial;
font-size: 14px;
color: #bd3631;
padding: 2px 0 0 0;
}
#homeBottom ul {
padding: 2px 0 10px 0;
}
#homeBottom ul li {
padding: 4px 0 4px 0;
}
#homeBottom ul li a {
color: #352426;
text-decoration: none;
}
#homeBottom ul li a:hover {
text-decoration: underline;
}

#content {}

#content p {
font-size: 11px; 
line-height: 1.3em;
}
#content p {
padding: 5px 5px 5px 20px;
}

#footerWrapper {
margin: 0 auto 0 auto; 
text-align: left;
width: 950px;
height: 38px;
background: transparent url(/images/bg_footer_01.gif) top left no-repeat;
padding-top: 30px;
}

#footer {
clear: both;
background: transparent url(/images/bg_nav_01.gif) 5px 0 no-repeat;
text-align: center;
text-decoration: none;
color: #ffffff;
font-size: 10px;
}
#footer p {}
#footer a {}
#footer a:hover {}

#footerNav {
padding: 10px 0 10px 0;
}
#footerNav ul {
list-style: none; 
text-align: center;
}
#footerNav ul.footerNavPad {
padding-bottom: 25px;
}
#footerNav ul li {
display: inline; 
padding: 0 0 0 10px;
font-size: 10px;
color: #ffffff;
}
#footerNav ul li a {
text-decoration: none;
color: #ffffff;
font-size: 10px;
padding: 0 10px 0 0;
}
#footerNav ul li a:hover {
text-decoration: underline; 
}

#footer-states {
padding: 18px 0 0 0;
}
#footer-states ul {}
#footer-states ul li {}
#footer-states ul li a {}
#footer-stores {}
#footer-stores p {
text-decoration: none;
color: #ffffff;
font-size: 10px;
}


/* facility page */

#facilityWrap {}
#facilityLeft {
float: left;
width: 500px;
padding: 0 0 0 30px;
}
#facilityRight {
float: right;
width: 420px !important;
width: 400px;
}
#facilityBottom {
margin: 20px 0 0 0;
}
#other-facilities h2, #compare h2 {
display: block;
width: 940px;
height: 33px;
background: transparent url(/images/bg_nav_01.gif) top left no-repeat;
font-family: verdana, arial;
font-size: 16px;
color: #ffffff;
padding: 4px 0 0 0;
margin: 0 0 0 5px;
text-indent: 20px;
}

#other-facilities dl {
padding: 10px 0 5px 30px;
color: #352426;
}
#other-facilities dt {
padding: 0 0 10px 0;
}
#other-facilities dt a {
color: #352426;
text-decoration: none;
font-weight: bold;
}
#other-facilities dd a {
padding: 0 0 6px 0;
line-height: 1.6em;
color: #352426;
text-decoration: none;
}
#other-facilities dt a:hover, #other-facilities dd a:hover {
text-decoration: underline;
}
#editor-content #other-facilities {
margin-left: -30px;
margin-top: 20px;
}
#compare p {
font-size: 10px;
padding: 10px 30px 10px 30px;
line-height: 1.4em;
}

#site-map {
clear: both; 
padding: 30px;
}
#site-map h3 {
font-size: 14px;
}
#site-map h4 {
font-size: 12px; 
font-weight: normal;
}

/* State Pages */

#state-page {
padding: 30px;
}
#state-page dl {}
#state-page dl dt {
margin: 10px 0 2px 0;
}
#state-page dl dt a {
font-weight: bold;
}

#middle p#trail {
float: left;
padding: 0 0 0 20px; 
margin: 0; 
line-height: 20px;
font-size: 10px;
}

#facility-name {float: right;}
#facility-name ul {padding-right: 20px;}
#facility-name ul li {
font-size: 10px;
line-height: 20px;
margin: 0;
padding: 0;
background: url(/images/printer.gif) center left no-repeat;
}
#facility-name ul li.nobackground { background: none; }
#facility-name ul li a {
text-decoration: none;
padding-left: 15px;
}
#facility-name ul li a:hover {text-decoration: none;}

#address {
margin-top: 25px;
}
#address h2 {
font-family: verdana, arial;
font-weight: bold;
font-size: 12px;
color: #bd3631;
}
#address ul.address-class {
padding: 6px 0 6px 0;
}
#address ul.address-class li {
font-family: verdana, arial;
font-size: 11px;
color: #352426;
}
#address ul.address-class li.phone {}

#callClickPrint {
padding: 10px 30px 0 0;
}

#callClickPrint ul {
height: 140px;
}
#callClickPrint ul li.print, #callClickPrint ul li.quote {
float: left;
display: block;
width: 185px;
height: 72px;
margin-bottom: 25px !important;
margin-bottom: 15px;
margin-right: 36px;
}
#callClickPrint ul li.print a, #callClickPrint ul li.quote a {
float: left;
display: block;
width: 185px;
height: 72px;
text-indent: -9999px;
text-decoration: none;
}
#callClickPrint ul li.print a {
background: url(/images/print_coupon_off.gif) 0 0 no-repeat;
}
#callClickPrint ul li.print a:hover {
background-position: 0 -72px;
}
#callClickPrint ul li.quote a {
background: url(/images/free_quote_off.gif) 0 0 no-repeat;
}
#callClickPrint ul li.quote a:hover {
background-position: 0 -72px;
}

#callClickPrint ul li.first {}
#callClickPrint ul li.call {
margin: 0;
padding: 0;
text-indent: -60px;
font-family: verdana, arial;
color: #bd3631;
font-size: 18px;
font-weight: bold;
padding: 6px 0 14px 0;
text-align: center;
}
.gray {
color: #352426;
}
#callClickPrint ul li a {
font-family: verdana, arial;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 72px;
text-decoration: none;
}
#callClickPrint ul li a:hover {
text-decoration: underline;
}

#specials {
width: 414px;
height: 164px;
background: url(/images/bg_specials_new.jpg) top left no-repeat;
}
.specialsText {
padding: 120px 0 0 90px;	
}
#specials a {
font-family: arial, verdana, helvetica, sans-serif;
color: #ffffff; 
font-size: 26px;
font-weight: bold;
text-decoration: none;
}
#specials a:hover {
text-decoration: underline;
}

#facMap {
width: 412px;
height: 340px;
}

#map.facility-map {
width: 412px;
height: 299px;
background: transparent url(/images/bg_map_01.gif) bottom left no-repeat;
margin-top: 20px;
}
#map.facility-map h2 {
height: 20px;
font-size: 11px;
color: #624e41;
font-weight: normal;
}
#map.facility-map #flashmap {
width: 403px;
height: 269px;
margin: 5px 0 0 4px;
}

/* Accordion Styles */

#accordion {
position: relative;
width: 385px;
float: left;
}
#accordion h3 {
width: 385px;
height: 34px;
margin: 4px 0 0 0;
color: #f5eacf;
font-size: 14px;
line-height: 34px;
text-indent: 35px;
background: transparent url(/images/bg_accordion_01.gif) top left no-repeat;
}
#accordion p {
padding: 8px 0 5px 20px;
font-size: 11px;
}
.toggler {cursor: pointer;}
 
.element {
width: 365px;
padding: 0;
line-height: 1.4em;
}
.element p {}

#prices {
width: 345px;
color: #352426;
font-size: 11px;
}
#whatSize a {
font-size: 12px;
font-weight: bold;
color: #bd3631;
padding: 10px 0 10px 0;
}
#prices tr {
border-bottom: 1px solid #ffffff;
}
.panel {
width: 345px;
padding: 10px 0 0 20px; 
}
#hours, #features {
padding: 10px 0 6px 20px;
}

#hours dl, #features dl {}
#hours dt, #features dt {
font-weight: bold;
}
#hours dd, #features dd {
font-size: 11px;
padding: 0 0 6px 0;
line-height: 1.3em;
}
#features dd {
padding: 5px 0 0 6px;
}

#photoTour {
margin-top: 25px;
margin-bottom: 35px;
width: 385px;
height: 293px;
background: transparent url(/images/bg_phototour_01.gif) top left no-repeat;
}
#photoTour p {
position: relative;
color: #ffffff;
font-size: 11px;
padding: 3px 0 0 6px;
}
#slideshow {
position: relative;
width: 377px;
height: 262px;
padding: 6px 0 0 0;
margin: 0 0 0 4px;
}
#imageElement {}

#locations {
padding: 20px 0 20px 0;
}

/* driving directions */

#driving-directions {
clear: both;
width: 890px;
}
#directions-content {
padding: 20px 0 0 0;
}
#driving_map {
width: 890px;
height: 420px;	
}
#driving_map h2 {
font-size: 12px;
color: #624e41;
}
#driving-directions #flashmap {
width: 882px;
height: 412px;
border: 4px solid #352426;
}

#driving-text h2 {
font-size: 12px;
color: #624e41;
}
#driving-text h1 {
line-height: 1.3em;
padding: 10px 0 0 0;
}

/* area page */

/* Area Page Styles */

#area-page {
clear: both;
width: 890px; 
}

#area-page p.city {
padding-left: 500px;
text-align: right;
}
h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

#area_map {
position: relative;
width: 418px;
float: right;
padding: 0 0 35px 0;
}

#area_map h2 {
font-size: 14px;
text-transform: uppercase;
}

#area_map #flashmap {
width: 410px;
height: 430px;
border: 3px solid #785e3f;
}


#flashMap {
text-align: left;
border: 4px solid #352426;
width: 403px;
height: 269px;
}

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

.facility-summary {
margin: 16px 0 16px 0; 
clear: both;
border-bottom: 1px solid #352426;
line-height: 1.25em;
}
.facility-summary img {
float: left;
padding: 0 10px 10px 0;
}
.facility-summary img.facility-offer {
display: none;
}
.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 {}

/* Navigation Styles */

#nav { 
padding: 0;
margin: 0;
padding-left: 4px;
list-style: none;
line-height: 1;
width: 943px;
}
#nav a {
display: block;
width: 10em;
font-family: arial, verdana;
font-size: 19px;
color: #f5eacf;
text-decoration: none;
}
#nav li { /* all list items */
float: left;
display: block;
padding: 0;
list-style: none;
overflow: hidden;
z-index: 999;
/* width: 10em; /* width needed or else Opera goes nuts */
}
#nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav li a {
display: block;
height: 33px;
line-height: 33px;
text-decoration: none;
text-indent: -9999px;
color: #ffffff;
}
#nav li.apartments a {
width: 151px;
background: transparent url(/images/nav_01_off.gif) 0 0 no-repeat;
}
#nav li.apartments a:hover {
background-position: 0 -33px;
}
#nav li.storage a {
width: 200px;
background: transparent url(/images/nav_02_off.gif) 0 0 no-repeat;
}
#nav li.storage a:hover {
background-position: 0 -33px;
}
#nav li.moving a {
width: 176px;
background: transparent url(/images/nav_03_off.gif) 0 0 no-repeat;
}
#nav li.moving a:hover {
background-position: 0 -33px;
}
#nav li.choose a {
width: 189px;
background: transparent url(/images/nav_04_off.gif) 0 0 no-repeat;
}
#nav li.choose a:hover {
background-position: 0 -33px;
}
#nav li.contact a {
width: 123px;
background: transparent url(/images/nav_05_off.gif) 0 0 no-repeat;
}
#nav li.contact a:hover {
background-position: 0 -33px;
}
#nav li.home a {
width: 101px;
background: transparent url(/images/nav_06_off.gif) 0 0 no-repeat;
}
#nav li.home a:hover {
background-position: 0 -33px;
}

#nav li.storage ul li,
#nav li.moving ul li,
#nav li.choose ul li,
#nav li.contact ul li,
#nav li.home ul li,
#nav li.storage ul li {}

#nav li.storage ul li a,
#nav li.moving ul li a,
#nav li.choose ul li a,
#nav li.contact ul li a,
#nav li.home ul li a,
#nav li.storage ul li a {
background-image: none;
background-color: #ce3a37;
display: block;
height: 22px;
color: #ffffff;
text-align: left;
text-decoration: none;
line-height: 22px;
font-size: 12px;
padding: 2px 0 2px 0;
border-bottom: 1px solid #2a453d;
text-indent: 6px;
}

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

#nav li ul { /* second-level lists */
position: absolute;
/* background: #ce3a37; */
width: 10em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
margin-left: 24px;
border-top: 1px solid #2a453d;
border-left: 1px solid #2a453d;
border-right: 1px solid #2a453d;
}

#nav li ul ul { /* third-and-above-level lists */
margin: -28px 0 0 10em;
}

#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 { /* lists nested under hovered list items */
left: auto;
}
#nav li:hover, #nav li.hover {position: static;}



/* Unit Sizes Pop-up */

#unit-sizes-pop { 
background: #eecc99 url(/images/bg_gradient_01.jpg) top left repeat-x;
}
#unit-sizes-pop p {
text-align: left; 
color: #ffffff; 
margin: 1em;
}
#unit-sizes-pop table { 
margin: 1em; 
width: 90%;
background: #fff; 
border-collapse: collapse;
}
#unit-sizes-pop table td {
color: #352426;
padding: .5em 1em; 
border: 2px solid #2a453d;
vertical-align: top; 
font-weight: normal;
text-align: left;
}
#unit-sizes-pop table th {
color: #ffffff; 
padding: .5em 1em; 
border: 2px solid #2a453d; 
font-weight: bold; 
}
#unit-sizes-pop table th {
background: #ce3a36; 
color: #ffffff;
}


/* Common Styles */

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.floatR {float: right;}

.imagePadHome {
padding: 53px 0 0 29px;
}
p.footerBrand {line-height: 2.5em;}
p.footerBrand a {color: #fff;text-decoration: 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;
}