div#content {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/*
 +------------------------------------------------------------------------+
 | TEST GENERATOR BY FAIN & COMPANY: TG WEB                               |
 +------------------------------------------------------------------------+
 | tgweb.css                                                              |
 | main style sheet                                                       |
 |                                                                        |
 | Fain & Company, www.testshop.com                                       |
 | 2005.07.18                                                             |
 |                                                                        |
 +------------------------------------------------------------------------+
 */

/* global defaults
 +------------------------------------------------------------------------+
 */

body
{
	margin: 25px;
	/* Win/IE5.5 hack to center content*/
	text-align: center;
	padding: 0;
	border: 0;
	background-color: #FFFFFF;
	font-size: 1em;
	font-family: sans-serif;
	color: #000000;
}

body.pop
{
	margin: 0 0 15px 0;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 1em;
	font-family: sans-serif;
	color: #000000;
}


/* font elements
 +------------------------------------------------------------------------+
 */
 
/* wrap around header image in case images are disabled */
h2.header
{
	margin: 0;
	padding: 0;
 	font-size: 1.5em;
	font-weight: bold;
}

/* question text */
h3.questiontext
{
	margin: 0;
	padding: 0;
 	font-size: 1em;
	font-weight: normal;
}

/* answer choices: A., B., C., etc, and "Q:" image */
h3.questionid, h3.answerid, span.answerid
{
	margin: 0;
	padding: 0;
 	font-size: 1em;
	font-weight: bold;
}

/* login screen */
h3.orgname
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
}
span.addlinfo
{
}

/* page titles */
h3.pagetitle
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

/* feedback: correct/incorrect answer */
span.correct, p.correct
{
	color: #339900;
}
span.incorrect, p.incorrect
{
	color: #FF0000;
}
span.partial, p.partial
{
	color: #3366FF;
}

/* status for question summary table */
span.answered
{
	color: #339900;
}
span.notanswered
{
	color: #FF0000;
}

/* total score after finishing test */
h4.total
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}
h4.total span.total
{
	padding: 5px 0;
	font-weight: bold;
}

/* notes accompany score after finishing test */
span.scorenote
{
	font-size: 0.8em;
	color: #339900;
}

/* used by some 'select' and 'summary' table header cells */
span.hidden
{
	display: none;
}

table.prelim th a:link, table.prelim th a:visited, table.prelim th a:active
{
	text-decoration: underline;
	color: #000000;
}
table.prelim th a:hover
{
	text-decoration: underline;
	color: #6B6B6A;
}

table.prelim td a:link, table.prelim td a:visited, table.prelim td a:active
{
	text-decoration: underline;
	color: #106BC5;
}
table.prelim td a:hover
{
	text-decoration: none;
	color: #106BC5;
}

div#credit a:link, div#credit a:visited, div#credit a:active
{
	text-decoration: underline;
	color: #C5C2BB;
}
div#credit a:hover
{
	text-decoration: none;
	color: #C5C2BB;
}

 
/* layout elements
 +------------------------------------------------------------------------+
 */
 
/* global blocks */

div#container
{
	margin: 0 auto;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;

	/* Win/IE5.5 hack to center content */
	text-align: left;
}

body.pop div#container
{
	margin: 0;
	border: 0;
}

div#header
{
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
}

div#footer
{
	clear: both;
	height: 4px;
	/* img repeated in HTML to help IE get the correct div height */
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
}

div#credit
{
	font-size: 0.8em;
	color: #C5C2BB;
	text-align: right;
	padding-bottom: 20px;
}

div#content, div#content-summary, div#content-prelim
{
	margin: 0 15px 0 19px;
}

div#userblock
{
	padding: 10px 15px 0 15px;
	font-size: .8em;
}
div#content-summary div#userblock, div#content-prelim div#userblock
{
	padding: 10px 15px;
	border-bottom: 0;
	font-size: .8em;
}

div#loginform
{
	margin: 25px auto;
	text-align: center;
}
div.block
{
	margin: 10px 0;
}

div#statusblock
{
	padding: 0 15px;
	font-size: .8em;
}

div#pagetitleblock
{
}

div#content-prelim div#pagetitleblock
{
}

div#pagetitle
{
	margin-left: 25px;
	padding: 4px;
	border-top: 1px solid #C5C2BB;
	border-bottom: 1px solid #C5C2BB;
	text-align: center;
	font-weight: bold;
	color: #6B6B6A;
}

/* different classes to specify the page title div width,  which can be 
   applied along with the #pagetitle id */
div.pt-narrow
{
	width: 250px;
}
div.pt-medium
{
	width: 300px;
}
div.pt-wide
{
	width: 400px;
}
div.pt-superwide
{
	width: 500px;
}

div#border
{
	height: 2px;
	/* img repeated in HTML to help IE get the correct div height */
	background-image: url(../images/bar_hor.gif);
	background-repeat: repeat-x;
}

div.break
{
	font-size: 0.1em;
	clear: both;
}


hr.border
{
	height: 0px; 
	border: dashed #C5C2BB 0px;
	border-top-width: 1px;
	margin: 0;
	padding: 0;
}

hr.questionnav
{
	height: 0px; 
	border: solid #FF0000 0px;
	border-top-width: 1px;
}

hr.testinfo
{
	height: 0px; 
	border: solid #C5C2BB 0px;
	border-top-width: 1px;
}

