/*
G5 Search Marketing Copyright 2009
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:#575757;}
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:#ff660a;text-decoration:none;}
a:hover {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;font-weight:bold;}

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

body {
	position:relative;
	color:#575757;
	text-align:center;
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	background:#74a4d7 url(/images/bg.jpg) repeat-x;
}

#whopper {
	width:950px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
}

#header {
	position:relative;
	width:100%;height:130px;
	z-index:900;
}

#middle {
	position:relative;
	min-height:450px;height:auto !important;height:450px;
	margin:20px 0 0 0;
	padding:30px;
	background:#fff url(/images/middle-top-bg.gif) no-repeat;
}
#middle-bottom {
	width:950px;height:7px;
	margin-bottom:13px;
	background: url(/images/middle-bottom-bg.gif) no-repeat;
	overflow:hidden;
}
	
/* home middle */
body.home #middle {
	margin-top:288px;
	padding:0;
	background:#ff660a url(/images/middle-top-bg-home.gif) no-repeat;
	min-height:180px;height:auto !important;height:180px;
}
body.home #middle-bottom {background-image:url(/images/middle-bottom-bg-home.gif);}

/* facility middle */
body.facility #middle {padding:11px;}


#footer {
	position:relative;
	width:898px;
	padding:0 26px 20px 26px;
	background:url(/images/footer-bg.png) no-repeat 26px 26px;
}

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

#logo {
	float:left;
	display:block;
	width:223px;
	height:83px;
	text-indent:-9999px;
	background:url(/images/logo.png);
}

#header a.pay-online {
	margin:23px 4px 0 0;
	float:right;
	display:block;
	width:269px;height:26px;
	text-indent:-9999px;
	background:url(/images/pay-online.png);
}
#header a.pay-online:hover {background-position:0 -26px;}

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

#nav {
	float:right;
	width:629px;height:59px;
}

#nav li {float:left;}

#nav li a.top-level {
	display:block;
	margin-top:18px;
	width:90px;height:41px;
	text-indent:-9999px;
	background:url(/images/nav.png);
}

#nav li.locations a.top-level {background-position:0 0;}
#nav li.solutions a.top-level {background-position:-90px 0;}
#nav li.tool a.top-level {background-position:-180px 0;}
#nav li.specials a.top-level {background-position:-270px 0;}
#nav li.news a.top-level {background-position:-360px 0;}
#nav li.about a.top-level {background-position:-450px 0;}
#nav li.contact a.top-level {width:89px;background-position:-540px 0;}

#nav li.locations a.top-level:hover {background-position:0 -41px;}
#nav li.solutions a.top-level:hover {background-position:-90px -41px;}
#nav li.tool a.top-level:hover {background-position:-180px -41px;}
#nav li.specials a.top-level:hover {background-position:-270px -41px;}
#nav li.news a.top-level:hover {background-position:-360px -41px;}
#nav li.about a.top-level:hover {background-position:-450px -41px;}
#nav li.contact a.top-level:hover {width:89px;background-position:-540px -41px;}

/* Second Level */
.nav li ul {
	position:absolute;
	width:225px;
	left:-999em;
	border:1px solid #fff;
	border-bottom:none;
}
.nav li.news ul {width:100px;}
.nav li.news ul ul {width:225px;}

.nav li ul li {
	height:auto;
	display:inline;
}

.nav li ul li a {
	display:block;
	width:225px;height:29px;
	line-height:29px;
	text-indent:10px;
	font-weight:bold;
	color:#fff;
	background:#002dab;
	text-decoration:none;
	border-bottom:1px solid #fff;
}
.nav li.news ul li a {width:100px;}
.nav li.news ul ul li a {width:225px;}
.nav li ul li a:hover {background:#000653;}

/* Third Level */
.nav li ul ul {margin:-31px 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 7 */
.nav li:hover {position:static;}

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

/* Slideshow */
#slideshow-home {
	position:absolute;
	top:-288px;right:0;
	background:#fff;
}

#slideshow-home,
#slideshow-home img,
#slideshow-home-border {width:633px;height:278px;}

#slideshow-home-border {
	position:absolute;
	top:0;right:0;
	width:633px;
	background:url(/images/slideshow-home-border.gif);
	z-index:400;
}

/* Home Buttons */
#homeButtons {
	width:308px;height:278px;
	position:absolute;
	top:-288px;left:0;
	background:#fff url(/images/homeButtons-bg.png);
	z-index:600;
}

