/* CSS Document */

.highslide {
	cursor: url(/scr/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 3px solid white;
	float: left;
    margin: 5px;

}
.highslide:hover img {
	border: 3px solid #E0E1D3;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    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(/scr/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

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

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/* TABS */

div.demolayout { width: 100%;	margin: 20px 0 20px 0; }
ul.demolayout {	list-style-type: none;  width: 100%;  float: left; background: url(/images/pixel.gif) bottom left repeat-x;  margin:0; padding:0; }
ul.demolayout li { 	margin: 0 2px 0 0; 	float: left; }
ul.demolayout a { float: left; display: block;  padding: 4px 8px; border: 4px solid #E0E1D3; border-bottom: 0; color: #666; background: #F5F5F5;  text-decoration: none;  font-size:12px; }
ul.demolayout a:hover {	background: #fff; }
ul.demolayout a.active { background: #fff; padding-bottom: 5px; color: #A51E54; font-size:12px; }

.tabs-container { clear: left;  border: 4px solid #E0E1D3; background: #fff;  border-top:0; padding: 5px 8px 8px 8px; }
.tabs-container a{ color: #666; }
.tabs-container a:hover{ color: #000; }

.tabs-container ul{ list-style-type: none; padding:0; margin:0; height: 220px; overflow: auto; width:200px;}
.tabs-container li{ padding:2px 0 2px 0;}
.tabs-container li:hover{ background: #F5F6F2;}