/********************************************************************************/
/* POP IFRAME */ 
/********************************************************************************/

/*.highslide-html
    Like highslide-image, this is where you specify borders for HTML content.*/
		
/*.highslide-html-blur
    Equivalent to highslide-image-blur.*/
		
/*.highslide-html-content
    General class that you apply to the element you want to expand.*/
	 
/*.highslide-resize
    The class name to use if you want an element within the content to behave like a resize handle.*/
	 
 /*.highslide-body
  If the HTML content element contains an element with this class name, this element will display scrollbars if the size of the expander is exceeded. This way you can create headers and footers. If not, scrollbars will be shown in the outer element. Also, when you display AJAX, Iframe or Flash content, it will be placed in this container.*/
	
/*.highslide-header, .highslide-footer, .highslide-previous, .highslide-next, .highslide-move, .highslide-close
  These are the CSS rules associated with self rendering. */

/* Hide the previous and next links */
.highslide-wrapper .highslide-header ul li.highslide-previous,.highslide-header ul li.highslide-move, .highslide-wrapper .highslide-header ul li.highslide-next, .highslide-header ul li.highslide-close{
    display: none;
}

/********************************************************************************/
/* POP IMAGES */
/********************************************************************************/
.highslide {
    cursor: url(graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
}
.highslide:hover img {
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	padding:10px;
	background:#000;
	border:3px solid white;
}
.highslide-image-blur {border:3px solid #333	;}
.highslide-caption {
		text-align:left;
		display: block;
		color:#333333;
		line-height:18pt;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 12pt;
    padding:0 15px 20px 15px;
		background:white url(../../img/sarkotusors_badge.gif) no-repeat right top;
}
.highslide-caption a{
	color:#000000;
	background:#FFFF00;
	padding:2px;
}
.highslide-caption a:hover{
	color:#FFFF00;
	background:#000000;
	padding:2px;
}

.highslide-caption p{
	font-weight:bold;
	}

.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(loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-full-expand {background: url(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;}