BODY
{
    font-weight: normal;
    font-size: 8pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    background-color: whitesmoke;
    text-align: center;
}

div.wrapper {
   position:relative;
   width: 750px; /* put your site width here */
   margin: 0 auto; /* this means in mozilla?? (or IE - one or the other) it will center */
   text-align: left;  /* stops every element below this point from aligning in the center */
}

.titlebox {
	position: relative;
	visibility: visible;
	width: 750px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
    vertical-align: top;
/*background-image: url(images/imgQuantelHeader.png);*/
}

.navbox {
	position: relative;
	font-family: Verdana;
	font-size: 10px;
	background-color: white;
	height: 30px;
	width: 750px;
	text-align: left;
	padding-left:5px;
}

.navItem  {
	height:12;
	font-family: Arial;
	font-size:11px;
	color:Gray;
	left:2px;
	float:right;
	padding-right: 5px;
	padding-left: 5px;
	z-index:2;
}
.navTextArea  {
	position:relative;
	top:50px;
	left:5px;
	width:550px;
	height:30px;
	font-family:Arial;
	font-size:11px;
	text-align: right;
	padding-right:5px;
	padding-top: 8px;
	z-index:2;
}


    
.progressBar {
	position: absolute;
	z-index: 1;
	height: 22px;
	width: 180px;
	top: 1px;
	left: 560px;
	visibility: visible;
}

.box1 {
	position: absolute;
	border: thin solid #999999;
	font-size: 10px;
	height: 120px;
	width: 177px;
	top: 0px;
	left: 0px;
}

.box2 {
	position: absolute;
	border: thin solid #999999;
	height: 120px;
	width: 177px;
	left: 190px;
	top: 0px;
}

.box3 {
	position: absolute;
	border: thin solid #999999;
	height: 120px;
	width: 177px;
	top: 0px;
	left: 380px;
}

.box4 {
	position: absolute;
	border: thin solid #999999;
	height: 120px;
	width: 177px;
	left: 570;
	top: 0px;
}

.box5 {
	position: absolute;
	border: thin solid #999999;
	height: 120px;
	width: 170px;
	top: 0px;
	left: 740;
}

.leftPanel {
	position: absolute;
	z-index: 1;
	height: 460px;
	width: 265px;
    border: thin solid #999999;
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	visibility: visible;
	clear: both;
}

.leftPanelSmall {
	position: absolute;
	z-index: 1;
	height: 370px;
	width: 265px;
    border: thin solid #999999;
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	visibility: visible;
}

.rightPanel {
    position: relative; 
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
    border: thin solid #999999;
	height: 460px;
    width:475px;
	top: 0px;
	left: 275px;
	visibility: visible;
}

.rightPanelSmall {
	position: absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
    border: thin solid #999999;
	height:370px;
    width:475px;
	top: 0px;
	left: 275px;
	visibility: visible;
}

.messageText {
	position: absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	height: 430px;
	width: 400px;
	top: 20px;
	left: 20px;
	visibility: visible;
}

.farRightPanel {
    position:absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  10px;
    font-style:italic;
	height:25px;
	width: 90px;
	visibility: visible;    
    top:30px;
    left:375px;
}


.assesseeDetailsLabel {
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    height:20px;
    width:300;
    top: 10px;
	left: 30px;
	visibility: visible;
}

.assesseeLabels{
	position: absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	width: 70px;
	left: 100px;
	top:30;
	left:50px;
	}
	
.assesseeInputs {
	position: absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	width: 300px;
	top: 30;
	left: 170px;
}

.analysisDetailsLabel {
	position: absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    height:20px;
    width:300;
    top: 190px;
	left: 30px;
	visibility: visible;
}

.analysisLabels{
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	width: 300px;
	top: 190px;
	left: 50px;
}

.analysisInputs {
	position: absolute;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	width: 300px;
	top: 210px;
	left: 170px;
}

.analysisLabel{
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 24px;
	width: 120px;
 }


.analysisBox {
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 24px;
	width: 300px;
}

.tabPanel {
	position: absolute;
	z-index: 1;
	height: 30px;
	width: 200px;
	background-color: #FFFFFF;
	top: 2px;
	left: 2px;
	visibility: visible;
}

.inputPanel {
    position:relative;
	width: 180px;
	background-color: #FFFFFF;
	top: 60px;
	left: 20px;
	visibility: visible;
    text-align:left
}
	
.inputPanelSmall {
	position: relative;
	width: 180px;
	background-color: #FFFFFF;
	top: 40px;
	left: 20px;
	visibility: visible;
}

.labelPanel {
	position: absolute;
	z-index: 1;
	font-size: 10pt;
    text-align: right;
	height: 30px;
	width: 265px;
	background-color: #FFFFFF;
	top: 0px;
	left: 0px;
	visibility: visible;
}
	
.bottombox {
	position:relative;
	background-color: #8E1D30;
	height: 40px;
	width: 750px;
	top: 10px;
	border: thin solid #999999;
	text-align: center;
	clear:both;
}

.boxpanel {
	position: relative;
	z-index: 1;
	height: 130px;
	width: 750px;
	top:10px;
}

.bodyPanelSmall {
	position: relative;
	z-index: 2;
    height: 380px;
	width: 750px;
	top: 10px;
}

.bodyPanelLarge {
	position: relative;
	z-index: 2;
	height: 470px;
	width: 750px;
	top: 10px;
}

.bodyPanelLargeWhite
{
    background-color: white;
    border-right: #999999 thin solid;
    border-top: #999999 thin solid;
    border-left: #999999 thin solid;
    border-bottom: #999999 thin solid;
    width: 750px;
    top: 10px;
    height: 460px;

}

.question {
	position: relative;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    height:50px;
    width:590;
    top: 10px;
	left: 10px;
	visibility: visible;
    padding-bottom:20px;
    border: thin solid #999999;
    text-align: left;
}

.questionNo {
    position:absolute;
    z-index:1;
    top: 5px;
    left:5px;
    height:10px;
    width:10px;
    border: thin solid #999999;
}

.questionText {
    position:relative;
    z-index:1;
    top: 5px;
    left:40px;
    height:10px;
    width:540px;
    border: thin solid #999999;
}

.response {
    position:relative;
    z-index:1;
    top:5px;
    left:40px;
    height:20px;
    width:540px;
    border: thin solid #999999;
}

.questionNotes {
    position:relative;
    z-index:1;
    top:5px;
    left:40px;
    height:20px;
    width:540px;
    border: thin solid #999999;
}

.questionNA {
    position:relative;
    z-index:1;
    top:5px;
    left:540px;
    height:10px;
    width:40px;
    border: thin solid #999999;
}

.startButton {
    position:absolute;
    z-index:1;
    top:335px;
    left:380px;
}

.nextButton {
    position:relative;
    z-index:1;
    left: 110px;
    width: 200px;
    margin-bottom:20px;
    margin-top:20px;
}
.navlink {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
}

.copyright {
	position: relative;
	z-index: 2;
	height: 15px;
	width: 500px;
	top: 10px;
	border: none #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #C0C0C0;
	text-align: left;
    clear:both;
}

.cancelAssessment {
	position: relative;
	z-index: 1;
	height: 10px;
	width: 180px;
	left: 570px;
	visibility: visible;
	font-family:Arial;
	font-size:9px;
	text-align:right;
	border: none #FFFFFF;
}

.resultsLabel {
    position:absolute;
    left:460px;
    top:10px;
    width:280px;
    }

.bottomPadding {
    position:relative;
    z-index:1;
    height:10px;   
    background-color:Green;
}