@import url(messages.css);

/*
green background color for admin forms: #EDECDC
*/
table#mainContent {
	width: 90%;
	float: none;
	margin: auto;
	height: 250px;
}

#instructions {
	border: 1px solid red;
}

div#adminBlock {
	clear: both;
	}

div#instructionBlock {
	font-weight: bold;
	float: left;
	margin: 0.5em 0 0 1em;
	color: #303030;
	width: 15%;
	color: #303030;
	font-size: 0.8em;
}

div#instructionBlock a {
	text-decoration: none;
}

div#instructPopup_popupContainer div.x5t {
	border: 0 solid;
}

div#instructionPage {
	display: block;
	float: none;
	margin: auto;
	width: 90%;
	color: #303030;
	border: 1px dotted #C0C0C0;
	padding: 0 2em;
	clear: both;
}

div#instructionBlock .instructionBlockTitle {
	top: -20px;
	left: 20px;
	color: #000000;
	font: bold 1.2em/ 1.5 Verdana, Arial, sans-serif;
	background: #FFFFFF;
}

li.instruction {
	color: #616161;
	font: bold 1.0em/ 1.4 Verdana, Arial, sans-serif;
	list-style: square outside;
	padding: 2px;
	margin: 0.5em;
	width: 96%;
	vertical-align: middle;
}

ul.instruction {
	padding: 0 0.5em 0.5em 1.5em;
	float: none;
	width: 80%;
	margin: auto;
}

ul.introList {
	list-style-type: decimal;
	vertical-align: top;
	line-height: 1.5;
}

ul.introListItem {
	vertical-align: top;
}

table.mainMenuNavItem a {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.5em;
	float: left;
}

table.mainMenuNavItem div.x4c {
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	float: right;
	text-align: center;
	line-height: 3em;
}

div.mainNav {
	width: 200px;
	}

table.mainMenuNavItem img {
	margin: 0.5em 0 0;
	float: right;
}

div#mainStepText li {
	margin: 1em 0 0;
	font-size: 1.2em;
	color: #4F4A4A;
	line-height: 1.1em;
}

table#mainContent h1 {
	text-align: center;
}

div#mainIntro {
	padding: 20px;
	margin: 15px 0 5px 30px;
	line-height: 1.5em;
	text-align: left;
	color: #000000;
	border: 1px solid #C0C0C0;
}

.signupDetail {
	margin: 0;
}

.signupDetail .x4x {
	background-color: #ffffff;
	border: 0 solid #ffffff;
}

#signupDetailForm .x4x {
	background-color: #ffffff;
	border: 0 solid #ffffff;
}

#signupDetailForm table {
	width: 80%;
}

div#dobLayout table {
	width: 100%;
	float: left;
	margin: 0;
	float: left;
}

.subInstruction {
	color: #809967;
	font: bold .9em/ 1.5 Verdana, Arial, sans-serif;
	margin: 1em 0;
	padding: 0px;
}

.floatCenter {
	width: 70%;
	margin: auto;
	float: none;
	clear: both;
}

.buttonBar {
	width: 70%;
	margin: 3em auto;
	float: none;
	clear: both;
}

div#questionAdminForm {
	width: 85%;
	float: none;
	margin: auto;
}

div#answerAdminForm {
	width: 100%;
	float: none;
	margin: auto;
}

div#answerAdminForm table {
	width: 80%;
	float: none;
	margin: auto;
	clear: both;
}

span#questionTextView {
	color: #000000;
}

div#ChoiceBlock {
	background-color: inherit;
	margin: 0.7em auto 0;
	float: left;
}

div#surveyChart {
	float: left;
	clear: both;
}

div#surveyChart img {
	margin: 2em 2em;
}

table#questionPanel {
	width: 100%;
}

table#questionPanel table {
	width: 100%;
}

textarea#questionTextEdit {
	width: 90%;
}

table#addAnswerPanel {
	float: none;
	margin: 2em auto 0;
	width: 70%;
}

table#addAnswerPanel table {
	width: 100%;
}

textarea#addAnswerTextEdit {
	width: 90%;
}

table#qtext {
	width: 100%;
}

