body{
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    color: #505050 ;
    font-size:16px;
}

h1{color:#028E9B;}
h2{color:#35C0CD;}
h3{color:#89DEE6;}

#general-container{margin-left:auto;margin-right:auto;width:1400px;border:1px dashed black;}

a{text-decoration:none;font-weight:bold;color:#35C0CD;}
a:hover{color:#028E9B;}
div.element{
    /*float:left; */
    margin-bottom:20px;
}
.element label {
    /*float:left; */
    width:20px;
    /*font-weight:bold;*/
    //border:1px dashed black;
}

/*
#raccolta-dexa .element label {
    width:220px;
    //border:1px dashed black;
}
*/

.element input.text {
    /*float:left; */
    width:35px;
    padding-left:2px;
    //border:1px dashed black;
}

.element .select {
    float:left; 
    /*width:100px;*/
    padding-left:2px;
}

div.data-box {
    /*float:left;/*
    width:255px;
    /*margin:5px;*/
    text-align:left;
    /*border:1px dashed black;*/
}

.element #submit {
    float:right;
    margin-right:10px;
}

.loading {
    float:right; 
    background:url(ajax-loader.gif) no-repeat 1px; 
    height:28px; 
    width:28px; 
    display:none;
}


#datacollect{
float:left;
/*width: 630px;*/
width: 1024px;
border: 1px solid #A64E00;
/*margin-right: 10px;*/
padding: 10px;
margin-bottom:10px;
}

#raccolta-FINDRISC{
 width:1000px;
 padding-top: 20px;
}

#raccolta-FINDRISC .element label {
    float:left; 
    width:720px;
    font-weight:600;
    //border:1px dashed black;
    margin-right: 20px;
    text-align:left;
}



/* RESULTS FORMATTING */

#results-container{
float:left;
width: 1024px;
border: 1px solid #A64E00;
padding: 10px;
margin-bottom:60px;
font-size:16px;
}

#result{
    #padding:20px;
    #width:800px;
    #margin-top:40px;
    margin:10px;
    float:left;
    width: 1024px;
}

div.results-subdiv{
padding:10px;
padding-top:0;
    width:490px;
    float:left;
}

div.outfield-label{
    //font-weight:bold;
    float:left;
    width:150px;
    text-align:left;
    //font-style: italic;
}

div.outfield-result{
    float:left;
    margin-left:30px;
    text-align:left;
    width:150px;
    color:#303030;
    
}

div.result-field{
    margin-bottom: 8px;
    /*width:600px;*/
    border:0px solid red;
    text-align:left;
    float:left; 
}

span.wlimits{
    color: #00CC00;
}

/* ordine crescente warnings 4 1 5 2 */

span.warning1{
    color:#A64E00; /* marrone scuro */
}

span.warning2{
    color:red;
}

span.warning3{
    color:blue;
}

span.warning4{
    color:#BF7330; /* marrone chiaro */
}

span.warning5{
    color:#FF7800; /* arancione */
}

#main-results{background: url(../images/slim.png) no-repeat 0 90%;}

button.mybutton, input[type="submit"]{
    background-color:#89DEE6;
    font-weight:bold;
    color:white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size:14px;
    border:0px;
    padding:5px;
}

input[type="submit"]:hover{
    background-color:#028E9B;
    /*cursor:pointer;*/
}

table.mpc-table{
    color:white;
    width:490px;
    margin-bottom:10px;
}
table.mpc-table tr{
    padding: 5px;
        margin:5px;
}

table.mpc-table td{
    padding: 5px;
    margin:5px;
}

table.mpc-table thead{
    font-weight:bold;
    color: #35C0CD;
    font-size:18px;

}

table.mpc-table tbody td{
        border:1px solid lightgrey;
}

table.mpc-table thead td{
        border:1px solid #35C0CD;
}

td.marked-mpc-ok{
    background-color: green;
}

td.marked-mpc-lieve{
    background-color: #BF7330; /*marrone chiaro*/
}

td.marked-mpc-moderata{
    background-color: #FF7800; /*arancione*/
}

td.marked-mpc-grave{
    background-color: red;
}

span.param-name-mpc-table{
    font-weight:bold;
    color: #35C0CD;
}