﻿body { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 80%;  color: #666  }
body#BodyLogin { background: url("../images/login_banda.jpg") repeat-x left 300px ; }
strong { font-weight: bold; }
.addButton { padding-left: 20px; background: url("../images/add.png") no-repeat top left; }
p { margin: 10px 0px; }
.floatLeft {float: left;}

#Container { position: relative;  margin: 0px auto; line-height: 1.5; }
#Container2 { width: 90%; margin: 0 auto; }

#Header { padding: 0 95px; background: url("../images/banda_sx_header.jpg") no-repeat top left; height: 73px; padding-top: 53px; }
#HeaderFirst { background: url("../images/banda_dx_header.jpg") no-repeat top right; }

/* LOGO */
h1 a { position: absolute; top: -40px; left: 30px; display: block; height: 100px; width: 161px; background: url("../images/logo_beta.png") no-repeat top left; padding-bottom: 0px;  }
h1 span { display: none; }

div.header1 { position: relative; background: url("../images/header_sx.jpg") no-repeat top left;   }
div.header2 {  background: url("../images/header_dx.jpg") no-repeat top right; }
div.header3 { height: 73px; margin: 0 22px; background: url("../images/header_body.jpg") repeat-x top left;  border-bottom: 1px solid #515151; }

#MenuFirst { background: url("../images/sfum_sx.jpg") repeat-y top left; }
#MenuContainer {  background: url("../images/sfum_dx.jpg") repeat-y top right; }

ul#Menu { padding-left: 15px; min-height: 40px; height: auto !important; height: 40px; background: url("../images/line_1_body.jpg") repeat-x top left; margin: 0 6px; border-left: 1px solid #8A8A8A; border-right: 1px solid #8A8A8A; border-bottom: 1px solid #979797; }
ul#Menu li { float: left; }
ul#Menu li a { display: block; margin-right: .5em; text-decoration: none; color: #333;  /*width: 80px;*/ padding: 12px 7px 5px 7px; text-align: center; }
ul#Menu li a:hover, ul#Menu li a.active { color: #C00000; }

ul#SecondLevel { padding-left: 13px; min-height: 28px; height: auto !important; height: 28px; font-size: 90%; background: url("../images/line_2_body.jpg") repeat-x top left; margin: 0 6px; border-left: 1px solid #8A8A8A; border-right: 1px solid #8A8A8A; border-bottom: 1px solid #959595; }
ul#SecondLevel li { float: left; }
ul#SecondLevel li a { display: block; text-decoration: none; color: #333; min-height: 24px; height: auto !important; height: 24px; padding: 5px 10px 0 10px; margin-right: .5em; text-align: center; }
ul#SecondLevel li a:hover, ul#SecondLevel li a.active { color: #C00000 }

div.pnlConfirm { width: 300px; height: 90px; background: #CCC; border: 1px solid #333; padding: 20px; text-align: center; top: 30%; left: 50%; margin-top: -45px; margin-left: -150px; position: absolute; z-index: 100; }
div.pnlMessageOk { width: 300px; background: #CCC; border: 1px solid #333; padding: 20px; text-align: center; top: 30%; left: 50%; margin-top: -45px; margin-left: -150px; position: absolute; z-index: 100; }
div.pnlWarning { border: 2px solid #CC0000; padding: 40px 4px 10px 4px; background: #F7D9D9 url("../images/warning.png") no-repeat top center; text-align: center; }

#ContentContainerFirst { background: url("../images/banda_dx_body.jpg") repeat-y top right; }
#ContentContainer { background: url("../images/banda_sx_body.jpg") repeat-y top left; padding: 0 95px; }
#Content { line-height: 1.5; padding: 0 0 0 6px; background: url("../images/sfum_sx.jpg") repeat-y top left; }
#Content2 { padding: 0 6px 0 0px; background: url("../images/sfum_dx.jpg") repeat-y top right; }

.boxLogin { position: relative; margin: 0 auto; margin-top: 20px; background: url("../images/login_body_beta.jpg") no-repeat top left; height: 668px; width: 604px; }
input.loginInput { width: 200px; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; border: 1px solid #999; padding: 2px; }
#LoginForm { position: absolute; top: 295px; left: 240px; }
#LoginForm .btnLogin { position: absolute; top: 109px; left: 45px;  }

h2 { font-size: 120%; font-weight: bold; color: #333; padding-left: 17px; padding-top: 5px; background: url("../images/line_3_body.jpg") repeat-x top left;  min-height: 25px; height: auto !important; height: 25px; border-left: 1px solid #8F8F8F; border-right: 1px solid #8F8F8F; }
h2.normal { background: none; padding: 0; border: 0; }

#ContentRight { margin-left: 225px; }
#ContentRight h2 { border: 0; }
#RealCnt { padding: 10px; min-height: 600px; height: auto !important; height: 600px; }

#InnerBox { background: url("../images/sfondo_body.jpg") repeat top left; border-left: 1px solid #8F8F8F; border-right: 1px solid #8F8F8F; min-height: 290px; padding: 20px;  }
#InnerBox2 { background: url("../images/innerbox2_back.jpg") repeat-y top left; min-height: 290px;  }

#InnerBox h3 { font-size: 110%; font-weight: bold; margin: 10px 0; }

#MenuLeft { width: 203px; padding: 10px; float: left;}

#Login { background:#E8E9E3; border: 1px solid #C3C3C1; width: 300px; padding: 10px; }
#Login input.cool, table.createUser table table input, input.cool { background: url("../images/backinputs.gif") repeat-x top left; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; width: 190px; margin-left: 10px; margin-bottom: 10px; vertical-align: middle; }
#Login input.cool:focus,  table.createUser table table input:focus, input.cool:focus { background: url("../images/backinputs_focus.gif") repeat-x top left; }

#Login1 { min-height: 31px; height: auto !important; height: 31px; position: absolute; top: 76px; right: 150px; background: url("../images/schermo_sx.jpg") no-repeat top left; }
#Login2 {  min-height: 31px; height: auto !important; height: 31px; background: url("../images/schermo_dx.jpg") no-repeat top right; }
#LoginZone {  margin: 0 12px; padding: 0 20px; padding-top: 5px; min-height: 31px; height: auto !important; height: 31px; background: url("../images/schermo_body.jpg") repeat-x top left;}
#LoginZone a { text-decoration: none; color: Red }
#LoginZone p { margin: 0; padding: 0; }

.footer1 { background: url("../images/footer_sx.jpg") no-repeat bottom left; }
.footer2 { background: url("../images/footer_dx.jpg") no-repeat bottom right; }
.footer3 { height: 47px; margin: 0 22px 0 25px; background: url("../images/footer_body.jpg") repeat-x top left;  border-top: 1px solid #515151;}

#FooterFirst { background: url("../images/banda_dx_footer.jpg") no-repeat bottom right; }
#Footer { background: url("../images/banda_sx_footer.jpg") no-repeat bottom left; padding: 0 95px;  height: 89px;  }

.tabella { border-collapse: collapse }
.item { background: #E9E7E8;  }
.alternatingitem { background: #F1EFF0; margin: 1px 0; }

#InnerBox .tabella table tr.item:hover { background: #CCC; }
#InnerBox .tabella table tr.alternatingitem:hover { background: #CCC;  }
#InnerBox .tabella table tr.item:hover td.colIcona { background :#E6E7E8; }
#InnerBox .tabella table tr.alternatingitem:hover td.colIcona { background :#F1EFF0; }
#InnerBox .tabella table tr td { padding: 2px 5px; vertical-align: middle }
#InnerBox .tabella table thead tr th { padding: 0 5px; min-height: 20px; height: auto !important; height: 20px; }


#Pulsantiera { padding: 3px 0; margin-bottom: 10px; }
a.btnAdd { display: block; height: 29px; width: 126px; background: url("../images/crea_off.png") no-repeat top left; text-decoration: none; color: #333; padding-top: 9px; padding-left: 42px }
a.btnAdd:hover { background: url("../images/crea_on.png") no-repeat top left; } 

div.divBtnAdd { position: relative; }
div.divBtnAdd a { position: absolute; top: 9px; left: 42px; text-decoration: none; color: #333; }

div.albero { height: 600px; overflow: auto; font-size: 90%; }

/* MASCHERE */
#InnerBox fieldset { border: 1px solid #666; padding: 10px; margin-bottom: 20px; background: #CCC url("../images/sfondo_int.jpg") repeat top left; }
#InnerBox fieldset legend { font-weight: bold; margin-top: -10px; padding: 0 10px;  font-size: 110%}
#InnerBox fieldset input.inputMaschera {  width: 200px; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; border: 1px solid #999; padding: 2px; }
#InnerBox fieldset select.inputMaschera { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; border: 1px solid #999; padding: 2px; }
#InnerBox fieldset label { color: #333; display: block; float: left; width: 25em; }
#InnerBox #RealCnt fieldset label { display: inline; float: none; }

.btnSalva { position: relative; }
.btnSalva a { position: absolute; top: 5px; left: 50px }

.alert { position: absolute; top: 50%; left: 50%; margin-top: -125px; margin-left: -250px; width: 500px; height: 250px; background-image: url(../images/back_alert.png); z-index: 999; }
.alert .message {position: relative; top: 90px; left: 210px; font-size: 110%; font-weight: bold; width: 50%;  }
.alert .buttons {text-align: center; position: relative; top:100px;}

.Tabelle { width: 100%; border-collapse: collapse; margin: 20px 0; }
.Tabelle th { border: 1px solid #999; color:#FFF; background: #515151; padding: 5px;  }
.Tabelle td { border: 1px solid #999; padding: 5px; }
.Tabelle tr.pari { background: #F6F6F6; }
.Tabelle tr.dispari {background: #ECECEC; }

.noAuth { position: absolute; width: 200px; height: 50px; top: 40%; left: 40%; background: #FFF; border: 2px solid red; padding: 10px; text-align: center; }

.titleReservedArea
{
    font-weight: bold;
    color: #22409A;
    font-size: 35px;
    position: absolute; top: 50px; left: 160px;
}

.titleAdminArea
{
    font-weight: bold;
    color: #22409A;
    font-size: 35px;
    position: absolute; top: 50px; left: 145px;
}