div.pageHeader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0 0 1em;
	padding: 0 0 0.5em
}

div.pageHeader {
	width: 40%;
	float: left;
	clear: both;
}

div.courseTitleHeader h1 {
	color: #5F5F5F;
	float: none;
	margin: 0.25em auto;
	width: 80%;
	font-size: 1.3em;
}

div.adminHeader h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0;
	padding: 0 0 0.5em
}

div.adminHeader {
	width: 40%;
	float: left;
	clear: both;
}

div.adminSubHeader h1 {
	margin: 1em 0 1em 3em;
}

div.adminSubHeader {
	float: left;
	clear: both;
}

div#userAdminDetail {
	width: 75%;
	margin: 0 auto 2em;
	float: left;
	clear: left;
}

div#userAdminDetail table {
	margin: 0 auto 2em;
	float: left;
	clear: left;
}

div#courseDetail table {
	margin: 1em auto 2em;
	float: none;
	clear: both;
	width: 80%;
}

tbody {
	width: 100%;
}

div#globalNavBlock {
	width: 40%;
	float: right;
	clear: right;
}

div#topBlock {
	float: right;
	width: 40%;
}

div#globalNavBlock a {
	font-weight: bold;
}

table#globalNav {
	margin-right: 2em;
	float: right;
	clear: right;
}

div#userNav {
	display: inline;
	float: left;
	margin-right: 1em;
	background-color: #ffffff;
}

.adminTableLabel {
	text-align: center;
}

/* tr:panelFormLayout label */
.adminFormLabel td.xu,td.xv,td.x12,td.xy {
	color: #2F4F4F;
	font-weight: bold;
	text-align: right;
	font-variant: small-caps;
	font-weight: bold;
}

.formLabel td.xu,td.xv,td.x12,td.xy,label {
	color: #2F4F4F;
	font-weight: bold;
	text-align: right;
	font-weight: bold;
}

div#syllabusTable table {
	margin: auto;
	width: 100%;
}

div#adminTable {
	clear: both;
}

div#adminTable table {
	background-color: #EBE9D9;
	margin: auto;
	width: 100%;
	float: left;
	clear: both;;
	margin: auto;
}

.adminTableHeaderBox,table.adminTableHeaderBox {
	background-color: #EDECDC;
	vertical-align: middle;
	width: 50%;
	margin: 0.5em 1em;
	padding: 0.5em;
	border: 2px solid #999999;
}

div#lectureQuestions {
	float: left;
	width: 100%;
	clear: both;
}

div#examResults table {
	float: left;
	clear: both;
	margin: auto;
	width: 100%;
}

div#courseResultChart {
	float: left;
	margin: auto;
	background-color: #EBE9D9;
}

.userContentDetail {
	color: blue;
}

div#formDetailBlock .af_panelFormLayout_message-cell {
	padding: 0 0 0 0;
}

div#userProfile .af_panelHeader {
	font-size: 1.5em;
	margin: 1em;
}

div#formDetailBlock .af_panelFormLayout_message-cell {
	padding: 0 0 0.8em 0;
	color: black;
	font: normal 1.2em/ 1.2 Verdana, Arial, sans-serif;
}

.pageHeading {
	font: bold 1.8em/ 1.8 Verdana, Arial, sans-serif;
	color: #CC6600;
	clear: both;
	margin: 1em 0 1em 0;
}

.formTextLabel {
	float: left;
}

.inputTextCombo  td.af_inputText_label {
	font: bold 1em/ 1.3 Verdana, Arial, sans-serif;
	color: #4D4D4D;
	padding: 0 1em 0 1em;
	text-align: right;
}

.inputTextCombo	td.af_panelFormLayout_content-cell {
	font: normal 1em/ 1.3 Verdana, Arial, sans-serif;
	color: #000000;
	padding: 0 1em 0 0;
}

.formHeader {
	background-color: #F5F5F5;
	border: 2px groove #ececec;
	text-align: left;
	float: none;
	clear: both;
	margin: 2em auto;
	width: 70%;
	padding: 1em 1em;;
}

div#logoBlock {
	position: absolute;
	top: 0.5em;
	left: 1em;
	display: inline;
	float: left;
}

