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

	font-family: Verdana;
	background-position: 0px 96px;
	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;

}


#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: 887px;
	width: 0px;
	height: 5px;
	background-color: #FBF5F5;
	z-index: 100;

}

.numericalProgressContainer {

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

img.autoSpeak_rewind, img.autoSpeak_forward, img.autoSpeak_play, img.autoSpeak_pause, img.autoSpeak_icon {

	position: absolute;
	top: 120px;


}

img.autoSpeak_rewind {

	left: 885px;

}

img.autoSpeak_play {

	left: 907px;

}

img.autoSpeak_pause {

	left: 931px;

}

img.autoSpeak_forward {

	left: 955px;

}

img.autoSpeak_icon {

	left: 96px;

}

img.ZDRG_progressMarker {

	position: absolute;
	top: 155px;
	left: 846px;
	z-index: 1000;

}

img.ZDRG_area {

	position: absolute;
	top: 147px;
	left: 885px;
	width: 95px;
	height: 13px;
	z-index: 1000;
	background-color: transparent;

}


#videoContainer {

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

}


.videoPlayerBackground {

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

.progressBarVideoContainer {

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

.progressBarVideo {

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

}

.percentLoadedVideo {

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

}

img.video_rewind, img.video_forward, img.video_play, img.video_pause, img.video_icon {

	position: absolute;
	top: 120px;


}

img.video_rewind {

	left: 885px;

}

img.video_play {

	left: 907px;

}

img.video_pause {

	left: 931px;

}

img.video_forward {

	left: 955px;

}

img.video_icon {

	left: 96px;

}

img.ZDRG_progressMarker {

	position: absolute;
	top: 155px;
	left: 885px;
	z-index: 1000;

}

img.ZDRG_area {

	position: absolute;
	top: 147px;
	left: 885px;
	width: 95px;
	height: 13px;
	z-index: 1000;
	background-color: transparent;

}

#videoMovie {

	position: absolute;
	top: 242px;
	left: 351px;
	width: 512px;
	height: 288px;

}