/* CSS Document */


/* these set the Understanding the Test (ORANGE) colors */



/* these set the Practice Test (BLUE) colors */
body#practiceTest #appHome a {
	background-image: url(../images/icons/practice2.gif);
}
body#practiceTest #status {
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	background-color: #824C98;
}
body#practiceTest #location {
	background-color: #824c98;
}
body#practiceTest #welcome {
	background-color: #BAE6ED;
	background-image: url(../images/welcome/gradientPractice.gif);
}
body#practiceTest #instructions h1 {
	color: #1cadc5;
}
body#practiceTest #instructions ol li {
	color: #1cadc5;
}
body#practiceTest #tree {
	background-color: #BAE6ED;
}
body#practiceTest .ready a {
	background-image: url(../images/welcome/readyPractice.gif);
}
body#practiceTest .ready a:hover {
	background-image: url(../images/welcome/readyHover.gif);
}
body#practiceTest #ready a {
	background-image: url(../images/welcome/readyPractice.gif);
}
body#practiceTest #ready a:hover {
	background-image: url(../images/welcome/readyHover.gif);
}
body#practiceTest ul.tree li.liOpen .bullet {
	background-image: url(../images/welcome/practiceMinus.gif);
}
body#practiceTest ul.tree li.liClosed .bullet {
	background-image: url(../images/welcome/practicePlus.gif);	
}

form {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sectionItemRelease h1{
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	color: #824c98;
}

#sectionScorerTraining h1 {
	background-image: url(../images/status/scorertraining.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 33px;
	color: #824c98;
}

#sectionPracticeTest h1{
	background-image: url(../images/status/practicetest.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 33px;
	color: #824c98;
}
#sectionCanDo h1{
	background-image: url(../images/status/shouldknow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 33px;
	color: #988675;
}
#sectionUnderstanding2 h1 {
	background-image: url(../images/status/understandTest2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 33px;
	color: #988675;
}
#sectionExpected h1 {
	background-image: url(../images/status/whatsexpected.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
	height: 33px;
	color: #988675;
}
#popHelp a{
	background-color: #477AA3;
	float: right;
	margin-right: 1em;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	text-transform: uppercase;
	color: #FFFFFF ! important;
	text-decoration: none;
	margin-top: -2.25em;
	border: 1px solid #FFFFFF;
}
#popHelp a:hover{
	background-color: #6F3387;
}
#popHelpButton {
	text-align: right;
	margin: 0px;
	padding-right: 1em;
	background-color: #824c98;
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#popHelpButton a{
	background-color: #477AA3;
	border: 1px solid #FFFFFF;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	text-transform: uppercase;
	color: #FFFFFF ! important;
	text-decoration: none;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 1em;
}
#popHelpButton a:hover{
	background-color: #6F3387;
}

#location {
	margin: 0px;
	height: 1.7em;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#location h2{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 1.2em;
	/*
	line-height: 2em;
	*/
}#locationYear {
	font-size: .9em;
}
#locationSubject {
	font-size: 1.1em;
}
#itemList {
	padding: 0px;
	display: block;
	background-color: #477AA3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	clear: both;
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	width: 800px;
	font-size: 0.9em;
	background-image: url(../Images/status/stripe.gif);
}
#itemList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#itemList li {
	display: block;
	float: left;
	list-style-type: none;
	color: #95C2E3;
	text-align: center;
	margin: 0px;
	width: 1.7em;
	line-height: 24px;
	height: 24px;
	padding: 0px;
}

#itemList a {
	color: #FFFFFF;
	padding: 0px;
	display: block;
	width: 1.7em;
	margin: 0px;
}
.pastItem a{
	background-color: #386b94! important;
	color: #CC0000;
	background-position: left bottom;
	background-image: url(../images/status/whitestrip.gif);
	background-repeat: repeat-x;
}
#curentItem a{
	background-color: #FFFFFF;
	color: #ED1C24;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ED1C24;
	border-left-color: #ED1C24;
	
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/status/redTraingle.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#itemList .curentItem a, #itemList .currentItem a{
	background-color: #FFFFFF;
	color: #ED1C24 ! important;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ED1C24;
	border-left-color: #ED1C24;
	background-image: url(../images/status/redTraingle.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: bold;
	text-decoration: none;
}
#itemList .skippedItem a{
	color: #FFFFFF;
	font-weight: bold;
	background-position: left bottom;
	background-color: #95C2E3;
	background-image: url(../images/status/whitestrip.gif);
	background-repeat: repeat-x;
}
#itemList .futureItem a{
	color: #95C2E3;
	text-decoration: none;
	font-style: italic;
}
#endTest a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-repeat: repeat-x;
	display: block;
	width: 7em;
	float: left;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #ED1C24;
	margin-left: 5px;
	background-image: url(../images/status/whitestrip.gif);
	background-position: center bottom;
}

