/* $Id:main.css 26 2013-09-12 09:47:09Z andrea $ */
/*Global*/
body {
    margin:0; padding:0;
    background:#000080; color:#ffffff; border-width:3px; border-color:#303030;
    height:100%;
}

div#container {height:100%;}
div#footer {
    clear:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; height:2.5em;
    position:absolute; bottom:0;
    padding:0.5em;
    border-top:solid;
}

a {color:#ffc000;}

/*Struts2 default override*/
form br {display:none;}
.label {width:auto;}
div.wwgrp {display:table-row;}
div.wwlbl {display:table-cell; text-align:left; width:70%;}
div.wwctrl {display:table-cell; text-align:right;}
div.wwctrl#wwctrl_main_window {display:table-cell; text-align:left;}

/*Login page*/
div#valign {display:table; width:100%; position:absolute; padding-bottom:1.5em; top:50%; transform: translateY(-50%);}
div#login {
    max-width:30em; display:block; margin-left:auto; margin-right:auto;
    text-align:center;
}
div#faketable {display:table; width:100%;}
p.creds {text-align:center; margin-top:4em;}

/*Main page*/
li {list-style-type:none}

nav#menu {
    z-index:10; position:relative;
    box-sizing:border-box; -moz-box-sizing:border-box; height:2.5em; width:100%;
    padding: 0.5em;
    border-bottom:solid; 
    display:block;
}
nav#menu ul {margin:0; padding:0;}
nav#menu li {display:block; position:relative; float:left;}
nav#menu a {
    font-size:1.5em; text-decoration:none;
    display:block; padding-left:1em; padding-right:1em;
    width:10em;
    border-left:3px; border-right:3px;
}
nav#menu a:hover {background-color:#00a0f0;}
nav#menu ul ul {
    display:none;
    background-color:#808080;
}
nav#menu ul ul li {float:none;}
nav#menu ul ul li:hover  { background-color:#00a0f0;}

div#content {
    z-index:0;
    position:absolute; top:0; width:100%; height:100%; padding-top:2.5em; padding-bottom:2.5em; box-sizing:border-box; -moz-box-sizing:border-box;
}
nav#walls {float:left; width:15em; height:100%; position:relative;}
li.current {font-weight:bold;}
img.manipulator {width: 1em;}
img#logo {display: block; position:absolute; bottom:0; width:100%;}
div#main {
    position:relative; height:100%; padding-top:2.5em; padding-bottom:2.5em; box-sizing:border-box; -moz-box-sizing:border-box; margin-left:15em;
    border-left:solid; background:#808080; padding:1em;
    overflow:auto;
}
div.maincolumn {
    display:inline-block;
    padding-right:1em; padding-left:1em; 
}
div.column1 {width:35%;}
div.column2 {width:55%;}
div.mainarea {
    width: 100%; box-sizing:border-box; -moz-box-sizing:border-box;
    padding:1em; border-radius:1em;
    margin-bottom:1em; margin-top:1em;
    display:table;
}
mainarea h3 {display:table-caption;}
div.note {font-size:75%;}
div.input {background:#c0c0c0;}
div.output {background:#c0c0a0;}
div.disabled {
    filter:alpha(opacity=30); /*IE*/
    opacity:0.3;
}
div.warn {color:#c08000; font-size:75%;}
table#results {cell-spacing: 1em; width:100%;}
tr.a {background:#a0a080;}
tr.b {background:#b0b090;}
td.verificato {color:#00ff00; font-weight:bold; text-align:right;}
td.nonverificato {color:#ff0000; font-weight:bold;}
.mainarea input {width:4em;}
p#ricalcola {text-align:center;}

/* Info page */
div#info {text-align:center;}

/* Docs page */
div#docs {padding: 2em;}
div#docs h1 {text-align:center;}
div#docs li {font-size:1.5em; margin-top:1em;}

/* License page */
div#license {
    position:relative; height:100%; overflow:auto;
    box-sizing:border-box; -moz-box-sizing:border-box; padding:2em;
}
div#license h1 {text-align:center;}
div#license h2 {text-align:center;}
div#license p {font-size:1em; margin-top:1em;}

/* Register page */
div#register {
    position:relative; height:100%; overflow:auto;
    box-sizing:border-box; -moz-box-sizing:border-box; padding:2em;
    text-align:center;
}
div#registertable {
    margin-left:auto; margin-right:auto; max-width:50em;
    display:table; width:100%;
}