@charset "utf-8";



.gallery { margin: auto; }

.gallery-item { float: left; margin: 10px auto; text-align: center; }

.gallery img { border: 2px solid #cfcfcf; }

/* If you want to show images slowly, use this. And you need to edit lightbox-gallery.js too. */

/* .gallery img {display: none; border: 2px solid #cfcfcf;} */

.gallery-caption { margin-left: 0; display:none; }



/* Tooltip */

#tooltip {

	position: absolute;

	z-index: 3000;

	border: 1px solid #111;

	background-color: #eee;

	padding: 5px;

	opacity: 0.85;

}

#tooltip h3, #tooltip div { margin: 0; }



/* Lightbox */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}



/* Highslide JS */

/**

* @file: highslide.css 

* @version: 4.1.8

*/

.highslide-container div {

	font-family: Verdana, Helvetica;

	font-size: 10pt;

}

.highslide-container table {

	background: none;

}

.highslide {

	outline: none;

	text-decoration: none;

}

.highslide img {

	border: 2px solid silver;

}

.highslide:hover img {

	border-color: gray;

}

.highslide-active-anchor img {

	visibility: hidden;

}

.highslide-gallery .highslide-active-anchor img {

	border-color: black;

	visibility: visible;

	cursor: default;

}

.highslide-image {

	border-width: 2px;

	border-style: solid;

	border-color: white;

	background: gray;

}

.highslide-wrapper, .highslide-outline {

	background: white;

}

.glossy-dark {

	background: #111;

}



.highslide-image-blur {

}

.highslide-number {

	font-weight: bold;

	color: gray;

	font-size: .9em;

}

.highslide-caption {

	display: none;

	font-size: 1em;

	padding: 5px;

	/*background: white;*/

}

.highslide-heading {

	display: none;

	font-weight: bold;

	margin: 0.4em;

}

.highslide-dimming {

	position: absolute;

	background: black;

}

a.highslide-full-expand {

   background: url(graphics/fullexpand.gif) no-repeat;

   display: block;

   margin: 0 10px 10px 0;

   width: 34px;

   height: 34px;

}

.highslide-loading {

	display: block;

	color: black;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	padding: 3px;

	border: 1px solid white;

	background-color: white;

	padding-left: 22px;

	background-image: url(graphics/loader.white.gif);

	background-repeat: no-repeat;

	background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

	padding: 2px;

	color: silver;

	text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

	color: white;

	background-color: gray;

}

.highslide-move, .highslide-move * {

	cursor: move;

}



.highslide-viewport {

	display: none;

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 1;

	background: none;

	left: 0;

	top: 0;

}

.highslide-overlay {

	display: none;

}

.hidden-container {

	display: none;

}

/* Example of a semitransparent, offset closebutton */

.closebutton {

	position: relative;

	top: -15px;

	left: 15px;

	width: 30px;

	height: 30px;

	cursor: pointer;

	background: url(graphics/close.png);

	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */

}



/*****************************************************************************/

/* Thumbnail boxes for the galleries.                                        */

/* Remove these if you are not using a gallery.                              */

/*****************************************************************************/

.highslide-gallery ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.highslide-gallery ul li {

	display: block;

	position: relative;

	float: left;

	width: 106px;

	height: 106px;

	border: 1px solid silver;

	background: #ededed;

	margin: 2px;

	line-height: 0;

	overflow: hidden;

}

.highslide-gallery ul a {

	position: absolute;

	top: 50%;

	left: 50%;

}

.highslide-gallery ul img {

 	position: relative;

	top: -50%;

	left: -50%;

}

html>/**/body .highslide-gallery ul li {

	display: table;

	text-align: center;

}

html>/**/body .highslide-gallery ul li {

	text-align: center;

}

html>/**/body .highslide-gallery ul a {

	position: static;

	display: table-cell;

	vertical-align: middle;

}

html>/**/body .highslide-gallery ul img {

	position: static;

}



/*****************************************************************************/

/* Controls for the galleries.											     */

/* Remove these if you are not using a gallery							     */

/*****************************************************************************/

.highslide-controls {

	width: 195px;

	height: 40px;

	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;

	margin: 20px 15px 10px 0;

}

.highslide-controls ul {

	position: relative;

	left: 15px;

	height: 40px;

	list-style: none;

	margin: 0;

	padding: 0;

	background: url(graphics/controlbar-white.gif) right -90px no-repeat;



}

