/*
  Created by Teeneinstein Corporation.
  Copyright (c) 2012 Teeneinstein Corporation. All rights reserved.
  Modified @ Oct 19 2016  16:57 Version-04
*/

@charset "utf-8";
/* CSS Document */
header, section, footer, aside, nav, article, figure img{
	display: block;
}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: url('images/body_bg.jpg') repeat left top;
	margin: 0;
	padding: 0;
	color: #000;
	}
h1, h2, h3, h4, h5, h6, h7,h8,h9,h10,h11,h12,h13,h21,h22,h23 p {}
a img {}
a:link {}
a:visited {}
a:hover, a:active, a:focus {}

h2 { 
	font-family:Helvetica; 
	font-size: 2.0em;
	letter-spacing: -1px; 
	color: black; 
}

h3 { 
    font-family:Helvetica;
	font-weight:100;
	font-style:normal;
	font-size:18px;
	letter-spacing: -1px;
	color:#CCC; 
	
}

h4 { 
    font-family:Helvetica;
	font-weight:50;
	font-style:normal;
	font-size:18px;
	letter-spacing: -1px; 
	color: black; 
}

h5 { 
    font-family:Helvetica;
	font-style:normal;
	font-size:18px;
	letter-spacing: -1px; 
	color: black;
	font-weight:100; 
}

h6 { 
	font-family:Helvetica; 
	font-size: 1.5em;
	letter-spacing: -1px; 
	color: black; 
}

h10 { 
	font-family:Helvetica; 
	font-size: 1.5em;
	letter-spacing: -1px; 
	color: black; 
}

h11 { 
	font-family:Helvetica; 
	font-size: 1.5em;
	letter-spacing: -1px; 
	color: black; 
}

h12 { 
	font-family:Helvetica; 
	font-size: 1.5em;
	letter-spacing: -1px; 
	color: black; 
}

#page {
	width:100%;
	padding:0px;
	margin:0px;
	display: block;
	clear: both;
}
.wrapper {
	width: 980px;
	margin: 0 auto;
}
.container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.row {
	clear: both;
	width:100%;
	margin:0px;
	padding:0px;
}
header{
	width:100%;
	margin:0px 0 20px;
	padding:5px;
	height:90px;
	}
h1 .logo img
{ 
 float:left; 
 width:249px; 
 height:62px;
 margin:0px;
 padding:0px 0 0;
 background-image: url('images/logo.jpg')no-repeat bottom;
 background-color:transparent;
 }
 
h13 .logo1 img
{ 
 float:left; 
 width:249px; 
 height:62px;
 margin:3px 0px 0px -116px;
 padding:0px 0 0;
 background-image: url('images/logo.jpg')no-repeat bottom;
 background-color:transparent;
 }
 
 .top_center{
	float:left;
	height:60px;
	width:100px;
	border:none;
	padding:0px;
	margin:92px 0 0 1049px;
	position:absolute;
}

.top_center .icons{
	width:208px;
	float:left;
	padding:0px 0 0 0px;
	margin:-103px 0 0 -828px;
	font:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:16px;
	text-decoration:none;
	}
	
.top_right{
	float:right;
	height:60px;
	width:571px;
	background:url('images/dotted_line.png') no-repeat bottom;
	background-color:transparent;
	border:none;
	padding:0px;
	margin:0px;
}

.top_left{
	float:left;
	height:60px;
	width:771px;
	background:url('images/dotted_line.png') no-repeat bottom;
	background-color:transparent;
	border:none;
	padding:0px;
	margin:25px 0 0 -221px;
}

.top_left .icons{
	width:708px;
	float:left;
	padding:0px 0 0 0px;
	margin:-10px 0 0 -79px;
	font:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:16px;
	text-decoration:none;
	}

.top_right h2{
	width:250px;
	float:left;
	font-size:22px;
	position:relative;
	line-height: 26px;
	}
.top_right h8{
	width:338px;
	height:51px;
	float:left;
	position:relative;
	background-image:url(images/score_title.png);
	background-color:transparent;
	line-height: 26px;
	margin:15px 50px 0 -96px;
	}		
	