/* the banner inside the page */
div#examlogoBlock {
	display: block;
	float: left;
	margin: 1em 0 0 1em;
	width: 95%;
	background: #0C8FCE;
	height: 55px;
	color: #FFFFFF;
	border-top: 2px solid #ECECEC;
	border-left: 2px solid #0C8FCE;
	border-right: 1px solid #0C8FCE;
}

.pageBody {
	float: left;
	width: 100%;
}

div#pageBlock {
	display: block;
	float: none;
	margin: auto;
	background: #ECECEC;
	width: 100%;
	padding: 0;
}

div#bodyPage {
	display: block;
	clear: both;
	margin: 0;
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}

div#content {
	border: 0px solid green;
	position: relative;
	float: left;
	margin: 8px 20px 0px 30px;
	text-align: left;
}

/* ********* START CHROME ************** */
table.chromeItem a {
	margin-right: 0.5em;
}

.chromeItem {
	vertical-align: middle;
	margin-right: 0.5em;
}

div#chromeBlock a img {
	vertical-align: middle;
	background-image: url("../images/icons/home_grey.gif");
	border: 0px;
	margin: 0em;
	text-decoration: none;
}

div#chromeBlock img:hover {
	vertical-align: middle;
	background-image: url("../images/icons/home_blue.gif");
	border: 0px;
	margin: 0em;
	text-decoration: none;
}

div#chromeBlock a:visited {
	text-decoration: none;
	border: 0px;
}

div#chromeExamNav {
	margin: 0.5em 1em 0 0;
}

div#chromeNav a {
	text-decoration: underline;
}

div#chromeNav a:visited {
	color: #0C8FCE;
	text-decoration: underline;
}

/* ********* END CHROME ************** */
body {
	background-color: #ECECEC;
	display: block;
	width: 100%;
	color: #777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0 0 0;
	text-align: left;
}

html {
	border: 0px solid blue;
	display: block;
	width: 100%;
	background-color: #ECECEC;
	border: 0px solid blue;
}

div.instructList li {
	margin: 1em 0;
}

table.instructBox {
	margin: 0 auto;
}

form#examIntro {
	margin: 1em 3em 0 0;
}

div#examsummary {
	width: 90%;
	border: 3px solid red;
}

div#examQuestionBlock {
	background: #E0DFE3;
	width: 90%;
	float: none;
	display: block;
	clear: both;
	color: #000000;
	font: normal 1.2em/ 1.5 Verdana, Arial, sans-serif;
	margin: 1em auto;
	text-align: left;
}

div#examQuestionBlock .af_panelFormLayout {
	margin: 1em;
}

.examQuestionText {
	display: block;
	margin: 1em;
	text-align: left;
	padding: 1em;
}

}
div#editQuestionBlock {
	float: left;
	display: block;
	color: #000000;
	font: normal 1.2em/ 1.5 Verdana, Arial, sans-serif;
	border: 3px solid #000000;
	margin: em 2em;
	padding: 8px 20px;
	text-align: left;
	width: 90%;
}

div#ecTableBlock {
	float: left;
	display: block;
	color: #000000;
	font: normal 1.2em/ 1.5 Verdana, Arial, sans-serif;
	margin: 25px 5px 15px 0px;
	padding: 8px 20px;
	text-align: left;
	width: 80%;
}

.examTitleBlock {
	clear: both;
	float: left;
	width: 85%;
	height: 90px;
	padding: 10px;
}

#selectAnswer input {
	margin: 0.1em 0 0 0;
}

#selectAnswer label {
	
}

.AFTableCellDataText {
	padding: 2em;
}

.surveyQuestion {
	font: normal 1.1em/ 1.1 Verdana, Arial, sans-serif;
	border: 0px solid black;
	width: 80%;
	color: black;
}

span#surveyResponseBlock .x2h {
	margin: 0.5em 0 0.5em 2em;
}

.surveyRow {
	margin: 2em;
}

.surveyTable {
	margin: 1.5em auto;
	float: left;
}

.surveyTable td {
	padding: 1em;
}

div#failResults h1.x5y {
	color: #CF5A5A;
}