.highslide-controls li {

	float: left;

	padding: 5px 0;

	margin:0;

	list-style: none;

}

.highslide-controls a {

	background-image: url(graphics/controlbar-white.gif);

	display: block;

	float: left;

	height: 30px;

	width: 30px;

	outline: none;

}

.highslide-controls a.disabled {

	cursor: default;

}

.highslide-controls a.disabled span {

	cursor: default;

}

.highslide-controls a span {

	/* hide the text for these graphic buttons */

	display: none;

	cursor: pointer;

}





/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */

.highslide-controls .highslide-previous a {

	background-position: 0 0;

}

.highslide-controls .highslide-previous a:hover {

	background-position: 0 -30px;

}

.highslide-controls .highslide-previous a.disabled {

	background-position: 0 -60px !important;

}

.highslide-controls .highslide-play a {

	background-position: -30px 0;

}

.highslide-controls .highslide-play a:hover {

	background-position: -30px -30px;

}

.highslide-controls .highslide-play a.disabled {

	background-position: -30px -60px !important;

}

.highslide-controls .highslide-pause a {

	background-position: -60px 0;

}

.highslide-controls .highslide-pause a:hover {

	background-position: -60px -30px;

}

.highslide-controls .highslide-next a {

	background-position: -90px 0;

}

.highslide-controls .highslide-next a:hover {

	background-position: -90px -30px;

}

.highslide-controls .highslide-next a.disabled {

	background-position: -90px -60px !important;

}

.highslide-controls .highslide-move a {

	background-position: -120px 0;

}

.highslide-controls .highslide-move a:hover {

	background-position: -120px -30px;

}

.highslide-controls .highslide-full-expand a {

	background-position: -150px 0;

}

.highslide-controls .highslide-full-expand a:hover {

	background-position: -150px -30px;

}

.highslide-controls .highslide-full-expand a.disabled {

	background-position: -150px -60px !important;

}

.highslide-controls .highslide-close a {

	background-position: -180px 0;

}

.highslide-controls .highslide-close a:hover {

	background-position: -180px -30px;

}



/*****************************************************************************/

/* Styles for the HTML popups											     */

/* Remove these if you are not using Highslide HTML						     */

/*****************************************************************************/

.highslide-maincontent {

	display: none;

}

.highslide-html {

	background-color: white;

}

.highslide-html-content {

	display: none;

	width: 400px;

	padding: 0 5px 5px 5px;

}

.highslide-header {

	padding-bottom: 5px;

}

.highslide-header ul {

	margin: 0;

	padding: 0;

	text-align: right;

}

.highslide-header ul li {

	display: inline;

	padding-left: 1em;

}

.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {

	display: none;

}

.highslide-header a {

	font-weight: bold;

	color: gray;

	text-transform: uppercase;

	text-decoration: none;

}

.highslide-header a:hover {

	color: black;

}

.highslide-header .highslide-move a {

	cursor: move;

}

.highslide-footer {

	height: 16px;

}

.highslide-footer .highslide-resize {

	display: block;

	float: right;

	margin-top: 5px;

	height: 11px;

	width: 11px;

	background: url(graphics/resize.gif) no-repeat;

}

.highslide-footer .highslide-resize span {

	display: none;

}

.highslide-body {

}

.highslide-resize {

	cursor: nw-resize;

}



/*****************************************************************************/

/* Styles for the Individual wrapper class names.							 */

/* See www.highslide.com/ref/hs.wrapperClassName							 */

/* You can safely remove the class name themes you don't use				 */

/*****************************************************************************/



/* hs.wrapperClassName = 'draggable-header' */

.draggable-header .highslide-header {

	height: 18px;

	border-bottom: 1px solid #dddddd;

}

.draggable-header .highslide-heading {

	position: absolute;

	margin: 2px 0.4em;

}



.draggable-header .highslide-header .highslide-move {

	cursor: move;

	display: block;

	height: 16px;

	position: absolute;

	right: 24px;

	top: 0;

	width: 100%;

	z-index: 1;

}

.draggable-header .highslide-header .highslide-move * {

	display: none;

}

.draggable-header .highslide-header .highslide-close {

	position: absolute;

	right: 2px;

	top: 2px;

	z-index: 5;

	padding: 0;

}

.draggable-header .highslide-header .highslide-close a {

	display: block;

	height: 16px;

	width: 16px;

	background-image: url(graphics/closeX.png);

}

