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

/* 
******** =colors *********
#4f4f4f - Grey (Header Text, Text)
#578193 - Blue (Header Text)
#9b877c - Grey (Footer)
#7d5044 - Red (Links)
*/

/* 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 */
/* -------------------- */
body {font:normal 12px Georgia,"Times New Roman",Times,serif; color:#4f4f4f;}

h1,h2,h3,h4,h5,h6{color:#4f4f4f; font-weight:normal}
h1 {font-size:200%;}
h2 {font-size:140%; font-weight:bold; color:#578193;}
h3 {font-size:140%; font-weight:bold;}
h4, .h4text {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:100%;}

h1 {padding-bottom:1em; font-style:italic;}
p {padding-bottom:1em;}
.no-padding {padding:0;}

a {color:#446c82;text-decoration:underline;}
a:hover {text-decoration:underline;}

.clear {clear:both;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
.none {display:none;}
.external {padding-right:14px;background:url(/images/external-link-icon.gif) no-repeat right top;}
.block {display:block;}

.right {float:right;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}
img.right {
	margin:0 0 10px 20px;
	background:url(/images/photo_frame_store.gif) no-repeat;
	padding:15px 12px 14px 15px;
}
img.left {
	margin:0 20px 10px 0;
	/*background:url(/images/photo_frame_store.gif) no-repeat;
	padding:15px 12px 14px 15px;*/
}

dt {font-weight:bold;padding-top:10px;}

#editor-content li, ul.offerings li {color:#578193; line-height:22px; font-weight:bold; font-size:90%;}
#editor-content li li, ul.offerings li li {font-size:100%;}
#editor-content ul, #editor-content ol, ul.offerings {padding-bottom:1.25em; padding-top: .5em; font-family:arial,helvetica,sans-serif;}
#editor-content ol {list-style:decimal;}
#editor-content ul, ul.offerings {list-style:disc;}
#editor-content li, ul.offerings li {margin-left:15px; padding:0;}
#editor-content li a, ul.offerings li a {text-decoration:underline; font-weight:bold;}
#editor-content p, #home-btm p, #p_content1 {line-height:22px;}


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

html {
	background:color:#fff;
	height:100%;
}

body {
	position:relative;
	text-align:center;
	margin:0 auto;
	height:100%;
}
body.store-orange {background:#a2531b;}
body.store-blue {background:#4f7a8f;}
body.store-gold {background:#ad9231;}
body.store-green {background:#6b8749;}

#whopper {
	position:relative;
	width:955px;
	text-align:center;
	margin:0 auto;
	background:url(/images/corporate_bg_slice.jpg) repeat-y;
}
.store-orange #whopper {background:url(/images/store_bg_orange.jpg) repeat-y;}
.store-blue #whopper {background:url(/images/store_bg_blue.jpg) repeat-y;}
.store-gold #whopper {background:url(/images/store_bg_gold.jpg) repeat-y;}
.store-green #whopper {background:url(/images/store_bg_green.jpg) repeat-y;}

#header {
	position:relative;
	margin:0;
	padding:0;
	width:955px;
	height:110px;
	background:url(/images/corporate_header_sprite.jpg) no-repeat;
	z-index:900;
}
.store-orange #header, .store-blue #header, .store-green #header, .store-gold #header {height:150px;}
.store-orange #header {background:url(/images/store_hdr_orange.jpg) no-repeat;}
.store-blue #header {background:url(/images/store_hdr_blue.jpg) no-repeat;}
.store-gold #header {background:url(/images/store_hdr_gold.jpg) no-repeat;}
.store-green #header {background:url(/images/store_hdr_green.jpg) no-repeat;}

#middle {
	width:955px;
	margin:0;
	padding:0 0 18px 0;
	background:url(/images/corporate_footer_bg.jpg) left bottom no-repeat;
	text-align:left;
}
.store #middle {padding:0;}
.store-orange #middle {background:url(/images/store_ftr_orange.jpg) left bottom no-repeat;}
.store-blue #middle {background:url(/images/store_ftr_blue.jpg) left bottom no-repeat;}
.store-gold #middle {background:url(/images/store_ftr_gold.jpg) left bottom no-repeat;}
.store-green #middle {background:url(/images/store_ftr_green.jpg) left bottom no-repeat;}

#middleWrapper {/*955px*/
	position:relative;
	margin:0;
	padding:65px 55px;
	width:845px;
	height:407px;
	height:auto !important;
	min-height:407px;
	background:url(/images/corporate_interior_bg.jpg) no-repeat;
	z-index:100;
}
.home #middleWrapper {
	margin:0;
	padding:0;
	width:955px;
	height:537px;
	height:auto !important;
	min-height:537px;
	background:url(/images/corporate_home_bg.jpg) no-repeat; 
}
.store #middleWrapper {
	margin:0; 
	padding:0; 
	width:955px;
	height:557px;
	height:auto !important;
	min-height:557px;
}
.store-orange #middleWrapper {height:714px;}
.store-orange #middleWrapper {background:url(/images/store_middle_orange.jpg) no-repeat;}
.store-blue #middleWrapper {background:url(/images/store_middle_blue.jpg) no-repeat;}
.store-gold #middleWrapper {background:url(/images/store_middle_gold.jpg) no-repeat;}
.store-green #middleWrapper {background:url(/images/store_middle_green.jpg) no-repeat;}

#footer {/*955px*/
	width:955px;
	margin:0;
	padding:0 10px 20px 10px;
	background-color:#fff;
	text-align:left;
}

.store-orange #footer {background:#a2531b;}
.store-blue #footer {background:#4f7a8f;}
.store-gold #footer {background:#ad9231;}
.store-green #footer {background:#6b8749;}

#col1 {
	position:relative;
	width:500px;
	margin:0;
	padding:0;
	float:left;
}
.store #col1 {/* 610px */
	width:567px;
	padding:0 43px 30px 0;
	padding-right:43px;
	float:right;
}
#col2 {
	position:relative;
	width:273px;
	margin:0;
	padding:0;
	float:right;
}
.store #col2 {
	width:273px;
	float:left;
	padding:60px 0 40px 53px;
	height:450px;
	height:auto !important;
	min-height:450px;
}

