@charset "utf-8";
/* CSS Document */
#gencontent {
	width:800px !important;
}

#gencontent .readable_long_text
{
	padding-left: 20px!important;
	padding-right: 50px!important;
}

h1 {
	text-align:center;
}
h4{
		font-size: 12px;
		color: #660066;  /*Purple #6c1e88 */
		text-align: center;
}

h6{
	font-size: 8px;
	color: white;
	text-align:center;
	position:relative;
	bottom: 2px;
}

/*Overwrite nav bar grey background for test pages*/
#test_wrapper {
	background: #FFffff url(../../images/770_white_bkg.jpg) repeat-y 50% 0;
}


.QoWLTestHeaderLeft {
	float: left;
	width: 50%;
	font-size: 10px;
}
.QoWLTestHeaderRight {
	float: left;
	width: 8%;
	padding-right: 1%;
	padding-left: 1%;
	font-size: 10px;
}

.testTitle {
	padding-left: 5px;
	text-align:center;
	}

.QoWLTestHeaderLeft p {
	margin-bottom: 20px;
}
.QoWLTestButtons {
	width: 100%;
	float: left;
	height: 60px;
}
.QoWLTESTSelectBox {
	float: right;
	margin-right: 10px;
}
#QoWLTestRightColumntPage5 {
	float: right;
	width: 60%;
}
#QoWLTestLeftColumntPage5 {
	float: left;
	width: 40%;
	vertical-align: middle;
}





#gencontent .readable_long_text #QoWLTest #QoWLTestLeftColumntPage5 p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#gencontent .readable_long_text #QoWLTest #QoWLTestLeftColumntPage5 p {
	font-size: 12px;
	line-height: 21px;
}
#gencontent .readable_long_text p {
	font-size: 12px;
	padding-top: 8px;
	padding-left: 5px;
}

.resultsImageLeft {
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 40px;
	width: 40px;
}

.resultsImageRight {
	float: right;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 40px;
	width: 40px;
}

.testResults {
	padding-top: 2px;
	text-align: center;
}

.testImageFloatRight {
	float:right;
	margin: 2.5em 0px 10px 10px;
}

.QoWLTestBodyLeft {
	font-size: 12px;
	float: left;
	width: 50%;
}
.QoWLTestBodyRight {
	font-size: 12px;
	float: left;
	width: 10%;
	text-align:center;
}
.QoWLTestBodyRowGrey {
	height: 40px;
	width: 100%;
	background-color:#f0f0ff;
	padding-top: 15px;
	border-top-style: solid;
    border-top-width: thin;
	border-top-color: #ccc;
}
.QoWLTestBodyRowWhite {
	height: 40px;
	width: 100%;
	padding-top: 15px;
	border-top-style: solid;
    border-top-width: thin;
	border-top-color: #ccc;
}
.QoWLTestHeaderRow {
	height: 32px;
	width: 100%;
}
.QoWLTestRow {
	height: 40px;
	width: 100%;
	margin-top: 10px;
}

.QoWLTestFooterRow {
	margin-bottom: 15px;
	border-bottom-style: solid;
    border-bottom-width: thin;
	border-bottom-color: #ccc;
}

.QoWLTestImg {
	padding-left: 150px;
}


.QoWLTestImgLeft {
	float:left;
}

.QoWLTestImgCentre {
	left: 33%;
	padding-left: 300px;
}

td {
	width: 10%;
	height: 15px;
	text-align: center;
}
.QoWLDate {
	width: 20%;
}




/*Image Links*/

.displace {
	position:absolute;
	left: -5000px;
}

a.startTestButton {
	margin-left:300px;
	display:block;
	width:133px;
	height: 50px;
	background-position:0px 0px;
	text-decoration:none;
	background-image:url(../images/QOWL3DBTN_START_TEST.png);
}
	
a.startTestButton:hover {
	background-position: 0px 95px;
}

a.startTestButton:active {
	background-position: 0px 45px;
}

/*a.backToMenuButton {
	margin-left: 220px;
	display:inline-block;
	width:150px;
	height: 50px;
	background-position:0px 0px;
	text-decoration:none;
	background-image:url(../images/QOWL3DBTN_MENU_NEXT.png);
}*/

/*a.backToMenuButton:hover {
	background-position: 0px 95px;
}

a.backToMenuButton:active {
	background-position: 0px 45px;
}*/

a.nextPageButton {
	display:inline-block;
	width:155px;
	height: 50px;
	background-position:155px 0px;
	text-decoration:none;
	background-image:url(../images/QOWL3DBTN_MENU_NEXT.png);
}

a.nextPageButton:hover {
	background-position: 155px 95px;
}

