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

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

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

h1,h2,h3,h4,h5,h6 {color:#000;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:80%;}

a {color:#5a5a5a;text-decoration:none;}
a:hover {color: #4c4b4b; text-decoration:underline;}
a:active {color: #7d7a7a; text-decoration:underline;}


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

.right {float:right;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}
img.right {margin:0 0 10px 20px;}

dt {padding-top:10px;}

input{ border: 1px;}

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

html {height:100%;}

body {
	color:#000;
	text-align:center;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	line-height: 24px;
	background: #b71803;
	height: 100%;
}

#whopper {
	width:930px;
	margin:0 auto 20px;
	padding: 10px 0 0 0;
	position: relative;
	top: 159px;
	text-align:left;
	background: #fff url(/images/whopperBG.jpg) repeat-y center;
	border-bottom: solid 14px #cd5e4f;
}

#whoptop{
  position: absolute;
  top: 0px;
  left: 0px;
  height:334px;
  width: 930px;
  z-index: 1;
 	background:url(/images/whop-top.gif) no-repeat;
}

#whop-out{
  width: 1200px;
  height: 492px;
  position: relative;
  margin: 0 auto;
  top: 0;
  background: url(/images/headerBG.jpg) no-repeat top center;
}

#header {
	margin:0 auto;
	height: 492px;
	position: absolute;
	width: 100%;
	left:0;
	top: 0;
	border-bottom: solid 1px #ffb355;
	background: url(/images/header-out.jpg) repeat-x;
}

#middle {
  position: relative;
	background: #fff;
	min-height:450px;height:auto !important;height:450px;
	margin: 0 13px;
  padding: 0 13px 30px;
  z-index: 5;
}

#middle p{
  padding: 0 0 10px 0;
}

#footer {
	text-align:left;
	width: 930px;
	margin: 169px auto 0;
	padding: 0 0 20px 0;
	left: 0;
	line-height: 18px;
}


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

#logo {
	width:280px;
	height:142px;
	position: absolute;
	left: 0;
	top: -159px;
	background:url(/images/logo.png) no-repeat;
	text-indent:-9999px;
}

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

#nav{
	position: relative;
	height:41px;
	width: 878px;
	background: #842316;
	margin:0px 26px 0 26px;
	top: 0;
	z-index: 46;
}

#nav li {float:left;}

#nav li a.top-level {
	display:block;
	height:41px;
	text-indent:-9999px;
	background: url(/images/navBG.jpg);
}

#nav li.home a.top-level {width:110px;background-position:0 0;}
#nav li.home a.top-level:hover	{ background-position:0 -41px }

#nav li.locations a.top-level {width:122px;background-position:-111px 0;}
#nav li.locations a.top-level:hover {background-position:-111px -41px;}

#nav li.services a.top-level {width:164px;background-position:-233px 0;}
#nav li.services a.top-level:hover {background-position:-233px -41px;}

#nav li.tips a.top-level {width:138px;background-position:-398px 0;}
#nav li.tips a.top-level:hover {background-position:-398px -41px;}

#nav li.choose a.top-level {width:181px;background-position:-536px 0;}
#nav li.choose a.top-level:hover {background-position:-536px -41px;}

#nav li.contact a.top-level {width:163px;background-position:-717px 0;}
#nav li.contact a.top-level:hover {background-position:-717px -41px;}

/*----Location Nav----*/

#navLocation{
  position: absolute;	
  z-index: 140;
  top: 80px;
  left: 95px;
	width:94px;
	height:43px;
	line-height: 43px;
}

#navLocation li {float:left; }


#navLocation li a.top-level{
	display:block;
	height: 43px;
	width:94px;
	line-height: 43px;
	text-indent:-9999px;
	background:url(/images/go-button.png);
}

#navLocation li a.top-level:hover	{ background-position:0 -43px }

/* Second Level */
#nav li ul, #navLocation li ul {
	position:absolute;
	width:215px;
	left:-999em;
	border: 1px solid #fff;
}

#navLocation li ul {
	position:absolute;
	width:215px;
	left:-999em;
}

#nav li ul li, #navLocation li ul li {
	height:auto;
	display:inline;
}

