/**
 * dmxBox (Dmxzone Lightbox) Style
 */

#dmxBoxWrapper {
	position   : fixed;
	width      : 100%;
	height     : 100%;
	top        : 0px;
	left       : 0px;
	margin     : 0px;
	padding    : 0px;
	z-index    : 10000;
	text-align : center;
	zoom       : 1;
  -moz-user-select:none;
  -webkit-user-select:none;
  -webkit-user-select:ignore;
	-khtml-user-select:ignore;
	-moz-user-select:-moz-none;
	-o-user-select:none;
	user-select:none;
	user-focus:ignore;
	-moz-user-focus:ignore;
  cursor:default;
	text-rendering: optimizeSpeed;
}
#dmxBoxWrapper *{
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
#dmxLightboxOverlay {
	position : absolute;
	width    : 100%;
	height   : 100%;
	top      : 0px;
	left     : 0px;
	margin   : 0px;
	padding  : 0px;
	z-index  : 0;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded {
	font-family : Tahoma, Arial, sans-serif;
	font-size   : 11px;
	text-align  : left;
	zoom        : 1;
	width       : auto;
	-moz-box-shadow   : 5px 5px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
	-khtml-box-shadow : 5px 5px 15px rgba(0, 0, 0, 0.5);
	box-shadow        : 5px 5px 15px rgba(0, 0, 0, 0.5);
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded iframe {
	margin  : 0px;
	padding : 0px;
	/*display : inline-block !important;*/
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded .dmxLightboxContentsWrapper_c {
	text-align:left !important;
	font-size:0;
}

#dmxBoxWrapper #dmxLightboxContentsWrapper {
	display:inline-block;
	width:auto;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded .dmxLightboxContentsWrapper_t,
#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded .dmxLightboxContentsWrapper_b {
	font-size  : 1px;
	line-height: 1px;
	width      : auto;
	zoom       : 1;
	position   : relative;
	z-index    : 93;
	padding    : 0px;
	display    : block;
	float      : none;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded a {
	text-decoration:none;
    outline: 0px transparent none;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_rounded a:hover {
	text-decoration:underline;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_progress {
	background-image:url(progress.gif);
	background-position: center center;
	background-repeat:no-repeat;
	height  : 10px;
	width   : 64px;
	display : block;
	position: absolute;
	z-index : 99;
	top     : 50%;
	left    : 50%;
	margin-top : -5px;
	margin-left: -32px;
	cursor     : default;
}

/* -------------------- The Title ------------------------- */
#dmxBoxWrapper div.toparea {
	font-family : Arial, "Trebuchet MS", sans-serif;
	font-size   : 15px;
	position    : absolute;
	bottom      : 0px;
	overflow    : hidden;
	left        : 0px;
	right       : 0px;
	z-index     : 2;
	text-align  : left;
	line-height : 106%;
	width       : 100%;
	padding     : 4px 0px;
}

#dmxBoxWrapper span.toparea {
	-webkit-text-shadow: 1px 1px 2px #000;
	text-shadow: 1px 1px 2px #000;
	text-align : left;
	overflow   : hidden;
	white-space: nowrap;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6), -1px -1px 2px rgba(150, 150, 150, 0.5);
	line-height: 102%;
}



#dmxBoxWrapper .extraToolbar {
	position  : absolute;
	font-size : 11px;
	z-index   : 2;
	zoom      : 1;
	right     : 0px;
	top       : 0px;
	line-height:110%;
	padding   : 4px 0px;
	overflow  : hidden;
	max-width : 45%;
	text-align: right;
	height    :26px;
	white-space : nowrap;
	/*width:48px;
	background:url(toolbar.png) top right no-repeat;*/
}

#dmxBoxWrapper .prefsLink {
	width:24px;
	height:24px;
	display:inline-block;
	background:url(config_btn.png) no-repeat;
	margin-left:5px;
}
#dmxBoxWrapper .prefsLink:hover {
 background:url(config_btn_hover.png) no-repeat;
}

#dmxBoxWrapper .indexLink {
	width:24px;
	height:24px;
	display:inline-block;
	background:url(index_btn.png) no-repeat;
	margin-left:5px;
}
#dmxBoxWrapper .indexLink:hover {
	background:url(index_btn_hover.png) no-repeat;
}

#dmxBoxWrapper .aboutLink {
	width:24px;
	height:24px;
	display:inline-block;
	background:url(about_btn.png) no-repeat;
	margin-left:5px;
}
#dmxBoxWrapper .aboutLink:hover {
	background:url(about_btn_hover.png) no-repeat;
}

