.spoiler_frame {
    margin:20px;
    margin-top:5px;
}
.spoiler_frame .smallfont{
    margin-bottom:2px;
}
.spoiler_frame .spoiler_head{
    margin:0px;
    padding:0px 16px;
}
.spoiler_frame .alt2{
    margin: 0px;
    padding: 6px;
    border: 1px inset;
}
.spoiler_body{
    display: none;
}
.canvas, .canvas-c
{
    margin: 2px 0 2px 0;
    background-color: #F1F1F1;
    position: relative;
    display: inline-block;
    padding: 0px 2px 0px 2px;
    color:#338;
    text-align: center;
    font: bold 1em Calibri, Verdana, Ariel, sans-serif;
    border-top: 1px solid #9b9bdf;
    border-left: 1px solid #8a8abd;
    border-right: 1px solid #7979ac;
    border-bottom: 1px solid #57579b;
    border-radius: 5px;
}
canvas
{
    display: block;
}
.canvas div
{
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 2px 5px 2px 5px;
}
.canvas-c
{
    display:none;
    width:90px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
}
.canvas_head{
	width:110px;
}
.canvas-m
{
    width:12px;
    border-right: 1px solid #7979ac;
}
.canvas-p
{
    width:12px;
    border-left: 1px solid #7979ac;
}
.canvas:hover, .canvas-c:hover{
	border-top: 1px solid #bbbbff;
	border-left: 1px solid #aaaadd;
	border-right: 1px solid #9999cc;
	border-bottom: 1px solid #7777bb;
}
.canvas_head:hover, .canvas-m:hover, .canvas-p:hover{
	color:#6666dd;
    background-color: #F3F3F3;
}
.canvas_body
{
    display:none;
    margin:0;
    width: auto;
    padding: 5px;
    background-color:#FAFAFA;
    border: 1px solid #D1D9DF;
    border-radius: 5px;
}