/* CSS Document */
/* CSS Document */
h1#log { color:#CC6600; font-size: 250%;}									/* Orange Class Heading  #ED872D*/
h2#log { color:#5dba00; margin: 20px auto 0px auto; padding: 0 0; }			/* Heading */
h3#log { color:#5dba00; margin: 3px auto 0px auto; }						/* Green Chapter Heading */
h4#log { color:#FF0000; padding: 0 0; margin:1px 0; text-align:center; }	/* Quiz Question */
h5#log { color:#11BB11; padding: 0 0; margin: 5px 0 0 0; }					/* Quiz Correction */
.modalDialog {
	position: fixed;
	font-family: 'BodyText';
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target { opacity:1; pointer-events: auto; }
.modalDialog > div {
	width: 450px; height: 260px; position: relative;
	margin: 15% auto; padding: 5px 40px 13px 40px;
	border-radius: 10px;
	background: #FFFFFF;
	background: -moz-linear-gradient(#FFFFFF, #999999);
	background: -webkit-linear-gradient(#FFFFFF, #999999);
	background: -o-linear-gradient(#FFFFFF, #99999);
	box-shadow: 5px 8px 8px #333333;
	-webkit-box-shadow: 5px 8px 8px #333333;		/* Chrome */
	-moz-box-shadow: 5px 8px 8px #333333;

}
.modalDialog2 { position: relative; padding: 10px 20px 5px 20px ; text-align: center; }
.leftbtn {
	display: inline-block; 
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	clear: both;
	border:1px groove #538312;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding: 5px 35px 5px 35px;
	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	background-color:#4E7D0E; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -webkit-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -o-linear-gradient(top, #7DB72F, #4E7D0E);
	background: linear-gradient(top, #7DB72F, #4E7D0E);
	color:#ffffff;
	font-size:1.1em;
	letter-spacing:.1em;
	/*give the corners a small curve*/
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	/*add a drop shadow to the button*/
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	height: 25px;
	right: 80px;
	top: 200px;
	text-align: center;
	a:link { text-decoration: none; color:#000305;	}
}
.rightbtn {
	display: inline-block; 
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	clear: both;
	border:1px groove #538312;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding: 5px 25px 5px 25px;
	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	background-color:#4E7D0E; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -webkit-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -o-linear-gradient(top, #7DB72F, #4E7D0E);
	background: linear-gradient(top, #7DB72F, #4E7D0E);
	color:#ffffff;
	font-size:1.1em;
	letter-spacing:.1em;
	/*give the corners a small curve*/
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	/*add a drop shadow to the button*/
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	height: 25px;
	right: 80px;
	top: 200px;
	text-align: center;
}
.closebtn {
	background: #606061; color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px; width: 24px;
	text-decoration: none;
	font-weight: bold;
	border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px;
	box-shadow:1px 1px 3px #000000; -moz-box-shadow:1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000;
	
}
.closebtn:hover, .leftbtn:hover, .rightbtn:hover { 
	color:#edebda; outline:0; !important;
	/*reduce the spread of the shadow to give a pushed effect*/
	box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}
a.newuserlink, a.newuserlink:visited  { text-decoration:none; border:none; z-index:0; font-style:italic; color:#229911; }
a.newuserlink:hover { text-decoration:underline}