#nav li ul li a, #navLocation li ul li a{
	display:block;
	width:215px;height:29px;
	font-size:14px;
	line-height:29px;
	text-indent:15px;
	color:#fff;
	background:#cd5242;
	text-decoration:none;
	border-bottom:1px solid #ce3e2b;
	border-top: 1px solid #cd766b;
}
#nav li ul li a:hover, #navLocation li ul li a:hover{
	color:#fff;
	background:#b81b06;
}

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


/* Fix IE 6 */
#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;}

/*----Fix IE 6 LocationInterior---*/
#navLocation li:hover ul ul, #navLocation li:hover ul ul ul, #navLocation li.sfhover ul ul, #navLocation li.sfhover ul ul ul {left: -999em;}
#navLocation li:hover ul, #navLocation li li:hover ul, #navLocation li li li:hover ul, #navLocation li.sfhover ul, #navLocation li li.sfhover ul, #navLocation li li li.sfhover ul {left: auto;}


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


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

#thedog{
  width: 270px;
  height: 152px;
  position: absolute;
  left: 654px;
  top: -153px;
  background:url(/images/the-dog.png) no-repeat;
	text-indent:-9999px;
}

#slideshow-home{
  height: 329px;
  width: 878px;
  background: #ccc;
  margin: 6px 0 0 0;
}

#homeCCP{
  height: 141px;
  margin: 6px 0 15px;
}

#homeCCP div{
  background: url(/images/homeCCP-BG.jpg) repeat-x;
  float: left;
  width: 218px;
  height: 126px;
  margin-right: 7px;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
  padding: 15px 35px 0 35px;
  position: relative;
  z-index: 847;
}

#homeCCP div.location p{
  width: 200px; 
  padding: 0 0 0 7px;
}

#homeCCP div.location{
  z-index: 848;
}


#homeCCP div ul{
  text-align: left;
  font-weight: normal;
 }

#homeCCP div.last{
  margin-right: 0px;
}

#homeCCP li{
  list-style-type: none;
}

#homeText{
  padding: 0 0 30px 0;
  position: relative;
}

#homeText h1{
  padding: 0 0 15px 0;
}

#homeText p{
  padding: 0 0 20px 5px;
}

#homeText img{
  float: right;
}

#homeText_middle{
  width: 300px;
  margin: 0 0 0 590px;
  top: 0;
  float: right;
  text-align: center;
}

.go-button {
  position: absolute;
  top: 80px;
  left: 95px;
	width:94px;
	height:43px;
	line-height: 43px;
	text-indent:-9999px;
	background:url(/images/go-button.png);
}

.go-button:hover {background-position:0 -43px;}

.go-button2 {
  position: absolute;
  z-index: 8;
  top: 45px;
  left: 80px;
	width:116px;
	height:79px;
	line-height: 79px;
	text-indent:-9999px;
	background:url(/images/go-button2.jpg);
}

.go-button2:hover {background-position:0 -79px;}

#zip {
  position: absolute;
  z-index: 10;
  top: 53px;
  left: 80px;
  width: 105px;
  height: 17px;
  line-height: 13px;
  margin: 0 5px;
  font-size: 13px;
  color: #333;  
}

.search{
  margin: 0 0 0 0;
  width: 115px;
  height: 33px;
 }

input{
  border: 0;
}

/* CORPORATE INTERIOR PAGE */
/* -------------------- */
/* FACILITY PAGE */
/* -------------------- */

/* printer & direction styles */
#facility-name ul li {
	float: right;
	position:relative;
	top:-24px;
	left:0px;
  font-size: 11px;
  color: #5a5a5a;
  line-height: 26px;
  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: 25px;}
#facility-name ul li a:hover {text-decoration: none;}

#facHead{
  margin: 20px 0 0 0;
  position: relative;
}

#facHead .vcard h2{
  width: 430px;
}

#special {
  position: absolute;
  top: 0;
  left: 438px;
	width:410px;
	height:66px;
	padding:34px 15px 0 15px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:24px;
	background:url('/images/fac-special.jpg') no-repeat top left;
}

a#special {
	text-decoration:none;
}

a#special:hover {
	background:url('/images/fac-special.jpg') no-repeat 0 -101px;
}

#addressCTA li{
  float: left;
}

#addressCTA li a, .what-size a{
  padding-right:10px;
  color: #bd1814;
  text-decoration: underline;
}

#addressCTA li a:hover, .what-size a:hover{
  padding-right:10px;
  color: #9a0e0a;
  text-decoration: none;
}

