html, body {
    min-width: 260px;
    min-height: 100%;
    padding: 0;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
}
body {
    background-color: #d4d6d7;
}
header, main, footer {
    margin: 0;
    padding: 0;
}
/*:link, :visited, :hover, :focus, :active*/
#navi {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#navi li {
    float: left;
    width: 180px;
    background-color: rgba(0,0,0,.3);
    padding: 10px;
    cursor: pointer;
}
#navi li a {
    color: rgba(255,255,255,.5);
    text-decoration: none;
}
#container {
    width: 339px;
    height: 550px;
    background-color: #d4d6d7;
    position: fixed;
    display: block;
    top: -10px;
    margin: 10px;
    padding: 0px;
    display: none;
    z-index: 99;
}
#tools {
    padding: 5px;
    width: 325px;
    height: 389px;
}
#tools input[type="button"] {
    margin-right: -3px;
}
#worksheet {
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    max-width: 1250px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
}
#mb {
    border: 2px groove rgba(0,0,0,.7);
    padding: 5px;
}
*html .yui-picker-bg {
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/yui/build/colorpicker/assets/picker_mask.png', sizingMethod='scale');
}
.pmain:hover, .pfoot:hover, .h1main:hover, .h2main:hover, .h3main:hover, .h4main:hover, .h5main:hover, .h6main:hover, .h1foot:hover, .h2foot:hover, .h3foot:hover, .h4foot:hover, .h5foot:hover, .h6foot:hover, .tabmain:hover, .tabfoot:hover,
.pmain:focus, .pfoot:focus, .h1main:focus, .h2main:focus, .h3main:focus, .h4main:focus, .h5main:focus, .h6main:focus, .h1foot:focus, .h2foot:focus, .h3foot:focus, .h4foot:focus, .h5foot:focus, .h6foot:focus, .tabmain:focus, .tabfoot:focus,
.pmain:active, .pfoot:active, .h1main:active, .h2main:active, .h3main:active, .h4main:active, .h5main:active, .h6main:active, .h1foot:active, .h2foot:active, .h3foot:active, .h4foot:active, .h5foot:active, .h6foot:active, .tabmain:active, .tabfoot:active {
    background-color: rgba(0,0,0,.1);
}
#preview .pmain:hover, #preview .pfoot:hover, #preview .h1main:hover, #preview .h2main:hover, #preview .h3main:hover, #preview .h4main:hover, #preview .h5main:hover, #preview .h6main:hover, #preview .h1foot:hover, #preview .h2foot:hover, #preview .h3foot:hover, #preview .h4foot:hover, #preview .h5foot:hover, #preview .h6foot:hover, #preview .tabmain:hover, #preview .tabfoot:hover,
#preview .pmain:focus, #preview .pfoot:focus, #preview .h1main:focus, #preview .h2main:focus, #preview .h3main:focus, #preview .h4main:focus, #preview .h5main:focus, #preview .h6main:focus, #preview .h1foot:focus, #preview .h2foot:focus, #preview .h3foot:focus, #preview .h4foot:focus, #preview .h5foot:focus, #preview .h6foot:focus, #preview .tabmain:focus, #preview .tabfoot:focus,
#preview .pmain:active, #preview .pfoot:active, #preview .h1main:active, #preview .h2main:active, #preview .h3main:active, #preview .h4main:active, #preview .h5main:active, #preview .h6main:active, #preview .h1foot:active, #preview .h2foot:active, #preview .h3foot:active, #preview .h4foot:active, #preview .h5foot:active, #preview .h6foot:active, #preview .tabmain:active, #preview .tabfoot:active {
    background-color: transparent;
}
#preview table, #preview table td {
    border: none;
}
.femain {
    width: 300px;
}

.picdeletepreview {
    text-decoration: none;
    color: rgba(0,0,0,1);
}
