@charset "utf-8";
/* CSS Document */

#start_container {
	left: 190px;
    position: absolute;
    top: 220px;
	}
	
.index_topup {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 2px solid #FFFFFF;
    height: 283px;
    left: 150px;
    opacity: 0.9;
	filter:alpha(opacity=90);
    /*overflow: auto;*/
    position: absolute;
    top: 10px;
    width: 462px;
	}

	.index_topup .topup_content{
		margin:10px 12px 5px;
		overflow: auto;
		height:235px;
		font-size:1.25em;
		}
		
	.index_topup .topup_title {
		/*font-size: 1.2em;*/
		font-weight: bold;
		margin: 7px 0;
		font-size: 1em;
		}
		
		.index_topup .topup_content hr {margin:0px }
		.index_topup .topup_content p {margin:3px 0px; line-height: 1.32em; }
		
	.topup_close {color:#333333;}
	
	.topup_close a:link, .topup_close a:visited{
		text-decoration:none;
		color:#333333;
	}
	.topup_close a:hover, .topup_close a:focus{
		text-decoration:underline;
		color:#b64745;
	}
		
	.topup_close {  
		margin: 0 15px;
		position: absolute;
		right: 0;
		padding: 3px 13px;
		font-size:1.125em;
		
		border: 1px solid #C7CBCF;
		
		line-height: 0.875em;
		white-space:nowrap;
		
		
		background: #dce1e7 url(../../../share/images/btn_bg.png) repeat-x top; /* Old browsers */
		background: -moz-linear-gradient(top, #b7c1cb 0%, #f4faff 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7c1cb), color-stop(99%,#f4faff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* IE10+ */
		background: linear-gradient(to bottom, #b7c1cb 0%,#f4faff 99%); /* W3C */
		
		}
	
	.index_topup .topup_close_on {
		background: #b7c1cb url(../../../share/images/btn_bg_on.png) repeat-x top; /* Old browsers */
		background: -moz-linear-gradient(top, #f4faff 0%, #b7c1cb 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4faff), color-stop(99%,#b7c1cb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* IE10+ */
		background: linear-gradient(to bottom, #f4faff 0%,#b7c1cb 99%); /* W3C */
		
	}

.ch { position:absolute; }
.ch div {*display:inline;}

.ch .link{ 
		background: url("../../../share/images/white.png");
		border: 1px solid #0099FF;
		font-size: 0.688em;
		font-weight:bold;
    	padding: 1px 5px;
		line-height:1.7em;
	}

.ch:hover .link, .ch:focus .link {font-size:0.813em;}
.ch:link, .ch:visited 
{color:#000000; text-decoration:none;}
.ch:hover, .ch:focus 
{color:#ffffff; text-decoration:underline;}
	
#ch1 {
    bottom: 180px;
   	left: 500px;
	
	padding-bottom:8px;
	width:i00%; 
	
	background: url("../../../share/images/pointed.png") no-repeat;
	background-position: -170px bottom
	}
#ch1:hover, #ch1:focus {
	background: url("../../../share/images/pointed_ch1.png") no-repeat;
	background-position: -170px bottom;
}

#ch1 .link, #ch2 .link,  #ch3 .link,  #ch4 .link { border-bottom:none;}

#ch1:hover .link, #ch1:focus .link {
	background-color: #4677e8;
	background-image:none;
}

#ch2 {
    bottom: 243px;
   	left: 400px;
	
	padding-bottom:8px;
	width:i00%; 
	
	background: url("../../../share/images/pointed.png") no-repeat;
	background-position: -147px bottom
	}
#ch2:hover, #ch2:focus {
	background: url("../../../share/images/pointed_ch2.png") no-repeat;
	background-position: -147px bottom;
}
#ch2:hover .link, #ch2:focus .link {background-color: #c44f00;background-image:none;}


#ch3 {
    bottom: 210px;
   	left: 233px;
	
	padding-bottom:8px;
	width:i00%; 
	
	background: url("../../../share/images/pointed.png") no-repeat;
	background-position: -160px bottom
	}
#ch3:hover, #ch3:focus {
	background: url("../../../share/images/pointed_ch3.png") no-repeat;
	background-position: -160px bottom;
}
#ch3:hover .link, #ch3:focus .link {background-color: #ffcc33;background-image:none;}
#ch3:hover, #ch3:focus 
{color:#000000; text-decoration:underline;}

#ch4 {
    bottom: 243px;
   	right: 550px;
	
	padding-bottom:8px;
	width:i00%; 
	
	background: url("../../../share/images/pointed.png") no-repeat;
	background-position: -120px bottom
	}