/* locationNav */
#locationNav {margin:57px 0 0 19px;}
#locationNav a.top-level {
	display:block;
	width:89px;height:24px;
	text-indent:-9999px;
	background:url(/images/homeButtons-bg.png) 0 -278px;
}
#locationNav a.top-level:hover {background-position:-89px -278px;}

/* search */
#zip {
	position:absolute;
	top:195px;left:22px;
	width:166px;height:22px;
	line-height:22px;
	text-indent:6px;
	border:none;
}

#go-button {
	position:absolute;
	top:228px;left:19px;
	display:block;
	width:97px;height:24px;
	background:url(/images/homeButtons-bg.png) 0 -302px;
	text-indent:-9999px;line-height:100px;
	border:none;
	cursor:pointer;
	overflow:hidden;
}
#go-button:hover {background-position:-97px -302px;}

/* HomeCont */
#homeCont {padding:19px 19px 0 19px;}

#homeCont li {float:left;width:228px;padding-bottom:15px;}
#homeCont li a {
	display:block;
	width:228px;height:119px;
	text-indent:-9999px;
	background:url(/images/learn-more-bg.jpg);
}
#homeCont li.self a {background-position:0 0;}
#homeCont li.business a {background-position:-228px 0;}
#homeCont li.mobile a {background-position:-456px 0;}
#homeCont li.specialty a {background-position:-684px 0;}

/* homeText */
#homeCont h1,
#homeCont p {
	display:inline;
	color:#fff;
	line-height:23px;
	font-size:15px;
}
#homeCont h1 {padding-right:5px;}

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

/* Breadcrumbs, Printer */

/* breadcrumbs styles */
#trail {
	position:absolute;
	top:-20px;left:11px;
	font-size:11px;
	color:#fff;
}
#trail a {text-decoration:underline;color:#fff;}

/* printer & direction styles */
#facility-name {float:right;}
#facility-name ul li {
	position:absolute;;
	top:-20px;right:11px;
	font-size: 11px;
	line-height: 18px;
	color:#fff;
	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;}

/* Address */
div.vcard {
	width:430px;
	height:auto !important;height:90px;min-height:90px;
	float:left;
	padding:6px 0 0 10px;
	line-height:19px;
	font-weight:bold;
}

div.vcard h1 {font-size:18px;color:#002eab;}
div.vcard a {padding-left:14px;text-decoration:underline;}
div.vcard a.nopad {padding-left:0;text-decoration:underline;}

/* Special */
#special {
	width:409px;height:53px;
	padding:40px 20px 0 20px;
	float:left;clear:left;
	font-size:29px;
	text-align:center;
	font-weight:bold;
	color:#002eab;
	background:url(/images/facility-sprite.png);
}
#special:hover {background-position:0 -471px;text-decoration:none;}

#special .medium {font-size:22px;}
#special .small {font-size:18px;}

#special .top,
#special .bottom {
	display:block;
	position:relative;
	top:-5px;
}
#special .top {font-size:22px;}
#special .bottom {top:-10px;font-size:16px;}

#special .color1 {color:#fff;}
#special .color2 {color:#abb3b6;}

/* CCP */
#ccp {
	float:right;
	width:473px;height:192px;
}

#ccp li {
	width:234px;height:93px;
	padding-bottom:3px;
}
#ccp li.call {
	padding-top:48px;
	height:45px;
	font-size:23px;
	text-align:center;
	font-weight:bold;
	color:#002eab;
	background:url(/images/facility-sprite.png) 0 -93px;
}

#ccp li a {
	display:block;
	width:234px;height:93px;
	text-indent:-9999px;
	background:url(/images/facility-sprite.png);
}

#ccp li.coupon a {background-position:-239px -93px;}
#ccp li.quote a {background-position:0 -189px;}
#ccp li.reserve a {background-position:-239px -189px;}

#ccp li.coupon a:hover {background-position:-239px -282px;}
#ccp li.quote a:hover {background-position:0 -378px;}
#ccp li.reserve a:hover {background-position:-239px -378px;}

/* Slideshow */
#slideCont {
height: 470px;	
width: 449px;
}

#slideshow-wrap {float:left;width:449px;position:relative;}
#slideshow {width:449px;height:333px;}
#slideshow img,
#slideshow-border {
	width:433px;height:317px;
	padding:8px;
}
#slideshow-border {
	position:absolute;
	top:0;left:0;
	background:url(/images/fac-img-border.gif);
	z-index:300;
}

/* slideshow links */
#slideshow-links {
float: left;
clear: left;
}

