/* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}*/
.highslide {
	cursor: url(images/hs-images/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    text-align: left;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/hs-images/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 {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(images/hs-images/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(images/hs-images/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(images/hs-images/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* slides styling */

.photo {margin-left: 12px;}

.photo ul.topic {padding:1em; margin:0; list-style:none; width:500px; height:auto; position:relative; z-index:10;}

/*Each album in the title bar and setting the active state*/
.photo ul.topic li {display: inline; width:125px; height:31px; float: left;}
.photo ul.topic li a.set {display:block; font-size:11px; font-weight: bold; font-variant: small-caps; width:124px; height:20px; text-align:center; line-height:20px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

/*The frame that displays all the pictures*/
.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin: 0px 0px 0px 10px; background:#ddd; width:490px; padding: 20px 0px 20px 0px; border:8px solid #bbb; z-index:1;}

/*The frame that displays all the pictures*/
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin: 0px 0px 0px 10px; background:#ddd; width:490px; padding: 20px 0px 20px 0px; border:8px solid #aaa; z-index:100; height:364px;}

/*The list item that contains each picture within a particular frame*/
.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

/*The link that links to the enlargement of each picture*/
.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

/*Each picture within a particular frame*/
.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

/*The link that enlarges each picture in a preview image before clicking*/
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:150px; height:100px; border-color:#fff;}

.gallery
{height: 400px;}

.gallery1row
{height: 130px;}

.gallery2row
{height: 220px;}

.gallery3row
{height: 310px;}

#hoverLI1 a:hover ul, 
#hoverLI1:hover ul
{height:91px;}

#hoverLI2 a:hover ul, 
#hoverLI2:hover ul
{height:182px;}

#hoverLI3 a:hover ul, 
#hoverLI3:hover ul
{height:273px;}