/*
skins available:
	- black
	- white
*/

/* the container */
.logo_perspective {
	position:relative;
}

.logo_perspective img {
	max-width:none;
	max-height:none;
}
.lbg_perspective_grayscale {
 	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
.lbg_perspective_grayscale.disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	-o-filter: grayscale(0%);
}
.logo_perspective_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.logo_perspective .contentHolder {
	position:relative;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:1000;
}
.hideElement {
	display:none;
}

/***black SKIN***/
.logo_perspective.black .contentHolderUnit {
	position:absolute;
	overflow:hidden;
	cursor: pointer;
	border-style:solid;
}
.logo_perspective.black .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	width:100%;
}

.logo_perspective.black .leftNav {
	position:absolute;
	left:2px;
	width:40px;
	height:34px;
	background:url(img/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
	display: none !important;
}

.logo_perspective.black .leftNav:hover {
	background:url(img/leftNavON.png) 0 0 no-repeat;
}

.logo_perspective.black .rightNav {
	position:absolute;
	right:-2px;
	width:40px;
	height:34px;
	background:url(img/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
	display: none !important;
}

.logo_perspective.black .rightNav:hover {
	background:url(img/rightNavON.png) 0 0 no-repeat;
}

.logo_perspective.black .bottomNav {
	position:absolute;
	height:35px;
	width:0;
	padding-left:9px;
	z-index:140;
	display: none !important;
}

.logo_perspective.black .bottomNavButtonOFF {
	float:left;
	display:block;
	width:16px;
	height:15px;
	background:url(img/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.logo_perspective.black .bottomNavButtonON {
	float:left;
	display:block;
	width:16px;
	height:15px;
	padding-left:9px;
	background:url(img/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.logo_perspective.black .bottomNavLeft {
	display:none;
	position:absolute;
	z-index:140;
}
.logo_perspective.black .bottomNavRight {
	display:none;
	position:absolute;
	z-index:140;
}