#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	
	background-color: #a7a6a7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

#lightboxMain
{
width:585px; height:400px;z-index:100;
background:url(../../StyleSheet/images/light-box-bg.png)	
}
#lightbox{width:548px; z-index:100; background:#fff url(../../StyleSheet/images/light-box%20-bg.png) top left no-repeat; margin:0 auto; position:absolute; top:50px;}

#lightbox-image{width:336px; height:336px; margin:0 auto; position:relative; overflow:hidden;}
#lightbox-holder{position:absolute; top:0; left:0; background:url(../../StyleSheet/images/light-box-holder.png) top left no-repeat; width:336px; height:336px; behavior: url(iepngfix.htc); }
#closeElene{float:right!important; background:url(../../StyleSheet/images/icon_cross.gif) top left no-repeat; width:18px; height:18px;}
/*
#lightbox
{
	width:585px; 
	height:400px;
	background:url(../../StyleSheet/images/light-box-bg.png) top left no-repeat;
	position:absolute; 
	z-index:100;
	padding:0!important;
	top:100px;

	overflow:hidden;
}
#lightbox-image{width:338px; height:338px;  margin:20px auto;text-align:left;}
#close{position:absolute; top:15px; right:15px; background:url(../../StyleSheet/images/close-icon.png) top left no-repeat; width:20px; height:33px;}

#lightbox
{
	
	position:absolute;
	
	width: 699px;
	z-index: 100;
	color:#151410;
	} */
	
#lightboxtop
{
	height:14px!important;
	background:url(images/lightbox_top.gif) no-repeat;
}

#lightboxBot{
	height:14px!important;
	background:url(images/lightbox_bot.gif) no-repeat right bottom;
	float:left !important;
	width:699px !important;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#lightboxTitle{
	float:left;
	width:600px;
	margin-bottom:8px;
}

#lightBoxDescription
{
	width:265px;
	float:left;
	vertical-align:bottom;
	overflow:hidden;
	border:1px solid red;
}

#outerImageContainer{
	background:url(images/lightbox_bg.gif) repeat-y;
	padding:0 20px 0 30px;
	overflow:hidden;
	float:left;
	width:655px;
	}
	
	#imageContainer
	{
		text-align:center;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer{
	float:right;
	width:300px;
	}
	
	
	
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: none;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }
.startSlideShow{margin:0 8px 0 0; background:url("images/stop.gif") no-repeat; height:23px;width:23px;display:block; float: left;}
.stopSlideShow{margin:0 8px 0 0; background:url("images/play.gif") no-repeat; height:23px;width:23px;display:block; float: left;}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #c9dda6;
	margin: 0 auto;
	line-height: 1.4em;
	border: 5px solid #fff;
	border-bottom: 0;
	padding-top: 5px;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
/*#prevLinkDetails { margin:0 8px 0 0; background: url(images/lightbox_btn-prev.gif) no-repeat; width: 23px; height: 23px; display: block; position:absolute; bottom:0; right:33px; }		
#nextLinkDetails { margin:0 8px 0 0; background: url(images/lightbox_btn-next.gif) no-repeat; width: 23px; height: 23px; display: block;position:absolute; bottom:0;right:0; }		*/

#prevLinkDetails , #nextLinkDetails
{
	width:22px;
	height:22px;
	float:left;
}

#prevLinkDetails 
{
	background:url(images/lightbox_btn-prev.gif) no-repeat;
}

#nextLinkDetails
{
	background:url(images/lightbox_btn-next.gif) no-repeat;
}

#lightboxcountertxt{
	padding:4px 10px 0 10px;
	font-size:11px;
	float:left;
	}

#closeLink 
{
	display:block;
	width:23px;
	height:23px;
	background:url("images/icon_cross.gif") no-repeat;
	text-indent:-9999px;
	z-index:100;
	float:right;
}
		
#lightboxBtnMain{
	float:right;
	width:95%;
	margin-top:8px;
	}
	
