/*
Created by Teeneinstein Corporation.
Copyright (c) 2019 Teeneinstein Corporation. All rights reserved.

Version-05 Modified @ June 29 2019 13:27
Issue fixed: Subject id's removed
*/

@charset 'UTF-8';

@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}



/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
	}

	
	strong, b
	{
		color: #252122;
		font-weight: 700;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		color: #252122;
		font-weight: 100;
	
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

	a
	{
		color: #d52349;
		text-decoration: underline;
	}
	
		a:hover
		{
			text-decoration: none;
		}

	.major
	{
		position: relative;
		text-align: center;
		border-top: solid 1px #ccc;
		top: 1em;
	}

		.major h2
		{
			background: #fff;
			position: relative;
			top: -0.65em;
			display: inline;
			margin: 0;
			padding: 0 1em 0 1em;
		}

	.byline
	{
		display: block;
		font-style: italic;
	}
	
	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}
	
	section,
	article
	{
		margin-bottom: 2.5em;
	}
	
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

	/* Actions */

		.actions
		{
		}

	/* Box */

		.box
		{
			background: #grey;
			border-bottom: solid 0px #grey;
		}
		
			.box .image-full
			{
				position: relative;
				width: auto;
			}

		
/******* Teen Einstein ******/

/****Logo***/

