/* CSS Document */
@import url('../fonts/myfonts.css');

:root {
  --SiteBgColor:#FFFFFF; /* --SiteBgColor: White */
  --TextColor:  #000305; /* --TextColor:   lighter Black */
  --TopBgColor: #72AA27; /* --TopBgColor:  Top Background Green */
  --BigHdColor: #ED872D; /* --BigHdColor:  Orange */
  --MedHdColor: #11BB11; /* --MedHdColor:  Green Chapter Heading */ 
  --Color1:     #00FF66; /* --Color1:      Heading */
  --LinkColor1: #990000; /* --LinkColor1:  Link Color */
}

.button {
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  text-align: center;	
  text-decoration: none;
  outline:none;
  color:#FFFFFF; background-color: #222222;
  border:none; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; box-shadow: 0 4px #999999;
}
.button:hover {background-color: #333333}
.button:active { background-color: #333333; box-shadow: 0 2px #666666; transform: translateY(2px); }
input, textarea, button, select { font-family: 'InputnButton'; }


body_del {
 	 font-family:'BodyText' !important;
/*	background-image: url('../images/bg3.png'); */
	color:#000305;								
	font-size:90%;
	line-height:1.5;  
	min-width:1250px; 
	letter-spacing: 0.003cm;
	word-spacing: 0.009cm; 
	text-align:left;
	width:100%;
	margin:0 auto;
	clear:both;
	text-decoration: none;
	background-color:#FFFFFF;
 }
body {margin:0; padding:10px 0 0 0; font-size:80%; font-family:verdana, Arial, Helvetica, sans-serif; color:#000305; background-color:#AAAAAA; 
	letter-spacing: 0.004cm;
	word-spacing: 0.010cm; 
}

 /* ---------------------*/
.style-glow input[type="text"] {
  padding: 10px;
  border: solid 1px #FFFFFF;
  box-shadow: inset 1px 1px 2px 0 #72AA27;
  transition: box-shadow 0.3s;
}
.style-glow input[type="text"]:focus, .style-glow input[type="text"].focus { box-shadow: inset 1px 1px 2px 0 #C9C9C9; }
.input-style1{ padding:7px; border:solid 1px #555; box-shadow: inset 1px 1px 2px 0 #707070; transition: box-shadow 0.4s; }
.input-style1:focus, .input-style1.focus { box-shadow: inset 1px 1px 2px 0 #C9C9C9; }

.topHeader0 { width:1000px; padding:15px 25px 0 25px; color:#666666; background-color:#FFFFFF; overflow:hidden;
			border-top:1px solid #787777; border-left:1px solid #787777; border-right:1px solid #787777;
			margin-left: auto; margin-right: auto; }

.topHeader     { width:auto; height:auto; margin:0 auto; clear:both; padding:0 0; 
	-moz-transition: width .01s ease-in-out, left 0.02s ease-in-out;
	-webkit-transition: width .01s ease-in-out, left 0.02s ease-in-out;
	-o-transition: width .01s ease-in-out, left 0.02s ease-in-out;
	transition: width .01s ease-in-out, left 0.02s ease-in-out;
}
.topHeaderLeft { width:50%; height:auto; float:left; }
.topHeaderRight{ width:50%; height:auto; float:left; text-align:right; background: #FFFFFF;  }
.topHeaderRightInner{ width: auto; height: auto; float:right; padding:50px 0px 0 0; text-align:right;  }
.topHeaderRightInner label { font-family: 'MainMenuText'; font-size: 14px; color:#11BB11;}
.topHeaderLeft  img{ width:auto; height:50px; margin:3% 0 1% 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; }
.topHeaderRight img{ width:auto; height:35px; margin:0 0; padding: 35px 40px 0 0 }
.topHeaderRightContent{ bottom:0; padding:0 0; margin:0 0}

.nav{ 
	font-family:'MainMenuText'; height: auto; width: 1000px; padding:0 25px; margin-left: auto; margin-right: auto;			
	background: #FFFFFF;
	border-left:1px solid #787777; border-right:1px solid #787777;
	}

.nav_wrapper{ width:1000px; margin:0 auto; padding:0 0; clear: both; text-align:inherit; background: #000000; color: #FFFFFF;}
.nav ul{ list-style: none; padding:0 0; margin:0 0; position: relative;  }
.nav ul li{ display: inline-block; padding:0 0; }
.nav .active   { background-color:#72AA27; color:#000000; }
.nav ul li:hover{ background-color:#72AA27; }
.nav ul img     	{ vertical-align: middle; padding-left: 10px; }
.nav ul li a:hover	{ color:#FFFFFF; background-color:#72AA27; }
.nav ul li a,visited{ color:#FFFFFF; padding:0 0px; text-decoration:none; display:block; margin: 0px 0px; }
.nav li a:link 		{padding:15px 20px;}
.nav li li a:link 	{padding:8px 21px;}
.nav ul li:hover ul { display: block; }
.nav ul ul{ display:none; position:absolute; margin-left: 0px; min-width:15%; }
.nav ul ul li{ display:block;  	/* Menu dropdown */
	background: #000000; 
  	-webkit-box-shadow: 1px 1px 8px #999999; -moz-box-shadow: 1px 1px 8px #999999; box-shadow: 1px 1px 8px #999999; 
	border-top: solid 1px #6D6D6D; border-left: solid 1px #6D6D6D; border-right: solid 1px #6D6D6D; border-bottom: solid 1px #000000;
}
.nav ul li.lastli { float:right; border-left: dotted 1px #999999;}
/*.nav ul li li a {transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }*/

.mainContent { margin-left:auto; margin-right:auto; text-align:inherit; overflow:inherit; width:1000px; 
			border-left:1px solid #787777; border-right:1px solid #787777; 
			padding:10px 25px 25px 25px; background: #FFFFFF;}
.mainContentR{ width:75%; margin:0 auto; float:left; line-height:25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.content { width: 70%; float: left; }
.topcontent { font-family:'BodyText'; background-color:#FFFFFF; padding: 3.5% 7%; 
			   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:7px 7px 5px #999999; }	
/*.content100 { width: 100%; float: left; } */
.topcontent100, .topcontentAdmin { font-family:'BodyText'; background-color:#FFFFFF; min-height:600px; padding:0 0; overflow:auto; }
				 
.topcontent100del { font-family:'BodyText'; background-color:#FFFFFF; width:90%; padding:3% 5%; margin-top:12px; float:left; min-height:800px; 
				 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:7px 7px 5px #999999; }

.mainAd { width: 100%; height: 300px; background-color: #232323; }
.mainAdLeft { width:60%; height:auto; float:left; color: #FFFFFF; margin: 0px 0px; max-height:290px; top: 50%; }
.mainAdLeftIn { width:auto; height: auto; margin: 20px 45px; display: inline-block;}
.mainAdLeftInHd {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"
	;font-size: 400%; }
.mainAdLeftInHd2{font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
	;font-size: 140%; font-weight: bold;
    letter-spacing:0.005cm; word-spacing:0.011cm;}
.mainAdRight{ width:40%; height:auto; float:left; text-align:left;}
.mainAdRight Img { bottom:0; padding:0 0; margin:0 0 }
	
.chapList { 
	font-family:'SideMenuText'; width:21%; margin:0 0 0 -30px; padding:0 5px 0 15px; overflow:auto; float:left; 
/*	background:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.2)); background-color:#72AA27; color:#333333;	
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;*/
}
.subList { 
	font-family:'SideMenuText'; width:23%; margin:0 0; padding:0 0; overflow:inherit; float:left; 
	background-color:#4E4E4E; color:#FFFFFF; border: 3px solid #333333;	
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
.subListTop { text-align:center; font-size: 150%; padding: 20px 0 20px 0;}
.subListTop button {background:#72AA27; color:#FFFFFF;
    border: none; padding:2px 5px; text-align:center; text-decoration:none; display:inline-block; margin:4px 2px; cursor: pointer; border: 1px solid #CCCCCC}

.divtopic { display:block; width:100%-2; clear:both; padding: 0px 0px; margin: 0px 0px 10px 0px; border: 1px solid #DDDDDD; text-align:center; 
			 background:linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.5));  background-color:#CCCCCC }
.divtopic select { font-size:15px; font-weight:400; padding: 5px 0; border: 1px solid #CCCCCC;  }
.divtopic label { margin-left:7px; }
.divtopic a:link, a:visited { text-decoration: none; color: #FFFFFF; background: #4E4E4E; padding:7px 7px; margin:1px 1px; display:inline-block; }
.divtopic a:hover  { color:#FFFFFF; background:#72AA05; }
.divtopic a:active, a.tactive, tactive:visited {text-decoration:none; color: #FFFFFF; background: #72AA27!important; padding:7px 7px; margin:1px 0; display:inline-block;}

.divtog0 {transition: visibility 0s, opacity 0.5s linear;}
.divtog {-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
    transition: height 2s;}

.topicBtn1 {
    background-color:#2F2F2F; color:white; border:none; text-align:left; text-decoration:none; display:block; cursor: pointer;
    padding:10px 5px; margin:0 0; width:100%; font-size: 120%;   
}
*:focus {outline:none}
.topicBtn2 {
    background-color:#4E4E4E; color:white; border:none; text-align:left; text-decoration:none; display:block; cursor: pointer;
    padding:5px 5px 5px 15px; margin:0 0; width:100%-20; font-size: 90%;    
}
.topicBtn2:hover {background:#72AA27;}

.editArt { display:block; width:100%-2; clear:both; padding: 4px 4px 4px 10px; margin: 0px 0px 0px 0px; border: 1px solid #DDDDDD; text-align:left; 
			background-color:#4E4E4E; color:#FFFFFF; overflow: auto;
			font-size:130%; }
.editArt button {background:#72AA27; color:#FFFFFF;
    border: none; padding:2px 5px; text-align:center; text-decoration:none; display:inline-block; margin:0 0; cursor: pointer; border: 1px solid #CCCCCC}


.leftMenu { 
	font-family:'SideMenuText'; width:21%; margin:0 0; padding:0 0; overflow:auto; float:left; 
/*	background:linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.2)); background-color:#72AA27; color:#333333;	
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;*/
}

.chapMaterial { overflow:auto; padding:0 0 0 0; min-height:inherit; background:#FFFFFF;  
			    letter-spacing:normal; word-spacing:normal; }
.chapMaterialIner { overflow:auto; padding:0 0 0 15px; min-height:inherit; background:#FFFFFF;  
			    letter-spacing:normal; word-spacing:normal; }
.artSearch {width:100px; height:100px; position:absolute; top:0;left:0; background:#FFFFFF; display:block;
}



.bottomcontent { font-family:'BodyText'; background-color:#FFFFFF; padding:3% 7%; margin-top:12px; 
				 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:7px 7px 5px #999999; }
.post-info { color:#999999; font-style:italic; font-size:85% }	
.top-leftbar { font-family:'BodyText'; background-color:#FFFFFF; width:17.75%; margin:12px 0 0 12px; padding:2% 2%; clear:both; 
			   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:7px 7px 5px #999999; }
.top-sidebar { font-family:'BodyText'; background-color:#FFFFFF; width:17.75%; margin:12px 0 0 12px; padding:2% 2%; 
			   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:7px 7px 5px #999999; float:left; }
.middle-sidebar { font-family:'BodyText'; width:17.75%; background-color:#FFFFFF; margin:12px 0 0 12px; padding:2% 2%; box-shadow:7px 7px 5px #999999; float:left;
			   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.bottom-sidebar { font-family:'BodyText'; width:17.75%; margin:12px 0 0 12px; padding:2% 2%; background-color:#FFFFFF; float:left;
			   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:7px 7px 5px #999999; }
.subFooter 	{ margin-left:auto; margin-right:auto; text-align:inherit; overflow:inherit; width:1000px; height:0px;
			border-left:1px solid #2F2F2F;; border-right:1px solid #2F2F2F;; 
	padding:10px 25px; background: #2F2F2F;; }
.mainFooter 	{ margin-left:auto; margin-right:auto; text-align:center; overflow:inherit; width:1000px; height: 25px;
			border-left:1px solid #3D3D3D; border-right:1px solid #3D3D3D; 
			padding:10px 25px; background: #3D3D3D;
}
.mainFooter p { width:92%; margin:auto auto; padding:5px 0 0 20px; color:#FFFFFF; }
hr { border-top: 1px solid #CCCCCC; padding:0 0; margin:2px 0; }
h1#ct { color:#CC6600; font-size: 250%;}									/* Orange Class Heading  #ED872D*/
h2#ct { color:#5dba00; }													/* Heading */
h3#ct { color:#5dba00; margin: 3px auto 0px auto; }							/* Green Chapter Heading */
h4#ct { color:#0000FF; padding: 0 0; margin: 0 0; }							/* Quiz Question */
h5#ct { color:#11BB11; margin: 20px auto 8px auto ; }						/* Quiz Correction */

ul#ct { list-style-type: none; padding: 0 0 0 0; }
.aquizul { list-style-type: none; padding: 0 0 0 0; display: block;}
.aquizli { line-height: 15px; margin: 5px 0; position: relative; display:block; padding-top:3px; padding-bottom:2px}
.divqizout { margin: 0 0; padding: 0 0;  } 
.divqizchp { display: block;  }
a.chplink  { color:#5dba00; margin: 3px auto 0px auto; font-size: 125%; text-decoration:none}
a.chplink:hover  { text-decoration:underline }
.divqizcol { float: left; width: 32%; margin: 0 2% 0 0; }
.divqizcollast { float: left; width: 32%; margin: 0 0 0 0; }
a.aqizlink:link { text-decoration: none; color:#000305;	}
.aqizbold { font-weight: bold; color: #CC6600; display: table-cell; }
.aqizuline { color:#000305; display: table-cell; padding-left: 5px; }
.aqizscore { color:#999999; padding-left: 3px; font-size: 70%; font-weight:bold; }
.aqizscore100 { color:#11BB11; padding-left: 3px; font-size: 70%; font-weight:bold; }
.aqizuline:hover { text-decoration: underline; }
.quizquebtn{ clear: both; float: none; padding: 30px 0; text-align:left; }

a.articleLink { text-decoration: none; color:#CC6600; }
.articleLinkText{
	color: #CC6600; font-size: 175%; font-weight: bold;
	clear: both; float: none; display: block;
	padding: 15px 0 5px 0; margin: 0 0;
}
.articleLinkText:hover{ text-decoration: underline; }

.gradeHeading, .adminHeading1{
	color: #CC6600; font-size: 160%; font-weight: bold; clear: both; float: none; display: block; padding: 5px 0 5px 0; margin: 0 0;
}
.adminHeading1DEL{ color: #CC6600; font-size: 200%; font-weight: bold; clear: both; float: none; display: block; padding: 5px 0 5px 0; margin: 0 0; text-align: left; }
.adminHeading2{ color: #5dba00; font-size: 130%; font-weight: bold; clear: both; float: none; display: block; padding: 0 0; margin: 5px 5px 10px 5px; }
.quizlinemsg{
	font-size: 135%;
	clear: both; float: none; display: block;
	padding: 20px 0 5px 0; margin: 0 0;
}
.quizincorrect{
	color: #0000FF; font-weight: bold; font-size: 125%;
	clear: both; float: none; display: block;
	padding: 10px 0 5px 0; margin: 0 0;
}
.quizque{
	color:#000305; font-size: 120%;
	clear: both; float: none; display: block;
	padding: 5px 0 5px 0; margin: 0 0;
 }
.quizoptmain{ width: auto; height: auto; clear: both; }
.quizoptcoltxt { clear:both; width: auto; height: auto; float: none; padding: 2px 0; vertical-align: middle; }
.quizoptcol { 
	float:left; clear:both; display:block;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #DDDDDD;
	padding:2px 2px; margin: 5px 5px 5px 0; text-align:center; vertical-align: middle;
}
.quizoptcol:hover { border:solid 1px #FFFFFF; box-shadow:0px 0px 4px 2px #72AA27; transition:box-shadow 0.5s; }
.quizimage  { padding: 4px 0 0 4px; vertical-align: middle;}
.quizoptrow{
	float:left; display:block; text-align:center; vertical-align:middle;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #DDDDDD;
	padding:10px 10px; margin:10px 15px 0 0;
 }
.quizlabeltext { padding:0 0 0 7px; vertical-align:middle; } 
.quizoptrow:hover { border:solid 1px #FFFFFF; box-shadow:0px 0px 4px 2px #72AA27; transition: box-shadow 0.5s; }
.quizautotxt{ width: 20px; height: 16px; text-align: center; font-size: 16px; font-weight: bold; border: 1px single #EEEEEE;}
.quizanstxt { text-align: left; font-size: 16px; font-weight: bold; border: 2px double #CCCCCC; }
.quizradio { 
	-webkit-appearance:none; 
	width:20px; height:20px; vertical-align: top;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid darkgray; outline:none; box-shadow:0 0 5px 0px gray inset;
 }
.quizradio:before { content:''; display:block; width:12px; height:12px; margin:3.1px 3.1px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }  
.quizradio:checked:before { background: #72AA27; }
.quizradio:hover { box-shadow:0 0 5px 0px #72AA27 inset; }

.quizcheckbox { 
  	-webkit-appearance:none; outline:none;
  	width:20px; height:20px; vertical-align: middle;
  	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid darkgray; box-shadow:0 0 5px 0px #72AA27 inset;
}
.quizcheckbox:before { content:''; display:block; width:12px; height:12px; margin:3.1px 3.1px; vertical-align:middle;  
                       -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }  
.quizcheckbox:checked:before { background: #72AA27; }
.quizcheckbox:hover { box-shadow:0 0 5px 0px #72AA27 inset; }

.quizbutton {
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	border:1px groove #538312;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding: 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*/
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	/*add a drop shadow to the button*/
	-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	height: 35px;
}
.quizbutton:hover, .quizbutton:focus {
	color:#edebda;
	/*reduce the spread of the shadow to give a pushed effect*/
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
	outline:0!important;
}
.quizbutton:active {
	color: #A9C08C;
	background: -webkit-gradient(linear, left top, left bottom, from(#4E7D0E), to(#7DB72F));
	background: -moz-linear-gradient(top,  #4E7D0E,  #7DB72F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E7D0E', endColorstr='#7DB72F');
}

.quiztable{ border-collapse: collapse; border: 1px solid #DDDDDD; }
.quiztableth{ padding: 3px 16px; text-align: center; border-right: 1px solid #DDDDDD; background-color: #7DB72F; color: #FFFFFF;}   /*#4CAF50 */
.quiztabletd{ padding: 3px 16px; text-align: left;   border-right: 1px solid #DDDDDD; }

.userbutton  {
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	border:1px groove #D96C00;
	cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	padding: 3px 12px 0px 12px;
	margin: 0 0 0 2px;
	background-color:#CC6600; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#D96C00), to(#CC6600));
	background: -webkit-linear-gradient(top, #D96C00, #CC6600);
	background: -moz-linear-gradient(top, #D96C00, #CC6600);
	background: -o-linear-gradient(top, #D96C00, #CC6600);
	background: linear-gradient(top, #D96C00, #CC6600);
	color:#EEEEEE;
	text-align: center;
	border-top-left-radius: 25px;
	border-top-right-radius: 1px;
	-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, 1) 0 2px 6px; box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
	height: 24px;
	width: 58px;
}
.userbutton:hover { color:#FFFFFF; border:1px groove #CC6000; }
.userbutton:active {
	color: #A9C08C;
	background: -webkit-gradient(linear, left top, left bottom, from(#4E7D0E), to(#7DB72F));
	background: -moz-linear-gradient(top,  #4E7D0E,  #7DB72F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D96C00', endColorstr='#CC6600');
}
a.userbutton:link { text-decoration: none; font-weight:100; font-size:15px; color:#FFFFFF;}

#dialogoverlay{ display: none; opacity: .4; position: fixed; top: 0px; left: 0px; background: #000000; width: 100%; z-index: 10; }		/* Full screen/window Attributes */
#dialogbox{ display: none; position: fixed; background:#666666; border-radius:5px;  width:450px; height: auto; z-index: 10; }		/* Border Attributes */
#dialogbox > div{ background:#FFFFFF; margin:5px; }
#dialogbox > div > #dialogboxhead{ background: #FFFFFF; font-size:24px; font-weight:bold; padding:20px 20px; color:#FF0000; }
#dialogbox > div > #dialogboxbody{ background: #FFFFFF; padding:10px 20px; color:#333; font-size: 16px; }
#dialogbox > div > #dialogboxfoot{ background: #FFFFFF; padding:20px 20px; text-align:center; }

.btnalert {
	display: inline-block; cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	zoom: 1; *display: inline; /* zoom and *display = ie7 hack for display:inline-block */
	border:1px groove #222222;
	padding: 5px; text-align:center;  	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	color:#FFFFFF;
	background-color:#333333; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333));
	background: -webkit-linear-gradient(top, #999999, #333333);
	background: -moz-linear-gradient(top, #999999, #333333);
	background: -o-linear-gradient(top, #999999, #333333);
	background: linear-gradient(top, #999999, #333333);
	font-size:1.1em; letter-spacing:.1em;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;/*add a drop shadow to the button*/
	height: 35px; width: 80px;
}

.divquizfinish { display:block; width:auto; height:auto; clear:both; padding: 5% 10px; margin: 80px 25% 30px 25%; border: 1px solid #11BB11; text-align: center; color:#11BB11;
				 font-size:36px; font-style:oblique; font-weight:600; }
.divquizfinishbtn { background-color: Transparent; background-repeat:no-repeat; border: none; cursor:pointer; overflow: hidden; outline:none; height:0px; width:0px; }
.divquefinish { display:block; width:auto; height:auto; clear:both; padding: 5% 10px; margin: 80px 25% 30px 25%; border: 1px solid #11BB11; text-align: center; color:#11BB11;
				font-size:36px; font-style:oblique; font-weight:600; }

.divscoreouter { display:block; position:fixed; top:35%; left:77%; z-index:1; opacity: 0.7; width:auto; height:auto; padding:0 0; border: 0px solid #11BB11; text-align:right; 


 }
.divscoreouterDEL { display:block; position:absolute; z-index:1; left:79%; width:auto; height:auto; padding:0 0; margin: 195px 0 0 0; border: 0px solid #11BB11; text-align:right; }

.divscore { clear:both; float:right; width:80px; height:65px; padding: 7px 7px; margin: 0 0; background-color:#9ACD32; color:#FFFFFF; font-size:16px; font-weight:600;text-align:center; line-height:1.2; 
			-moz-border-top-left-radius:25px; -webkit-border-top-left-radius:12px; border-top-left-radius:25px;
			-moz-border-top-right-radius:25px; -webkit-border-top-right-radius:12px; border-top-right-radius:25px;	
			border-bottom: solid 1px #6D6D6D;
			-webkit-box-shadow: 5px 8px 8px #999999;		/* Chrome */
			-moz-box-shadow: 5px 8px 8px #999999;
			box-shadow: 5px 8px 8px #999999;
			}
.divscoresep { clear:both; float:right; width:80px; height:1px; padding: 0px 7px; margin:0 0; background-color:#777777; color:#FFFFFF; font-size:18px; font-weight:600; text-align:center; }
.divscorebot { clear:both; float:right; width:80px; height:67px; padding: 7px 7px; margin:0 0; background-color:#00BFFF; color:#FFFFFF; font-size:16px; font-weight:600; line-height:1.2;
			text-align:center; 
			-moz-border-bottom-left-radius:25px; -webkit-border-bottom-left-radius:12px; border-bottom-left-radius:25px; 
			-moz-border-bottom-right-radius:25px; -webkit-border-bottom-right-radius:12px; border-bottom-right-radius:25px;
			-webkit-box-shadow: 5px 8px 8px #999999;		/* Chrome */
			-moz-box-shadow: 5px 8px 8px #999999;
			box-shadow: 5px 8px 8px #999999;
			}
.divscoreouter label { font-size:36px; padding:0 0}

i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; }
.right 	{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.left  	{ transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.up 	{ transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.down 	{ transform: rotate(45deg);  -webkit-transform: rotate(45deg); }

/* @media screen and (min-width: 480px) 
@media only screen and (min-width: 1200px) and (max-width: 1300px) { .topHeader, .nav_wrapper, .mainContent {width:1290px;} }
@media only screen and (min-width: 1301px) and (max-width: 1400px) { .topHeader, .nav_wrapper, .mainContent {width:1300px;} }
@media only screen and (min-width: 1401px) and (max-width: 1500px) { .topHeader, .nav_wrapper, .mainContent {width:1400px;} }
@media only screen and (min-width: 1501px) and (max-width: 1600px) { .topHeader, .nav_wrapper, .mainContent {width:1500px;} }
@media only screen and (min-width: 1601px) and (max-width: 1700px) { .topHeader, .nav_wrapper, .mainContent {width:1500px;} }
@media only screen and (min-width: 1701px) and (max-width: 1800px) { .topHeader, .nav_wrapper, .mainContent {width:1500px;} }
@media only screen and (min-width: 1801px) and (max-width: 1900px) { .topHeader, .nav_wrapper, .mainContent {width:1500px;} }
@media only screen and (min-width: 1901px) and (max-width: 2000px) { .topHeader, .nav_wrapper, .mainContent {width:1500px;} }


@media only screen and (min-width: 400px) and (max-width: 800px) 
{
	.body {	width:90%; font-size:95%; }
	.headerimg img { width:100%; margin:3% 0; }	 
	.nav { height:auto; width:50%; padding:0 0 0 0; }
	.nav ul { 	}
	.nav ul li { width:100%; height:30px; text-align:left; padding:10px 0 0 0; }
	.nav ul ul { display:none; position:absolute; margin-left:100%; margin-top:-50px; min-width:75%; }
	.nav ul ul li {	height:25px; border:1px solid #333; }
	.nav a:link, .nav a:visited { padding:10px 25px; height:20px; display:block; }
	.mainHeader img { width:100%; margin:3% 0; }
	.mainHeader nav { height:160px; }
	.mainHeader nav ul { padding-left:0; }
	.mainHeader nav ul li { width:100%; text-align:center; }
	.mainHeader nav a:link, .mainHeader nav a:visited { padding:10px 25px; height:20px; display:block; }
	.content, .content100 { width:100%; float:left; }
	.topcontent, .bottomcontent { background-color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3% 5%; margin:3% 0 3% 0; }	
	.post-info { display: none; }	
	.top-sidebar, .middle-sidebar, .bottom-sidebar {width:94%; padding:2% 3%; margin:1.5% 0 1.5% 0; }	
} 

*/