.surveyInstructions {
	border: 1px solid #CFCFCF;
	float: left;
	padding: 1em;
	font: normal 1.2em/ 1.5 Verdana, Arial, sans-serif;
	width: 80%;
	margin: 2em auto 1em 2em;
	text-align: left;
}

.surveyAnswer {
	text-align: center;
	border: 0px solid black;
	width: 80%;
	margin: 0 0 0 2em;
}

div#examAnswerBlock {
	font: normal 1.2em/ 1.5 Verdana, Arial, sans-serif;
	clear: both;
	display: block;
	margin: 0 5em 0 1em;
	background: #E0DFE3;
	padding: 1em;
	float: none;
	width: 90%;
	margin: 1em auto;
	color: #000000;;
	float: none;
}

div#examAnswerBlock label {
	font: normal 1.0em/ 2 Verdana, Arial, sans-serif;
	margin-left: 0.5em;
	vertical-align: middle;
}

div#examAnswerBlock input {
	padding: 0.5em;
	vertical-align: middle;
}

/* not necessary for now, but this is how it's done for a table
div#syAdminTable td.x79 {
	background-color: #ffffff;
	}
	*/
table.adminButtonFooter {
	background-color: #EBEADA;
	text-align: center;
	width: 60%;
	padding: 0.5em;
}

span#adminQuestionContent {
	float: left;
	margin: auto;
	background: #EAE9D9;
	width: 75%;
	display: block;
	clear: both;
}

/********** END Exam Pages ************/
	/********** Start Admin Pages ************/
.adminForm {
	clear: both;
	margin: auto;
	padding: 2em 0;
	float: none;
	width: 100%;
	margin: auto;
	background-color: #EDECDC;;
	float: none;
}

.adminSubForm {
	float: none;
	width: 80%;
	margin: 1em auto;
}

div.adminSubForm table {
	width: 90%;
}

div.adminSubForm .x4x {
	background-color: #EDECDC;
}

div#adminTable table.af_table_content {
	border: solid 1px #333333;
	width: 95%;
	margin: 2em 0 2em 2em;
}

div#adminTable table.af_table_content th {
	background-color: #FEFECC;
	padding: 1em;
	height: 2em;
}

div#adminTable table.af_table_content td {
	padding: .9em;
}

div#adminTable table.af_table_content tr {
	padding: .3em;
	height: 1.5em;
}

div#answerAdminForm {
	float: none;
	width: 100%:
	margin: auto;
}

div#answerAdminForm table {
	float: none;
	width: 90%:
	margin: auto;
}

div#adminTable table.table_content tr:hover {
	background-color: #FFFF40;
}

.answerTable table {
	width: 100%;
}

.syllabusTable table {
	margin: auto;
	float: left;
	clear: left;
	width: 100%;
}

div#adminChoiceNav {
	float: left;
	background-color: #EDECDC;
	vertical-align: middle;
	width: 15%;
	margin: 0;
	padding: 0.25em;
}

div#resultsNav {
	width: 40%;
	float: right;
	margin: 0 2em;
	text-align: right;
}

#adminTitleBlock {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding: 10px;
}

#adminTable AFFieldText {
	color: #000000;
}

#adminTitleBlock p {
	font: bold 1.0em/ 1.0 Verdana, Arial, sans-serif;
	color: #000000;
	margin: 0 3em 1em 0;
}

#adminTitleBlock p label {
	margin: .5em .5em .5em 3em;
	font: bold 1.0em/ 1.4 Verdana, Arial, sans-serif;
	padding: 2px;
	color: #707070;
}

/********** END Admin Pages ************/
#blank {
	padding: 5px 5px 5px 5px;
}

/* banner-container is a child of container*/
#banner-container {
	background: #FFFFFF;
	margin: 0;
	height: auto;
	/* top right bottom left*/
	padding: 0;
}

/* banner is contained w/in banner-container */
#banner {
	background: #FFFFFF;
	/* top right bottom left*/
	margin: 0;
	height: 40px;
	/* top right bottom left*/
	padding: 0;
}

div#bannerBlock {
	
}

