/* CSS Document */
body {
	-webkit-text-size-adjust: none;
	background-color: #121212;
	-webkit-user-select:none;
	-moz-user-select:none;
}
body,td,th {
	font-family: Helvetica-light, Arial, sans-serif;
}
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #CCCCCC;
	text-decoration: none;
}

/* main layout */

#mainFrame {
	position:absolute; top:50%; margin-top:-310px; left:50%; margin-left:-480px; width:960px; height:600px;
	background-color:rgba(255,255,255,0.4); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}

#link_email {
	width:25px; height:25px; cursor:pointer;
	background-repeat:no-repeat; background-image:url(../img/twitter.png);
	font-size:20px; line-height:25px;
}


#btnbiocourseware {
	position:absolute; top:8px;left:15px; width:160px; height:32px; cursor:pointer; line-height:32px; text-align:center; color:#FFf;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.85); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.85);  box-shadow: 1px 1px 3px rgba(0,0,0,.85); 
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #369), color-stop(0.53, #69c));
	background-image:-moz-linear-gradient(bottom, #369, #69C);
	background-image:-ms-linear-gradient(bottom, #369, #69c);
	background-image:-o-linear-gradient(bottom, #369, #69c);
	background-image:linear-gradient(bottom, #369, #69c);
	font-size:15px; font-family:Arial, Helvetica, sans-serif; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}








#mainFrame #mainTitle {
	position:absolute; top:0px; left:0px; height:47px; line-height:47px; width:100%;
	font-size:25px; color:#eee; text-align:center; font-weight:100; text-shadow:1px 1px 3px #000;
}

#mainFrame #imgBackground {
	position:absolute; top:47px; left:10px; height:540px; width:540px;
	background-color:rgba(255,255,255,0.7); -webkit-border-radius:10px; -webkit-box-shadow:1px 1px 3px #000;
	overflow:hidden;
	-moz-border-radius:10px; -moz-box-shadow:1px 1px 3px #000;
	border-radius:10px; box-shadow:1px 1px 3px #000;
}

#mainFrame #txtBackground {
	position:absolute; top:47px; left:560px; height:430px; width:350px;
	padding:20px;
	background-color:rgba(0,0,0,0.5); -webkit-border-radius:10px; -webkit-box-shadow:1px 1px 3px #000;
	-moz-border-radius:10px; -moz-box-shadow:1px 1px 3px #000;
	border-radius:10px; box-shadow:1px 1px 3px #000;
	color:#FFF; font-size:14px; line-height:18px;
	overflow: hidden;
}

/* images layout */

#mainFrame #imgBackground #imgCell {
	position:absolute; top:0px; left:0px; height:540px; width:540px;
}
#mainFrame #imgBackground #imgCellParts {
	position:absolute; top:0px; left:0px; height:540px; width:540px;
}
#mainFrame #imgBackground #btnLayer {
	position:absolute; top:0px; left:0px; height:540px; width:540px;
}
#mainFrame #imgBackground #btnLayer div {
	position:absolute; height:30px;
}
#mainFrame #imgBackground #btnLayer div:hover {
	background-color:rgba(100,200,100,0.2); cursor:pointer; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}

#mainFrame #imgBackground #btnHome {
	position:absolute; top:5px; left:5px; height:103px; width:103px;
	 -webkit-border-radius:10px; background-color:rgba(0,100,200,0.2); -webkit-box-shadow:1px 1px 3px #000;
	 -moz-border-radius:10px; -moz-box-shadow:1px 1px 3px #000;
	 border-radius:10px; box-shadow:1px 1px 3px #000;
	 cursor:pointer;
}


/* loading frame */
#loading {
	height: 200px;
	width: 320px;
	margin-left: -160px;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 200px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	line-height:40px;
	text-align:center;
	z-index:10;
}
#loading .title {
	font-size:18px;
}
#loading .normal {
	font-size:14px;
}
#loading #pro-frame {
	position: absolute;	top: 80px; left: 60px; width: 200px; height: 4px; z-index:0;
	background-color:#666;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius:2px;
}
#loading #pro-bar {
	position: absolute; top: 80px; left: 60px; height: 4px; z-index:1;
	background-color:#ccc;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



/* player frame */
#mainFrame #player {
	position:absolute; width:520px; height:395px; left:220px; top:100px;
	background-color:rgba(240,240,240,0.85); -webkit-border-radius:10px; color:#333;
	-webkit-box-shadow:1px 1px 3px #000; -moz-border-radius:10px; color:#333;
	-moz-box-shadow:1px 1px 3px #000; border-radius:10px; color:#333;
	box-shadow:1px 1px 3px #000;
}
#mainFrame #player video {
	position:absolute; width:480px; height:356px; left:20px; top:20px;
}
#mainFrame #player #close {
	position:absolute; width:40px; height:40px; right:0px; top:0px;
	text-indent:20px; line-height:22px; font-size:25px; cursor:pointer; font-weight:bold;
}






/* other */
#footage {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	width: 100%;
	text-align: center;
	z-index: 2;
	height: 16px;
	top: 610px;
}


.ads_google {
	position: absolute;	width: 320px; left:590px; top:527px; z-index:10;
	height:50px; overflow:hidden;
}