#bg{
    /* Imposto il colore nero */
    background-color:#000000;
    /* Imposto come puntatore la manina */
    cursor:default;
    /* Imposto i valori di altezza e larghezza a 100% */
    height:100%;
    width:100%;
    /* Ci servirà in modo tale che non ci siano margini */
    left:0;
    top:0;
    /* Impostiamo come posizione la fissa */
    position:fixed;
    /* Aggiungiamo i codice per opacizzare lo sfondo. */
    opacity: .75;
    -moz-opacity: .75;
    filter:alpha(opacity=75);
    /* E' utile nel caso in cui ci siano altri oggetti in posizione assoluta o fissa */
    z-index:9990;
    /* Lo rendiamo non visibile */
    display:none;
}


.dialog{
    /* Impostiamo il bianco come colore di sfondo e creiamo un piccolo bordo */
    background-color:#FFFFFF;
    border:3px solid #AAAAAA;
    /* Impostiamo un leggero margine interno */
    padding:5px;
    /* Impostiamo la posizione come fissa. Ci servirà in modo tale che il popup segua lo scrolling della pagina */
    position:fixed;
    /* Impostiamo lo z-index come 1001. Lo z-index è una sorta di gestore di livelli. Chi avrà il numero maggiore si troverà davanti a chi ha numero minore. Facile no? */
    z-index:9991;
    /* Rendiamo il popup non visibile */
    display: none;
    /* Impostiamo la grandezza del box. Ci servirà in quanto così possiamo facilmente impostare il box centrato nella pagina */
    width: 600px;
    max-width: 600px;
    height: auto;
    /* Impostiamo i valori di top e left a 50% */
    left: 50%;
    top: 50%;
    /* Il margin left e top dovrà essere pari alla metà delle dimensioni del box. Ci servirà per centrare il box */
    margin-left: -300px;
    margin-top: -280px;
    text-align:center;
    /* Impostiamo un'ombra con CSS3 */
    box-shadow: 0px 0px 10px #525252;
    -webkit-box-shadow: 0px 0px 10px #525252;
    -moz-box-shadow: 0px 0px 10px #525252;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.dialog div#title{
    background: /*url("../images/footer-light.png") no-repeat scroll left bottom*/ #252525;
    font-size: 18px;
    padding: 6px 2px;
    text-align: center;
    color: #fff;
}

.dialog div#d-content, div.d-continer{
    float: left;
    display: inline;
    width: 596px;
    padding: 10px 2px;
}

.dialog div#d-content input.input{
    float: left;
    display: inline;
    padding: 5px 2px;
    width: 586px;
    text-align:center;
    font-size: 15px;
    margin-bottom: 5px;
}

.dialog div#d-content label.error{
    font-size: 12px;
    color: #fff;
    padding: 5px;
    text-align: left;
    background: #a00;
    border: 1 px solid #f00;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    display: none;
    width: 586px;
}

.dialog div#buttons{
    float: left;
    display: inline;
    width: 596px;
    background: /*url("../images/footer-light.png") no-repeat scroll left bottom*/ #252525;
    padding: 6px 2px;
    text-align: right;
}

.dialog div#buttons p{
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 0;
    text-align: right;
}

.dialog div#buttons p a{
    float: right;
}

p#result{ display: none; }

.ok{
    float: left;
    display: inline;
    width: 588px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #0a0;
    border: 2px solid #0f0;
    padding: 10px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 20px 0;
}

.error{
    float: left;
    display: inline;
    width: 588px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #a00;
    border: 2px solid #f00;
    padding: 6px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 0 10px 0;
}