@CHARSET "UTF-8";
body
{
	font-family: Helvetica,Arial,sans-serif;
	/*font-size: 18px;*/
	line-height: 20px;
}

.answers_list
{
	list-style-type:none;
	padding:5px;
}

.content
{
	background-color: #F7F7F7;

	bottom: 58px;	
	left: 0px;
	overflow: auto;
	padding: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	
	border-color: blue;
	border-width: thin;
	border-style: none;
	
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;	
}
.content iframe
{
}
	
.content_column
{
	bottom: 0px;
	left: 338px;
	right: 0;
	top: 0;
	position: absolute;
	
	border-color: red;
	border-width: thin;
	border-style: none;
}

.content_column_bkg1
{
	background-color: #FCBB2D;
	height: 124px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 39px;
	
	border-color: black;
	border-width: thin;
	border-style: none;
}

.content_column_bkg1_markom
{
	background-color: rgb(112,0,12);
	height: 124px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 39px;
	
	border-color: black;
	border-width: thin;
	border-style: none;
}

.content_column_bkg2
{
	background-image: linear-gradient(to bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -o-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.29, rgb(255,232,177)),
		color-stop(0.65, rgb(252,187,45))
	);
	
	border-color: blue;
	border-width: thin;
	border-style: none;
	
	bottom: 0px;
	left: 0px;
	overflow: hidden; 
	overflow-y: auto;
	position: absolute;
	right: 0px;
	top: 162px;
}

.content_column_bkg2_markom
{
	background-image: linear-gradient(to bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -o-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, rgb(206,0,4)),
		color-stop(0.54, rgb(113,0,6)),
		color-stop(1.0, rgb(113,0,6))
	);
	
	border-color: blue;
	border-width: thin;
	border-style: none;
	
	bottom: 0px;
	left: 0px;
	overflow: hidden; 
	overflow-y: auto;
	position: absolute;
	right: 0px;
	top: 162px;
}


#disclaimer_text_0,
#disclaimer_text_1,
#disclaimer_text_2
{
	background: #646464; /* Old browsers */
	background: -moz-linear-gradient(top,  #646464 0%, #6c737a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#6c737a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #646464 0%,#6c737a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #646464 0%,#6c737a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #646464 0%,#6c737a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #646464 0%,#6c737a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#6c737a',GradientType=0 ); /* IE6-9 */
	color: white;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	border-style: none;
	border-width: 1px;
	
	box-shadow:         1px 1px 6px 0px rgba(0, 0, 0, 0.41);	
	-webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.41);
	-moz-box-shadow:    1px 1px 6px 0px rgba(0, 0, 0, 0.41);

	color: white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;

	margin: 15px;	
	padding: 20px;
	
}
.footer_text
{
	color: #909090;
	cursor: default;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height: 32px;
	line-height: 24px;
	
	border-color: blue;
	border-width: thin;
	border-style: none;
}

.lang_list
{
	background-color: white; 
	position: absolute; 
	right: 20px; 
	top: 36px;
	width: 132px;
}

.nav_vert_separator {
	background-image: url(../pics/lection_nav_vert_separator.png);
	background-repeat: repeat-y;
	float: left;
	height: 32px;
	width: 2px;
}

.navigation
{
	background-color: #E9E9E9;
	
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	
	height: 32px;
	position: absolute;
	top: 70px;
	left: 0px;
	right: 34px;
	
	border-color: #CFCFCF;
	border-bottom-style: solid;
	border-width: 1px;
}

.navigation_btn
{
	cursor: hand;
	cursor: pointer;
	float: right;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
	width: 32px;
}
#page_disabler
{
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0px;
	left: 0px;
	position: absolute; 
	right: 0px; 
	top: 0px;
	z-index:111;
}
.pane
{
	bottom:	20px;
	position: absolute;
	top: 103px;
	left: 0px;
	right: 34px;

	border-color: red;
	border-width: thin;
	border-style: none;
}

.top_navigation
{
	height:39px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	text-align:left;
	
	background-image: linear-gradient(bottom, rgb(0,111,180) 29%, rgb(30,150,190) 65%);
	background-image: -o-linear-gradient(bottom, rgb(0,111,180) 29%, rgb(30,150,190) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(0,111,180) 29%, rgb(30,150,190) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,111,180) 29%, rgb(30,150,190) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(0,111,180) 29%, rgb(30,150,190) 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.29, rgb(0,111,180)),
		color-stop(0.65, rgb(30,150,190))
	);	
}

