/*
	Common CSS style, used by all site.
*/

*
{
	margin: 0 auto;
	padding: 0;
}

body
{
	margin: 0 auto;
	background: White;
	font: normal small "Trebuchet MS" , Arial, Helvetica, sans-serif;
	color: Black;
}

img
{
	/* These font settings used when images turned off. */
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: Orange;
	border: none;
}

h1, h2, h3, h4
{
}

h2
{
	font-size: 2em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.25em;
}

blockquote
{
	margin-bottom: 1.5em;
}

p
{
}

blockquote
{
	margin-left: 2em;
	margin-right: 2em;
	font-style: italic;
}

ul
{
	margin-left: 1em;
	text-align: left;
}

ul li
{
}

ol
{
	margin-left: 1em;
	text-align: left;
}

ol li
{
}

a
{
	text-decoration: underline;
	color: #3E9722;
}

a:hover
{
	text-decoration: none;
	color: #E58C24;
}

.dotted_link
{
	text-decoration: none;
	border-bottom: 1px dotted #3E9722;
	color: #3E9722;
}

.dotted_link:hover
{
	text-decoration: none;
	border-bottom: 1px dotted #E58C24;
	color: #E58C24;
}

img.left
{
	float: left;
	margin: 5px 20px 0 0;
}

img.right
{
	float: right;
	margin: 5px 0 0 20px;
}

abbr, acronym, .help
{
	border-bottom: 1px dotted #333;
	cursor: help;
}

span.underline
{
	text-decoration: underline;
}

.strikethrough
{
	text-decoration: line-through;
}

/*----- ASP.Net Trace tweaks-------------------------------------------------*/

#__asptrace
{
	position: fixed;
	left: 10px;
	top: 0;
	z-index: 20000;
	background: red;
	width: 10px;
	height: 0px;
	overflow: hidden;
	border: solid 1px red;
	padding: 10px 0 0 0;
}

#__asptrace:hover
{
	left: 10px;
	width: 99%;
	height: 50%;
	background: #DDDDDD;
	border: solid 1px yellow;
	overflow: scroll;
}

/*----- Bubble Tooltip ------------------------------------------------------*/
span.tt
{
	position: relative;
	z-index: 24;
	cursor: help;
	color: Black;
	text-decoration: none;
	border-bottom: dotted 2px black;
}

span.tt span
{
	display: none;
}

span.tt:hover
{
	/* background:; IE hack, something must be changed in a for ie to execute it */
	z-index: 25;
	color: Black;
	text-decoration: none;
	border-bottom: dotted 2px black; /*	background:; */
}

span.tt:hover span.tooltip
{
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 0 0 0;
	width: 200px;
	color: Black;
	text-align: center; /* 	filter: alpha(opacity:95); 	KHTMLOpacity: 0.95; 	MozOpacity: 0.95; 	opacity: 0.95; */
}

span.tt:hover span.top
{
	display: block;
	padding: 30px 8px 0;
	background: Transparent url( "../images/theme/bubble.gif" ) no-repeat top;
	cursor: default;
}

