body { width: 780px; margin: 0px auto; text-align: left; background-color: #BBBBBB; scrollbar-base-color: #DDDDDD; }
body, input, select, div, textarea { font-family: sans-serif; font-size: 11px; color: #333333; }
a { font-weight: bold; font-size: 11px; color: #4F738F; text-decoration: underline; }
a:hover { color: #333333; }
select { border: silver 1px solid; font-size: 11px; background-color: transparent; }
input.text, input.file, input.button, textarea { border: silver 1px solid; font-size: 11px; }
form { margin: 0px; }
label { font-weight: bold; }
img { border: 0px; }
textarea { width: 95%; }
h1 { font-size: 11px; font-weight: bold; margin-bottom: 3px; }
ul { margin: 10px 0px 0px 35px; list-style: outside url(images/artwork/icon1.gif); padding: 0px; }
table { border-collapse: collapse; }
td { font-size: 11px; vertical-align: top; }
li { margin-left: -10px; }

#popup { margin: 5px; width: 550px; text-align: left; }

#page { top: 0px; left: auto; width: 780px; text-align: center; background-color: #FFFFFF; }

#header { background: url(images/artwork/header.jpg) no-repeat; width: 780px; height: 182px; text-align: left; }

#left { width: 230px; height: 500px; margin: 3px; padding: 7px; text-align: left; background: url(images/artwork/fader.jpg) repeat-x; }
#middle { width: 255px; height: 500px; margin: 3px 0px 3px 0px; padding: 7px; border-left: 1px dotted #424242; border-right: 1px dotted #424242; text-align: left; }
#right { width: 225px; height: 500px; margin: 3px; padding: 7px 0px 7px 7px; text-align: left; }


#body { overflow: hidden; width: 800px; margin: 3px 0px 3px 0px; padding: 7px; border-left: 1px dotted #424242; text-align: left; }


#footer { background: url(images/artwork/footer.gif) repeat-x; width: 780px; height: 60px; text-align: left; } 
#footer .eSiteHeader { float: left; text-align: left; color: #FFFFFF; margin: 4px 0px 0px 5px; }
#footer .eSiteBody { float: left; padding: 7px; }
#footer .eSiteFooter { float: right; text-align: right; color: #FFFFFF; margin: 10px 5px 0px 0px; }
#footer td { font-size: 11px; padding: 3px; }
#footer a { color: #FFFFFF; }
#footer a:hover { color: #4F738F; }
#footer .adsense { text-align: center; margin-top: 40px; }

.menu { float-left; margin: 153px 15px 1px 1px; font-size: 13px; }
.menu a { color: #FFFFFF; }
.menu a:hover { color: #4F738F; }
.menu td { font-size: 16px; height: 22px; vertical-align: middle; padding-left: 5px; text-align: center; }
.menu .eSiteFooter { float: right; }

.loginbox { float: right; width: 222px; height: 70px; background: url(images/artwork/login.gif) no-repeat; padding: 110px 5px 0px 5px; } 
.loginbox table { margin-left: 15px; }
.loginbox input.button { font-size: 9px; }
.date { font-weight: bold; padding-top: 15px; }

.eSitePageLinks table { width: 190px; }
.eSitePageLinks td { background: url(images/artwork/sarrow.gif) no-repeat 3px; padding: 3px 3px 3px 15px; }

.eSiteScroll table { border-top: 1px solid #424242; }
.eSiteScroll table th { background-color: #990000; }
.eSiteScroll td.eSiteMarginLeft { width: 100%; }

.wide table { width: 100%; }

.eSiteTabs { padding-top: 5px; }
.eSiteTab { padding-bottom: 3px; margin-top: 10px; }
.eSiteTab td { padding: 3px 10px 3px 10px; }
.eSiteTab td.eSiteMarginLeft { padding: 3px; border-bottom: 1px solid #424242; }
.eSiteTab td.eSiteMarginRight { padding: 3px; border-bottom: 1px solid #424242; width: auto; }
.eSiteTab td.eSiteDeselected { border: 1px solid #424242; background-color: #E8F5FF; cursor: pointer; cursor: hand; }
.eSiteTab td.eSiteSelected { font-weight: bold; border: 1px solid #424242; border-bottom: none; border-top: 2px solid #990000; cursor: pointer; cursor: hand; padding-top: 4px; }
.eSiteTab a { color: #333333; text-decoration: none; }
.eSiteTab a:hover { color: #333333; text-decoration: none; }
.eSiteTab td.eSiteDeselected a { font-weight: normal; }

.eSiteCaption { background: url(images/artwork/arrow.gif) left no-repeat; margin-bottom: 5px; padding: 0px 0px 0px 20px; font-size: 16px; color: #4F738F; font-weight: bold; font-variant: small-caps; }
.eSiteHeader { margin-bottom: 5px; font-size: 11px; }
.eSiteFooter { margin-top: 5px; font-size: 11px; }

.eSiteTable table { width: auto; }
.eSiteTable th { background-color: #424242; color: #FFFFFF; padding: 3px; text-align: center; }
.eSiteTable td { padding: 2px; }
.eSiteTable tr.eSiteTableBreakRow { background-color: #4F738F; color: #FFFFFF; font-weight: bold; }
.eSiteTable tr.eSiteTableOddRow { background-color: #E8F5FF; }
.eSiteTable tr.eSiteTableNewRow { background-color: #990000; }
.eSiteTable tr.eSiteTableNewRow td { color: #FFFFFF; }
.eSiteTable tr.eSiteTableNewRow td a { color: #FFFFFF; }

.eSiteCalendar caption { background-color: #424242; color: #FFFFFF; padding: 3px; }
.eSiteCalendar table { width: 100%; }
.eSiteCalendar td { text-align: center; }
.eSiteCalendar td.eSiteIn { background-color: #FFFFFF; }
.eSiteCalendar td.eSiteNow { background-color: #990000; color: #FFFFFF; }
.eSiteCalendar .eSiteScroll { text-align: center; }

.eSiteErr, .eSiteNoData { margin: 3px; color: #990000; }

.eSiteIndexedLinks { width: 100%; }

.legenda { position: absolute; width: 150px; height: 100px; }

.appuntamenti td.eSiteIn { vertical-align: top; text-align: left; height: 40px; border: 1px solid #424242; padding: 3px; }
.appuntamenti td.eSiteOut { vertical-align: top; text-align: left; height: 40px; border: 1px solid #424242; padding: 3px; background-color: #DDDDDD; }
.appuntamenti td.eSiteWeekend { vertical-align: top; text-align: left; height: 40px; border: 1px solid #424242; padding: 3px; background-color: #E8F5FF; }
.appuntamenti td.eSiteNow { vertical-align: top; text-align: left; height: 40px; border: 1px solid #424242; padding: 3px; background-color: #990000; }
.appuntamenti .eSiteScroll table { border: none; }

legend { color: #4F738F; font-weight: bold; padding: 3px; }

.divisorio, hr { font-size: 13px; font-weight: bold; color: #333333; border-bottom: 2px solid #990000; padding-top: 3px; }
.cliente { font-size: 16px; font-weight: bold; color: #990000; height: 20px; }
td.oggetto span.eSiteMultiSelection { float: left; width: 175px; }

.eSiteForm td { vertical-align: middle; }

td.zone .eSiteMultiSelection { float: left; width: 120px; }

td.PL115 a { color: red; }

/* div { border: 1px solid red; }*/

.dettaglio { float: left; margin: 2px 0px 0px 216px; }

@media print {
    @page { size: 210mm 297mm; margin: 30mm; }
    * { color: black; background: white; border: none; font-family: serif; font-size: 12pt; }
    a:link, a:visited { background: white; color: black; text-decoration: none; font-weight: bold; }
    .eSiteCaption { color: black; font-weight: bold; background: white; border: none; font-family: serif; font-size: 14pt; }
    th { color: black; font-weight: bold; background: white; border: none; font-family: serif; font-size: 12pt; }
    #header, #left, #middle, #right, #footer, .dontprint { display: none; }
}