/* m3.css                       */
/* (c) 2011 by Edward H. Trager */
/* All Rights Reserved          */
/* 2011.04.01.ET                */


/* control_template */
.m3_control_template{
	position:absolute;
	height:308px;
	width:494px;
	/* top:30px; */
	/* left:30px; */
	background-image:url("../images/control_template.png");
	background-position:0px 0px;
	z-index:50000;
}

.m3_f1{
	position:absolute;
	height:25px;
	width:24px;
	top:136px;
	left:50px;
	background-image:url("../images/m3_hover.png");
	background-position:0px 0px;
}

.m3_f2{
	position:absolute;
	height:25px;
	width:24px;
	top:136px;
	left:270px;
	background-image:url("../images/m3_hover.png");
	background-position:0px 0px;
}

/* for debugging */
.m3_ctr{
	position:absolute;
	height:24px;
	width:24px;
	top:136px;
	left:133px;
	background-image:url("../images/m3_hover.png");
	background-position:0px 0px;
}

.m3_m1{
	position:absolute;
	height:25px;
	width:25px;
	top:136px;
	left:50px;
	background-image:url("../images/m3_hover.png");
	background-position:-24px 0px;
}

.m3_m2{
	position:absolute;
	height:25px;
	width:25px;
	top:136px;
	left:270px;
	background-image:url("../images/m3_hover.png");
	background-position:-24px 0px;
}

.m3_u1{
	position:absolute;
	height:34px;
	width:34px;
	top:131px;
	left:45px;
	background-image:url("../images/m3_hover.png");
	background-position:-49px 0px;
}

.m3_u2{
	position:absolute;
	height:34px;
	width:34px;
	top:131px;
	left:265px;
	background-image:url("../images/m3_hover.png");
	background-position:-49px 0px;
}

.b01{
	position:absolute;
	height:38px;
	width:168px;
	bottom:42px;
	right:12px;
	cursor:pointer;
	border:1px solid #214d7d;
	color:#fff;
	text-align:center;
	line-height:38px;
	font-size:15px;
	font-weight:bold;
	border-radius:12px;
	-moz-border-radius:12px;
	background: #8caeef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYWVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODQ1NzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #8caeef 0%, #184573 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8caeef), color-stop(100%,#184573)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8caeef 0%,#184573 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8caeef 0%,#184573 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8caeef 0%,#184573 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8caeef 0%,#184573 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8caeef', endColorstr='#184573',GradientType=0 ); /* IE6-8 */
}

.b01:hover{
	color:#ffd100;
}

.b01_pressed{
	background: #184573; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4NDU3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Y2FlZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #184573 0%, #8caeff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#184573), color-stop(100%,#8caeff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #184573 0%,#8caeff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #184573 0%,#8caeff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #184573 0%,#8caeff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #184573 0%,#8caeff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184573', endColorstr='#8caeff',GradientType=0 ); /* IE6-8 */

}


.z01{
	position:absolute;
	height:71px;
	width:138px;
	top:11px;
	left:75px;
}

.z01:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-125px 0px;
}

.z02{
	position:absolute;
	height:71px;
	width:51px;
	top:120px;
	left:36px;
}

.z02:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -71px;
}

.z03{
	position:absolute;
	height:71px;
	width:51px;
	top:120px;
	left:257px;
}

.z03:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -71px;
}

.z04{
	position:absolute;
	height:71px;
	width:51px;
	top:120px;
	left:315px;
}

.z04:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-153px -71px;
}

.z05{
	position:absolute;
	height:71px;
	width:51px;
	top:120px;
	left:373px;
}

.z05:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-204px -71px;
}

.z06{
	position:absolute;
	height:71px;
	width:51px;
	top:120px;
	left:431px;
}

.z06:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-255px -71px;
}

.z07{
	position:absolute;
	height:71px;
	width:51px;
	top:226px;
	left:21px;
}

.z07:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-51px -71px;
}

.z08{
	position:absolute;
	height:71px;
	width:51px;
	top:226px;
	left:80px;
}

.z08:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-102px -71px;
}

.z09{
	position:absolute;
	height:71px;
	width:51px;
	top:226px;
	left:139px;
}

.z09:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-153px -71px;
}

.z10{
	position:absolute;
	height:71px;
	width:51px;
	top:226px;
	left:198px;
}

.z10:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-204px -71px;
}

.z11{
	position:absolute;
	height:71px;
	width:51px;
	top:226px;
	left:257px;
}

.z11:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-255px -71px;
}

.z12{
	position:absolute;
	height:25px;
	width:24px;
	bottom:11px;
	right:12px;
}

