/* **********************       Version 1.7      ***************************
 *****
 *****		Default Tickler Stylesheet (frame version)
 *****
 *****          02-07-06 Mike Wirsching
 *****          revised 11-23-07 -- fpb
 *****          revised 05-27-09 -- fpb
 *****          revised 01-20-10 -- fpb
 *****
 ************************************************************************ */
/******* remove selection rectangle ******************************/
* { outline: none; }
:focus { outline: none; }
::-moz-focus-inner { border:0; }
input:focus {
	outline: none;
}
/* ********************** Class Style Definitions ********************** */
/* ---------------- for text such as: p, span, li, etc. --------------*/
.q_corp_blk {
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
	color: Black;
}
.q_corp_gry {
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
	color: #303030;
}
.q_ttl_blu {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #003399;
}
.q_ttl_blk {
	font-family: Verdana;
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
	color: Black;
}
.info {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	color: #003399;
}
/* ********************** Contents Section Definitions *********************** */
div.nt_contents {
    margin: 0 10px 0 0;
    padding: 0;
    min-height: 100%;
    height: auto !important;
	background-color: #ffffff;
	/*background-image: url('../../images/Speedo_07-30.png');
	background-repeat: no-repeat;*/
}
form#frmTest {
	margin: 0 0 0 125px;
    padding: 10px 0 0 0;
    font-family: Verdana, Arial;
	font-size: 10pt;
	color: #000000;
}
div.welcome {
	text-align: center;
}
/* ********************** Banner Section Definitions *********************** */
div.nt_help {
    position: absolute;
	top: 40px;
	left: 38px;
    z-index: 1;
    font-size: 8pt;
	text-align: left;
	color: #000000;
	cursor: pointer;
}
div.nt_help img {
    position: relative;
    z-index: 1;
    border: none 0 White;
}
div.nt_timer {
    position: absolute;
	top: 90px;
	left: 30px;
    z-index: 1;
}
div.nt_timer span {
	margin: 0;
    padding: 0;
	text-align: left;
	color: #8c0a1a;
}
/* ********************** Display Section Definitions ********************** */
div.nt_display {
    position: relative;
    height: 250px;
	width: 92%;
    z-index: 1;
	margin: 0;
	padding: 20px;
	border: solid thin #a7a9ab;
	background-color: #ffffff;
	overflow: auto;
}
/* --------------------- scenario -------------------*/
div.nt_display h4 {
	font-family: Verdana;
	font-size: 12pt;
 	font-weight: bold;
	letter-spacing: 2pt;
    margin: 0;
    padding: 0;
	color: #8c0a1a;
}
div.nt_display hr {
    size: 1px;
    margin: 5px 0 5px 0;
    padding: 0;
    color: #a7a9ab;
}
/* ------------------- question body -----------------*/
div.q_panel {
    float: left;
    margin: 0;
	padding: 0;
}
p.q_body {
    font-size: 11pt;
 	font-weight: bold;
    margin: 10px 0 10px 0;
    padding: 0;
	color: #808284;
}
li.q_body {
    font-size: 10pt;
 	font-weight: bold;
    margin-bottom: 5px;
}
table.q_body {
    font-weight: bold;
    margin: 15px 0 0 5px;
    border: none 0 White;
    border-collapse: collapse;
}
table.q_body tr {
    vertical-align: top;
}
table.q_body td {
    padding: 0 0 10px 5px;
}
input.q_fib {
	padding-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #a7a9ab;
}
/*select.sfl:focus,
select#questionTitles:focus {
	color: #000000;
	background-color: #ffffff;
}*/
/*option.sfl:checked,
option.sfl:hover,
option.questionTitles:checked,
option.questionTitles:hover {
	color: #ffffff;
	background-color: #8c0a1a; 
	background: -moz-linear-gradient(#8c0a1a, #8c0a1a);
}*/
/* ---------------- question assertions --------------*/
table#assertions {
    margin: 0 0 5px 15px;
	padding: 0;
    border: 0 none;
}
table#assertions tr {
    vertical-align: middle;
	margin: 0;
	padding: 0 0 5px 0;
}
table#assertions td {
	margin: 0;
	padding: 0 0 0 5px;
}
table#assertions tr.tf {
    font-size: 12pt;
}
table#assertions td.tf {
    text-align: bottom;
	padding-right: 20px;
}
.allornone {
	font-style: italic;
}
/* ********************** Navbar Section Definitions *********************** */
div.nt_navbar {
    position: relative;
    height: 38px;
	width: 92%;
    z-index: 1;
	margin: 10px 0 10px 0;
	padding: 0 20px;
	border: none thin #a7a9ab;
	background-color: #ffffff;
}
div.nt_navbar table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none 0 White;
    border-collapse: collapse;
}
div.nt_navbar table tr {
/*make row occupy whole table*/
    width: 100%;
    height: 38px;
}
div.nt_navbar table td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
div.nt_navbar table td.feedback {
    visibility: hidden;
}
div.nt_navbar table td.question {
    text-align: right;
    visibility: hidden;
}
div.nt_navbar table td.help {
    text-align: right;
    padding-top: 5px;
    cursor: pointer;
}
button#cmdBack {
    visibility: hidden;
}
button#cmdFwd {
    visibility: hidden;
}
select#questionTitles {
    width: 260px;
	cursor: pointer;
    border:1px solid #a7a9ab;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding:2px;
}
select#questionTitles:disabled {
	background-color: Gainsboro;
	cursor: not-allowed;
}
.bgd-lg {
	background: #8c0a1a; /* Old browsers */
	background: -moz-linear-gradient(#8c0a1a, #8c0a1a); /* FF3.6-15 */
	background: -webkit-linear-gradient(#8c0a1a, #8c0a1a); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(#8c0a1a, #8c0a1a); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c0a1a', endColorstr='#8c0a1a', GradientType=0); /* IE6-9 */
}
/*option.questionTitles:checked,
option.questionTitles:hover {
	color: #ffffff;
	background-color: #8c0a1a; 
	background: -moz-linear-gradient(#8c0a1a, #8c0a1a);
}*/
option.answered {
	color: #8c0a1a;
}
/*option.answered:checked,
option.answered:hover {
	color: #ffffff;
	background-color: Gainsboro; 
	background: -moz-linear-gradient(Gainsboro, Gainsboro);
}*/
input#txtQmax {
    text-align: center;
	background-color: Gainsboro;
	cursor: not-allowed;
    border:1px solid #a7a9ab;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding:2px;
}
.btn-primary {
	color: #ffffff;
	background-color: #808284;
	border-color: #a7a9ab;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #ffffff;
	background-color: #8c0a1a;
	border-color: #a7a9ab;
}
.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled:active {
	background-color: Gainsboro;
	border-color: #a7a9ab;
	cursor: not-allowed;
}
/* ********************* Feedback (feedback) Section Definitions *********** */
div.nt_feedback {
    position: relative;
    height: 250px;
	width: 92%;
    z-index: 1;
	margin: 0;
	padding: 5px 20px;
	border: solid thin #a7a9ab;
	background-color: #ffffff;
	overflow: auto;
}
div#f_verdict,
div#f_answer,
div#f_feedback {
	margin: 0;
	padding: 0;
}
div#f_verdict {
	margin: 0;
	padding: 0;
    font-weight: bold;
    text-transform: capitalize;
    color: Red;
}
div#f_answer {
	margin: 0;
	padding: 0;
}
div#f_answer p#answer {
    font-size: 8pt;
    padding-left: 20px;
}
div#f_answer ul {
	margin: 0;
	padding-top: 2px;
}
div#f_answer li {
    font-size: 8pt;
}
div#f_feedback {
	margin: 0;
	padding: 0;
}
/* ********************* Feedback (hint) Section Definitions *************** */
div.nt_hint {
    position: absolute;
	top: -100px;
	left: 100px;
    z-index: 2;
	padding: 5px;
	border: solid thin Black;
	background-color: #ffe4c4;
    opacity: .85;
    filter: alpha(opacity=85);
	visibility: hidden;
}
/* ********************* Feedback (status) Section Definitions ************* */
a.rem {
	font-family: "Arial Narrow", Arial, Verdana;
	font-size: 8pt;
	text-decoration: underline;
	color: #00bfff;
	cursor: pointer;
}
a.rem:visited, a.rem:hover, a.rem:active {
	color: #6a5acd;
}
/* ***************** Drag-Drop Style Definitions (origins) ***************** */
table#origin {
    border-collapse: separate;
    border-spacing: 0 1px;
}
table#origin tr {
	height: 24px;
    vertical-align: middle;
	padding: 0;
	color: #808284;
}
td.left {
    font-weight: bold;
    width: 20px;
    text-align: center;
}
/* ***************** Drag-Drop Style Definitions (targets) ***************** */
table#target {
    border-collapse: separate;
    border-spacing: 0 1px;
}
table#target tr {
	height: 24px;
    vertical-align: middle;
	padding: 0;
	background-color: #a7a9ab;
	cursor: move;
}
table#target tr.tDnD_whileDrag {
    background-color: Gainsboro;
}
table#target td.q_dragdrop {
    width: 340px;
	padding-right: 15px;
}
input.a_dragdrop {
	font-family: Verdana;
    font-size: 9pt;
	width: 100%;
	padding: 0 0 0 4px;
	border: none 0 White;
	background-color: #ffffff;
	cursor: not-allowed;
}
/* ***************** Score Report ***************** */
p.score {
	color: #808284;
}
span.score {
	color: #8c0a1a;
	font-weight: bold;
}
.tdc { text-align: center; }
.th1 { width: 20%; }
.th2 { width: 15%; }
.th3 { width: 5%; }
.th4 { width: 10%; }
table.score,
table.scorew {
	border: solid thin #a7a9ab;
	font-size: 10pt;
	width: 100%;
}
table.score th,
table.scorew th {
	color: #8c0a1a;
	background-color: Gainsboro;
	border: solid thin #a7a9ab;
	padding: 5px;
}
table.score td,
table.scorew td {
	border: solid thin #a7a9ab;
	padding: 5px;
}
table.scorew tr:nth-of-type(odd) td:nth-of-type(1) {
    border-bottom: none;
}
table.scorew tr:nth-of-type(even) td:nth-of-type(1) {
    border-top: none;
}
table.scorew tr:nth-of-type(even) td:nth-of-type(n+2) {
    background-color: Gainsboro;
}
/* ***************** Trace ***************** */
span.error {
	font-weight: bold;
	color: Red;
}