.draggable-header .highslide-header .highslide-close a:hover {

	background-position: 0 16px;

}

.draggable-header .highslide-header .highslide-close span {

	display: none;

}

.draggable-header .highslide-maincontent {

	padding-top: 1em;

}



/* hs.wrapperClassName = 'titlebar' */

.titlebar .highslide-header {

	height: 18px;

	border-bottom: 1px solid #dddddd;

}

.titlebar .highslide-heading {

	position: absolute;

	width: 90%;

	margin: 1px 0 1px 5px;

	color: #666666;

}



.titlebar .highslide-header .highslide-move {

	cursor: move;

	display: block;

	height: 16px;

	position: absolute;

	right: 24px;

	top: 0;

	width: 100%;

	z-index: 1;

}

.titlebar .highslide-header .highslide-move * {

	display: none;

}

.titlebar .highslide-header li {

	position: relative;

	top: 3px;

	z-index: 2;

	padding: 0 0 0 1em;

}

.titlebar .highslide-maincontent {

	padding-top: 1em;

}



/* hs.wrapperClassName = 'no-footer' */

.no-footer .highslide-footer {

	display: none;

}



/* hs.wrapperClassName = 'wide-border' */

.wide-border {

	background: white;

}

.wide-border .highslide-image {

	border-width: 10px;

}

.wide-border .highslide-caption {

	padding: 0 10px 10px 10px;

}



/* hs.wrapperClassName = 'borderless' */

.borderless .highslide-image {

	border: none;

}

.borderless .highslide-caption {

	border-bottom: 1px solid white;

	border-top: 1px solid white;

	background: silver;

}



/* hs.wrapperClassName = 'outer-glow' */

.outer-glow {

	background: #444;

}

.outer-glow .highslide-image {

	border: 5px solid #444444;

}

.outer-glow .highslide-caption {

	border: 5px solid #444444;

	border-top: none;

	padding: 5px;

	background-color: gray;

}



/* hs.wrapperClassName = 'colored-border' */

.colored-border {

	background: white;

}

.colored-border .highslide-image {

	border: 2px solid green;

}

.colored-border .highslide-caption {

	border: 2px solid green;

	border-top: none;

}



/* hs.wrapperClassName = 'dark' */

.dark {

	background: #111;

}

.dark .highslide-image {

	border-color: black black #202020 black;

	background: gray;

}

.dark .highslide-caption {

	color: white;

	background: #111;

}

.dark .highslide-controls,

.dark .highslide-controls ul,

.dark .highslide-controls a {

	background-image: url(graphics/controlbar-black-border.gif);

}



/* hs.wrapperClassName = 'floating-caption' */

.floating-caption .highslide-caption {

	position: absolute;

	padding: 1em 0 0 0;

	background: none;

	color: white;

	border: none;

	font-weight: bold;

}



/* hs.wrapperClassName = 'controls-in-heading' */

.controls-in-heading .highslide-heading {

	color: gray;

	font-weight: bold;

	height: 20px;

	overflow: hidden;

	cursor: default;

	padding: 0 0 0 22px;

	margin: 0;

	background: url(graphics/icon.gif) no-repeat 0 1px;

}

.controls-in-heading .highslide-controls {

	width: 105px;

	height: 20px;

	position: relative;

	margin: 0;

	top: -23px;

	left: 7px;

	background: none;

}

.controls-in-heading .highslide-controls ul {

	position: static;

	height: 20px;

	background: none;

}

.controls-in-heading .highslide-controls li {

	padding: 0;

}

.controls-in-heading .highslide-controls a {

	background-image: url(graphics/controlbar-white-small.gif);

	height: 20px;

	width: 20px;

}



.controls-in-heading .highslide-controls .highslide-move {

	display: none;

}



.controls-in-heading .highslide-controls .highslide-previous a {

	background-position: 0 0;

}

.controls-in-heading .highslide-controls .highslide-previous a:hover {

	background-position: 0 -20px;

}

.controls-in-heading .highslide-controls .highslide-previous a.disabled {

	background-position: 0 -40px !important;

}

.controls-in-heading .highslide-controls .highslide-play a {

	background-position: -20px 0;

}

.controls-in-heading .highslide-controls .highslide-play a:hover {

	background-position: -20px -20px;

}

.controls-in-heading .highslide-controls .highslide-play a.disabled {

	background-position: -20px -40px !important;

}

.controls-in-heading .highslide-controls .highslide-pause a {

	background-position: -40px 0;

}