#addressCTA li a:active, .what-size a:active{
  padding-right:10px;
  color: #cc2e2a;
}

.what-size a{
  float: right;
}

#facTop{
  clear: both;
  padding: 10px 0 0 5px;
  width: 873px;
}

#facTop li a, #facTop li {
	position:relative;
	cursor: pointer;
	float:left;
	display:block;
	width:213px;
	height:60px;
	line-height: 60px;
  background:url(/images/facCTA.jpg);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

#facTop li{
    margin-right: 5px;

}

#facTop li a:hover, #facTop li:hover {background-position:0 -60px;}


#facTop li.last{
  margin-right: 0;
}

#slideshow{
  background: transparent url(/images/border-img.gif) 0 0 no-repeat;
  width: 434px;
  height: 328px;
  margin: 0 0 20px 0;
}

#slideshow img{
  position: absolute;
  top: 4px;
  left: 4px;
}

#map.facility-map{
  background: #ccc;
  width: 426px;
  height: 320px;
 }
 
 #flashmap {
	width:426px;
	height:320px;
}
 
#facLeft {
	display:inline;
	position:relative;
	width:434px;
	float:left;
	margin:19px 0 0 0px;
	clear: both;
}

#prices,
#features,
#hours,
#area,
#bonus,
#driving-text,
#driving-link,
.access-cv{
	padding:0 0 10px 20px;
}

#driving-link.nah{
	padding:0 10px 0 0;
}

#accordion div.toggler, div.toggler2 {
	width:434px;
	height:57px;
	cursor:pointer;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	background:url(/images/toggle.jpg) no-repeat top;
}

#middle .toggler p, #middle .toggler2 p{
  padding: 15px 0 0 20px;
}

#accordion div.toggler:hover, div.toggler2:hover  {
	width:434px;
	height:57px;
	cursor:pointer;
	background-position: 0 -57px;
}

#accordion dt{
  padding-top: 0px;
}
	
/* FACRIGHT */
#facRight {
	display:inline;
	width:430px;
	float:right;
	margin:19px 0 0 0px;
}

/*-------prices-----------*/

#prices table {
	width:410px;
}

#prices p{
	font-size: 14px;
}

#prices th {
	padding: 0 0 0 10px;
	line-height:24px;
	height:26px;
	font-size: 14px;
	color: #6B707B;
}

#prices td {
	padding: 0 0 0 10px;
	height:26px;
	line-height:28px;
	border-bottom:1px solid #ccc;
}

#prices td.size{width:65px;}

#prices td.rate {width:70px;}

.atStart span{
	color:#464E61;
	font-size:20px;
	font-weight: bold;
}

.size, .description, .rate{
	color:#464E61;
	font-size:14px;
}

td.reserve a{
	float: right;
	margin: 0 3px 0 0;
	display:block;
	background:url(/images/reserve.jpg);
	width: 93px;
	height: 20px; 
	text-indent:-9999px;
}

td.reserve a:hover { background-position: 0 -20px;}

tr.even{
	background: #e1eaf2;
}

tr.odd{
	background: #bdd0de;
}

/* GENEARL INTERIOR PAGE STYLE */
/* -------------------- */

#editor-content{
  margin: 20px 10px;
}

#editor-content h1{
  padding: 0 0 10px 0;
}

.p-border{
  width: 434px;
  height: 328px;
  position: relative;
  background: url(/images/border-img.gif) no-repeat;
  float: right;
  margin: 0 0 20px 25px;
}

.p-border img{
  position: relative;
  top: 4px;
  left:4px;
  z-index: 50;
  border-bottom: 3px solid #3c3c3c; /*for ie7*/
}

#editor-content h2, 
#p_col1_top h2, 
#p_col1_middle h2, 
#p_col1_bottom h2{
  color: #bd1814;
  padding: 0 0 10px 0;
}

#homeText a, 
#editor-content a, 
#p_col1_top a, 
#p_col1_middle a, 
#p_col1_bottom a{
  color: #bd1814;
}

#homeText a:hover, 
#editor-content a:hover, 
#p_col1_top a:hover, 
#p_col1_middle a:hover, 
#p_col1_bottom a:hover{
  color: #9a0e0a;
}