#slideshow-links {width:449px;}
#slideshow-links li {width:219px;}
#slideshow-links li a {
	display:block;
	width:219px;height:63px;
	text-indent:-9999px;
	background:url(/images/facility-sprite.png);
}

#slideshow-links li.tour a {background-position:0 -669px;}
#slideshow-links li.chat a {background-position:-230px -669px;}

#slideshow-links li.tour a:hover {background-position:0 -732px;}
#slideshow-links li.chat a:hover {background-position:-230px -732px;}

#facshare {
margin: 20px 0 20px 8px;
float: left;
}
#corpshare {
margin: 10px 0 5px 0;
float: right;
}

/* Accordion */
body.facility #accordion {
	float:right;
	width:473px;
}

body.facility #accordion .toggler {
	display:block;
	width:100%;height:42px;
	line-height:42px;
	font-weight:bold;
	font-size:16px;
	text-indent:48px;
	color:#fff;
	background:url(/images/facility-sprite.png) 0 -564px;
	cursor:pointer;
}
body.facility #accordion .toggler:hover {background-position:0 -795px;}

/* accordion typography */
#accordion .pane {padding:10px 20px;line-height:19px;}

#accordion .pane h2,
#accordion .pane h3,
#accordion .pane span {
	color:#002eab;
	font-size:18px;
	padding-bottom:10px;
}

#accordion .pane p {padding-bottom:19px;}

/* events */
#accordion #calendar_events h2 {display:none;}
#accordion #calendar_events h3 {
	clear:both;
	font-size:14px;
}
#calendar_events .event_container {
	float:left;
	padding-bottom:12px;
}

#calendar_events .th {
	font-weight:bold;
	float:left;
	clear:both;
	width:80px;
	padding-right:20px;
}
#calendar_events .td {
	float:left;
	width:300px;
}

/* Map & Driving Directions */
#flashmap {
	width:909px;height:341px;
	border:1px solid #abb3b6;
}

#mapWrap {
	width:911px;height:343px;
	padding:8px;
	margin-bottom:33px;
	background:url(/images/mapWrap-bg.png);
}

#map-directions {line-height:19px;clear:both;}
#map-directions h2 {
	color:#002eab;
	font-size:18px;
	padding:0 0 14px 7px;
}
#map-directions p {padding:9px 0 0 7px;}
#map-directions ul {padding:9px 0 0 7px;margin-left:22px;list-style:disc;}

/* INTERIOR PAGE, TYPOGRAPHY */
/* -------------------- */

/* layout */
#col1 {
	width:532px;
	float:left;
	line-height:19px;
}

#col2 {
	width:339px;
	float:right;
	position:relative;
	right:-6px;top:-6px;
}

/* typography */
#col1 h1 {
	width:532px;height:54px;
	margin-bottom:21px;
	line-height:54px;
	font-size:18px;
	color:#fff;
	text-indent:26px;
	background:#ff660a url(/images/h1-bg.png);
}

#col1 h2 {
	color:#002eab;
	font-size:16px;
	padding-bottom:10px;
}

#col1 h3 {
	text-transform:uppercase;
	font-size:14px;
}

#col1 p,
#col1 ul,
#col1 ol,
#col1 table {padding-bottom:19px;}

#col1 ul,
#col1 ol {
	margin-left:20px;
	list-style:disc;
	color:#6d8eb5;
	font-weight:bold;
}
#col1 ol {list-style:decimal;}

/* col2 */
#col2 img {padding:8px;}
#col2 #img-border {
	padding:0;
	width:339px;height:333px;
	position:absolute;
	top:0;left:0;
}

/* quote */
#p_col2_middle {padding-top:22px;}
#p_col2_middle p {
	width:220px;
	float:right;
	clear:right;
	font-family:georgia,times new roman,times,serif;
	padding:0 21px 21px 0;
	line-height:21px;
	font-size:14px;
	color:#ff660a;
	text-align:right;
}
#p_col2_middle p cite {
	font-size:12px;
	font-style:italic;
	color:#6b8bb3;
}


#studentStorage ul li a {color:#6D8EB5}
#studentStorage ul li a:hover {color:#FF660A; text-decoration:underline}

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

/* shadowbox gallery */
#photo_gallery ul {margin-left:0;list-style:none;}
#photo_gallery li {
	float:left;
	margin:0 10px 4px 0;
}

/* alliance page */
div.partner {
	float:left;
	width:46%;
	padding:10px 4% 0 0;
	height:160px;
}

/* Reservation */

/* reservation page */