/***** =header *****/
#logo a {
	position:absolute;
	top:20px;
	left:30px;
	width:194px;
	height:84px;
	display:block;
	text-indent:-9999px;
}

/***** =font-size *****/
#fontSwitch {
	position:absolute;
	top:31px;
	left:667px;
	width:97px;
	height:10px;
	overflow:hidden;
}
.store #fontSwitch {
	position:relative;
	left:40px;
	top:0;
	padding:20px 0;
}

/* font switcher */
#font-select {
	width:97px;
	height:10px;
	text-indent:-9999px;
	background:url(/images/corporate_header_sprite.jpg) -667px -31px no-repeat;
}

#fontSwitch input {
	border:none;
	background:none;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:10px;
	height:10px;
}
#fontSwitch input:hover {cursor:pointer;}
#fontSwitch input.increase {margin-left:76px;}
#fontSwitch input.decrease:hover {
	background:url(/images/corporate_header_sprite.jpg) -667px -141px no-repeat;
}
#fontSwitch input.increase:hover {
	background:url(/images/corporate_header_sprite.jpg) -753px -141px no-repeat;
}

/***** =nav *****/
#nav {
	position:absolute;
	top:79px;
	left:262px;
	width:662px;
	height:31px;
	list-style:none;
	float:left;
	z-index:999;
}

#nav-locations {
	position:absolute;
	top:105px;
	left:759px;
	width:151px;
	height:32px;
}
#nav-locations li a {
	width:151px;
	height:32px;
	display:block;
	text-indent:-9999px;
}
#nav-locations li a:hover {background:url(/images/btn_our_communities.png) no-repeat;}

#nav li {
  list-style:none;
  float:left;
  margin:0;
  padding:0;
}
#nav li a.top-level {
  display:block;
  width:60px;
  height:31px;
  text-indent:-9999px;
}
#nav li a.top-level:hover {background:url(/images/corporate_header_sprite.jpg) no-repeat;}

/* Main nav*/
#nav li.home a.top-level {width:60px;}
#nav li.home a.top-level:hover {background-position:-262px -189px;}
#nav li.locations a.top-level {width:115px;}
#nav li.locations a.top-level:hover {background-position:-322px -189px}
#nav li.care a.top-level {width:99px;}
#nav li.care a.top-level:hover {background-position:-437px -189px;}
#nav li.about a.top-level {width:82px;}
#nav li.about a.top-level:hover {background-position:-536px -189px;}
#nav li.news a.top-level {width:59px;}
#nav li.news a.top-level:hover {background-position:-618px -189px}
#nav li.resources a.top-level {width:154px;}
#nav li.resources a.top-level:hover {background-position:-677px -189px}
#nav li.contact a.top-level {width:93px;}
#nav li.contact a.top-level:hover {background-position:-831px -189px}