#ch4:hover, #ch4:focus {
	background: url("../../../share/images/pointed_ch4.png") no-repeat;
	background-position: -120px bottom;
}
#ch4:hover .link, #ch4:focus .link {background-color: #b35900;background-image:none;}
	
#ch5 {
    top: 230px;
   	right: 500px;
	
	padding-top:8px;
	width:i00%; 
	
	background: url("../../../share/images/pointed_up.png") no-repeat ;
	background-position: -141px top;
	}
#ch5:hover, #ch5:focus {
	background: url("../../../share/images/pointed_ch5.png") no-repeat;
	background-position: -141px top;
}
#ch5 .link { border-top:none;}
#ch5:hover .link, #ch5:focus .link {background-color: #6534fe;background-image:none;}


#ch6 {
    top: 200px;
   	left: 270px;
	
	padding-top:8px;
	width:i00%; 
	
	background: url("../../../share/images/pointed_up.png") no-repeat ;
	background-position: -101px top;
	}
#ch6:hover, #ch6:focus {
	background: url("../../../share/images/pointed_ch6.png") no-repeat;
	background-position: -101px top;
}
#ch6 .link { border-top:none;}
#ch6:hover .link, #ch6:focus .link {background-color: #148718;background-image:none;}


#ch7 {
    top: 250px;
   	left:475px; 
	
	padding-left:7px;
	width:i00%; 
	
	background: url("../../../share/images/pointed_left.png") no-repeat;
	background-position: left -85px
	}
#ch7:hover, #ch1:focus {
	background: url("../../../share/images/pointed_ch7.png") no-repeat;
	background-position: left -85px
}

#ch7 .link { border-left:none;}

#ch7:hover .link, #ch7:focus .link {
	background-color: #de2c2c;
	background-image:none;
}





#left_menu_container{
	float:left;
	height: 315px;
	/*font-size:0.913em */
}

#left_menu {
	margin:10px 0 0 10px;
	padding: 23px 0 0 3px;
	color:#FFF;
	width:185px; /**/
	text-align:right;
	font-size:0.875em
}

#left_menu li:first-child {border-top:none;}
#left_menu li {
	list-style:none;
	height:66px;
	border-top:solid 1px;
}
#left_menu li table { height:100%; width:100%;  padding:0; margin:0;}
#left_menu li table td {vertical-align:middle; *height:66px;}


#left_menu li a:link, #left_menu li a:visited {color:#fff; text-decoration:none;}
#left_menu li a:focus, #left_menu li a:hover {color:#ffffcc; text-decoration:underline;}
#left_menu li a.active {color:#e8ffdc;/*#e8fffc*/}

.chapter3 #left_menu li a:link, .chapter3 #left_menu li a:visited, .public #left_menu li a:link, .public #left_menu li a:visited {color:#000; text-decoration:none;}
.chapter3 #left_menu li a:focus, .chapter3 #left_menu li a:hover, .public #left_menu li a:focus, .public #left_menu li a:hover {color:#b00c0c; text-decoration:underline;}
.chapter3 #left_menu li a.active, .public #left_menu li a.active {color:#785116}


