/* Away with yer prying eyes!  */
/* (c) Ondrej "Deirh" Dobias, 2008

/* GENERIC GLOBAL */

* {
	border-style: none;
	font-family: arial;
}

select 
{
	border: solid 1px #AAAACC;
}

input 
{
	border: solid 1px #999999; 
}

h1
{
	color: #d1a31e;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}

h2
{
	margin-top: 15px;
	font-family: Arial;
	font-size: 1.5em;
	text-align: left;
	font-weight: bold;
}

h4
{
    font-size: 1.2em;
}

html 
{
	margin: 0px 0px 40px 0px;
}


dd{
	margin: 0px 0px 0px 50px;
}

dt{
	margin: 30px 0px 0px 0px;
	font-weight: bold;
}

dl{
	border: 1px solid #2184BB;
	margin: 20px 0px;
	padding-bottom: 20px;
}

ol
{
	padding-left: 30px;
}

a, a:visited
{
    color: #3333FF;
    /* text-decoration: underline;*/
}

a:hover
{
   	color                 : #6666FF;
    text-decoration: underline;
}

aa:active
{
	color                 : #003366;
}

#body-normal
{
	background-position: center top;
	background-repeat: no-repeat;

	background-color: #7acafb; 
	background-image: url('Images/background-blue.jpg');
}

#body-flip
{
	background-position: center top;
	background-repeat: no-repeat;

	background-image: url('Images/background-blue-flip.jpg');
    background-color: #1d52ce;
}

/* DYNAMIC JAVASCRIPT */

.focus-box
{	
	background-color: #E5FFE5;
}

.normal-box
{
	background-color: #FFFFFF;
}

.filled-box, .correct-box
{
	background-color: #D9FFD9;
}

.incorrect-box
{
	background-color: #FFD9D9;
}

/* Table support */

div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }
  
 div.spacer, div.row {
  clear: both;
  }
    
 div.cell, div.column {
  float: left;
  }


/* IDS/CLASSES - USED */
#root
{
	
}

#content
{
	margin: 0px auto 0px auto;
	font-size: 0.8em;
	width: 433px;
}

#content-wide
{
	margin: 0px auto 0px auto;
	width: 680px;
	font-size: 0.8em;
}

#content #main-logo #user
{
	position:absolute;
	bottom: 0;
	right: 7px;
	text-align: right;
	font-size: 0.75em;
}

#main-logo
{
    text-align: center;
}

#content .test
{
	margin-top: 40px;
}

#content .intro-box, #content-wide .intro-box
{
	border: #ffffff 1px solid; 
	border-bottom-style: none;
	border-top-style: none;
    background-color: #ebf9fe;
    margin: 0;
    padding: 0px 16px 0px 16px;
}


#content .blue-box, #content-wide .blue-box
{
	border: #ffffff 1px solid; 
	border-bottom-style: none;
    background-color: #ebf9fe;
	padding: 16px 16px 0px 16px;
	background-image: url('Images/content-back.jpg');
	background-repeat: repeat-x;
}

#content .downcount
{
	position: absolute;
	/* margin-left: auto; */
	left: 0px;
	bottom: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 7px;
	padding-bottom: 0px;
	
	width: 105px;
	height: 20px;
	
	border: #ffffff 1px solid; 
	border-bottom-style: none;
    background-color: #9adfff;
    
    font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3168c5;
	text-align: right;
}

#content .downcount .warning
{
	color: #BB0000;
}

#footer
{
	border: #ffffff 1px solid; 
	border-top-style: none;
	background-image: url('Images/content-back-footer.jpg');
	background-color: #ebf9fe;
	background-repeat: repeat-x;
	height: 22px; 
}

.welcome
{
	font-size: 130%; 
	padding-bottom: 30px;
}

/* User Login control */

.loginuser
{
	text-align: justify;
}

.loginuser p
{
	margin-top: 0px;
	padding-top: 0px;
}

.loginuser #login
{
	float: left;
	width: 300px;
	margin-left: 30px;
	margin-top: 20px;
}

.loginuser #register
{
	float: right;
	width: 300px;
	margin-top: 20px;	
	margin-right: 40px;
}

.userlogin
{
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
}

.userlogin tr
{
    height: 30px;
	margin-top: 5px;
	padding-top: 5px;
}


.userlogin .checkbox
{
	padding-top: 3px;
	padding-bottom: 4px;
}

.userlogin .title, .userlogin-title
{
	padding-top: 10px;
	padding-bottom: 25px;
}

.userlogin .button
{
	padding-top: 10px;
	padding-bottom: 10px;
}


/* ExamPage general formatting */

.exampage
{
	/*background-color: #E7F5F9;
	border: 1px #999999 solid;
	padding: 10px;*/
	margin-left: auto;
	margin-right: auto;
	
	font-family:Arial, Helvetica, sans-serif;
}

