/* YoxView v2.0 CSS file */

#yoxview .yoxview_bottom{ bottom: 0; }

#yoxview .yoxview_right{ float: right; }

#yoxview .yoxview_left{ float: left; }



#yoxview_popupWrap

{

	position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    z-index: 100;

}

#yoxview

{

	position: absolute;

	font-family: Arial, Sans-Serif;

	z-index: 999;

	border: solid 1px #999;

	overflow: hidden;

	font-size: 10pt;

	text-align: left;

}

#yoxview a img, #yoxview_infoPanel a img{ border: none; }

#yoxview a:focus{ outline: none; }

#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }

#yoxview div.yoxview_mediaPanel

{ 

	position: absolute; 



	background: #191919; 

	width: 100%; 

	height: 100% 

}

#yoxview .yoxview_ctlBtn

{

	position: absolute; 

	z-index: 3;

	display: block;

	text-decoration: none;

	outline: none;

	width: 50%;

	height: 100%;

}

#yoxview .yoxview_ctlBtn img

{

	position: absolute;

	border: none;

	top: 50%;

	margin-top: -22px;

}

#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}

#yoxview .yoxview_notification

{

	width: 59px; 

	height: 59px; 

	position: absolute; 

	top: 50%; 

	left: 50%; 

	margin-top: -30px;

	margin-left: -30px;

	z-index: 4;

	opacity: 0.6;

	filter: alpha(opacity=60);

	background-image: url(images/sprites.png);

	background-repeat: no-repeat;

	display: none;

}



#yoxview #yoxview_ajaxLoader img

{

	padding: 13px;

}

#yoxview .yoxview_popupBarPanel

{

	position: absolute;

	z-index: 4;

	min-height: 70px;

	width: 100%;

	right: 0;

}

#yoxview #yoxview_menuPanel

{ 

	width: 145px; 

	height: 42px; 

	padding-top: 0px;

	padding-right: 9px;

	position: absolute; 

	right: 0;

	background: url(images/sprites.png) no-repeat left -77px;

	background: rgba(0, 0, 0, 0.8);

	-moz-border-radius: 0 0 0 15px;

	-webkit-border-radius: 0 0 0 15px;

	border-radius: 0 0 0 15px;

	top: -42px;

}



#yoxview #yoxview_menuPanel a

{ 

	display: block; 

	width: 45px; 

	float: right; 

	text-align: center; 

	font-size: 0.8em; 

	position: relative;

	margin-top: -5px;

	padding-bottom: 13px;

	text-decoration: none;

	font-family: Arial, Sans-Serif;

}

#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px;  }

#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }

#yoxview #yoxview_menuPanel a:focus{ outline: none; }

#yoxview_infoPanel

{

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 0;

	color: White;

	z-index: 2;

	overflow: hidden;

	display: none;

}

#yoxview_infoPanel #yoxview_infoPanelBack

{

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 1;

	left: 0;

	top: 0;

}

#yoxview_infoPanel #yoxview_infoPanelContent

{

	position: absolute;

	width: 100%;

	z-index: 2;

	top: 0;

	left: 0;

}

#yoxview_infoPanel span#yoxview_count

{

	display: block;

	width: 55px;

	font-size: 0.8em;

	float: left;

	text-align: center;

	padding-top: 8px;

	color: #bbb;

}

#yoxview_infoPanel #yoxview_infoText

{

	margin: 0 55px;

	font-size: 12pt;

	padding: 5px 0;

}

#yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription

{

	margin-top: 1em;

	font-size: 10pt;

	padding-bottom: 0.5em;

	max-height: 200px;

	overflow: auto;

	padding-right: 10px;

}

#yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }

#yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }

#yoxview_infoPanel a.yoxviewInfoLink

{

	display: none;

	opacity: 0.8;

	float: right;

	margin-right: 5px;

	margin-top: 5px;

}

#yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }

#yoxview #yoxview_helpPanel

{

	display: none;

	width: 201px;

	height: 312px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -171px;

	margin-left: -111px;

	z-index: 5;

	color: White;

	padding: 20px;

	padding-top: 10px;

	cursor: pointer;

}

#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }

#yoxview #yoxview_helpPanel p{ margin-top: 80px; }

#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }

#yoxview .yoxview_error

{

	display: block;

	text-align: center;

	color: White;

	font-family: Arial, Sans-Serif;

	font-size: 14pt;

	top: 41%;

	width: 100%;

	height: 20%;

	position: absolute;

	padding: 10px;

}

#yoxview .yoxview_error .errorUrl{ font-size: 10pt; }

#yoxview .yoxview_top{ top: 0; width: 50%; }

#yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute;  border: none; background: #333; }



.yoxview-thumbnails a

{

	float: left;

	margin: 4px;

	/* For thumbnails opacity: */

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.yoxview-thumbnails a:hover

{

	/* For thumbnails opacity: */

	opacity: 1;

	filter: alpha(opacity=100);

}

.yoxview-thumbnails a img

{ 

	/* Set white borders around the thumbnails, instead of the browser's default Blue: */

	border: solid 1px #ffffff;

}

.yoxview-thumbnails-details{ margin-bottom: 1em; }

.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}