body { font-size: 78%; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; background: #5E6D72 }
strong { font-weight: bold; }
.btn { border: 1px solid #FFD403; background: #FFD403; margin: 5px 0; }

/* HEADER */
#Header { min-height: 117px; height: auto !important; height: 117px; background: #014A62 url("../img/back-header-x.jpg") repeat-x bottom left; padding-top: 10px; }
#Header #tit-nobilmetal { overflow: hidden; position: relative; width: 256px; height: 39px; margin: 0 auto; }
#Header #tit-nobilmetal span { display: block; position: absolute; top: 0; left: 0; width: 256px; height: 39px; background: url("../img/logo.jpg") no-repeat top left; }
#Header #tit-reservedarea { overflow: hidden; position: relative; width: 795px; height: 41px; margin: 0 auto; margin-top: 15px; }
#Header #tit-reservedarea span { display: block; position: absolute; top: 0; left: 0; width: 795px; height: 41px; background: url("../img/reserved-area-795x41.jpg") no-repeat top left; }
/* END HEADER */

#Content { position: relative; color: #FFF; padding: 10px 20px; }
#Content h3 { margin-bottom: 20px; font-size: 130%; font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 10px; color: #D4AC24 }
.homepage { text-align: center; }
.italianWelcome { position: relative; top: 20px; left: 50%; text-align: left; margin-left: -300px; margin-bottom: 50px; background: url("../img/italian-flag.jpg") no-repeat top left; width: 240px; padding: 10px; padding-left: 30px;  }
.englishWelcome { position: absolute; top: 20px; left: 50%; text-align: left; margin-left: 0px; margin-bottom: 50px; background: url("../img/english-flag.jpg") no-repeat top left; width: 240px; padding: 10px; padding-left: 30px; }
#Content #tit-login { overflow: hidden; position: relative; top: 0; left: 0; width: 79px; height: 16px; margin: 0 auto; margin-bottom: 5px }
#Content #tit-login span { display: block; position: absolute; top: 0; left: 0; width: 79px; height: 16px; background: url("../img/login-79x16.jpg") no-repeat top left; }

/* LOGIN */
#Content #Login { padding-bottom: 50px; border-bottom: 2px solid #FFF; width: 500px; margin: 0 auto; margin-bottom: 2px  }
#Content #Login fieldset { margin-top: 30px;  }
#Content #Login label { display: block; float: left; width: 230px; text-align: right }
#Content #Login input { width: 200px; border: 1px solid #FFD403 }
#Content #Login fieldset p { clear: left; margin-bottom: 10px }
#Content #Login .btn { background: #FFD403 }
#Content #LoginStatus { position: absolute; top: -35px; }
#Content #LoginStatus a { color: #FFF; text-decoration: none; }
#Content #LoginStatus a:hover { text-decoration: underline; }

/* END LOGIN */

#Services { border-top: 2px solid #181B1D; width: 500px; margin: 0 auto; }
.register { background: url("../img/register.jpg") no-repeat top left; text-align: left; width: 350px; padding-left: 100px; margin: 0 auto; margin-bottom: 10px; margin-top: 10px; min-height: 48px; height: auto !important; height: 48px; }
.passwordretrieval { background: url("../img/remember-password.jpg") no-repeat top left; text-align: left; width: 350px; padding-left: 100px; margin: 0 auto; min-height: 48px; height: auto !important; height: 48px; }
.register a, .passwordretrieval a { color: #D4AC24 }

#Content .pnlUploadFile { background: #FFF; border: 1px solid #333; padding: 10px; margin-bottom: 20px; }
#Content .pnlUploadFile label { display: block; font-weight: bold; color: #000;  }
#Content .pnlUploadFile textarea { margin-bottom: 20px; } 

#Content .pnlUploadFile a { font-size: 130%; text-decoration: none; color: #333 }
#Content .pnlUploadFile a:hover { text-decoration: underline; color: #333 }
#Content .pnlUploadFile .widUpload { margin-top: 20px; }
#Content .pnlConfirm { position: absolute; font-size: 140%; color: #333; width: 400px; height: 100px; left: 50%; margin-left: -200px; background: #FFF; padding: 20px; border: 3px solid #FF0000; text-align: center; padding-top: 100px; }
#Content .pnlConfirm p { margin-bottom: 30px; }

/* FORGOT PASSWORD */
#Content .forgotPassword { font-size: 130%; }
#Content .forgotPassword td { padding: 10px }
#Content .forgotPassword .errore { font-weight: bold; color: #000000; }

/* CREATE USER */
#Content .createUser { font-size: 110%; }
#Content .createUser td { padding: 5px; }
#Content #TabUtenti { width: 100%; margin-top: 20px; margin-bottom: 20px; }
#Content #TabUtenti thead th { padding: 10px 5px; background: #333; color: #FFF }
#Content #TabUtenti td { padding: 10px 5px; background: #FFF; color: #333 }
#Content .createUser #Pager { margin-bottom: 10px; text-align: center }
#Content .createUser #Pager a { color: #333; }

.menuAreaRiservata { position: absolute; top: 3px; left: 250px; }
.menuAreaRiservata li { float: left; }
.menuAreaRiservata li a { display: block; float: left; height: 1em; background: #FFD403; color: #333; padding: 10px; margin-right: .5em; border: 1px solid #333; text-decoration: none }
.menuAreaRiservata li a:hover { background: #FFDF42; }

#Content .logPath { background: #FFF; padding: 10px; margin: 10px; color: #333; }