.mystage {
	width:		156px;
	height:		198px;
	}
	
#instruments {
	height:		140px;
	}

.topinstrument {
	margin:		15px 0 7px 10px;
	}

#readytogo {
	margin:		3px 0 0 15px;
	}
	
#completed {
	margin:		75px 0 0 25px;
	}

#find_more
{
    position:absolute;
    height:28px;
    width:93px;
    top:77px;
    left :10px;
    background-image : url("images/findmore_btn.gif");
    cursor :pointer ;
    
}

#find_more1
{
    position:absolute;
    height:28px;
    width:93px;
    top:77px;
    left :25px;
    background-image : url("images/findmore_btn.gif");
    cursor :pointer ;
    
}


#GoForPostTest
{
    position:absolute;
    display:block;
    height:28px;
    width:105px;
    top:77px;
    left : 118px;
    background-image : url("images/readytogo_btn.gif");
    cursor:pointer ;
   
}


#indicatorbox
{
    position:absolute;
    width:0px;
    height:130px;
    right:0;
    top: 17px;
    overflow:hidden;
    }
    
#indicatorbox2
{
    position:absolute;
    width:0px;
    height:130px;
    right:0;
    top: 400px;
    overflow:hidden;
}

#indicator
{
   width:       224px;
   height:      121px;
   position:    absolute;
   /*right :      -300px; */
}
  
    

#Indicator_TheresAnotherOne 
{
    position:   absolute;
    left:      0px;
  
    cursor:     pointer;
}

#Indicator_YouFoundIt 
{
    position:   absolute;
    left:      0px;
  
    cursor:     pointer;
}

#Indicator_YouFoundIt2 
{
    position:   absolute;
    left:      0px;
    top:        0px;
    cursor:     pointer;
}

#Indicator_GettingWarmer
{
    position:   absolute;
    left:      0px;
    top:        0px;
    cursor:     pointer;
}

#GoToPostTest
{
  cursor : pointer ;
}


#wrapper {
	margin: 		0 auto 15px auto;
	width:			760px;
	}
	
#header {
	width:				760px;
	height:				153px;
	}

#content {
	background-image: 	url(../images/content_bg.gif);
	min-height: 		400px;
	width:				760px;
	background-repeat:	no-repeat;
	}
	
#formbox {
	width:				620px;
	height:				500px;
	overflow:			auto;
	margin-left:		100px;
	}

#formbox strong
{
    font-size : 14px;
    }
	
#formbox .qbox {
	height:				120px;
	width:				600px;
	clear:				both;
	}
	
#formbox .question {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			15px;
	font-weight:		bold;
	color:				#F6FF00;
	/*margin:				20px 0 0 35px;*/
	}
	
#formbox input[type="radio"] {
	/*display:			block;
	float:				left;*/
/*	width:				10px; */
/*	clear:				left;*/
	margin:				5px 4px 0px 50px;
	}
	

#formbox label {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		normal;
	color:				#FFF;
	/*display:			block;
	float:				right;*/
	width:				535px;
	clear:				right;
	margin:				4px 0 0px 0px;
	}
	
#formbox input[type="submit"] {
	float:				right;
	margin:				20px 50px 20px 0;
	}
	
	
.feedback {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
	color:				#F6FF00;
	width:				600px;
	margin:				0 0 0 120px;
	display:            block;
	}
	
.rfeedback {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
	color:				#F6FF00;
	width:				600px;
	}
	
.continue {
	margin:			60px 0px 0 550px;
	}


#rformbox {
	width:				620px;
	height:				500px;
	overflow:			auto;
	margin-left:		120px;
	}
	
.resultbox {
	height:			80px;
	}
	
.rquestion {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			15px;
	font-weight:		bold;
	color:				#FFF;
	margin:				20px 0 7px 0px;
	}
	
.answer {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#FFF;
	margin:				4px 0;
	}
	
.answer span {
	font-size:			14px;
	color:				#F6FF00;
	font-weight:		bold;

	}
	
.play{
	margin:			60px 0px 0 420px;
	}
	
	
.playgigbox {
	width:			620px;
	margin:			0 0 0 100px;
	}
	
#audiocontrols {
	width:			38px;
	margin-left:	15px;
	}
	
#audiocontrols img {
	margin-right:	4px;
	}
	
.backtodb {
	margin:			20px 0px 0 420px;
	}
	