.controls-in-heading .highslide-controls .highslide-pause a:hover {

	background-position: -40px -20px;

}

.controls-in-heading .highslide-controls .highslide-next a {

	background-position: -60px 0;

}

.controls-in-heading .highslide-controls .highslide-next a:hover {

	background-position: -60px -20px;

}

.controls-in-heading .highslide-controls .highslide-next a.disabled {

	background-position: -60px -40px !important;

}

.controls-in-heading .highslide-controls .highslide-full-expand a {

	background-position: -100px 0;

}

.controls-in-heading .highslide-controls .highslide-full-expand a:hover {

	background-position: -100px -20px;

}

.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {

	background-position: -100px -40px !important;

}

.controls-in-heading .highslide-controls .highslide-close a {

	background-position: -120px 0;

}

.controls-in-heading .highslide-controls .highslide-close a:hover {

	background-position: -120px -20px;

}



/*****************************************************************************/

/* Styles for text based controls.						                     */

/* You can safely remove this if you don't use text based controls			 */

/*****************************************************************************/



.text-controls .highslide-controls {

	width: auto;

	height: auto;

	margin: 0;

	text-align: center;

	background: none;

}

.text-controls ul {

	position: static;

	background: none;

	height: auto;

	left: 0;

}

.text-controls .highslide-move {

	display: none;

}

.text-controls li {

    background-image: url(graphics/controlbar-text-buttons.png);

	background-position: right top !important;

	padding: 0;

	margin-left: 15px;

	display: block;

	width: auto;

}

.text-controls a {

    background: url(graphics/controlbar-text-buttons.png) no-repeat;

    background-position: left top !important;

    position: relative;

    left: -10px;

	display: block;

	width: auto;

	height: auto;

	text-decoration: none !important;

}

.text-controls a span {

	background: url(graphics/controlbar-text-buttons.png) no-repeat;

    margin: 1px 2px 1px 10px;

	display: block;

    min-width: 4em;

    height: 18px;

    line-height: 18px;

	padding: 1px 0 1px 18px;

    color: #333;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	white-space: nowrap;

}

.text-controls .highslide-next {

	margin-right: 1em;

}

.text-controls .highslide-full-expand a span {

	min-width: 0;

	margin: 1px 0;

	padding: 1px 0 1px 10px;

}

.text-controls .highslide-close a span {

	min-width: 0;

}

.text-controls a:hover span {

	color: black;

}

.text-controls a.disabled span {

	color: #999;

}



.text-controls .highslide-previous span {

	background-position: 0 -40px;

}

.text-controls .highslide-previous a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-previous a.disabled span {

	background-position: 0 -140px;

}

.text-controls .highslide-play span {

	background-position: 0 -60px;

}

.text-controls .highslide-play a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-play a.disabled span {

	background-position: 0 -160px;

}

.text-controls .highslide-pause span {

	background-position: 0 -80px;

}

.text-controls .highslide-next span {

	background-position: 0 -100px;

}

.text-controls .highslide-next a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-next a.disabled span {

	background-position: 0 -200px;

}

.text-controls .highslide-full-expand span {

	background: none;

}

.text-controls .highslide-full-expand a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-close span {

	background-position: 0 -120px;

}





/*****************************************************************************/

/* Styles for the thumbstrip.							                     */

/* See www.highslide.com/ref/hs.addSlideshow    							 */

/* You can safely remove this if you don't use a thumbstrip 				 */

/*****************************************************************************/



.highslide-thumbstrip {

	height: 100%;

}

.highslide-thumbstrip div {

	overflow: hidden;

}

.highslide-thumbstrip table {

	position: relative;

	padding: 0;

	border-collapse: collapse;

}

.highslide-thumbstrip td {

	padding: 1px;

	/*text-align: center;*/

}

.highslide-thumbstrip a {

	outline: none;

}

.highslide-thumbstrip img {

	display: block;

	border: 1px solid gray;

	margin: 0 auto;

}

.highslide-thumbstrip .highslide-active-anchor img {

	visibility: visible;

}

.highslide-thumbstrip .highslide-marker {

	position: absolute;

	width: 0;

	height: 0;

	border-width: 0;

	border-style: solid;

	border-color: transparent; /* change this to actual background color in highslide-ie6.css */

}

.highslide-thumbstrip-horizontal div {

	width: auto;

	/* width: 100% breaks in small strips in IE */

}