.top_navigation_markom
{
	height:39px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	text-align:left;
	
	background-image: linear-gradient(bottom, rgb(181,181,181) 50%, rgb(185,185,185) 0.5%, rgb(189,189,189) 50%);
	background-image: -o-linear-gradient(bottom, rgb(181,181,181) 50%, rgb(185,185,185) 0.5%, rgb(189,189,189) 50%);
	background-image: -moz-linear-gradient(bottom, rgb(181,181,181) 50%, rgb(185,185,185) 0.5%, rgb(189,189,189) 50%);
	background-image: -webkit-linear-gradient(bottom, rgb(181,181,181) 50%, rgb(185,185,185) 0.5%, rgb(189,189,189) 50%);
	background-image: -ms-linear-gradient(bottom, rgb(181,181,181) 50%, rgb(185,185,185) 0.5%, rgb(189,189,189) 50%);

	/*background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.50, rgb(181,181,181)),
		color-stop(0.05, rgb(185,185,185)),
		color-stop(0.50, rgb(189,189,189))
	);*/	
}

.top_navigation_btn
{
	color:white;
	cursor:pointer;cursor:hand;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:39px;
	line-height: 39px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:center;
}
.top_navigation_btn:hover
{
	text-shadow: 1px 1px 3px #FFFFFF;	
}

.top_navigation_btn_sel
{
	background-color:#FFB900;
	cursor:default;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:39px;
	line-height: 39px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:center;
}

.top_navigation_btn_sel:hover
{
	color: white;
	text-shadow: 1px 1px 3px #FFFFFF;	
}

.top_navigation_small_btn
{
	cursor:pointer;cursor:hand;
	border-bottom-width:thick;
	border-bottom-color:black;
	color:white;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:39px;
	line-height: 39px;
	padding-right:20px;
	text-align:center;
}

.top_navigation_small_btn:hover
{
	text-shadow: 1px 1px 3px #FFFFFF;	
}

.top_navigation_title
{
	cursor:default;
	border-bottom-width:thick;
	border-bottom-color:black;
	color:white;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight: normal;
	height:39px;
	line-height: 39px;
	padding-left:20px;
	text-align:center;
}



.topics_column
{
	float:left;
	width:338px;
}

.topic_column_image
{
	height: 162px; 
	overflow: hidden; 
	left: 0;
	top: 0;
	position: absolute;
}
	
.topics_list
{
	background-image: linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -o-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(255,232,177) 29%, rgb(252,187,45) 65%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.29, rgb(255,232,177)),
		color-stop(0.65, rgb(252,187,45))
	);
	
	bottom: 0px;
	left: 0px;
	overflow: hidden; 
	overflow-y: auto;
	position: absolute;
	top: 162px;
	width: 338px; 
}

.topics_list_markom
{
	background-image: linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -o-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(206,0,4) 0%, rgb(113,0,6) 54%, rgb(113,0,6) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, rgb(206,0,4)),
		color-stop(0.54, rgb(113,0,6)),
		color-stop(1.0, rgb(113,0,6))
	);
	
	bottom: 0px;
	left: 0px;
	overflow: hidden; 
	overflow-y: auto;
	position: absolute;
	top: 162px;
	width: 338px; 
}


.topics_list_item
{
	color: #644D1E;
	cursor:pointer;cursor:hand;
	border-style: none;
	border-width: thin;
}

.topics_list_item:hover
{
	color: white;
	cursor:pointer;cursor:hand;
	text-shadow: 1px 2px 2px #0a0a0a;	
}
.topics_list_item_sel
{
	color: black;
	cursor:default;
}
.topics_list_item_dis
{
	color: #bababa;
	cursor:default;
	text-decoration: line-through;
}


.topics_list_item_lamp
{
	display:inline-block;
	padding-left: 37px;	
	padding-top: 8px;	
	padding-right: 10px;	
	vertical-align: top;
	border-style: none;
	border-width: thin;
}

.topics_list_item_separator
{
	background-image: url('../pics/topic_separator.png');
	background-repeat:repeat-x;
	height: 2px;
	margin-left: 68px;
}
.topics_list_item_text
{
	display:inline-block;
	font-family:Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 250px;
	border-style: none;
	border-width: thin;
}

.topics_list_item_text_sel
{
	color: black;
	cursor:default;
	display:inline-block;
	font-family:Helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 250px;
}


.topics_separator
{
	background-image: url('../pics/topic_separator.png');
	background-repeat:repeat-x;
	height: 2px;
}
#wait_message{
	 
	color:white;
	
	font-family:Helvetica,Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	
	position: absolute;
	left: 500px;
	top: 75px;
}