#homeText a:active, 
#editor-content a:active, 
#p_col1_top a:active, 
#p_col1_middle a:active, 
#p_col1_bottom a:active{
  color: #cc2e2a;
}

#editor-content ul{
  margin: 10px 0 10px 30px;
}

#editor-content li{
  list-style-image: url(/images/li-disc.jpg);
  padding: 0 0 0 5px;
}

#p_col1_top, 
#p_col1_middle, 
#p_col1_bottom{
  clear: both;
  margin: 0 10px 20px;
}

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

#trail{
  margin: 15px 0 0 0;
  font-size: 11px;
}

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

#calculate {
	width:650px;
	float:left;
	padding: 0 0 15px 30px;
}

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

#calculate h3 {
	clear:left;
	font-size:12px;
	margin:3px 0 9px;
}

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

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

#calculate dd input {width:25px; border: 2px inset #ccc;}

#calculate input#clear {
	clear:left;
	float:left;
	width:100px;
	background: #fac262;
	border: 1px solid #ff9402;
  cursor: pointer;
}
#calculate input#submit {
	float:left;
	margin-left:45px;
	width:100px;
	background: #fac262;
	border: 1px solid #ff9402;
	cursor: pointer;
}
#calculate input#label {
	width:16em;
	display:block;
	clear:left;
	float:left;
	margin-top:10px;
	padding:2px;
	font-weight:bold;
	border:0;
}
#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;}

#calculate dt{
  font-weight: normal;
  font-size: 13px;
}

/* TERTIARY PAGES */
/*--------------------*/ 
#no-match,
#comarketing-page,
#state-page,
#locations,
#site-map {padding:15px 10px;}

#site-map h2{
  padding: 0 0 10px 0;
}

#site-map p{
  padding: 0 0 5px 5px;
}

dt{
  font-size: 16px;
  font-weight: bold;
}

#locations #other-facilities{
  padding: 0;
}

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

#other-facilities a{
  color: #5a5a5a;
}

#other-facilities a:hover{
  color: #4c4b4b;
}

#other-facilities a:active{
  color: #7d7a7a;
}

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

#area-page{
  padding: 15px 0;
}

#area-page h2.city {
  width: 495px;
}


#area-page p.city {
  text-align:right;
  width: 395px;
  margin: 0 0 0 470px;
}

#area_map {float:right;
}

#area_map #flashmap {
	width:410px;
	height:430px;
	border:1px solid #CCC;
}

#area-page dt{
  font-size: 13px;
}

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

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

/* UNIT SIZES POP-UP
 * --------------------------------------------------------------------------*/
#unit-sizes-pop p {text-align:left; color:#4f4f4f; 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:2px solid #3a3a3d;
	vertical-align:top; 
	font-weight:normal;
	text-align:left;
}
#unit-sizes-pop table th {
	padding:.5em 1em; 
	border:2px solid #3a3a3d; 
	font-weight:bold; 
	background:#fff;
}

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

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

#footer-system, #footer-states{
  height: 20px;
  width: 500px;
  float: left;
  clear: both;
  margin: 0 0 0 5px;
}

#footer-stores{
  width: 500px;
  margin: 0 0 0 5px;
}

#footernav{
  height: 24px;
  padding: 0 0 10px 20px;
}

#footernav a{
  color: #6a6a6a;
  font-size: 12px;
}

#footernav a:hover {color: #4c4b4b; text-decoration:underline;}
#footernav a:active {color: #7d7a7a; text-decoration:underline;}

#footer ul, #footernav ul {clear:left;}

#footer li, #footernav li {float:left;}
#footer li a, #footernav li a {
	padding:0 1em;
	border-right:1px solid #ccc;
}
#footer li.last a, #footernav li.last a {border-right:none;}

#footer #other-facilities.width-full-blue, #footer-stores, #compare{
  margin: 0 0 10px 0;
  padding: 0;
  position: relative;
  float: left; 
  top: 10px;  
  left: 15px;
  text-align: left;
  clear: both;
}

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

.addthis_button {
  position: relative;
  top: -30px;
  right: 30px;
	float:right;
}

#brand {
	position:relative;
	float:right;
	display:block;
	width:213px;
	height:17px;
	line-height: 17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
	margin: 5px 10px 10px 15px;
}

#brand:hover {background-position:0 -17px;}
/* --------- /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;
}