.chapter1 #left_menu_container{ background: url("../../../share/images/chapter1_bg.png") no-repeat; width:256px;}
.chapter1 #left_menu_container #left_menu{ background:url("../../../share/images/chapter1_deco_arrow.gif") no-repeat; }
.chapter1 .window_header > table{ background: #3366cc; }

.chapter2 #left_menu_container{ background: url("../../../share/images/chapter2_bg.png") no-repeat; width:256px;}
.chapter2 #left_menu_container #left_menu{ background:url("../../../share/images/chapter2_deco_arrow.gif") no-repeat; }
.chapter2 .window_header > table{ background: #cc3300; }
.chapter2 #left_menu {width:170px}
.chapter2 #left_menu li { height:57px; * height:55px;}
.chapter2 #left_menu li table td {vertical-align:middle; *height:55px;}

.chapter3 #left_menu_container{ background: url("../../../share/images/chapter3_bg.png") no-repeat; width:256px;}
.chapter3 #left_menu_container #left_menu{ background:url("../../../share/images/chapter3_deco_arrow.gif") no-repeat; }
.chapter3 .window_header > table{ background: #ffcc33; }
.chapter3 #left_menu {width:205px}
.chapter3 #left_menu li { height:57px; * height:55px;}
.chapter3 #left_menu li table td {vertical-align:middle; *height:55px;}

.chapter4 #left_menu_container{ background: url("../../../share/images/chapter4_bg.png") no-repeat; width:256px;}
.chapter4 #left_menu_container #left_menu{ background:url("../../../share/images/chapter1_deco_arrow.gif") no-repeat; }
.chapter4 .window_header > table{ background: #cc3300; }

.chapter5 #left_menu_container{ background: url("../../../share/images/chapter5_bg.png") no-repeat; width:256px;}
.chapter5 #left_menu_container #left_menu{ background:url("../../../share/images/chapter1_deco_arrow.gif") no-repeat; }
.chapter5 .window_header > table{ background: #6633ff; }

.chapter6 #left_menu_container{ background: url("../../../share/images/chapter6_bg.png") no-repeat; width:256px;}
.chapter6 #left_menu_container #left_menu{ background:url("../../../share/images/chapter1_deco_arrow.gif") no-repeat; }
.chapter6 .window_header > table{ background: #006633; }

.chapter7 #left_menu_container{ background: url("../../../share/images/chapter7_bg.png") no-repeat; width:256px;}
.chapter7 #left_menu_container #left_menu{ background:url("../../../share/images/chapter7_deco_arrow.gif") no-repeat; }
.chapter7 .window_header > table{ background: #cc3333; }
.chapter7 #left_menu li { height:120px; * height:55px;}
.chapter7 #left_menu li:first-child table td {vertical-align:bottom; *height:120px; padding-bottom:20px}
.chapter7 #left_menu li table td{vertical-align:top; *height:120px; padding-top:20px}

.public #left_menu_container{ background: url("../../../share/images/public_bg.png") no-repeat; width:399px; position:absolute;}
.public #left_menu_container #left_menu{ background:url("../../../share/images/public_deco_arrow.gif") no-repeat; }
.public .window_header > table{ background: #ffcc33; }
.public #left_menu {width:155px; padding-top:0px;}
.public #left_menu li { height:auto; *height:auto; border:none;}
.public #left_menu li table td{vertical-align:top; *height:auto; padding-top:5px;}


/*.chapter1 .window_header .right{ background: #3366cc;}
.chapter1 .window_header .left { background: url("../../../share/images/chapter1_win_bg.png") no-repeat bottom right;}
*/

.window {
	background:url("../../../share/images/window.png") no-repeat;
	/*width:470px; height:291px;*/
	float:right;
	margin-top:17px;
	margin-right:15px;
	*width:0;
}

.window > div {  padding:5px; }
.window > div > hr {margin:0.2em 0; *margin:0;}

.chapter1 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter1_win_bg.png") no-repeat bottom left;}
.chapter2 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter2_win_bg.png") no-repeat bottom left;}
.chapter3 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter3_win_bg.png") no-repeat bottom left;}
.chapter4 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter4_win_bg.png") no-repeat bottom left;}
.chapter5 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter5_win_bg.png") no-repeat bottom left;}
.chapter6 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter6_win_bg.png") no-repeat bottom left;}
.chapter7 .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter7_win_bg.png") no-repeat bottom left;}
.public .window_header { padding: 0 0 0 10px;  background: url("../../../share/images/chapter3_win_bg.png") no-repeat bottom left;}



.window .window_header p { margin:0; padding:3px; font-size:0.813em; color:#ffffff; font-weight:bold}
.chapter3 .window_header p, .public .window_header p {color:#000000;}
.window .window_header .close_win { margin-right:10px }

.window_content {padding:0 5px 5px 7px; margin:0;  font-size:0.938em;}
.window_content_overflow {overflow:auto;  position:relative;}
.window_content h2,  .window_content .Lheader{/*margin: 7px 0;*/ font-size:1.188em}
.window_content h3, .window_content .sheader {font-size:1.125em; margin: 0;}
.window_content h4 {font-size:1.125em; margin: 0;} 
.window_content h5 {font-size:1.125em; margin: 0;}
.window_content p { margin: 0px 0 1em 0}
.window_content p.botmn { margin-bottom:0;}

/*chaper1 */

.chapter1 .cs {*height: expression( this.scrollHeight < 220 ? "220px" : "auto" ); min-height:220px; margin:0.5em 0 0.5em 0;}

.chapter1 .cs01 { background: url("../../../share/images/chapter1_slide1.gif") no-repeat #5fabff top right; }
.chapter1 .cs01 > div { color: #000000; line-height: 1.5em; padding: 20px 10px 0 10px;width: 145px; }

.chapter1 .cs02 { background: url("../../../share/images/chapter1_slide2.gif") no-repeat #5fabff bottom right; }
.chapter1 .cs02 > div { color: #000000; line-height: 1.5em; padding: 20px 10px 0 10px;width: 160px; }

.chapter1 .cs03 { background: url("../../../share/images/chapter1_slide3.gif") no-repeat #5fabff bottom right; }
.chapter1 .cs03 > div { color: #000000; line-height: 1.5em; padding: 20px 10px 0 10px;width: 145px; }

.chapter1 .cs04 { background: url("../../../share/images/chapter1_slide4.gif") no-repeat #ffc051 bottom right; }
.chapter1 .cs04 > div { color: #000000; line-height: 1.5em; padding: 20px 10px 0 10px;width: 160px; }

.chapter1 .cs05 { background: url("../../chapter1/images/chapter1_slide5.gif") no-repeat #5fabff top left; }
.chapter1 .cs05 > div { color: #000000; line-height: 1.5em; padding: 2px 0 0 303px;width: 112px; }

.chapter1 .cs06 { background: url("../../chapter1/images/chapter1_slide6.gif") no-repeat #ffcc66 top right; }
.chapter1 .cs06 > div { color: #000000; line-height: 1.5em; padding:  2px 0 0 320px;width: 112px; }

.chapter1 .cs07 { background: url("../../chapter1/images/chapter1_slide7.jpg") no-repeat #ffc051 top center; }
.chapter1 .cs07 > div { color: #000000; line-height: 1.5em; padding: 190px 10px 0 10px; }

.chapter1 .cs08 { background: #ffc051; }
.chapter1 .cs08 div { color: #000000; line-height: 1.5em; padding: 10px 10px 0 10px;/*width: 180px;*/ }

.chapter1 .cs09 { background: url("../../../share/images/chapter1_slide9.jpg") no-repeat #ffbf51 bottom right; }
.chapter1 .cs09 > div { color: #000000; line-height: 1.5em; padding:  20px 10px 0 10px;width: 140px; }


/**/

/*chapter 2*/

a.green_btn { padding:0 5px; float:right; line-height:1em; } 

a.green_btn:link, a.green_btn:visited{
	background: #0b940b; /* Old browsers */
	background: -moz-linear-gradient(top, #0b940b 0%, #2fe72f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b940b), color-stop(100%,#2fe72f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0b940b 0%,#2fe72f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0b940b 0%,#2fe72f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0b940b 0%,#2fe72f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0b940b 0%,#2fe72f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b940b', endColorstr='#2fe72f',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #C7CBCF;
	color: #000000;
	text-decoration:none;

}
a.green_btn:focus, a.green_btn:hover{
	
	background: #2fe72f; /* Old browsers */
	background: -moz-linear-gradient(top, #2fe72f 0%, #0b940b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2fe72f), color-stop(100%,#0b940b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2fe72f 0%,#0b940b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2fe72f 0%,#0b940b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2fe72f 0%,#0b940b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #2fe72f 0%,#0b940b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fe72f', endColorstr='#0b940b',GradientType=0 ); /* IE6-9 */

	text-decoration:underline;
	color:#190909;
}

.snapshot {clear:both; }

.snapshot .img {float:left; margin:0 5px 5px 0;}
.snapshot .closeSnapshot {clear:both; text-align:right;}

#chapter2_01 .list_alignLeft li {clear:both;}
/**/

/*chapter 2 game*/
#chapter2_05 .none {display:none}

#chapter2_05 .select_img {position:relative;}
	#chapter2_05 .select_img:link, #chapter2_05 .select_img:visited {
		color:#000;
		text-decoration:none;
	}
		#chapter2_05 .select_img .frame {height:200px; background-repeat:no-repeat; background-position:bottom}
		#chapter2_05 .select_img:link .frame, #chapter2_05 .select_img:visited .frame{
			background-color:none;
			border:none;
		}
		
		#chapter2_05 .select_img:hover .frame, #chapter2_05 .select_img:focus .frame{
			border:solid 2px #F00;
			background-color: white;
		}
			#chapter2_05 .text {width:200px;}
		
		#chapter2_05 .ans_img{position:absolute; width:200px; height:200px; background-position:center center;}
		
		#chapter2_05 .false {background-image: url("../../../share/images/cross.gif"); background-repeat:no-repeat;}
		#chapter2_05 .true {background-image: url("../../../share/images/tick.gif"); background-repeat:no-repeat;}
		
#chapter2_05 .ans_l {float:left}
#chapter2_05 .ans_r {float:right}
#chapter2_05 .ans {clear:both}

#chapter2_05 a.play_again { float:none;}
/**/

/*chapter 3*/
#chapter3_4_cycle {float:left;margin-right:1em;margin-bottom:1em}
#chapter3_05 .none {display:none}

.list_white_box li{ display:block; background-color:white; border: 1px solid #C7CBCF;margin-top:2px; padding:0 3px}
.list_white_box li a:link, .list_white_box li a:visited {color:#000; text-decoration:none;}
.list_white_box li a:focus, .list_white_box li a:hover {color:#990000; text-decoration:underline;}
/**/

/*chapter 4 virtual tutorial*/
.ch_4_2_smallsize {font-size:0.875em} 


.bubble { 
	/*background: url("../../../share/images/chapter4_bubble_up.png") no-repeat; 
	background-position:top right;*/ 
	width:500px;
	position:relative;
	font-size:0.913em;
	/*overflow:auto;*/
}

	.bubble_top {
		background: url("../../../share/images/chapter4_bubble_up.png") no-repeat;
		display: block; background-position:bottom right; 
    	height: 21px;
	}
	.bubble_center {
		background: url("../../../share/images/chapter4_bubble_center.png") repeat-y;
		min-height:57px;
		padding:0px 5px 0px 50px;
	}
	.bubble_btm {
		background: url("../../../share/images/chapter4_bubble_down.png") no-repeat; 
		height:21px; display:block; background-position:bottom right; 
	} 
	
	.bubble .topup_close { bottom:6px;}

.bubble .content p {margin:0; padding:10px 0;}

.bubble1 {top:30px; left:230px;}	
	.bubble1 .content {max-height:220px; min-height:60px; overflow:auto;}
.bubble2 {top:5px; left:242px;}
	.bubble2 .bubble_center {height:262px; vertical-align:top;} 
	.bubble2 .content {height:250px; overflow:auto;}
		
		.bubble2 .content table.table_align1 {width:100%; border-collapse:collapse;}
			.bubble2 .content table.table_align1 td, .bubble2 .content table.table_align1 th { border:solid #0199ff 1px;}
			.bubble2 .content table.table_align1 tr td {text-align:center}
			.bubble2 .content table.table_align1 tr td:first-child {text-align:left;}
			
		 .bubble2 .content table.table_align_left,  .bubble2 .content table.table_align_left tr td {text-align:left;}

.slide {
	background: url("../../../share/images/chapter4_tuto_screen.png") no-repeat;
	float:right;
	display:block;
	width:0;
	height:315px;
	font-size:0.875em;
}
	.slide .content {
		margin:20px 0 0 10px;
		height:280px;
		overflow:auto;
	}
		.slide .content .point {
			margin-top:0;
			margin-bottom:0;
		}
		
			.slide .content .point > li { margin-bottom:1em;margin-top:0.5em;font-size:1.1em}
				.slide .content .point > li a { display:block;}
				.slide .content .point > li a:link { color:#110022; text-decoration:none}
				.slide .content .point > li a:visited { color:#110022; text-decoration:none;}
				.slide .content .point > li a:hover, .slide .content .point > li a:focus { text-decoration:underline; color:#990000; background-color:#ffff99}
				.slide .content .point > li a.active {color:#dd0000}

.previous {
		margin: 0 15px;
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 3px 13px;		
		line-height: 0.875em;
		white-space:nowrap;
}
/**/

/*chapter 4 game*/
#chapter4_4_game { background: url("../../../share/images/chapter4_game_map.jpg") no-repeat center center; min-height:170px; position:relative; }
	#chapter4_4_game .location {
		position:absolute;
		font-size:0.875em;
	} 
	#chapter4_4_game .sewage {  bottom:70px; right:215px}
	#chapter4_4_game .ml { bottom:40px; left:90px;}
	#chapter4_4_game .vh { width:100px; right:40px; top:50px; }
	#chapter4_4_game .church { bottom:15px; right:130px}
	
		#chapter4_4_game .location a:link, #chapter4_4_game .location a:visited {color:#000; text-decoration:none;}
		#chapter4_4_game .location a:hover, #chapter4_4_game .location a:focus {color:#d43a22; text-decoration:underline;}

.qus_win {
	background: none repeat scroll 0 0 #F0F0F0;
    border: 2px solid #999999;
    left: 150px;
    opacity: 0.9;
    position: absolute;
    width: 220px;
	z-index:999;
	padding:3px;}
#chapter4_04 .none {display:none;}
#chapter4_04 .bg_yellow {background-color:#fefe7d}

.btn_orange {  
		margin: 0 15px;
		padding: 2px 5px;
		
		line-height: 0.875em;
		float:right;		
}

.btn_orange:link, .btn_orange:visited {
	background: #fe6801; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe6801 0%, #f1c65f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe6801), color-stop(100%,#f1c65f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe6801 0%,#f1c65f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe6801 0%,#f1c65f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe6801 0%,#f1c65f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fe6801 0%,#f1c65f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6801', endColorstr='#f1c65f',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #fe6801;
	color: #000000;
	text-decoration:none;
}

.btn_orange:focus, .btn_orange:hover {
	background: #f1c65f; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1c65f 0%, #fe6801 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c65f), color-stop(100%,#fe6801)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1c65f 0%,#fe6801 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1c65f 0%,#fe6801 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1c65f 0%,#fe6801 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1c65f 0%,#fe6801 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c65f', endColorstr='#fe6801',GradientType=0 ); /* IE6-9 */

	text-decoration:underline;
	color:#190909;
}
/**/

/*chapter 5*/
#chapter5_1_discuss { background: url("../../../share/images/chapter5_1_discuss.gif") no-repeat center center; min-height:186px; position:relative; margin-bottom:1em}
	#chapter5_1_discuss .boxes {
		background: none repeat scroll 0 0 #FFFFFF;
		opacity:0.8;
		filter:alpha(opacity=80);
		position:absolute;
		font-size:0.875em;
		}
	#chapter5_1_discuss .box01{ left:70px; }
	#chapter5_1_discuss .box02{ right:0; width:205px}
	#chapter5_1_discuss .box03{ bottom:60px; left:30px; width: 120px; text-align:center }
	#chapter5_1_discuss .box04{ bottom:5px; right:110px;}
	
#chapter5_3_q { position:relative; top:0; left:0; }
#chapter5_3_q #chapter5_3_qus.show { 
	position:absolute; top:0; left:10px; 
	background:url("../../../share/images/chapter5_q_a.png") center center;
	width:374px;
	height:208px;
}
#chapter5_3_q #chapter5_3_qus .text {
	text-align:center;
	margin:20% 7% 0;
	}
#chapter5_3_q #chapter5_3_qus .close {
	position:absolute; bottom:10px; right:30px;
	padding:0 3px;
	display:none;
	}
	
#chapter5_3_q #chapter5_3_qus .close:link, #chapter5_3_q #chapter5_3_qus .close:visited{
	background: #fe6801; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe6801 0%, #f1c65f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe6801), color-stop(100%,#f1c65f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe6801 0%,#f1c65f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe6801 0%,#f1c65f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe6801 0%,#f1c65f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fe6801 0%,#f1c65f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6801', endColorstr='#f1c65f',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #fe6801;
	color: #000000;
	text-decoration:none;
}
	
#chapter5_3_q #chapter5_3_qus .close:focus, #chapter5_3_q #chapter5_3_qus .close:hover{
	background: #f1c65f; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1c65f 0%, #fe6801 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c65f), color-stop(100%,#fe6801)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1c65f 0%,#fe6801 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1c65f 0%,#fe6801 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1c65f 0%,#fe6801 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1c65f 0%,#fe6801 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c65f', endColorstr='#fe6801',GradientType=0 ); /* IE6-9 */

	text-decoration:underline;
	color:#190909;
	}
/**/


/*sitemap*/
.sitemap_menu{ 
	width:752px;
	min-height:318px;
	font-size:0.75em;
	margin:0;
	padding:3px;
	-moz-column-count: 3;
    -moz-column-gap: 2px;
    -webkit-column-count: 3;
    -webkit-column-gap: 5px;
	}
.sitemap_menu li { list-style:none; padding:2px 0}
.sitemap_menu li a:link, .sitemap_menu li a:visited { color:#ff000; text-decoration:none;}
.sitemap_menu li a:focus, .sitemap_menu li a:hover {color:#b64745; text-decoration:underline;}
/**/

.red {color:#df0000;}
.green{color:#016701;}
.blue {color:#0166cc;}

.orange_box { background: url("../../../share/images/orange_box.png"); border: 1px solid #649ace; }

.purple_box { background: url("../../../share/images/purple_box.png"); border: 1px solid #649ace; padding:0 5px}

.yellow_box { background: url("../../../share/images/yellow_box.png"); border: 1px solid #649ace; }

.green_box { background: url("../../../share/images/green_box.png"); border: 1px solid #649ace; padding:0 5px}
.green_box .meno2 {float:left;  position: relative; *position:inherit; top: -10px;width: 80px; }


.meno2{float:left;  position: relative; *position:inherit; top: -10px;width: 80px; }

.red_disc > li {list-style:none; background: url("../../../share/images/bullet_cr.gif") no-repeat; padding:0 0 0 15px; background-position:0 0.4em}

.list_li_bm >li{ margin-bottom:5px;}

.list_hyphen {}
.list_hyphen > li{list-style:none; background:url("../../../share/images/hyphen.png") no-repeat; padding:0 0 5px 10px; background-position:0 0; background-position:0 0.35em;}

.list_none {margin:0; padding:0;}
.list_none > li { list-style:none;}

.list_alignLeft {margin:0; padding:0 1.5em;}
	ol.list_alignLeft > li {margin:0 0 1em 0;}
	
	ol.list_lower-latin > li { list-style:lower-latin;}

.list_gradient li {padding:2px 0;}
.list_gradient li a{display:block; padding:0 5px; display: inline\9;}
	.list_gradient li a:link, .list_gradient li a:visited {
			background: #dce1e7 url(../../../share/images/btn_bg.png) repeat-x top; /* Old browsers */
			background: -moz-linear-gradient(top, #b7c1cb 0%, #f4faff 99%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7c1cb), color-stop(99%,#f4faff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #b7c1cb 0%,#f4faff 99%); /* IE10+ */
			background: linear-gradient(to bottom, #b7c1cb 0%,#f4faff 99%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7c1cb', endColorstr='#f4faff',GradientType=0 ); /* IE6-9 */
			
			border: 1px solid #C7CBCF;
			color: #000000;
			text-decoration:none;
	}
	.list_gradient li a:focus, .list_gradient li a:hover {
			background: #b7c1cb url(../../../share/images/btn_bg_on.png) repeat-x top; /* Old browsers */
			background: -moz-linear-gradient(top, #f4faff 0%, #b7c1cb 99%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4faff), color-stop(99%,#b7c1cb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f4faff 0%,#b7c1cb 99%); /* IE10+ */
			background: linear-gradient(to bottom, #f4faff 0%,#b7c1cb 99%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4faff', endColorstr='#b7c1cb',GradientType=0 ); /* IE6-9 */
			
			text-decoration:underline;
			color:#b64745;
	}

.list_meno	{background: url("../../../share/images/meno2.png") no-repeat; padding-left:100px; padding-top:13px; margin:0 0 1em;}
.list_tick {margin:0}
.list_tick > li {list-style:none; background: url("../../../share/images/tick.png") no-repeat; padding:0 0 1em 30px; background-position:0 0;}

.ref_table td {vertical-align:top}

.image_frame {text-align:center; font-size:0.815em; margin:0 2px;}
.image_frame .caption{font-style:italic; }
.image_frame a:hover, .image_frame a:focus, .image_frame a:active {
	text-decoration:underline;
	color:#333366;
}

.scroll_image { margin:10px; }