body {
margin: 5px;
}

h1 {
color: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 18pt;
font-weight: bold;
text-align: left
}
h2 {
color: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 14pt;
font-weight: bold;
text-align: left
}
h3 {
color: #000000;
font-family: Tahoma, Verdana, Arial;
font-size: 11pt;
text-align: left
}

p, ul, ol, div, span, td, th {
color: black;
font-family: Tahoma, Verdana, Arial;
font-size: small;
}

img {border-color: #4E88D1;}

a {color: #0A5EB2;text-decoration: none}
a:visited {color: #0A5EB2;text-decoration: none}
a:link {color: #0A5EB2;text-decoration: none}
a:hover {color: #0066cc; text-decoration:underline}

a.rowhdr {color: #243E81;text-decoration: none}
a.rowhdr:visited {color: #243E81;text-decoration: none}
a.rowhdr:link {color: #243E81;text-decoration: none}
a.rowhdr:hover {color: #243E81; text-decoration:underline}

a.rowhdr2 {color: #0A5EB2;text-decoration: underline}
a.rowhdr2:visited {color: #0A5EB2;text-decoration: underline}
a.rowhdr2:link {color: #0A5EB2;text-decoration: underline}
a.rowhdr2:hover {color: #0066cc; text-decoration:underline}

td.top_section {
color: #8FB5E6;
font-size: 18pt;
font-weight: bold;
}

th.box_panel {
color: black;
background-color: #e7ecf8;
font-weight: bold;
padding: 1px;
text-align: center;
}
td.box_panel {
background-color: #ffffff;
padding: 1px;
}

.tabtable {background-color: #4E88D1;}
td.box_tab1 {
border: 1px solid #E7E9EF;
background-color: #ffffff;
padding: 3px;
}
td.box_tab0 {
border: 1px solid #E7E9EF;
background-color: #E8F0F8;
padding: 3px;
}

.btn {border-top: #6679A6 1px solid; border-left: #6679A6 1px solid; border-bottom: #0066CC 1px outset; border-right: #0066CC 1px outset; color: #243E81; background-color: #F4F6FB; font-family: Verdana, Tahoma, Arial; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}
.btn_important {border-top: #A66679 1px solid; border-left: #A66679 1px solid; border-bottom: #CC0066 1px outset; border-right: #CC0066 1px outset; color: #81243E; background-color: #FBF4F6; font-family: Verdana, Tahoma, Arial; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}

td.signin1 {padding: 5px; border: 1px solid #E7E9EF; background-color: #F1F4FB; text-align: center;}
td.signin2 {padding: 5px;}

.rowtable2 {background-color: #E7E9EF;}
.rowtable3 {background-color: #D9DDE6;}

.rowhdr1 {color: #243E81; background: #CFD9F1; font-size: x-small; font-weight: bold; text-align: center;}
td.rowhdr2 {border: 1px solid #FFFFFF; color: #243E81; background: #CFD9F1; font-weight: bold;}
td.rowseparator {border: 1px solid #FFFFFF; color: #243E81; background: #CFD9F1; font-weight: bold; padding: 1px;}
.rowone {background-color: #ffffff; text-align: left;}
.rowtwo {background-color: #e7ecf8; text-align: left;}
.rowone2 {background-color: #ffffff; text-align: left;}
.rowtwo2 {background-color: #e3f6e8; text-align: left;}
.rowused {background-color: #F8F9FA; text-align: left;}
.row_test_review {background-color: #e7ecf8; text-align: left;}
.row_test_submit {background-color: #e7ecf8; text-align: left;}
.row_test_buttons {background-color: #e7ecf8; text-align: left;}

.gray {color: #E7E9EF;}
.red {color: #CC0000;}
.system {background-color: #FFF0F0;}
.note {padding: 5px; font-size: x-small; font-family: Tahoma, Verdana, Arial; color: #808080;}
.feedback {border: #dede20 solid 1px; background-color: #fffff0;}
.rationale {border: #a0cfff solid 1px; background-color: #f0f7ff;}
.currentitem {background: #ffffff; font-weight: bold; border: 1px solid #CFD9F1;}

td.question {}
td.answer {}
input.q_answer_input {}
textarea.q_answer_input {}

span.error {font-weight: bold; color: #CC0000;}
span.notification {font-weight: bold; color: #006000;}
span.mark {color: #CC0000;}

#p_test_timer {font-weight: bold; color: #000000;}
#p_test_timer_red {font-weight: bold; color: #CC0000;}


img.calendar-icon {border:0px; width:19px; height:19px; vertical-align:top; margin:1px; margin-left:2px}
img.calendar-icon-hover {border:1px solid #AEB6C2; background-color:#DBE3F2; margin:0px; margin-left:1px}

a.context-button {display:block; box-sizing:border-box; -moz-box-sizing:border-box; font-size:70%; white-space:nowrap; height:22px; padding:2px; padding-top:3px; border:0px; margin:1px 1px 1px 3px;}
a.context-button:hover {height:24px; margin:0px 0px 0px 2px; border:1px solid #8fa1c4;}
a.icon {padding-left:24px; background-repeat:no-repeat; background-position:left top;}


span.igt-questionlist {
	font-weight: bold;
}
span.igt-questionlist-answered {
	color: gray;
	text-decoration: line-through;
}
span.igt-questionlist-selected {
	background: #ffffff;
	font-weight: bold;
	border: 1px solid #CFD9F1;
}

/* 3.3.5: */
table.igt_table {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    width:100%;
    border-collapse:collapse;
}

td.igt_table, th.igt_table
{
    border:1px solid #E7E9EF;
    padding:3px 7px 2px 7px;
}
th.igt_table
{
    font-size: x-small;
    font-weight: bold;
    text-align: center;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#CFD9F1;
    color:#243E81;
}
tr.igt_one, td.igt_one
{
    color:#000;
    background-color:#fff;
}
tr.igt_two, td.igt_two
{
    color:#000;
    background-color:#e7ecf8;
}

.error_bg {background-color: #f2dede; border: #eed3d7 solid 1px;}

.igt_hand {
	cursor: pointer;
}

/* Custom: Rotate box 90% degrees */
.igt_rotate90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}