.exampage .instructions
{
	padding-left: 19px;
	padding-right: 19px;
}

.exampage .cite
{
	background-color: #EEEEEE;
	border: 1px #999999 solid;

	margin: 20px;
	padding: 15px;
	font-family:"Times New Roman", Times, serif;
	font-size: 0.95em;
}

.exampage .cite p
{
	margin-top: 10pt;
	margin-bottom: 10pt;
}

.exampage .correct-answer
{
	color: Green;
}
.exampage .corrected-answer
{
	color: Red;
	text-decoration: none;
}
.exampage .incorrect-answer
{
	color: Gray;
	text-decoration: line-through;
}

.exampage .questionlist
{
	padding-right: 20px;
}

.exampage .questionlist li
{
	margin-top: 2px;
	margin-bottom: 2px;

}
.exampage .questionlist .number
{
	float:left; 
	width:50px;
	padding-top: 16px;
}
.exampage .questionlist .question_listchoices
{
	float:left; 
	left: 60px; 
	width:570px;
	
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px #999999 solid;	
	padding: 10px;
	
}

.exampage .choices-table 
{
	border: 1px solid #FFFFFF;
	background-color: #E1F4FF;
	padding: 16px 16px 16px 16px;
	margin-left: 10px;
	margin-right: 10px;
}

.exampage .choices-table .choices-table-inner
{
	float: left; 
	width: 260px;
	padding: 10px;
	margin: 5px;
	border: 1px #999999 solid;
}

/* WORD-MORPH */

.exampage .wordmorph
{
	width: 620px;
	margin-top: 20px; 
}

.exampage .wordmorph .left
{
	background-color: #EEEEEE;
	border: 1px #999999 solid;

	margin-right: 110px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 15px;
	padding-bottom: 15px;

}

.exampage .wordmorph .right
{
	background-color: #EEEEEE;
	border: 1px #999999 solid;

	margin-top: 12px;
	margin-right: 20px;
	margin-left: 25px;
	margin-bottom: 25px;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	
	width: 80px;
	
	float: right;
	line-height: 1.45em;
}

.exampage .wordmorph .bottom
{
	clear: both;
}

/* SENTENCE FILL */

.sentence-fill
{
}

.sentence-fill .word
{
	font-weight: bold;
}

.sentence-fill .number
{
	width:60px;
}

.sentence-fill .second, .sentence-fill .word
{
	padding-bottom: 20px;
}

/* END */

.radiobox 
{
	border: 1px solid #FFFFFF;
	background-color: #E1F4FF;
	padding: 16px 16px 16px 16px;
}

.error
{
	color: #990000;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

/* Testwizard style*/

.ExamWizard
{
	margin-left: auto;
	margin-right: auto;
}

.NavigationButton
{
	color: #284E98;
    font-family: Verdana;
    font-size: 0.9em;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    background-color: #d4efff;
    padding: 4px;
}

.ExamWizard .Header
{
	color: White;
	text-align: Center; 
	font-size: 0.9em; 
	font-weight: bold;
	background-color: #284E98; 
	border-style: Solid; 
	border-color: #73c4fb; 
	border-width: 1px; 
}

.ExamWizardNavigation
{
	text-align:center;
	margin-bottom: 10px;
}

.ExamWizardNavigation .NavigateButton
{
	color: #284E98;
    font-family: Verdana;
    font-size: 0.9em;
    text-decoration: none;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    background-color: #d3eeff;
}

.ExamWizardNavigation .SelectedButton
{
	color: #284E98;
    font-family: Verdana;
    font-size: 0.9em;
    text-decoration: none;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    background-color: #ffffee;
}



/* ResultsReport table - end of test */

.ResultsReport
{
	border-style: solid;
	border-width: 1px;
	border-color: #6bbbff;
	border-collapse: collapse;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 120%;
}

.ResultsReport th
{
	padding-left: 8px;
	padding-right: 15px;
}

.ResultsReport td
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

.ResultsReport td.AnswersCorrect
{
	padding-left: 20px;
	padding-right: 20px;
}


.ResultsReport .normal
{
	background-color: #f5f9ff;
}

.ResultsReport .alternate
{
	background-color: #ffffff;
}

.ResultsReport tr:hover
{
	background-color: #feffd1;
}

.show-version
{
	color: Gray;
	font-size: 0.75em;
}

.step-title
{
	text-align: left;
	font-size: 8pt;
}

.step-comment
{
	text-align: left;
	font-size: 8pt;
}

.wizard-error
{
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wizard-textbox
{
	margin-top: 10px;
	font-size: 14pt;
	font-weight: bold;
}
/* UNUSED */