BODY {
	font-family: Helvetica,Arial,Verdana;
	font-size: 14px;
	background-color: #FFFFFF;
	color: #000000;
}

TABLE {
	font-size: 14px;
}

DIV.questions {
	padding-left: 50px;
	padding-right: 50px;
}

P.error {
	background-color: MistyRose;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}

P.problems {
	font-size: xx-small;
}

P.title {
	font-weight: bold;
	font-style: oblique;
	font-size: 20px;
	color: #555500;
}

/* Formating for the percentage completed bar */
TABLE.percent {
	border: 0px solid black;
	border-collapse: collapse;
	float: right;
}

TABLE.percent TR.heading TABLE {
	font-size: small;
}

TABLE.percent TR.bar {
	background-color: #BBBBBB;
}

TABLE.percent TD.bar {
	background-color: #27B;
}

/* Formating for grid questions */

TABLE.grid {
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
	width: 90%;
}

TABLE.grid TH {
	border: 1px solid #569;
	background-color: #DDE4FF;
	vertical-align: middle;
	padding: 6px;
	border-spacing: 1px;
}

TABLE.grid TD {
	border: 1px solid #579;
	padding: 6px;
	border-spacing: 0px;
}

TABLE.grid TD.selected {
	background-color: #BCE;
	text-align: center;
}

TABLE.grid TD.gridItem {
	text-align: center;
}

TABLE.grid TD.gridItemUnanswered {
	text-align: center;
	background-color: #ddd;
}

TABLE.grid TD.gridScaleHeader {
	font-weight: bold;
	border: 0px;
}

SPAN.questionText {
	font-size:15px;
	font-weight:bold;
	font-family: arial,helvetica,verdana;
	padding-top: 5px;
	padding-bottom: 5px;
}

SPAN.missedQuestion {
	font-size:15px;
	font-weight:bold;
	font-family:arial,helvetica,verdana;
	padding-top: 5px;
	padding-bottom: 5px;
}

SPAN.responses {
	font-size: 95%;
	padding-bottom: 15px;
}

HR.thebar {
	background-color: #99AABB;
	color: #99AABB;
}

TD.gridQuestion SPAN.questionText{
	font-weight:normal;
	font-size:100%;
}

TD.gridQuestion SPAN.missedQuestion {
	font-weight:normal;
	font-size:100%;
}

TEXTAREA {
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	border: 2px solid #059;
	padding: 3px;
}

INPUT.text {
	background-color: #FFF;
	color: #000;
	font-weight: bold;
	border: 2px solid #059;
	font-size: 80%;
}

INPUT.disabled {
	background-color: #DDD;
	color: #DDD;
	font-weight: bold;
	border: 2px solid #888;
	font-size: 80%;
}

INPUT.submit {
	background-color: #BCE;
	border-bottom: 2px solid #059;
	border-right: 2px solid #059;
	border-top: 1px solid #27B;
	border-left: 1px solid #27B;
	font-weight: bold;
}

INPUT.submit:active {
	background-color: #BCE;
	border-bottom: 1px solid #27B;
	border-right: 1px solid #27B;
	border-top: 2px solid #059;
	border-left: 2px solid #059;
	font-weight: bold;
}

/* CARD QUESTION RELATED STYLES */

DIV.card {
	position: absolute;
	width: 130;
	height: 160;
	border: 1px solid black;
	background-color: #DDDDFF;
	text-align: center;
	vertical-align: middle;
}
DIV.card_placed {
	position: absolute;
	width: 130;
	height: 160;
	border: 1px solid black;
	background-color: #00FF00;
	text-align: center;
	vertical-align: middle;
}
DIV.stack {
	width: 140;
	height: 170;
	border: 2px dashed black;
	margin: 5px;
	background-color: #DDDDDD;
}
SPAN.stack_header {
	font-weight: bold;
}



BODY {
     font-family:arial,helvetica,verdana;
}

DIV.questions {
	padding-left: 45px;
	padding-right: 45px;
}


/*** GRID TABLES ***/

TABLE.grid {
     border-collapse: collapse;
     border:1px;
     width:90%;
}

TABLE.grid TH {
	border: 1px solid #569;
     background-color: #eef4ff;
	vertical-align: middle;
	padding: 6px;
     border-spacing:1px;
}

TABLE.grid TH.gridHeader {
     vertical-align: middle;
     font-size:100%;
}

TABLE.grid TD {
	border: 1px solid #579;
	padding: 6px;
	border-spacing: 0px;
}

TABLE.grid TD.gridItem {
	text-align: center;
}

TABLE.grid TD.selected {
     background-color:#dfe4f2;
     text-align: center;
}