.top_right h10{
	width:338px;
	height:51px;
	float:left;
	position:relative;
	line-height: 26px;
	margin:8px -53px 0 -7px;
	}		

.top_right h11{
	width:338px;
	height:51px;
	float:left;
	position:relative;
	line-height: 26px;
	margin:21px -53px 0 -7px;
	}			

.top_right h12{
	width:370px;
	height:51px;
	float:left;
	position:relative;
	line-height: 26px;
	margin:21px -53px 0 -27px;
	}			

.top_right .icons {
	width:278px;
	float:right;
	padding:0px 0 0 0px;
	margin:0px 0 0 0px;
	}

.top_right1 {
	float:right;
	height:60px;
	width:675px;
	background:url('images/dotted_line.png') no-repeat bottom;
	padding:0px;
	margin:0px;
}
.top_right1 h2{
	width:150px;
	float:left;
	font-size:22px;
	position:relative;
	line-height: 26px;
	}

.top_right1 .icons {
	float:right;
	width:510px;
	padding:0px 0 0 0px;
	margin:-35px 50px 0px 0px;
	}	

.top_right2{
	float:right;
	height:60px;
	width:675px;
	padding:0px;
	margin:0px;
}	
.top_right2 .icons{
	float:right;
	width:310px;
	padding:0px 0 0 0px;
	margin:4px -82px 0px 0px;
	}	
	
	
header .banner{
	width:960px;
	position:relative;
	display:block;
}

.banner_left {
	float:left;
	width:645px;
	height:298px;
}
.banner_right{
	float:right;
	width:315px;
	height:298px;
}

nav {
	width: 100%;
	height: 80px;
	
}
	
.icons ul {
	float:right;
	list-style-type:none;
	padding:0px;
}
.icons ul li{
	float:left;
	display:block;
	position:relative;
	padding:0 5px;
	width:auto;
	height:auto;
}

.icons li .radio {
  width: 19px;
  height: 25px;
  background:url(images/radio_img);
  display: block;
  clear: left;
  float: left;
  cursor:pointer;
}



.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid black;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.dropdownContain {
	width: 160px;
	position: absolute;
	z-index: 2;
	left: 64%;
	margin-left: -80px; /* half of width */
	top: -480px;
}

.dropdownContain1 {
	width: 160px;
	position: fixed;
	z-index: 2;
	left: 50%;
	margin-left: 80px; /* half of width */

}

.dropdownContain2 {
	width: 160px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: 80px; /* half of width */
	
}

.dropdownContain3 {
	width: 160px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: 80px; /* half of width */
}
.dropOut {
	width: 150px;
	height:110px;
	background-color:#f6f6f6;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.dropOut ul {
	float: left;
	padding: 10px 0;
}
.dropOut ul li {
	text-align: left;
	float: left;
	width: 125px;
	padding: 12px 0 10px 15px;
	margin: 0px 10px;
	color: #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

.dropOut ul li:hover {
	background: #8C9C9A;
}
ul li:hover a { color: black; text-decoration:none; }
.dropOut ul li:hover a { color: white; text-decoration:none; }

ul li:hover .dropdownContain { top: 30px; }
ul li:hover .dropdownContain1 { top: 459px; }
ul li:hover .dropdownContain2 { top: 65px; }
ul li:hover .dropdownContain3 { top: 59px; }
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 8px; }

section{
	width:980px;
	margin:0px auto 0px;
	padding:10px 10px 0px;
	
	}
.content {
	padding: 10px 10px;
	width: 960px;
	float: left;
	margin: 0 0 30px;
	clear: both;
	font: Helvetica;
	font-size:14px;
	font-family:Helvetica;
}

.content1 {
	padding: 10px 10px;
	width: 960px;
	float: left;
	margin: -40px 0;
	clear: both;
	font: Helvetica;
	font-size:14px;
	font-family:Helvetica;
}

.content h3{ 
background:url(images/Question_display.png); 
width:716px; 
text-align:left; 
padding:18px 20px; 
margin:20px 0px 0px 40px;
}

.content1 h3{ 
background:url(images/Question_display.png); 
width:716px; 
text-align:left; 
padding:18px 20px; 
margin:20px 0px 0px 40px;
}