div#billAddress {
	margin-left: 0;
	margin-top: 10px;
	font: bold 0.9em/ 1.0 Verdana, Arial, sans-serif;
	color: #C0C0C0;
	clear: both;
	width: 100%;
}

div#billAddress .af_inputText_label {
	font: bold 1.0em/ 2.0 Verdana, Arial, sans-serif;
	text-align: right;
	vertical-align: top;
}

.billCourse {
	margin: 0px 20px;
	font-weight: bold;
	text-align: left;
	float: left;
	width: 400px;
	border: 1px solid #000000;
	padding: 20px;
	text-align: center;
}

.billConfirm {
	margin: 1em 1em 0 8em;
	border: 2px solid #C0C0C0;
	padding: 1em 2em 1em 2em;
	width: 400px;
	background: #EEEEEE;
}

.billConfirm p {
	font: bold 1.0em/ 1.2 Verdana, Arial, sans-serif;
	color: #000000;
	margin: .5em 0;
}

ul.honorCodeList {
	list-style-type: decimal;
	vertical-align: top;
	line-height: 1.5;
	width: 80%;
}

#honorCodeBlock {
	clear: both;
	font: bold 1.0em/ 1.2 verdana, tahoma, Arial;
	width: 60%;
	color: #000000;
	padding: 30px;
	margin: 2em auto;
	text-align: justify;
	background: #FFC2C2;
}

.honorCodeSpan {
	margin: 0.5em 1em 0.5em 3em;
	display: block;
	width: 85%;
}

div#qwizics {
	font: bold 2.0em/ 2.5 verdana, tahoma, Arial;
	margin: 10px 0 0 20px;
	width: 50px;
	float: left;
	color: #FFFFFF;
	text-align: left;
	height: 40px;
}

div#passwordHint {
	margin: 0.5em 0 0 4em;
	font-size: 0.8em;
	display: block;
	text-align: left;
}

div#textBlock {
	position: relative;
	float: left;
	margin: 5px 25px 15px 25px;
	line-height: 1.5em;
	text-align: left;
	color: #000000;
}

div#textBlock p {
	margin: .3em 0 0 .3em;
}

div#questionText {
	font: bold 1.2em/ 1.5 Verdana, Arial, sans-serif;
	margin: 5px 25px 5px 0;
	line-height: 1.5em;
	text-align: left;
	color: #000000;
}

.welcomeLabel {
	font: bold 0.9em/ 1.0 Verdana, Arial, sans-serif;
	float: right;
}

div#lectureContainer {
	background-color: #ffffff;
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {
	height: 14px;
}

#validators {
	float: right;
}

div#separatorBar {
	clear: both;
	display: inline;
	border-bottom: 2px solid #990099;
	margin: 2em auto 4em auto;
	text-align: center;
	width: 30%;
}

.standardsNote {
	clear: both;
	padding: 1em;
	display: none;
	width: 80%;
	margin: 1em 0 0 1em;
	border: 2px solid #990099;
}

form,table {
	margin: 0;
	padding: 0;
}

/* for cool looking "sunken" input boxes, from www.theserverside.com */
form input,form textarea,form select {
	padding-left: 4px;
	color: #666;
}

input.button {
	color: #000;
	padding-left: 1px;
}

input.button { /* fix button size in IE */
	line-height: 17px;
}

/* make buttons looks the same in Mozilla */
td>input.button {
	padding: 1px 3px !important;
}

p {
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

div#registerDetail {
	margin: 2em;
}

div#registerDetail div.x4x {
	background-color: #ffffff;
	border: 0 solid #ffffff;
}

div#ccBlock {
	font-style: normal;
}

div#ccBlock label {
	display: block;
}

div#ccBlock table {
	width: 450px;
}

.ccHeader {
	margin: 1em 0 0 1.5em;
	font-weight: bold;
}

form#profileForm td.x4j {
	font-weight: bold;
	text-align: right;
	color: #6F6F6F;
}

form#register td.x4j {
	font-weight: bold;
	text-align: right;
	color: #6F6F6F;
}

/* need both color & border to avoid visible separator */
hr#signupSeparator {
	color: #ffffff;
	border: 0 solid #ffffff;
	margin: 0.5em 0;
}

