/* Container globale */
#content #grav_wrapper{
    float: left;
    margin: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* Container form */
#grav_form{
    display: block;    
    padding: 0;
    float: left;
    width: 100%;
    box-sizing: border-box;   
}

/* Container risultato */
#content #content_result {
    background-color: #d7e8e9; /* azzurrino */
    border: 0 solid #cccccc;    
    min-height: 300px;    
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

/* Campi obbligatori */
#content #grav_mandatory {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 0 dotted #cccccc;
    margin: 0 auto;  
    clear: both;  
    float: left;    
    width: 100%;
    box-sizing: border-box;
}

/* Campi facoltativi */
#content #grav_optional {
    margin: 5px auto;
    padding: 5px;    
    float: left;    
    width: 100%;
    box-sizing: border-box;
}

/* Container date-picker */
#content .grav_left {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

#content #datepicker {
    background-color: #F7D1E5;
    text-align: center;
    border: 0 none;
    width: 150px;
    display: block;
    padding: 7px 20px;
    margin: 0 auto 10px;
}

/* Mostra campi facoltativi */
#content .grav_right {
    width: 100%;
    float: left;
    box-sizing: border-box;
}


#content .grav_center {
  background: #f4f4f4 none repeat scroll 0 0;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 40px;
  margin: 0 auto 10px;
  text-align: center;
  width: 100%;
}

#content .grav_title {
    font-size: 15px;    
    text-align: center;
    float: left;    
    width: 100%;
    box-sizing: border-box;
}

#content .grav_label {
    font-size: 15px;    
    text-align: left;
    float: left;    
    width: 100%;
    box-sizing: border-box;
}

#content .grav_explain {    
    border: 0px #cccccc solid;
    margin: 5px auto 10px auto;    
    background-color: #EEEEEE;
    float: left;    
    width: 100%;
    box-sizing: border-box;
}

/* pulsante mostra */
#content #grav_show {
    display: block;
    margin: 0 auto;
    background: #aaa;
    border: 0 solid #666;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 1px 3px 3px;
    text-align: center;
    text-decoration: none;
    width: 180px;
}

/* pulsante Calcola */
#content #grav_btn {
    background: none repeat scroll 0 0 #1480cc;
    border: 0 solid #666;
    color: #fff;
    font-weight: bold;    
    text-align: center;
    text-decoration: none;    
    padding: 11px 25px;
    font-size: 10pt;
    margin: 0 auto;
    width: 140px;
    text-align: center;    
}


#content #grav_show:hover, #grav_btn:hover {
    text-decoration: bold;
    border: 0px solid #aaa;
    background: #777;
}