TABLE.grid TD.gridItemUnanswered {
	text-align: center;
	background-color: #ddd;
}

TABLE.grid TD.gridQuestion SPAN.questionText {
     padding-top:0px;
     padding-bottom:0px;
}

TABLE.grid TD.gridSuperHeader {
     background-color: #fff;
     border: 0px solid #fff;
     font-weight:bold;
     vertical-align: middle;
     font-size:90%;

}

TABLE.grid TD.gridSuperHeaderTitle {
     background-color: #eef4ff;
     border-top:    0px solid #fff;
     border-bottom: 0px solid #fff;
     border-left:   0px solid #fff;
     border-right:  1px solid #569;
     font-weight:bold;
     vertical-align: middle;
     font-size:90%;
}

TABLE.grid TD.gridSuperHeaderNoneChoice {
     background-color: #eef4ff;
     border-top:    0px solid #fff;
     border-bottom: 0px solid #fff;
     border-left:   1px solid #569;
     border-right:  0px solid #fff;
     font-weight:bold;
     vertical-align: middle;
     font-size:90%;
}


/*** QUESTION TEXT FORMATTING ***/

SPAN.questionText {
     display:block;
	font-size:15px;
	font-weight:bold;
	font-family:arial,helvetica,verdana;
	padding-top:8px;
	padding-bottom:12px;
}

SPAN.missedQuestion {
  	display:block;
	font-size:15px;
	font-weight:bold;
	font-family:arial,helvetica,verdana;
	padding-top:8px;
	padding-bottom:12px;
	background-color: #ffd;
}

SPAN.questionNumberText {
     font-size:100%;
     color:#3311BB;
     font-style:normal;
     font-weight:bold;
}


/*** RESPONSES FORMAT FORMATTING - FOR MENUS ***/

SPAN.responses {
        display:block;
        font-size:95%;
        padding-bottom:8px;

}

SPAN.responses SPAN.previousResponse {
	display:inline;
	font-weight:bold;
}


/*** FORM FIELDS FORMATTING ***/

TEXTAREA {
     background-color:#ffffff;
     color:#000;
     font-weight:bold;
     border-top: 2px solid #777;
     border-left: 2px solid #777;
     border-bottom: 2px solid #ccc;
     border-right: 2px solid #ccc;
     padding: 3px;
}

INPUT.text {
     /* font-weight:normal; */
     border-top: 2px solid #777;
     border-left: 2px solid #777;
     border-bottom: 2px solid #ccc;
     border-right: 2px solid #ccc;
     font-size: 100%;
}

INPUT.submit {
     margin-top:5px;
     background-color: #EEE;
     border-bottom: 2px solid #99A;
     border-right: 2px solid #99A;
     border-top: 1px solid #BBC;
     border-left: 1px solid #BBC;

}

INPUT.submit:active {
     background-color: #EEE;
     border-bottom: 1px solid #BBC;
     border-right: 1px solid #BBC;
     border-top: 2px solid #99A;
     border-left: 2px solid #99A;
}


/*** PERCENT BAR FORMATTING ***/

TABLE.percent {
	text-align: right;
}

TABLE.percent TD.bar {
	background-color: #27B;
}


/*** INSTRUCTIONAL RELATED FORMATTING ***/

SPAN.instruction {
     display:block;
     margin-top:2px;
     font-style:italic;
     font-weight:normal;
     color:#500;
}

SPAN.clientquestion {
     display:block;
     margin-top:7px;
     font-weight:bold;
     color:red;
     font-style:italic;
     font-size:95%;
}

SPAN.leadin {
     display:inline;
     font-weight:bold;
     font-style:italic;
}


/*** GENERIC STYLES ***/

FORM {
     margin-top:0px;
     margin-bottom:0px;
     margin-left:0px;
     margin-right:0px;
     padding-top:0px;
     padding-bottom:0px;
     padding-left:0px;
     padding-right:0px;
}

HR.thebar{
        background-color:#99aabf;
        color:#99aabf;
}


.horizontal_rule {
     display:block;
     margin-top:20px;
     margin-bottom:20px;
     text-align:center;
     height:1px;
     font-size:1px;
     width:100%;
     color:#9ab;
     background-color:#9ab;
}


TABLE.numeric {
     border-collapse: collapse;
}

TABLE.numeric TD {
	border: 1px solid #79b;
	padding: 4px;
	border-spacing: 0px;
}


/*** PUT ANY ADDITIONAL STYLES UNDER HERE ***/

EM {
	color : navy;
	font-weight :bold;
}


TD.itemHeader {
	font-weight : bold;
}