/* 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 {
    background: #ffc422 none repeat scroll 0 0;
    color: #034991;
    float: left;
    font-size: 23px;
    font-weight: bold;
    line-height: 24px;
    padding: 5px 0 5px 5px;
    width: 779px;
}
.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;
}
.roles_overlay {
	background:#fff;
	height: 288px;
	left: 10px;
	opacity: 0.5;
	position: absolute;
	top: 115px;
	width: 700px;
	display:none;
	filter: alpha(opacity = 50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.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:1%;
	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;
    height: auto;
    margin: 7px 0 0 10px;
    min-height: 151px;
    padding: 5px 5px 0;
    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: 200px;
	margin: 7px 0 0 10px;
	padding: 5px;
	overflow-y:auto;
	width: 754px;
}
.concept_right {
    float: right;
    margin-bottom: 5px;
    text-align: right;
    width: 210px;
}
.concept_ques ul {
	padding:0 0 0 0;
	margin:0;
	float:left;
	width:70%;
}
.concept_ques ul li {
	cursor:pointer;
	font-size:13px;
	width:93%;
	background:url(../images/list_style1.png) no-repeat;
	list-style:none;
	padding:0 0 0 28px;
	margin:5px 0 0 0;
	min-height:26px;
}
.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;
}
.concept_ans p {
	margin:0px;
}
.green {
	color:#005500;
	cursor:pointer;
}
.process_head {
	float:left;
	margin:14px 0 6px 10px;
	font-size:17px;
	font-weight:bold;
}
.process_box {
	background: #ffffff;
	float: left;
 font-size:13px height: 114px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.process_arrow {
	margin:101px 0 0 39px;
	width: 686px;
	height:114px;
}
.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;
	float: left;
	margin: 5px 0 0 9px;
	padding: 5px;
	width: 240px;
	clear:left;
	height:383px;
}
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 {
	cursor:pointer;
	font-size:13px;
	background:url(../images/list_style.png) no-repeat;
	list-style:none;
	padding:0 0 0 28px;
	margin:4px 0 0 0;
	min-height:26px;
}
.roles_ans {
	border: 1px solid #b1c3c6;
	float: left;
	font-size:13px;
	height: 383px;
	margin: 5px 0 0 9px;
	overflow-y:auto;
	padding:5px;
	width: 493px;
	position:relative;
}
.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;
	margin: 10px 0 0 9px;
	padding:0;
	width:240px;
	height:360px;
}
.context_line {border: 1px solid #B1C3C6;}
.context_ques ul {
	margin:0;
	padding:5px;
	float:left;
	width:90%;
}
.context_ques ul li {
	cursor:pointer;
	font-size:13px;
	background:url(../images/list_style.png) no-repeat 0 0;
	list-style:none;
	padding:0 0 0 28px;
	margin:4px 0 0 0;
	min-height:26px;
	float:left;
	width:92%;
}
.context_thread {
	border: 1px solid #b1c3c6;
	float: left;
	font-size:13px;
	min-height: 92px;
	margin:10px 0 5px 0;
	overflow: auto;
	overflow-x: hidden;
	width: 560px;
}
.context_thread div {
	padding:10px;
	float:left;
}
.context_thread span {
	float:left;
	background:#ffffff;
	width:98%;
	padding:0 1%;
	line-height:23px;
	font-weight:bold;
}
.context_ans {
    border: 1px solid #b1c3c6;
    float: left;
    height: 350px;
    margin: 10px 0 0 9px;
    padding: 5px;
    width: 503px;
}
.context_ques span {
	float:left;
	background:#ffffff;
	width:90%;
	padding:0 5%;
	line-height:23px;
	font-weight:bold;
}
.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;
	height: 375px;
	margin: 5px 0 0 10px;
	padding: 5px;
	width: 269px;
}
/*.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 li {
	cursor:pointer;
	font-size:13px;
	width:220px;
	background:url(../images/list_style.png) no-repeat;
	list-style:none;
	padding:0 0 0 28px;
	margin:3px 0 0 -41px;
	min-height:20px;
	line-height:20px;
}
.rationale_ans {
	border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    height: 352px;
    margin: 4px 0 2px 9px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    position: relative;
    width: 754px;
}
.rt_left {
	position:absolute;
	bottom:5px;
	right:20px;
}
.rt_right {
	float:right;
	width:98%;
	padding:1%;
}
.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_box1 {
	background:#d0e1f4;
	float: left;
 font-size:13px height: 247px;
	margin: 5px 0 0 9px;
	padding: 10px;
	width: 746px;
}
.process_ques {
	background:url(../images/process_arrow.png) no-repeat;
    border: 1px solid #b1c3c6;
    float: left;
    height: 415px;
    margin: 5px 0 0 9px;
    overflow-y: hidden;
    padding: 5px;
    width: 754px;
}
.process_ques ul {
	padding:0 0 10px 0;
	margin:0;
	float:left;
	width:100%;
}
.process_ans {
    background: #e2ebd2 none repeat scroll 0 0;
    border: 1px solid #808517;
    bottom: 31px;
    height: 152px;
    left: 31px;
    padding: 0 10px;
    position: absolute;
    width: 425px;
}

.process_ans ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    list-style: outside none disc;
    margin: 0 0 0 32px;
    padding: 0;
    width: 100%;
}
.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 {
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
.concept_dnd {
	float:left;
	width:538px;
	height:350px;
	margin:10px 0 0 130px;
}
.drg_head1 {
	background:#edf4f9;
	border: 1px solid #badfe7;
	float: left;
	height:32px;
	line-height: 40px;
	text-align: center;
	width: 250px;
	margin:4px 2px;
}
.drg_head, .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;
}
/*<!--.concept_drp {
	background:#edf4f9;
	border: 1px solid #badfe7;
	float: left;
	height:32px;
	line-height: 40px;
	text-align: center;
	width: 250px;
	margin:6px 2px 0 2px;
	position:relative;
}-->*/
.concept_drp, .process_drp, .context_drp {
    background: #edf4f9 none repeat scroll 0 0;
    border: 1px solid #badfe7;
    float: left;
    height: 44px;
    line-height: 14px;
    margin: 6px 2px 0;
    position: relative;
    text-align: center;
    width: 250px;
}
.concept_drag, .process_drag, .context_drag {
	float: left;
	height: 150px;
	margin: 20px 0 0;
	width:768px;
}
.concept_drag{margin: 20px 0 0 -130px;}
.concept_drag ul, .process_drag ul, .context_drag ul {
	margin:0;
	padding:0;
}
.concept_drag ul li, .process_drag ul li, .context_drag ul li {
	float:left;
	width:250px;
	margin:3px;
	min-height:33px;
	list-style:none;
}
.concept_drg, .process_drg, .context_drg {
	background:#f9963a;
	border: 1px solid #f68b1f;
	float: left;
	height:32px;
	padding: 5px;
	line-height:32px;
	text-align: center;
	width: 238px;
	cursor:pointer;
}
.concept_submit, .process_submit, .context_submit, .rationale_submit {
	position:absolute;
	bottom:150px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.concept_feed, .process_feed, .context_feed, .rationale_feed {
	position:absolute;
	bottom:15px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;
}
.concept_reset, .process_reset, .context_reset, .rationale_reset {
	position:absolute;
	bottom:150px;
	cursor:pointer;
	background:url(../images/reset.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.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{
	background: #edf4f9;
	border: 1px solid #badfe7;
	float: left;
	height: 32px;
	line-height: 40px;
	margin: 6px 2px 0;
	position: relative;
	text-align: center;
	width: 250px;
}
.roles_submit {
	position:absolute;
	bottom:140px;
	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 {
	position:absolute;
	bottom:250px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	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:111px;
	height:36px;
	display:none;
	left:15px;
	z-index:1;
}
*/
.process_cont,.roles_cont,.rationale_cont,.context_cont,.concept_cont{
	float:left;
	width:650px;
	height:350px;
	margin:10px 0 0 9px;
}
.rationale_ul li {
	list-style:none;
	margin-bottom:10px;
}
.rationale_overlay {
	background:#fff;
	height: 267px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 130px;
	width: 700px;
	display:none;
	filter: alpha(opacity = 50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.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 {
	position:absolute;
	right:5px;
	background:url(../images/close.png) no-repeat;
	width:20px;
	height:20px;
	top:5px;
	cursor:pointer;
}
/*.process_submit {
	position:absolute;
	bottom:40px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.process_reset {
	position:absolute;
	bottom:40px;
	cursor:pointer;
	background:url(../images/reset.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}*/
.process_cont {
	float:left;
	width:650px;
	height:350px;
	margin:10px 0 0 9px;
}
.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)";
}
.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{
	float:left;
	background:url(../images/create_bg.jpg) no-repeat top; 
	width:784px;
	font-size:13px;
	height:539px;
	position:relative;
	display:none;
}
.challenge_con {background:url(../images/create_bg.jpg) no-repeat;}
.cheader_txt {
	background:#d0e1f4;
	margin:0 0 40px 9px;
	padding: 10px;
	position: absolute;
	bottom:0;
	width: 746px;
}

.mail_img {
    background: url(../images/mail.gif);
    cursor: pointer;
    height: 59px;
    margin:142px 0 0 280px;
    position: absolute;
    width: 85px;
    z-index: 0;
}
.mail_pop {
    background: url(../images/mail_message.png) no-repeat;
    display: none;
    height: 460px;
    left: 0;
    margin: 40px 0 0 7%;
    padding: 10px 0 5px 10px;
    position: absolute;
    width: 654px;
    z-index: 111;
}

.mail_cont {
    float: left;
    font-size: 13px;
    height: 300px;
    margin: 136px 0 0 9px;
    overflow-y: auto;
    padding: 1%;
    width: 94.8%;
}

.mail_pop_close {
    background:url(../images/close_w.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:10px 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 {
	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 {
	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;
	background:url(../images/Arrow.png) no-repeat;
	width:495px;
	height:133px;
	margin:0 0 0 125px;
	position:relative;
}
.process_arrow ul li {
	float:left;
	background:url(../images/button.png) no-repeat;
	width:53px;
	height:53px;
	cursor:pointer;
	margin:42px 0 0 75px;
	padding:0;
}
.process_arrow ul li:hover {
	background:url(../images/button_rollover.png) no-repeat;
}
.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 {
    bottom: 25px;
    left: 30px;
    position: absolute;
}
.bot_img1 {
    margin: 15px 0 0 22px;
    text-align: center;
    width: 84%;
}
.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: 34px;
    line-height: 31px;
    padding: 21% 0 0;
    text-align: center;
    width: 100%;
}

.course span {
    font-size: 48px;
    line-height: 60px;
}
.icon_1, .icon_2, .icon_3 {
	float:left;
	width:98px;
	text-align:center;
	margin:18px 0 0 20px;
	cursor:pointer;
}

.icon_2 > img {
    width: 50%;
}
.icon_2 {
    margin-top: 15px;
}
.icon_1 img, .icon_2 img, .icon_3 img, .icon_4 img {
	border:none;
}
.icon_1 {
	margin:12px 10px 0 20px;
}
.icon_3 {
    margin: 3px 0 0 32px;
}
.icon_4 {
	float:left;
	width:104px;
	text-align:center;
	margin:0 20px;
	height: 160px;
}
.fact_ans {
	border: 1px solid #b1c3c6;
	float: left;
	min-height: 285px;
	margin: 5px 0 0 9px;
	overflow-y: auto;
	padding:10px;
	width: 744px;
}
.fact_ans li {
	margin:5px 0 0 0;
}
.fact1 > ul {
    float: left;
    margin-left: -10px;
    width: 565px;
}
.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:96%;
	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;
}
.cl_lft{ clear:left;}

.arr_red {
    left: 260px;
    position: absolute;
    top: 216px;
    width: 55px;
}

.arr_red > img {
    border: medium none;
}
.arr_red1 > img {
    border: medium none;
}

.arr_red1 {
    left: 480px;
    position: absolute;
    top: 216px;
    width: 55px;
}

/*.txt_lftcontext {
    float: left;
    margin: 5px;
    width: 31%;
}
.txt_lftcontext > img{ border:none;}*/

.txt_ritcontext {
    float: left;
    margin: 5px 0;
    width: 65%;
}

.droppp_bxx {
    float: left;
    margin: 3px 0 0 25px;
    width: 270px;
}
.ser_noo1{ position:absolute; left:396px; top:130px; font-weight: bold;}
.ser_noo2{ position:absolute; left:396px; top:181px; font-weight: bold;}
.ser_noo3{ position:absolute; left:396px; top:234px; font-weight: bold;}
.ser_noo4{ position:absolute; left:396px; top:282px; font-weight: bold;}
.ser_noo5{ position:absolute; left:396px; top:333px; font-weight: bold;}
.ser_noo6{ position:absolute; left:396px; top:381px; font-weight: bold;}
.process_drg {
    background: #f9963a none repeat scroll 0 0;
    border: 1px solid #f68b1f;
    cursor: pointer;
    float: left;
    min-height: 32px;
    padding: 5px;
    text-align: center;
    width: 320px;
}
.brdr_bxx {
    border: 1px solid #b1c3c6;
    float: left;
    margin: 6px 0 0 33px;
    min-height: 312px;
    width: 50%;
}

.txt_hdpro {
    font-weight: bold;
    position: absolute;
    right: 290px;
    top: 85px;
}


/*.process_drp {
    background: #edf4f9 none repeat scroll 0 0;
    border: 1px solid #badfe7;
    float: left;
    height: 42px;
    margin: 6px 2px 0;
    position: relative;
    text-align: center;
    width: 332px;
}
.process_drag ul li {
    float: left;
    list-style: outside none none;
    margin: 3px;
    min-height: 44px;
    width: 330px;
}

.process_feed{
    background: #e5f5f7 none repeat scroll 0 0;
    border: 1px solid #c2e8eb;
    bottom: 15px;
    display: none;
    height: auto;
    left: 135px;
    padding: 10px;
    position: absolute;
    width: 615px;
}*/

.concept_right > img{ border:none;}
.context_activity_pop {
	position:absolute;
	background:#ffffff;
	width:98%;
	height:524px;
	padding:1%;
	display:none;
	z-index:100;
}
.click > input {
    float: left;
    margin: 2px 5px 0 0;
}
ul.context_ul li {
    list-style: outside none none;
    margin: 15px 0 0;
}

element.style {
    display: block;
}
.context_feed {
    background: #e5f5f7 none repeat scroll 0 0;
    border: 1px solid #c2e8eb;
    bottom:15px;
    display: none;
    height: auto;
    left: 15px;
    padding: 10px;
    position: absolute;
    width: 730px;
}
.context_overlay {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 250px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 115px;
    width: 700px;
    z-index: 1;
}
.context_activity_close {
    background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
}

.bxx_olgrn1 {
    background: url(../images/box.png) no-repeat;
    cursor: pointer;
    font-size: 13px;
    height: 63px;
    padding: 0;
    position: absolute;
    width: 170px;
}
.dwn-arrow {
    float: left;
    font-size: 32px;
	color: #641502;
    height: 16px;
    margin: 0 0 1px 10px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 94%;
	cursor:default;
}
/*.bxx_olgrn1:hover {
	 background: rgba(0, 0, 0, 0) url("../images/process_box_roll_over.png") no-repeat scroll 0 0;
}*/
.bxx_olgrn1:hover {
	 background: url(../images/box_over.png) no-repeat;
}

/*.txt_pa1 {
    float: left;
    font-weight: bold;
    padding: 11px 2px;
    text-align: center;
    width: 98%;
}
.txt_pa2 {
    float: left;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    width: 100%;
}
.txt_pa3 {
    float: left;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}*/
.bxx_olgrn1 span {
    float: left;
    margin-top: 7px;
    text-align: center;
    width: 100%;
}
.pa_a {
    float: left;
    padding: 10px;
}
.left > img {
    float: left;
}
.rat-right {
    float: right;
    width: 510px;
}
.fact1 > p {
    float: left;
    text-align: center;
    width: 100%;
}
.inner-set1, .inner-set2 {
    background: #c5e7ff none repeat scroll 0 0;
    border: 1px solid #8cb9ff;
    float: left;
    margin-top: 10px;
    overflow-y: auto;
    padding: 1%;
    width: 98%;
	height:140px;
}
.rat-left {float: left;}
.q-cont {
    float: left;
    height: 410px;
    margin-top: 0;
    position: relative;
    width: 750px;
}
.concept_drg, .process_drg, .context_drg {
    background: #f9963a none repeat scroll 0 0;
    border: 1px solid #f68b1f;
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 20px;
    padding: 5px;
    text-align: center;
    width: 238px;
}
.concept_drg, .process_drg, .context_drg {
    line-height: 28px;
}
.drgTwo-line {
    height: 32px;
    line-height: 15px !important;
}

.concept_drag ul li {
    height: 40px;
}
.concept_drag ul li, .roles_drag ul li, .process_drag ul li {
    float: left;
    list-style: outside none none;
    margin: 3px;
    min-height: 44px;
    width: 250px;
}
.rat-right > p:nth-of-type(1) {
    margin-top: 2px;
}
.context-left, .context-right {
    border: 1px solid #b1c3c6;
    float: left;
    height: 422px;
    margin: 8px 0 0 10px;
    position: relative;
    width: 375px;
}
.context-left > p, .context-right > p {
    margin-left: 10px;
}
.context-left li, .context-right li {
    margin-bottom: 5px;
}
.context-left > img, .context-right > img {
    bottom: 10px;
    left: 24px;
    position: absolute;
}
.pa_1 {
    left: 40px;
    top: 30px;
}
.pa_2 {
    left: 290px;
    top: 30px;
}
.pa_3 {
    left: 540px;
    top: 30px;
}
.pa_4 {
    right: 40px;
    top: 170px;
}
.pa_5 {
    right: 290px;
    top: 170px;
}
.pa_6 {
    bottom: 50px;
    right: 40px;
}
.bxx_olgrn1 > strong {
    color: white;
    float: left;
    margin: 2px 0 0 4px;
}