#endTest a:hover{
	background-color: #009900;	
}

#maincontent {
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px;
}

#welcome {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}
#instructions {
	margin: 0px;
	padding: 0px;
	width: 509px;
	float: left;
}
#instructions h1 {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
	font-size: 3em;
}
#instructions ol {
	margin: 0px;
	padding: 0px;
	width: 220px;
	font-size: 2.5em;
	line-height: 2.5px;
}

#instructions ol li {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.2em;
	padding-right: 0px;
	padding-left: 20px;
	list-style-position: inside;
	margin: 0px;
	padding-bottom: 0.7em;
}
#instructions ol li span{
	font-size: 0.5em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-left: 1em;
	padding: 0px;
}
#instructions img {
	padding-right: 40px;
	padding-top: .5em;
}
#tree {
	width: 289px;
	margin: 0px;
	padding: 0px;
	float: right;
}
#tree h2 {
	margin: 0px;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #477aa3;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 1.8em;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 0px;
}
.ready {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.ready a {
	display: block;
	height: 38px;
	width: 289px;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	line-height: 38px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center;
}
.notReady {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.notReady a {
	display: block;
	height: 38px;
	width: 289px;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	line-height: 38px;
	background-color: #E2D0B9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#ready {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#ready a {
	display: block;
	height: 38px;
	width: 289px;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	line-height: 38px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center;
}
#notReady {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#notReady a {
	display: block;
	height: 38px;
	width: 289px;
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	line-height: 38px;
	background-color: #E2D0B9;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#clickButton {
	padding: 5px;
	font-size: 1.2em;
	text-align: center;
}



body#practiceTest #instructions {
	margin: 0px;
	padding: 0px;
	width: 490px;
	float: left;
}
/* ------------------------------------- */

#welcome #instructions p {
	margin-left: 20px;
	margin-bottom: 10px;
}
#welcome #instructions li {
	padding-bottom: 10px;
}
#welcomeWide #instructionsWide p {
	width: 280px;
	margin-left: 20px;
}
#welcomeWide #instructionsWide li {
	width: 260px;
	margin-bottom: 10px;
	margin-left: 3em;
}
#welcomeFull #instructionsFull li {
	padding-bottom: 10px;
}
#welcomeFull #instructionsFull a {
	color: #000000;
}
#welcome #instructions a {
	color: #000000;
}#loading {
	background-color: #C6EBF0;
	padding: 30px;
	margin: 0px;
}
#loading p {
	background-color: #FFFFFF;
	margin: 0px;
	border: 1px solid #477AA3;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#loading img {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footnote {
	font-size: 11px;
	text-align: center;
	background-color: #A89073;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px;
}
body#practiceTest .footnote, body#whatExpected .footnote {
	display: none	
}
/*
.optionlist .rationale {
	display: none;
}
.option, .optionhide, .optionlist {
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	background-image: none !important;
}
.expand {
	display: none;
}
.optionhide div h4 {
	display: none
}
*/
.item {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
/* Fixes alignment issues in IE */
*:first-child+html #footer {
	margin-right: -3px;
}
*:first-child+html #popHelpButton {
	margin-right: -3px;
}
*:first-child+html .descriptionDone #welcomeFull #instructionsFull {
	margin-right: -3px;
}


*html #footer {
	margin-right: -3px;
}
*html #popHelpButton {
	margin-right: -3px;
}
*html .descriptionDone #welcomeFull #instructionsFull {
	margin-right: -3px;
}

/* gets practice test working with new tree */
body#practiceTest #instructions {
	margin: 0px;
	padding: 0px;
	width: auto;
	float: none;
}
.leftPanel #instructions h1 {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	font-size: 2em;
}
.leftPanel #instructions ol {
	margin: 0px;
	padding: 0px;
	width: 220px;
	font-size: 2em;
	line-height: 2.5px;
}

.leftPanel #instructions ol li {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0.2em;
	padding-right: 0px;
	padding-left: 20px;
	list-style-position: inside;
	margin: 0px;
	padding-bottom: 0.7em;
}
.leftPanel #instructions ol li span{
	font-size: 0.5em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-left: 1em;
	padding: 0px;
	font-weight: normal;
}body#practiceTest #popHelpButton {
	border-top-style: none;
}
body#practiceTest #status {
	border-top-style: none;
}
*:first-child+html #welcome .leftPanel {
	width: 488px;
}
*html #welcome .leftPanel {
	width: 488px;
}