form#signupConfirmForm table {
	clear: left;
	float: none;
	width: 80%;
	margin: auto;
	float: none;
}

div#signupForm input#dobCal {
	float: left;
	padding: 0;
}

form#signupDetailForm table {
	float: left;
	width: 80%;
}

.signupDetail table {
	width: 80%;
	margin: 1em 2em;
}

.signupDetailHint {
	color: #669966;
	font-family: arial;
	font-size: 8pt;
	float: left;
	width: 100%;
}

.signupDetailUserAvail {
	border: 0px solid white; /* kluge */
	color: #316AC5;
	float: left;
	font-family: arial;
	font-size: 8pt;
	width:100%;
}

.signupDetailUserNotavail {
	border: 0px solid white; /* kluge */
	font-weight: bold;
	float: left;
	color: #FF7777;
	font-family: arial;
	font-size: 8pt;
	width:100%;
}

#signupDetailTable {
	width: 80%;
}

#signupDetailTable table {
	width: 80%;
}

label.required {
	font-weight: bold;
	margin: 10px 0 0 0;
}

label.error {
	font-weight: bold;
	margin: 1em auto 1em auto;
	background: transparent;
	color: red;
}

table.detail th.tallCell {
	vertical-align: top;
}

table.detail td {
	text-align: left;
}

table.detail td.moveOptions {
	text-align: center;
	width: 50px;
	padding: 5px;
}

table.detail td.moveOptions button {
	margin-bottom: 3px;
	width: 45px;
	white-space: nowrap;
}

table.detail td.updateStatus {
	font-size: 11px;
	color: #c0c0c0;
}

fieldset.pickList {
	margin-top: 5px;
	padding: 5px;
	background: transparent;
	border-color: #eee;
}

fieldset.pickList legend {
	font-weight: bold;
}

table.pickList {
	padding: 0;
	border-spacing: 0;
}

table.pickList th.pickLabel {
	text-align: center;
	background: transparent;
	color: #666;
}

table.pickList td {
	text-align: center;
}

table.pickList td select {
	width: 150px;
}

th,td,pre,code {
	
}

li.wideList {
	padding: 4px;
}

ul.glassList {
	list-style: url(../images/aquadot.jpg) disc outside;
	vertical-align: top;
	line-height: 1.5;
}

pre {
	background: #ffffdd;
	border: 1px solid #999999;
	color: #000000;
	padding: 5px 5px 5px 7px;
}

table label.notRequired {
	padding-left: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}

/* use in JSF panelGrid tables for TEXT  & LABEL output to members & admins */
table span.outputText {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

form#signupDetailForm {
	margin: 0 3em 3em 3em;
}

div#payConfirm {
	position: relative;
	float: left;
	background: #EEEEEE;
	border: 1px solid #C0C0C0;
}

table td.c1Register {
	margin: .5em 1em;
	padding: .2em 1em;
	text-align: right;
	color: #777777;
}

table td.c2Register {
	width: 10em;
	text-align: right;
	color: #777777;
}

.AFLabelCell {
	width: 100px;
}

table td.coursePayConfirmLabel {
	color: #666;
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 1px;
	background: none;
	padding-right: 20px;
	text-decoration: none;
	text-align: right;
	line-height: 1.2;
	padding: 0px;
	width: 30%;
}

table td.coursePayConfirmText {
	color: #000000;
	font-size: 1.1em;
	font-weight: normal;
	background: none;
	margin: 0 0 13px 0;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	width: 40%;
}

table.label .coursePayConfirmLabel {
	color: #000000;
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: 2px;
	background: none;
	margin: 0 20px 3px 0;
	text-decoration: none;
	text-align: right;
	line-height: 1.2;
	padding: 0px;
	width: 20%;
}

table.examDetailBlock {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #C0C0C0;
	margin: 10px 10px;
	padding: 10px;
	width: 90%;
}

table.detailBlock {
	position: relative;
	clear: both;
	background: #EEEEEE;
	border: 1px solid #C0C0C0;
	color: inherit;
	margin: 10px 10px;
	padding: 10px;
	width: 90%;
}

