@charset "utf-8";
/* CSS Document */
a {color:#36f;}

#contentFrame {
	position:absolute; top:60px; left:0px; width:960px; height: 540px; background-color:rgba(255,255,255,0.5);
	-webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;
	border-bottom-left-radius:12px; border-bottom-right-radius:12px; 	
	box-shadow:#555 0px -2px 4px;
	font-family:Arial, Helvetica, sans-serif;
}

#col-left {
	position:absolute; top:10px; left:10px; height:520px; width:370px; 
}

#col-mid {
	position:absolute; top:10px; left:390px; height:520px; width:120px;
}

#col-right {
	position:absolute; top:10px; left:520px; height:460px; width:430px;
}





h2 {
	font-size:16px; font-weight:normal;	
}



/* col-left */
#input {width:363px; height:150px; resize:none;}

#enzList { width:370px; height:245px; background-color:rgba(255,255,255,0.8); border:1px solid #999; text-indent:10px; overflow:scroll; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }


#enzList .listItem {
	position:relative; height:40px; background-color:#ccc; margin-bottom:1px; font-size:14px; text-shadow:none; cursor:pointer; line-height:40px;
}

#enzList .listItemSel {
	position:relative; height:40px; background-color:#369; color:#fff; margin-bottom:1px; font-size:14px; text-shadow:none; cursor:pointer; line-height:40px;
}



/* col-right */
#output {width:425px; height:410px; resize:none;}














#helpbutton{
	position:absolute; top:60px;right:15px; width:50px; height:20px; cursor:pointer; line-height:20px;
}

#aboutbutton {
	position:absolute; top:60px;right:70px; width:50px; height:20px; cursor:pointer; line-height:20px;
}

.wholemask{position:absolute; top:50%; margin-top:-300px; left:50%; margin-left:-480px; width:960px; height:600px; 
	background-color:rgba(204,204,204,0.2); -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; z-index: 15; 
}
.create4 {position:absolute; top:20px; z-index: 7; height:536px; width:466px; padding:10px;
	-webkit-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -moz-border-radius:6px; border-radius:6px; 
	left: 247px; font-size:24px; color:#666; background-color:#FFF; -webkit-box-shadow: 3px 3px 8px rgba(0,0,0,.85); -o-box-shadow: 3px 3px 8px rgba(0,0,0,.85); -ms-box-shadow: 3px 3px 8px rgba(0,0,0,.85); -moz-box-shadow: 3px 3px 8px rgba(0,0,0,.85); box-shadow: 3px 3px 8px rgba(0,0,0,.85);
}	
	
.creat4Btn {position:absolute; top:30px; z-index: 7; left: 673px;font-size:18px; color:#999; cursor:pointer;}


.black{
	background-color:#CCC;
}
.white{
	background-color:#FFF;
}

ul{
	padding:0px;
	margin-top:2px;
	margin-bottom:0px;
	margin-left:2px;
	margin-right:0px;
	
}