a.nextPageButton:active {
	background-position: 155px 45px;
}

a.previousPageButton {
	margin-left: 220px;
	display:inline-block;
	width:150px;
	height: 50px;
	background-position:0px 0px;
	text-decoration:none;
	background-image:url(../images/QOWL3DBTN_PREV_NEXT.png);
}

a.previousPageButton:hover {
	background-position: 0px 95px;
}

a.previousPageButton:active {
	background-position: 0px 45px;
}

a.printButton {
	margin-left: 220px;
	display:inline-block;
	width:150px;
	height: 50px;
	background-position:0px 0px;
	text-decoration:none;
	background-image:url(../images/QOWL3DBTN_PRNT_END.png);
}

a.printButton:hover {
	background-position: 0px 95px;
}

a.printButton:active {
	background-position: 0px 45px;
}

a.finishButton {
	display:inline-block;
	width:155px;
	height: 50px;
	background-position:155px 0px;
	text-decoration:none;
	background-image:url(../images/QOWL3DBTN_PRNT_END.png);
}

a.finishButton:hover {
	background-position: 155px 95px;
}

a.finishButton:active {
	background-position: 155px 45px;
}

/*Buttons for index.html*/
a.DownLoadButton {
	margin-left: 155px;
	display: inline-block;
	width: 190px;
	height: 50px;
	background-position: 0px 0px;
	text-decoration: none;
	background-image: url(../../images/QOWL3DBTN_DNLOAD_TEST.png);
}

a.DownLoadButton:hover {
	background-position: 0px 95px;
}

a.DownLoadButton:active {
	background-position: 0px 45px;
}

a.TakeTestButton {
	margin-left: 5px;
	display: inline-block;
	width: 190px;
	height: 50px;
	background-position: 200px 0px;
	text-decoration: none;
	background-image: url(../../images/QOWL3DBTN_DNLOAD_TEST.png);
}

a.TakeTestButton:hover {
	background-position: 200px 95px;
}

a.TakeTestButton:active {
	background-position: 200px 45px;
}


/*Accordiion Rules*/
.acordianTitleStartpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

AccordionPanelContent p {
	padding-right: 15px;
}
.AccordionPanelContent p {
	padding: 0px;
	padding-top: 2px !important;
}

#gencontent .readable_long_text #Accordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelTab h2 {
	font-size: 26px;
	color: #FFF;
}
#gencontent .readable_long_text #Accordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelTab h6 {
	display:none;
	
}
#gencontent .readable_long_text #Accordion1 .AccordionPanel.AccordionPanelClosed .AccordionPanelTab h2 {
	font-size: 26px;
	color: #FFF;
}

/*Print Rules*/

.print {
	display:none;
}

@media print {
	.print{
		display:block;
	}
	.readable_long_text{
		display:none;
	}
	p{
		font-size:13px;
	}
	h1{
		font-size:24px;
		text-align:center;
		padding-top: 20px;
		position:relative;
		right: 50px;
	}
	
	h2{
		font-size:22px;
		padding: 20px;
	}
	h3{
		font-size: 14px;
		color: #660066;  /*Purple #6c1e88 */
		text-align: center;
	}
	#gencontent{
		margin-left:30px;
		float:none;
	}
	.printPage {
	page-break-after:always;
	width:90%;

	}
	#lastPage {
		page-break-after:avoid;
	}
	#footer{
		display:none;
	}
	div#masthead {
   	      display:none;
   }
   #pageName {
	   display:none;
   }
   .printheader {
	   margin-bottom:55px;
   }
}

/*Alerts*/


#DlgContentWarning
{
	padding: 1px;
}


#OverlayAlert
{
  visibility: hidden;
  position: absolute;
  left: 90px;
  top: 120px;
  width:200px;
  height:250px;
  text-align:center;
  border: solid;
  background-color: lightgray;
}

#OverlayWarning
{
  visibility: hidden;
  position: absolute;
  left: 90px;
  top: 120px;
  width:200px;
  height:200px;
  text-align:center;
  border: solid;
  background-color: lightgray;
}

/*Rules for graphs*/

.rect.positive {
  fill: #01CA00;
  stroke: #448318;
  stroke-width: 2px;
}

.rect.average {
  fill: #E6E000;
  stroke: #838113;
  stroke-width: 2px;
}

.rect.negative {
  fill: #BF0000;
  stroke: #421D03;
  stroke-width: 2px;
}

.chart text {
  text-anchor: end;
  color:black;
}

.axis text {
  font: 10px sans-serif;
}

path, line {
  fill: none;
  stroke: black;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.barText {
	color:#FFFFFF;
}
