﻿/* --------- /stylesheets/carloinc.css --------- */ 
/*
G5 Search Marketing Copyright 2009
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;}
/* /reset */

/* global settings of the site */
a {outline:none;text-decoration: none; color: #812115;} 
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #812115;font-weight:normal;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}

p, img {padding:0;margin:0;}
dt {padding-top:10px;font-weight:bold;}

a {color: #007850;text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both;}
.strong {font-weight:bold;}
.phark {display:block;text-indent:-9999px;}
.none {display:none;}

.right {float:right;}
img.right {margin:0 0 10px 20px;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}

/* LAYOUT */
/* -------------------- */

body { 
    color:#383533;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    background:#000 url(/images/bg.gif) repeat-y center;
}

#whopper {
	position:relative;
	width:925px;
	margin:0 auto;
	text-align:left;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#header,
#header a {
	display:block;
	width:925px;
	height:105px;
	text-indent:-9999px;
	background:url(/images/header_bg.jpg);
}

#nav {
	width:925px;
	height:27px;
	z-index:900;
}

#middle {
	float:left;
	width:925px;
	height:auto !important;
	height:500px;
	min-height:500px;
	background:#ede9d2;
	border-top:6px solid #000;
	border-bottom:4px solid #000;
}

#footer {
	clear:both;
	width:876px;
	height:auto !important;
	height:120px;
	min-height:120px;
	padding:4px 20px 37px 29px;
	line-height:18px;
	color:#6a5d45;
	background:url(/images/footer_bg.jpg) no-repeat;
}

#side_tagline {
	width:96px;
	height:469px;
	position:absolute;
	top:0;
	left:-101px;
}

/* NAVIGATION STYLES */
/* ------------------------ */

#nav li {
	float:left;
}

#nav li a {
	display:block;
	height:27px;
	text-indent:-9999px;
	background:url(/images/nav.png);
}

#nav li.home a {width:115px;background-position:0 0;}
#nav li.home a:hover {background-position:0 -27px;}
#nav li.find a {width:197px;background-position:-115px 0;}
#nav li.find a:hover {background-position:-115px -27px;}
#nav li.moving a {width:162px;background-position:-312px 0;}
#nav li.moving a:hover {background-position:-312px -27px;}
#nav li.about a {width:129px;background-position:-474px 0;}
#nav li.about a:hover {background-position:-474px -27px;}
#nav li.employment a {width:149px;background-position:-603px 0;}
#nav li.employment a:hover {background-position:-603px -27px;}
#nav li.contact a {width:173px;background-position:-752px 0;}
#nav li.contact a:hover {background-position:-752px -27px;}

/* Fix IE 7 */
#nav li:hover {position: static;}

/* reset some second level things */

#nav li.home ul li a,
#nav li.find ul ul li a,
#nav li.moving ul li a,
#nav li.about ul li a,
#nav li.resident ul li a,
#nav li.contact ul li a {
	width:100%;
	height:24px;
    font-size:11px;
    line-height:25px;
	text-indent:30px;
    color:#4a4131;
	background:#eeebd6;
	text-decoration:none;
	border-bottom:1px solid #7b714d;
}
#nav li.home ul li a:hover,
#nav li.find ul ul li a:hover,
#nav li.moving ul li a:hover,
#nav li.about ul li a:hover,
#nav li.resident ul li a:hover,
#nav li.contact ul li a:hover {
	color:#000;
	background:#eeebd6 url(/images/nav_bullet.gif) no-repeat 13px 8px;
}

#nav li ul { /* second-level lists */
	position:absolute;
	height:auto;
	left:-999em;
	border-top:6px solid #000;
	border-bottom:2px solid #7b714d;
	z-index:950;
}
#nav li.home ul {width:118px;}
#nav li.moving ul {width:165px;}
#nav li.about ul {width:132px;}
#nav li.resident ul {width:152px;}
#nav li.contact ul {width:176px;}

