/* CSS Document */

body {
	-webkit-text-size-adjust: none;
	background-color: #121212;
	-webkit-user-select:none;
	-moz-user-select: none; 
}


#mainFrame {
	position:absolute; top:50%; margin-top:-300px; 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;
}

#btnbiocourseware {
	position:absolute; z-index:3; top:13px;left:15px; width:160px; height:32px; cursor:pointer; line-height:32px; text-align:center; color:#FFf;
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.85); -o-box-shadow: 0px 3px 8px rgba(0,0,0,.85); -moz-box-shadow: 0px 3px 8px rgba(0,0,0,.85); box-shadow: 0px 3px 8px rgba(0,0,0,.85); -ms-box-shadow: 0px 3px 8px 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);
	background-color:#369;
	font-size:15px; font-family:Arial, Helvetica, sans-serif; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}


.mainTitle {
	position:absolute; top:0px; left:0px; height:60px; line-height:60px; width:100%;
	font-size:25px; color:#eee; text-align:center; font-weight:100; text-shadow:1px 1px 3px #000;
	font-family:Helvetica-light, Arial, sans-serif;
}




#toolbar {
	position:absolute;
	top:60px;
	left:20px;
	height:500px;
	width:920px;
	background-color:#f9ffff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:1px 1px 3px #000;
	-moz-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
	color:#FFF;
	font-size:14px;
	line-height:18px;
	overflow: hidden;
}

#toolbar .menu {
	position:absolute; left:5px; width:198px; height:60px;
	background-color:#cdd; 
	color:#033; font-size:16px; line-height:60px; text-indent:15px; font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 3px #666; cursor:pointer;
}

#toolbar .menuSelected {
	background-color:#366; 
	color:#fff; 
	position:absolute; left:5px; width:198px; height:60px; 
	font-size:16px; line-height:60px; text-indent:15px; font-family:Arial, Helvetica, sans-serif;
	background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, #366), color-stop(0.53, #033));
	background-image: -moz-linear-gradient(bottom, #366, #033 53%, #033);
	background-image: -ms-linear-gradient(bottom, #366, #033 53%, #033);
	background-image: -o-linear-gradient(bottom, #366, #033 53%, #033);
	background-image: linear-gradient(bottom, #366, #033 53%, #033);
	text-shadow:1px 1px 3px #000; cursor:pointer;
}

#menubarA{
	top:5px; 
	-webkit-border-top-left-radius:7px; -moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
}

#menubarB{
	top:70px; 
}

#menubarC{
	top:135px;
}

#menubarD{
	top:200px;
}

#menubarE{
	top:265px;
}




#description{
	position:absolute; top:0px; left:208px; height:470px; width:320px;
	padding:15px;
	background-color:#f0ffff; -webkit-box-shadow:inset 0px 0px 6px #000; -moz-box-shadow:inset 0px 0px 6px #000; box-shadow:inset 0px 0px 6px #000;
	color:#033; font-size:14px; line-height:18px;
	overflow: hidden; font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 2px #bbb;
}










#calculation{
	position:absolute; top:0px; left:560px; height:270px; width:320px;
	margin-left:20px; margin-right:20px;
	color:#033; font-size:15px; line-height:18px; font-family:Arial, Helvetica, sans-serif; 
	overflow: hidden; border-bottom:1px solid #699;
	text-indent:10px;
}

#calculation .btn {
	width:80px; height:25px; font-size:12px;
}


#results{
	position:absolute; top:310px; left:580px; height:115px; width:300px;
	padding:10px;
	background-color:#efffff; -webkit-box-shadow:inset 0px 0px 4px #000; -moz-box-shadow:inset 0px 0px 4px #000; box-shadow:inset 0px 0px 4px #000;
	color:#000; font-size:14px; line-height:18px;
	overflow: hidden;
	font-family:Arial, Helvetica, sans-serif;
}

#resultstext{
	position:absolute; top:280px; left:580px;
	color:#033; font-size:18px; line-height:18px; font-family:Arial, Helvetica, sans-serif;
}

.ads_google {
	position: absolute;	width: 400px; left:600px; bottom:45px; z-index:8;
	height:50px; overflow:hidden;
}





#about {
	position:absolute; top:0px; left:208px; height:450px; width:662px;
	padding:25px;
	-webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px;
	-webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;
	border-top-right-radius:10px; border-bottom-right-radius:10px;
	background-color:#f0ffff; -webkit-box-shadow:inset 0px 0px 6px #000; -moz-box-shadow:inset 0px 0px 6px #000; box-shadow:inset 0px 0px 6px #000;
	color:#033; font-size:14px; line-height:18px;
	overflow: hidden; font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 2px #bbb;
	z-index:10;
}






#footage {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	width: 700px;
	text-align: center;
	z-index: 2;
	height: 16px;
	bottom: 8px;
	right:100px;
}