img , a
{
    outline : none;
}	

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #999999;
	padding: 4px 0px;
}
.footer a {  text-decoration: none; color: #FFFFFF}
.footer a:hover { 
	color: #FFFFFF;
	text-decoration: underline;
}
.footer a:active { 
	color: #CCCCCC;
	text-decoration: underline;
}
.footer a:visited { 
	color: #FFFFFF;
	text-decoration: none;
}
.footer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	padding: 6px 0px;
}
.footer2 a {  text-decoration: none; color: #333333}
.footer2 a:hover { 
	color: #333333;
	text-decoration: underline;
}
.footer2 a:active { 
	color: #666666;
	text-decoration: underline;
}
.footer2 a:visited { 
	color: #333333;
	text-decoration: none;
}
.stories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 6px 6px 6px 12px;
	font-weight: bold;
}
.stories a {  text-decoration: none; color: #000000}
.stories a:hover { 
	color: #000000;
	text-decoration: underline;
}
.stories a:active { 
	color: #666666;
	text-decoration: underline;
}
.stories a:visited { 
	color: #000000;
	text-decoration: underline;
}
.polls {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	padding: 6px 6px 8px 12px;
	font-weight: bold;
}
.polls a {  text-decoration: none; color: #000000}
.polls a:hover { 
	color: #000000;
	text-decoration: underline;
}
.polls a:active { 
	color: #666666;
	text-decoration: underline;
}
.polls a:visited { 
	color: #666666;
	text-decoration: none;
}

.pop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #999999;
	padding: 6px 0px;
	text-align: right;
}
.pop a {  text-decoration: underline; color: #666666}
.pop a:hover { 
	color: #0099CC;
	text-decoration: underline;
}
.pop a:active { 
	color: #006699;
	text-decoration: underline;
}
.pop a:visited { 
	color: #666666;
	text-decoration: underline;
}

.quiz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
    text-align: left;
}
.quiz a {  text-decoration: none; color: #FFFFFF}
.quiz a:hover {  color: #000000; background-color: #FFFFFF}
.quiz a:active {  color: #000000; background-color: #999999}
.quiz a:visited { 
	color: #FFFFFF;
	text-decoration: none;
}
.a10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 13px;
	font-weight: bold;
}
.a12px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}
.a13pxbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
}
.a12blackbg {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	line-height: 16px;
	background-color: #000000;
}
.a12pxpad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	padding-right: 15px;
}
.a12pxpadwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	padding-right: 15px;
	font-weight: bold;
}
.a14pxboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00CCFF;
	line-height: 16px;
	font-weight: bold;
}
.a14pxboldwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	font-variant: normal;
}
.a12pink {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF3399;
	line-height: 16px;
}
.a12white {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
}
.a14pxboldyellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F6FF00;
	line-height: 16px;
	font-weight: bold;
}
.a14pxboldpink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF3399;
	line-height: 16px;
	font-weight: bold;
}
.a14pxboldgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #66FF00;
	line-height: 16px;
	font-weight: bold;
}
.backtotop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
	padding: 6px 0px;
	text-align: right;
}
.yellowlink a { 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.yellowlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #FFFF00;
	padding: 6px 0px;
	text-align: left;
}
.yellowlink a:hover { 
	color: #FFFF00;
	text-decoration: underline;
}
.yellowlink a:active { 
	color: #15B8FF;
	text-decoration: underline;
}
.yellowlink a:visited { 
	color: #15B8FF;
	text-decoration: underline;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	line-height: 16px;
	font-weight: normal;
}
.error2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	line-height: 16px;
	font-weight: normal;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.rateMy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	font-variant: normal;
	background-color: #000000;
}
.bCheck {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
    text-align: left;
}
.bCheck a { 
	text-decoration: underline;
	color: #666666;
	font-weight: bold;
}
.bCheck a:active { 
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.bCheck a:visited {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
.yellowlink10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bold;
	padding-left: 1px;
}
.yellowlink10 a {
	color: #FFFF00; 
	text-decoration: none;
}
.yellowlink10 a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.pinklink10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF3399;
	padding-left: 1px;
}
.pinklink10 a {
	color: #FF3399; 
	text-decoration: none;
}
.pinklink10 a:hover {
	color: #FF3399;
	text-decoration: underline;
}
.bluelink10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #00CCFF;
}
.bluelink10 a {
	color: #00CCFF; 
	text-decoration: none;
}
.bluelink10 a:hover {
	color: #00CCFF;
	text-decoration: underline;
}
.greenlink10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #66FF00;
}
.greenlink10 a {
	color: #66FF00; 
	text-decoration: none;
}
.greenlink10 a:hover {
	color: #66FF00;
	text-decoration: underline;
}
.graylink10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: bold;
	padding-left: 1px;
}
.graylink10 a {
	color: #CCCCCC; 
	text-decoration: none;
}
.graylink10 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
.schools {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 16px;
}
.schools a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #15B8FF;
	line-height: 16px;
}
.ActiveButton
{
	background-color:Green;
	color:White;
	font-weight:bold;
}
.InactiveButton
{
	background-color:Red;
	color:White;
	font-weight:bold;
}