
/* 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;

	}
	
	
	.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: 11px;
		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;
	}
	.page_vid
	{
		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;
		}
.popcontainer
{
	/*background-image: url(../images/background_color.jpg);
	background-color:#FFFFFF;
	border:#FEE8B9 solid 5px;*/
	color:#000;
	width:100%;
	z-index:9999999;
	
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.popcontainer1
{
	/*background-image: url(../images/background_color.jpg);
	background-color:#FFFFFF;
	border:#FEE8B9 solid 5px;*/
	color:#000;
	width:100%;
	z-index:9;
	opacity:0.4;
	/*height:100%*/;
	position:absolute;
	top:0px;
	left:0px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);	
}
.poplessonvideocontainer
{
/*height: auto;
width: 345px;
float:left;
margin-right:20px;
float:left;*/
border:2px solid black;
 height: 264px;
   /* margin: 188px 570px;*/
  /* margin-left:34%;
   margin-top:14%;*/
   margin:15% auto 0% auto;
    width: 500px;
}
.closepopup
{
	position:relative;
	float:right;
	width:30px;
	height:30px;
	border:#000 solid 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	text-align:center;
	/*margin-top:-285px;
	margin-right:-130px;*/
	line-height:30px;
	cursor:pointer;
	 z-index: 2147483647;
	color:white;
/*	border:1px solid black;*/
}

div#opt_container_overlay .imgFeedBack{margin:10px auto;max-width:182px;max-height:140px;display:block;}
.imgFeedBack1{margin:0 auto 10px;max-width:182px;max-height:140px;display:block;}
.imgFeedBack2{margin:0 auto 10px;max-width:50px;max-height:50px;display:block;}
.tem_opts
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.Opt_mc
{
	border: solid 1px #9a9b9e;
	background-color: #203042;
	margin: 0px 15px 15px 15px;
	height: auto;	
	cursor: default;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height:60px;
	
}