/* CSS Document */
	body
	{
		margin:0 auto;
		font-family: Helvetica, Arial;
		font-size: 12px;
		padding:0;
	}
	.main_container
	{
		max-width:768px;
		margin:0 auto;
		border:1px solid #666666;
		height:auto;
		position:relative;
		border-bottom:none;

	}
	.noprint { display:none;}
	
	.logo
	{
		height:60px;
		background-image:url(../Images/banner.png);
		background-repeat: repeat-x;
	}
	.navbar1
	{
		height:50px;
		background-image:url(../Images/black-bar-bg.png);
		background-repeat:repeat-x;
	}
	.navbar2
	{
		height:44px;
		background-image:url(../Images/grey-bar-bg.png);
		background-repeat:repeat-x;
	}
	
	.help_container
	{
		float:left;
		width:9%;
		margin: 7px 8px;
	}
	#help
	{
		float:left;
	}
	#bookmark
	{
		float:right;
	}
	.nav_container
	{
		float: right;
    	margin: 4px;
    	text-align: right;
	}
	.history_container
	{
		float:left;
		width:61.5%;
		border:1px solid #CCCCCC;
		border-radius: 5px 5px 5px 5px;
		margin:6px 5px;
		height:30px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.case_title_bat
	{
		float:left;
		width:562px;
		height:48px;
		/*border: 1px solid #19222d;*/
		/*box-shadow: 0px 1px 1px #3b4652;*/
		

	}
	#case_name
	{	font-size: 15px;
		font-weight:bold;
		color: #eee;
    	float: left;
    	margin: 10px;
		width:482px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
		text-shadow: 0 -1px #000
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.case_name_arrow
	{
		float:right;
    	margin: 14px;
		cursor:pointer;
	}
	
	.print_logo
	{
		float:right;
		margin-right:10px;
		margin-top:5px;
		cursor:pointer;
	}
	.bookbark_logo
	{
		float:right;
		margin:5px;
		cursor:pointer;
	}
	.reading_logo
	{
		float:right;
		margin:5px;
		cursor:pointer;
	}
	.ref_logo
	{
		float:right;
		margin:5px;
		cursor:pointer;
	}
	#case_tit
	{
		background: none repeat scroll 0 0 #203042;
		border: 1px solid #111111;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		display: none;
		width: 554px;
		height:300px;
		margin-left:8px;
		position:absolute;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		z-index:1;
	}
	

	#case_tit h4, #history_tit h4
	{
		color:#FFFFFF;
		margin:10px;
	}
	#case_tit_container
	{
		background: none repeat scroll 0 0 #FFF;
		margin:0 0 0 10px;
		overflow-x: hidden;
	}
	.case_tit_ul
	{
		float: left;
		font-size: 1.2em;
		list-style: none outside none;
		margin:0px;
		padding:0px;
		width:515px;
	}
	.case_tit_ul li
	{
		border-bottom: 1px solid #CCCCCC;
	}

	.case_tit_ul li a
	{
		color:#666666;
		text-decoration: none;
		padding: 8px;
		line-height: 18px;
		display:block;
	}
	.case_main_tit
	{
		border: 1px solid #19222D;
		height: 40px;
    	width: 100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		margin:5px;
		box-shadow: 0px 1px 1px #5e6875;
	}
		
	.selected
	{
		background-color:#CCCCCC;
	}
	#history_tit
	{
		background: none repeat scroll 0 0 #203042;
		border: 1px solid #111111;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		display: none;
		width: 470px;
		height:300px;
		left:90px;
		top:150px;
		position:absolute;
		-moz-border-bottom-left-radius: 5px;
		-moz-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		z-index:1;
	}
	.his_tit_div
	{
		padding:10px;
	}
	.book_tit_div
	{
		width:340px;
		margin:0px;
		font-family: Tahoma,Verdana,Arial;
		font-size: 12px;
		padding:0;
	}
	#his_tit_container
	{
		background: none repeat scroll 0 0 #FFF;
		border: 1px solid #111111;
		border-radius: 5px;
		margin:10px;
		height:85%;
		width:95%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		overflow-x: hidden;
		/*overflow-y: scroll; */
	}
	
	#history {   color: #5D5D5D;
    font-family: Helvetica,Tahoma;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px white;}
	
	.his_item
	{
		padding:8px;
		border-bottom:1px solid #CCCCCC;
		cursor:pointer;
	}
	.book_item
	{
		margin:5px;
		border-bottom:1px solid #CCCCCC;
		min-height:24px;
		cursor:pointer;
	}
	.content_container
	{
		float:left;
		height:auto;
		border:1px solid #999999;
		width:100%;
		margin-top:-3px;
		margin-left:-1px;
		background-color: #FFF;
		border-top:none;
	}
	.page_content_whole
	{
		float:left;
		margin:19px;
		width:95%;
		/*background-color: #D8DBDE;
   		 border: 1px solid grey;*/
    	vertical-align: top;
	}
	.quest_content_whole
	{
		float:left;
		width:100%;
		height:auto;
		min-height:500px;
		background-color:#CBD1D9;
	}
	.quest_content1
	{
		float:left;
		width:100%;
		height:auto;
		min-height:300px;
		background-color:#FFF;
		box-shadow: 0 8px 5px #888888;
		-moz-box-shadow: 0 8px 5px #888888; 
		-webkit-box-shadow: 0 8px 5px #888888;
	}
	#page_content
	{
		float:left;
		color: #4D4D4D;
   	 	font-family: Helvetica,Tahoma;
    	font-size: 15px;
    	line-height: 23px;
    	padding: 10px;
    	/*vertical-align: middle;*/
	}
	#page_content_i
	{
		float:left;
		width:69%;
		color: #4D4D4D;
   	 	font-family: Helvetica,Tahoma;
    	font-size: 15px;
    	line-height: 23px;
    	padding: 10px;
    	/*vertical-align: middle;*/
	}
	#page_content_image
	{
		float:right;
		width:25%;
		margin:10px;
	}
	.page_img
	{
		border: 2px solid #BBBBBB;
    	box-shadow: 0 2px 5px #333333;
    	cursor: pointer;
		margin-bottom:20px;
	}
	#sp_Page_no
	{
		color: #5D5D5D;
    	font-family: Helvetica,Tahoma;
   	 	font-size: 12px;
    	font-weight: bold;
    	text-align: center;
		text-shadow: 0 1px white;
		width:77px;
	}
	
	
	#instruction
	{
		float:left;
		height:20px;
		background-color:#FFFFCC;
		text-align:center;
		height:30px;
		width:99.9%;
		display:none;
		font-family: Helvetica,Tahoma;
   	 	font-size: 12px;
    	font-weight: bold;
		border: 1px solid #CCC;
	}
	#quest_cont
	{
		float:left;
		background-color:#FFFFFF;
		width:100%;
	}
	.question
	{
		height: auto;
		margin: 10px 17px;
		min-height: 32px;
		padding-top: 16px;
		font-family: Helvetica,Tahoma;
   	 	font-size: 14px;
    	font-weight: bold;
		color:#666666;
	}
	.options
	{
		border: solid 1px #cbd1d9;
		background-color: #cbd1d9;
		margin: 0px 15px 15px 15px;
		height: auto;	
		cursor: default;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0px 1px #eee;
		-moz-box-shadow: 0px 1px #eee;
		box-shadow: 0px 1px #eee;
		/*min-height:60px;*/
		position:relative;
		float:left;
		width:95%;
		min-height:40px;
		
		
	}
	.Opt_cont
	{
		position:relative;
		width:100%;
	}
	.sub_cont
	{
		 float: left;
    	height: 51px;
    	margin: 15px;
    	width: 96%;
	}
	#Panel_Question_Buttons
	{
		margin: 10px 0;
		text-align: center;
		float:left;
		width:100%;
	}
	.CSS_Thamp
	{
		cursor: pointer;
		border: 2px solid #bbb;
		margin-right:5px;
		margin-right:10px;
		box-shadow:0px 2px 5px #333;
		-moz-box-shadow: 0px 2px 5px #333; 
		-webkit-box-shadow: 0px 2px 5px #333;
	}
	.sh_but
	{
	width:100%;
	position:relative;
	}
	.opt_text
	{
		float:left;
		width:90%;
		font-family: Helvetica,Tahoma;
   	 	font-size: 14px;
    	font-weight: bold;
		color:#000000;
		margin:12px;
	}
	.Feedback
	{
		float:left;
		margin-right:20px;
		display:none;
	}
	.opt_bul
	{
		float:left;
		margin-left:10px;
		text-align:center;
		vertical-align:middle;
	}
	.opt_te
	{
/*		float:left;
*/		margin-left:25px;
		width:90%;
		
	}
	.options_selected
	{
		background-color:#203042;
		border: solid 1px #9a9b9e;
		margin: 0px 15px 15px 15px;
		height: auto;	
		cursor: default;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0px 1px #eee;
		-moz-box-shadow: 0px 1px #eee;
		box-shadow: 0px 1px #eee;
		position:relative;
		float:left;
		width:95%;
		min-height:40px;
		
	}
	
	#overlay_opt1
	{
		height:100%;
		width:100%;
		z-index:1002;
		left:0;
		top:0;
		position:fixed;
			
	}
	.overlay_opt_content
	{
		text-align:center;
		/*float:left;*/
		width:370px;
		/*height:100%;*/
		vertical-align:middle;
		/*border:1px solid #282F3B;*/
		border-radius: 3px;
		padding: 15px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background-color:#525b68;
		min-height:250px;
		font-family:Helvetica, Arial,  sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #1C1C1C;
		
	}
	
	.inner_opt_overlay {
		display: table-cell;
		vertical-align: middle;
		 text-align: center;
	}
	
	.overlay_opt {
		height: 100%;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 1002;
	}
	
	.overlay_opt_content h4 {
		color:#FFFFFF;
		font-family:Helvetica, Arial,  sans-serif;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 7px;
		padding: 5px 0 0 0;
		text-align: center;
		text-shadow: 0 1px 1px #000;
		height:40px;
	}
	.overlay_opt_inner {
		display: table;
		margin: auto;
		position: relative;
		z-index: 3;
		height:100%
	}
	#opt_container_overlay
	{
	background:#FFFFFF;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:90%;
	width:100%;
	}
	.tempColor
	{
		color:#FFFFFF;
	}
	.Options_FeedBack_ass
	{
		cursor: default;
		text-align: center; 
		width: 80px;
		position:absolute;
		font-family: font-family: Helvetica, Tahoma;
		font-size: 11px;
		font-weight: bold;
		color: White;
		line-height: 11px;
		margin-right: 10px;
		left:618px;
		margin:6px;
		}