#dmxBoxWrapper * div.bottomarea {
	position   : absolute;
	text-align : left;
	overflow   : hidden;
	z-index    : 2;
	left       : 0px;
	top        : 0px;
    height     : 16px;
	padding    : 4px 0px;
	width  : 45%;
    font-size  : 12px !important;
    zoom       : 1;
}

#dmxBoxWrapper * span.bottomarea {
	text-align : left;
	font-size  : 12px !important;
	line-height: 120%;
  zoom       : 1;
  overflow   : hidden;
}


/* -------------------- Prev Button ------------------------- */
#dmxBoxWrapper .prevbtn {
	background:url(buttons.png) 0px -43px no-repeat;
	height  : 43px;
	width   : 42px;
	display : block;
	position: absolute;
	z-index : 96;
	top     : 50%;
	left    : 6px;
	margin-top : -22px;
	zoom:1;
	text-decoration:none;
}

#dmxBoxWrapper .prevbtn:hover {
	background:url(buttons.png) 0px 0px no-repeat;
}


/* -------------------- Next Button ------------------------- */
#dmxBoxWrapper .nextbtn {
	background:url(buttons.png) -42px -43px no-repeat;
	height  : 43px;
	width   : 42px;
	display : block;
	position: absolute;
	z-index : 96;
	top     : 50%;
	right   : 6px;
	margin-top: -22px;
	zoom:1;
	text-decoration:none;
}

#dmxBoxWrapper .nextbtn:hover {
	background:url(buttons.png) -42px 0px no-repeat;
}


/* -------------------- Play Button ------------------------- */
#dmxBoxWrapper .playbtn {
	background:url(buttons.png) -84px -43px no-repeat;
	height  : 43px;
	width   : 42px;
	display : block;
	position: absolute;
	z-index : 96;
	top     : 100%;
	left    : 50%;
	margin-top : -49px;
	margin-left: -21px;
	zoom:1;
	text-decoration:none;
}

#dmxBoxWrapper .playbtn:hover {
	background:url(buttons.png) -84px 0px no-repeat;
}

#dmxBoxWrapper .playbtn.playing {
	background:url(buttons.png) -126px -43px no-repeat;
}

#dmxBoxWrapper .playbtn.playing:hover {
	background:url(buttons.png) -126px 0px no-repeat;
}

#dmxBoxWrapper.closed .playbtn,
#dmxBoxWrapper.closed .nextbtn,
#dmxBoxWrapper.closed .prevbtn,
#dmxBoxWrapper.closed div.bottomarea,
#dmxBoxWrapper.closed div.toparea,
#dmxBoxWrapper.closed div.extraToolbar {
	visibility:hidden;
}

/*
Animated is a special temporary class, existing only while
the LB is animated (resized or dragged).
This is used to temporary disable the "heavy" properties.
*/
#dmxBoxWrapper.animated .dmxLightboxContentsWrapper_rounded {
	-moz-border-radius    : 0    !important;
	-moz-box-shadow       : none !important;
	-webkit-border-radius : 0    !important;
	-webkit-box-shadow    : none !important;
	-khtml-border-radius  : 0    !important;
	-khtml-box-shadow     : none !important;
  border-radius         : 0    !important;
	box-shadow            : none !important;
	image-rendering       : optimizeSpeed    !important; /* Firefox 3.6 */
  -ms-interpolation-mode: nearest-neighbor !important; /* IE 7+ */
}

#dmxBoxWrapper.animated span.toparea {
	text-shadow: none !important;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_tl {
	left     : 0;
	top      : 0;
	margin   : 0px auto auto 0px;
	position : absolute;
	z-index  : 93;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_tr {
	top      : 0;
	margin   : 0;
	right    : 0;
	position : absolute;
	z-index  : 93;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_closeButton {

	margin   : 0;
	height   : 24px;
	width    : 24px;
	position : absolute;
	cursor   : pointer;
	z-index  : 94;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_b  {
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_bl {
	top      : 0;
	left     : 0;
	position : absolute;
	z-index  : 93;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_br {
	top      : 0;
	right    : 0;
	position : absolute;
	z-index  : 93;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_c {
	margin         : 0;
	border-style   : solid;
	padding-top    : 0;
	padding-bottom : 0;
	z-index        : 93;
}

#dmxBoxWrapper .dmxLightboxContentsWrapper_content {
	margin: 0;
}