/*

This file is part of Multigrad Player.

Copyright 2010 Matthias Krauss.
All rights reserved by Multigrad UG (haftungsbeschraenkt).

Copying, publishing, disassembly, manipulation or any other use,
in whole or in parts, is strictly forbidden without explicit written
consent of the license owners.

Some Multigrad products include a non-exclusive, limited
usage and publishing license for this code. See your Multigrad
manual for further information.

*/

.mglegacymodal {
	position:absolute;
	padding:0px;
	margin:0px;
	left:0px:
	top:0px;
	width:0px;
	height:0px;
	border:none;
	background-image:url("halftrans.gif");
	z-index:100;
	display:none;
}

.mglegacycontainer {
	position:absolute;
	padding:0px;
	margin:0px;
	left:0px:
	top:0px;
	width:0px;
	height:0px;
	border:none;
	z-index:101;
	overflow:hidden;
	border:3px solid white;
	display:none;
}

.mglegacyclosebox {
	position:absolute;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;
	z-index:200;
	width:32px;
	height:32px;
	border:none;
	background-image:url("closebutton.gif");
	display:none;
}


.mgfullwindowbody {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#999;
}

#mgfullwindow {
	position:absolute;
	margin:0px;
	padding:0px;
	width:500px;
	height:333px;
	overflow:hidden;
	background-color:#fff;
}

#mgfullwindowclosebox {
	position:absolute;
	right:10px;
	top:10px;
	width:32px;
	height:32px;
	overflow:hidden;
	z-index:200;
	background-image:url("closebutton.png");
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;
	opacity:0.7;
}

#mgmodal {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:0%;
	z-index:100;
	padding:0px;
	margin:0px;
	display:block;
	opacity:0.1;
	overflow: hidden;

	background: rgb(0, 0, 0); 	/* Fallback - black */
	background: rgba(0, 0, 0, 0.6); /* RGBA-compliant */
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
}


#mgmodaloutercell {
	width:100%;
	height:100%;
	display:table;
	overflow: hidden;
}

#mgmodalinnercell {
	display:table-cell;
	vertical-align:middle;
}


#mgmodalwindow {
	position: relative;
	display:block;
	margin:auto;
	width:1px;
	height:1px;
	background:white;
	border:5px solid white;
	box-shadow:5px 10px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:5px 10px 10px rgba(0,0,0,0.3);
	-moz-box-shadow:5px 10px 10px rgba(0,0,0,0.3);
	-o-box-shadow:5px 10px 10px rgba(0,0,0,0.3);
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;

}

#mgmodalcontent {
	position:absolute;
	top:0pt;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

#mgmodalclosebox {
	display:none;
	position:absolute;
	right:-16px;
	top:-16px;
	width:32px;
	height:32px;
	z-index:200;
	background-image:url("closebutton.png");
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;
}

.mgplayercontainer {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:101;
}

.mgplayerimagebox {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:0px none;
}

.mgplayerimage {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	border:0px none;
}

.mgplayerprogressouter {
	position:absolute;
	top:10px;
	left:10px;
	width:100px;
	height:5px;
	background-color:white;
	border:solid black 1px;
}

.mgplayerprogressinner {
	position:relative;
	width:50%;
	height:5px;
	background-color:black;
}

.mgplayertoolbar {
	position:absolute;
	right:15px;
	bottom:15px;
	width:200px;
	height:25px;
	opacity:0.5;
	background-image:url("bar.gif");
	box-shadow:2px 4px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:2px 4px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.3);
	-o-box-shadow:2px 4px 4px rgba(0,0,0,0.3);
	border-radius:13px;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	-o-border-radius:13px;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
}

.mgplayertoolbar:hover {
	opacity:0.8;
}

.mgplayerzoomknobarea {
	position:absolute;
	left:17px;
	width:106px;
	height:100%;
}

.mgplayerzoomknob {
	position:absolute;
	left:0px;
	width:25px;
	height:25px;
	background-image:url("knob.gif");
}

.mgplayerzoominbutton {
	position:absolute;
	left:115px;
	top:4px;
	width:17px;
	height:17px;
	background-image:url("plus.gif");
}

.mgplayerzoomoutbutton {
	position:absolute;
	left:9px;
	top:4px;
	width:17px;
	height:17px;
	background-image:url("minus.gif");
}

.mgplayermovebuttonoff {
	position:absolute;
	top:0px;
	left:136px;
	width:25px;
	height:25px;
	background-image:url("move-off.gif");
}

.mgplayermovebuttonon {
	position:absolute;
	width:25px;
	height:25px;
	top:0px;
	left:136px;
	background-image:url("move-on.gif");
}

.mgplayerturnbuttonoff {
	position:absolute;
	width:25px;
	height:25px;
	top:0px;
	left:163px;
	background-image:url("turn-off.gif");
}

.mgplayerturnbuttonon {
	position:absolute;
	width:25px;
	height:25px;
	top:0px;
	left:163px;
	background-image:url("turn-on.gif");
}

.mghotspot {
    position:absolute;
    width:20px;
    height:20px;
    left:0px;
    top:0px;
    display:none;
    background-image:url("hotspot.gif");
}

.mgoverlay {
    position:absolute;
    left:0px;
    top:0px;
    width:30%;
    height:100%;
    background-color:gray;
    display:none;
}

.mgoverlay p {
    color:white;
    font-family:Helvetica,Arial,sans-serif;
    font-size:0.9em;    
    padding:10px;
}