span.tt:hover span.middle
{
	/* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: #e3e3e3 url( "../images/theme/bubble_filler.gif" ) repeat bottom;
	cursor: default;
}

span.tt:hover span.bottom
{
	display: block;
	padding: 3px 8px 10px;
	color: #548912;
	background: Transparent url( "../images/theme/bubble.gif" ) no-repeat bottom;
	cursor: default;
}

/*----- Form Float Hint ------------------------------------------------------*/
.float_hint
{
	position: absolute;
	margin-top: -3px;
	width: 216px; /* Needed for IE to work. */
	z-index: 24;
	background: #404040;
}

.float_hint .inner
{
	position: relative;
	width: 200px;
	top: -3px;
	left: -3px;
	border: 2px solid #636363;
	z-index: 25;
	padding: 5px 6px; /* to fix IE6, I can't just declare a background-color, I must do a bg image, too! So I'm duplicating the pointer.gif image, and positioning it so that it doesn't show up within the box. */
	background: #E3E3E3 url( "../images/theme/float_hint_ptr.gif" ) no-repeat -10px 5px;
}

.float_hint .inner .hint_pointer
{
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	z-index: 26;
	background: Transparent url( "../images/theme/float_hint_ptr.gif" ) left top no-repeat;
}

/* Version with yellow-pink background */
.float_hint_pink
{
	position: absolute;
	margin-top: -3px;
	width: 216px; /* Needed for IE to work. */
	z-index: 24;
	background: #404040;
}

.float_hint_pink .inner
{
	position: relative;
	width: 200px;
	top: -3px;
	left: -3px;
	border: 2px solid #636363;
	z-index: 25;
	padding: 5px 6px; /* to fix IE6, I can't just declare a background-color, I must do a bg image, too! So I'm duplicating the pointer.gif image, and positioning it so that it doesn't show up within the box. */
	background: #EAD0A4 url( "../images/theme/float_hint_ptr_pink.gif" ) no-repeat -10px 5px;
}

.float_hint_pink .inner .hint_pointer
{
	position: absolute;
	left: -10px;
	top: 5px;
	width: 10px;
	height: 19px;
	z-index: 26;
	background: Transparent url( "../images/theme/float_hint_ptr_pink.gif" ) left top no-repeat;
}

/*----- Forms ----------------------------------------------------------------*/
div.row
{
	clear: both;
	margin: 5px 0 0 0;
}

div.row:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

div.row .label
{
	float: left;
	width: 30%;
	text-align: right;
}

div.row .formw
{
	position: relative; /* Needed for Form Float Hint controls. */
	float: right;
	width: 69%;
	text-align: left;
}

div.row .formw_buttons
{
	float: right;
	width: 69%;
	text-align: left;
}

/*----- Validators -----------------------------------------------------------*/
.validator_short /* Nice short validator, displayed only as "!" over input field. */
{
	position: relative;
	text-align: left;
	right: 12px;
	top: 0;
	z-index: 100;
	color: Red;
	font-weight: bold;
}

/*----- Change password control (with CSS adapters) ------------------------ */
.AspNet-ChangePassword-UserPanel, .AspNet-ChangePassword-PasswordPanel, .AspNet-ChangePassword-NewPasswordPanel, .AspNet-ChangePassword-ConfirmNewPasswordPanel, .AspNet-ChangePassword-SubmitPanel
{
	/* Same as "div.row" class. */
	clear: both;
	padding-top: 5px;
}

.AspNet-ChangePassword-FailurePanel
{
	clear: both;
	padding-top: 5px;
	color: Red;
}

.AspNet-ChangePassword-UserPanel label, .AspNet-ChangePassword-PasswordPanel label, .AspNet-ChangePassword-NewPasswordPanel label, .AspNet-ChangePassword-ConfirmNewPasswordPanel label
{
	/* Same as "div.row .label" class. */
	float: left;
	width: 30%;
	text-align: right;
}

.AspNet-ChangePassword-UserPanel input, .AspNet-ChangePassword-PasswordPanel input, .AspNet-ChangePassword-NewPasswordPanel input, .AspNet-ChangePassword-ConfirmNewPasswordPanel input
{
	float: left;
	width: 33%;
	margin-left: 0.5em;
}

.AspNet-ChangePassword-UserPanel span, .AspNet-ChangePassword-PasswordPanel span, .AspNet-ChangePassword-NewPasswordPanel span, .AspNet-ChangePassword-ConfirmNewPasswordPanel span
{
	float: left;
	font-weight: bold;
	padding-left: 3px;
	text-align: left;
}

/*----- Testing system ----------------------------------------------------- */
.wrong_answer
{
	color: Red;
}

div.test_pane
{
	clear: both;
	padding: 5px;
	min-height: 400px;
}

div.test_pane .test_pane_top
{
	clear: both;
}

div.test_pane .test_pane_top:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

div.test_pane .test_pane_top .main_pane
{
	float: left;
	width: 70%;
	text-align: left;
	height: 100%;
	padding-right: 5px;
	border-right: dotted 2px gray;
}

div.test_pane .test_pane_top .side_pane
{
	float: right;
	width: 28%;
	text-align: left;
	padding-left: 5px;
	height: 100%;
}

div.test_pane .test_pane_bottom
{
	clear: both;
	margin-bottom: 2em;
}

div.test_pane .test_pane_bottom:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

div.test_pane .test_pane_bottom .nav_pane
{
	float: left;
	width: 70%;
	text-align: left;
	height: 100%;
	padding-right: 5px;
	border-right: dotted 2px gray;
}

div.test_pane .test_pane_bottom .btns_pane
{
	float: right;
	width: 28%;
	text-align: center;
	padding-left: 5px;
	height: 100%;
}

.questions_answers_block
{
	position: relative;
	min-height: 300px;
	border-bottom: dotted 2px gray;
}

.questions_answers_block:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.question_block
{
	margin-bottom: 5mm;
}

.question_block .question
{
	margin-left: 1cm;
	font-size: larger;
}

.hints_block
{
	margin-bottom: 5mm;
}

.hints_block .hint
{
	margin-left: 1cm;
	font-size: larger;
}

.answers_block
{
}

.answers_block .answers
{
	margin-left: 1cm;
}

.answers_block .answers .answer_row
{
	font-size: larger;
	padding-top: 3px;
	padding-bottom: 3px;
	clear: both;
	height: 100%;
}

.answers_block .answers .answer_row:after
{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.answers_block .answers .answer_row input
{
	float: left;
/*	margin-top: 3px; */
}

.answers_block .answers .answer_row label
{
	display: block;
	float: left;
	padding-left: 10px;
	vertical-align: text-bottom;
}

.marking_block
{
	float: right;
	margin-bottom: 5px;
}

.main_buttons
{
	margin-top: 5px;
}

.main_buttons input
{
	font-size: larger;
	width: 160px;
}

.main_aux_buttons
{
	margin-top: 10px;
}

.main_aux_buttons input
{
	font-size: larger;
}

.testinfo_block
{
	min-height: 300px;
}

.testinfo_item
{
	text-align: center;
	font-size: larger;
	margin-bottom: 20px;
}

.testinfo_number
{
	font-weight: bold;
	font-size: larger;
}

.btns_pane input
{
	font-size: larger;
	margin-top: 5px;
	width: 150px;
}

.timer_red
{
	color: Red;
}

/*----- Grid View control (with CSS adapters)------------------------------- */
.AspNet-GridView
{
	color: Black;
	border: none;
	background-color: #FAFAD2;
	text-align: center;
	border: solid 1px #D2B48C;
}

.AspNet-GridView table
{
	border-collapse: collapse;
	border: solid 1px #D2B48C;
	width: 100%;
}

.AspNet-GridView-Pagination
{
	background-color: #EEE8AA;
	color: black;
	text-align: center;
}

.AspNet-GridView table thead tr, .AspNet-GridView table tfoot tr
{
	/* Header row */
	background-color: #D2B48C;
	font-weight: bold;
}

.AspNet-GridView table thead tr th, .AspNet-GridView table tfoot tr th
{
	/* Header cell */
	border: solid 1px #F4D1A2;
	text-align: center;
}

.AspNet-GridView table thead tr th a, .AspNet-GridView table tfoot tr th a
{
	/* Sort links in Header cell */
	color: Navy;
	text-decoration: none;
}

.AspNet-GridView table thead tr th a:hover, .AspNet-GridView table thead tr th a:active, .AspNet-GridView table tfoot tr th a:hover, .AspNet-GridView table tfoot tr th a:active
{
	/* Sort links in Header cell */
	color: Navy;
	text-decoration: none;
}

.AspNet-GridView table tbody tr td
{
	/* Normal cell */
	border: solid 1px #D2B48C;
	vertical-align: top;
}

.AspNet-GridView table tbody tr td.text
{
	/* Normal cell for long text */
	padding: 2px;
	text-align: left;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate
{
	/* Alternate row */
	background-color: #EEE8AA;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Selected
{
	/* Selected row */
	background-color: #FFCC66;
	color: #00008B;
}

/*----- Panel, used for displaying errors in-place. Used by Skins ---------- */
.error_box
{
	color: Red;
	border: solid 1px red;
	width: 80%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
}

/*----- CheckBoxList control. Used by Skins ---------- */
.checkbox_list
{
	display: block;
	margin: auto;
	vertical-align: baseline;
}

.checkbox_list label
{
	margin-left: 0.5em;
}

/*----- DBContent control ---------------------------- */
.dbcontent
{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
}

.dbcontent h1, .dbcontent h2, .dbcontent h3, .dbcontent h4
{
	margin: 0.5em 0 0.2em 0 !important;
}

/*----- Payment form --------------------------------- */
.payment_form
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
}

/*----- Error labels --------------------------------- */
.error_label
{
	color: Red;
	font-size: large;
	font-weight: bold;
	text-align: center;
	margin: 1em 2em 2em 1em;
}

/*----- SqlDataSourceFilter control ------------------ */
.filtersearch_control
{
	margin: 0.5em 0 0.5em 0;
	text-align: left;
}

.filtersearch_titlelabel
{
	font-weight: bold;
}

.filtersearch_fields
{
	width: 170px;
	margin-left: 5px;
}

.filtersearch_operator
{
	width: 150px;
	margin-left: 5px;
}

.filtersearch_string_value
{
	width: 250px;
	margin-left: 5px;
}

.filtersearch_numeric_value
{
	width: 120px;
	margin-left: 5px;
}

.filtersearch_boolean_value
{
	margin-left: 5px;
}

.filtersearch_boolean_label
{
	width: 110px;
	margin-left: 5px;
	text-align: left;
}

.filtersearch_searchbtn
{
	font-weight: bold;
	margin-left: 5px;
}

.filtersearch_error
{
	color: Red;
	margin-left: 5px;
}