.z12:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -24px;
}

.r01{
	position:absolute;
	height:18px;
	width:18px;
	top:101px;
	left:147px;
}

.r01:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r02{
	position:absolute;
	height:18px;
	width:18px;
	top:112px;
	left:164px;
}

.r02:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.r03{
	position:absolute;
	height:18px;
	width:18px;
	top:129px;
	left:175px;
}

.r03:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r04{
	position:absolute;
	height:18px;
	width:18px;
	top:150px;
	left:175px;
}

.r04:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.r05{
	position:absolute;
	height:18px;
	width:18px;
	top:168px;
	left:165px;
}

.r05:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r06{
	position:absolute;
	height:18px;
	width:18px;
	top:178px;
	left:146px;
}

.r06:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.r07{
	position:absolute;
	height:18px;
	width:18px;
	top:178px;
	left:126px;
}

.r07:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r08{
	position:absolute;
	height:18px;
	width:18px;
	top:168px;
	left:108px;
}

.r08:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.r09{
	position:absolute;
	height:18px;
	width:18px;
	top:150px;
	left:97px;
}

.r09:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r10{
	position:absolute;
	height:18px;
	width:18px;
	top:129px;
	left:97px;
}

.r10:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.r11{
	position:absolute;
	height:18px;
	width:18px;
	top:112px;
	left:108px;
}

.r11:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r12{
	position:absolute;
	height:18px;
	width:18px;
	top:101px;
	left:126px;
}

.r12:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.r13{
	position:absolute;
	height:18px;
	width:18px;
	top:111px;
	left:87px;
}

.r13:hover{
	background-image:url("../images/m3_hover.png");
	background-position:0px -49px;
}

.r14{
	position:absolute;
	height:18px;
	width:18px;
	top:90px;
	left:108px;
}

.r14:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-18px -49px;
}

.s01{
	position:absolute;
	height:16px;
	width:42px;
	top:117px;
	left:202px;
}

.s01:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-82px 0px;
}

.s02{
	position:absolute;
	height:16px;
	width:42px;
	top:140px;
	left:202px;
}

.s02:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-82px -16px;
}

.s03{
	position:absolute;
	height:16px;
	width:42px;
	top:164px;
	left:202px;
}

.s03:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-82px -32px;
}

.sc01{
	position:absolute;
	height:94px;
	width:100px;
	/* background-color:orange; */
	/* opacity:0.85; */
	left:291px;
	top:120px;
}

.i01{
	position:absolute;
	text-align:center;
	line-height:20px;
	height:16px;
	width:20px;
	background-color:#ffe;
	border:1px solid #000;
	color:#000;
	font-size:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
	left:37px;
	top:18px;
	opacity:0.85;
}

.sc_cancel{
	position:absolute;
	height:18px;
	width:18px;
	left:30px;
	top:74px;
	background-image:url("../images/m3_hover.png");
	background-position:-264px 0px;
}

.sc_cancel:hover{
	background-position:-264px -18px;
}

.sc_ok{
	position:absolute;
	height:18px;
	width:18px;
	right:30px;
	top:74px;
	background-image:url("../images/m3_hover.png");
	background-position:-282px 0px;
}

.sc_ok:hover{
	background-position:-282px -18px;
}

.n_i{
	position:absolute;
	text-align:center;
	line-height:20px;
	height:20px;
	width:20px;
	font-family:sans-serif;
	font-size:14px;
	font-weight:bold;
	/* background-color:red; */
	/* opacity:0.65;         */
}

.n02{
	top:138px;
	left:52px;
}

.n04{
	top:138px;
	left:331px;
}

.n05{
	top:138px;
	left:389px;
}

.n06{
	top:134px;
	left:448px;
}

.n09{
	top:244px;
	left:155px;
}

.n10{
	top:244px;
	left:213px;
}

.n11{
	top:240px;
	left:272px;
}

.g01{
	position:absolute;
	height:21px;
	width:56px;
	top:5px;
	left:12px;
	cursor:move;
}

.g02{
	position:absolute;
	height:21px;
	width:65px;
	top:5px;
	right:12px;
	cursor:move;
}

.ttl{
	position:absolute;
	height:21px;
	width:168px;
	line-height:21px;
	padding-left:2px;
	font-family:sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:17px;
	text-align:left;
	top:5px;
	left:230px;
	/* background-color:red; */
	/* opacity:0.3; */
}

.dcd{
	position:absolute;
	height:34px;
	width:35px;
	left:127px;
	top:131px;
}

.dcd:hover{
	background-image:url("../images/m3_hover.png");
	background-position:-264px -37px;
}