body{
    min-height: 800px;
    min-width: 800px;
    }
button{
        border: 1px solid #006633;
        border-radius: 7px;
        background-color: #fff;
        padding: 0 0.5em;
        min-height: 1.2em;
    }

    button.simages{
        border:1px #CCCCCC solid; /*outset;*/
        width:120px; height:120px;
        margin: 2px;
        background-size: 110px 110px;
        background-repeat: no-repeat;
    }

    .toolbar {
        text-align:left;
        margin:2px;
        padding:3em;
        width: 90%;
        height: 8%;
        left: 23%;
        max-height: 500px;
        overflow-y: scroll;

    
    }

    .up {
        border:1px #CCCCCC solid; /*outset;*/
        width:120px; height:120px;
        margin: 2px;
        background-size: 110px 110px;
        background-repeat: no-repeat;

    }

    .dn {
        border:3px #006633 solid; /*inset;*/
        background: buttonhighlight;
        width:120px; height:120px;
        margin: 2px;
        background-size: 110px 110px;
        background-repeat: no-repeat;

    }

    .counter{
        color: #006633;
        font-weight: bold;
    }


#divfixscainfo {
            display: inline-block;
            position: absolute;
            font-size: 14px;
            margin-top: 15px;
            margin-left: 20px;
            

        }

#divfixscabut {
            display: inline-block;
            margin-top: 15px;
            margin-left: 250px;
            font-size: 14px;
        }
#all {
    min-width: 800px;
}


/* JS disabled styles */
.no-js nav li:hover ul { display:block; }
 
/* base nav styles */
/* commented out by Ammar to avoid the problem of header menu does not looks well*/
/* nav { display:block; margin:0 auto 20px; border:1px solid #063; border-radius: 7px; position:relative; background-color:#fff; font:16px Tahoma , Sans-serif; } 
nav li a { display:block; padding:1px 2px; border-left:1px solid #999; border-right:1px solid #222; color:#222; text-decoration:none; } */
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
/* nav ul ul { display:none; width:100%; position:absolute; left:0; background:#fff; border:1px solid #063; border-radius: 7px;} */
nav ul ul li { float:none; }
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }
/* nav ul ul a:hover { background-color:#555; } */

.container {
    width: 600px;
}
.left {
    float: left;
}
.right {
    text-align: right;
}