.highslide-thumbstrip-horizontal .highslide-scroll-up {

	display: none;

	position: absolute;

	top: 3px;

	left: 3px;

	width: 25px;

	height: 42px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-up div {

	margin-bottom: 10px;

	cursor: pointer;

	background: url(graphics/scrollarrows.png) left center no-repeat;

	height: 42px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-down {

	display: none;

	position: absolute;

	top: 3px;

	right: 3px;

	width: 25px;

	height: 42px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-down div {

	margin-bottom: 10px;

	cursor: pointer;

	background: url(graphics/scrollarrows.png) center right no-repeat;

	height: 42px;

}

.highslide-thumbstrip-horizontal table {

	margin: 2px 0 10px 0;

}

.highslide-viewport .highslide-thumbstrip-horizontal table {

	margin-left: 10px;

}

.highslide-thumbstrip-horizontal img {

	width: auto;

	height: 40px;

}

.highslide-thumbstrip-horizontal .highslide-marker {

	top: 47px;

	border-left-width: 6px;

	border-right-width: 6px;

	border-bottom: 6px solid gray;

}

.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {

	margin-left: 10px;

}

.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {

	border-bottom-color: white !important;

}



.highslide-thumbstrip-vertical-overlay {

	overflow: hidden !important;

}

.highslide-thumbstrip-vertical div {

	height: 100%;

}

.highslide-thumbstrip-vertical a {

	display: block;

}

.highslide-thumbstrip-vertical .highslide-scroll-up {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 25px;

}

.highslide-thumbstrip-vertical .highslide-scroll-up div {

	margin-left: 10px;

	cursor: pointer;

	background: url(graphics/scrollarrows.png) top center no-repeat;

	height: 25px;

}

.highslide-thumbstrip-vertical .highslide-scroll-down {

	display: none;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 25px;

}

.highslide-thumbstrip-vertical .highslide-scroll-down div {

	margin-left: 10px;

	cursor: pointer;

	background: url(graphics/scrollarrows.png) bottom center no-repeat;

	height: 25px;

}

.highslide-thumbstrip-vertical table {

	margin: 10px 0 0 10px;

}

.highslide-thumbstrip-vertical img {

	max-width: 60px;

}

.highslide-thumbstrip-vertical .highslide-marker {

	left: 0;

	margin-top: 8px;

	border-top-width: 6px;

	border-bottom-width: 6px;

	border-left: 6px solid gray;

}

.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {

	border-left-color: white;

}



.highslide-viewport .highslide-thumbstrip-float {

	overflow: auto;

}

.highslide-thumbstrip-float ul {

	margin: 2px 0;

	padding: 0;

}

.highslide-thumbstrip-float li {

	display: block;

	height: 60px;

	margin: 0 2px;

	list-style: none;

	float: left;

}

.highslide-thumbstrip-float img {

	display: inline;

	border-color: silver;

	max-height: 56px;

}

.highslide-thumbstrip-float .highslide-active-anchor img {

	border-color: black;

}

.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {

	display: none;

}

.highslide-thumbstrip-float .highslide-marker {

	display: none;

}



/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;line-height:1;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}



/* 

    User Style:

    Change the following styles to modify the appearance of ColorBox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}

#colorbox{}

    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}

    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}

    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}

    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}

    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}

    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}

    #cboxContent{background:#fff; overflow:hidden;}

        .cboxIframe{background:#fff;}

        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious:hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext:hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxClose:hover{background-position:-25px -25px;}



/*

  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill

  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.

  See: http://jacklmoore.com/notes/ie-transparency-problems/

*/

.cboxIE #cboxTopLeft,

.cboxIE #cboxTopCenter,

.cboxIE #cboxTopRight,

.cboxIE #cboxBottomLeft,

.cboxIE #cboxBottomCenter,

.cboxIE #cboxBottomRight,

.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

}



/*

  The following provides PNG transparency support for IE6

  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.

*/

.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}

.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}

.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}

.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}

.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}

.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}

.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}

.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}



.cboxIE6 #cboxTopLeft,

.cboxIE6 #cboxTopCenter,

.cboxIE6 #cboxTopRight,

.cboxIE6 #cboxBottomLeft,

.cboxIE6 #cboxBottomCenter,

.cboxIE6 #cboxBottomRight,

.cboxIE6 #cboxMiddleLeft,

.cboxIE6 #cboxMiddleRight {

    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");

}