@char-set "UTF-8";

ul.global_menu {
    display:table;
    table-layout:fixed;
    width:500px;
}

ul.global_menu li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    background-color:gray;
    border-left:1px solid white;
}

ul.global_menu li:first-child {
    border:none;    
}

ul.global_menu li a {
    display:block;
    text-decoration:none;
    color:white;
}

body {
   background-color:#ffffde;
   padding: 0.5em 1em 0em 0em;
/*   line-height: 1.5em; */
   text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
}

h1.header {
   background-color: silver;
   text-align:center;
}

h3 {background-color: silver; color: black;}

#show1 {display: none;}
#show2 {display: none;}
#show3 {display: none;}

#hint {display: none;}

form, fieldset {
     display: inline;
     border: none;
     margin: 0px;
     padding: 20px;
}

section.prob {
        margin: 2em 1em 2em;
        padding: 0.5em;
        background-color: #ffffbb;
        background-color: #ffcc99; 
        background-color: #ffffbb;
        border-color: #dddd66;
        border-style: solid;
        border-width: 2px;
        line-height: 1.1em;
        text-autospace: none;
}

section.result {
        margin: 2em 1em 2em;
        padding: 0.5em;
        background-color: #66ffff;
        border-color: #48d1cc;
        border-style: solid;
        border-width: 2px;
        line-height: 1.1em;
        text-autospace: none;
}

section.comment {
        margin: 2em 1em 2em;
        padding: 0.5em;
        background-color: #ffb6c1;
        background-color: #aaddaa;
        background-color: #aaCCdd;
        background-color: #ffcc99; 
        border-color: #cc9999;
        border-style: solid;
        border-width: 2px;
        line-height: 1.1em;
        text-autospace: none;
}

section.codee {
        margin: 1.5em 1em 2em;
        padding: 0.5em;
        background-color: #aaddaa;
        border-color: #ddaa77;
        border-style: solid;
        border-width: 2px;
        line-height: 1.1em;
        text-autospace: none;
}

section.code {
        margin: 1.5em 1em 2em;
        padding: 0.5em;
        background-color: #ffffbb;
        background-color: #aaCCdd;
        border-color: #ddaa77;  
        border-style: solid;
        border-width: 2px;
        line-height: 1.1em;
        text-autospace: none;
        float:left;
}

div.pakapaka {
        margin: 0em 0em 2em;
        padding: 0em 1em;
        background-color: #ffffff;
        border-color: #c0c0c0;
        border-style: solid;
        border-width: 1px;
        line-height: 1.5em;
}