/* CSS Document */
/* BEGIN Tag Style Defs */
body {

	font-family: Verdana;
	font-size: 13px;
	color: black;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: white;	
	margin: 0px;
}

div.debugConsole {

	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	background-color: silver;
	font-size: 10px;
	font-family: Verdana;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	overflow: hidden;
	
	border: 1px solid white;
}

div.debugConsoleContents {

	position: absolute;
	top: 18px;
	left: 0px;
	width: 100%;
	height: 108px;
	background-color: transparent;
	font-size: 10px;
	font-family: Verdana;
	overflow: hidden;
}

div.dragBar {

	position: absolute;
	top: 0px;
	height: 16px;
	right: 0px;
	width: 100%;
	z-index: 1000;
	background-color: silver;
	font-size: 10px;
	font-family: Verdana;
	overflow: hidden;

}


img {

	border: 0px none transparent;

}

#contentBlock {

	position: relative;
	width: 1000px;
	height: 730px;

}


.shown {

	display:block;
	visibility:visible;

}

.hidden {

	display:none;
	visibility:collapse;

}




.DEBUG_HILITE {

	border: 3px solid red;	
	color: red;
	display:block;
	visibility:visible;
}

.DEBUG_LOLITE {

	border: 0px none transparent;	
	display:block;
	visibility:visible;

}

.mediaControllerControls {

	position: absolute;
	top: 83px;
	left: 691px;

}


#autoSpeakContainer {

	position: absolute;
	top: 0px;
	left: 0px;

}


.autoSpeakPlayerBackground {

	position: absolute;
	top: 104px;
	left: 885px;
	width: 169px;
	height: 64px;
/*	background-image: url('gfx/player_bg.jpg');
*/	background-repeat: no-repeat;
	z-index: -1;
}

.progressBarAutoSpeakContainer {

	position: absolute;
	top: 149px;
	left: 885px;
	width: 95px;
	height: 9px;
	background-color: #51649C;
	z-index: 99;
}

.progressBarAutoSpeak {

	position: absolute;
	top: 151px;
	left: 887px;
	width: 0px;
	height: 5px;
	background-color: #84A8CC;
	z-index: 101;

}

.percentLoadedAutoSpeak {

	position: absolute;
	top: 151px;
	left: 672px;
	width: 0px;
	height: 5px;
	background-color: #FBF5F5;
	z-index: 100;

}

.numericalProgressContainer {

	position: absolute;
	top: 160px;
	left: 672px;
	width: 93px;
	height: 20px;
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	color: gray;
}


.ZSPK_numericalProgressContainer {

	position: absolute;
	top: 160px;
	left: 887px;
	width: 93px;
	height: 20px;
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	color: gray;
}

.ZSPK_percentLoaded {

	position: absolute;
	top: 151px;
	left: 887px;
	width: 0px;
	height: 5px;
	background-color: #FBF5F5;
	z-index: 100;

}

.ZSPK_progressBarContainer {

	position: absolute;
	top: 149px;
	left: 885px;
	width: 4px;
	height: 9px;
	background-color: #51649C;
	z-index: 99;
}

.ZSPK_progressBar {

	position: absolute;
	top: 151px;
	left: 887px;
	width: 0px;
	height: 5px;
	background-color: #84A8CC;
	z-index: 101;

}

#ZSPK_object {

	position: absolute;
	left: 289px;
	top: 135px;
	width: 512px;
	height: 288px;

}




.ZVID_progressBarPlaceholder {

	position: absolute;
	left: 0px;
	top: 4px;
	font-size: 1px;

}

.ZVID_numericalProgressContainer {

	position: absolute;
	top: 40px;
	left: 0px;
	width: 88px;
	height: 20px;
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	color: gray;
	font-size: 1px;
}

.ZVID_percentLoaded {

	position: absolute;
	top: 26px;
	left: 2px;
	width: 0px;
	height: 5px;
	background-color: #a3b88d;
	z-index: 101;
	font-size: 1px;

}

.ZVID_progressBarContainer {

	position: absolute;
	top: 24px;
	left: 0px;
	width: 4px;
	height: 9px;
	background-color: #233b01;
	z-index: 99;
	font-size: 1px;
}

.ZVID_progressBar, .ZVID_progressBarBackground {

	position: absolute;
	top: 26px;
	left: 2px;
	width: 0px;
	height: 5px;
	background-color: #678b43;
	z-index: 102;
	font-size: 1px;

}

.ZVID_progressBarBackground {

	background-color: #ffe8c8;
	z-index: 100;
	font-size: 1px;

}




#ZVIDObject {

	position: absolute;
	left: 136px;
	top: 124px;
	width: 649px;
	height: 460px;

}

#ZVID_object {

	position: absolute;
	left: 136px;
	top: 124px;
	width: 649px;
	height: 460px;

}

#ZVIDObject_background {

/*	position: absolute;
	left: 136px;
	top: 124px;
	width: 649px;
	height: 460px;
	background-image: url('../gfx/1_0_bolden/videofelt.jpg');
*/
}

img.ZVID_Rewind, img.ZVID_Forward, img.ZVID_Play, img.ZVID_Pause, img.ZVID_Icon {

	position: absolute;
	top: 0px;
	width: 24px;
	height: 24px;


}

img.ZVID_Rewind {

	left: 0px;
	
}

img.ZVID_Play {

	left: 24px;

}

img.ZVID_Pause {

	left: 48px;

}

img.ZVID_Forward {

	left: 72px;

}

img.ZVID_Icon {

	left: 96px;

}

.ZVID_dragArea {

	position: absolute;
	top: 24px;
	left: 2px;
	width: 4px;
	height: 13px;
	z-index: 1000;
	background-color: transparent;


}

div.ZVID_progressMarker {

	position: absolute;
	top: 32px;
	left: 0px;
	z-index: 1000;
	background-image: url('../gfx/progressMarker_reg.gif');
	background-position:0px 0px;
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;

}

.videoPlayerBackground {

	position: absolute;
	top: 104px;
	left: 870px;
	width: 128px;
	height: 72px;
	background-color: white;
/*	background-image: url('gfx/player_bg.jpg');
*/	background-repeat: no-repeat;
	z-index: -1;
}