/* California resets */
#nav li.find ul {
	width:200px;
	border:none;
	margin:-27px 0 0 0;
}
#nav li.find ul ul {
	width:200px;
	position:absolute;
	height:auto;
	left:-999em;
	border-top:6px solid #000;
	border-bottom:2px solid #7b714d;
	z-index:950;
	margin:0;
}

#nav li ul li {
	height:auto;
	display:inline;
	border-left:3px solid #7b714d;
	border-right:3px solid #7b714d;
}
#nav li.home ul li {width:115px;}
#nav li.moving ul li {width:159px;}
#nav li.about ul li {width:126px;}
#nav li.resident ul li {width:146px;}
#nav li.contact ul li {width:170px;}

/* california resets */
#nav li.find ul li {
	width:194px;
	border:none;
}
#nav li.find ul ul li {
	width:194px;
	height:auto;
	display:inline;
	border-left:3px solid #7b714d;
	border-right:3px solid #7b714d;
}

#nav li ul ul,
#nav li.find ul ul ul { /* third-level lists */
	border-top-width:3px;
	margin:-28px 0 0 0;
}
#nav li.home ul ul {margin-left:115px;}
#nav li.find ul ul ul {margin-left:194px;}
#nav li.moving ul ul {margin-left:159px;}
#nav li.about ul ul {margin-left:126px;}
#nav li.resident ul ul {margin-left:146px;}
#nav li.contact ul ul {margin-left:170px;}

#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;}

/* HOME STYLES */
/* ------------------------ */

/* HOME SLIDESHOW */
#home-slideshow {
	width:714px;
	height:330px;
	float:left;
	border-right:5px solid #000;
	background:#000;
}
#home-slideshow img {
	width:714px;
	height:330px;
}

/* HOMEBUTTONS BAR */

/* search */
#search {
	position:relative;
	float:right;
	width:206px;
	height:85px;
	background:url(/images/homeButtons.jpg);
	border-bottom:2px solid #000;
}

div#search input {vertical-align: middle; text-indent: 2px;}
div#search  #zip {
	position:absolute;
	left:54px;
	top:43px;
    width: 89px;
    height: 20px;
	padding:0;
	font-size:13px;
	font-weight:bold;
	text-indent:2px;
	line-height:12px;
	color:#cfc7a8;
	border:0;
	background:none;
}
div#search input#go-button {
    position: absolute;
    left: 150px;
    top: 43px;
    width: 25px;
    height: 20px;
    text-indent: -9999px;
    background:url(/images/homeButtons.jpg) -150px -43px;
}
div#search input#go-button:hover {background-position: -356px -43px;}

/* locationNav */
#locationNav {
	float:right;
	z-index:800;
	height:72px;
	overflow-y:hidden;
}

#locationNav ul {z-index:810;}

#locationNav li a {
	display:block;
	width:206px;
	height:70px;
	text-indent:-9999px;
	background:url(/images/homeButtons.jpg) 0 -87px;
	border-bottom:2px solid #000;
	z-index:850;
}
#locationNav li a:hover {background-position:-206px -87px;}

/* Fix IE 7 */
#locationNav li:hover {position: static;}

/* reset some second level things */
#locationNav li ul {
	margin-top:-72px;
}

#locationNav li ul ul {
	position:absolute;
	width:600px;
	height:auto;
	left:-999em;
	border:2px solid #7b714d;
	border-right:3px solid #7b714d;
	border-top:3px solid #7b714d;
	margin:-72px 0 0 -456px;
	background:#eeebd6;
}

#locationNav li ul ul li {
	float:left;
	width:200px !important;
	width: 198px;
	height:auto;
	display:inline;
}

#locationNav li ul ul li a {
	width:200px !important;
	width: 198px;
	height:24px;
    font-size:11px;
    line-height:25px;
	text-indent:30px;
    color:#4a4131;
	background:#eeebd6;
	text-decoration:none;
	border:1px solid #7b714d;
	border-top:none;
	border-collapse:collapse;
}
#locationNav li ul ul li.last a {}
#locationNav li ul ul li a:hover {
	color:#000;
	background:#eeebd6 url(/images/nav_bullet.gif) no-repeat 13px 8px;
}