/* second-level styles */
#nav li ul, 
#location-nav li ul,
#action_nav li ul {
	position: absolute; 
	width:170px; 
	left: -999em; 
	border-top:1px solid #4b3610;
}

#location-nav li ul {
  margin-left:-90px;
}
#action_nav li ul {
  margin-left:40px;
}
#action_nav li ul ul {margin:0;}

#nav li ul li, 
#location-nav li ul li,
#action_nav li ul li {display:inline;}
#action_nav li ul li {width:160px;}

#nav li ul li a, 
#location-nav li ul li a,
#action_nav li ul li a {
	display:block;
	width:170px;
	height:28px;
	line-height:28px;
	text-indent:10px;
	color:#fff;
	background:#705522;
	text-decoration:none;
	text-align:left;
	border-left:1px solid #4b3610;
	border-right:1px solid #4b3610;
	border-bottom:1px solid #4b3610;
}
#nav li ul li.indent a {text-indent:15px;}

#location-nav li ul li a {
  width:135px;
  padding-right:25px;
	text-align:right;
}

#nav li ul li a:hover{background:#4b3610; color:#fff;}
/*#location-nav li ul li a:hover {background:#be8459 url(/images/nav_arrow_right.gif) 146px center no-repeat;}*/

/* third-and-above level styles */
#nav li ul ul, 
#location-nav li ul ul,
#action_nav li ul ul  {margin:-30px 0 0 100%;}
/* third-and-above level styles */
#location-nav li ul ul {margin-left:-100%;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, 
#location-nav li:hover ul ul, #location-nav li:hover ul ul ul, #location-nav li.sfhover ul ul, #location-nav li.sfhover ul ul ul,
#action_nav li:hover ul ul, #action_nav li:hover ul ul ul, #action_nav li.sfhover ul ul, #action_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,
#location-nav li:hover ul, #location-nav li li:hover ul, #location-nav li li li:hover ul, #location-nav li.sfhover ul, #location-nav li li.sfhover ul, #location-nav li li li.sfhover ul,
#action_nav li:hover ul, #action_nav li li:hover ul, #action_nav li li li:hover ul, #action_nav li.sfhover ul, #action_nav li li.sfhover ul, #action_nav li li li.sfhover ul {left: auto;}

/* Fix IE 7 */
#nav li:hover, 
#location-nav li:hover,
#action_nav li:hover {position: static;}

/***** =home *****/
#locations-map {
	position:absolute;
	left:655px;
	top:15px;
	width:273px;
	height:310px;
	background:url(/images/locations_map_sprite.jpg) no-repeat;
}

/* =home-slideshow */
#slideshow-home { /*622 x 357*/
	position:absolute;
	top:7px;
	left:24px;
	padding:15px 0 0 13px;
	width:607px;
	height:344px;
}
#slideshow-home img {
	width:592px;
	height:324px;
}
#slideshow-home #photo-frame-home {
	position:absolute;
	top:0;
	left:0;
	width:622px;
	height:357px;
	background:url(/images/home_photo_frame.png) no-repeat;
	z-index:900;
}

#home-buttons {
	width:273px;
	height:310px;
	list-style:none;
}
#home-buttons li.locations {height:63px;}
#home-buttons li.search {height:69px;}
#home-buttons li.map {height:178px;}

#home-buttons li.locations a {
	position:relative;
	top:29px;
	left:215px;
	width:44px;
	height:31px;
	display:block;
	text-indent:-9999px;
}
#home-buttons li.locations a:hover {background:url(/images/locations_map_sprite.jpg) -215px -339px no-repeat;}
#home-buttons li.map a {
	display:block;
	width:273px;
	height:178px;
	text-indent:-9999px;
}
#home-buttons li.map a:hover {background:url(/images/locations_map_sprite.jpg) 0 -442px no-repeat;}

#home-buttons li.search input {vertical-align: middle; text-indent: 2px;}
#home-buttons li.search  #zip {
    float:left;
    width: 71px;
    height: 21px;
    color:#000;
    font-weight:bold;
    padding:2px 0 0 0;
    margin:11px 14px 0 128px;
    border:none;
    background:#fff url(/images/search_input_bg.gif) no-repeat;
}
#home-buttons li.search input#go-button {
    float:left;
    margin:9px 0 0 0;
    width: 44px;
    height: 31px;
    text-indent: -9999px;
    border:0;
    background-color:none;
    background:url(/images/locations_map_sprite.jpg) -215px -73px no-repeat;
}
#home-buttons li.search input#go-button:hover {background-position: -215px -339px;}