#lightboxBtn{
	margin:0 auto;
	width:120px;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	

	

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	

	

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

	
	.lightboxMain
	{
	position:absolute;
	width:705px;
	margin:50px auto;
	margin-left:150px;
	z-index: 100;
	}
	
	.lightboxTop{
	height:14px;
	background:url(images/lightbox_top.gif) no-repeat;
	}
	
	.lightboxMid{
	background:url(images/lightbox_bg.gif) repeat-y;
	padding:0 20px 0 30px;
	overflow:hidden;
	
	}
	
	.lightboxTitle{
	float:left;
	width:640px;
	margin-bottom:8px;
	}
	
	.cross{
	float:right;
	}
	
	.lightboxMid table{
	float:left;
	border:solid 1px red;
	}
	
	.lightboxMid table td{
	vertical-align:bottom;
	line-height:14px;
	
	}
	
	.lightboxMid table td img{
	float:right;
	}
	
	.lightboxMid table td.font{
	font-size:11px;
	}
	
	.lightboxBot{
	height:14px;
	background:url(images/lightbox_bot.gif) no-repeat;
	
	}
	
	.lightboxBtn
	{
	float:right;
	width:180px;
	}
	
	.lightboxBtn li{
	float:left;
	display:inline;
	margin-top:6px;
	}
	
	.lightboxBtn li.btnPrevious, .lightboxBtn li.btnNext{
	width:22px;
	height:22px;
	float:left;
	}
	
	.lightboxBtn li.txt{
	padding:4px 10px 0 10px;
	font-size:11px;
	}
	
	
/* old css */


#lightboxOld{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightboxOld a, #lightboxOld a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightboxOld a img{ border: none; }

#outerImageContainerOld{
	position: relative;
	background-color: #fff;
	width: 350px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainerOld{
	padding:5px 0 0 5px;
	}

#loadingOld{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLinkOld {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNavOld{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainerOld>#hoverNav{ left: 0;}
#hoverNavOld a{ outline: none;}

#prevLinkImgOld, #nextLinkImgOld{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: none;
	text-indent:-9999px;
	}
#prevLinkImgOld { left: 0; float: left;}
#nextLinkImgOld { right: 0; float: right;}
#prevLinkImgOld:hover, #prevLinkImgOld:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLinkImgOLd:hover, #nextLinkImgOld:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }
.startSlideShow{margin:0 8px 0 0; background:url("images/stop.gif") no-repeat; height:23px;width:23px;display:block; float: left;}
.stopSlideShow{margin:0 8px 0 0; background:url("images/play.gif") no-repeat; height:23px;width:23px;display:block; float: left;}

#imageDataContainerOld{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #c9dda6;
	margin: 0 auto;
	line-height: 1.4em;
	border: 5px solid #fff;
	border-bottom: 0;
	padding-top: 5px;
	}

#imageDataOld{
	padding:0 10px;
	}
#imageDetailsOld{ width: 70%; float: left; text-align: left; }	
#captionOld{ font-weight: bold;	}
#numberDisplayOld{ display: block; clear: left; }			
#detailsNavOld{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetailsOld { margin:0 8px 0 0; background: url(images/prevlabel.gif) no-repeat; width: 23px; height: 23px; display: block; float: left; }		
#nextLinkDetailsOld { margin:0 8px 0 0; background: url(images/nextlabel.gif) no-repeat; width: 23px; height: 23px; display: block; float: left; }		
#closeLinkOld {
	display:block;
	margin:25px 0 0 0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:23px;
	height:23px;
	background:url("images/close.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
/*---------------Starts    KATS----------------------------------*/
#right
{float:right !important;
 }


	#lightBoxTop
	{
	display:block;
	background:#ee7f00;
	height:20px;
	padding-right:4px;
	}
	#lightBoxDetail{
	padding:20px 40px;
	color:#000;
	}
	
	#lightBoxDetail h2{color:#000;}
	#lightBoxDetail a{color:#006a9c; font-weight:normal !important; text-decoration:none;}
	#lightBoxDetail a:hover{text-decoration:underline;cursor:pointer;color:#006a9c;}
	
	
	/*Invite fren*/
	#lightBoxSmall{
	width:300px;
	margin:80px auto;
	}

	#lightBoxSmallTop{
	display:block;
	background:#ee7f00;
	height:20px;
	padding-right:4px;
	}
#lightBoxSmallDetail{
	padding:10px 20px;
	overflow:hidden;
	}
	#btnSkicka{
	width:69px;
	height:23px;
	display:block;
	background:url(../../StyleSheet/images/btn_skicka.png) no-repeat left top;
	margin-bottom:6px;
	cursor:pointer;
	}
	a.btnSkicka:hover, a.btnRensa:hover{
	background-position:left bottom;
	}
	
	#btnRensa{
	width:71px;
	height:23px;
	display:block;
	background:url(../../StyleSheet/images/btn_rensa.png) no-repeat left top;
	}
	#lightBoxSmallDetail input, #lightBoxSmallDetail textarea{
	width:254px;
	border:1px solid #cccdce;
	line-height:18px;
	height:18px;
	margin-bottom:6px;
	padding-left:4px;
	}
	
	#lightBoxSmallDetail textarea{
	height:100px;
	}
/*---------------Ends    KATS----------------------------------*/