#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;}

/* locationMap */
a#locationMap {
	display:block;
	float:right;
	width:206px;
	height:69px;
	text-indent:-9999px;
	background:url(/images/homeButtons.jpg) 0 -159px;
	border-bottom:2px solid #000;
}
a#locationMap:hover {background-position:-206px -159px;}

/* homePhone */
#homePhone {
	float:right;
	width:206px;
	height:100px;
	text-indent:-9999px;
	background:url(/images/homeButtons.jpg) 0 -230px;
}

/* HOMETEXT */
#homeText {
	position:relative;
	clear:both;
	border-top:4px solid #000;
	width: 890px !important; 
	width: 636px; /* IE6 is retarded */
	height:auto !important;
	height:239px;
	min-height:239px;
	line-height:24px;
	padding:23px 0 0 289px; /*add 254 */
}

#homeText h1,
#homeText h2,
#homeText h3,
#homeText h4,
#homeText h5,
#homeText h6 {
	font-weight:normal;
	width:540px;
	line-height:30px;
}

#homeText h1,
#homeText h2 {font-size:18px;}

#homeText p {
	padding-bottom:12px;
	font-size:14px;
	width:540px;
}

/* homePreference */
#homePreference {
width:254px;
height:213px;
position:absolute;
top:25px;
left:0;
}

#homePreference li.header {
	width:254px;
	height:21px;
	text-indent:-9999px;
	background:url(/images/homePreference.png) no-repeat 0 1px;
}

#homePreference li a {
	display:block;
	width:254px;
	height:46px;
	margin-top:2px;
	text-indent:-9999px;
	background:url(/images/homePreference.png) no-repeat;
}

#homePreference li.luxury a {background-position:0 -23px;}
#homePreference li.quality a {background-position:0 -71px;}
#homePreference li.value a {background-position:0 -119px;}
#homePreference li.special a {background-position:-254px -167px;}

#homePreference li.luxury a:hover {background-position:-254px -23px;}
#homePreference li.quality a:hover {background-position:-254px -71px;}
#homePreference li.value a:hover {background-position:-254px -119px;}
#homePreference li.special a:hover {background-position:-254px -167px;}

/* CORPORATE TYPOGRAPHY */
/* ------------------------ */

#editor-content {
	line-height:20px;
}

#editor-content h1,
#editor-content h2,
#editor-content h3,
#editor-content h4,
#editor-content h5,
#editor-content h6 {
	width:520px;
	line-height:30px;
}

#editor-content h1,
#editor-content h2 {font-size:18px;}

#editor-content p {
	padding-bottom:12px;
	font-size:12px;
	width:520px;
}

#editor-content strong {
	color:#812115;
	font-size:14px;
	font-weight:normal;
}

#editor-content ol,
#editor-content ul {
	padding-bottom:20px;
	font-size:14px;
	width:540px;
}
#editor-content li {
	padding-bottom:5px;
}

#editor-content img {
	border:1px solid #cdc4b7;
}

#editor-content img.level {
	position:absolute;
	top:157px;
	right:20px;
}

/* FACILITY STYLES */
/* ------------------------ */

body.facility_page #middle {
	background:#f5f1de url(/images/facility_middle_bg.gif) repeat-y;
}

/* FACLEFT */
#facLeft {
	width:312px;
	float:left;
}

/* address */
#address {
	width:312px;
	height:auto !important;
	height:134px;
	min-height:134px;
	padding-top:17px;
	text-indent:45px;
	background:url(/images/address_bg.png);
}

#address li {
	font-size:14px;
	line-height:18px;
	color:#383533;
}
#address .name {
	font-size:20px;
	font-weight:normal;
	color:#812115;
}
#address .location {
	font-size:12px;
	line-height:16px;
	padding-bottom:6px;
	font-style:italic;
	color:#812115;
}
#address .driving-directions a {
	font-size:12px;
	color:#812115;
}
#address .phone {
	font-size:24px;
	line-height:36px;
	color:#443c2c;
}