#home-btm {/*950*/
	width:790px;
	padding-top:377px;
	padding-left:28px;
	padding-right:132px;
	padding-bottom:20px;
	height:140px;
	height:auto !important;
	min-height:140px;
	background:url(/images/home_btm_bg.png) right bottom no-repeat;
}
#home-btm span.tagline {
	display:block;
	width:600px;
	height:60px;
	background:url(/images/creating_milestones_tagline.gif) 115px 0px no-repeat;
	text-indent:-9999px;
}
#home-btm h1 {
	font-size:125%;
	font-weight:bold;
	padding-bottom:.25em;
}
#p_col2_top {
	position:relative;
	padding:12px 0 0 12px;
}
.photo-frame {
	position:absolute;
	top:0;
	left:0;
	width:273px;
	height:322px;
	background:url(/images/corporate_photo_frame.png) no-repeat;
}

/***** =STORE *****/
div.phone {
	position:absolute;
	top:60px;
	left:457px;
	font:33px Georgia, "Times New Roman", serif;
	color:#315e78;
}
.store #store-logo a {
	position:absolute;
	top:23px;
	left:50px;
}
.store #logo a {
	top:23px;
	left:702px;
}
#ccp {
	width:955px;
	height:124px;
}
#address {
	position:absolute;
	width:250px;
	left:53px;
	top:23px;
	font:14px georgia,"times new roman",serif;
	line-height:18px;
}
#address h2 {
	position:absolute;
	top:103px;
	color:#4f4f4f;
	font:normal 21px georgia,"times new roman",serif;
	width:250px;
}
#address li.map {
	float:left;
	border-right:1px solid #71736c;
	padding-right:10px;
	margin-right:10px;
}
#nav-actions {
	position:absolute;
	top:20px;
	left:376px;
}
#nav-actions li {
	width:153px;
	height:61px;
	float:left;
	margin-right:33px;
}
#nav-actions li.last {margin:0;}
#nav-actions li a {
	width:153px;
	height:61px;
	display:block;
	text-indent:-9999px;
	background:url(/images/ccp_sprite.png) no-repeat;
	cursor:pointer;
}
#nav-actions li.brochure a:hover {background-position:0 -61px;}
#nav-actions li.tour a {background-position:-183px 0;}
#nav-actions li.tour a:hover {background-position:-183px -61px;}
#nav-actions li.coupon a {background-position:-365px 0;}
#nav-actions li.coupon a:hover {background-position:-365px -61px;}

/* =store-slideshow */
#slideshow-store {
	position:relative;
	margin-bottom:20px;
}
#slideshow {/*567x322*/
	position:relative;
	padding:10px 0 0 11px;
	width:557px;
	height:311px;
}
#slideshow img {
	width:539px;
	height:291px;
}
#slideshow-store #photo-frame-store {
	position:absolute;
	top:0;
	left:0;
	width:567px;
	height:322px;
	background:url(/images/community_photo_frame.png) no-repeat;
	z-index:999;
}

#store-nav-hdr {
	width:281px;
	height:21px;
	background:url(/images/store_nav_top.jpg) no-repeat;
 }
 #store-nav-ftr {
	width:281px;
	height:27px;
	background:url(/images/store_nav_btm.jpg) no-repeat;
 }
#store-nav {/* 273x322*/
	padding:0 10px;
	width:261px;
	background:url(/images/store_nav_bg.jpg) repeat-y;
}
#store-nav li {
	width:261px;
	height:27px;
	border-top:1px solid #cfbe98;
}
#store-nav li.maybelast {border-bottom:1px solid #cfbe98;}
#store-nav li a {
	font:bold 15px Georgia,"Times New Roman", Serif;
	color:#62502c;
	background:url(/images/nav_arrow_off.gif) 16px 10px  no-repeat;
	padding-left:31px;
	display:block;
	text-decoration:none;
	line-height:27px;
	width:230px;
	height:27px;
}
#store-nav li a:hover{
	color:#3e3116;
	background:url(/images/nav_arrow_on.gif) 16px 10px  no-repeat;
	text-decoration:none;
}
.store h1 {
	padding-bottom:1em;
	font:italic Georgia,"Times New Roman", serif;
	font-size:175%;
}
.store h1.underline {
	background:url(/images/textured_hdr_underline.gif) 0 bottom no-repeat;
	margin-bottom:1em;
	font-size:200%;
}