.content1 h7{ 
width:100%; 
height:100%;
text-align:left; 
margin:42px 2px 2px 40px;
background-color:transparent;
}

ul.lists 
{ 
    font-family:Helvetica;
	font-weight:100;
	font-style:normal;
	font-size:18px;
	letter-spacing: -1px;
	color:black; 

}

ul.lists li
{ 
position:relative;
background:url(images/Question_options.png);
background-color:transparent;
width:716px;  
margin:15px 0;
}
.lists li.rounds {
	
}

.pagination {
	margin:0 auto;
	padding:0px;
	float:left;
	margin-bottom:100px;
	width:960px;
	height:50px;
	display:block;
	position:relative;
}
.pagination > ul.pager {
	position:relative;
	float:none;
	list-style:none;
	
}

 .pagination > ul.pager> li{
	float:left;
	display: block;
	position:relative;
	left:250px;
 }
 
 .pagination > ul.pager1 {
	position:relative;
	float:none;
	list-style:none;
	
}

 .pagination > ul.pager1> li{
	float:left;
	display: block;
	position:relative;
	left:100px;
	padding:5px;
 }
 
a.correct {     
  display: block; 
  width:59px;
  height:67px;
  background-image: url('images/correct.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
} 

a.wrong {     
  display: block; 
  width:59px;
  height:67px;
  background-image: url('images/wrong.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
} 

a.solution {     
  display: block; 
  width:156px;
  height:66px;
  background-image: url('images/solution.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
} 

a.solution:hover{  
     background-image: url('images/solution_RLL.png'); 
}  

.solution {     
  display: block; 
  width:156px;
  height:66px;
  background-image: url('images/solution.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
} 

.solution:hover{  
     background-image: url('images/solution_RLL.png'); 
}  

.subbutton {
  display: block; 
  width:156px;
  height:66px;
  background-image: url('images/concept_next.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
  background-image:transparent;
   }
.subbutton:hover {
  background-image: url('images/concept_next_RLL.png'); 
   }

.subebutton {
  display: block; 
  width:156px;
  height:66px;
  background-image: url('images/concept_next.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
  border:none;
   }
.subebutton:hover {
  background-image: url('images/concept_next_RLL.png'); 
  border:none;
   }


a.psubmit {     
  display: block; 
  width:156px;
  height:66px;
  background-image: url('images/concept_next.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
} 

a.psubmit:hover{  
     background-image: url('images/concept_next_RLL.png'); 
}  

/*** WORKSHEET PREVIOUS & SUBMIT BUTTON ***/
.previousbutton_worksheet {
  display: block; 
  width:58px;
  height:68px;
  background-image: url('images/previous.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
  background-image:transparent;
   }
.previousbutton_worksheet:hover {
  background-image: url('images/previous_RLL.png'); 
   }
   
  .nextbutton_worksheet {
  display: block; 
  width:58px;
  height:68px;
  background-image: url('images/next.png');  /*Button background color  - TeenEinstein.com*/
  text-align:center;
  background-color:transparent;
  border-color:transparent;
  background-image:transparent;
   }
.nextbutton_worksheet:hover {
  background-image: url('images/next_RLL.png'); 
   }
   
  .lastques_completed {  
   background-image: url('images/Question_completed.png'); 
   display: block;
   position:relative;
   width:56px;
   height:70px;
    /*Button background color  - TeenEinstein.com*/
   text-align:center;
   background-color:transparent;
   border-color:transparent;
  
}
.lastques_completed:hover {  
     background-image: url('images/Question_completed_RLL.png'); 
}   
 
a.prev {     
  display: block; 
  width:58px;
  height:68px;
  background-image: url('images/previous.png');  /*Button background color  - TeenEinstein.com*/
  background-color:transparent;
  border-color:transparent;
} 

a.prev:hover{  
     background-image: url('images/previous_RLL.png'); 
}  

a.next {      
    display: block;
	width:56px;
	height:69px;
	background-image: url('images/next.png');  /*Button background color  - TeenEinstein.com*/
	text-align:center;
	background-color:transparent;
	border-color:transparent;
}
a.next:hover {  
     background-image: url('images/next_RLL.png'); 
}   

a.conceptprev {     
  display: block; 
  width:70px;
  height:69px;
  background-image: url('images/concept_previous.png');  /*Button background color  - TeenEinstein.com*/
  background-color:transparent;
  border-color:transparent;
} 

a.conceptprev:hover{  
     background-image: url('images/concept_previous_RLL.png'); 
}  

a.conceptnext {      
    display: block;
	width:70px;
	height:69px;
	background-image: url('images/concept_next.png');  /*Button background color  - TeenEinstein.com*/
	text-align:center;
	background-color:transparent;
	border-color:transparent;
}
a.conceptnext:hover {  
     background-image: url('images/concept_next_RLL.png'); 
}

a.conceptnext1 {      
    display: block;
	width:70px;
	height:69px;
	background-image: url('images/concept_next.png');  /*Button background color  - TeenEinstein.com*/
	text-align:center;
	background-color:transparent;
	border-color:transparent;
}
a.conceptnext1:hover {  
     background-image: url('images/concept_next_RLL.png'); 
}   

.countbox {      
    display: block;
    position:relative;
   	width:120px;
	height:69px;
	background-image: url('images/countbox.png');  /*Button background color  - TeenEinstein.com*/
	text-align:center;
	background-color:transparent;
	border-color:transparent;
}   

.ques_completed {  
   background-image: url('images/Question_completed.png'); 
   display: block;
   position:relative;
   width:56px;
   height:70px;
    /*Button background color  - TeenEinstein.com*/
   text-align:center;
   background-color:transparent;
   border-color:transparent;
  
}
.ques_completed:hover {  
     background-image: url('images/Question_completed_RLL.png'); 
}   

aside{
	width:980px;
	height:auto;
	position:relative;
	padding:0px 0px;
	margin:0px auto;
}
aside .cols{
	width:100%;
    padding:40px 0px 0px 0px;}

.cols1{
	float:left;
	top:50px;
	width:200px;
	}

/*** Username ***/
.colsW1
{
	position:absolute;
    float:left;
	top:312px;
	left:20px;
	width:100px;
	text-align:center;
	padding-top:0px;
}
.colsU1
{
	position:absolute;
    float:left;
	top:348px;
	left:20px;
	width:100px;
	text-align:center;
	padding-top:0px;
}

.colsU2
{
	display: block;
	top:90px;
	position: absolute;
    float: left;
    margin-left: 812px;
    width: 70px;
}


.cols2{
	float:left;
	width:560px;
	padding-left:120px;
	}

.cols3{
	float:right;
	width:200px;
	}
.cols2 .shadow{
 position:relative; 
 
}
	/****Score Page***/
.cols4
{
	float:left;
	height:290px;
	width:990px;
	margin:-22px 0px 0px 0px;
    border-radius: 25px;
    border:1px solid #999;
    padding:20px;
}

.cols5
{
 	float:left;
	position:relative;
	margin:-312px 0px 0px 459px;
	width:380px;
	height: 432px;

}

/***Reward ***/
.cols61
{
	display:block;
	position:relative;
 	float:right;
	margin-right:150px;
	width:133px;
	height:154px;
	margin-top:-444px;
	background-image:url(images/reward-button.gif);
	background-color:transparent;
}

/***Score Reward Timer Graph***/
.cols62
{
	float:left;
	position:relative;
	margin:-107px 0 0 753px;
	width:300px;
	height: 100px;
}

/***Score Topic Name***/
.cols63
{
	position:relative;
	margin:10px;
	width:650px;
	height:65px;
}

/*** worksheet, concept & apps ***/

#cols64
{
  position:relative;
  width:290px;
  height:450px;	
  left:-43px;
  top:-8px;
}
#cols65
{
  position:relative;
  width:748px;
  height:473px;
  left:243px;	
  top:-458px;

}

#cols66
{
   position:relative;
  width:748px;
  height:450;
  left:243px;	
  top:-458px;
  -webkit-overflow-scrolling: touch;
  overflow:auto;
}

	
/*** Signup Page****/	
.border_1 {
	background:#FFFFFF;
	border:5px solid #FFF;
	height:292px;
	width:964px;
	margin-left:-23px;
}
.cols6	
{
	float:left;
	width:315px;
	min-height: 282px;
	clear: both;
	margin-left: 2px;
	background: #EFEFEF;
}

.cols7	
{
	float:left;
	width:306px;
	left: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.cols8	
{
	float:left;
	width:310px;
	height: 285px;
	min-height: 282px;
	margin-left: 0em;
	background: #EFEFEF;
	overflow-y: scroll;
}

.signup3{
       float:center;
       width:960px;
       height: 7px;
       padding-left: 180px;
       }
ul.round {
	float:left;
	position:relative;
	list-style-type:none;
	margin-left:0em;
}
.round li {
	width:280px;
	line-height:30px;
	position:relative;
	background:url('images/Sign-up_icon.png') no-repeat;
	float:left;
	display:block;
	background-position: 0.3em;
	padding-left:3em;
	margin-left:0em;
}

label {
    float: left;
    width: 280px;
    text-align: left;
    margin-left: 1.5em;
	margin-top:0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	font-family: Helvetica;
	font-size:11px;
}
.form-field-no-caption {
	float:left;
    margin-left:1.5em;
	
    padding-left: 0.1em;
	
}


/**** Question Page ****/

.cols9	
{
	float:left;
	top:50px;
	width:720px;
	
}

.cols10	
{
	float:left;
	width:720px;
}

.cols11	
{
	float:left;
	top:50px;
	width:200px;
}

.cols12
{
	float:left;
	width:100px;
	padding-left: 180px;

}

.cols13
{
	float:left;
	width:100px;
	padding-left: 150px;

}
.cols14
{
	float:left;
	width:100px;
	padding-left: 150px;

}
/***Current Standing Graph ***/

.colsCG
{
	float:left;
	width:900px;
	min-height: 332px;
	clear: both;
	margin-left: 50px;
	background: #fafafa;
}

/*** Learn Page ****/

.cols15
{
	float:left;
	width:600px;
	min-height: 432px;
	clear: both;
	margin-left: 20px;
	background: #fafafa;
}

.cols16
{
	margin-left: 30px;
	float: left;
	height: 432px;
	width: 325px;
	overflow-y: scroll;
	margin-bottom: 25px;
	background-color:fafafa;
}


/*** Question ****/
.colsq18
{
	margin-left: 20px;
	float: left;
	height:auto;
	width: 930px;
	margin-bottom: 25px;
	background-color:fafafa;
}



.cols18
{
	overflow-y: scroll;
	margin-left: 20px;
	float: left;
	height: 315px;
	width: 930px;
	margin-bottom: 25px;
	background-color:fafafa;
}


/*** Quiz Timer ***/
.cols27
{
	float:right;
	height:20px;
	width:930px;
	margin:16px 0px 0px 0px;
}




/*** Account Profile ****/
.cols19
{
	margin-left: 40px;
	float: left;
	height: 390px;
	width: 450px;
	margin-top: 100px;
	background-color:fafafa;
}

.cols20
{
	margin-right: 20px;
	float: right;
	height: 390px;
	width: 350px;
	margin-top: 100px;
	background-color:fafafa;
}

/*** Topics ****/
.cols21
{
	margin-left: 75px;
	float: right;
	height: 725px;
	width: 980px;
	position:relative;
    margin-top:-39px;
	background-color:fafafa;
}

/*** Topics Display in all pages ***/
.cols22
{
	margin-left: 30px;
	float: left;
	height: 50px;
	width: 650px;
    margin-top:0px;
  	background-color:fafafa;
}

.colsclk
{
	margin-left:6px;
	float: left;
	height: 50px;
	width: 550px;
    margin-top:10px;
  	background-color:fafafa;
}

.cols23
{
	float: right;
	height: 50px;
	width: 250px;
	margin-top:5px;
	background-color:fafafa;
}

.cols24
{
	margin-left: 30px;
	float: left;
	height: 50px;
	width: 250px;
    margin-top:20px;
  	background-color:fafafa;
}


.colsHElp
{
	float:right;
	margin-top: 25px;
	height: 50px;
	width: 50px;
 	background-color:fafafa;
}
/*** Current Graph Topics ***/
.colsCT
{
	float:left;
	margin-left:30px;
	height: 70px;
	width: 900px;
 	background-color:fafafa;
}

/*** Reports Page ***/
.report_box
{
    top:0px;
	left:0px;
	float: left;
	height: 432px;
	width: 956px;
	overflow:hidden;
}
.report_box1
{
    top:0px;
	left:0px;
	float: left;
	height: 432px;
	width: 195px;
	overflow:hidden
}
.report_box2
{
    top:0px;
	left:0px;
	float: left;
	height: 432px;
	width: 750px;
	overflow:auto;
}
.cols17
{
	margin-left: 45px;
	float: left;
	height: 432px;
	width: 910px;
	margin-bottom: 25px;
	background-color:fafafa;
	overflow:auto;
}

.cols24
{
	overflow:auto;
	width:950px;
	height:550px;
	min-height: 432px;
	clear: both;
	margin: 10px 0px 0px 0px;
	background: #fafafa;

}

.cols25
{
	margin-left: 30px;
	float: left;
	height: 432px;
	width: 120px;
	margin-bottom: 25px;
	background-color:fafafa;

}

.cols26
{
	width:450px;
	height:550px;
	min-height: 432px;
	clear: both;
	top:10px;
	left:50px;
	background: #fafafa;

}

#style-6::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-6::-webkit-scrollbar-thumb
{
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}


figure {
	width:960px;
	position:relative;
	padding:0px 0px;
	
}
.col1,    .col2,   .col3,   .col4,  .col5,  .col6,  .colT61,
.colT62,   .colT63,  .colT64,  .colT65, .colT66, .colT67, .colT68,
.colT69,   .colT610, .colT71, .colT72, .colT73, .colT74, .colT75,  .colT16, .colT17,  .colT18, .colT19, .colT20, 
.colG1,  .colG2, .colG3, .colG4, .colG5, 
.colG6,   .colG7,  .colSt1,  .colSt2, .colSt3, .colSt4, .colSt5,
.colD1,   .colD2,  .colD3, .colD4, .colT91,
.colT92,   .colT93,  .colT94,  .colT95, .colT96, .colT97, .colT98,
.colT99,   .colT910, .colT911,   .colT912, .colT111, .colT112, .colT113, .colT114, .colT115, .colT116,.colT117, .colT121, .colT122, .colT123, .colT124, .colT125, .colT126, .colT127, .colT128
{
	position:absolute;
	display:block;
}

	
/** Practice ***/	
.col1{
	right:43%;
	top:6%;
	width: 80px;
}

/*** Application ***/
.col2{
	left:23%;
	top:24%;
	width: 80px;
}

	/**** Animations ***/
	
.col3{
	right:21%;
	top:27%;
	width: 80px;
}

	/**** Videos ***/
.col4{
	left:20%;
	top:68%;
	width: 80px;
}

	/**** Webnars ***/
.col5{
	right:18%;
	bottom:18%;
	width: 80px;
}

/**** Webnars ***/
.col6{
	right:18%;
	bottom:18%;
	width: 80px;
}

/**** Topics Button One****/

.colT61{
	left:108px;
	bottom:135px;
	width: 80px;
}

/**** Topics Button Two****/

.colT62{
	right:36%;
	bottom:28%;
	width: 80px;
}


/**** Topics Button Three****/

.colT63{
	left:107px;
	top:56%;
	width: 80px;
}

/**** Topics Button Four****/

.colT64{
	right:352px;
    top:48%;
	width: 80px;
}

/**** Topics Button Five****/

.colT65{
	left:109px;
	top:41%;
	width: 80px;
}

/**** Topics Button Six****/

.colT66{
	right:365px;
	bottom:431px;
	width: 80px;
}

/**** Topics Button Seven****/

.colT67{
	left:110px;
	bottom:479px;
	width: 80px;
}

/**** Topics Button Eight****/

.colT68{
	right:371px;
	bottom:525px;
	width: 80px;
}

/**** Topics Button Nine****/

.colT69{
	left:109px;
	bottom:565px;
	width: 80px;
}

/**** Topics Button Ten****/

.colT610{
	right:378px;
	bottom:606px;
	width: 80px;
}

.colT71{
	left:106px;
	bottom:138px;
	width: 80px;
}

.colT72{
	right:345px;
	bottom:208px;
	width: 80px;
}

.colT73{
	left:110px;
	top:300px;
	width: 80px;
}

.colT74{
	right:353px;
	top:242px;
	width: 80px;
}

.colT75{
	left:107px;
	top:190px;
	width: 80px;
}


/**** Topics Button One****/

.colT91{
	left:114px;
	bottom:100px;
	width: 80px;
}

/**** Topics Button Two****/

.colT92{
	right:35%;
	bottom:23%;
	width: 80px;
}


/**** Topics Button Three****/

.colT93{
	left:113px;
	top:60%;
	width: 80px;
}

/**** Topics Button Four****/

.colT94{
	right:344px;
    top:52%;
	width: 80px;
}

/**** Topics Button Five****/

.colT95{
	left:115px;
	top:45%;
	width: 80px;
}

/**** Topics Button Six****/

.colT96{
	right:357px;
	bottom:403px;
	width: 80px;
}

/**** Topics Button Seven****/

.colT97{
	left:116px;
	bottom:454px;
	width: 80px;
}

/**** Topics Button Eight****/

.colT98{
	right:363px;
	bottom:500px;
	width: 80px;
}

/**** Topics Button Nine****/

.colT99{
	left:116px;
	bottom:541px;
	width: 80px;
}

/**** Topics Button Ten****/

.colT910{
	right:370px;
	bottom:584px;
	width: 80px;
}

/**** Topics Button Ten****/

.colT911{
	left:117px;
	bottom:619px;
	width: 80px;
}

/**** Topics Button Ten****/

.colT912{
	right:379px;
	bottom:650px;
	width: 80px;
}

/**** Eleventh Grade Topics Buttons ***/

.colT111{
	left:108px;
	bottom:94px;
	width: 80px;
}

.colT112{
	right:347px;
	bottom:161px;
	width: 80px;
}

.colT113{
	left:107px;
	top:296px;
	width: 80px;
}

.colT114{
	right:354px;
	top:241px;
	width: 80px;
}

.colT115{
	left:108px;
	top:189px;
	width: 80px;
}

.colT116{
	right:368px;
	top:143px;
	width: 80px;
}
.colT117{
	left:110px;
	top:99px;
	width: 80px;
}

/**** Twelfth Grade Topics Buttons ***/

.colT121{
	left:108px;
	bottom:137px;
	width: 80px;
}

.colT122{
	right:346px;
	bottom:205px;
	width: 80px;
}

.colT123{
	left:110px;
	top:404px;
	width: 80px;
}

.colT124{
	right:354px;
	top:348px;
	width: 80px;
}

.colT125{
	left:108px;
	top:298px;
	width: 80px;
}

.colT126{
	right:367px;
	top:250px;
	width: 80px;
}

.colT127{
	left:109px;
	top:207px;
	width: 80px;
}

.colT128{
	right:372px;
	top:166px;
	width: 80px;
}


/***Dashboard****/

/*** Graph Button ***/
.colD1{
	left:68px;
	top:250px;
	width: 80px;
}

/*** Trend Button ***/
.colD2{
	right:365px;
	top:175px;
	width: 80px;

}


/*** Reports Button ***/
.colD3{
	left:68px;
	top:139px;
	width: 80px;
}

/**** Review Button ***/

.colD4{
	right:343px;
	top:139px;
	width: 80px;
}

/*** Topics Button for 7th and 8th Grade ***/

.colT11{
	left:108px;
	bottom:135px;
	width: 80px;
}

/*********Graph*******/
      
.colG1{
	right:450px;
	bottom:151px;
	width: 80px;
}

.colG2{
	left:155px;
	bottom:215px;
	width: 80px;
}

.colG3{
	right:410px;
	bottom:222px;
	width: 80px;
}

.colG4{
	left:195px;
	top:107px;
	width: 80px;
}

.colG5{
	right:410px;
	top:76px;
	width: 80px;
}

.colG6{
	left:195px;
	top:15px;
	width: 80px;
}

.colG7{
	right:410px;
	bottom:409px;
	width: 80px;
}

/**** Score Page *****/

.colSt1{
	left:20px;
	top:120px;
	width:562px;
	height:33px;
	background-image:url(images/score_vbg.png);
	background-color:transparent;
}

.colSt2{
	left:20px;
	top:163px;
	width:562px;
	height:33px;
	background-image:url(images/score_vbg.png);
	background-color:transparent;
}

.colSt3{
	left:20px;
	top:207px;
	width:562px;
	height:33px;
	background-image:url(images/score_vbg.png);
	background-color:transparent;
}

.colSt4{
	left:20px;
	top:252px;
	width:562px;
	height:33px;
	background-image:url(images/score_vbg.png);
	background-color:transparent;
}

.colSt5{
	left:20px;
	top:305px;
	width:562px;
	height:33px;
	background-image:url(images/score_vbg.png);
	background-color:transparent;
}

/**** Signup ****/
.colSG1{
	left:0px;
	bottom:0px;
	width: 80px;
}

.colSGP2{
	right:250px;
	bottom:105px;
	width: 80px;
}

footer{
	margin:0 auto;
	margin-bottom:10;
	padding:0px 0 0;
	text-align:center;
	height: 0px;
	width: auto;
	clear: both;
	color:white;
	}
.footer_logo{
	
    background-image: url('images/home_footerimg.jpg');
	background-color:transparent;
  	width:100%;
	height:31px;
	position:absolute;
	bottom:0;
	left:0;
}

.footer_logo1{
	top:100px;
	background-image: url('images/home_footerimg.jpg');
	background-color:transparent;
  	width:100%;
	height:31px;
	bottom:10px;
	left:0;
}

.footer_inner{
    background-image: url('images/home_footerimg.jpg');
	background-color:transparent;
  	width:100%;
	height:31px;
	position:absolute;
	bottom:0;
	left:0;
}
.footer_inner span.copyright{
	
	top: 5px;
	position: relative;
	text-align: center;
	width: 1024px;
	color: black;
	height: auto;
	font-family:Helvetica;
	font-size:12px;
}

.footer_inner1{
    background-image: url('images/home_footerimg.jpg');
	background-color:transparent;
  	width:100%;
	height:31px;
	position:absolute;
	margin:auto;
	left:0;
}
.footer_inner1 span.copyright1{
	
	top: 5px;
	position: relative;
	text-align: center;
	width: 1024px;
	color: black;
	height: auto;
	font-family:Helvetica;
	font-size:12px;
}


.footer_logo1 span.copyright{
	top: 5px;
	position: relative;
	text-align: center;
	width: 1024px;
	color: black;
	height: auto;
	font-family:Helvetica;
	font-size:12px;
}


/*** Account Profile ***/

.cols28{
	float:right;
	width:571px;
	padding:0px;
	margin:0px;
}

.cols29{
    float:left;
	width:350px;
	height:450px;
	padding:0px;
	margin:-10px 20px 10px -133px;
}

.cols30{
	float:left;
	width:471px;
	height:450px;
	padding:0px;
	margin:-37px 20px 10px 93px;
}

.cols31{
	float:left;
	width:400px;
	height:300px;
	padding:0px;
	margin:29px 0 0 24px;
	display:none;
}

.cols32{
	float:left;
	width:400px;
	height:60px;
	padding:0px;
	margin:11px 0 0 108px;
}

.cols33{
	float:left;
	width:400px;
	height:300px;
	padding:0px;
	margin:29px 0 0 24px;
}
.cols34{
	float:left;
	width:600px;
	height:60px;
	padding:0px;
	margin:11px 0 0 28px;
}


/**** Evaluate Page Icon ***/
.cols36
{
	position:relative;
    margin:-132px 103px 0 231px;	
	height:334px;
	width:496px;
 	background-image:url("images/evaluate_logo.png");
	background-color:transparent;
}