/* ccp */
#ccp li a {
	display:block;
	width:299px;
	height:77px;
	margin-top:3px;
	padding-left:13px;
	text-indent:-9999px;
	background:url(/images/ccp_bg.jpg);
}

#ccp li.coupon a {
	height:60px;
	background-position:0 -3px;
	text-indent:0;
	text-align:center;
	color:#f5f1de;
	font-size:20px;
	padding-top:17px;
}
#ccp li.coupon .bottom {
	display:block;
	font-size:14px;
	color:#dad8c5;
}
#ccp li.information a {background-position:0 -83px;}
#ccp li.tour a {background-position:0 -163px;}

#ccp li.coupon a:hover {background-position:-312px -3px;text-decoration:none;}
#ccp li.information a:hover {background-position:-312px -83px;}
#ccp li.tour a:hover {background-position:-312px -163px;}

/* facImages */
#facImages {margin-bottom:33px;}
#facImages img {
	width:244px;
	margin:33px 0 0 33px;
	border:1px solid #cdc4b7;
}

/* FACRIGHT */
#facRight {
	position:relative;
	width:610px;
	float:right;
}

/* luxury-level */
#luxury-level {
	display:block;
	width:159px;
	height:28px;
	float:right;
	text-indent:-9999px;
}

#luxury-level.one {background:url(/images/lux_1.png);}
#luxury-level.two {background:url(/images/lux_2.png);}
#luxury-level.three {background:url(/images/lux_3.png);}

#luxury-level:hover {background-position:0 -28px;}

/* slideshow */
#slideshow {
	width:607px;
	height:328px;
	margin-top:28px;
	border:3px solid #000;
	border-right:none;
	background:#000;
}

/* facNav */
#facNav {
	width:574px;
	height:29px;
	background:#466389;
	padding-left:36px;
}

#facNav li {
	float:left;
	cursor:pointer;
	margin:7px 21px 0 0;
	padding-right:21px;
	font-size:14px;
	color:#f5f1de;
	border-right:1px solid #263f5f;
}
#facNav li:hover {
	text-decoration:underline;
}
#facNav li.last {
	padding-right:0;
	margin-right:0;
	border:none;
}

#facNav li#virtual a {
	position:absolute;
	top:3px;
	left:0;
	width:126px;
	height:22px;
	margin:0;
	text-indent:-9999px;
	background:url(/images/virtual_tour.png);
}
#facNav li#virtual a:hover {background-position:0 -22px;}

/* virtual coming soon pop up */
body#coming-soon {
	background:#000;
	padding:70px 20px;
	color:#fff;}
}
body#coming-soon h1 {color:#be3c29;}

/* SLICE TOPOGRAPHY */

#accordion h1,
#accordion h2,
#accordion h3,
#accordion h4,
#accordion h5,
#accordion h6 {
	font-weight:normal;
	line-height:24px;
}

#accordion h1,
#accordion h2,
#accordion h3,
#accordion h4 {
	font-size:18px;
	line-height:30px;
}

#accordion {
	font-size:14px;
	line-height:18px;
}

#accordion ul,
#accordion dl,
#accordion p {
	padding-bottom:28px;
}

/* ELEMENTS & SLICES */
.slice {
	width:564px;
	margin-top:2px;
	padding:23px;
	background:url(/images/fac_element_bg.gif) repeat-x;
}

/* welcome */
#welcome {line-height:24px;}

#welcome h1 {font-size:18px;}
#welcome h2 {font-size:18px;}
#welcome h3 {font-size:17px;}
#welcome h4 {font-size:16px;}
#welcome h5 {font-size:15px;}
#welcome h6 {font-size:14px;}

#welcome p {padding-right:20px;}

#welcome hr {
	background-color:#cdc4b7;
	height:1px;
	width:544px;
	border:none;
	margin:5px auto 10px 0;
}

