/*
Theme Name: OAS
Theme URI: http://www.oaklandanimalservices.org/
Description: Custom theme for Oakland Animal Services
Version: 1.0
Author: Kevin Crawford, Working for Epraxa.com/GunnJerkens.com
Author URI: http://kevinvancrawford.com/
*/

@import url('reset.css');

body { font:90% Arial, Helvetica, sans-serif; color:#444444; background-color:#F0EFEF; }

/*---------------------------*/
/* Header */
#headerDonateImage_home {position:absolute; top:10px; left:536px;}
#headerVolunteerImage_home {position:absolute; top:30px; left:536px;}
#headerDonateImage {position:absolute; top:10px; left:760px;}
#headerVolunteerImage {position:absolute; top:30px; left:760px;}
#headerFeaturedAnimal {position:absolute; top:10px; left: 880px; background:#e7beb5; width: 150px; height:135px; color:#bd3421; font-weight:bold; margin:0;padding:5px 5px;}
#headerFeaturedAnimal a { color:#bd3421; text-decoration:none; font-weight: bold;}
/** Before menu change #headerMenu {padding-left:10px; position:absolute; top:160px; left: 0px; width: 1040px; 	background-color: #5d86a0; } **/
#headerMenu {text-align:center; padding-left:10px; position:absolute; top:160px; left: 0px; width: 1040px; 	background-color: #5d86a0; }
#headerAddressContainer {width:1050px;padding:5px 0 10px; margin:10px auto 0;}
#headerAddress {float:right; font:12px Verdana, Arial, Helvetica, sans-serif bold; white-space: nowrap; color:#666666; }
#headerStaticMenu {position:absolute; top:80px; left: 880px; width: 150px; background-color: #bd3421; color:white;}
#headerStaticMenu div {border-bottom: 2px solid white;}
#headerStaticMenu a { color:white; text-decoration:none; font-weight: bold;}
#headerStaticMenu a:hover { background-color:white; color:red; font-weight: bold;}
#headerStaticMenu a:active { color:white; font-weight: bold;}

/* Header */
/*---------------------------*/

/*---------------------------*/
/* Home page */
#homeAdoptAnAnimal {position:absolute; top: 200px; left:10px; width:200px; height: 730px; float:left; background-color: #e7beb5; color:white; margin:0;padding-top:10px;}
#homeAdoptAnAnimal_title {background-color: #c63429; color:white; text-align:center; font-weight: bold;}
#homeAdoptAnAnimal_message {background-color: #e7beb5; color:white; text-align:center; font-weight: bold; margin-top:10px;}
#homeAdoptAnAnimal_pictures {height: 500px;}
#dogCarousel {
	/*border: 2px solid #aaa;*/
  width:150px;
  margin-left: auto;
  margin-right: auto ;
}
#catCarousel {
/*	border: 2px solid #aaa;*/
  width:150px;
  margin-left: auto;
  margin-right: auto ;
}
#rabbitCarousel {
	/*border: 2px solid #aaa;*/
  width:150px;
  margin-left: auto;
  margin-right: auto ;
}
.textholder {
  text-align:center;
	font: 14px Arial, Helvetica, sans-serif bold;
	padding: 0px 0px 0 0px;
	-moz-border-radius: 4px 4px 0 0;
}
.textholder a { color:#BE3426; text-decoration:none; }
.textholder a:hover, a:active { color:#BE3426; }

#homeContent {position:absolute; top: 200px; left:220px; width:500px; min-height:530px; margin:0;padding:5px 5px; }
#homeContentTitleNews {color:white; background-color: #5d86a0; width:500px; display:block; margin-top:5px; padding:1px; padding-left:10px; } 
#homeContentNews {margin:0; padding:10px 5px 10px 5px; margin-bottom:20px; }
#homeContentTitleSuccessStories {color:white; background-color: #5d86a0; width:500px; display:block; padding:1px; padding-left:10px; }
#homeContentSuccess {margin:0; padding:10px 5px 10px 5px; margin-bottom:20px;}
#homeContentTitleHappyTails {color:white; background-color: #5d86a0; width:500px; display:block; margin-top:5px; padding:1px; padding-left:10px;} 
#homeContentHappyTails {margin:0; padding:10px 5px 10px 5px; margin-bottom:20px; }
#homeContentHappyTailsContent {height:150px; text-overflow:ellipsis; overflow:hidden;}
#homeCustomUpdates {position:absolute; top: 200px; left:740px; width:300px; height:730px; background-color: #ced7de; color:#3366CC; font-weight:bold; margin:0; padding-top:10px; padding-bottom:10px; }
/*#homeCustomUpdates {position:absolute; top: 200px; left:740px; width:300px; height:730px; background-color: #ced7de; color:#89a3b5; font-weight:bold; margin:0; padding-top:10px; padding-bottom:10px; }*/
#homeCustomUpdates a { color:#3366CC; text-decoration:underline; font-weight: bold;}
#homeCustomUpdates a:hover { color:red; font-weight: bold;}
#homeCustomUpdatesContainer {overflow:auto;height:710px;}

.homeCustomUpdateItem {background-color: #5d86a0; color:white; font-weight: bold; font-size: 14px; text-align:center;}
.homeCustomUpdateItemContent {padding:5px;}
.homeStoryDate {font-size:11px;}
/* Home page */
/*---------------------------*/


/*---------------------------*/
/*---------------------------*/
/* TYPOGRAPHY & COMMON */

a { color:#5d87a1; text-decoration:none; }
a:hover, a:active { color:#BE3426; }
#primary a, body#home #column a { border-bottom:1px dotted #5d87a1; padding-bottom:1px;}
#primary a:hover, #primary a:active, body#home #column a:hover, body#home #column a:active { border-bottom-color:#BE3426; }

.left { float:left; }
.right { float:right; }

.alignleft { float:left; }
img.alignleft { margin:0 .5em .25em 0; }
img.aligncenter { display:block; margin:0 auto; }
.alignright { float:right; }
img.alignright { margin:0 0 .25em .5em; }

.green { color:#B5C244; }

#primary p { margin:0 0 1em; }

#primary h2 { text-transform:uppercase; color:#BE3426; }
#primary h3, #primary p + h2 { margin-top:2em; }
#primary h2 + h3 { margin-top:1em; }

#primary ul { list-style:outside disc; margin:0 0 1em; padding-left:2em; }
#primary ul li { margin:0 0 .5em; }
#primary ul.no-bull { list-style:none; padding-left:0; }
#primary ul.no-bull li, #primary ul.no-margins li { margin:0; }

#primary ol { list-style:outside decimal; margin:1em 0; padding-left:2em; }
#primary ol li { margin:0 0 .5em; }

/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* LAYOUT */

#container { 
	position:relative; width:1050px; padding:5px 0 10px; margin:10px auto 0; 
	background-color:#FFFFFF;
	height:auto !important; height:980px; min-height:980px;
}


/*-----------------------------------*/
/*-----------------------------------*/
/* HEAD */
#head { width:100%; min-height:240px; }

#head h1 { position:relative; display:block; width:273px; height:129px; margin:5px 0 0 10px; background:url(./img/layout/logo.gif) no-repeat; float:left; }
#head h1 a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden; }


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


/*------------------*/
/*------------------*/
/* nav-primary */

#nav-primary { float:right; width:275px; font-weight:bold; text-transform:uppercase; line-height:1.3; }
body#home #nav-primary li.home a,
body.need-help #nav-primary li.need-help a,
body.service-request-forms #nav-primary li.service-request-forms a,
body.about-us #nav-primary li.about-us a,
body.visit-us #nav-primary li.visit-us a,
body.contact-oas #nav-primary li.contact-oas a,
body.lost-and-found #nav-primary li.lost-and-found a,
body.contact-us #nav-primary li.contact-us a,
body.adopt #nav-primary li.adopt a,
body.volunteer #nav-primary li.volunteer a,
body.news #nav-primary li.news a,
body.donate #nav-primary li.donate a,
body.events #nav-primary li.events a { color:#BE3426; }

body#adopt.events #nav-primary li.events a { color:#BE3426; }


/*------------------*/
/*------------------*/
/* nav-secondary */
#nav-secondary { display:block; width:173px; height:524px; position:absolute; top:205px; right:0; }
#nav-secondary li, #nav-secondary a { display:block; width:173px; height:173px; }
#nav-secondary li { margin-bottom:3px; }
#nav-secondary a { background:url(./img/layout/nav-secondary.jpg) no-repeat; text-indent:-9999px; overflow:hidden; }

#nav-secondary li.rescue a { background-position:0 0; }
#nav-secondary li.rescue a:hover, #nav-secondary li.rescue a:active { background-position:-173px 0; }
body.rescue #nav-secondary li.rescue { display:none; }

#nav-secondary li.adopt a { background-position:0 -176px; }
#nav-secondary li.adopt a:hover, #nav-secondary li.adopt a:active { background-position:-173px -176px; }
body.adopt #nav-secondary li.adopt { display:none; }

#nav-secondary li.educate a { background-position:0 -351px; }
#nav-secondary li.educate a:hover, #nav-secondary li.educate a:active { background-position:-173px -351px; }
body.educate #nav-secondary li.educate { display:none; }

/*-----------------------------------*/
/*-----------------------------------*/
/* BODY */
#body { overflow:hidden; width:1050px; height:100%;}

#column { float:left; width:318px; padding-right:4px; border-right:1px solid #808080; margin-right:20px; }
#column h2 { width:318px; height:318px; text-indent:-9999px; overflow:hidden; position:relative; }
#column h2 a { position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; text-indent:-9999px; }
body#home #column h2 a { position:static; width:auto; height:auto; overflow:auto; text-indent:0; }

#nav-tertiary { margin:20px 0 1em; overflow:auto; padding-left:20px; width:298px; }
#nav-tertiary li { float:right; clear:right; width:296px; text-align:right; line-height:1.4; padding-right:2px; }
#nav-tertiary a { color:#808080; text-transform:uppercase; font-weight:bold; }
#nav-tertiary a:hover, #nav-tertiary a:active { color:#5d87a1; }

#primary { float:left; width:410px; line-height:1.5; }


/*-----------------------------------*/
/*-----------------------------------*/
/* FOOTER */
#footer { margin:0 auto; padding:1em 0 2em; width:1050px; text-align:right; text-transform:uppercase; font:.65em Verdana, Arial, Helvetica, sans-serif; color:#666666; }



/*-----------------------------------*/
/*-----------------------------------*/
/* PAGE-SPECIFIC */


/*----------------------*/
/*----------------------*/
/* HOME */
body#home #head { height:auto; }

body#home #body { margin:1.75em 0 0; }
body#home #column { margin:0 39px 0 43px; padding:0 0 0 12px; width:225px; border-left:1px solid #808080; border-right:0px none; line-height:1.5; }
body#home #primary { width:570px; border-left:1px solid #808080; padding-left:12px; }

body#home #column h2, body#home #primary h2 { height:auto; width:auto; text-indent:0; text-transform:uppercase; color:#5A5A59; margin:0 0 0.5em; }
body#home #column p { margin:0 0 1em; }

body#home dl { overflow:auto; }
body#home dl.news dt { float:left; margin-right:25px; }
body#home dl.news dd { float:left; width:415px; margin-bottom:1em; }
body#home dl.news dd h3 { font-weight:bold; font-style:italic; margin-top:0; }
body#home dl.news dd h3 a, body#home h2 a { border-bottom:0 none !important; }

/*-------------*/
/*-------------*/
/* NAV */

body#home #nav-secondary { width:960px; height:318px; position:static; top:0; clear:both; overflow:hidden; padding-top:35px; }
body#home #nav-secondary li, body#home #nav-secondary li a { width:320px; height:318px; }
body#home #nav-secondary li { float:left; }
body#home #nav-secondary li a { background:url(./img/layout/nav-secondary_home.jpg) no-repeat; }

body.rescue #column h2, body.adopt #column h2, body.educate #column h2 { background:url(./img/layout/nav-secondary_home.jpg) no-repeat; }

body#home #nav-secondary li.rescue a { background-position:0 -318px; }
body#home #nav-secondary li.rescue a:hover, body#home #nav-secondary li.rescue a:active { background-position:0 0; }

body#home #nav-secondary li.adopt a { background-position:-320px -318px; }
body#home #nav-secondary li.adopt a:hover, body#home #nav-secondary li.adopt a:active { background-position:-320px 0; }

body#home #nav-secondary li.educate a { background-position:-640px -318px; }
body#home #nav-secondary li.educate a:hover, body#home #nav-secondary li.educate a:active { background-position:-640px 0; }



#a-e-r-pics li, #a-e-r-pics a { display:block; width:130px; height:128px; }
#a-e-r-pics li { margin-bottom:3px; }
#a-e-r-pics a { background:url(./img/layout/nav-secondary-header.jpg) no-repeat; text-indent:-9999px; overflow:hidden; }

#a-e-r-pics li.rescue-header a { background-position:0 0; }
#a-e-r-pics li.rescue a:hover-header, #a-e-r-pics li.rescue-header a:active { background-position:-173px 0; }
body.rescue-header #a-e-r-pics li.rescue-header { display:none; }

#a-e-r-pics li.adopt-header a { background-position:0 -176px; }
#a-e-r-pics li.adopt-header a:hover, #a-e-r-pics li.adopt-header a:active { background-position:-173px -176px; }
body.adopt-header #a-e-r-pics li.adopt-header { display:none; }

#a-e-r-pics li.educate-header a { background-position:0 -351px; }
#a-e-r-pics li.educate-header a:hover, #a-e-r-pics li.educate-header a:active { background-position:-173px -351px; }
body.educate-header #a-e-r-pics li.educate-header { display:none; }

ul#a-e-r-pics { width:390px; height:129px; position:absolute; top:10px; left:652px; clear:both; overflow:hidden; }
ul#a-e-r-pics li, ul#a-e-r-pics li a { width:130px; height:128px; }
ul#a-e-r-pics li { float:left; }
ul#a-e-r-pics li a { background:url(./img/layout/nav-secondary_header.jpg) no-repeat; }
ul#a-e-r-pics li.rescue-header a { background-position:0 -130px; }
ul#a-e-r-pics li.rescue-header a:hover, ul#a-e-r-pics li.rescue-header a:active { background-position:0 -1px; }
ul#a-e-r-pics li.adopt-header a { background-position:-130px -130px; }
ul#a-e-r-pics li.adopt-header a:hover, ul#a-e-r-pics li.adopt-header a:active { background-position:-130px -1px; }
ul#a-e-r-pics li.educate-header a { background-position:-260px -130px; }
ul#a-e-r-pics li.educate-header a:hover, ul#a-e-r-pics li.educate-header a:active { background-position:-260px -1px; }

body.rescue-header #column h2, body.adopt-header #column h2, body.educate-header #column h2 { background:url(./img/layout/nav-secondary_header.jpg) no-repeat; }
/*----------------------*/
/*----------------------*/
/* RESCUE */
body.rescue #column h2 { background-position:0 -318px; }


/*----------------------*/
/*----------------------*/
/* ADOPT */
body.adopt #column h2 { background-position:-320px -318px; }


#primary ul.available-pets { margin:1em 0; list-style:none; padding:0; }
#primary ul.available-pets ul { padding:0; }
#primary ul.available-pets li li { margin:0 0 2em; list-style:none; padding:0;}
#primary ul.available-pets h3 { color:#B5C244; text-transform:uppercase; }
#primary ul.available-pets img { width:122px; height:93px; float:left; margin-right:10px; }
#primary ul.available-pets div.stats { float:left; }
#primary ul.available-pets div.stats p { margin:0; }
#primary ul.available-pets p { font-size:.9em; }
#primary ul.available-pets p.desc { clear:left; padding-top:.5em; }


/*----------------------*/
/*----------------------*/
/* EDUCATE */
body.educate #column h2 { background-position:-640px -318px; }

dl.faqs dt { font-weight:bold; padding-top:1em; }
dl.faqs dd { padding-left:20px; }

/*----------------------*/
/*----------------------*/
/* ABOUT US */
body.about-us #column h2 { background:url(./img/headers/about-us.jpg) no-repeat; }

/*----------------------*/
/*----------------------*/
/* NEED HELP */
body.need-help #column h2 { background:url(./img/headers/need-help.jpg) no-repeat; }

/*----------------------*/
/*----------------------*/
/* VOLUNTEER */
body.volunteer #column h2 { background:url(./img/headers/volunteer.jpg) no-repeat; }

/*----------------------*/
/*----------------------*/
/* DONATE */
body.donate #column h2 { background:url(./img/headers/donate.jpg) no-repeat; }
body.donate #head h1 { background:url(./img/layout/foas_logo.gif) no-repeat; width:226px; }

/*----------------------*/
/*----------------------*/
/* VISIT US */
body.visit-us #column h2 { background:url(./img/headers/visit-us.gif) no-repeat; }

/*----------------------*/
/*----------------------*/
/* LOST & FOUND */
body.lost-and-found #column h2 { background:url(./img/headers/lost-found.jpg) no-repeat; }

/*----------------------*/
/*----------------------*/
/* SITE MAP */
#primary ul.site-map { padding-left:19px; }
#primary ul.site-map li { margin:0; }
#primary ul.site-map a { border:0 none; }



/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* BLOG PAGES */
div.postnavigation { width:396px; overflow:hidden; margin:3em 0; background-color:#f6f6f6; padding:3px 10px; }
p.postmetadata { font-size:11px; color:#999999; }
#imgpreview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }
#primary ol.commentlist a, #primary p.postmetadata a, #primary div.postnavigation a, #commentform a,
#primary div.post h2 a { border:0 none; padding:0; }

#primary ol.commentlist { margin:0; padding:0; list-style:none; }
#primary ol.commentlist li { margin:1em 0; border:1px solid #CCCCCC; padding:5px 5px 0 5px; background-color:#FFFFFF; font-size:.9em; }
#primary ol.commentlist li.odd { background-color:#F6F6F6; }
ol.commentlist li .avatar { float:right; padding:2px; border:1px solid #E6E6E6; margin:0 0 .5em .5em; }
ol.commentlist li cite { font-weight:bold; }
ol.commentlist li .commentmetadata { font-size:11px; margin-bottom:1em;}
ol.commentlist li p:last-child { margin-bottom:0; }
textarea#comment { width:406px; }
#commentform { font-size:.75em; }

#primary div.post { margin-bottom:1em; padding:5px 10px 1px 10px; }
#primary div.post:nth-child(even) { background-color:#F6f6f6;}
#primary div.post small { font-size:11px; }
#primary div.post div.entry { margin-top:1em; }

#primary div.entry img { background-color:#EEEEEE; border:1px solid #DDDDDD; padding:5px; }


/* .gallery for wordpress generated gallery */
.gallery a img { display:block; }


/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* SERVICE REQUEST FORMS */
#primary form.service-request { margin:2em 0; }
#primary form.service-request ol { margin:0; padding:0; list-style:none; }
#primary form.service-request li { display:block; margin:1em 0; }
#primary form.service-request li input, form.service-request li label { display:block; }
#primary form.service-request li input.radio { float:left; }
#primary form.service-request li input[type=text] { width:50%; }
#primary form.service-request fieldset { border:0 none; padding:0; }
#primary form.service-request em { color:#BE3426; font-style:normal; }
#primary form.service-request h3 { font-size:1em; font-weight:bold; margin:1em 0 0 0; }
#primary form.service-request label.sublabel { font-size:.8em; color:#999999; }
#primary form label.error { color:#BE3426; }

#primary form .radio label { display:block; margin:0.2em 0; padding-left:15px; text-indent:-15px; }
#primary form .radio label input { display:inline-block; width:13px; height:13px; margin:0 5px 0 0; padding:0; position:relative; top:-1px; vertical-align:middle; }
#primary form .radio label.sublabel { padding:0; text-indent:0; }

#nav-tertiary li.current_page_item a { color:#BE3426; }







/*--------------------------------------------------*/
/*--------------------------------------------------*/
/* FANCY BOX */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('./img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('./img/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('./img/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('./img/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('./img/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('./img/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('./img/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('./img/fancybox/fancy_title_right.png') repeat-x;
}