/* CSS Document */

body{ font-family:Verdana; font-size:11px; background:#0b69ac; margin:0; padding:0;}

#bg{ background:url(../images/bg1.png) no-repeat; width:960px; height:700px; margin:0 auto;}

.lesson_head{ color: #999999;
    font-family: Verdana;
    font-size: 19px;
    margin: 49px 0 0 40px;
    position: absolute; left:0px; top:0px;}
.header{ float:left; width:800px; height:40px; }

.focus{ float:left; background:url(../images/in_focus.png) no-repeat; width:90px; height:90px; margin:20px 0 0 45px; cursor:pointer; }

.focus_pop{ position:absolute; width:250px; height:150px; background:#fff; border:1px solid #000; margin:70px 0 0 645px; font-size:11px; display:none;  z-index:111; left:0;}

.focus_close{ position:absolute; background:url(../images/close.png) no-repeat; width:20px; height:20px; bottom:5px; right:10px;  cursor:pointer;}

.focus_pop span{ width:250px; float:left; text-align:center; margin-top:20px;}

.focus_pop ul{ float:left; width:190px; margin-top:10px;}

.focus_pop ul li{ padding-top:8px}


.discover_tab{ float:left; margin:5px 0 0 200px; color:#FFAC00; font-size:25px; cursor:pointer;}
.apply_tab{ float:left; margin:5px 0 0 100px; color:#fff; font-size:25px; cursor:pointer;}
.create_tab{ float:left; margin:5px 0 0 100px; color:#fff; font-size:25px; cursor:pointer;}

.icons{ float:right; width:160px; height:700px;}


.icon_discover{ float:left; width:160px; height:480px; margin-top:80px;}

.concept{ float:left; width:70px; height:50px; clear:left; margin:0 0 0 50px}
.concept_img{ float:left; clear:left; margin:0px 0px 6px 10px; cursor:pointer;}
.concept_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin-left:-3px;}

.process{ float:left; width:70px; height:50px; clear:left; margin:30px 0 0 50px}
.process_img{ float:left; clear:left; margin:0px 0px 6px 10px; cursor:pointer;}
.process_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin-left:1px;}


.roles{ float:left; width:70px; height:50px; clear:left; margin:30px 0 0 62px}
.roles_img{ float:left; clear:left; margin:0px 0px 6px 10px; cursor:pointer;}
.roles_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin-left:-3px;}


.context{ float:left; width:70px; height:50px; clear:left; margin:30px 0 0 55px}
.context_img{ float:left; clear:left; margin:0px 0px 6px 10px; cursor:pointer;}
.context_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin-left:-5px;}


.rationale{ float:left; width:70px; height:50px; clear:left; margin:30px 0 0 23px}
.rationale_img{ float:left; clear:left; margin:0px 0px 3px 10px; cursor:pointer;}
.rationale_txt{ float:left; clear:left; color:#fff; font-size:11px; margin-left:22px; cursor:pointer;}

.content{ float:left; width:800px; height:620px;}


.discovery_content{ float:left; background:url(../images/background_image_discover.jpg) no-repeat; width:759px; height:539px; margin:40px 0 0 40px;}

.spkr_rel{position:relative; width:100%; float:left;}

.discovery_popup{ float:left; width:665px; height:385px; border:2px solid; background:#FFFFFF; margin:45px; overflow-y:auto; overflow-x:hidden; position:absolute;}

.discovery_popup p{ padding:0px 5px 0 10px; font-size:11px; float:left; margin:10px 0 0 0; width:625px;}

.disc_pop_close{ position:absolute; background:url(../images/close.png) no-repeat; width:20px; height:20px; margin:2px 0 0 616px; cursor:pointer; left:0; top:0;}

.disc_audio{ position:absolute; background:url(../images/speaker_off.png) no-repeat; width:20px; height:20px; margin:2px 0 0 585px; cursor:pointer; left:0; top:0;}


.apply_content{ float:left; background:url(../images/discovery_bg.jpg) no-repeat; width:759px; height:539px; margin:40px 0 0 40px; display:none;}

.apply_popup{ float:left; width:665px; height:370px; border:2px solid; background:#FFFFFF; margin:45px; overflow:auto; position:absolute;}

.apply_popup p{ padding:0px 5px 0 10px; font-size:11px; float:left; margin:10px 0 0 0;}

.apply_pop_close{ position:absolute; background:url(../images/close.png) no-repeat; width:20px; height:20px; margin:345px 0 0 630px; cursor:pointer; left:0; top:0;}



.create_content{ float:left; background:url(../images/discovery_bg.jpg) no-repeat; width:759px; height:539px; margin:40px 0 0 40px; display:none;}

.create_popup{ float:left; width:665px; height:370px; border:2px solid; background:#FFFFFF; margin:45px; overflow:auto; position:absolute;}

.create_popup p{ padding:0px 5px 0 10px; font-size:11px; float:left; margin:10px 0 0 0;}

.create_pop_close{ position:absolute; background:url(../images/close.png) no-repeat; width:20px; height:20px; margin:345px 0 0 630px; cursor:pointer; left:0; top:0;}


.concept_content{ position:absolute; background:url(../images/inner_bg.png) no-repeat; width:759px; height:539px; display:none;}

.concept_head{ float:left; margin:10px 0 0 40px; font-size:17px; font-weight:bold; }

.concept_box{ background: #D7EBFF;
    clear: left;
    float: left;
    font-size: 11px;
    height: 118px;
    margin: 5px 0 0 40px;
    padding: 10px;
    width: 655px;
	border:1px solid #4aa5ff;
	overflow-y:auto; }
	
.concept_ques{ border: 1px solid #B1C3C6;
    float: left;
    height: 320px;
    margin: 5px 0 0 40px;
    padding: 5px;
    width: 200px;
	clear:left; }

.concept_ques ul li span {
    margin: 1px 0 0 25px;
}
.concept_ques span {
    clear: left;
    float: left;
}

.concept_ques ul{float: left;
    margin: 0;
    padding: 10px 0 0;
    width: 200px;
	
	}
.concept_ques ul li{ background: url("../images/list_style.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none outside none;
    margin: 13px 0 2px 5px;
    min-height: 20px;
    padding: 0;
    width: 200px;}

.concept_ans{  border: 1px solid #B1C3C6;
    float: left;
    font-size: 11px;
    height: 320px;
    margin: 5px 0 0 10px;
    padding: 5px;
    width: 443px;
	
	}
.concept_ans p{ margin-top:0px; width:225px;}

.concept_ans ul{ padding-left:15px; width:200px;}

.concept_ans ul li{ padding:5px 0 0 0px;}

.green{ color:#005500; cursor:pointer; font-weight:bold;}

.process_content{ position:absolute; background:url(../images/inner_bg.png) no-repeat; width:759px; height:539px; display:none;}

.process_head{ float:left; margin:10px 0 0 40px; font-size:17px; font-weight:bold; }

.process_box{ background: #D7EBFF;
    clear: left;
    float: left;
    font-size: 11px;
    height: 55px;
    margin: 5px 0 0 40px;
    padding: 10px;
    width: 655px;
	border:1px solid #4aa5ff;
	line-height:14px;
	overflow-y:auto;}
	
.process_arrow{ float:left; width:592px; height:221px; margin:0px 0 0 130px; background:url(../images/arrow.png) no-repeat; }

.process_ques{ border: 1px solid #B1C3C6;
    float: left;
    height: 375px;
    margin: 5px 0 0 40px;
    padding: 5px;
    width:182px; clear:left; }
.pop_scroll1 p{ width:95%;}
.pop_scroll1 ul{ width:85%;}

.pop_scroll2 p{ width:90%; float:left; margin-top:10px;}
.pop_scroll2 ul{ width:65%;}

.process_ques ul li span {
    margin: 1px 0 0 25px;
}
.process_ques span {
    clear: left;
    float: left;
}



.process_ques ul{float: left;
    margin: 0;
    padding: 10px 0 0;
    width: 200px;}
.process_ques ul li{ background: url("../images/list_style.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none outside none;
    margin: 13px 0 2px 5px;
    min-height: 20px;
    padding: 0;
    width: 200px;}

.process_ques ul li{ 
    cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 15px 3px 0px 0px;
	padding:1px;
   }
.process_ques ul{
 padding:0; margin-top:8px;
}
.process_clk1{ float:left; margin:55px 0 0 60px; width:105px; height:105px;  text-align:center; line-height:105px; cursor:pointer;  background:url(../images/circle.png) no-repeat;}

.process_clk2{ float:left; margin:55px 0 0 60px; width:105px; height:105px; text-align:center; line-height:105px; cursor:pointer;  background:url(../images/circle.png) no-repeat;}

.process_clk3{ float:left; margin:55px 0 0 60px; width:105px; height:105px; text-align:center; line-height:105px; cursor:pointer;  background:url(../images/circle.png) no-repeat;}


.process_ans{  border: 1px solid #B1C3C6;
    float: left;
    font-size: 11px;
    height: 375px;
    margin: 5px 0 0 18px;
    padding: 5px;
    width:453px;
	}
.process_ans p{ width:212px; margin-top:0px;}

.process_ans ul{ padding-left:15px; width:200px;}

.process_ans ul li{ padding:5px 0 0 0px;     width: 195px;}
.process_ans ul ul li{ padding:5px 0 0 0px; width:180px;}


.roles_content{ position:absolute; background:url(../images/inner_bg.png) no-repeat; width:759px; height:539px; display:none;}

.roles_head{ float:left; margin:10px 0 0 40px; font-size:17px; font-weight:bold; width:430px; }

.roles_box{ background: #D7EBFF;
    clear: left;
    float: left;
    font-size: 11px;
    height: 48px;
    margin: 5px 0 0 40px;
    padding: 10px;
    width: 655px;
	border:1px solid #4aa5ff;
	overflow-y:auto; }
	
.roles_ques{ border: 1px solid #B1C3C6;
    float: left;
    height: 364px;
    margin: 5px 0 0 40px;
    padding: 5px;
    width: 190px;
	clear:left; }

.roles_ques ul li{ float:left; padding:5px 0 0 5px; clear:left; cursor:pointer; font-size:11px;   list-style-image:url("../images/list_style.png"); }

.roles_ans{  border: 1px solid #B1C3C6;
    float: left;
    font-size: 11px;
    height: 364px;
    margin: 5px 0 0 10px;
    padding: 5px;
    width: 452px;
	 }
.roles_ans ul
{
  margin-left: -12px;
    width: 80%;
}


.context_content{ position:absolute; background:url(../images/inner_bg.png) no-repeat; width:759px; height:539px; display:none;}

.context_head{ float:left; margin:10px 0 0 40px; font-size:17px; font-weight:bold; }

.context_box{ background: #D7EBFF;
    clear: left;
    float: left;
    font-size: 11px;
    height: 52px;
    margin: 5px 0 0 40px;
    padding: 10px;
    width: 655px;
	border:1px solid #4aa5ff;
	overflow-y:auto; }
	
	
.context_ques{ border: 1px solid #B1C3C6;
    float: left;
    height: 385px;
    margin: 5px 0 0 40px;
    padding: 5px;
    width:200px;
	clear:left; }

.context_ques ul li span {
    margin: 1px 0 0 25px;
}
.context_ques span {
    clear: left;
    float: left;
}

.context_ques ul{float: left;
    margin: 0;
    padding: 10px 0 0;
    width: 100px;}
.context_ques ul li{ background: url("../images/list_style.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none outside none;
    margin: 13px 0 2px 5px;
    min-height: 20px;
    padding: 2px 0 0 25px;;
    width: 170px;}
	
/*.context_ques ul li{ float:left; padding:5px 0 0 5px; clear:left; cursor:pointer; font-size:11px;   list-style-image:url("../images/list_style.png"); }*/
	

.context_ans{  border: 1px solid #B1C3C6;
    float: left;
    font-size: 11px;
    height: 385px;
    margin: 5px 0 0 10px;
    padding: 5px;
    width: 442px;
	 }
	 .context_ans p
	 {
	 width:210px;
	 }
	 .context_ans ul li
	 {
	 margin-left: -12px;
    width: 180px;
	 }
	
.context_ques span{ float:left; clear:left; }

.mtop6{ margin-top:6px;}


.rationale_content{ position:absolute; background:url(../images/inner_bg.png) no-repeat; width:759px; height:539px; display:none;}

.rationale_head{ float:left; margin:10px 0 0 40px; font-size:17px; font-weight:bold; }

.rationale_box{ background: #D7EBFF;
    clear: left;
    float: left;
    font-size: 11px;
    height: 30px;
    margin: 5px 0 0 40px;
    padding: 10px;
    width: 655px;
	border:1px solid #4aa5ff; }
	
.rationale_ques{ border: 1px solid #B1C3C6;
    float: left;
    height: 420px;
    margin: 5px 0 0 40px;
    padding: 5px;
    width: 208px;
	clear:left; }

.rationale_ques ul li span {
    margin: 1px 0 0 25px;
}
.rationale_ques span {
    clear: left;
    float: left;
}

.rationale_ques ul{float: left;
    margin: 0;
    padding: 0px 0 0;
    width: 200px;}
.rationale_ques ul li{ background: url("../images/list_style.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    font-size: 11px;
    list-style: none outside none;
    margin: 10px 0 2px 5px;
    min-height: 20px;
    padding: 0;
    width: 200px;}
.rationale_feed{ position:absolute; bottom:40px; width:655px; display:none; background:#FFFFFF; border:1px solid; height:auto; padding:10px; left:12px; }

.rationale_ans{  border: 1px solid #B1C3C6;
    float: left;
    font-size: 11px;
    height: 228px;
    margin: 5px 0 0 10px;
    padding: 5px;
    width: 435px;
	overflow-y:auto;
	
	 }
	 .rationale_ans p
	 {
	 width:430px;
	 }
	 .rationale_ans ul li
	 {
	 width:175px;
	 }
	  .rationale_ans ul p
	 {
	 width:170px;
	 }
	
.activity{ float:right; background:url(../images/activity_h.png) no-repeat; width:106px; height:26px; margin:4px 39px 0 0; cursor:pointer;}

.roles_activity_pop{ position:absolute; background:url(../images/inner_pop.png) no-repeat; width:700px; height:497px; margin:5px 0px 0 30px; padding:10px; display:none; z-index:100; }

.roles_activity_close{ position:absolute; right:30px; background:url(../images/close.png) no-repeat; width:20px; height:20px; top:12px; cursor:pointer;}

.context_activity_pop{ position:absolute; background:url(../images/inner_pop.png) no-repeat; width:700px; height:497px; margin:5px 0px 0 30px; padding:10px; display:none; z-index:100; }

.context_activity_close{ position:absolute; right:30px; background:url(../images/close.png) no-repeat; width:20px; height:20px; top:12px; cursor:pointer;}

.roles_dnd{ float: left;
    height: 350px;
    margin: 10px 0 0 40px;
    width: 650px; }
.context_dnd{ float: left;
    height: 350px;
    margin: 10px 0 0 40px;
    width: 650px; }

.drg_head{ background:  #CCFFFF;
    border: 1px solid;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 210px;}

.drg_head_roles{ background:  #CCFFFF;
    border: 1px solid;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 190px;}
	
.roles_drp{ background:  #CCFFFF;
    border: 1px solid;
    float: left;
    height: 80px;
    text-align: center;
    width: 155px;
	position:relative;
	}
.roles_drp_1{ background:  #CCFFFF;
    border: 1px solid;
    float: left;
    height: 95px;
    text-align: center;
    width: 190px;
	position:relative;
	}	
.roles_drag{  float: left;
    height: 150px;
    margin: 20px 0 0;
    width: 650px; }

.roles_drg{ background: #CCFFFF;
    border: 1px solid;
    float: left;
    height: 65px;
    margin-left: 8px;
    padding: 5px;
    text-align: center;
    width: 138px; cursor:pointer;}
	
.roles_drg_1{ background: #CCFFFF;
    border: 1px solid;
    float: left;
    height: 90px;
    margin-left: 8px;
    padding: 5px;
    text-align: center;
    width: 172px; cursor:pointer;}
	
	
.context_drp{ background:  #CCFFFF;
    border: 1px solid;
    float: left;
    height: 95px;
    text-align: center;
    width: 210px;
	position:relative;
	}	
.context_drag{  float: left;
    height: 150px;
    margin: 20px 0 0;
    width: 650px; }

.context_drg{ background: #CCFFFF;
    border: 1px solid;
    float: left;
    height: 75px;
    margin-left: 8px;
    padding: 5px;
    text-align: center;
    width: 190px; cursor:pointer;}
	
	
.roles_submit{ position:absolute; bottom:180px; cursor:pointer; background:url(../images/submit.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.roles_feed{ position:absolute; bottom:60px; width:655px; display:none; background:#FFFFFF; border:1px solid; height:auto; padding:10px; left:12px; }

.roles_reset{ position:absolute; bottom:180px; cursor:pointer; background:url(../images/reset.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.context_submit{ position:absolute; bottom:180px; cursor:pointer; background:url(../images/submit.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.context_feed{ position:absolute; bottom:60px; width:655px; display:none; background:#FFFFFF; border:1px solid; height:auto; padding:10px; left:12px; }

.context_reset{ position:absolute; bottom:180px; cursor:pointer; background:url(../images/reset.png) no-repeat; width:106px; height:26px; display:none; left:15px;}
/*rationale*/
/*.rationale_activity_pop{ position:absolute; background:url(../images/inner_pop.png) no-repeat; width:700px; height:497px; margin:5px 0px 0 30px; padding:10px; display:none; z-index:100; }
 
.rationale_activity_pop p{ width:600px;}

.rationale_activity_close{ position:absolute; right:30px; background:url(../images/close.png) no-repeat; width:20px; height:20px; top:12px; cursor:pointer;}

.rationale_submit{ position:absolute; bottom:140px; cursor:pointer; background:url(../images/submit.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.rationales_feed{ position:absolute; bottom:60px; width:655px; display:none; background:#FFFFFF; border:1px solid; height:auto; padding:10px; left:12px; }

.rationale_reset{ position:absolute; bottom:140px; cursor:pointer; background:url(../images/reset.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.rationale_drg{ background: #CCFFFF;
    border: 1px solid;
    float: left;
    height: 65px;
    margin-left: 12px;
    padding: 5px;
    text-align: center;
    width: 190px; cursor:pointer;}
	
.rationale_drag{  float: left;
    height: 150px;
    margin: 20px 0 0;
    width: 650px; }*/
	
	.rationale_activity_pop{ position:absolute; background:url(../images/inner_pop.png) no-repeat; width:700px; height:497px; margin:5px 0px 0 30px; padding:10px; display:none; z-index:100; }

.rationale_activity_pop p{ width:600px;}

.rationale_activity_close{ position:absolute; right:30px; background:url(../images/close.png) no-repeat; width:20px; height:20px; top:12px; cursor:pointer;}

.rationale_submit{ position:absolute; bottom:250px; cursor:pointer; background:url(../images/submit.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.rationale_feed{ position:absolute; bottom:150px; width:655px; display:none; background:#FFFFFF; border:1px solid; height:auto; padding:10px; left:12px; }

.rationale_reset{ position:absolute; bottom:250px; cursor:pointer; background:url(../images/reset.png) no-repeat; width:106px; height:26px; display:none; left:15px; z-index:1;}

.rationale_cont{ float:left; width:650px; height:350px; margin:10px 0 0 10px; }

.rationale_ul{float:left; width:98%; padding:0 0 0 2%; margin:5px 0;}
.rationale_ul li{ list-style:none; float:left; margin:4px 0; width:99%; line-height:12px;}

.rationale_overlay{ background:#fff;
	 height: 210px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100px;
    width: 700px;
	display:none;filter: alpha(opacity = 0);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*process*/

.process_activity_pop{ position:absolute; background:url(../images/inner_pop.png) no-repeat; width:700px; height:497px; margin:5px 0px 0 30px; padding:10px; display:none; z-index:100; }

.process_activity_pop p{ width:600px;}

.process_activity_close{ position:absolute; right:30px; background:url(../images/close.png) no-repeat; width:20px; height:20px; top:12px; cursor:pointer;}

.process_submit{ position:absolute; bottom:250px; cursor:pointer; background:url(../images/submit.png) no-repeat; width:106px; height:26px; display:none; left:15px;}

.process_feed{ position:absolute; bottom:150px; width:655px; display:none; background:#FFFFFF; border:1px solid; height:auto; padding:10px; left:12px; }

.process_reset{ position:absolute; bottom:250px; cursor:pointer; background:url(../images/reset.png) no-repeat; width:106px; height:26px; display:none; left:15px; z-index:1;}

.process_cont{ float:left; width:650px; height:350px; margin:10px 0 0 10px; }

.process_ul li{ list-style:none;}

.process_overlay{ background:#fff;
	 height: 210px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100px;
    width: 700px;
	display:none;filter: alpha(opacity = 0);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.objective_overlay{background: none repeat scroll 0 0 #000000;
    height: 539px;
    margin: 80px 0 0 41px;
    opacity: 0.5;
    position: absolute;
    width: 758px;
	z-index:110; display:none;filter: alpha(opacity = 50);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
	
.objective_summary{ display:none;}
	
.objectives{ position:absolute;
	width: 323px;
	height:410px; 
	background:#fff; background:url(../images/objectives.png) no-repeat;
	z-index:111;
	margin:125px 0 0 320px;  cursor:pointer;
	}

.summary{ position:absolute;
	width: 323px;
	height:410px; 
	background:#fff; background:url(../images/summary.png) no-repeat;
	z-index:111;
	margin:125px 0 0 320px;  cursor:pointer;
	}
	
.objectives_back{background:url(../images/objectives_rotate.png) no-repeat; width:455px; height:504px; margin:105px 0 0 180px; z-index:110;}

.summary_back{background:url(../images/summary_rotate.png) no-repeat; width:455px; height:504px; margin:105px 0 0 180px; z-index:110;}

.obj_cont{font-family: verdana;
    font-size: 17px;
    line-height: 19px;
    margin: 65px 0 0 25px;
    width: 270px;}
.obj_cont ul li{ margin-top:7px;}
	
.summ_cont{font-family: verdana;
    font-size: 17px;
    line-height: 19px;
    margin: 65px 0 0 25px;
    width: 270px;}


/*.back_img{
-moz-transform: rotate(-21deg);
margin:154px 0 0 240px;
-ms-transform:rotate(-21deg); 
-webkit-transform:rotate(-21deg);
}
.front_img{
-moz-transform: rotate(0);
z-index:112;
margin:125px 0 0 320px;
-ms-transform:rotate(0deg); 
-webkit-transform:rotate(0deg);

}
*/
.obj_btn{ position:absolute; width:91px; height:86px;  margin:510px 0 0 580px; cursor:pointer;  left:0; top:0; background:url(../images/objectivies_01.png) no-repeat;}
.obj_btn:hover{ position:absolute; width:109px; height:105px;  margin:510px 0 0 580px; cursor:pointer;  left:0; top:0; background:url(../images/objectivies_02.png) no-repeat;}

.summ_btn{ position:absolute; width:91px; height:86px; margin:510px 0 0 680px; cursor:pointer; left:0; top:0; background:url(../images/summary_01.png) no-repeat;}
.summ_btn:hover{ position:absolute; width:109px; height:105px; margin:510px 0 0 680px; cursor:pointer; left:0; top:0; background:url(../images/summary_02.png) no-repeat;}

.obj_summ_close{ position:absolute; background:url(../images/close.png) no-repeat; width:20px; height:20px; margin:135px 0 0 610px; z-index:121; cursor:pointer; left:0; top:0;  }

/**************** vedits *************/


.demo{ float:left; width:70px; height:50px; clear:left; margin:0 0 0 53px}
.demo_img{ float:left; clear:left; margin:0px 0px 6px 10px; cursor:pointer;}
.demo_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin-left:-3px;}

.hand{ float:left; width:70px; height:50px; clear:left; margin:0px 0 0 53px}
.hand_img{ float:left; clear:left; margin:0px 0px 6px 5px; cursor:pointer;}
.hand_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer;}

.apply_content{ float:left; background:url(../images/background_image_apply.jpg) no-repeat; width:759px; height:539px; margin:40px 0 0 40px; display:none;}

.icon_apply{ float:left; width:160px; height:480px; margin-top:80px; display:none;}
.icon_create{ float:left; width:160px; height:480px; margin-top:80px; display:none;}

.aoverlay{
background:#333;
opacity:0.8;
position:absolute;
width:759px; 
height:539px;
display:none;filter: alpha(opacity = 80);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}

.atab_pop{
background:white;
border:15px solid #bad3f2;
height: 350px;
margin: 40px 0 0 160px;
position: absolute;
width: 410px;
z-index: 12;
display:none;
padding:10px;
}

.challenge{ float:left; width:70px; height:50px; clear:left; margin:0 0 0 53px;}
.challenge_img{ float:left; clear:left; margin:0px 0px 6px 10px; cursor:pointer;}
.challenge_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer;  margin-left: -8px;}

.factor{ float:left; width:70px; height:50px; clear:left; margin:30px 0 0 53px;}
.factor_img{ float:left; clear:left; margin:0px 0px 6px 5px; cursor:pointer;}
.factor_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin-left:-18px; text-align:center;}

.action{ float:left; width:70px; height:50px; clear:left; margin:30px 0 0 58px;}
.action_img{ float:left; clear:left; margin:0px 0px 6px 5px; cursor:pointer;}
.action_txt{ float:left; clear:left; color:#fff; font-size:11px; cursor:pointer; margin:0 0 0 -30px; text-align:center;}

.create_content{ float:left; background:url(../images/creat_bg.jpg) no-repeat; width:759px; height:539px; margin:40px 0 0 40px; display:none;}

.createCon{
width:759px;
height:539px;
position:absolute;
display:none;
}


.cheader_txt{
background:#d7ebff;
border:1px solid #4aa5ff;
height: 60px;
margin: 20px 0 0 60px;
padding: 10px;
position: absolute;
width: 640px;
}


.mail_img{
 background: url("../images/phone.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 64px;
    margin: 322px 0 0 296px;
    position: absolute;
    width: 80px;
}

.mail_pop{ float:left; width:665px; height:175px; border:2px solid; background:#FFFFFF; margin:130px 0 0 45px; overflow:auto; display:none;}

.mail_pop p{ padding:0px 5px 0 10px; font-size:11px; float:left; margin:10px 0 0 0;}

.mail_pop_close{ position:absolute; background:url(../images/close.png) no-repeat; width:20px; height:20px; margin:150px 0 0 685px; cursor:pointer; left:0px;}


.fact_txt{
background:#d7ebff;
border:1px solid #4aa5ff;
height: 125px;
margin: 40px 0 0 60px;
padding: 10px;
position: absolute;
width: 640px;
overflow-y:auto;
}

.act_txt{
background:#d7ebff;
border:1px solid #4aa5ff;
height: 170px;
margin: 20px 0 0 60px;
padding: 10px;
position: absolute;
width: 640px;
overflow-y:auto;
}

#wrap{ position:absolute; width:960px; height:700px;}

.act_txt ul{ list-style:none;}





.jp-audio-in
{
    width:93px;
}
.jp-interface-in
{
	position: relative;
	width: 100%;
}
.jp-audio-in .jp-interface-in
{
	height: 24px;
}
.jp-interface-in .jp-controls-in
{
	padding-bottom: 0px;
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
	height: 24px;
	overflow: hidden;
	padding-top: 0px;
	width:150px;
}
.jp-audio-in .jp-controls-in
{
	margin: 0px auto;
}
.jp-interface-in .jp-controls-in a
{
	padding-bottom: 0px;
	text-indent: -9999px;
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	height: 24px;
	overflow: hidden;
	padding-top: 0px;
	float:left;
	margin-left:8px;
}
.jp-type-single-in .jp-controls-in a
{
	width: 38px;
}
.jp-type-single-in .jp-play-in
{
	/*background: url(../imgs/play_btn.png) no-repeat;*/
}
.jp-type-single-in .jp-pause-in
{
	/*background: url(../imgs/pause_btn.png) no-repeat;*/
}
.jp-type-single-in .jp-mute-in
{
	background: url(imgs/audio_on_btn.png) no-repeat 0px 0px;
}
.jp-type-single-in .jp-unmute-in
{
	background: url(imgs/audio_off_btn.png) no-repeat  0px 0px;
}

.jp-jplayer-in
{
	width: 0px;
	height: 0px;
	background-color: #000000;
}	


.width235{ width:235px; float:left;}

.fr{ float:right;}

.fr_1{float:right;margin: 15px 3px 0 0;}

.fr_2{float:left; margin: 0px 0px 0 0;}

.fr_3{float:right;margin: 0px 8px 0 0;}

.fr_4{float:left; margin: 42px 0 0 3px;}

.list_span{ float:right; margin-top:0;}

.roles_ques li .list_span{ margin-top:3px;}

.rationale_ques li .list_span{ margin-top:3px;}

/*.bold{ font-weight:bold;}*/

.apply_audio{ position:absolute; background:url(../images/speaker_off.png) no-repeat; width:20px; height:20px; margin:345px 0 0 600px; cursor:pointer; left:0; top:0;}

.create_audio{ position:absolute; background:url(../images/speaker_off.png) no-repeat; width:20px; height:20px; margin:345px 0 0 600px; cursor:pointer; left:0; top:0;}

.pro_txt{ margin-left:-20px;}

.roll_ovr{background: none repeat scroll 0 0 #063F68;
    color: #FFFFFF;
    display: none;
    height: auto;
   
    padding: 7px;
    position: absolute;
    top: 0;
    width: 190px;
    z-index: 1000;}
	
.roll_ovr1{background: none repeat scroll 0 0 #063F68;
    color: #FFFFFF;
    display: none;
    height: 30px;
    margin: 138px 0 0 250px;
    padding: 7px;
    position: absolute;
    top: 0;
    width: 170px;
    z-index: 1000;}
	
.roll_cls{ cursor: pointer;
    font-weight: bold;
    margin: 0 0 0 186px;
    position: absolute;
    top: 0;}
	
.roll_cls1{cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin: -2px 0 0 168px;
    position: absolute;
    top: 0;
    width: 15px;}
	
	
.context_over{ position:absolute; width:100%; height:100%; display:none;}

.concept_over{ position:absolute; width:100%; height:100%; display:none;}


.roles_img1 {
    float: left;
    margin: 12px 0 0 12px;
}

.context_img1 {
    float: left;
    margin: 12px 0 0 102px;
}

.rationale_ans_left
{
margin-left:-24px;
}

.process_ques_1
{
float:left;border: 1px solid #B1C3C6;margin: 10px 0 0 10px;width:600px; font-size:11px;height:58px;padding: 3px 0 0 8px;
}

.activity_p
{
width:690px;
}

.rationale_img1{ float:left; margin:2px 0 0 22px;}

.phone_audio{ position:absolute; background:url(../images/speaker_off.png) no-repeat; width:20px; height:20px; margin:281px 0 0 650px; cursor:pointer; left:0; top:0;}

.fl{float:left;}
.li_cont{float:left; width:95%; line-height:14px;}