/***** =Photo Gallery *****/
div#photo-gallery {
position: relative;
width:547px;
margin:10px;
}
div#photo-gallery li {
float:left;
padding:0 25px 15px 0;
list-style:none;
}
div#photo-gallery li img {
width:75px;
height:75px;
padding:3px;
border: 1px solid #9d6c10;
}

/***** =map *****/
div#map h2 {display: none;}
#map {padding-bottom:20px;}
#flashmap {
    margin:0;
    width: 565px;
    height: 277px;
    top: 0px;
    left: 0px;
    border:1px solid #9b440d;
}

/* FLOORPLANS */
#floorplans {
	width:100%;
	line-height:20px;
	margin-top:20px;
	border-top:1px solid #9b440d;
}

#floorplans .unit {
	width:100%;
	padding:20px 0;
	border-bottom:1px solid #9b440d;
}

#floorplans strong {
	font-size:16px;
	color:#9b440d;
}

#floorplans a {
	float:right;
	display:block;
	width:139px;
	height:30px;
	margin-top:9px;
	border-bottom:none;
	background:url(/images/btn_view_floorplan.gif) no-repeat;
	text-indent:-9999px;
}
#floorplans a:hover {background-position:0 -30px;}

/* event styles */
#calendar_events h2 {
	font-size:150%;
	font-weight:bold;
	border-bottom:none;
	padding-bottom:1.5em;
}
#calendar_events h3 {
	clear:left;
	font-weight:bold;
	border-bottom:none;
	padding-bottom:1em;
	color:#9b440d;
}
#calendar_events .th {
	clear:left;
	float:left;
	font-weight:bold;
	width:100px;
}
#calendar_events .td {
	float:left;
	display:block;
	width:250px;
}
#calendar_events ol.end {display:none;}
#calendar_events ol {padding-bottom:2.5em;}
#calendar_events ol li {padding-bottom:.5em;}

/* =share this */
#share-button {width:125px; padding-left:40px;}

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

#area-page h2 {
	font-size:1.2em;
	color:#a8631e;
	padding:20px 0 5px 0;
}
#area-page h2.city {
	font-weight:normal;
	font-size:2em;
	color:#5b3319;
}
#area-page h2.city span {
	font-size:.7em;
	font-style:italic;
}
#area-page p.city {text-align:right;}

#area_map {float:right;}

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

#facility-list {width:378px;}
#area-page #facility-list {float:left;}

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

#two-col #col1 .facility-summary p {padding:0;}

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

#footer p,
#footer-address,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color:#8b877c;
	padding-bottom:12px;
	font:bold 10px arial,helvetica,sans-serif;
}
#footer a {
  color:#8b877c;
  font:bold 10px arial,helvetica,sans-serif;
  text-decoration:none;
}
.store #footer p, .store #footer-address, .store #footer h1, .store #footer h2,
.store #footer h3, .store #footer h4, .store #footer h5, .store #footer h6, .store #footer a {
	color:#fff;	
} 
#footer a:hover {text-decoration:underline;}

#footer ul {
	clear:left;
}

#footer li {
	float:left;
	padding-right:1em;
	margin:0 1em 12px 0;
	border-right:1px solid #8b877c;
	height:10px;
	line-height:10px;
}
.store #footer li {border-right:1px solid #fff;}
.store #footer li {color:#fff;}
#footer li.contact,
#footer li.contact2,
#footer li.last, #footer li.maybelast {border-right:none;}

#footer-stores,
#footer #copy {display:none;}

#footer p.copy {padding-top:10px;}

#locations {text-align:center; width:845px;}
#locations #other-facilities {width:845px;}
#other-facilities {width:500px;float:left;padding-bottom:20px;}
#footer #other-facilities {width:100%;}
#footer #other-facilities h2 {padding:0; font-weight:bold; color:#8b877c}
.store #footer #other-facilities h2 {color:#fff;}
#footer #other-facilities dl {
	float:left;
	width:340px;
	padding:0 20px 20px 0;
}


#brand {
	margin:10px 0 20px 0;
	display:block;
	width:213px;
	height:17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
}
#brand:hover {background-position:0 -17px;}#brand:hover {background-position:0 -17px;}
/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(/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(/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;
}