div.reservation {
	position:relative;
	top:-19px;left:-15px;
	line-height:19px;
}

div.reservation .vcard {padding-left:5px;position:absolute;top:0;left:0;z-index:200;}
div.reservation .vcard h1 {padding-bottom:2px;}
div.reservation .vcard .tel {font-weight:bold;}

div.reservation p strong a {text-decoration:underline;}
div.reservation h4 {
	clear:both;
	padding:13px 0 18px 3px;
	font-size:18px;
	color:#ff660a;
}

p.whatSize {
	position:absolute;
	top:164px;left:705px;
	width:219px;
}
p.whatSize a {
	position:absolute;
	width:219px;height:63px;
	text-indent:-9999px;
	background:url(/images/whatSize.png);
}
p.whatSize a:hover {background-position:0 -63px;}

/* accordion */
div.reservation #accordion {padding-top:96px;clear:both;position:relative;}

/* accordion toggles */
div.reservation #accordion .toggler {
	display:block;
	width:696px;height:42px;
	margin-top:3px;
	line-height:42px;
	font-weight:bold;
	font-size:16px;
	text-indent:48px;
	color:#fff;
	background:url(/images/reservation-cat.png);
	cursor:pointer;
}
div.reservation #accordion .toggler:hover {background-position:0 -42px;}

/* accordion tables */
#prices table {
	margin:0 0 15px 20px;
	width:656px;
}

#prices th,
#prices td {
	padding-left:12px;
	height:43px;
	line-height:43px;
	font-size:11px;
	border-bottom:1px solid #575757;
}
#prices th {font-size:14px;color:#375189;font-weight:bold;}
#prices tr.even td {background:#ffefe6;}}

#prices td.tdSize {width:140px;}
#prices td.tdDesc {width:182px;}
#prices td.tdBttn {width:134px;}

#prices td a {
	display:block;
	width:122px;height:38px;
	text-indent:-9999px;
	background:url(/images/reserve-it.png);
}
#prices td a:hover {background-position:0 -38px;}
#prices .odd td a {background-position:-122px 0;}
#prices .odd td a:hover {background-position:-122px -38px;}

/* form */
#formWrapper h3 {color:#002eab;}
form.cmxform {padding-top:10px;}
body form.cmxform fieldset li {padding-left:0;}

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

#calculate {
	width:100%;
	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 #abb3b6;
}

#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;}

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

/* site map */
#site-map h2,
#site-map h3 {font-size:160%;padding-bottom:10px;}
#middle #other-facilities {padding-top:20px;}

/* associates */
#site-map h4 {
	font-weight:normal;
	font-size:12px;
}

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

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

#area_map {float:right;}

#area_map #flashmap {
	width:467px;
	height:430px;
	border:1px solid #abb3b6;
}

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

.facility-summary {
	margin:16px 0; 
	clear:both;
	border-bottom:1px solid #abb3b6;
}
.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;}

/* 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:1px solid #ff660a;
	vertical-align:top; 
	font-weight:normal;
	text-align:left;
}
#unit-sizes-pop table th {
	padding:.5em 1em; 
	border:1px solid #ff660a; 
	color:#002eab;
	font-weight:bold; 
	background:#fff;
}

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

#footer,
#footer a,
#footer h2 {
	color:#fff;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
}
#footer h2 {
	font-size:12px;
	padding:20px 0 0 0;
}

#footer ul,
#footer #footer-states ul {width:auto;display:inline;clear:both;float:right;}
#footer li {float:left;line-height:20px;}
#footer .rf ul {width:100%;}
#footer .rf li {float:right;}

#footer li a,
#footer .rf li.last a {
	padding-right:7px;margin-right:7px;
	border-right:1px solid #fff;
}
#footer li.last a {border-right:none;padding-right:0;margin-right:0;}
#footer .rf li.first a {border-right:none;padding-right:0;margin-right:0;}

/* copy */
#copy {
	position:absolute;
	top:0;left:26px;
	line-height:20px;
}

/* footer text */
#footer-stores {
	clear:both;
	float:right;
	text-align:right;
	padding-top:10px;
}

/* share */
#footer #share {
	clear:both;
	float:right;
	padding:20px 0 0 0;
}

/* compare, other-fac */
#footer #compare,
#footer #other-facilities {
	clear:both;
	float:right;
	width:50%;
	text-align:right;
}

/* signature */
#brand {
	clear:both;
	float:right;
	margin:20px 0;
	display:block;
	width:213px;
	height:17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
}
#brand:hover {background-position:0 -17px;}

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