/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	margin:0;
	padding:0;
	background:url(../images/body_bg.jpg) repeat-x top #D6D6D6;
}
img {
	max-width:100%;
	border:1px solid #034991;
}
ul, ol {
	margin:5px 0;
}
#bg {
	width:800px;
	height:700px;
	margin:0 auto;
}
.lesson_head {
	color:#034991;
	font-size:23px;
	float:left;
	line-height:34px;
	font-weight:bold;
	width:779px;
	padding:5px 0 5px 5px;
	background:#ffc422;
}
.header {
	float:left;
	width:100%;
	height:61px;
}
.header ul {
	float:left;
	padding:17px 0 0 20px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
.header ul li {
	float:left;
	background:url(../images/menu_bg.jpg) repeat-x;
	width:146px;
	margin:0 3px 0 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	border:1px solid #151515;
	border-bottom:none;
	border-radius:10px 10px 0 0;
	height:42px;
	line-height:42px;
	list-style:none;
}
.header ul li.active {
	background:#fff;
	color:#434343;
	border:1px solid #939393;
	border-bottom:none;
	height:43px;
	margin-top:1px;
}
.focus {
	float:right;
	background:url(../images/in_focus.png) no-repeat center top;
	width:68px;
	height:20px;
	padding:40px 0 0 0;
	color:#565656;
	font-weight:bold;
	text-align:center;
	margin:2px 10px 0 0;
	cursor:pointer;
}
.focus:hover, .focus.active {
	color:#004b91;
	background:url(../images/in_focush.png) no-repeat center top;
}
.focus_pop {
	position:absolute;
	width:250px;
	height:auto;
	background:#fff;
	border:1px solid #939393;
	font-size:13px;
	display:none;
	z-index:1011;
	right:8px;
	top:-1px;
}
.focus_close {
	position:absolute;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	bottom:5px;
	right:5px;
	cursor:pointer;
}
.focus_pop span {
	width:250px;
	float:left;
	text-align:center;
	margin-top:9px;
}
.focus_pop ul {
	float:left;
	margin:0 0 0 9px;
	padding:0 15px 30px 15px;
}
.focus_pop ul li {
	padding-top:8px
}
.discover_tab, .apply_tab, .create_tab {
	cursor:pointer;
}
.icons_area {
	position:absolute;
	width:100%;
	height:58px;
	display:none;
	top:0;
}
.icons {
	float:left;
	width:100%;
	height:58px;
	position:relative;
	z-index:2;
}
.icon_discover {
	float:left;
	width:96%;
	height:58px;
	margin:0 1% 0 3%;
}
.concept {
	float:left;
	height:53px;
	padding:5px 15px 0 10px;
	background:url(../images/menu_line.png) no-repeat right;
}
.concept_img {
	float:left;
	margin:0 0 6px;
	cursor:pointer;
	border:none;
}
.concept_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.process {
	float:left;
	height:53px;
	padding:5px 15px 0 10px;
	background:url(../images/menu_line.png) no-repeat right;
}
.process_img {
	float:left;
	margin:10px 0 0 2px;
	cursor:pointer;
	border:none;
}
.process_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.roles {
	float:left;
	height:53px;
	padding:5px 15px 0 10px;
	background:url(../images/menu_line.png) no-repeat right;
}
.roles_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
	border:none;
}
.roles_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.context {
	float:left;
	height:53px;
	padding:5px 15px 0 10px;
	background:url(../images/menu_line.png) no-repeat right;
}
.context_img {
	float:left;
	margin:10px 0 0 2px;
	cursor:pointer;
	border:none;
}
.context_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.rationale {
	float:left;
	height:53px;
	padding:5px 15px 0 10px;
	background:url(../images/menu_line.png) no-repeat right;
}
.rationale_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
	border:none;
}
.rationale_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.content {
	float:left;
	width:98%;
	padding:8px;
	background:#034991;
	border-top:1px solid #434343;
	height:586px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.cont_area {
	float:left;
	width:100%;
	background:#034991;
	min-height:584px;
}
.discovery_content {
	float:left;
	/*background:url(../images/discover_bg.jpg) no-repeat bottom;
	background-size:100%;*/ 
	width:784px;
	height:539px;
	margin:0;
	position:relative;
}
.discovery_popup, .apply_popup, .create_popup { 
	width:90%;
	height:90%;
	background:url(../images/bg.png) repeat;
	overflow:auto;
	position:absolute;
	font-size:14px;
	left:5%;
	z-index:1;
	display:none;
	top:5%;
}
.discovery_popup p {
	padding:0px 5px 0 10px;
	float:left;
	margin:10px 0 5px 0;
	line-height:20px;
}
.discovery_popup p strong {
	color:#004b91;
}
.dis_cont {
	float: left;
	height: 454px;
	overflow-y: auto;
	width: 100%;
}
.disc_pop_close, .apply_pop_close, .create_pop_close {
	position:absolute;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	cursor:pointer;
	right:5px;
	bottom:5px;
}
.disc_audio, .create_audio, .apply_audio {
	position:absolute;
	background:url(../images/speaker_off.png) no-repeat;
	width:34px;
	height:30px;
	cursor:pointer;
	right:34px;
	bottom:10px;
}
.apply_popup p {
	padding:0px 5px 0 10px;
	float:left;
	margin:10px 0 5px 0;
	line-height:22px;
}
.create_popup p {
	padding:0px 5px 0 10px;
	float:left;
	margin:10px 0 5px 0;
	line-height:22px;
}
.concept_content, .process_content, .roles_content, .context_content, .rationale_content {
	position:absolute;
	background:url(../images/bg.png) repeat;
	width:100%;
	height:539px;
	display:none;
}
.concept_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.concept_box {
	background:#d0e1f4;
	float: left;
	font-size:13px;
	height: 94px;
	margin: 5px 0 0 10px;
	padding: 10px;
	position:relative;
	width:746px;
	overflow-y:auto
}
.concept_ques {
	border: 1px solid #b1c3c6;
    float: left;
    margin: 7px 0 0 10px;
    min-height: 173px;
    padding: 5px;
    width: 754px;
}
div.scroll {
	float: left;
	height:578px;
	padding:0 10px;
	overflow-y:auto;
	position:relative;
	margin:22px 0 0 0;
}
.popup_area00 ul {
	margin:5px 0;
	padding:0 0 0 20px;
}
.concept_ans {
	 border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    height: 162px;
    margin: 7px 0 0 10px;
    overflow-y: auto;
    padding: 5px;
    width: 754px;
}
.concept_right {
	float:right;
	width:240px;
}
.concept_ques ul {
margin: 0;
    padding: 0 0 0 5px;
	width:60%;
	float:left;
}
.concept_ques ul li {
	background:url(../images/list_style1.png) no-repeat;
    cursor: pointer;
    font-size: 13px;
    list-style: outside none none;
    margin: 4px 0 0;
    min-height: 26px;
    padding: 0 0 0 28px;
	width:80%;
}
.object_ques {
	border: 1px solid #B1C3C6;
	float: left;
	height: 265px;
	margin: 5px 0 0 39px;
	padding: 5px;
	width: 193px;
	clear:left;
}
.object_ques ul li {
	cursor:pointer;
	font-size:13px;
	width:304px;
	background:url(../images/list_style.png) no-repeat 0 0;
	list-style:none;
	padding:0 0 0 28px;
	margin:3px 0 0 -39px;
	min-height:27px;
	line-height:14px;
}
 
.green {
	color:#005500;
	cursor:pointer;
}
.process_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.process_box {
	 background: #d0e1f4 none repeat;
    float: left;
    font-size: 13px;
    height: auto;
    margin: 5px 0 0 10px;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    width: 746px;
}
.process_arrow {
	float: left;
	height: 170px;
	margin: 0 0 0 5px;
	position: relative;
	width: 745px;
}
.process_clk1 {
	float:left;
	margin:40px 0 0 2px;
	width:180px;
	height:37px;
	text-align:center;
	line-height:17px;
	cursor:pointer;
	background:url(../images/circle.png) no-repeat;
}
.process_clk2 {
	float:left;
	margin:40px 0 0 58px;
	width:195px;
	height:37px;
	text-align:center;
	line-height:32px;
	cursor:pointer;
	background:url(../images/circle.png) no-repeat;
}
.process_clk3 {
	float:left;
	margin:40px 0 0 62px;
	width:180px;
	height:37px;
	text-align:center;
	line-height:17px;
	cursor:pointer;
	background:url(../images/circle.png) no-repeat;
}
.object_content {
	position:absolute;
	background:url(../images/inner_bg.png) no-repeat;
	width:759px;
	height:539px;
	display:none;
}
.object_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.object_box {
	background: #ffffff;
	float: left;
 font-size:13px height: 114px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.object_arrow {
	margin:101px 0 0 39px;
	width: 686px;
	height:114px;
40px 0 0 4px;
}
.object_clk1 {
	float:left;
	margin:40px 0 0 2px;
	width:180px;
	height:37px;
	text-align:center;
	line-height:17px;
	cursor:pointer;
	background:url(../images/circle.png) no-repeat;
}
.object_clk2 {
	float:left;
	margin:40px 0 0 58px;
	width:195px;
	height:37px;
	text-align:center;
	line-height:32px;
	cursor:pointer;
	background:url(../images/circle.png) no-repeat;
}
.object_clk3 {
	float:left;
	margin:40px 0 0 62px;
	width:180px;
	height:37px;
	text-align:center;
	line-height:17px;
	cursor:pointer;
	background:url(../images/circle.png) no-repeat;
}
.roles_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.roles_box {
	background:#d0e1f4;
	float: left;
 font-size:13px height: 140px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.paraend_two {
	width: 438px;
}
.roles_ques {
	border: 1px solid #b1c3c6;
    clear: left;
    float: left;
    height: auto;
    margin: 5px 0 0 9px;
    padding: 5px;
    width: 260px;
	min-height:356px;
}
ul.roles_ul li {
	list-style:none;
	margin:15px 0 0 0;
}
.roles_ques ul {
	margin:0;
	padding:0 0 0 5px;
}
.roles_ques ul li {
	background:url(../images/list_style.png) no-repeat;
    cursor: pointer;
    font-size: 13px;
    list-style: outside none none;
    margin: 4px 0 0;
    min-height: 26px;
    padding: 0 0 0 28px;
}
.roles_ans {
 border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    margin: 5px 0 0 9px;
    min-height: 234px;
    overflow-y: auto;
    padding: 5px;
    position: relative;
    width: 473px;
	min-height:356px;
}
.roles_1 {
border: medium none;
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 159px;
}
.roles_2 {
border: medium none;
    cursor: pointer;
    left: 11px;
    position: absolute;
    top: 235px;
}
.roles_3 {
border: medium none;
    cursor: pointer;
    left: 64px;
    position: absolute;
    top: 3px;
}
.roles_4 {
border: medium none;
    cursor: pointer;
    left: 110px;
    position: absolute;
    top: 198px;
}
.roles_5 {
border: medium none;
    cursor: pointer;
    left: 110px;
    position: absolute;
    top: 122px;
}
.roles_6 {
border: medium none;
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 160px;
}
.roles_7
{
border: medium none;
    cursor: pointer;
    left: 10px;
    position: absolute;
    top: 235px;
}
.roles_8
{
border: medium none;
    cursor: pointer;
    left: 440px;
    position: absolute;
    top: 25px;
}
.roles_9
{
border: medium none;
    cursor: pointer;
    left: 440px;
    position: absolute;
    top: 25px;
}
.h1
{
background-color: #1574a3;
    height:1px;
    left: 239px;
    position: absolute;
    top: 176px;
    width: 32px;
}
.h2
{
background-color: #1574a3;
    height: 1px;
    left: 240px;
    position: absolute;
    top: 251px;
    width: 32px;
}
.h3
{
background-color: #dce8f5;
    height: 40px;
    left: 271px;
    position: absolute;
    top: 157px;
    width: 137px;
}
.h4
{
background-color: #dce8f5;
    height: 40px;
    left: 270px;
    position: absolute;
    top: 231px;
    width: 138px;
}
.h5
{
background-color: #91e9d3;
    height: 30px;
    left: 50px;
    position: absolute;
    top: 271px;
    width: 147px;
}
.txt1
{font-size: 16px;
    left: 80px;
    position: absolute;
    top: 170px;
}
.txt2
{font-size: 15px;
    left: 79px;
    position: absolute;
    top: 244px;
}
.txt3
{font-size: 15px;
    left: 90px;
    position: absolute;
    top: 278px;
}
.txt4
{font-size: 13px;
    left: 304px;
    position: absolute;
    text-align: center;
    top: 161px;
}
.txt5
{font-size: 13px;
    left: 305px;
    position: absolute;
    text-align: center;
    top: 236px;
}
.txt6
{font-size: 13px;
    font-weight: bold;
    left: 454px;
    position: absolute;
    
    top: 36px;
}
.txt7
{ont-size: 13px;
    left: 455px;
    position: absolute;
   
    top: 46px;
}
.txt8
{font-size: 13px;
    font-weight: bold;
    left: 454px;
    position: absolute;
    
    top: 36px;
}
.txt9
{ont-size: 13px;
    left: 455px;
    position: absolute;
  
    top: 58px;
}
.context_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.context_box {
	background:#d0e1f4;
	float: left;
 font-size:13px height: 107px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.context_ques {
   border: 1px solid #b1c3c6;
    float: left;
    height: 338px;
    margin: 10px 0 0 9px;
    padding: 5px;
    position: relative;
    width: 366px;
}
.img_context1 {
    background: rgba(0, 0, 0, 0) url("../images/is421_u3_e4_g1.jpg") no-repeat scroll 0 0;
    bottom: 5px;
    height: 150px;
    position: absolute;
    right: 1px;
    width: 348px;
}
.img_context2 {
    background: rgba(0, 0, 0, 0) url("../images/is421_u3_e4_g2.jpg") no-repeat scroll 0 0;
    bottom: 5px;
    height: 150px;
    position: absolute;
    right: 1px;
    width: 348px;
}
.context_line {
	border: 1px solid #B1C3C6;
}
.context_ques ul {
    float: left;
    margin: 0;
    padding: 5px;
    width: 90%;
}
.context_ques ul li {
    background: rgba(0, 0, 0, 0) url("../images/list_style.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: left;
    font-size: 13px;
    list-style: outside none none;
    margin: 5px 0;
    min-height: 26px;
    padding: 0 0 0 28px;
    width: 84%;
}
.context_thread {
    border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    margin: 10px 0 5px;
    min-height: 92px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 490px;
}
.context_thread div {
    float: left;
    padding: 10px;
}
.context_thread span {
    background: #d0e1f4 none repeat scroll 0 0;
    float: left;
    font-weight: bold;
    line-height: 23px;
    padding: 0 1%;
    width: 98%;
}
.context_ans {
   border: 1px solid #b1c3c6;
    float: left;
    height: 338px;
    margin: 10px 0 0 9px;
    padding: 5px;
    position: relative;
    width: 366px;
}
.context_ques span {
    background: #d0e1f4 none repeat scroll 0 0;
    float: left;
    font-weight: bold;
    line-height: 23px;
    padding: 0 5%;
    width: 90%;
}
.mtop6 {
	margin-top:6px;
}
.rationale_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.rationale_box {
	background:#d0e1f4;
	float: left;
 font-size:13px height: 120px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.rationale_ques {
	border: 1px solid #b1c3c6;
    float: left;
    margin: 7px 0 0 10px;
    min-height: 380px;
    padding: 5px 5px 0;
    width: 754px;
}
/*.rationale_ques ul li{ float:left; padding:5px 0 0 5px; clear:left; cursor:pointer; font-size:13px;  list-style-image:url(../images/list_style.png");  }*/
.rationale_ques ul {
    margin:0;
	padding:0 0 0 5px;
}

.rationale_ques ul li {
	/* background:url(../images/list_style1.png) no-repeat;*/
   /*background:url(../images/list_style.png) no-repeat;*/
    cursor: pointer;
    font-size: 13px;
    list-style: outside none none;
    margin: 4px 0 0;
    min-height: 26px;
    padding: 0 0 0 28px;
}
.rt_left {
	float:left;
	margin:20px 0 0 65px;
}
.fact1 ul {
    float: left;
    width: 65%;
}

.fact1 ul li {
	/* background:url(../images/list_style1.png) no-repeat;*/
    
    font-size: 13px;
    margin: 5px 0 0;
    width: 123%;
}

.rationale_right {
   float: left;
    font-size: 13px;
    margin: 0 0 0 10px;
    width:510px;
	line-height:18px;
}
.rationale_left {
   float: left;
    margin-bottom: 10px;
    width: 230px;
	border:none;
	
	
}
.rationale_right ul li{
font-size: 13px;
    line-height: 14px;
    list-style: outside none disc;
    margin: 5px 0 5px 30px;
    min-height: 27px;
    padding: 0; 
	float:left;
}
.rationale_ans {
	 border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    margin: 5px 0 0 9px;
    min-height: 234px;
    overflow-y: auto;
    padding: 5px;
    position: relative;
    width: 473px;
	min-height:360px;
}
 
.rt_right {
	float:right;
	width:98%;
	padding:1%;
}
.rt_right ul li {
	margin:0 0 5px 0;
}
.rt_left a {
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	float:left;
	width:100px;
	color:#434343;
	line-height:30px;
}
.rt_left a img {
	border:none;
}
.process_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.process_box1 {
	background:#d0e1f4;
	float: left;
 font-size:13px height: 247px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.process_ques {
	border: 1px solid #b1c3c6;
    float: left;
    margin: 7px 0 0 10px;
    min-height: 342px;
    padding:30px 0 0 30px;
    width: 724px;
	position:relative;
}
.process_ques ul {
	 float: left;
    margin: 0;
    padding: 0;
    width: 65%;
}
.process_ques ul li {
	 background:url(../images/list_style1.png) no-repeat;
    cursor: pointer;
    font-size: 13px;
    list-style: outside none none;
    margin: 5px 0 0;
    min-height: 26px;
    padding: 0 0 0 28px;
    width: 93%;
}

.process_right {
    float: right;
    width: 230px;
	margin-bottom: 10px;
	
}

.process_ans {
	 border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    height: 174px;
    margin: 7px 0 0 10px;
    overflow-y: auto;
    padding: 5px;
    width: 754px;
}
.process_ans ul li {
	
	list-style:disc;
	margin:0 0 0 12px;
	padding:0;
	background:none;
}
.process_pop {
	border: 0px solid #509c98;
	float: left;
 font-size:13px height: auto;
	margin: 3px 0 0 40px;
	padding: -2px;
	width: 674px;
	background:#acdcdc;
	display:none;
}
.activity {
	float:right;
	background:url(../images/activity_h.png) no-repeat;
	width:111px;
	height:36px;
	margin:5px 10px 0 0;
	cursor:pointer;
}
.concept_activity_pop {
	position:absolute;
	background:#ffffff;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.concept_activity_close,.context_activity_close {
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
.concept_dnd {
	float:left;
	width:768px;
	height:350px;
	margin:10px 0 0 0;
}
.drg_head1 {
	background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #434343;
    float: left;
    height: 34px;
    line-height: 16px;
    margin: 2px 0 0 5px;
    padding: 4px 5px;
    position: relative;
    width: 450px;
}
.drg_head2 {
	background:#dbdbdb;
	border: 1px solid #bbb;
	float: left;
	height:36px;
	line-height: 36px;
	text-align: center;
	width: 250px;
	margin:0 2px;
	position:relative;
	color:#434343;
}
.drg_head {
	background:#dbdbdb;
	border: 1px solid #bbb;
	float: left;
	height:36px;
	/*line-height: 36px;*/
	text-align: center;
	width: 250px;
	margin:0 2px;
	position:relative;
	color:#434343;
}
.concept_drp {
	background: #edf4f9;
	border: 1px solid #badfe7;
	float: left;
	height: 38px;
	line-height: 40px;
	margin: 6px 2px 0;
	position: relative;
	text-align: center;
	width: 250px;
}
.concept_drag, .roles_drag,.context_drag,.rationale_drag {
	float: left;
	height: 150px;
	margin: 20px 0 0;
	width:768px;
}
.process_drag {
   border: 1px solid;
    float: left;
    min-height: 220px;
    padding: 20px;
    position: relative;
    width: 41%;
}
.concept_drag ul, .roles_drag ul, .process_drag ul,.context_drag ul ,.rationale_drag ul{
	margin:0;
	padding:0;
}
.concept_drag ul li, .roles_drag ul li,.context_drag ul li,.rationale_drag ul li{
	float:left;
	width:250px;
	margin:3px;
	min-height:33px;
	list-style:none;
}
 .process_drag ul li
 {
 list-style: outside none none;
 min-height:42px;
 }
 .process_dpp {
    border: 1px solid;
    float: left;
    margin: 0 0 0 50px;
    min-height: 220px;
    padding: 20px;
    position: relative;
    width: 41%;
}
.val_num1 {
    left: 10px;
    position: absolute;
    top: 50px;
    width: 10px;
}
.neww_gg {
    line-height: 14px;
}
.rationale_drag ul li{
	float:left;
	width:250px;
	margin:3px;
	min-height:40px;
	list-style:none;
}
 .roles_drg,.context_drg,.rationale_drg{
	background:#f9963a;
	border: 1px solid #f68b1f;
	float: left;
	height:32;
	padding: 5px;
	line-height:20px;
	text-align: center;
	width: 238px;
	cursor:pointer;
}
.concept_drg{
	background: #f9963a none repeat scroll 0 0;
    border: 1px solid #f68b1f;
    cursor: pointer;
    float: left;
    line-height: 23px;
    padding: 8px;
    text-align: center;
    width: 231px;
}
.process_drg {
    background: #f9963a none repeat scroll 0 0;
    border: 1px solid #f68b1f;
    cursor: pointer;
    float: left;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 294px;
	margin:5px 0;
}
.rationale_drg{
line-height:28px;
}
.context_submit {
	position:absolute;
	bottom:150px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.concept_submit{
position:absolute;
	bottom:150px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.roles_feed{
	position:absolute;
	bottom:15px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;
}
.concept_feed
{
position:absolute;
	bottom:15px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;
}
.process_feed
{
background: #e5f5f7 none repeat scroll 0 0;
    border: 1px solid #c2e8eb;
    bottom: 8px;
    display: none;
    height: auto;
    left: 15px;
    padding: 10px;
    position: absolute;
    width: 730px;
} 
.context_feed{
	position:absolute;
	bottom:15px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;
}
.rationale_feed{position:absolute;
	bottom:15px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;}
.concept_reset {
	position:absolute;
	bottom:130px;
	cursor:pointer;
	background:url(../images/reset.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
	z-index:1;
}
.roles_activity_pop {
	position:absolute;
	background:#ffffff;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.roles_activity_pop p {
	width:98%;
}
.process_activity_pop {
	position:absolute;
	background:url(../images/bg.png) repeat;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.process_activity_pop p {
	width:98%;
}
.roles_activity_close {
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
.roles_drp,.context_drp {
	background: #edf4f9;
	border: 1px solid #badfe7;
	float: left;
	height: 52px;
	line-height: 40px;
	margin: 6px 2px 0;
	position: relative;
	text-align: center;
	width: 250px;
}
.process_drp {
    background: #edf4f9 none repeat scroll 0 0;
    border: 1px solid #badfe7;
    float: left;
    height: 32px;
    line-height: 40px;
    margin: 6px 2px 0;
    position: relative;
    text-align: center;
    width: 306px;
}
.context_drp{height:32px;}
.rationale_drp {
	background: #edf4f9;
	border: 1px solid #badfe7;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 6px 2px 0;
	position: relative;
	text-align: center;
	width: 250px;
}
.roles_submit {
	position:absolute;
	bottom:150px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.roles_reset {
	position:absolute;
	bottom:140px;
	cursor:pointer;
	background:url(../images/reset.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.roles_drag {
	float: left;
	height: 150px;
	margin: 20px 0 0;
	width: 768px;
}
.rationale_activity_pop {
	position:absolute;
	background:url(../images/bg.png) repeat;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.rationale_activity_pop p {
	width:600px;
}
.rationale_activity_close {
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
.rationale_submit {
	background: rgba(0, 0, 0, 0) url("../images/submit.png") no-repeat scroll 0 0;
    bottom: 150px;
    cursor: pointer;
    display: none;
    height: 36px;
    left: 15px;
    position: absolute;
    width: 111px;
}
/*.rationale_feed {
	position:absolute;
	bottom:150px;
	width:655px;
	display:none;
	background:#FFFFFF;
	border:1px solid;
	height:auto;
	padding:10px;
	left:12px;
}*/
.rationale_reset {
	background: rgba(0, 0, 0, 0) url("../images/reset.png") no-repeat scroll 0 0;
    bottom: 150px;
    cursor: pointer;
    display: none;
    height: 36px;
    left: 15px;
    position: absolute;
    width: 111px;
}
.process_cont,.roles_cont,.rationale_cont,.concept_cont,.conext_cont{
	float:left;
	width:650px;
	height:350px;
	margin:10px 0 0 9px;
}
.rationale_ul li {
	list-style:none;
}
.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_activity_pop {
	position:absolute;
	background:url(../images/bg.png) repeat;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.process_activity_close,.rationale_activity_close{
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
.process_submit{
	position:absolute;
	bottom:100px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.process_reset{
	position:absolute;
	bottom:100px;
	cursor:pointer;
	background:url(../images/reset.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.process_cont,.roles_cont,.rationale_cont,.context_cont,.concept_cont{
	float:left;
	width:650px;
	height:350px;
	margin:10px 0 0 9px;
}
.process_ul li {
	list-style:none;
}
.ob_su {
	position:relative;
	width:490px;
	margin:0 auto;
}
.objective_summary {
	display:none;
	position: absolute;
	top:10%;
	left:0;
	right:0;
	margin:0 auto;
	width:100%;
	z-index:111;
}
.objectives {
	position:absolute;
	width: 323px;
	height:410px;
	background:#fff;
	background:url(../images/objectives.png) no-repeat;
	z-index:111;
	margin:125px 0 0 120px; 
}
.summary {
	position:absolute;
	width: 323px;
	height:410px;
	background:#fff;
	background:url(../images/summary.png) no-repeat;
	z-index:111;
	margin:125px 0 0 120px; 
}
.objectives_back {
	background:url(../images/objectives_rotate.png) no-repeat;
	width:455px;
	height:504px;
	margin:105px 0 0 0px;
	z-index:110;
	cursor:pointer;
}
.summary_back {
	background:url(../images/summary_rotate.png) no-repeat;
	width:455px;
	height:504px;
	margin:105px 0 0 0px;
	z-index:110;
	cursor:pointer;
}
.obj_cont {
	font-family: verdana;
	font-size: 12px;
	line-height: 16px;
	margin: 55px 0 0 24px;
	width: 270px;
}
.obj_cont ul {
	padding:0 0 0 24px;
	margin:8px 0;
}
.obj_cont ul li {
	margin-top:12px;
}
.summ_cont {
	font-family: verdana;
	font-size: 12px;
	font-style:inherit;
	line-height: 25px;
	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 {
	float:left;
	width:35px;
	height:38px;
	cursor:pointer;
	margin:0 7px;
	background:url(../images/objectivies_01.png) no-repeat;
}
.obj_btn:hover {
	background:url(../images/objectivies_02.png) no-repeat;
}
.line {
	float:left;
	width:2px;
	height:38px;
	background:url(../images/menu_line.png) no-repeat;
}
.summ_btn {
	float:left;
	width:38px;
	height:36px;
	cursor:pointer;
	margin:0 7px;
	background:url(../images/summary_01.png) no-repeat;
}
.summ_btn:hover {
	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 410px;
	z-index:121;
	cursor:pointer;
	left:0;
	top:0;
}
/**************** vedits *************/


.demo {
	float:left;
	height:53px;
	padding:5px 15px 0 9px;
	background:url(../images/menu_line.png) no-repeat right;
}
.demo_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
}
.demo_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.hand {
	float:left;
	height:53px;
	padding:5px 15px 0 9px;/*--background:url(../images/menu_line.png) no-repeat right;--*/
}
.hand_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
	border:none;
}
.hand_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.apply_content {
	float:left;
	background:url(../images/apply_bg.jpg) no-repeat bottom;
	background-size:100%;
	width:784px;
	height:539px;
	display:none;
	position:relative;
}
.icon_apply {
	float:left;
	height:58px;
	margin: 0 1% 0 3%;
	width:96%;
	display:none;
}
.icon_create {
	float:left;
	height:58px;
	margin: 0 1% 0 3%;
	width:96%;
	display:none;
}
.atab_pop {
	background:white;
	border:15px solid #bad3f2;
	height: 350px;
	margin: 40px 0 0 100px;
	position: absolute;
	width: 520px;
	font-size:16px;
	z-index: 112;
	display:none;
	text-align:center;
	padding:10px;
}
.challenge {
	float:left;
	height:53px;
	padding:5px 15px 0 9px;
	background:url(../images/menu_line.png) no-repeat right;
}
.challenge_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
	border:none;
}
.challenge_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.factor {
	float:left;
	height:53px;
	padding:5px 15px 0 9px;
	background:url(../images/menu_line.png) no-repeat right;
}
.factor_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
	border:none;
}
.factor_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.action {
	float:left;
	height:53px;
	padding:5px 15px 0 9px;
	background:url(../images/menu_line.png) no-repeat right;
}
.action_img {
	float:left;
	margin:6px 0 0 2px;
	cursor:pointer;
	border:none;
}
.action_txt {
	float:left;
	color:#565656;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	margin:15px 0 0 6px;
}
.createCon {
	width:100%;
	height:100%;
	position:absolute;
	display:none;
	background:url(../images/bg.png) repeat;
}
.create_content, .challenge_con {
	float:left;
	background:url(../images/create.png) no-repeat top;
	background-size:100%;
	width:784px;
	font-size:13px;
	height:539px;
	position:relative;
	display:none;
}
.cheader_txt {
	background:#d0e1f4;
	margin:0 0 40px 9px;
	padding: 10px;
	position: absolute;
	bottom:363px;
	width: 746px;
}
.mail_img {
	background: rgba(0, 0, 0, 0) url("../images/men.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 214px;
    margin: 308px 0 0 217px;
    position: absolute;
    width: 194px;
    z-index: 0;
}
.mail_pop {
 background: #fff none repeat;
    display: none;
    height: auto;
    margin: 142px 0 0 12%;
    padding: 10px;
    position: absolute;
    width: 584px;
    z-index: 111;
}
.mail_cont {
	padding:1%;
	font-size:13px;
	float:left;
	margin:2px 0 0 0;
	height: auto;
	overflow-y:auto;
	width:98%;
}
.mail_pop_close {
	background:url(../images/close.png) no-repeat;
	cursor: pointer;
	height: 20px;
	margin: 0;
	position: absolute;
	right:1px;
	top:1px;
	width: 20px;
}
.fact_txt {
	background:#d0e1f4;
	height: auto;
	margin:10px 0 10px 9px;
	padding: 10px;
	float:left;
	width: 746px;
}
.act_txt {
	background:#d0e1f4;
	height: auto;
	margin:0px 0 10px 9px;
	padding: 10px;
	float:left;
	width: 746px;
}
#wrap {
	width:100%;
	float:left;
	position:relative;
}
.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:447px;
	float:left;
}
.fr {
	float: right;
}
.fr1 {
	float: right;
}
.fr2 {
	float: right;
}
.fr3 {
	float: right;
}
.fr4 {
	float: right;
}
.fr5 {
	float: right;
}
.fr6 {
	float: right;
}
.fr7 {
	float: right;
}
.fr8 {
	float: left;
	margin: -120px 0 0 335px;
}
.fr9 {
	float: right;
	margin: -171px 0 0;
}
.fr10 {
	margin: -249px 172px 0 305px;
}
.fr11 {
	margin: -170px 172px 0 287px;
}
.roles_paracenter {
	width: 265px;
}
.width236 {
	width: 429px;
}
.paraend {
	width: 471px;
}
.list_span {
	float:left;
	margin-top:0;
}
.roles_ques li .list_span {
	margin-top:3px;
}
.rationale_ques li .list_span {
	margin-top:3px;
}
.process_ques li .list_span {
	margin-top:3px;
}
.bold {
	font-weight:bold;
}
.pro_txt {
	margin-left:-22px;
	width:120px;
}
.roll_ovr {
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 220px 0 0 274px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 190px;
	z-index: 1000;
}
.roll_cls {
	cursor: pointer;
	font-weight: bold;
	margin: 0 0 0 186px;
	position: absolute;
	top: 0;
}
.roll_ovr1 {
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin:61px 0 0 190px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 170px;
	z-index: 1000;
}
.roll_cls1 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: 1px 0 0 167px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls2 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: 1px 0 0 167px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr2 {
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 208px 0 2px 384px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 170px;
	z-index: 1000;
}
.roll_cls2 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr3 {
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 81px 0 0 0px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 170px;
	z-index: 1000;
}
.roll_cls3 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr4 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 119px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls4 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr5 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 158px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls5 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr6 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 198px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls6 {
	cursor: pointer;
	font-weight: bold;
	height:auto;
	margin: 0px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr7 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 223px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls7 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: 0 0 0 167.9px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr8 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 236px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls8 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr9 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 250px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls9 {
	cursor: pointer;
	font-weight: bold;
	height:auto;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr10 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 105px 0 1px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 191px;
	z-index: 1000;
}
.roll_cls10 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 188px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr11 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 118px 0 0 37px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls11 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr12 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 119px 0 0 346px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 143px;
	z-index: 1000;
}
.roll_cls12 {
	cursor: pointer;
	font-weight: bold;
	height: 55px;
	margin: 0px 0 0 136px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr13 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 132px 0 0 0px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls13 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr14 {
	background:#063f68;
	color: #ffffff;
	display: none;
	height:auto;
	margin: 146px 0px 0 514px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 141px;
	z-index: 1000;
}
.roll_cls14 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: 1px 0 0 135px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr15 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 223px 0 0 222px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls15 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr16 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 235px 0 0 93px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls16 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr17 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 250px 0 0 40px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls17 {
	cursor: pointer;
	font-weight: bold;
	height:auto;
	margin: 0px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr18 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 313px 0 0 29px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls18 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr19 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 379px 0 0 1px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 232px;
	z-index: 1000;
}
.roll_cls19 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -1px 0 0 228.9px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr20 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 186px 0 0 97px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls20 {
	cursor: pointer;
	font-weight: bold;
	height:auto;
	margin: 0px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr21 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 87px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls21 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr22 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 86px 0 0 125px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls22 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr23 {
	background:#063f68;
	color: #ffffff;
	display: none;
	height:auto;
	margin: 164px 0 0;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls23 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr24 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 61px 0 0 390px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 155px;
	z-index: 1000;
}
.roll_cls24 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: 0px 0 0 149px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_ovr25 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 68px 0 0 190px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr26 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 74px 0 0 438px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr27 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 232px 0 0 525px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr28 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 397px 0 0 110px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr29 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 397px 0 0 238px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr30 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 397px 0 0 338px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr31 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 410px 0 0 -2px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 190px;
	z-index: 1000;
}
.roll_ovr32 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 425px 0 0 235px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr33 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 92px 0 0 508px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr34 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 165px 0 0 218px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr35 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 157px 0 0 85px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr36 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 173px 0 2px 14px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr37 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 259px 0 0 48px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr38 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 273px 0 0 380px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr39 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 351px 0 0 -16px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 219px;
	z-index: 1000;
}
.roll_ovr40 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height:auto;
	margin: 350px 0 0 168px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 181px;
	z-index: 1000;
}
.roll_ovr41 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 102px;
	margin: 364px 0 0 205px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr42 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 117px;
	margin: 269px 0 0 87px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 311px;
	z-index: 1000;
}
.roll_ovr43 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 55px;
	margin: 359px 0 11px 20px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr44 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 81px;
	margin: 382px 0 0 403px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr45 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 143px;
	margin: 311px 0 0 147px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr46 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 65px;
	margin: 119px 0 0 445px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr47 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 68px;
	margin: 69px 0 0 250px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr48 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 41px;
	margin: 72px 0 0 496px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr49 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 79px;
	margin: 79px 0 0 75px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr50 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 102px;
	margin: 67px 0 0 -4px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr51 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 131px;
	margin: 101px 0 0 77px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr52 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 83px;
	margin: 113px 0 0 265px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr53 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 54px;
	margin: 113px 0 0 476px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr54 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 57px;
	margin: 451px 0 0 261px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr55 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 33px;
	margin: 284px 0 0 64px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr56 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 29px;
	margin: 42px 0 0 365px;
	padding: 7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr57 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 64px;
	margin: 348px 0 0 106px;
	padding:7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_ovr58 {
	background:#063F68;
	background:#063F68;
	color: #FFFFFF;
	display: none;
	height: 64px;
	margin: 348px 0 0 106px;
	padding:7px;
	position: absolute;
	top: 0;
	width: 171px;
	z-index: 1000;
}
.roll_cls25 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls26 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls27 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls28 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls29 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls30 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls31 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 187px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls32 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls33 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls34 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls35 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls36 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls37 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls38 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls39 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 215px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls40 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 176px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls41 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls42 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 309px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls43 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls44 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls45 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls46 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls47 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls48 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls49 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls50 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls51 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls52 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls53 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls54 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls55 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls56 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls57 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
.roll_cls58 {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin: -2px 0 0 168px;
	position: absolute;
	top: 0;
	width: 15px;
}
/*----context popup----*/	
 
.popup_content {
	float:left;
	width:96%;
	height:auto;
	padding:10px 2%;
}
.close_popup {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#ccc;
	padding:3px 5px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
}
.pop_box1, .pop_box2, .pop_box3, .pop_box4 {
	display:none;
}
.popup_content1 {
	float:left;
	width:96%;
	height:auto;
	padding:10px 2%;
}
.close_popup1 {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#ccc;
	padding:3px 5px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
}
/*----context popup----*/	

/*----process popup----*/	
 .popup_area00, .popup_area01, .popup_area0001, .popup_area00001, .popup_area {
	position:absolute;
	background:#ffffff;
	border:2px solid #666;
	box-shadow:0 0 10px #eee;
	left:0.8%;
	top: 1%;
	width: 98%;
	height:97%;
	z-index:111;
}
.popup_img {
	position:absolute;
	background:#fff;
	border:2px solid #666;
	box-shadow:0 0 10px #aaa;
	left:0.8%;
	top: 1%;
	width: 98%;
	text-align:center;
	height:97%;
	z-index:111;
}
.popup_img img {
	margin:12px 0 0 0;
}
.popup_content01 {
	float:left;
	width:98%;
	height:auto;
	padding:10px 1%;
}
h3 {
	margin:0 0 10px 0;
	text-align:center;
}
.close_popup01 {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#ccc;
	padding:3px 5px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
}
.pop_box01, .pop_box02, .pop_box03, .pop_box04, .pop_box05 {
	display:none;
}
/*----process popup----*/	


/*----process popup----*/	
.over_lay00, .over_lay, .over_lay01, .over_lay0001, .over_lay00001, .aoverlay, .objective_overlay {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	left:0;
	top:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	min-height:730px;
	max-height:100%;
	z-index:110;
	display:none;
}
.popup_content00 {
	float:left;
	width:98%;
	height:auto;
	padding:10px 1%;
}
.close_popup00 {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#ccc;
	padding:3px 5px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
}
.pop_box001, .pop_box002, .pop_box003, .pop_box004, .pop_box005, .pop_box006, .pop_box007, .pop_box008 {
	display:none;
}
/*----process popup----*/	


 
.popup_content0001 {
	float:left;
	width:96%;
	height:auto;
	padding:10px 2%;
}
.close_popup0001 {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#ccc;
	padding:3px 5px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
}
.pop_box0001, .pop_box0002, .pop_box0003, .pop_box0004, .pop_box0005, .pop_box0006, .pop_box0007 {
	display:none;
}
/*----process popup----*/	

 
.popup_content00001 {
	float:left;
	width:96%;
	height:auto;
	padding:10px 2%;
}
.close_popup00001 {
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	background:#ccc;
	padding:3px 5px;
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
}
.pop_box00001, .pop_box00002, .pop_box00003, .pop_box00004, .pop_box00005, .pop_box00006, .pop_box00007 {
	display:none;
}
/*----process popup----*/	

	
.roll_cls4 {
	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;
	top:0;
}
.concept_over {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	top:0;
}
.popup_img1 {
	margin: -289px 0 0 319px;
	width: 50px;
}
.popup_img01 {
	margin: 2px 0 0 215px;
}
.popup_img001 {
	float: left;
	margin-left: 241px;
	margin-top: -12px;
}
.popup_text1 {
	margin: 8px 0 0 -4px;
	width: 747px;
}
.popup_img0001 {
	margin: -205px 0 0 233px;
}
.popup_img00a1 {
	margin: -135px 0 0 250px;
}
.popup_img00b1 {
	margin: -135px 0 1px 173px;
}
.popup_img00bb1 {
	margin: -80px 0 1px 307px;
}
.process_activity_pop,.context_activity_pop ,.rationale_activity_pop{
	position:absolute;
	background:#ffffff;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.process_activity_close {
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
.process_dnd,.context_dnd{
	float:left;
	width:768px;
	height:350px;
	margin:10px 0 0 0;
}
.rationale_dnd
{
float:left;
	width:768px;
	height:350px;
	margin:10px 0 0 0;
}
.drg_pro_head {
	background:  #CCFFFF;
	border: 1px solid;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 160px;
}
.drg_pro_head1 {
	background:  #CCFFFF;
	border: 1px solid;
	float: left;
	height: 111px;
	line-height: 40px;
	text-align: center;
	width: 286px;
}
.drg_pro_head2 {
	background:  #CCFFFF;
	border: 1px solid;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 286px;
}
.process__pro_drp {
	background:  #CCFFFF;
	border: 1px solid;
	float: left;
	height: 150px;
	text-align: center;
	width: 160px;
	position:relative;
}
.process_pro_drg {
	background: #CCFFFF;
	border: 1px solid;
	float: left;
	height: 135px;
	margin-left: 4px;
	padding: 5px;
	text-align: center;
	width: 146px;
	cursor:pointer;
}
.popup_fig01 {
	cursor: pointer;
	float: left;
	height: 163px;
	margin: 0 0 0 82px;
	text-align: center;
	width: 248px;
	margin: -1px 0 0;
	cursor: pointer;
}
.popup_fig001 {
	border: 1px solid grey;
	float: left;
	height: 444px;
	margin: 21px 0 0 12px;
	width: 682px;
}
.popup_fig02 {
	float: left;
	height: 163px;
	text-align: center;
	width: 248px;
	margin: 0px;
	cursor: pointer;
}
.popup_fig002 {
	border: 0px solid grey;
	float: left;
	height: 444px;
	margin: 21px 0 0 12px;
	width: 682px;
}
.popup_fig03 {
	float:left;
	margin: -169px 0 0 235px;
}
.popup_fig04 {
	float: left;
	height: 250px;
	width: 220px;
	margin: 8px 0 0 244px;
}
.popup_fig05 {
	float:left;
	margin: 0px 0 0 247px;
	width:250px;
	height:220;
}
.popup_fig06 {
	float:left;
	margin: 0px 0 0 243px;
	width:220px;
	height:250;
}
.popup_fig07 {
	float:left;
	margin: 0px 0 0 127px;
	width:400px;
	height:320px;
}
.popup_fig08 {
	float:left;
	margin: -96px 0 0 153px;
}
.popup_fig09 {
	float:left;
	margin: -2px 0 0 161px;
}
.popup_fig10 {
	float:left;
	margin: -316px 0 0 278px;
}
.popup_fig11 {
	float:left;
	margin: -281px 0 0 301px;
}
.popup_fig12 {
	float:left;
	margin: -282px 0 0 290px;
}
.con_para {
	width: 320px;
}
.tech_para {
	width: 96%;
}
.under_para2 {
	width: 276px;
}
.under_para3 {
	width: 273px;
}
.pop_scroll1 p {
	width:94%;
}
.pop_scroll1 ul {
	width:90%;
}
.left_align {
	margin-left:30px;
	line-height:24px
}
.character {
	margin:9px 15px 0 9px;
	float:left;
}
.character.in {
	margin-top:20px;
}
.cont_in {
	float:left;
	width:370px;
	padding:30px 0 0 0;
}
.cont_in p {
	margin:10px 0 5px 0;
	width:auto;
	padding:0;
}
.popup_text00 {
	width:99%;
	float:left;
	position:relative;
}
.hide {
	display:none;
}
.click {
	cursor:pointer;
}
.process_arrow {
	float: left;
	height: 133px;
	margin: 70px 0 0 35px;
	position: relative;
	width: 665px;
}
.pro_n1 {
	position:absolute;
	margin:5px 0 0 50px;
	left:0;
	font-size:16px;
}
.pro_n2 {
	position:absolute;
	margin:5px 100px 0 0;
	right:0;
	font-size:16px;
}
.pro_n3 {
	position:absolute;
	margin:0 0 5px 202px;
	bottom:0;
	left:0;
	font-size:16px;
}
.center {
	text-align:center;
}
.bot_img {
	 float: left;
    text-align: center;
    width: 99%; 
}
.icon_discover div:hover, .icon_apply div:hover, .icon_create div:hover {
	background:url(../images/menu_h.jpg) repeat-x top;
	cursor:pointer;
}
.concept.active, .process.active, .roles.active, .context.active, .rationale.active, .demo.active, .hand.active, .challenge.active, .factor.active, .action.active {
	background:url(../images/menu_h.jpg) repeat-x top;
	cursor:pointer;
}
.index {
	background: url(../images/index_bg.jpg) no-repeat #034991 center;
	position:absolute;
	height:602px;
	width:100%;
	left:0;
	top:0;
	z-index:100;
}
.course_bg {
    background:url(../images/course_bg.jpg) no-repeat;
    height: 587px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 100;
}
.course_bg h1 {
    color: #fff;
    float: left;
    font-size: 59px;
    line-height: 72px;
    margin: 16% 5% 0;
    text-align: center;
    width: 90%;
}
.course_bg h2 {
    bottom: 36px;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 20% 1% 0 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 98%;
}
.course {
	 color: #004b91;
    float: left;
    font-size: 36px;
    line-height: 60px;
    padding: 23% 0 0;
    text-align: center;
    width: 100%;
}
.course span {
	font-size:48px;
	line-height:60px;
}
.icon_1 {
	float:left;
	width:98px;
	text-align:center;
	margin:20px 0 0 20px;
	cursor:pointer;
}
.icon_2 {
	float:left;
	width:98px;
	text-align:center;
	margin:47px 0 0 20px;
	cursor:pointer;
}
.iconn_3 {
	float:left;
	width:98px;
	text-align:center;
	margin:40px 0 0 20px;
	cursor:pointer;
}
.icon_1 img, .icon_2 img, .icon_3 img, .iconn_3 img {
	border:none;
}
.icon_1 {
	margin:64px 10px 0 20px;
}
.icon_3 {
	float:left;
	width:104px;
	text-align:center;
	margin:0 20px;  height: 130px;
}
.iconn_3 {
	float:left;
	width:104px;
	text-align:center;
}
.fact_ans {
	border: 1px solid #b1c3c6;
	float: left;
	min-height: 250px;
	margin: 0 0 0 9px;
	overflow-y: auto;
	padding:10px 10px 5px 10px;
	width: 744px;
}
.fact_ans li {
	margin:5px 0 0 0;
}
.mar_t40 {
	margin-top:40px;
}
.task_area {
	float:left;
	background:url(../images/pad_01.png) no-repeat;
	height: 373px;
	margin: 0 0 0 20%;
	padding: 60px 20px 0 30px;
	width: 415px;
}
.cont_bg {
	float:left;
	width:98%;
	padding:1%;
	background:#19b8f2;
	margin:10px 0;
	color:#fff;
}
.task_area ul {
	padding:0 0 0 12px;
}
.task_area li {
	float:left;
	width:100%;
	margin:5px 0 0 0;
	list-style:none;
}
.task_area li ul {
	margin:0;
}
input[type="checkbox"],input[type="radio"] {
	float:left;
	margin:2px 6px 6px 0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.process_tab2 {
	background: #d0e1f4 none repeat;
	cursor: pointer;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 0 0 20px;
	text-align: center;
	width: 360px;
}
.process_arrow ul li {
	cursor: pointer;
	float: left;
	height: 55px;
	margin: 30px 0 0 31px;
	padding: 0;
	position:relative;
	width: 130px;
	background:url(../images/Process_01.png);
}
.process_arrow ul li:hover {
	color:#000000 !important;
	background:url(../images/Process_01_h.png);
}
.process_arrow1 ul li span {
	font-size:12px;
	float:left;
	margin:10px 0 0 10px;
}
.process_arrow ul li span {
	font-size:12px;
	float:left;
	margin:21px 0 0 26px;
}
.concept_ul li {
	list-style:none;
}
.context_ul li {
	list-style:none;
}
ul.concept_ul li {
	list-style: outside none none;
	margin: 15px 0 0;
}
ul.context_ul li {
	list-style: outside none none;
	margin: 15px 0 0;
}
ul.process_ul li {
	list-style: outside none none;
	margin: 15px 0 0;
}
.rat_img {
	float: left;
}
.box_txt1 {
	bottom:12px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.box_txt2 {
	bottom:6px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.box_txt3 {
	bottom:6px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.process_overlay {
	background: #fff;
	display: none;
	height: 251px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 158px;
	width: 700px;
	filter: alpha(opacity = 50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.roles_overlay{
	background: #fff none repeat scroll 0 0;
    display: none;
    height: 245px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 160px;
    width: 700px;
	filter: alpha(opacity = 50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.concept_overlay{
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 230px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 158px;
    width: 700px;
	filter: alpha(opacity = 50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.context_overlay
{
background: #fff none repeat scroll 0 0;
    display: none;
    height: 260px;
    left: 1px;
    opacity: 0.5;
    position: absolute;
    top: 161px;
    width: 700px;
}
.role1{  background: #c4d59b none repeat;
    border: 1px solid #808515;
    cursor: pointer;
    float: left;
    height: 37px;
    line-height: 37px;
    margin: 21px 0 0 10px;
    text-align: center;
    width: 150px;}
.role1:hover{ background:#e2eacd;}
.rol_left{ width:320px; float:left;}

.role1_answ{  background: #e2ebd2 none repeat;
    border: 1px solid #808516;
    float: left;
    height: 200px;
    margin: 10px 0 0 10px;
    padding: 20px;
    width: 330px; display:none;}
	
	.img_shape{  background:url(../images/shape.png) no-repeat;
    height: 60px;
    left: 50px;
    position: absolute;
    top: 267px;
    width: 70px;}
	
	.img_shape span{ float: left;
    font-size: 12px;
    margin: 21px 0 0 8px;}
	.role_yes{  left: 117px;
    position: absolute;
    top: 270px;}
	.role_no{  bottom: 71px;
    left: 100px;
    position: absolute;}
	
	.arr1{background:url(../images/rol_arr.png) repeat;
    height: 24px;
    left: 80px;
    position: absolute;
    top: 62px;
    width: 17px;}
	.arr2{  background:url(../images/rol_arr.png) repeat;
    height: 24px;
    left: 80px;
    position: absolute;
    top: 123px;
    width: 17px;}
	.arr3{background:url(../images/rol_arr.png) repeat;
    height: 24px;
    left: 80px;
    position: absolute;
    top: 182px;
    width: 17px;}
	.arr4{  background:url(../images/rol_arr.png) repeat;
    height: 24px;
    left: 76px;
    position: absolute;
    top: 242px;
    width: 17px;}
	.arr5{  background:url(../images/rol_arr.png) repeat;
    bottom: 63px;
    height: 24px;
    left: 77px;
    position: absolute;
    width: 17px;}
	.arr6{  background:url(../images/rol_ryt_arr.png) repeat;
    bottom: 109px;
    height: 17px;
    left: 120px;
    position: absolute;
    width: 50px;}
	
	.c_img1{ background:url(../images/rationale_01.png) no-repeat; width:74px; height:122px; float:left; margin:0px 0 0 30px; border:1px solid rgba(82, 203, 243, 0);}
	.c_img2{ background:url(../images/rationale_02.png) no-repeat; width:74px; height:123px; float:left; margin:0px 0 0 30px; border:1px solid rgba(82, 203, 243, 0);}
	.c_img3{ background:url(../images/rationale_03.png) no-repeat; width:78px; height:187px; float:left; margin:0px 0 0 30px; border:1px solid rgba(82, 203, 243, 0);}
	.c_img4{ background:url(../images/rationale_04.png) no-repeat; width:107px; height:187px; float:left; margin:0px 0 0 30px; border:1px solid rgba(82, 203, 243, 0);} 
	.c_img5{ background:url(../images/rationale_09.png) no-repeat; height:71px; margin:30px 0 0;  position: absolute;  right: 105px; width: 119px; border:1px solid rgba(82, 203, 243, 0);}
	.c_img6{ background:url(../images/rationale_05.png) no-repeat; width:180px; height:282px; float:left; margin:130px 0 0 40px!important; border:1px solid rgba(82, 203, 243, 0);}
	.c_img7{  background:url(../images/rationale_06.png) no-repeat; bottom: 15px; cursor:pointer;
    height: 125px;
    left: 270px;
    position: absolute;
    width: 129px; border:1px solid rgba(82, 203, 243, 0);}
	.c_img1:hover,.c_img2:hover,.c_img3:hover,.c_img4:hover,.c_img5:hover,.c_img6:hover,.c_img7:hover{border:1px solid rgba(82, 203, 243, 1);}
	.c_img8{ background:url(../images/rationale_08.png) no-repeat;
    bottom: 15px;
    height: 136px;
    left: 163px;
    position: absolute;
    width: 91px;}
	
	.c_img9{  background:url(../images/rationale_07.png) no-repeat;
    bottom: 15px;
    height: 118px;
    left: 60px;
    position: absolute;
    width: 68px; border:1px solid rgba(82, 203, 243, 0);}
	
	.cont_img{ cursor: pointer;
    margin-top: 30px;}
	.c_txt{background: #e2ebd2 none repeat;
    border: 1px solid #808517;
    height: 200px;
    left: 390px;
    padding: 10px;
    position: absolute;
    top: 70px;
    width: 330px; display:none;}
	
	.c_txt1{background: #e2ebd2 none repeat;
    border: 1px solid #808517;
    height: 200px;
    left: 390px;
    padding: 10px;
    position: absolute;
    top: 70px;
    width: 330px; display:none; cursor:pointer;}
	.contxt_arrow1{background:url(../images/c_arr2.png) repeat;
    height: 27px;
    left: 216px;
    position: absolute;
    top: 170px;
    width: 32px;}
		.contxt_arrow2{ background:url(../images/c_arr2.png) repeat;
    height: 27px;
    left: 327px;
    position: absolute;
    top: 170px;
    width: 32px;}
			.contxt_arrow3{  background:url(../images/c_arr2.png) repeat;
    height: 27px;
    position: absolute;
    right: 267px;
    top: 60px;
    width: 32px;}
				.contxt_arrow4{  background:url(../images/c_arr1.png) repeat;
    height: 29px;
    position: absolute;
    right: 160px;
    top: 106px;
    width: 22px;}
	.contxt_arrow5{background:url(../images/c_arr3.png) repeat;
    height: 140px;
    position: absolute;
    right: 306px;
    top: 235px;
    width: 58px;}
	
	.contxt_arrow6{  background:url(../images/c_arr2.png) repeat;
    height: 27px;
    left: 237px;
    position: absolute;
    top: 334px;
    width: 32px;}
	
	.content_fc {
   height: 105px;
    left: 86px;
    overflow-y: auto;
    padding:5px;
    position: absolute;
    top: 403px;
    width: 592px;
}
.content_fc ul {
    
    margin: 0;
    
    width: 65%;
}

.content_fc ul li {
	/* background:url(../images/list_style1.png) no-repeat;*/
    
    font-size: 13px;
   
    margin: 5px 0 0;
    width: 123%;
}
.cf_img {
   float: left;
    margin-left: 50px;
    width: 85%;
}

.cf_img > img {
    border: medium none;
}



.nw1
{ 
	background:url(../images/box.png) no-repeat;
	width:80px; height:50px;
	padding:5px 5px 5px 15px;
	float:left; 
	cursor:pointer;
}
.nw1:hover
{ 
	background:url(../images/box_over.png) no-repeat; 
}
.nw_ar
{
	background:url(../images/Arrow.png) no-repeat 0 24px;
	width:23px; height:60px;
	float:left;
 }
 
.nw_ans{float:left; background:#ffff99; width:94%; padding:1%; margin:100px 0 0 0; min-height:100px; border:1px solid #ff9900;}  
 
 
 
.drg_ques {
    float: left;
    width: 470px;
}





.prtext1a
{

    margin-left: 90px;
    margin-top: 60px;
    position: absolute;
}
.prtext2a
{
   margin-left: 213px;
    margin-top: 60px;
    position: absolute;}
.prtext3a
{

   margin-left: 332px;
    margin-top: 60px;
    position: absolute;
}
.prtext4a
{

    margin-left: 454px;
    margin-top: 55px;
    position: absolute;
}
.prtext5a
{

    margin-left: 577px;
    margin-top: 60px;
    position: absolute;
}
.prtext6a
{

     margin-left: 642px;
    margin-top: 60px;
    position: absolute;
}