.demo{position:relative;width:800px;height:600px;margin:5px 0px 20px 0px;border:1px dotted #d3d3d3;float:left;}
.note{width:50px;height:50px;position:absolute;overflow:hidden;cursor:move;font-size:12px;text-align:center;background:#f00;}
.note span{margin:2px;}
.red{background: url(../images/bg.png) left top no-repeat red;border:1px solid #000000; color: #ffffff;}
.yellow{background: url(../images/bg.png) left top no-repeat yellow;border:1px solid #000000; color: #000000;}
.blue{background: url(../images/bg.png) left top no-repeat blue;border:1px solid #000000; color: #ffffff;} 
.green{background: url(../images/bg.png) left top no-repeat green;border:1px solid #000000; color: #ffffff;}
.black{background: url(../images/bg.png) left top no-repeat black;border:1px solid #000000; color: #ffffff;}
.gray{background: url(../images/bg.png) left top no-repeat gray;border:1px solid #000000; color: #ffffff;}
.Moccasin{background-color:#FFE4B5;border:1px solid #98E775;}
.BlueViolet{background-color:#8A2BE2;border:1px solid #98E775;}
.DarkRed{background-color:#8B0000;border:1px solid #98E775;}
.type_1{display:none;}
.type_2{display:none;}
.ul_box{position:absolute;width:150px;height:auto;border:1px solid #cccccc;margin:0px;padding:0px;list-style:none;z-index:9999;}
.ul_box li{
width:150px;
height:auto;
background:#FCFCFC;
text-align:center;
line-height:16px;
border-bottom:1px solid #D8BD00;
font-size:12px;
}
.ul_box li a{text-decoration:none;}
.ul_box li a:hover{text-decoration:underline;color:#000;}
.notice{list-style:none;width:400px;padding:0px;margin:0px;padding-bottom:10px;padding-top:10px}
.notice li{font-size:14px;line-height:25px;border-bottom:2px dashed #cccccc;width:auto;}
.main_div{width:100%;height:auto;float:left;margin-left:35px;margin-top:8px;overflow:hidden;}
.add_div{cursor:move;background:#ffffff;border:1px solid #C0C0C0;z-index:9999;padding: 10px;}
#add_div{float:right;width:290px;height:auto;top:0px;left:0;}
.table_pos{}
.table_pos tr td{border:none;padding: 6px 0;}