/* for use in divs */
.largeBoldText {
	color: #000000;
	font: bold 1.2em/ 1.5 Verdana, Arial, sans-serif;
	margin: 1em;
}

.smallBoldText {
	color: #000000;
	font: bold 1.0em/ 1.0 Verdana, Arial, sans-serif;
	margin-top: 0.8em;
}

div#empty {
	
}

pre:hover {
	background: #ffd700 url('unk.jpg') right top no-repeat;
}

#topleftcorner {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#toprightcorner {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
}

#bottomleftcorner {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

#bottomrightcorner {
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

div#bodyFooter {
	background-color: #ECECEC;
	display: block;
	clear: both;
	color: #666666;
	font-size: 0.9em;
	margin: 0 auto;
	text-align: center;
	padding: 1em 0 1em 0;
	width: 100%;
}

#footer {
	background: transparent;
	border-top: 1px solid #C0C0C0;
	color: #666666;
	font-size: 0.9em;
	margin-top: 30px;
	text-align: left;
}

#footer a,#footer a:visited {
	background: transparent;
	color: #666666;
}

#footer a:hover {
	background: transparent;
	border-bottom: 1px dashed #FFA500;
	color: #000000;
	text-decoration: none;
}

a {
	color: #0C8FCE;
	text-decoration: underline;
}

a:visited,body#login #menu a:visited {
	color: #4b0082;
}

a:hover {
	background-color: transparent;
	text-decoration: underline overline;
}

a img a:visited img,a:active img,a:active img {
	border: 0px;
}

h1 {
	font-size: 2em;
	margin: 2em 0 0 1em;
}

div#signonBlock {
	clear: both;
	display: block;
	margin: 6em auto 0;
	width: 85%;
}

span.adminTableHeader {
	background-color: #EDECDC;
}

div#signupBlock {
	background: #EEEEEE;
	text-align: center;
	border: 1px solid #C0C0C0;
	color: inherit;
	margin: auto;
	width: 240px;
	height: 220px;
	float: left;
}

div#signupText {
	margin: 1em 0;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
}

.imageLink {
	margin: 0 0 0 0;
}

#loginForm {
	float: none;
	height: 40em;
	margin: 0 auto 0;
	width: 50em;
}

/* positioned absolutely as a kludge for Mac IE5 */
div#signinBlock {
	background: #EEEEEE;
	border: 1px solid #C0C0C0;
	color: inherit;
	margin: auto;
	padding: 0px;
	width: 240px;
	height: 220px;
	float: right;
}

div#signinBox {
	float: left;
	clear: both;
	width: 95%;
	height: 160px;
	margin: 0 auto;
}

div.loginLabel {
	margin: 1.5em 0 0.2em 0.5em;
	font: bold 0.8em/ 1 verdana, tahoma, Arial;
	width: 80%;
}

div.loginText {
	padding: 0 0.5em;
	margin: 0.2em 0.5em;
	font: bold 1.8em/ 2.5 verdana, tahoma, Arial;
	color: #2A2A2A;;
}

div.signupHeading {
	margin: 0 0 15px 0;
	padding: 0;
	font: bold 1.5em/ 2.0 verdana, tahoma, Arial;
	text-align: center;
}

div#loginMessageBlock {
	font: bold 1.1em/ 2 Verdana, Arial, sans-serif;
	margin: 2em auto 0;
	text-align: center;
	width: 80%;
	float: none;
	clear: both;
	padding: 0.5em;
	display: block;
	height: 2em;
}

div#loginMessage {
	font: bold 1.1em/ 1.2 Verdana, Arial, sans-serif;
	margin: 0 auto 1em;
	text-align: center;
	width: 100%;
}

.img {
	border: 0px;
	padding: 0px;
}

img {
	border: 0;
}

.dimg {
	border: 0;
}

af                                                        |panelFormLayout
	                                                                      
	         ::label-cell {
	-tr-rule-ref: selector(".AFStartTextAlign:alias");
}

af                                                                     
	                                      |panelFormLayout                          
	                                                                      
	         ::content-cell {
	color: green;
	border: 1px solid green;
}

af                                                                     
	                                      |inputText                             
	                                                                      
	      ::content {
	color: red;
}