@import url("https://codemirror.net/lib/codemirror.css");
.CodeMirror {
    font-family: 'Courier', monospace;
    font-size: 9pt;
    border-style: dotted; border-color: #666666;
    border-width: thin;
    /*height: 100%;*/
}

body {
    margin:0;
}

img {
    border:0;
}

ul {
    list-style:none;
}

#container {
    width:1020px;
    margin:0 auto;
    border:solid #ccc;
    border-width:0 1px;
}

#header {
    width:1020px;
    min-height:47px;
    background:#509E7A;
}

#header h1 {
    margin:0;
    padding:10px 10px 15px;
    font-size:120%;
    color:#fff;
    float:left;
    font-family:'Tahoma', serif;
    line-height:1em;
}

#header_result {
    min-height:35px;
    background:#509E7A;
}

#header_result h1 {
    margin:0;
    padding:10px 10px 15px;
    font-size:120%;
    color:#fff;
    float:left;
    font-family:'Tahoma', serif;
    line-height:1em;
}

#header p {
    margin:0;
    padding:8px 10px 3px 10px;
    font-size:80%;
    font-family:'Tahoma', serif;
    text-align:right;
    color:#fff;
}

#header_result p {
    margin:0;
    padding:8px 10px 3px 10px;
    font-size:80%;
    font-family:'Tahoma', serif;
    text-align:right;
    color:#fff;
}

#header div {
    min-height:17px;
    height:auto !important;
    height:17px;
    padding:8px;
    color:#000;
    background:#fff;
    font-size:80%;
    text-align:center;
    line-height:1.32em;
    clear:both;
}

#header a {
    color:#fff;
    text-decoration:none;
}

#header_result a {
    color:#fff;
    text-decoration:none;
}

#content {
    width:520px;
    float:left;

}

#content h3 {
    margin:5px 0px 0px;
    padding:5px;
    color:#197993;
    /*background:#197993;*/
    font-size:90%;
    font-family:'Tahoma', serif;
    line-height:1em;
}

#content ul {
    /*min-height:200px;*/
    height:auto !important;
    height:200px;
    margin:0 10px;
    padding:0;
}

#content li {
    margin:10px 0;
    font-size:80%;
    line-height:1.32em;
}

/* #content p {
   margin:0px, 10px, 0;
   #	font-size:90%;
   line-height:1.32em;
   font-family:'Tahoma', serif;
   }
 */

#content textarea {
    font-size:80%;
    font-family:'Courier', monospace;
    width:500px;
    height:200px;

}

#navi {
    float:left;
}

#navi h3 {
    margin:0 0 7px 0;
    color:#197993;
    font-size:90%;
    line-height:1em;
    font-family:'Tahoma', serif;
}

#navi .menu {
    width:450px;
    margin:10px 0px 0px 30px;
}

#navi .widemenu {
    width:1000px;
    margin:10px 0px 0px 30px;
}

#navi .menu p {
    margin:0;
    padding:0 0 5px 0;
    font-size:80%;
    font-family:'Courier', monospace;
    line-height:1em;
}

#navi .menu a {
    text-decoration: none;
    color: darkblue;
}

#navi .submenu {
    /* width:400px; */
    margin:10px 0px 0px -5px;
}

#navi .submenu p {
    margin:0;
    padding:0 0 5px 0;
    font-size:80%;
    line-height:1.32em;
    font-family:'Tahoma', serif;
}


#footer {
    width:1020px;
    clear:both;
    margin:0;
    padding:3px 0px;
    color:#fff;
    background:#83326C;
    font-size:65%;
    text-align:right;
    line-height:1.32em;
    font-family:verdana;
}

#footer p {
    margin:0;
    padding:3px 5px;
    color:#fff;
    background:#83326C;
    font-size:65%;
    text-align:right;
    line-height:1.32em;
    font-family:verdana;
}


#footer_result {
    clear:both;
    margin:20px 0px;
    padding:3px 5px;
    color:#fff;
    background:#83326C;
    font-size:65%;
    text-align:right;
    line-height:1.32em;
    font-family:verdana;
}

#editable {
    margin:10px 50px 7px 50px;
}

#editable p {
    font-size:80%;
    font-family:'Courier', monospace;
}

#editable h3 {
    /*margin:10px 50px 7px 50px;*/
    color:#197993;
    font-size:90%;
    line-height:1em;
    font-family:'Tahoma', serif;
}

#editable .error {
    /*margin:10px 50px 7px 50px;*/
    color:#197993;
    font-size:90%;
    line-height:1em;
    font-family:'Tahoma', serif;
}

#editable .attention  {
    font-size:90%;
    font-family:'Tahoma', serif;
    /* text-align:center; 
       margin: 10px 50px 7px 50px;*/
}

table {
    width: auto;
    border-spacing: 0;
    font-size:12px;
    margin-left: 0;
    margin-right: auto;
}

table th {
    color: #fff;
    padding: 5px 5px;
    background: #197993;
    font-weight: bold;
    font-size:120%;
    font-family:'Tahoma', serif;
    border-left:1px solid #258;
    border-top:1px solid #258;
    border-bottom:1px solid #258;
    line-height: 100%;
    text-align: center;
}

table th:last-child {
    #border-radius:0 5px 0 0;
    border-right:1px solid #258;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table tr td {
    padding: 4px 4px;
    border-bottom: 1px solid #84b2e0;
    border-left: 1px solid #84b2e0;
    font-family:'Tahoma', serif;
    /* text-align: center; */
    text-align: left;
}
table tr td:last-child {
    border-right: 1px solid #84b2e0;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr {
    background: #fff;
}
table tr:nth-child(2n+1) {
    background: #f1f6fc;
}
table tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table tr:hover {
    background: #bbd4ee;
    cursor:pointer;
}

.refresh {
    margin-right:50px;
}