body, html {
    font-family: Arial;
    font-size: 14px;
    margin: 0.2em;
    padding: 0;
    color: #000;
    background: white;
}

#wrap {
    width: 960px;
    margin: 0 auto;
    background: #f0f0f0;
    
    border: 1px solid #aaaaaa;
    padding: 0.3em;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#header {
    background: #f8f8f8;
    border-bottom: 1px solid #aaaaaa;
    padding: 0em 0em 0em 1em;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#header > div.logo {
    float: left;
    
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
}

#header > div.timestamp {
    text-align: right;
    padding-right: 1em;
    font-family: Courier New;
    font-size: 0.8em;
    color: #aaa;
    
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    
}

#menu {
    float: left;
    width: 150px;
    padding: 1em 0em 1em 10px;
}

#main {
    float: left;
    width: 789px;
    padding: 0.5em 0em 0.5em 10px;
    border-left: 1px dashed #ddd;
}

#login {
    padding: 2em;
}

#footer {
    clear: both;
    text-align: center;
    font-size: 0.7em;
    border-top: 1px solid #aaaaaa;
    padding: 0.5em 0em 0.2em 0em;
    
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
    color: blue;
}

a:hover {
    color: red;
}

a.logo {
    font-family: 'Courier New', Arial;
    font-size: 2em;
    color: orange;
}

/* for table css see: http://tablestyler.com */
.data_table table { border-collapse: collapse; text-align: left; width: 100%; }
.data_table {font: normal 8px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.data_table table td, .data_table table th { padding: 3px 10px; }
.data_table table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #0070A8; }
.data_table table thead th:first-child { border: none; }
.data_table table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.data_table table tbody .alt td { background: #E1EEf4; color: #00557F; }
.data_table table tbody td:first-child { border-left: none; }
.data_table table tbody tr:last-child td { border-bottom: none; }
.data_table table tfoot td div { border-top: 1px solid #006699;background: #E1EEf4;}
.data_table table tfoot td { padding: 0; font-size: 12px }
.data_table table tfoot td div{ padding: 2px 10px 2px 2px; }

table.sortable thead {
    background-color: #eee;
    color: #666666;
    font-weight: bold;
    cursor: default;
}

tr.highlight:hover {
    background-color: #E0E0E0;
}

error {
    color: red;
    background-color: #eaa;
    padding: 5px;
    display: block;
    border: 1px solid red;
    margin: 3px;
}

error:before {
    content: url(/img/icons_small/error.png) " ";
    vertical-align: middle;
}

info {
    color: green;
    background-color: #00FF80;
    padding: 5px;
    display: block;
    border: 1px solid green;
    margin: 3px;
}

info:before {
    content: url(/img/icons_small/exclamation.png) " ";
    vertical-align: middle;
}

h1 {
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 0.4em;
}

h2 {
    padding: 0;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 0.4em;
}

green {
    color: #228b22;
}

red {
    color: #f00;
}

.pool_overview_box_left {
    padding: 2px;
    margin: 5px;
    float: left;
    width: 350px;
}

.pool_overview_box_right {
    padding: 2px;
    margin: 5px;
    float: left;
    width: 350px;
}

.code {
    font: 10px Courier;
    border: 1px solid;
    margin: 1px;
    padding: 2px;
    background-color: #f8f8f8;
    width: 800px;
}

pre {
    font: 12px Courier;
    border: 1px solid;
    margin: 3px;
    padding: 2px;
    background-color: #f8f8f8;
}

input[readonly] {
    background-color: #ccc;
}

point:before {
    font-size: 2em;
    content: "\2022";
}