/* 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;
}
.roles_overlay {
	background: #fff none repeat scroll 0 0;
    display: none;
    height: 264px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 139px;
    width: 700px;
}
.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;
	 background: none repeat scroll 0 0 #034991;
	width:100%;

	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: 407px;
    margin: 7px 0 0 10px;
    padding: 5px 5px 0;
    width: 181px;
}
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: 402px;
	margin: 7px 0 0 10px;
	padding: 5px;
	overflow-y:auto;
	width: 548px;
}
.concept_right {
	float:right;
	width:250px;
}
.concept_ques ul {
	padding:0 0 0 0;
	margin:0;
	float:left;
	width:65%;
}
.concept_ques ul li {
	cursor:pointer;
	font-size:13px;
	width:123px;
	background:url(../images/list_style.png) no-repeat 0 0;
	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 {
	width:462px;
	margin-top: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;
	height: auto;
	margin: 5px 0 0 9px;
	padding: 5px;
	width: 753px;
	clear:left;
}
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_style1.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;
	min-height: 234px;
	margin: 5px 0 0 9px;
	overflow-y:auto;
	padding:5px;
  width: 753px;
	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;
    height: 392px;
    margin: 5px 0 0 9px;
    padding: 5px;
    width: 365px;
}
.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:84%;
}*/
.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:#d0e1f4;
	width:98%;
	padding:0 1%;
	line-height:23px;
	font-weight:bold;
}
.context_ans {
	 border: 1px solid #b1c3c6;
    float: left;
    font-size: 13px;
    margin: 5px 0 0 9px;
    min-height: 392px;
    overflow-y: auto;
    padding: 5px;
    position: relative;
    width: 365px;
}
.context_ques span {
	float:left;
	background:#d0e1f4;
	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: 220px;
	margin: 5px 0 0 40px;
	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: 357px;
	margin: 4px 0 2px 9px;
	padding:5px;
	width: 754px;
	position:relative;
	overflow:auto;
	overflow-x:hidden;
}
.rt_left {
	float: left;
    margin: 13% 0 0 10%;
}
.rt_right {
	 float: right;
    padding: 1%;
    width: 66%;
}
.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 {
	border: 1px solid #b1c3c6;
    float: left;
    height: 373px;
    margin: 5px 0 0 9px;
    overflow-y: auto;
    padding: 5px;
    width: 754px;
}
.process_ques ul {
	padding:0 0 10px 0;
	margin:0;
	float:left;
	width:100%;
}
.process_ques ul li {
	cursor:pointer;
	font-size:13px;
	width:93%;
	background:url(../images/list_style.png) no-repeat 0 0;
	list-style:none;
	padding:0 0 0 28px;
	margin:5px 0 0 0;
	min-height:27px;
	line-height:14px;
}
.process_ans {
	 background: #d7e5f2 none repeat scroll 0 0;
    border: 1px solid #b9d3ea;
    display: none;
    float: left;
    height: 120px;
    margin: 114px 0 0;
    padding: 10px 10px 0;
    width: 313px;
}
.process_ans ul li {
	float:left;
	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 {
	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:#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_drag, .roles_drag, .process_drag {
	float: left;
	height: 150px;
	margin: 20px 0 0;
	width:768px;
}
.concept_drag ul, .roles_drag ul, .process_drag ul {
	margin:0;
	padding:0;
}
.concept_drag ul li, .roles_drag ul li, .process_drag ul li {
	float:left;
	width:250px;
	margin:3px;
	min-height:33px;
	list-style:none;
}
.concept_drg, .roles_drg, .process_drg {
	background:#f9963a;
	border: 1px solid #f68b1f;
	float: left;
	height:32;
	padding: 5px;
	line-height:20px;
	text-align: center;
	width: 238px;
	cursor:pointer;
}
.concept_submit {
	position:absolute;
	bottom:180px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.concept_feed, .process_feed , .rationale_feed{
	position:absolute;
	bottom:60px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;
}
.roles_feed
{
position:absolute;
	bottom:34px;
	width:730px;
	display:none;
	border:1px solid #c2e8eb;
	background:#e5f5f7;
	height:auto;
	padding:10px;
	left:15px;
	}
.concept_reset {
	position:absolute;
	bottom:180px;
	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, .process_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;
}
.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:#ffffff 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;
}
.rationale_cont {
	float:left;
	width:650px;
	height:350px;
	margin:10px 0 0 9px;
}
.rationale_ul li {
	list-style:none;
	margin:15px 0 0 0;
}
.rationale_overlay {
	background:#fff;
	height: 210px;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 100px;
	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:180px;
	cursor:pointer;
	background:url(../images/submit.png) no-repeat;
	width:111px;
	height:36px;
	display:none;
	left:15px;
}
.process_reset {
	position:absolute;
	bottom:180px;
	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;
	cursor:pointer;
}
.summary {
	position:absolute;
	width: 323px;
	height:410px;
	background:#fff;
	background:url(../images/summary.png) no-repeat;
	z-index:111;
	margin:125px 0 0 120px;
	cursor:pointer;
}
.objectives_back {
	background:url(../images/objectives_rotate.png) no-repeat;
	width:455px;
	height:504px;
	margin:105px 0 0 0px;
	z-index:110;
}
.summary_back {
	background:url(../images/summary_rotate.png) no-repeat;
	width:455px;
	height:504px;
	margin:105px 0 0 0px;
	z-index:110;
}
.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 none repeat scroll 0 0;
    bottom: 0;
    height: 111px;
    left: 9px;
    padding: 10px;
    position: absolute;
    top: 5%;
    width: 746px;
}
.mail_img {
	 background: rgba(0, 0, 0, 0) url("../images/challenge_clk.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 200px;
    left: 29%;
    position: absolute;
    top: 56%;
    width: 138px;
    z-index: 0;
}
.mail_pop {
	 background: #fff none repeat scroll 0 0;
    display: none;
    height: 124px;
    left: 0;
    margin: 50px 0 0 7%;
    padding: 20px 0 5px 10px;
    position: absolute;
    width: 660px;
    z-index: 111;
}
.mail_cont {
	bottom: 5%;
    height: 118px;
    left: 10px;
    position: absolute;
    width: 648px;
}
.mail_pop_close {
	 background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0;
    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 {
 /*background: rgba(0, 0, 0, 0) url("../images/Process_box_rollover.png") no-repeat scroll 0 0;*/
     height: 375px;
    left: -13px;
    position: absolute;
    top: -105px;
    width: 353px;
}
.process_arrow ul li {
	float:left;
/*	background:url(../images/Process_box_rollover.png) no-repeat;
*/	width:53px;
	height:53px;
	cursor:pointer;
	margin:42px 0 0 75px;
	padding:0;
}
/*.process_arrow ul li:hover {
	background:url(../images/Process_box_rollover.png) no-repeat;
}*/
.pcs_bx{ z-index:111}
.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 {
	width:99%;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
}
.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;
	position:absolute;
	height:587px;
	width:100%;
	left:8px;
	top:8px;
	z-index:100;
}
.course_bg h1 {
	float:left;
	font-size:60px;
	color:#fff;
	text-align:center;
	line-height:72px;
	margin:16% 10% 0 10%;
	width:80%;
}
.course_bg h2 {
	font-size:22px;
	color:#fff;
	text-align:center;
	line-height:24px;
	width:98%;
	margin:20% 1% 0 0;
	position:absolute;
	bottom:36px;
	text-transform:uppercase;
	font-weight:normal;
}
.course {
	float:left;
	color:#004b91;
	font-size:36px;
	width:100%;
	padding:23% 0 0 0;
	text-align:center;
	line-height:60px;
}
.course span {
	font-size:48px;
}
 .icon_2 {
	 cursor: pointer;
    float: left;
    margin: 33px 0 0 18px;
    text-align: center;
    width: 150px;
}
.icon_1 img, .icon_2 img, .icon_3 img {
	border:none;
}
.icon_1 {
cursor: pointer;
    float: left;
    margin: 13px 10px 0 20px;
    text-align: center;
    width: 140px;
}
.icon_3 {
cursor:pointer;
	 float: left;
    margin: 16px 0 0 9px;
    text-align: center;
    width: 150px;
	}
.fact_ans {
	border: 1px solid #b1c3c6;
	float: left;
	min-height: 276px;
	margin: 5px 0 0 9px;
	overflow-y: auto;
	padding: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:96%;
	margin:5px 0 0 0;
	list-style:none;
}
.task_area li ul {
	margin:0;
}
input[type="checkbox"] {
	float:left;
	margin:0 8px 6px 0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.hh1 {
    float: left;
    height: auto;
    margin: 0 0 0 5%;
    width: 89%;
}
.hh2 {
   float: left;
    height: auto;
    margin: 14px 0 0 5%;
    width: 89%;
}
.hh3 {
   float: left;
    height: auto;
    margin: 1% 0 0 1%;
    width: 31%;
}
.close_444 {
    background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0;
    bottom: 135px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 23px;
    width: 20px;
}

.icon_3_1 > img {
border:none;
}

.icon_3_2 > img {
border:none;
}

.icon_3_1 {
cursor:pointer;
    float: left;
    margin: 16px 0 0 224px;
    text-align: center;
    width: 150px;
}
.icon_3_2{
cursor:pointer;
    float: left;
    margin: 16px 0 0 9px;
    text-align: center;
    width: 150px;
}
.set_111 {
   background: #d0fccf none repeat scroll 0 0;
    border: 1px solid #4d9ce4;
    float: left;
    height: 49px;
    margin: 4% 0 0;
    padding: 3%;
}
.set_222 {
    background: #d0fccf none repeat scroll 0 0;
    border: 1px solid #4d9ce4;
    float: left;
    height: 70px;
    margin: 4% 0 0;
    padding: 3%;
}
.ss_bgcall {
    background: rgba(0, 0, 0, 0) url("../images/cf.png") no-repeat scroll 0 0;
    float: left;
    height: 296px;
    margin: 0 0 0 -4px;
    width: 101%;
}
.ggg {
   height: 133px;
    left: 40px;
    overflow-y: scroll;
    position: absolute;
    top: 69%;
    width: 711px;
}
.over_all_set {
float:left;
  height: 373px;
    position: relative;
    width: 54%;
}
.bo1_arr1 > img {
    border: medium none;
    width: 25px;
}
.bo2_arr1 > img {
    border: medium none;
    width: 25px;
}
.bo3_arr1 > img {
    border: medium none;
    width: 25px;
}
.box1 {
cursor: pointer;
min-height: 50px;
    height: auto;
    margin: 2% 0 0 4%;
    position: relative;
    width: 351px;
	float:left;
}
.box2 {
cursor: pointer;
min-height: 50px;
   height: auto;
    margin: 2% 0 0 4%;
    position: relative;
    width: 351px;
	float:left;
}
.box3 {
cursor: pointer;
min-height: 50px;
    height: auto;
    margin: 2% 0 0 4%;
    position: relative;
    width: 351px;
	float:left;
}
.box4 {
cursor: pointer;
min-height: 50px;
   height: auto;
    margin: 2% 0 0 4%;
    position: relative;
    width: 351px;
	float:left;
}
.box1_txt1 {

    left: 0;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 100%;
}
.box2_txt1{
    left: 0;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 100%;
}
.box3_txt1 {
    left: 0;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 97%;
}.box4_txt1 {
    left: 0;
    position: absolute;
    text-align: center;
    top: 16px;
    width: 100%;
}

.bo1_arr1,.bo2_arr1,.bo3_arr1{
    float:left; width:100%; text-align:center;
}
 
.s1_set1 {
   width: 90%;
}
.s1_set2 {
   width: 90%;
}
.s1_set3{
   width: 90%;
}.s1_set4{
    width: 90%;
}
.s1_set5{
   width: 90%;
}
.s1_set6{
    width: 90%;
}
.s1_set7{
   width: 90%;
}