/* floor plans */
#floorplan {
	clear:both;
	width:100%;
	text-align:center;
	border-top:1px solid #ccc5b5;
	border-bottom:1px solid #ccc5b5;
	margin-bottom:15px;
}

tr.floorplan {border-bottom:1px solid #ccc5b5;}

th {
	color:#6c644d;
	text-transform:uppercase;
	font-size:10px;
	line-height:20px;
	text-align:center;
}

td {line-height:30px;}
td a {color:#ae3f38;}

/* features */

/* neighborhood */

#cont_neighborhood p {
	margin:10px 0 0 0;
	padding:0;
}

#cont_neighborhood p strong {
	display:block;
	padding-top:10px;
	color:#812115;
	font-weight:normal;
	font-size:18px;
}

#cont_neighborhood ul {
	margin:0;
	padding:0;
}


/* location */
#facility-list {z-index:600;}

#map {
	position:absolute;
	top:200px;
	right:20px;
	width:506px;
}
body.facility_page #map {
	position:relative;
	top:0;
	right:0;
}
#flashmap {
	float:right;
	width:504px;
	height:411px;
	border:1px solid #cdc4b7
}
body.facility_page #flashmap {
	float:none;
	width:542px;
	height:411px;
	border:1px solid #cdc4b7
}
#map h2 {
	float:right;
	width:504px;
	padding-bottom:5px;
}

/* TERTIARY PAGE STYLES */
/* -------------------- */

body.interior #middle {
	padding:25px 35px;
	width:855px;
}

#state-page,
#site-map {line-height:18px;}

#state-page dl {padding-top:18px;}

#site-map h2 {padding-bottom:10px;}

/* Area Page Styles */
/* -------------------- */

h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

#area_map {
    position: relative;
    float: right;
    width: 500px;
    padding: 0 0 35px 0;
}
#area_map h2 {
	padding-bottom:5px;
}
#area_map #flashmap {
    width: 500px;
    height: 450px;
	border:1px solid #cdc4b7;
}

.facility-summary {
	float:left;
	clear:left;
    width: 325px;
    margin: 16px 0 0 0; 
	border-bottom: 1px solid #cdc4b7;
    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 */
/*--------------------*/

#facility-name {display:none;}

#driving-directions {line-height:24px;}
#driving-directions #address {
	padding:18px 0 0 0;
	text-indent:0;
	background:none;
	width:auto;
}

#driving_map {
	clear:both;
    position: relative;
}
#driving_map h2 {
	padding:0 0 10px 0;
}
#driving-directions #flashmap {
    position: relative;
    width: 850px;
    height: 400px;
	border:1px solid #cdc4b7;
}

#driving-text {padding:18px 0 0 0;clear:both;}
#driving-text h1 {font-size:18px;}
#driving-text h2 {display:none;}
#driving-text p {padding-top:10px;}

#driving-link {display:none;}

/* FOOTER STYLES */
/* ------------------------ */

#footer a {color:#6a5d45;}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color:#6a5d45;
	font-size:12px;
}

#footer #footer-stores,
#footer #footer-stores-home {
	width:auto !important;
	width:419px;
	min-width:419px;
	position:absolute;
	right:20px;
	margin:30px;
	padding:70px 0 30px 0;
	text-align:right;
	background:url(/images/footer_img.jpg) no-repeat right top;
}
#footer #copy {font-weight:bold;}

body.home #footer #footer-stores {display:none;}

#footerNav {width:650px;height:30px;}

#footer li {
	float:left;
	font-size:11px;
}
#footer li a {
	padding-right:10px;
	margin-right:6px;
	color:#4c4331;
	background:url(/images/footer_bullet.gif) no-repeat right;
}
#footer #footerNav li.last a,
#footer #footer-states li.last a {
	background:none;
}

#footer #compare,
#footer #other-facilities {
	padding-top:30px;
}

#sharethis {float:right;padding:2px 20px 3px 35px;font-weight:bold;background:url(/images/sharethis_bg.gif) no-repeat;}
#sharethis a {color:#160d08;}
/* --------- /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;
}


