/*html {
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%; 
	max-height: 100%;
	width: 100%;
	overflow: auto;
 	position: absolute; 
	z-index: 3;
	border-top: 100px solid #fff;
	border-bottom: 50px solid #fff; 
	border-left: 184px solid #fff;
	background: url(center_image.gif) #000;
	background-repeat: no-repeat;
}*/

body
{
	background-color: gray ;
}


* html #left {
	height: 100%;
	top: 0; 
	bottom: 0;
	border-top: 100px solid #fff; 
	border-bottom: 50px solid #fff; 
	color: #fff;
}


div#modificationBox {
	background-color: #99CCEE;/* #326698 */
        border: 4px solid #000;
        width: auto;
        padding: 6px;
	overflow:auto;
	margin-bottom: 6px;
        
}

div#imageBox {
text-align: center;
font-size: 12px;
float: right;
bottom: 4px;
right: 4px;
width: 150px;
}

div#videoBox {
text-align: center;
font-size: 12px;
bottom: 4px;
right: 4px;
float:center;
}

div#timeSlip {
text-align: center;
font-size: small;
bottom: 4px;
right: 4px;
float: left;

}

div#punch3 {
	float: left; 
	width: 33%; 
	text-align: left; 
	font-size: 90%; 
	padding: 1em; 
	background: white; 
	color: black; 
	border: 4px solid #000; 
	border-width: 0 4px 4px 0; 
	margin: -8px 0.5em 0.2em -8px;
}