hr.footer
{
	border: none 0; 
	border-top: 3px double #C5C2BB;
	height: 3px;
	margin-bottom: 0;
	padding-bottom: 0;
}



/* disclaimer page */

div#disclaimer
{
	padding: 20px 15px;	
}


/* features page */

ul#features
{
	list-style-image: url(../images/check.gif);
}

ul#features li
{
	margin: 20px 0;
	padding-left: 10px;
}

div.featureblock
{
	clear: left;
	margin: 20px 0;
}

div.feature
{
	margin-left: 45px;
}


/* question pages */

div#questionblock
{
	margin: 15px 15px;
}

div#questiontext
{
	margin-left: 41px;
	padding: 5px 0;
}

div#answerblock
{
	margin: 26px 15px 26px 56px;
}

table#answers
{
}
table#answers tr.hidden
{
	display: none;
}
table#answers td
{
	padding: 0 5px 5px 0;
	vertical-align: top;
}
table#answers p
{
	margin: 0 0 0.5em 0;
}

/* navigation blocks */

/* normal question toolbar */
div#questionnav
{
	padding: 7px 15px;
}

/* used for feedback */
div#questionnav p
{
	margin: 0 0 0.5em 0;
}

/* top/bottom navigation for prelim and summary screens */
div#topnav
{
	text-align: right;
	margin: 10px auto;
	vertical-align: bottom;
}
div#bottomnav
{
	text-align: right;
	margin: 10px auto;
}

/* block to add vertical spacing if a top or bottom nav block is not used */
div.navspacer
{
	height: 40px;
}

/* meta information to be included in topnav or bottomnav divs */
div.metainfoleft
{
	float: left;
	width: 64%;
	text-align: left;
	/*border: 1px blue dashed;*/
}
div.metainforight
{
	float: right;
	width: 100%;
	text-align: right;
	/*border: 1px red dashed;*/
}


/* summary tables */

table.summary, table.prelim
{
	clear: left;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: .8em;
}
table.summary td, table.prelim td
{
	border-bottom: dashed #C5C2BB 1px;
	background: url(../images/bar_vert_bg.gif) no-repeat center left;
	padding: 5px 10px;
}
table.summary td.first, table.prelim td.first
{
	/* we use a class selector because the td:first-child pseudo-class
	  selector doesn't work in IE/Win */
	border-bottom: dashed #C5C2BB 1px;
	background-image: none;
	padding: 5px 10px;
}
table.summary th, table.prelim th
{
	background: #DAD7CF url(../images/bar_vert_bg.gif) no-repeat center left;
	padding: 5px 10px;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}
table.summary th.first, table.prelim th.first
{
	/* we use a class selector because the td:first-child pseudo-class
	  selector doesn't work in IE/Win */
	background-image: none;
	padding: 5px 10px;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
}



/* image elements
 +------------------------------------------------------------------------+
 */

img.vertbar
{
	vertical-align: middle;
	margin: 0 5px;
}

img.icon
{
	float: left;
	width: 23px;
}



/* navigation form elements
 +------------------------------------------------------------------------+
 */

form
{
	height: 100%;
}

div#loginform input.text
{
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 5px;
	/* non-standard Mozilla property */
	-moz-border-radius: 5px;
	font-size: 1em;
}

div#loginform input.button
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 5px;
	/* non-standard Mozilla property */
	-moz-border-radius: 5px;
	font-size: 1em;
}

div#questionnav input.button
{
	margin-right: 5px;
	/*padding: 0 5px;*/ /* IE seems to apply this inconsistently... */
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 5px;
	/* non-standard Mozilla property */
	-moz-border-radius: 5px;
	font-size: 1em;
color: black;
}

div#questionnav input.buttonhighlight
{
	margin-right: 5px;
	background-color: #FFFBC7;
	border: 1px solid #000000;
	border-radius: 5px;
	/* non-standard Mozilla property */
	-moz-border-radius: 5px;
	font-size: 1em;
}

div#topnav input.buttonhighlight, div#bottomnav input.buttonhighlight, 
div#loginform input.buttonhighlight
{
	background-color: #FFFBC7;
	border: 1px solid #000000;
	border-radius: 5px;
	/* non-standard Mozilla property */
	-moz-border-radius: 5px;
	font-size: 1em;
color: black;
}

div#topnav input.metabutton, div#bottomnav input.metabutton
{
	background-color: #F5F1E8;
	border: 1px solid #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1em;
	color: #FF0000;
}

 

/* question and answer form elements
 +------------------------------------------------------------------------+
 */

/* text input fields used for the Ordering question type */
form#question input.ordering
{
	width: 20px;
	background-color: #FFFBC7;
	border: 1px solid #000000;
	font-size: 1em;
}

/* text input fields used for the Fill In The Blank question type */
form#question input.fitb
{
	width: 150px;
	margin-bottom: 5px;
	background-color: #FFFBC7;
	border: 1px solid #000000;
	font-size: 1em;
}

/* radio/checkbox input fields used for various question types */
form#question input.choice
{
}

/* textarea input field useds for the Essay question types */
form#question textarea.essay
{
	/* IE creates scrollbars if this width is set to 100%*/
	width: 99%;
	height: 200px;
	background-color: #FFFBC7;
	border: 1px solid #000000;
	font-size: 1em;
}

.button-order {
	width: 30px;
}