/* CSS Document */

/*p { font-family: "Times New Roman", Tahoma, Verdana; font-size: 24pt; }*/

td { padding:0; margin:0; }
table.question td { vertical-align: top; font-family: "Times New Roman",Arial,Verdana; font-size: 9pt; margin: 0; padding: 0; }
p { margin: 10px 4px 10px 4px; font-size: 11pt; }
li { margin: 10px 0px 10px 0px;}
#Content p { margin: 1em; }

p.progress { 
	text-decoration: underline;
	position: relative;
	margin: 0 0 0 5px;
	top: -5px;
}

body.donetest1 p { margin: 10px 0 10px 0; }
body.donetest2 p { margin: 10px 0 10px 0; }
body.welcome p { margin: 15px 0 15px 0; }
body.joshtest1 p, body.joshtest1sample p { margin: 10px 0 10px 0; }
body.joshtest2 p { margin: 10px 0 10px 0; }
body.joshtest1intro p { margin: 10px 0 10px 0; }
body.joshtest2intro p { margin: 10px 0 10px 0; }
body.marytest1intro p { margin: 10px 0 10px 0; }

table.radio td.radio { padding: 8px 4px 8px 4px; vertical-align: middle; }

table.radio td p { font-size: 9pt; vertical-align: middle; }
td.radioDesc p.radioDesc { font-size: 9pt; text-align: center; }

td.title { height: 125px; }
p.title { margin: .5em .5em 0 .5em; font-size: 14pt; }
table.question p.title {
	position: relative;
	z-index: 1;
}

table.sec td { text-align: left; }
table.sec th { text-align: center; font-size: 12pt; }

p.choiceprompt { font-size: 9pt; padding: 3px 0 3px 0; }

table td.noradio { padding: 4px 16px 4px 16px; }

html { font-family: "Times New Roman", Arial, Verdana; font-size: 9pt; }
body { background-color: #FFFFCC; font-family: "Times New Roman", Arial, Verdana; font-size: 9pt; margin: 1px; }
body.main { background-color: #99CCCC; font-family: "Times New Roman", Verdana; font-size: 11pt; margin: 0; }

li { font-family: "Times New Roman", Verdana; font-size: 11pt; }

input, select, textarea {
	font-family: "Times New Roman",Arial,Verdana;
	font-size: 9pt;
	border-collapse: collapse;
}

span.alert {
	color: red;
	font-weight: bold;
}

div.logo { text-align: center; top: 0; }
span.logo1 {
	color: #36f;
	font-size: 60pt;
	font-family: Tahoma, Verdana;
	text-transform: lowercase;
	position: relative;
	bottom: -8px;
	left: 14px;
	z-index: 2;
}
span.logo2 {
	color: #39f;
	font-size: 36pt;
	font-family: Tahoma, Verdana;
	position: relative;
	right: 12px;
	z-index: 1;
}

iframe { border: 0 solid black; }
iframe.main {
	border-style: outset;
	z-index: 10;
}

a {
	background-color: white;
	color: blue;
	text-decoration: none;
}
a:HOVER {
	color: black;
	text-decoration: underline;
}
.menuleft {
	float: left;
}
.menuright {
	float: right;
}
.menu a {
	background-color: white;
	border: 1px solid black;
	color: blue;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	font-size: 20px;
}
.menu a:HOVER {
	background-color: #39f;
	color: black;
	padding: 0px 10px 0px 10px;
	text-decoration: underline;
}

#container {
	padding: 10px;
}

.dotbox {
	margin: 10px 15px 5px 10px;
	padding: 10px;
	border: 1px dashed black;
}

#soundClient {
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 3px 3px 1px 1px;
	z-index: -1;
}