.username_textbox {
  background-color: #ffffff;
  border: 2px solid #D3D3D3;
  width: 192px;
  height: 33px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.placeholder {
    
}
.signin_button
{
  width:192px;
  height:33px;
  border: 2px solid white;
  background-color:#e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.signin_button:hover
{
width: 192px;
height: 33px;
border: 2px solid white;
background-color:#ffffff;
color:black;
}

.signup_nbutton
{
  width:192px;
  height:33px;
  border: 2px solid white;
  background-color:#e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.signup_nbutton:hover
{
width: 192px;
height: 33px;
border: 2px solid white;
background-color:#ffffff;
color:black;
}

.forgot_nbutton
{
  width:102px;
  height:22px;
  background-image: url('images/login_forgot-password.png');
}
.forgot_nbutton:hover
{
width: 100px;
height: 20px;
border: 1px solid white;
background-color:#ffffff;
color:black;
}

.tour_link
{
  width:43px;
  height:22px;
   background-image: url('images/login-page_tour.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.tour_link:hover
{

background-color:black;
background-image: url('images/login-page_tour-rollover.png');
-webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
color: black;
}

.subscribe_link
{
  width:77px;
  height:25px;
   background-image: url('images/login-page_subscribe.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.subscribe_link:hover
{
  background-color:black;
 background-image: url('images/login-page_subscribe-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
 color: black;
}

.support_link
{
  width:65px;
  height:25px;
   background-image: url('images/login-page_support.png');
 
}
.support_link:hover
{
  
  background-color:black;
  background-image: url('images/login-page_support-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.about_link
{
  width:48px;
  height:24px;
   background-image: url('images/login-page_about.png');
 
}
.about_link:hover
{
  
  background-color:black;
  background-image: url('images/login-page_about-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.contactus_link
{
  width:84px;
  height:29px;
   background-image: url('images/login-page_contact-us.png');
 
}
.contactus_link:hover
{
 
  background-color:black;
  background-image: url('images/login-page_contact-us-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.android_link
{
  width:105px;
  height:28px;
   background-image: url('images/login-page_android.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.android_link:hover
{
 
 
  background-color:black;
  background-image: url('images/login-page_android-apps-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.ios_link
{
  width:75px;
  height:31px;
   background-image: url('images/login-page_ios-apps-normal.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.ios_link:hover
{
 
  background-color:black;
  background-image: url('images/login-page_ios-apps-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.k5eintein_link
{
  width:117px;
  height:31px;
   background-image: url('images/login-page_k5einstein.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.k5eintein_link:hover
{
 
  background-color:black;
  background-image: url('images/login-page_k5einstein-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

/**** New home page ****/

.home_image_logo {
	display:block;
	width:222px;
    height:298px;
	background-image: url('images/home-page_logo2.png');  /*Button background color  - TeenEinstein.com*/
	}	
	
.home_image_compass {
	display:block;
	width:184px;
    height:394px;
	background-image: url('images/Compass.png');  /*Button background color  - TeenEinstein.com*/
	}		

#wrks3
{
	position:absolute;
	left:223px;
	top:255px;
	z-index:2;
}

#wrks4
{
	position:absolute;
	left:223px;
	top:255px;
	z-index:1;
}

#qu3
{
	position:absolute;
	left: 660px;
	top:329px;
	z-index:2;
}

#qu4
{
	position:absolute;
	left: 660px;
	top:329px;
	z-index:1;
}

#le5
{
	position:absolute;
	right:230px;
	top:31px;
	z-index:2;
}

#le6
{
	position: absolute;
	right:230px;
	top:31px;
	z-index: 1;
}

#pr7
{
	position:absolute;
	left:223px;
	top:107px;
	z-index:2;
}

#pr8
{
	position:absolute;
	left:223px;
	top:107px;
	z-index:1;
}

#cn1
{
	position:absolute;
	right:230px;
	top:181px;
	z-index:2;
}

#cn2
{
	position:absolute;
	right:230px;
	top:181px;
	z-index:1;
}

#evalu1
{
	position:absolute;
	left:230px;
	top:410px;
	z-index:2;
}

#evalu2
{
	left: 230px;
	position: absolute;
	top:410px;
	z-index:1;
}

#lis1
{
	position:absolute;
	left: 660px;
	top:-5px;
	z-index:2;
}

#lis2
{
	position: absolute;
	left: 660px;
	top:-5px;
	z-index: 1;
}

#sm1
{
	position:absolute;
	left:223px;
	top:-47px;
	z-index:2;
}

#sm2
{
	position: absolute;
	left:223px;
	top:-47px;
	z-index: 1;
}

.Concept_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_concept-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Concept_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_concept-icon-RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa
	}

.Concept_btn {
	display: block;
	position:absolute;
	left:350px;
	top:193px;
	width:291px;
    height:76px;
	cursor: pointer;
	background-image: url('images/home-page_concept.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	}	
.Concept_btn:hover {
   background-image: url('images/home-page_concept.png'); 
   }   
   
.Worksheet_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_worksheet-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Worksheet_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_worksheet-icon-RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa
	}

.Worksheet_btn {
	display: block;
	position:absolute;
	left:320px;
	top:269px;
	width:290px;
    height:76px;
	cursor: pointer;
	background-image: url('images/home-page_worksheet.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	}	
.Worksheet_btn:hover {
   background-image: url('images/home-page_worksheet.png'); 
   }   
   
.Quiz_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_quiz-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Quiz_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_quiz-icon-RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa
	}

.Quiz_btn {
	display: block;
	width:292px;
    height:63px;
	cursor: pointer;
	background-image: url('images/home-page_quiz.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	position:absolute;
	left:351px;
	top:345px;
	}	
.Quiz_btn:hover {
   background-image: url('images/home-page_quiz.png'); 
   }   
 
.Learn_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_learn-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}
	
.Learn_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_learn-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}

.Learn_btn {
	display: block;
	width:292px;
    height:76px;
	background-image: url('images/home-page_learn.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:350px;
	top:41px;
	}	
.Learn_btn:hover {
   background-image: url('images/home-page_learn.png'); 
   }   
   
.Practice_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_practice-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Practice_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_practice-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}

.Practice_btn {
	display: block;
	width:292px;
    height:76px;
	background-image: url('images/home-page_practice.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	top:117px;
	left:320px;
	}	
.Practice_btn:hover {
   background-image: url('images/home-page_practice.png'); 
   }   
  
.Evaluate_icon1 {
	display: block;
	width:82px;
    height:83px;
	background-image: url('images/home-page_evaluate-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Evaluate_icon2 {
	display: block;
	width:82px;
    height:83px;
	background-image: url('images/home-page_evaluate-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color:#fafafa;
	}

.Evaluate_btn {
	display: block;
	width:316px;
    height:84px;
	background-image: url('images/home-page_evaluate.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:333px;
	top:420px;
	}	
.Evaluate_btn:hover {
   background-image: url('images/home-page_evaluate.png'); 
   }  

  .liveinstrctor_icon1 {
	display: block;
	width:81px;
    height:84px;
	background-image: url('images/home-page_liveinstrctor_icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}
	
.liveinstrctor_icon2 {
	display: block;
	width:81px;
    height:84px;
    background-image: url('images/home-page_liveinstrctor_icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}

.liveinstrctor_btn {
	display: block;
	width:290px;
    height:77px;
	background-image: url('images/home-page_liveinstrctor.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:362px;
	top:0px;
	}	
.liveinstrctor_btn:hover {
   background-image: url('images/home-page_liveinstrctor.png'); 
   }   
   
.seekers_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/seekers_icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}
	
.seekers_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/seekers_icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}

.seekers_btn {
	display: block;
	width:290px;
    height:76px;
	background-image: url('images/seekers.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:318px;
	top:-35px;
	}	
.seekers_btn:hover {
   background-image: url('images/seekers.png'); 
   }   

.shadow_img {
	padding-left:10px;
	display: block;
	width:321px;
    height:41px;
	top:450px;
	background-image: url('images/shadow.png');  /*Button background color  - TeenEinstein.com*/
	border:none;
	background-color:transparent;
	position:absolute;
	}	
/****Icon Images *****/

.gohomepage {
	display: block;
	width:47px;
    height:37px;
	background-image: url('images/Gotohomepage.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #ffffff;
	border: 1px solid white;
	}

/*** Icons ****/

.dashboard {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/dashboard.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}
	
.homepage {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/home.png');  /*Button background color  - TeenEinstein.com*/
	
	}	

.accountprofile {
    display: block;
	width:30px;
    height:30px;
	background-image: url('images/account_profile.png');  /*Button background color  - TeenEinstein.com*/
	
  }

.continuelast {
    display: block;
	width:30px;
    height:30px;
	background-image: url('images/continue_last_login.png');  /*Button background color  - TeenEinstein.com*/
	
  }

.work_sheet {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/worksheet.png');  /*Button background color  - TeenEinstein.com*/

  }

.focus_area {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/focusarea.png');  /*Button background color  - TeenEinstein.com*/
  }
  
.review {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/review.png');  /*Button background color  - TeenEinstein.com*/
  }    

 .log_out {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/logout.png');  /*Button background color  - TeenEinstein.com*/
	
  } 
.Back_button {
    display: block;
	width:35px;
    height:44px;
	background-image: url('images/Back_button.png');  /*Button background color  - TeenEinstein.com*/
	
  }

.events {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/events.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}

.calendar {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/calendar.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}  
	
.blog {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/blog.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}
	
.forum {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/forum.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}

.announcements {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/announcements.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}	
	
.shoutbox {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/shoutbox.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}	
/****Learn Page ****/

.learn_image {
	display:block;
	width:960px;
    height:495px;
	background-image: url('images/Learn-page.jpg');  /*Button background color  - TeenEinstein.com*/
	}	
	
.video_icon {
	display: block;
	width:51px;
    height:71px;
	background-image: url('images/video.png');  /*Button background color  - TeenEinstein.com*/
	}	
.video_icon:hover {
   background-image: url('images/video-roll-over.png'); 
   }   
   
 .application_icon {
	display: block;
	width:82px;
    height:77px;
	background-image: url('images/application.png');  /*Button background color  - TeenEinstein.com*/
	}	
.application_icon:hover {
   background-image: url('images/application-roll-over.png'); 
   }   
   
 .animations_icon {
	display: block;
	width:77px;
    height:66px;
	background-image: url('images/animation.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .animations_icon:hover {
   background-image: url('images/animation-roll-over.png'); 
   }   
   
 .practice_icon {
	display: block;
	width:71px;
    height:82px;
	background-image: url('images/practice.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .practice_icon:hover {
   background-image: url('images/practice-roll-over.png'); 
   }   
   
  .webnars_icon {
	display: block;
	width:67px;
    height:72px;
	background-image: url('images/webiners.png');  /*Button background color  - TeenEinstein.com*/
	}	
  .webnars_icon:hover {
   background-image: url('images/webiners-roll-over.png'); 
   }   
   
/**** Video toics ***/

 .video_title{
    text-align:center;
	text-justify:auto;
    width: 195px;
	height: 75px;
	padding:2px 2px;
	padding-left: 15px;
	margin-bottom:2px;
	font-size:15px;

	color: white;
	background-image: url('images/report_title.png'); 
	background-size: cover;
	font:14px Rockwell;
	display:block
    }

/****** Grades Button *******/

.Sixth_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Sixthgrade.png');  /*Button background color  - TeenEinstein.com*/
    margin-left:33px;
    }
.Sixth_Grade:hover {
   background-image: url('images/Sixthgrade.png'); 
   }  
   
 .Seventh_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Seventhgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Seventh_Grade:hover {
   background-image: url('images/Seventhgrade.png'); 
   }  
 
 .Eighth_grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Eighthgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Eighth_grade:hover {
   background-image: url('images/Eighthgrade.png'); 
   }  
   
.Ninth_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Ninthgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Ninth_Grade:hover {
   background-image: url('images/Ninthgrade.png'); 
   }    
   
.Tenth_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Tenthgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Tenth_Grade:hover {
   background-image: url('images/Tenthgrade.png');
   }    
 
.Eleventh_Grade {  
	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Eleventhgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Eleventh_Grade:hover {
   background-image: url('images/Eleventhgrade.png'); 
   }    
   
.Twelfth_Grade{   
    display: block;
	width:262px;
    height:79px;
	background-image: url('images/Twelfthgrade.png');  /*Button background color  - TeenEinstein.com*/
		margin-left:33px;
    }
.Twelfth_Grade:hover {
   background-image: url('images/Twelfthgrade.png'); 
   }    
   
 /****** Levels Button *******/
   
.Basic_button { 	   
  	display: block;
	width:290px;
    height:76px;
	background-image: url('images/Basic.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
    }
.Basic_button:hover {
   background-image: url('images/Basic.png'); 
   }  
   
.Advanced_button { 	   
  	display: block;
	width:320px;
    height:86px;
	background-image: url('images/Advanced.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
    }
.Advanced_button:hover {
   background-image: url('images/Advanced.png'); 
   }     
   
   
 /**** Subject Buttons ****/
 
 .Maths_button { 	   
  	display: block;
	width:290px;
    height:60px;
	background: #c223de;
	background-image: -webkit-linear-gradient(top, #c223de, #c223de);
	background-image: -moz-linear-gradient(top, #c223de, #c223de);
	background-image: -ms-linear-gradient(top, #c223de, #c223de);
	background-image: -o-linear-gradient(top, #c223de, #c223de);
	background-image: linear-gradient(to bottom, #c223de, #c223de);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Maths_button:hover {
   background: #e184f3;
   background-image: -webkit-linear-gradient(top, #e184f3, #e184f3);
   background-image: -moz-linear-gradient(top, #e184f3, #e184f3);
   background-image: -ms-linear-gradient(top, #e184f3, #e184f3);
   background-image: -o-linear-gradient(top, #e184f3, #e184f3);
   background-image: linear-gradient(to bottom, #e184f3, #e184f3);
   text-decoration: none;
   }  
   
.Physics_button { 	   
  	display: block;
	width:320px;
    height:60px;
	background: #2ecc71;
	background-image: -webkit-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: -moz-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: -ms-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: -o-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: linear-gradient(to bottom, #2ecc71, #2ecc71);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Physics_button:hover {
   background: #48E68B;
   background-image: -webkit-linear-gradient(top, #48E68B, #48E68B);
   background-image: -moz-linear-gradient(top, #48E68B, #48E68B);
   background-image: -ms-linear-gradient(top, #48E68B, #48E68B);
   background-image: -o-linear-gradient(top, #48E68B, #48E68B);
   background-image: linear-gradient(to bottom, #48E68B, #48E68B);
   text-decoration: none;
   }    

.Chemistry_button { 	   
  	display: block;
	width:290px;
    height:60px;
	background: #378ee5;
	background-image: -webkit-linear-gradient(top, #378ee5, #378ee5);
	background-image: -moz-linear-gradient(top, #378ee5, #378ee5);
	background-image: -ms-linear-gradient(top, #378ee5, #378ee5);
	background-image: -o-linear-gradient(top, #378ee5, #378ee5);
	background-image: linear-gradient(to bottom, #378ee5, #378ee5);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Chemistry_button:hover {
   background: #84bcf3;
   background-image: -webkit-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -moz-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -ms-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -o-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: linear-gradient(to bottom, #84bcf3, #84bcf3);
   text-decoration: none;
   }  
   
.Botany_button { 	   
  	display: block;
	width:320px;
    height:60px;
	background: #ef027c;
	background-image: -webkit-linear-gradient(top, #ef027c, #ef027c);
	background-image: -moz-linear-gradient(top, #ef027c, #ef027c);
	background-image: -ms-linear-gradient(top, #ef027c, #ef027c);
	background-image: -o-linear-gradient(top, #ef027c, #ef027c);
	background-image: linear-gradient(to bottom, #ef027c, #ef027c);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Botany_button:hover {
   background: #ef027c;
   background-image: -webkit-linear-gradient(top, #ef027c, #ef027c);
   background-image: -moz-linear-gradient(top, #ef027c, #ef027c);
   background-image: -ms-linear-gradient(top, #ef027c, #ef027c);
   background-image: -o-linear-gradient(top, #ef027c, #ef027c);
   background-image: linear-gradient(to bottom, #ef027c, #ef027c);
   text-decoration: none; 
   }       
   
.Zoology_button { 	   
  	display: block;
	width:290px;
    height:60px;
	background: #378ee5;
	background-image: -webkit-linear-gradient(top, #378ee5, #378ee5);
	background-image: -moz-linear-gradient(top, #378ee5, #378ee5);
	background-image: -ms-linear-gradient(top, #378ee5, #378ee5);
	background-image: -o-linear-gradient(top, #378ee5, #378ee5);
	background-image: linear-gradient(to bottom, #378ee5, #378ee5);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Zoology_button:hover {
   background: #84bcf3;
   background-image: -webkit-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -moz-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -ms-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -o-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: linear-gradient(to bottom, #84bcf3, #84bcf3);
   text-decoration: none;
   }  
   
.Computer_button { 	   
  	display: block;
	width:320px;
    height:60px;
	background: #bc80ea;
	background-image: -webkit-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: -moz-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: -ms-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: -o-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: linear-gradient(to bottom, #bc80ea, #bc80ea);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Computer_button:hover {
   background: #bc80ea;
   background-image: -webkit-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: -moz-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: -ms-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: -o-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: linear-gradient(to bottom, #bc80ea, #bc80ea);
   text-decoration: none; 
   }       
   
#MAT1
{
position:absolute;
left: 225px;
top: 109px;
z-index:2;
}

#MAT2
{
position:absolute;
left: 225px;
top: 109px;
z-index:1;
}

#PHY1
{
position:absolute;
right: 243px;
top: 166px;
z-index:2;
}

#PHY2
{
position:absolute;
right: 243px;
top: 166px;
z-index:1;
}  

#CHM1
{
position:absolute;
left: 225px;
top: 237px;
z-index:2;
}

#CHM2
{
position:absolute;
left: 225px;
top: 237px;
z-index:1;
}

#BOT1
{
position:absolute;
right: 243px;
top: 283px;
z-index:2;
}

#BOT2
{
position:absolute;
right: 243px;
top: 283px;
z-index:1;
}  

#ZOL1
{
position:absolute;
left: 225px;
top: 352px;
z-index:2;
}

#ZOL2
{
position:absolute;
left: 225px;
top: 353px;
z-index:1;
}

#CSC1
{
position:absolute;
right: 243px;
top: 414px;
z-index:2;
}

#CSC2
{
position:absolute;
right: 243px;
top: 414px;
z-index:1;
}  

.Maths_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Maths_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Physics_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Physics_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Chemistry_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Chemistry_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Botany_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Botany_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Zoology_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Zoology_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Computer_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Computer_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
 
 /**** End subject Buttons ****/
 /**** Quiz Page ****/
 
#BAS1
{
position:absolute;
left: 225px;
top: 101px;
z-index:2;
}

#BAS2
{
position:absolute;
left: 225px;
top: 101px;
z-index:1;
}

#ADV1
{
position:absolute;
right: 243px;
top: 178px;
z-index:2;
}

#ADV2
{
position:absolute;
right: 243px;
top: 178px;
z-index:1;
}  

.Basic_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Basic_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Advanced_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Advanced_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}

.compass_img {
	display: block;
	width:165px;
    height:371px;
    background-image: url('images/Compass.png');  /*Button background color  - TeenEinstein.com*/
	
	}

/**** Topics page *****/

.Sixth_PencilGrade1 {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Sixthgrade_Pencil_1.jpg');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	top:10px;
	}

.Sixth_PencilGrade2 {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Sixthgrade_Pencil_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	top:0px;
	}	
	
.Seventh_PencilGrade {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Seventhgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:-10px;
	}	
	
.Eighth_Pencilgrade {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Eighthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}		
	
.Ninth_PencilGrade {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Ninthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}		

.Tenth_PencilGrade {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Eighthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}	
	
.Eleventh_PencilGrade {
	display:block;
	width:959px;
    height:573px;
	left:50px;
	background-image: url('images/Eleventhgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}		

.Twelfth_PencilGrade {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Twelfthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:0px;
	}	
	
.Basic_levename{ 	   
  	display: block;
	width:75px;
    height:30px;
	background-image: url('images/Basic_Levelname.png');  /*Button background color  - TeenEinstein.com*/
background-color: #f7f7f7;
    }	

.Sample_button1{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button1.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #f7f7f7;
    }
.Sample_button1:hover {
   background-image: url('images/Sample_button1_RRL.png'); 
   }    	
   
 .Sample_button2{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button2.png');  /*Button background color  - TeenEinstein.com*/
background-color: #f7f7f7;
    }
.Sample_button2:hover {
   background-image: url('images/Sample_button2_RRL.png'); 
   }    	  
   
 .Sample_button3{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button3.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #ffffff;
	border: 1px solid white;
    }
.Sample_button3:hover {
   background-image: url('images/Sample_button3_RRL.png'); 
   }    	    
	
.Sample_button4{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button4.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #ffffff;
	border: 1px solid white;
    }
.Sample_button4:hover {
   background-image: url('images/Sample_button4_RRL.png'); 
   }    	  			
   
/******  Registration - Account Profile *******/

.account_image {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Account-profile_image.jpg');  /*Button background color  - TeenEinstein.com*/
	}	

.reg_textbox {  
  display: block;
  border: 1px solid silver;
  border-radius:5px;
  background: linear-gradient(#eee, #fff);
  transition: all 0.3s ease-out;
  padding: 5px;
  height: 25px;
width: 230px;
font-size: 12pt;
font-family: Helvetica;
}

.reg_textbox:focus {
  outline: none;
  background-position: 0 -1.9em;
}
#reg_textbox:after {
   /* Empty content, but required for pseudo element to display */
   content: "*  ";

   /* Size of star within sprite */
    vertical-align: top;
    margin-right: -4px;
    font-size: 14px;
    color: red;
}		

.select
{
 display: block;
  border: 1px solid silver;
  border-radius:5px;
  background: linear-gradient(#eee, #fff);
  transition: all 0.3s ease-out;
  padding: 5px;
  height: 29px;
width: 230px;
font-size: 12pt;
font-family: Helvetica;
}	

.Submit_button{ 	   
  	display: block;
	width:179px;
    height:91px;
	background-image: url('images/submit.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border-color:transparent;
    }
.Submit_button:hover {
   background-image: url('images/submit_RLL.png'); 
   background-color:transparent;
   border-color:transparent;
   } 
   

   
.acc_box
		{
			 background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image:    -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image:      -o-linear-gradient(top, #ffffff, #ffffff);
  background-image:         linear-gradient(to bottom, #ffffff, #ffffff);
		}   
			.acc_box .image-full
			{
				position: relative;
				width: auto;
			}
   	 
.div_left{
	  position:absolute;
    	top: 140px;
		left: 310px;
    	width: 206%;
    	height: 324%;
		background-image: url('images/home-page_logo2.png');  /*Button background color  - TeenEinstein.com*/
}

/***Tooltip****/

a.tooltip{
  position: relative;
  display: inline;
}
a.tooltip:after{
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 20%;
  opacity: 0;
  content: attr(data-tool); /* might also use attr(title) */
  height: auto;
  min-width: 100px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
}
a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 16px; }

a.tooltip.animate:after, a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* tips on bottom */
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }
a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
a.tooltip.bottom:hover:before { top: 20px; }


/* tips on the right */
a.tooltip.right:after { left: 100%; bottom: -45%; }
a.tooltip.right:hover:after { left: 110%; bottom: -45%; }
a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0,0,0,0.85) transparent transparent;
  left: 90%;
  bottom: 2%;
}
a.tooltip.right:hover:before { left: 100%; bottom: 2%; }


/* tips on the left */
a.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
a.tooltip.left:hover:after { right: 110%; bottom: -45%; }
a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}
a.tooltip.left:hover:before { right: 100%; bottom: 2%; }


/* tooltip colors (add your own!) */
a.tooltip.blue:after { background:#5f87c2; }
a.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
a.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
a.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
a.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }
  
/**** Topics - Sixth Grade *****/
/**** Topics Buttons Subject 1 ****/
#Topics_Button_6_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_6_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_1:hover {
   background-image: url('images/topic_6_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_6_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_2:hover {
   background-image: url('images/topic_6_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_6_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_3:hover {
   background-image: url('images/topic_6_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }      
   
 #Topics_Button_6_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_6_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_4:hover {
   background-image: url('images/topic_6_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }        
  
  #Topics_Button_6_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_6_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_5:hover {
   background-image: url('images/topic_6_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_6_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_6:hover {
   background-image: url('images/topic_6_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_7 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_6_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_7:hover {
   background-image: url('images/topic_6_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
   #Topics_Button_6_8 {
	display: block;
	width:332px;
    height:35px;
	background-image: url('images/topic_6_8.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_8:hover {
   background-image: url('images/topic_6_8_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
   
  #Topics_Button_6_9 {
	display: block;
	width:348px;
    height:36px;
	background-image: url('images/topic_6_9.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_9:hover {
   background-image: url('images/topic_6_9_ROLL.png');
   background-color:transparent;
	border:none; 
   }         
   
   #Topics_Button_6_10 {
	display: block;
	width:338px;
    height:30px;
	background-image: url('images/topic_6_10.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_101:hover {
   background-image: url('images/topic_6_10_ROLL.png'); 
   background-color:transparent;
	border:none;
   }    
   /**** End Topics Buttons subject 1 ****/
   /**** Topics Buttons Subject 2 ****/
   #Topics_Button_6_12 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_6_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_12:hover {
   background-image: url('images/topic_6_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_22 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_6_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_22:hover {
   background-image: url('images/topic_6_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_32 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_6_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_32:hover {
   background-image: url('images/topic_6_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }      
   
 #Topics_Button_6_42 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_6_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_42:hover {
   background-image: url('images/topic_6_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }        
  
  #Topics_Button_6_52 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_6_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_52:hover {
   background-image: url('images/topic_6_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_62 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_6_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_62:hover {
   background-image: url('images/topic_6_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_72 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_6_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_72:hover {
   background-image: url('images/topic_6_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   /**** End Topics Buttons subject 2 ****/
   
   /**** Seventh Grade ***/
   
  #Topics_Button_7_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_7_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_1:hover {
   background-image: url('images/topic_7_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_7_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_7_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_2:hover {
   background-image: url('images/topic_7_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
  #Topics_Button_7_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_7_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_3:hover {
   background-image: url('images/topic_7_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_7_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_7_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_4:hover {
   background-image: url('images/topic_7_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_7_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_7_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_5:hover {
   background-image: url('images/topic_7_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
    /**** Eighth Grade ***/
	
   #Topics_Button_8_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_8_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_1:hover {
   background-image: url('images/topic_8_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_8_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_8_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_2:hover {
   background-image: url('images/topic_8_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_8_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_8_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_3:hover {
   background-image: url('images/topic_8_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_8_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_8_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_8_4:hover {
   background-image: url('images/topic_8_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_8_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_8_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_5:hover {
   background-image: url('images/topic_8_5_ROLL.png');
   background-color:transparent;
	border:none; 
   }   
   
   
   /**** Ninth Grade Topics Button ***/
       	
   #Topics_Button_9_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_9_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_1:hover {
   background-image: url('images/topic_9_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_9_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_2:hover {
   background-image: url('images/topic_9_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_9_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_3:hover {
   background-image: url('images/topic_9_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_9_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_9_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_4:hover {
   background-image: url('images/topic_9_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_9_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_9_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_5:hover {
   background-image: url('images/topic_9_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_9_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_9_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_9_6:hover {
   background-image: url('images/topic_9_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_7 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_9_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_7:hover {
   background-image: url('images/topic_9_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_8 {
	display: block;
	width:332px;
    height:35px;
	background-image: url('images/topic_9_8.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_8:hover {
   background-image: url('images/topic_9_8_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   
   #Topics_Button_9_9 {
	display: block;
	width:348px;
    height:36px;
	background-image: url('images/topic_9_9.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_9:hover {
   background-image: url('images/topic_9_9_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_10 {
	display: block;
	width:338px;
    height:30px;
	background-image: url('images/topic_9_10.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_10:hover {
   background-image: url('images/topic_9_10_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_11 {
	display: block;
	width:353px;
    height:31px;
	background-image: url('images/topic_9_11.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_11:hover {
   background-image: url('images/topic_9_11_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_12 {
	display: block;
	width:345px;
    height:20px;
	background-image: url('images/topic_9_12.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_12:hover {
   background-image: url('images/topic_9_12_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
       /**** Tenth Grade ***/
	
   #Topics_Button_10_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_10_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_1:hover {
   background-image: url('images/topic_10_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_10_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_10_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_2:hover {
   background-image: url('images/topic_10_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_10_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_10_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_3:hover {
   background-image: url('images/topic_10_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_10_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_10_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_10_4:hover {
   background-image: url('images/topic_10_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_10_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_10_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_5:hover {
   background-image: url('images/topic_10_5_ROLL.png');
   background-color:transparent;
	border:none; 
   }  
   
   
   /**** Eleventh Grade Topics Button ***/
       	
   #Topics_Button_11_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_11_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_1:hover {
   background-image: url('images/topic_11_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_11_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_11_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_2:hover {
   background-image: url('images/topic_11_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_11_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_11_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_3:hover {
   background-image: url('images/topic_11_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_11_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_11_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_4:hover {
   background-image: url('images/topic_11_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_11_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_11_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_5:hover {
   background-image: url('images/topic_11_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_11_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_11_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_11_6:hover {
   background-image: url('images/topic_11_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_11_7 {
	display: block;
	width:341px;
    height:40px;
	background-image: url('images/topic_11_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_11_7:hover {
   background-image: url('images/topic_11_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    /**** Twelfth Grade Topics Button ***/
       	
   #Topics_Button_12_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_12_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_1:hover {
   background-image: url('images/topic_12_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_12_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_12_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_2:hover {
   background-image: url('images/topic_12_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_12_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_12_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_3:hover {
   background-image: url('images/topic_12_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_12_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_12_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_4:hover {
   background-image: url('images/topic_12_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_12_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_12_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_5:hover {
   background-image: url('images/topic_12_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_12_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_12_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_12_6:hover {
   background-image: url('images/topic_12_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_12_7 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_12_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_7:hover {
   background-image: url('images/topic_12_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_12_8 {
	display: block;
	width:332px;
    height:35px;
	background-image: url('images/topic_12_8.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_12_8:hover {
   background-image: url('images/topic_12_8_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   
 /**** Dashboard *****/
.dasboard_image {
	display:block;
	width:917px;
    height:412px;
	background-image: url('images/Dashboard.jpg');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	

.graph {
	display: block;
	width:281px;
    height:71px;
	background-image: url('images/Graph.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 .graph:hover {
   background-image: url('images/Graph_RLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
.graph_hicon {
	display: block;
	postion:fixed;
	margin-left:35px;
	width:30px;
    height:30px;
	background-image: url('images/Graph_H_Icon.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph_hicon:hover {
	 position:fixed;
   background-image: url('images/Graph_H_Icon_RLL.png'); 
   }      

.trend {
	display: block;
	width:282px;
    height:56px;
	background-image: url('images/Trend.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .trend:hover {
   background-image: url('images/Trend_RLL.png'); 
   }   
   
.reports {
	display: block;
	width:323px;
    height:46px;
	background-image: url('images/Reports.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .reports:hover {
   background-image: url('images/Reports_RLL.png'); 
   }   

/*** Review Button ***/
.review1 {
display: block;
	position:fixed;
	width:100px;
  	height:35px;
	border: 2px solid white;
    background-color:#1d90fd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-family: helvetica;
    text-decoration: none;
    vertical-align: middle;
	}	
 .review1:hover {
  width: 100px;
height: 35px;
border: 2px solid white;
background-color:#60adf6;
color:white;
   }   
   
 /***Graph***/  
     /*** Current Standing***/
.graph1 {
	position:relative;
	display: block;
	width:270px;
    height:103px;
	background-image: url('images/graph_currentstanding.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	
	}	
 .graph1:hover {
   background-image: url('images/graph_currentstanding_RL.png'); 
   }   

       /*** Topic Performance***/
.graph2 {
	position:relative;
	display: block;
	width:274px;
    height:110px;
	background-image: url('images/graph_topic_performance.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph2:hover {
   background-image: url('images/graph_topic_performance_RL.png'); 
   }   

   
          /*** Graph Average time ***/
.graph3 {
	position:relative;
	display: block;
	width:270px;
    height:102px;
	background-image: url('images/graph_avgtime.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph3:hover {
   background-image: url('images/graph_avgtime_RL.png'); 
   }   
   
  /*** Current Standing Topic Wise***/
.graph4 {
	display: block;
	width:275px;
    height:111px;
	background-image: url('images/graph_currenttopic.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph4:hover {
   background-image: url('images/graph_currenttopic_RL.png'); 
   }   


 /***  TopicWise Focusarea***/
.graph5 {
	display: block;
	position:absolute;
	width:270px;
    height:104px;
	background-image: url('images/graph_topicwise.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph5:hover {
   background-image: url('images/graph_topicwise_RL.png'); 
   }   
   
 /*** Pending Questions ***/
.graph6 {
	display: block;
	width:270px;
    height:104px;
	background-image: url('images/graph_pending.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph6:hover {
   background-image: url('images/graph_pending_RL.png'); 
   }   

 /*** Wrong Questions ***/
.graph7 {
	display: block;
	width:271px;
    height:107px;
	background-image: url('images/graph_wrong.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph7:hover {
   background-image: url('images/graph_wrong_RL.png'); 
   }   

/*** Score Page - Label***/

.score_image {
	display:block;
	width:323px;
    height:70px;
	position:relative;
	margin:-32px 0px 0px 293px;
	background-image: url('images/score_image.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	}

	
.score_topicname {
	display:block;
	position:relative;
	font-family:Times New Roman;
	font-size:16px;
	font-weight:lighter;
	color:#000000;
	}		
.label_left{
	top:-11px;
	float:left;
	position:relative;
	margin-left:50px;
	width:200px;
	font-size:12pt;
	font-weight:lighter;
	font-family:Times New Roman;
	color:#000000;
}

.label_right{
	float:left;
	top:-45px;
	margin-left:255px;
	position:relative;
	width:250px;
	font-size:12pt;
	font-weight:lighter;
	font-family:Times New Roman;
	color:#000000;
}

.score_timergraph{
	position:relative;
	width:80px;
	height:70px;
	margin:0px;
	background-image:url(images/score_timegraph.png);
	background-color:transparent;
}
.score_timergraph:hover {
   background-image: url('images/score_timegraph_RLL.png'); 
   background-color:transparent;
   }  	
   
.score_review{
	position:relative;
	width:80px;
	height:70px;
	margin:-71px 0px 0px 90px;
	background-image:url(images/score_reivew.png);
	background-color:transparent;
}
.score_review:hover {
   background-image: url('images/score_reivew_RLL.png'); 
   background-color:transparent;
   }  		

.reward_str
{
	display: block;
	width:619px;
    height:297px;
	margin-left: 79px;
    margin-top: 100px
	background-color:#FFFFFF;
    background-image: url('images/str1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star1
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star2
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star3
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star4
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star5
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_logo
{
	display: block;
	width:446px;
    height:501px;
	margin-top:-150px;
	margin-left:283px;
    background-image: url('images/reward_icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
}

.register {
	display: block;
	width:211px;
    height:46px;
	background-image: url('images/Signup-reg.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .register:hover {
   background-image: url('images/Signup-reg_RLL.png'); 
   }   

/****Popup Box*****/

	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	
	
	#dialog-link1 {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	
	
	#dialog-link2 {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	
	

/*** Reports Page ***/

.report_button {
	align: left;
    width:100%;
	height: 60px;
	padding:2px 2px;
	padding-left: 15px;
	margin-bottom:2px;
	font-size:15px;
	color: black;
	font:14px Rockwell;
	display:block
 	}

.report_button ul {
	float: left;
	padding: 2px 0;
}
.report_button ul li {
	text-align: left;
	float: left;
	width: 850px;
	-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;
}

.report_button ul li:hover {
	background: #8C9C9A;
	color: white;
}
.report_button ul li:hover a { color: white; text-decoration:none; }
ul li:hover .report_button { opacity: 1; margin-top: 1px; }

.review1_button{
    width: 625px;
	height: 45px;
	padding:6px 6px;
	padding-left: 55px;
	margin:10px 0px 0px 142px;
	font-size:15px;
	color: white;
	background-image: url('images/report_title.png'); 
	background-size: cover;
	font:14px Rockwell;
	display:block
 	}
	
.sendemail_button{
	align: left;
    width: 110px;
	height: 45px;
	padding:6px 6px;
	padding-left: 15px;
	margin-bottom:2px;
	font-size:15px;
	color: white;
	background-image: url('images/report_title.png'); 
	background-size: cover;
	font:14px Rockwell;
	display:block
 	}
/*** Graph Help image ***/
	
	div#pop-up {
        display: none;
        position: absolute;
        width: 280px;
		margin-right:50px;
        padding: 10px;
        background: #D8D8D8;
        color: #000000;
        border: 1px solid #1a1a1a;
		font:24px Rockwell;
		font-weight: bold;
        font-size: 100%;
}

/** Worksheet Sketchpad***/

#sketchpadapp {
    /* Prevent nearby text being highlighted when accidentally dragging mouse outside confines of the canvas */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#sketchpad {
    float:left;
    height:425px;
    width:875px;
    border:2px solid #888;
    border-radius:1px;
    position:relative; /* Necessary for correct mouse co-ords in Firefox */
}
#clearbutton {
    font-size: 15px;
    padding: 10px;
    -webkit-appearance: none;
    background: #eee;
    border: 1px solid #888;
}

/*** Blog ***/

.addblog_button
{
  background-repeat:no-repeat;
  background-position: left;
  background-size: 30px;
  width:100px;
  height:34px;
  border: 1px solid silver;
 background-color:#1d90fd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
  
  
}
.addblog_button:hover
{
border: 1px solid silver;
background-color:#60adf6;
color:white;
}

.clickfull_button
{
  background-repeat:no-repeat;
  background-position: left;
  background-size: 30px;
  width:150px;
  height:40px;
  border: 1px solid silver;
  background-color:#1d90fd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.clickfull_button:hover
{
border: 1px solid silver;
background-color:#60adf6;
color:white;
}

.vquestion_btn {
  background-repeat:no-repeat;
  background-position: left;
  background-size: 30px;
  width:250px;
  height:100px;
  border: 1px solid silver;
  background-color:#1d90fd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
  padding: 13px 25px;
}
/**** Basic and Advanced menu in dashboard and graph page ****/

.con {
  margin: 150px auto 50px;
  width: 640px;
  text-align: center;
  background-color:black;
}
.con .user {
  text-align: left;
}

.user {
  position: relative;
  height: 32px;
  padding: 8px 12px 8px 8px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
}
.user img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.user h5 small {
  display: block;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #364168;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.user:hover ul {
  padding: 4px 0 6px;
  visibility: visible;
  opacity: 1;
}
.user ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #d9e3fa;
  border: 1px solid;
  border-color: #777 #6c6c6c #666;
  border-radius: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.user ul:before, .user ul:after, .user li:first-child:after {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  width: 0;
  height: 0;
  border: 7px outset transparent;
}
.user ul:before {
  bottom: -14px;
  border-top: 7px solid #555;
}
.user li:first-child:after {
  bottom: -13px;
  border-top: 7px solid white;
}
.user ul:after {
  bottom: -12px;
  border-top: 7px solid #d9e3fa;
}
.user li {
  padding: 0 12px;
  font-size: 11px;
  color: #838ca2;
  text-shadow: 0 1px white;
}
.user li.sep {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #b4bbce;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -13px;
  padding: 0 20px 0 12px;
  color: #313a4f;
  text-decoration: none;
  border: 1px solid transparent;
}
.user li a:hover {
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background: #5a70b0;
  border-color: #5a70b0 #495d98 #42558a;
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(to bottom, #7688bd, #4e64a3);
}
.user li a:hover:after {
  display: block;
}
.user li a:after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}

.close
{
	display: block;
  position:relative;
  width:30px;
  height:30px;
  background-image:url('images/close.png');	
  background-color:transparent;
  border:none;
 }
 
#basicModal{
            display:none;
}

/*** Quiz Timer hours, minutes, secs ***/
#timer{
	float:left;
	margin-left:497px;
	position:absolute;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
	background-image:url(images/clock-image.gif);
	background-repeat:no-repeat;
	width:40px;
	height:40px;
}
#hours{
	float:left;
	margin-left:15px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}
#hours_col{
	float:left;
	margin-left:4px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}
#minutes{
	float:left;
	margin-left:5px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}
#minutes_col{
	float:left;
	margin-left:5px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}

#seconds{
	float:left;
	margin-left:6px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}

/*** Account Settings ****/
.acc_setting1
{
    position:relative;
	margin:-21px 1px 1px 322px;
	width:71px;
	height:72px;
	background-image:url(images/account_settings1.png);
	background-color:transparent;
}
.acc_parentname 
{
    width:150px;
    height:20px;
    margin:-59px 1px 1px 397px;
    font-family: helvetica;
    font-size: 16px;
    font-weight: lighter;   
}
.acc_parentname1 
{
	width:150px;
    height:20px;
    margin:4px 1px 1px 397px;
    font-family: helvetica;
    font-size: 16px;
    font-weight: lighter;   
}

.acc_parentname2 
{
	width:33px;
    height:34px;
    margin:-59px 1px 1px 527px;
	background-image:url(images/account_settings2.png);
	background-color:transparent;
}

.acc_parentname3
{
	width:23px;
    height:19px;
    margin:4px 1px 1px 537px;
	background-image:url(images/account_settings3.png);
	background-color:transparent;
}

#security_details
{
	position:relative;
	width:283px;
	height:45px;
	margin:34px 0 0 50px;
	cursor: pointer;
	background-image:url(images/profile-details-select.png);
	background-color:transparent;
}
#security_details:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:34px 0 0 50px;
	cursor: pointer;
	background-image:url(images/profile-details-rollover.png);
	background-color:transparent;
}

#child_details
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
	text-align:center;
	background-image:url(images/child-details-normal.png);
	background-color:transparent;
}
#child_details:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
	text-align:center;
	background-image:url(images/child-details-rollover.png);
	background-color:transparent;
}

f1
{
	position:relative;
	margin:15px 0 0 -5px;
	text-align:center;
	display:block;
}

#change_password
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/change-password-normal.png);
	background-color:transparent;
}
#change_password:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/change-password-rollover.png);
	background-color:transparent;
}

#payment_details
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/payment-details-rollover.png);
	background-color:transparent;
}
#payment_details:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/payment-details-normal.png);
	background-color:transparent;
}

#account_status
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/account-status-rollover.png);
	background-color:transparent;
}
#account_status:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/account-status-normal.png);
	background-color:transparent;
}
.active{
     background-color:#02baf2;
	
}
    
	
.back-green { background-color: green; }
.back-red { background-color:#02baf2; }


/***** EVALUATE Buttons ****/

#evaluate_solution_box
{
	position:relative;
	width:300px;
	top:-20px;
	left:305px;
}

#learn_evaluate {
	display:block;
	top:10px;
	width:289px;
    height:76px;
	background-image: url('images/home-page_learn.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:relative;
}

#worksheet_evaluate {
	display:block;
	position:relative;
	top:10px;
	width:290px;
    height:76px;
	cusror: pointer;
	background-image: url('images/home-page_worksheet.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

#quiz_evaluate {
	display:block;
	top:10px;
	width:290px;
    height:76px;
	cusror: pointer;
	background-image: url('images/home-page_quiz.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	position:relative;
}
#quiz_evaluate:hover {
   background-image: url('images/home-page_quiz.png'); 
   }   

#practice_evaluate {
	display:block;
	top:10px;
	width:290px;
    height:76px;
	background-image: url('images/home-page_practice.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:relative;
}
#practice_evaluate:hover {
   background-image: url('images/home-page_practice.png'); 
   }   


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}



/*
Created by Teeneinstein Corporation.
Copyright (c) 2012 Teeneinstein Corporation. All rights reserved.

Modified @ Oct 19 2016  16:57 Version-04
*/

@charset 'UTF-8';

@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}



/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
	}

	
	strong, b
	{
		color: #252122;
		font-weight: 700;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		color: #252122;
		font-weight: 100;
	
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

	a
	{
		color: #d52349;
		text-decoration: underline;
	}
	
		a:hover
		{
			text-decoration: none;
		}

	.major
	{
		position: relative;
		text-align: center;
		border-top: solid 1px #ccc;
		top: 1em;
	}

		.major h2
		{
			background: #fff;
			position: relative;
			top: -0.65em;
			display: inline;
			margin: 0;
			padding: 0 1em 0 1em;
		}

	.byline
	{
		display: block;
		font-style: italic;
	}
	
	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}
	
	section,
	article
	{
		margin-bottom: 2.5em;
	}
	
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

	/* Actions */

		.actions
		{
		}

	/* Box */

		.box
		{
			background: #grey;
			border-bottom: solid 0px #grey;
		}
		
			.box .image-full
			{
				position: relative;
				width: auto;
			}

		
/******* Teen Einstein ******/

/****Logo***/

.username_textbox {
  background-color: #ffffff;
  border: 2px solid #D3D3D3;
  width: 192px;
  height: 33px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.placeholder {
    
}
.signin_button
{
  width:192px;
  height:33px;
  border: 2px solid white;
  background-color:#e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.signin_button:hover
{
width: 192px;
height: 33px;
border: 2px solid white;
background-color:#ffffff;
color:black;
}

.signup_nbutton
{
  width:192px;
  height:33px;
  border: 2px solid white;
  background-color:#e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.signup_nbutton:hover
{
width: 192px;
height: 33px;
border: 2px solid white;
background-color:#ffffff;
color:black;
}

.forgot_nbutton
{
  width:102px;
  height:22px;
  background-image: url('images/login_forgot-password.png');
}
.forgot_nbutton:hover
{
width: 100px;
height: 20px;
border: 1px solid white;
background-color:#ffffff;
color:black;
}

.tour_link
{
  width:43px;
  height:22px;
   background-image: url('images/login-page_tour.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.tour_link:hover
{

background-color:black;
background-image: url('images/login-page_tour-rollover.png');
-webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
color: black;
}

.subscribe_link
{
  width:77px;
  height:25px;
   background-image: url('images/login-page_subscribe.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.subscribe_link:hover
{
  background-color:black;
 background-image: url('images/login-page_subscribe-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
 color: black;
}

.support_link
{
  width:65px;
  height:25px;
   background-image: url('images/login-page_support.png');
 
}
.support_link:hover
{
  
  background-color:black;
  background-image: url('images/login-page_support-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.about_link
{
  width:48px;
  height:24px;
   background-image: url('images/login-page_about.png');
 
}
.about_link:hover
{
  
  background-color:black;
  background-image: url('images/login-page_about-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.contactus_link
{
  width:84px;
  height:29px;
   background-image: url('images/login-page_contact-us.png');
 
}
.contactus_link:hover
{
 
  background-color:black;
  background-image: url('images/login-page_contact-us-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.android_link
{
  width:105px;
  height:28px;
   background-image: url('images/login-page_android.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.android_link:hover
{
 
 
  background-color:black;
  background-image: url('images/login-page_android-apps-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.ios_link
{
  width:75px;
  height:31px;
   background-image: url('images/login-page_ios-apps-normal.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.ios_link:hover
{
 
  background-color:black;
  background-image: url('images/login-page_ios-apps-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

.k5eintein_link
{
  width:117px;
  height:31px;
   background-image: url('images/login-page_k5einstein.png');
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: black;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.k5eintein_link:hover
{
 
  background-color:black;
  background-image: url('images/login-page_k5einstein-rollover.png');
 -webkit-border-radius: 8px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  color: black;
}

/**** New home page ****/

.home_image_logo {
	display:block;
	width:222px;
    height:298px;
	background-image: url('images/home-page_logo2.png');  /*Button background color  - TeenEinstein.com*/
	}	
	
.home_image_compass {
	display:block;
	width:184px;
    height:394px;
	background-image: url('images/Compass.png');  /*Button background color  - TeenEinstein.com*/
	}		

#wrks3
{
	position:absolute;
	left:223px;
	top:285px;
	z-index:2;
}

#wrks4
{
	position:absolute;
	left:223px;
	top:285px;
	z-index:1;
}

#qu3
{
	position:absolute;
	left: 660px;
	top:362px;
	z-index:2;
}

#qu4
{
	position:absolute;
	left: 660px;
	top:362px;
	z-index:1;
}

#le5
{
	position:absolute;
	right:230px;
	top:57px;
	z-index:2;
}

#le6
{
	position: absolute;
	right:230px;
	top:57px;
	z-index: 1;
}

#pr7
{
	position:absolute;
	left:223px;
	top:133px;
	z-index:2;
}

#pr8
{
	position:absolute;
	left:223px;
	top:133px;
	z-index:1;
}

#cn1
{
	position:absolute;
	right:230px;
	top:211px;
	z-index:2;
}

#cn2
{
	position:absolute;
	right:230px;
	top:211px;
	z-index:1;
}

#evalu1
{
	position:absolute;
	left:230px;
	top:410px;
	z-index:2;
}

#evalu2
{
	left: 230px;
	position: absolute;
	top:410px;
	z-index:1;
}

#lis1
{
	position:absolute;
	left: 660px;
	top:-5px;
	z-index:2;
}

#lis2
{
	position: absolute;
	left: 660px;
	top:-5px;
	z-index: 1;
}

#sm1
{
	position:absolute;
	left:223px;
	top:-18px;
	z-index:2;
}

#sm2
{
	position: absolute;
	left:223px;
	top:-18px;
	z-index: 1;
}

.Concept_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_concept-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Concept_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_concept-icon-RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa
	}

.Concept_btn {
	display: block;
	position:absolute;
	left:350px;
	top:222px;
	width:291px;
    height:76px;
	cursor: pointer;
	background-image: url('images/home-page_concept.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	}	
.Concept_btn:hover {
   background-image: url('images/home-page_concept.png'); 
   }   
   
.Worksheet_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_worksheet-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Worksheet_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_worksheet-icon-RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa
	}

.Worksheet_btn {
	display: block;
	position:absolute;
	left:320px;
	top:298px;
	width:290px;
    height:76px;
	cursor: pointer;
	background-image: url('images/home-page_worksheet.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	}	
.Worksheet_btn:hover {
   background-image: url('images/home-page_worksheet.png'); 
   }   
   
.Quiz_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_quiz-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Quiz_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_quiz-icon-RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa
	}

.Quiz_btn {
	display: block;
	width:292px;
    height:63px;
	cursor: pointer;
	background-image: url('images/home-page_quiz.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	position:absolute;
	left:351px;
	top:374px;
	}	
.Quiz_btn:hover {
   background-image: url('images/home-page_quiz.png'); 
   }   
 
.Learn_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_learn-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}
	
.Learn_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_learn-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}

.Learn_btn {
	display: block;
	width:292px;
    height:76px;
	background-image: url('images/home-page_learn.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:350px;
	top:70px;
	}	
.Learn_btn:hover {
   background-image: url('images/home-page_learn.png'); 
   }   
   
.Practice_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/home-page_practice-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Practice_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/home-page_practice-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}

.Practice_btn {
	display: block;
	width:292px;
    height:76px;
	background-image: url('images/home-page_practice.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	top:146px;
	left:320px;
	}	
.Practice_btn:hover {
   background-image: url('images/home-page_practice.png'); 
   }   
  
.Evaluate_icon1 {
	display: block;
	width:82px;
    height:83px;
	background-image: url('images/home-page_evaluate-icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}
	
.Evaluate_icon2 {
	display: block;
	width:82px;
    height:83px;
	background-image: url('images/home-page_evaluate-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color:#fafafa;
	}

.Evaluate_btn {
	display: block;
	width:316px;
    height:84px;
	background-image: url('images/home-page_evaluate.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:333px;
	top:437px;
	}	
.Evaluate_btn:hover {
   background-image: url('images/home-page_evaluate.png'); 
   }  

  .liveinstrctor_icon1 {
	display: block;
	width:81px;
    height:84px;
	background-image: url('images/home-page_liveinstrctor_icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}
	
.liveinstrctor_icon2 {
	display: block;
	width:81px;
    height:84px;
    background-image: url('images/home-page_liveinstrctor_icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}

.liveinstrctor_btn {
	display: block;
	width:290px;
    height:77px;
	background-image: url('images/home-page_liveinstrctor.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:362px;
	top:0px;
	}	
.liveinstrctor_btn:hover {
   background-image: url('images/home-page_liveinstrctor.png'); 
   }   
   
   .seekers_icon1 {
	display: block;
	width:87px;
    height:83px;
	background-image: url('images/seekers_icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	
	}
	
.seekers_icon2 {
	display: block;
	width:87px;
    height:83px;
    background-image: url('images/seekers_icon_RL.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
	}

.seekers_btn {
	display: block;
	width:290px;
    height:76px;
	background-image: url('images/seekers.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:absolute;
	left:318px;
	top:-6px;
	}	
.seekers_btn:hover {
   background-image: url('images/seekers.png'); 
   }   

.shadow_img {
	padding-left:10px;
	display: block;
	width:321px;
    height:41px;
	top:450px;
	background-image: url('images/shadow.png');  /*Button background color  - TeenEinstein.com*/
	border:none;
	background-color:transparent;
	position:absolute;
	}	
/****Icon Images *****/

.gohomepage {
	display: block;
	width:47px;
    height:37px;
	background-image: url('images/Gotohomepage.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #ffffff;
	border: 1px solid white;
	}

/*** Icons ****/

.dashboard {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/dashboard.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}
	
.homepage {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/home.png');  /*Button background color  - TeenEinstein.com*/
	
	}	

.accountprofile {
    display: block;
	width:30px;
    height:30px;
	background-image: url('images/account_profile.png');  /*Button background color  - TeenEinstein.com*/
	
  }

.continuelast {
    display: block;
	width:30px;
    height:30px;
	background-image: url('images/continue_last_login.png');  /*Button background color  - TeenEinstein.com*/
	
  }

.work_sheet {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/worksheet.png');  /*Button background color  - TeenEinstein.com*/

  }

.focus_area {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/focusarea.png');  /*Button background color  - TeenEinstein.com*/
  }
  
.review {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/review.png');  /*Button background color  - TeenEinstein.com*/
  }    

 .log_out {
  display: block;
	width:30px;
    height:30px;
	background-image: url('images/logout.png');  /*Button background color  - TeenEinstein.com*/
	
  } 
.Back_button {
    display: block;
	width:35px;
    height:44px;
	background-image: url('images/Back_button.png');  /*Button background color  - TeenEinstein.com*/
	
  }

.events {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/events.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}

.calendar {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/calendar.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}  
	
.blog {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/blog.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}
	
.forum {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/forum.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}

.announcements {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/announcements.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}	
	
.shoutbox {
	display: block;
	width:30px;
    height:30px;
	background-image: url('images/shoutbox.png')no-repeat bottom;  /*Button background color  - TeenEinstein.com*/
	}	
/****Learn Page ****/

.learn_image {
	display:block;
	width:960px;
    height:495px;
	background-image: url('images/Learn-page.jpg');  /*Button background color  - TeenEinstein.com*/
	}	
	
.video_icon {
	display: block;
	width:51px;
    height:71px;
	background-image: url('images/video.png');  /*Button background color  - TeenEinstein.com*/
	}	
.video_icon:hover {
   background-image: url('images/video-roll-over.png'); 
   }   
   
 .application_icon {
	display: block;
	width:82px;
    height:77px;
	background-image: url('images/application.png');  /*Button background color  - TeenEinstein.com*/
	}	
.application_icon:hover {
   background-image: url('images/application-roll-over.png'); 
   }   
   
 .animations_icon {
	display: block;
	width:77px;
    height:66px;
	background-image: url('images/animation.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .animations_icon:hover {
   background-image: url('images/animation-roll-over.png'); 
   }   
   
 .practice_icon {
	display: block;
	width:71px;
    height:82px;
	background-image: url('images/practice.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .practice_icon:hover {
   background-image: url('images/practice-roll-over.png'); 
   }   
   
  .webnars_icon {
	display: block;
	width:67px;
    height:72px;
	background-image: url('images/webiners.png');  /*Button background color  - TeenEinstein.com*/
	}	
  .webnars_icon:hover {
   background-image: url('images/webiners-roll-over.png'); 
   }   
   
/**** Video toics ***/

 .video_title{
    text-align:center;
	text-justify:auto;
    width: 195px;
	height: 75px;
	padding:2px 2px;
	padding-left: 15px;
	margin-bottom:2px;
	font-size:15px;

	color: white;
	background-image: url('images/report_title.png'); 
	background-size: cover;
	font:14px Rockwell;
	display:block
    }

/****** Grades Button *******/

.Sixth_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Sixthgrade.png');  /*Button background color  - TeenEinstein.com*/
    margin-left:33px;
    }
.Sixth_Grade:hover {
   background-image: url('images/Sixthgrade.png'); 
   }  
   
 .Seventh_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Seventhgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Seventh_Grade:hover {
   background-image: url('images/Seventhgrade.png'); 
   }  
 
 .Eighth_grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Eighthgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Eighth_grade:hover {
   background-image: url('images/Eighthgrade.png'); 
   }  
   
.Ninth_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Ninthgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Ninth_Grade:hover {
   background-image: url('images/Ninthgrade.png'); 
   }    
   
.Tenth_Grade{ 	   
  	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Tenthgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Tenth_Grade:hover {
   background-image: url('images/Tenthgrade.png');
   }    
 
.Eleventh_Grade {  
	display: block;
	width:262px;
    height:79px;
	background-image: url('images/Eleventhgrade.png');  /*Button background color  - TeenEinstein.com*/
	margin-left:33px;
    }
.Eleventh_Grade:hover {
   background-image: url('images/Eleventhgrade.png'); 
   }    
   
.Twelfth_Grade{   
    display: block;
	width:262px;
    height:79px;
	background-image: url('images/Twelfthgrade.png');  /*Button background color  - TeenEinstein.com*/
		margin-left:33px;
    }
.Twelfth_Grade:hover {
   background-image: url('images/Twelfthgrade.png'); 
   }    
   
 /****** Levels Button *******/
   
.Basic_button { 	   
  	display: block;
	width:290px;
    height:76px;
	background-image: url('images/Basic.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
    }
.Basic_button:hover {
   background-image: url('images/Basic.png'); 
   }  
   
.Advanced_button { 	   
  	display: block;
	width:320px;
    height:86px;
	background-image: url('images/Advanced.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #fafafa;
    }
.Advanced_button:hover {
   background-image: url('images/Advanced.png'); 
   }     
   
   
 /**** Subject Buttons ****/
 
 .Maths_button { 	   
  	display: block;
	width:290px;
    height:60px;
	background: #c223de;
	background-image: -webkit-linear-gradient(top, #c223de, #c223de);
	background-image: -moz-linear-gradient(top, #c223de, #c223de);
	background-image: -ms-linear-gradient(top, #c223de, #c223de);
	background-image: -o-linear-gradient(top, #c223de, #c223de);
	background-image: linear-gradient(to bottom, #c223de, #c223de);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Maths_button:hover {
   background: #e184f3;
   background-image: -webkit-linear-gradient(top, #e184f3, #e184f3);
   background-image: -moz-linear-gradient(top, #e184f3, #e184f3);
   background-image: -ms-linear-gradient(top, #e184f3, #e184f3);
   background-image: -o-linear-gradient(top, #e184f3, #e184f3);
   background-image: linear-gradient(to bottom, #e184f3, #e184f3);
   text-decoration: none;
   }  
   
.Physics_button { 	   
  	display: block;
	width:320px;
    height:60px;
	background: #2ecc71;
	background-image: -webkit-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: -moz-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: -ms-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: -o-linear-gradient(top, #2ecc71, #2ecc71);
	background-image: linear-gradient(to bottom, #2ecc71, #2ecc71);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Physics_button:hover {
   background: #48E68B;
   background-image: -webkit-linear-gradient(top, #48E68B, #48E68B);
   background-image: -moz-linear-gradient(top, #48E68B, #48E68B);
   background-image: -ms-linear-gradient(top, #48E68B, #48E68B);
   background-image: -o-linear-gradient(top, #48E68B, #48E68B);
   background-image: linear-gradient(to bottom, #48E68B, #48E68B);
   text-decoration: none;
   }    

.Chemistry_button { 	   
  	display: block;
	width:290px;
    height:60px;
	background: #378ee5;
	background-image: -webkit-linear-gradient(top, #378ee5, #378ee5);
	background-image: -moz-linear-gradient(top, #378ee5, #378ee5);
	background-image: -ms-linear-gradient(top, #378ee5, #378ee5);
	background-image: -o-linear-gradient(top, #378ee5, #378ee5);
	background-image: linear-gradient(to bottom, #378ee5, #378ee5);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Chemistry_button:hover {
   background: #84bcf3;
   background-image: -webkit-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -moz-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -ms-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -o-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: linear-gradient(to bottom, #84bcf3, #84bcf3);
   text-decoration: none;
   }  
   
.Botany_button { 	   
  	display: block;
	width:320px;
    height:60px;
	background: #ef027c;
	background-image: -webkit-linear-gradient(top, #ef027c, #ef027c);
	background-image: -moz-linear-gradient(top, #ef027c, #ef027c);
	background-image: -ms-linear-gradient(top, #ef027c, #ef027c);
	background-image: -o-linear-gradient(top, #ef027c, #ef027c);
	background-image: linear-gradient(to bottom, #ef027c, #ef027c);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Botany_button:hover {
   background: #ef027c;
   background-image: -webkit-linear-gradient(top, #ef027c, #ef027c);
   background-image: -moz-linear-gradient(top, #ef027c, #ef027c);
   background-image: -ms-linear-gradient(top, #ef027c, #ef027c);
   background-image: -o-linear-gradient(top, #ef027c, #ef027c);
   background-image: linear-gradient(to bottom, #ef027c, #ef027c);
   text-decoration: none; 
   }       
   
.Zoology_button { 	   
  	display: block;
	width:290px;
    height:60px;
	background: #378ee5;
	background-image: -webkit-linear-gradient(top, #378ee5, #378ee5);
	background-image: -moz-linear-gradient(top, #378ee5, #378ee5);
	background-image: -ms-linear-gradient(top, #378ee5, #378ee5);
	background-image: -o-linear-gradient(top, #378ee5, #378ee5);
	background-image: linear-gradient(to bottom, #378ee5, #378ee5);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Zoology_button:hover {
   background: #84bcf3;
   background-image: -webkit-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -moz-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -ms-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: -o-linear-gradient(top, #84bcf3, #84bcf3);
   background-image: linear-gradient(to bottom, #84bcf3, #84bcf3);
   text-decoration: none;
   }  
   
.Computer_button { 	   
  	display: block;
	width:320px;
    height:60px;
	background: #bc80ea;
	background-image: -webkit-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: -moz-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: -ms-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: -o-linear-gradient(top, #bc80ea, #bc80ea);
	background-image: linear-gradient(to bottom, #bc80ea, #bc80ea);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Helvetica;
	color: #ffffff;
	font-size: 20px;
	padding: 23px 20px 10px 119px;
	text-decoration: none;
    }
.Computer_button:hover {
   background: #bc80ea;
   background-image: -webkit-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: -moz-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: -ms-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: -o-linear-gradient(top, #bc80ea, #bc80ea);
   background-image: linear-gradient(to bottom, #bc80ea, #bc80ea);
   text-decoration: none; 
   }       
   
#MAT1
{
position:absolute;
left: 225px;
top: 109px;
z-index:2;
}

#MAT2
{
position:absolute;
left: 225px;
top: 109px;
z-index:1;
}

#PHY1
{
position:absolute;
right: 243px;
top: 166px;
z-index:2;
}

#PHY2
{
position:absolute;
right: 243px;
top: 166px;
z-index:1;
}  

#CHM1
{
position:absolute;
left: 225px;
top: 237px;
z-index:2;
}

#CHM2
{
position:absolute;
left: 225px;
top: 237px;
z-index:1;
}

#BOT1
{
position:absolute;
right: 243px;
top: 283px;
z-index:2;
}

#BOT2
{
position:absolute;
right: 243px;
top: 283px;
z-index:1;
}  

#ZOL1
{
position:absolute;
left: 225px;
top: 352px;
z-index:2;
}

#ZOL2
{
position:absolute;
left: 225px;
top: 353px;
z-index:1;
}

#CSC1
{
position:absolute;
right: 243px;
top: 414px;
z-index:2;
}

#CSC2
{
position:absolute;
right: 243px;
top: 414px;
z-index:1;
}  

.Maths_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Maths_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Physics_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Physics_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Chemistry_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Chemistry_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Botany_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Botany_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Zoology_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Zoology_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Computer_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Computer_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
 
 /**** End subject Buttons ****/
 /**** Quiz Page ****/
 
#BAS1
{
position:absolute;
left: 225px;
top: 101px;
z-index:2;
}

#BAS2
{
position:absolute;
left: 225px;
top: 101px;
z-index:1;
}

#ADV1
{
position:absolute;
right: 243px;
top: 178px;
z-index:2;
}

#ADV2
{
position:absolute;
right: 243px;
top: 178px;
z-index:1;
}  

.Basic_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Basic-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Basic_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Basic-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Advanced_icon1 {
	display: block;
	width:82px;
    height:80px;
	background-image: url('images/Advanced-icon.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}
	
.Advanced_icon2 {
	display: block;
	width:82px;
    height:80px;
    background-image: url('images/Advanced-icon_RL.png');  /*Button background color  - TeenEinstein.com*/
background-color: #fafafa;
	}

.compass_img {
	display: block;
	width:165px;
    height:371px;
    background-image: url('images/Compass.png');  /*Button background color  - TeenEinstein.com*/
	
	}

/**** Topics page *****/

.Sixth_PencilGrade1 {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Sixthgrade_Pencil.jpg');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	top:10px;
	}

.Sixth_PencilGrade2 {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Sixthgrade_Pencil_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	top:0px;
	}	
	
.Seventh_PencilGrade {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Seventhgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:-10px;
	}	
	
.Eighth_Pencilgrade {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Eighthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}		
	
.Ninth_PencilGrade {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Ninthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}		

.Tenth_PencilGrade {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Eighthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}	
	
.Eleventh_PencilGrade {
	display:block;
	width:959px;
    height:573px;
	left:50px;
	background-image: url('images/Eleventhgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:10px;
	}		

.Twelfth_PencilGrade {
	display:block;
	width:960px;
    height:725px;
	background-image: url('images/Twelfthgrade_Pencil.png');  /*Button background color  - TeenEinstein.com*/
	top:0px;
	}	
	
.Basic_levename{ 	   
  	display: block;
	width:75px;
    height:30px;
	background-image: url('images/Basic_Levelname.png');  /*Button background color  - TeenEinstein.com*/
background-color: #f7f7f7;
    }	

.Sample_button1{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button1.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #f7f7f7;
    }
.Sample_button1:hover {
   background-image: url('images/Sample_button1_RRL.png'); 
   }    	
   
 .Sample_button2{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button2.png');  /*Button background color  - TeenEinstein.com*/
background-color: #f7f7f7;
    }
.Sample_button2:hover {
   background-image: url('images/Sample_button2_RRL.png'); 
   }    	  
   
 .Sample_button3{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button3.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #ffffff;
	border: 1px solid white;
    }
.Sample_button3:hover {
   background-image: url('images/Sample_button3_RRL.png'); 
   }    	    
	
.Sample_button4{ 	   
  	display: block;
	width:371px;
    height:105px;
	background-image: url('images/Sample_button4.png');  /*Button background color  - TeenEinstein.com*/
	background-color: #ffffff;
	border: 1px solid white;
    }
.Sample_button4:hover {
   background-image: url('images/Sample_button4_RRL.png'); 
   }    	  			
   
/******  Registration - Account Profile *******/

.account_image {
	display:block;
	width:960px;
    height:625px;
	background-image: url('images/Account-profile_image.jpg');  /*Button background color  - TeenEinstein.com*/
	}	

.reg_textbox {  
  display: block;
  border: 1px solid silver;
  border-radius:5px;
  background: linear-gradient(#eee, #fff);
  transition: all 0.3s ease-out;
  padding: 5px;
  height: 25px;
width: 230px;
font-size: 12pt;
font-family: Helvetica;
}

.reg_textbox:focus {
  outline: none;
  background-position: 0 -1.9em;
}
#reg_textbox:after {
   /* Empty content, but required for pseudo element to display */
   content: "*  ";

   /* Size of star within sprite */
    vertical-align: top;
    margin-right: -4px;
    font-size: 14px;
    color: red;
}		

.select
{
 display: block;
  border: 1px solid silver;
  border-radius:5px;
  background: linear-gradient(#eee, #fff);
  transition: all 0.3s ease-out;
  padding: 5px;
  height: 29px;
width: 230px;
font-size: 12pt;
font-family: Helvetica;
}	

.Submit_button{ 	   
  	display: block;
	width:179px;
    height:91px;
	background-image: url('images/submit.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border-color:transparent;
    }
.Submit_button:hover {
   background-image: url('images/submit_RLL.png'); 
   background-color:transparent;
   border-color:transparent;
   } 
   

   
.acc_box
		{
			 background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image:    -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image:      -o-linear-gradient(top, #ffffff, #ffffff);
  background-image:         linear-gradient(to bottom, #ffffff, #ffffff);
		}   
			.acc_box .image-full
			{
				position: relative;
				width: auto;
			}
   	 
.div_left{
	  position:absolute;
    	top: 140px;
		left: 310px;
    	width: 206%;
    	height: 324%;
		background-image: url('images/home-page_logo2.png');  /*Button background color  - TeenEinstein.com*/
}

/***Tooltip****/

a.tooltip{
  position: relative;
  display: inline;
}
a.tooltip:after{
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 20%;
  opacity: 0;
  content: attr(data-tool); /* might also use attr(title) */
  height: auto;
  min-width: 100px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
}
a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 16px; }

a.tooltip.animate:after, a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* tips on bottom */
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }
a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
a.tooltip.bottom:hover:before { top: 20px; }


/* tips on the right */
a.tooltip.right:after { left: 100%; bottom: -45%; }
a.tooltip.right:hover:after { left: 110%; bottom: -45%; }
a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0,0,0,0.85) transparent transparent;
  left: 90%;
  bottom: 2%;
}
a.tooltip.right:hover:before { left: 100%; bottom: 2%; }


/* tips on the left */
a.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
a.tooltip.left:hover:after { right: 110%; bottom: -45%; }
a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}
a.tooltip.left:hover:before { right: 100%; bottom: 2%; }


/* tooltip colors (add your own!) */
a.tooltip.blue:after { background:#5f87c2; }
a.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
a.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
a.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
a.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }
  
/**** Topics - Sixth Grade *****/
/**** Topics Buttons Subject 1 ****/
#Topics_Button_6_11 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_6_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_11:hover {
   background-image: url('images/topic_6_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_21 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_6_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_21:hover {
   background-image: url('images/topic_6_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_31 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_6_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_31:hover {
   background-image: url('images/topic_6_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }      
   
 #Topics_Button_6_41 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_6_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_41:hover {
   background-image: url('images/topic_6_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }        
  
  #Topics_Button_6_51 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_6_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_51:hover {
   background-image: url('images/topic_6_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_61 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_6_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_61:hover {
   background-image: url('images/topic_6_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_71 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_6_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_71:hover {
   background-image: url('images/topic_6_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
   #Topics_Button_6_81 {
	display: block;
	width:332px;
    height:35px;
	background-image: url('images/topic_6_8.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_81:hover {
   background-image: url('images/topic_6_8_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
   
  #Topics_Button_6_91 {
	display: block;
	width:348px;
    height:36px;
	background-image: url('images/topic_6_9.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_91:hover {
   background-image: url('images/topic_6_9_ROLL.png');
   background-color:transparent;
	border:none; 
   }         
   
   #Topics_Button_6_101 {
	display: block;
	width:338px;
    height:30px;
	background-image: url('images/topic_6_10.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_101:hover {
   background-image: url('images/topic_6_10_ROLL.png'); 
   background-color:transparent;
	border:none;
   }    
   /**** End Topics Buttons subject 1 ****/
   /**** Topics Buttons Subject 2 ****/
   #Topics_Button_6_12 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_6_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_12:hover {
   background-image: url('images/topic_6_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_22 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_6_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_22:hover {
   background-image: url('images/topic_6_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
#Topics_Button_6_32 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_6_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_32:hover {
   background-image: url('images/topic_6_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }      
   
 #Topics_Button_6_42 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_6_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_42:hover {
   background-image: url('images/topic_6_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }        
  
  #Topics_Button_6_52 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_6_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_52:hover {
   background-image: url('images/topic_6_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_62 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_6_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_62:hover {
   background-image: url('images/topic_6_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   
  #Topics_Button_6_72 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_6_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_6_72:hover {
   background-image: url('images/topic_6_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }         
   /**** End Topics Buttons subject 2 ****/
   
   /**** Seventh Grade ***/
   
  #Topics_Button_7_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_7_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_1:hover {
   background-image: url('images/topic_7_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_7_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_7_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_2:hover {
   background-image: url('images/topic_7_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
  #Topics_Button_7_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_7_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_3:hover {
   background-image: url('images/topic_7_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_7_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_7_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_4:hover {
   background-image: url('images/topic_7_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_7_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_7_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_7_5:hover {
   background-image: url('images/topic_7_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
    /**** Eighth Grade ***/
	
   #Topics_Button_8_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_8_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_1:hover {
   background-image: url('images/topic_8_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_8_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_8_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_2:hover {
   background-image: url('images/topic_8_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_8_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_8_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_3:hover {
   background-image: url('images/topic_8_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_8_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_8_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_8_4:hover {
   background-image: url('images/topic_8_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_8_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_8_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_8_5:hover {
   background-image: url('images/topic_8_5_ROLL.png');
   background-color:transparent;
	border:none; 
   }   
   
   
   /**** Ninth Grade Topics Button ***/
       	
   #Topics_Button_9_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_9_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_1:hover {
   background-image: url('images/topic_9_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_9_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_2:hover {
   background-image: url('images/topic_9_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_9_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_3:hover {
   background-image: url('images/topic_9_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_9_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_9_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_4:hover {
   background-image: url('images/topic_9_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_9_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_9_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_5:hover {
   background-image: url('images/topic_9_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_9_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_9_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_9_6:hover {
   background-image: url('images/topic_9_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_7 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_9_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_7:hover {
   background-image: url('images/topic_9_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_8 {
	display: block;
	width:332px;
    height:35px;
	background-image: url('images/topic_9_8.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_8:hover {
   background-image: url('images/topic_9_8_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   
   #Topics_Button_9_9 {
	display: block;
	width:348px;
    height:36px;
	background-image: url('images/topic_9_9.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_9:hover {
   background-image: url('images/topic_9_9_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_10 {
	display: block;
	width:338px;
    height:30px;
	background-image: url('images/topic_9_10.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_10:hover {
   background-image: url('images/topic_9_10_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_11 {
	display: block;
	width:353px;
    height:31px;
	background-image: url('images/topic_9_11.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_11:hover {
   background-image: url('images/topic_9_11_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_9_12 {
	display: block;
	width:345px;
    height:20px;
	background-image: url('images/topic_9_12.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_9_12:hover {
   background-image: url('images/topic_9_12_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
       /**** Tenth Grade ***/
	
   #Topics_Button_10_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_10_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_1:hover {
   background-image: url('images/topic_10_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_10_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_10_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_2:hover {
   background-image: url('images/topic_10_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_10_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_10_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_3:hover {
   background-image: url('images/topic_10_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_10_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_10_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_10_4:hover {
   background-image: url('images/topic_10_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_10_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_10_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_10_5:hover {
   background-image: url('images/topic_10_5_ROLL.png');
   background-color:transparent;
	border:none; 
   }  
   
   
   /**** Eleventh Grade Topics Button ***/
       	
   #Topics_Button_11_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_11_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_1:hover {
   background-image: url('images/topic_11_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_11_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_11_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_2:hover {
   background-image: url('images/topic_11_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_11_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_11_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_3:hover {
   background-image: url('images/topic_11_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_11_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_11_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_4:hover {
   background-image: url('images/topic_11_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_11_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_11_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_11_5:hover {
   background-image: url('images/topic_11_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_11_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_11_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_11_6:hover {
   background-image: url('images/topic_11_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_11_7 {
	display: block;
	width:341px;
    height:40px;
	background-image: url('images/topic_11_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_11_7:hover {
   background-image: url('images/topic_11_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    /**** Twelfth Grade Topics Button ***/
       	
   #Topics_Button_12_1 {
	display: block;
	width:312px;
    height:62px;
	background-image: url('images/topic_12_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_1:hover {
   background-image: url('images/topic_12_1_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_12_2 {
	display: block;
	width:304px;
    height:58px;
	background-image: url('images/topic_12_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_2:hover {
   background-image: url('images/topic_12_2_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_12_3 {
	display: block;
	width:324px;
    height:53px;
	background-image: url('images/topic_12_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_3:hover {
   background-image: url('images/topic_12_3_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_12_4 {
	display: block;
	width:313px;
    height:52px;
	background-image: url('images/topic_12_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_4:hover {
   background-image: url('images/topic_12_4_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
    #Topics_Button_12_5 {
	display: block;
	width:334px;
    height:46px;
	background-image: url('images/topic_12_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_5:hover {
   background-image: url('images/topic_12_5_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_12_6 {
	display: block;
	width:325px;
    height:44px;
	background-image: url('images/topic_12_6.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_12_6:hover {
   background-image: url('images/topic_12_6_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   #Topics_Button_12_7 {
	display: block;
	width:343px;
    height:40px;
	background-image: url('images/topic_12_7.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 #Topics_Button_12_7:hover {
   background-image: url('images/topic_12_7_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
 #Topics_Button_12_8 {
	display: block;
	width:332px;
    height:35px;
	background-image: url('images/topic_12_8.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
#Topics_Button_12_8:hover {
   background-image: url('images/topic_12_8_ROLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
   
 /**** Dashboard *****/
.dasboard_image {
	display:block;
	width:917px;
    height:412px;
	background-image: url('images/Dashboard.jpg');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	

.graph {
	display: block;
	width:281px;
    height:71px;
	background-image: url('images/Graph.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
	}	
 .graph:hover {
   background-image: url('images/Graph_RLL.png'); 
   background-color:transparent;
	border:none;
   }   
   
.graph_hicon {
	display: block;
	postion:fixed;
	margin-left:35px;
	width:30px;
    height:30px;
	background-image: url('images/Graph_H_Icon.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph_hicon:hover {
	 position:fixed;
   background-image: url('images/Graph_H_Icon_RLL.png'); 
   }      

.trend {
	display: block;
	width:282px;
    height:56px;
	background-image: url('images/Trend.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .trend:hover {
   background-image: url('images/Trend_RLL.png'); 
   }   
   
.reports {
	display: block;
	width:323px;
    height:46px;
	background-image: url('images/Reports.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .reports:hover {
   background-image: url('images/Reports_RLL.png'); 
   }   

/*** Review Button ***/
.review1 {
display: block;
	position:fixed;
	width:100px;
  	height:35px;
	border: 2px solid white;
    background-color:#1d90fd;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-family: helvetica;
    text-decoration: none;
    vertical-align: middle;
	}	
 .review1:hover {
  width: 100px;
height: 35px;
border: 2px solid white;
background-color:#60adf6;
color:white;
   }   
   
 /***Graph***/  
     /*** Current Standing***/
.graph1 {
	position:relative;
	display: block;
	width:270px;
    height:103px;
	background-image: url('images/graph_currentstanding.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	
	}	
 .graph1:hover {
   background-image: url('images/graph_currentstanding_RL.png'); 
   }   

       /*** Topic Performance***/
.graph2 {
	position:relative;
	display: block;
	width:274px;
    height:110px;
	background-image: url('images/graph_topic_performance.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph2:hover {
   background-image: url('images/graph_topic_performance_RL.png'); 
   }   

   
          /*** Graph Average time ***/
.graph3 {
	position:relative;
	display: block;
	width:270px;
    height:102px;
	background-image: url('images/graph_avgtime.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph3:hover {
   background-image: url('images/graph_avgtime_RL.png'); 
   }   
   
  /*** Current Standing Topic Wise***/
.graph4 {
	display: block;
	width:275px;
    height:111px;
	background-image: url('images/graph_currenttopic.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph4:hover {
   background-image: url('images/graph_currenttopic_RL.png'); 
   }   


 /***  TopicWise Focusarea***/
.graph5 {
	display: block;
	position:absolute;
	width:270px;
    height:104px;
	background-image: url('images/graph_topicwise.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph5:hover {
   background-image: url('images/graph_topicwise_RL.png'); 
   }   
   
 /*** Pending Questions ***/
.graph6 {
	display: block;
	width:270px;
    height:104px;
	background-image: url('images/graph_pending.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph6:hover {
   background-image: url('images/graph_pending_RL.png'); 
   }   

 /*** Wrong Questions ***/
.graph7 {
	display: block;
	width:271px;
    height:107px;
	background-image: url('images/graph_wrong.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .graph7:hover {
   background-image: url('images/graph_wrong_RL.png'); 
   }   

/*** Score Page - Label***/

.score_image {
	display:block;
	width:323px;
    height:70px;
	position:relative;
	margin:-32px 0px 0px 293px;
	background-image: url('images/score_image.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	}

	
.score_topicname {
	display:block;
	position:relative;
	font-family:Times New Roman;
	font-size:16px;
	font-weight:lighter;
	color:#000000;
	}		
.label_left{
	top:-11px;
	float:left;
	position:relative;
	margin-left:50px;
	width:200px;
	font-size:12pt;
	font-weight:lighter;
	font-family:Times New Roman;
	color:#000000;
}

.label_right{
	float:left;
	top:-45px;
	margin-left:255px;
	position:relative;
	width:250px;
	font-size:12pt;
	font-weight:lighter;
	font-family:Times New Roman;
	color:#000000;
}

.score_timergraph{
	position:relative;
	width:80px;
	height:70px;
	margin:0px;
	background-image:url(images/score_timegraph.png);
	background-color:transparent;
}
.score_timergraph:hover {
   background-image: url('images/score_timegraph_RLL.png'); 
   background-color:transparent;
   }  	
   
.score_review{
	position:relative;
	width:80px;
	height:70px;
	margin:-71px 0px 0px 90px;
	background-image:url(images/score_reivew.png);
	background-color:transparent;
}
.score_review:hover {
   background-image: url('images/score_reivew_RLL.png'); 
   background-color:transparent;
   }  		

.reward_str
{
	display: block;
	width:619px;
    height:297px;
	margin-left: 79px;
    margin-top: 100px
	background-color:#FFFFFF;
    background-image: url('images/str1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star1
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_1.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star2
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_2.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star3
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_3.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star4
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_4.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_star5
{
	display: block;
	width:639px;
    height:419px;
	margin-top:-20px;
	margin-left:108px;
	background-color:#333333;
    background-image: url('images/star_5.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

.reward_logo
{
	display: block;
	width:446px;
    height:501px;
	margin-top:-150px;
	margin-left:283px;
    background-image: url('images/reward_icon.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	border:none;
}

.register {
	display: block;
	width:211px;
    height:46px;
	background-image: url('images/Signup-reg.png');  /*Button background color  - TeenEinstein.com*/
	}	
 .register:hover {
   background-image: url('images/Signup-reg_RLL.png'); 
   }   

/****Popup Box*****/

	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	
	
	#dialog-link1 {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	
	
	#dialog-link2 {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	
	

/*** Reports Page ***/

.report_button {
	align: left;
    width:100%;
	height: 60px;
	padding:2px 2px;
	padding-left: 15px;
	margin-bottom:2px;
	font-size:15px;
	color: black;
	font:14px Rockwell;
	display:block
 	}

.report_button ul {
	float: left;
	padding: 2px 0;
}
.report_button ul li {
	text-align: left;
	float: left;
	width: 850px;
	-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;
}

.report_button ul li:hover {
	background: #8C9C9A;
	color: white;
}
.report_button ul li:hover a { color: white; text-decoration:none; }
ul li:hover .report_button { opacity: 1; margin-top: 1px; }

.review1_button{
    width: 625px;
	height: 45px;
	padding:6px 6px;
	padding-left: 55px;
	margin:10px 0px 0px 142px;
	font-size:15px;
	color: white;
	background-image: url('images/report_title.png'); 
	background-size: cover;
	font:14px Rockwell;
	display:block
 	}
	
.sendemail_button{
	align: left;
    width: 110px;
	height: 45px;
	padding:6px 6px;
	padding-left: 15px;
	margin-bottom:2px;
	font-size:15px;
	color: white;
	background-image: url('images/report_title.png'); 
	background-size: cover;
	font:14px Rockwell;
	display:block
 	}
/*** Graph Help image ***/
	
	div#pop-up {
        display: none;
        position: absolute;
        width: 280px;
		margin-right:50px;
        padding: 10px;
        background: #D8D8D8;
        color: #000000;
        border: 1px solid #1a1a1a;
		font:24px Rockwell;
		font-weight: bold;
        font-size: 100%;
}

/** Worksheet Sketchpad***/

#sketchpadapp {
    /* Prevent nearby text being highlighted when accidentally dragging mouse outside confines of the canvas */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#sketchpad {
    float:left;
    height:425px;
    width:875px;
    border:2px solid #888;
    border-radius:1px;
    position:relative; /* Necessary for correct mouse co-ords in Firefox */
}
#clearbutton {
    font-size: 15px;
    padding: 10px;
    -webkit-appearance: none;
    background: #eee;
    border: 1px solid #888;
}

/*** Blog ***/

.addblog_button
{
  background-repeat:no-repeat;
  background-position: left;
  background-size: 30px;
  width:100px;
  height:34px;
  border: 1px solid silver;
 background-color:#1d90fd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
  
  
}
.addblog_button:hover
{
border: 1px solid silver;
background-color:#60adf6;
color:white;
}

.clickfull_button
{
  background-repeat:no-repeat;
  background-position: left;
  background-size: 30px;
  width:150px;
  height:40px;
  border: 1px solid silver;
  background-color:#1d90fd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
}
.clickfull_button:hover
{
border: 1px solid silver;
background-color:#60adf6;
color:white;
}

.vquestion_btn {
  background-repeat:no-repeat;
  background-position: left;
  background-size: 30px;
  width:250px;
  height:100px;
  border: 1px solid silver;
  background-color:#1d90fd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 7px;
  color: white;
  font-size: 14px;
  font-family: helvetica;
  text-decoration: none;
  vertical-align: middle;
  padding: 13px 25px;
}
/**** Basic and Advanced menu in dashboard and graph page ****/

.con {
  margin: 150px auto 50px;
  width: 640px;
  text-align: center;
  background-color:black;
}
.con .user {
  text-align: left;
}

.user {
  position: relative;
  height: 32px;
  padding: 8px 12px 8px 8px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
}
.user img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.4);
}
.user h5 small {
  display: block;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #364168;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.user:hover ul {
  padding: 4px 0 6px;
  visibility: visible;
  opacity: 1;
}
.user ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #d9e3fa;
  border: 1px solid;
  border-color: #777 #6c6c6c #666;
  border-radius: 5px;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: linear-gradient(to bottom, #eef3fe, #d9e3fa);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.user ul:before, .user ul:after, .user li:first-child:after {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  width: 0;
  height: 0;
  border: 7px outset transparent;
}
.user ul:before {
  bottom: -14px;
  border-top: 7px solid #555;
}
.user li:first-child:after {
  bottom: -13px;
  border-top: 7px solid white;
}
.user ul:after {
  bottom: -12px;
  border-top: 7px solid #d9e3fa;
}
.user li {
  padding: 0 12px;
  font-size: 11px;
  color: #838ca2;
  text-shadow: 0 1px white;
}
.user li.sep {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #b4bbce;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -13px;
  padding: 0 20px 0 12px;
  color: #313a4f;
  text-decoration: none;
  border: 1px solid transparent;
}
.user li a:hover {
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background: #5a70b0;
  border-color: #5a70b0 #495d98 #42558a;
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(to bottom, #7688bd, #4e64a3);
}
.user li a:hover:after {
  display: block;
}
.user li a:after {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}

.close
{
	display: block;
  position:relative;
  width:30px;
  height:30px;
  background-image:url('images/close.png');	
  background-color:transparent;
  border:none;
 }
 
#basicModal{
            display:none;
}

/*** Quiz Timer hours, minutes, secs ***/
#timer{
	float:left;
	margin-left:497px;
	position:absolute;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
	background-image:url(images/clock-image.gif);
	background-repeat:no-repeat;
	width:40px;
	height:40px;
}
#hours{
	float:left;
	margin-left:15px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}
#hours_col{
	float:left;
	margin-left:4px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}
#minutes{
	float:left;
	margin-left:5px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}
#minutes_col{
	float:left;
	margin-left:5px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}

#seconds{
	float:left;
	margin-left:6px;
	position:relative;
	font-family:helvetica;
	font-size:18px;
	font-weight:lighter;
}

/*** Account Settings ****/
.acc_setting1
{
    position:relative;
	margin:-21px 1px 1px 322px;
	width:71px;
	height:72px;
	background-image:url(images/account_settings1.png);
	background-color:transparent;
}
.acc_parentname 
{
    width:150px;
    height:20px;
    margin:-59px 1px 1px 397px;
    font-family: helvetica;
    font-size: 16px;
    font-weight: lighter;   
}
.acc_parentname1 
{
	width:150px;
    height:20px;
    margin:4px 1px 1px 397px;
    font-family: helvetica;
    font-size: 16px;
    font-weight: lighter;   
}

.acc_parentname2 
{
	width:33px;
    height:34px;
    margin:-59px 1px 1px 527px;
	background-image:url(images/account_settings2.png);
	background-color:transparent;
}

.acc_parentname3
{
	width:23px;
    height:19px;
    margin:4px 1px 1px 537px;
	background-image:url(images/account_settings3.png);
	background-color:transparent;
}

#security_details
{
	position:relative;
	width:283px;
	height:45px;
	margin:34px 0 0 50px;
	cursor: pointer;
	background-image:url(images/profile-details-select.png);
	background-color:transparent;
}
#security_details:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:34px 0 0 50px;
	cursor: pointer;
	background-image:url(images/profile-details-rollover.png);
	background-color:transparent;
}

#child_details
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
	text-align:center;
	background-image:url(images/child-details-normal.png);
	background-color:transparent;
}
#child_details:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
	text-align:center;
	background-image:url(images/child-details-rollover.png);
	background-color:transparent;
}

f1
{
	position:relative;
	margin:15px 0 0 -5px;
	text-align:center;
	display:block;
}

#change_password
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/change-password-normal.png);
	background-color:transparent;
}
#change_password:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/change-password-rollover.png);
	background-color:transparent;
}

#payment_details
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/payment-details-rollover.png);
	background-color:transparent;
}
#payment_details:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/payment-details-normal.png);
	background-color:transparent;
}

#account_status
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/account-status-rollover.png);
	background-color:transparent;
}
#account_status:hover
{
	position:relative;
	width:283px;
	height:45px;
	margin:-1px 0 0 50px;
	cursor: pointer;
    text-align:center;
	background-image:url(images/account-status-normal.png);
	background-color:transparent;
}
.active{
     background-color:#02baf2;
	
}
    
	
.back-green { background-color: green; }
.back-red { background-color:#02baf2; }


/***** EVALUATE Buttons ****/

#evaluate_solution_box
{
	position:relative;
	width:300px;
	top:-20px;
	left:305px;
}

#learn_evaluate {
	display:block;
	top:10px;
	width:289px;
    height:76px;
	background-image: url('images/home-page_learn.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:relative;
}

#worksheet_evaluate {
	display:block;
	position:relative;
	top:10px;
	width:290px;
    height:76px;
	cusror: pointer;
	background-image: url('images/home-page_worksheet.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
}

#quiz_evaluate {
	display:block;
	top:10px;
	width:290px;
    height:76px;
	cusror: pointer;
	background-image: url('images/home-page_quiz.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	text-indent: -9999em;
	position:relative;
}
#quiz_evaluate:hover {
   background-image: url('images/home-page_quiz.png'); 
   }   

#practice_evaluate {
	display:block;
	top:10px;
	width:290px;
    height:76px;
	background-image: url('images/home-page_practice.png');  /*Button background color  - TeenEinstein.com*/
	background-color:transparent;
	position:relative;
}
#practice_evaluate:hover {
   background-image: url('images/home-page_practice.png'); 
   }   


video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}