* {margin:0; padding:0;}
body {font-size: 0.66em; font-family: Verdana, Georgia,"Times New Roman",Times, serif; color:#427495; height: 100%;}
a {color: #1B5374; text-decoration: none;}
a:hover {border-bottom: 1px dotted #032D46;}
img {border:none; vertical-align: middle;}

#header {border-bottom: 3px solid #D5D9DA; background-color: #FFF;}
#container {position: relative; top: 115px; width: 100%; padding-bottom: 70px;}
#coldx {margin-left: 220px; margin-right: 10px;}

#prefoot {position: fixed; z-index: 4; bottom: 36px; width: 100%; height: 45px;}
#pref1, #pref2, #pref3, #pref4, #pref5, #pref6, #pref7, #pref8, #pref9 {line-height: 5px; min-height: 5px; height: 5px; background-color: #FFF; width: 100%;}
#pref1{opacity: 0.1;}
#pref2{opacity: 0.2;}
#pref3{opacity: 0.3;}
#pref4{opacity: 0.4;}
#pref5{opacity: 0.5;}
#pref6{opacity: 0.6;}
#pref7{opacity: 0.7;}
#pref8{opacity: 0.8;}
#pref9{opacity: 0.9;}

#footer {position: fixed; z-index: 4; bottom: 0px; width: 100%; background: url(sfhead.gif) bottom left repeat-x #FFF;}
#footer p {float: left; font-size: 0.92em; padding: 20px 0px 0px 0px; width: auto;}
#footer a img {float: left; padding: 3px; width: auto; padding-left: 34px;}
#footer img {float: right; padding: 3px; width: auto;}

h2 {font-size: 1.1em; background: url(sfhead.gif) top left repeat-x; height: 25px; line-height: 25px; padding-left: 10px;}
#editor_toolbar h3 {font-size: 0.87em; font-weight: normal;}
h6 {font-size: 1em;}
input {border: 0px; background-color: #ECEAF9; width: 99%; height: 20px;}
/*** originale input F4F3FC ***/
input, select {font-size: 1em; color: #427495;}
textarea {width: 99%; height: 100px;}

#header {position: fixed; top: 0px; left: 0px; width: 100%; z-index: 4;}
#personaldata {line-height: 24px; height: 24px; width: 100%; border-bottom: 1px solid #D5D9DA; background-color: #FAFAFA;}
#personaldata ul {list-style: none; padding: 0px 20px 0px 23px;}
#personaldata li {margin: 0px 10px;}
#hdata {clear: both; background: url(sfhead.gif) top left repeat-x; height: 25px; padding-left: 23px;}

#alb {position: fixed; width: 100%; top: 51px; clear: both; line-height: 23px; text-indent: 32px; border-bottom: 1px solid #858487; font-weight: bold; background-color: #FFF;}
#alb a {font-weight: normal;}

.text {margin: 20px 0px;}
.text h1 {font-size: 2.22em; margin-bottom: 10px;}
.text p {line-height: 1.6; margin: 5px 0px 10px 0px;}
.text h6 {margin: 10px 0px 2px 0px;}
.text a {border-bottom: 1px dotted #032D46;}
.text form a {border-bottom: 0px;}
.text h5 {border: 1px solid #032D46; display: block; background-color: #E7E9FF; text-align: center; padding: 10px; font-size: 13px;}

#prhi {margin: 10px;}
#prhi ul {list-style: none;}
#prhi ul li {line-height: 22px;}
.esp1 {background-color: #F4F3FC;}

.required {font-style: italic; font-size: 0.92em; color: #F00;}
.operation {text-align: right; padding: 10px 0px 40px 0px; border-top: 1px solid #DDD; margin: 15px 10px 0px 0px;}
.opother {float: left; margin-top: -10px;}
.opsmall, .opmedium, .oplong {line-height: 26px; height: 26px; width: 80px; float: right; text-align: left; margin: 0px 0px 0px 5px;}
.oplong {width: 150px;}
.insmall {line-height: 26px; height: 26px; width: 55px; background: url(opsmall.png) top left no-repeat;}
.insmall:hover {line-height: 26px; height: 26px; width: 55px; background: url(opsmallov.png) top left no-repeat;}
.opsmall {width: 55px;}
.oplong a {background: url(oplong.png) top left no-repeat; padding: 0px 2px 0px 5px; border: 0px; display: block;}
.oplong a:hover {background: url(oplongov.png) top left no-repeat;}
.opmedium a {background: url(opmedium.png) top left no-repeat; padding: 0px 2px 0px 5px; border: 0px; display: block;}
.opmedium a:hover {background: url(opmediumov.png) top left no-repeat;}
.opsmall a {background: url(opsmall.png) top left no-repeat; padding: 0px 3px 0px 3px; border: 0px; display: block;}
.opsmall a:hover {background: url(opsmallov.png) top left no-repeat;}
.myradio {width: auto; height: auto; background-color: transparent; vertical-align: middle; margin-right: 5px;}
.myautorun {text-align: right; margin: 3px 0px;}
.myautorun input {padding-left: 20px; margin-right: 10px;}
.myautorun img {position: absolute; margin: 4px 0px 0px 4px;}

.error {position: absolute; top: 76px; z-index: 4; text-align: center; line-height: 20px; width: 100%; margin: 0px auto; background-color: #F7F7F7;}

/**** hometasti ****/
.htasti {width: 128px; margin: 0px 30px 15px 30px; float: left; text-align: center; font-weight: bold;}
.htasti a {display: block;}
.htasti a:hover {border: 0; color: #AAA;}
.htasti .htasto {opacity: 0.7; margin-bottom: 2px;}
.htasti:hover .htasto {opacity: 1;}

/******* support menu ****/
.smenu {visibility: hidden; position: absolute; margin: -27px 0px 0px 180px; background-color: #FFF; width: 200px; border: 1px solid #CCC;}
a.smenu:hover, a.smenu {display: block; position: relative;}
.smenu span {padding: 0px 3px; display: block;}

/***************** table ********************/
table {
font-size: 1em;
position: relative;
width: 100%;
border: 1px solid #858487;
border-top: 0px;
border-collapse: collapse;
background-color: #FFF;
top: -3px;
border-left: 1px solid #D5D9DA;
}

caption {
  font-size: 1.1em;
  background: url(sfhead.gif) top left repeat-x;
  max-height: 25px;
  line-height: 25px;
  border-right: 1px solid #858487;
  text-align: left;
  padding-left: 4px;
  font-weight: bold;
  border-left: 1px solid #D5D9DA;
  border-top: 1px solid #D5D9DA;
}

th {text-align: left; padding-left: 4px; line-height: 24px; border-bottom: 1px solid #D5D9DA; background-color: #FFF;}
th a {color:#427495;}
td {padding: 0px 3px; line-height: 24px; vertical-align: top;}
.linea1 td {background-color: #F4F3FC;}
td a:hover {border: 0px;}

#addingdata {display: none;}
caption {margin-left: -1px;}
caption img {vertical-align: middle; margin-right: 4px;}

.help {background-color: #F8F7FF; width: 25%;}
.insdata, .help {padding: 10px; border-top: 1px solid #F4F3FC;}

#pushbutton3 button {padding-left: 2em; background: url(add.gif) 10% 50% no-repeat;}
#submitbuttonsfrommarkup {text-align: right; padding: 4px; background-color: #FFF;}

#homend a {margin: 0px 0px 20px 0px; line-height: 1;}
.spaceme {padding: 5px;}

/***************** Area riservata link e pop up ********************/

#moveshadow {position: fixed; top: 115px; left: 8px; padding-right: 3px; background-color: #D5D9DA;}
#colsx {
  position: relative;
  top: -3px;
  margin-left: -3px;
  width: 180px;
  border: 1px solid #858487;
  background-color: #FFF;
  border-left: 1px solid #D5D9DA;
  border-top: 1px solid #D5D9DA;
}

#colsx h2 {background-image: none; border-bottom: 1px solid #D5D9DA; background-color: #FFF; padding-top: 15px; }
#colsx p {padding: 4px 0px;}

#leftmenu, .menubox {list-style: none; background-color: #F6F6F6; border-bottom: 1px solid #D5D9DA;}
#leftmenu li, .menubox li, #pdata ul li {line-height: 26px;}
#leftmenu li a, .menubox li a {display: block; width: auto; padding-left: 5px;}
#leftmenu li a img, .menubox li a img, #pdata ul li a img {margin-right: 5px;}
#leftmenu li a:hover, .menubox li a:hover {background-color: #E7E9FF; border: 0px;}

#pdata ul {list-style: none;}
#pdata ul li {background-color: #FFF; border: 0px;}

#logo {padding: 3px 0px; text-align: center;}
#logo img {width: 140px;}
#logo a:hover {border: 0px;}
#pdata {padding: 10px 0px;}
#pdata ul {padding: 0px 10px;}
#pdata ul li {line-height: 24px;}
.searchme a {float: right;}
.searchme a img {vertical-align: middle;}
.searchme input {width: 89%;}
.searchme .myradio {width: auto; height: auto; margin: 5px 5px 5px 0px;}
.searchme form {margin: 5px;}

/******** editor ************/
.yui-skin-sam .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon {
background-image: url(html_editor.gif);
background-position: 0 1px;
left: 5px;
}
.yui-skin-sam .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon {
background-image: url(html_editor.gif);
background-position: 0 1px;
left: 5px;
}
.editor-hidden {visibility: hidden; top: -9999px; left: -9999px; position: absolute;}
.yui-toolbar-container, .yui-toolbar-titlebar h2 a {color:#427495;}
#editor_container {border-top: 1px solid #D5D9DA; border-left: 1px solid #D5D9DA;}

/**** table js ***/
table.yui td {border-left: 1px solid #D5D9DA;}
table.yui .even {background-color: #FFF;}
table.yui .odd {background-color: #F4F3FC;}
table.yui th {border-left: 1px solid #D5D9DA; padding: 0px 5px;	height: auto; cursor:pointer;}

table.yui th a {
  text-align: center;
  padding-right: 20px;
  font-weight:bold;
  white-space:nowrap;
  background: url(bg.gif) no-repeat right 50%;
}

table.yui thead .headerSortUp , table.yui thead .headerSortDown {background-color: #E7E9FF;}
table.yui .headerSortUp a {background: url(asc.gif) no-repeat right 50%;}
table.yui .headerSortDown a {background: url(dn.gif) no-repeat right 50%;}

table.yui tfoot td {border-top: 1px solid #D5D9DA; background: url(sfhead.gif) top left repeat-x; line-height: 25px;}
table.yui tfoot td img {vertical-align: middle;}
table.yui tfoot {text-align:center;}

table.yui .pagedisplay {width: 30px; border: 1px solid #D5D9DA; text-align:center; vertical-align: middle; height: 17px; line-height: 17px;}
table.yui .pagesize {vertical-align: middle; width: 50px;}
tfoot td input {width: 200px; background-color: #FFF;}
.highlight td {background-color: #E7E9FF;}
.small {width: 80px; text-align: center;}

/*** reserved area ****/
#showlog {position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-color: #808285; opacity: 0.9; z-index: 6000;}
#delogga a:hover {border: 0px;}
#blocklog {position: absolute; left: 50%; top: 20%; margin-left: -300px; width: 600px; background-color: #FFF; text-align: left;}
#blocklog form {padding: 5px 15px 10px 15px;}
#blocklog img {padding: 10px;}
.blogin {clear: both; float: left; width: 298px;}
.bforgot {float: right; width: 300px;}
.bprivacy {clear: both; text-align: center; padding: 5px 10px; font-size: 0.92em;}

/**** calendario ****/
#calendar {display:none; position:absolute; z-index:2; width: 200px;}
#calendar2 {display:none; position:absolute; z-index:2; width: 200px;}

/********* Menù ************/
#menutasti {list-style: none; padding-left: 10px; height: 25px; width: 100%; line-height: 25px;}
#menutasti li {padding-right: 40px;}
.boldme, .short, .medium, .long {float: left; width: auto;}
.boldme {font-weight: bold;}
/*.short {width: 80px;}
.medium {width: 110px;}
.long {width: 130px;}*/
.lastm {float: right; width: auto;}
.lastm a img {vertical-align: middle; padding-right: 4px;}

.shadow {background-color: #D5D9DA; margin-bottom: 20px;}
.shadow table {margin-left: -3px;}

#list {padding-bottom: 20px;}

.jqueryslidemenu ul li {position: relative;}
/*IE6 hack to get sub menu links to behave correctly*/
* html .jqueryslidemenu ul li a {display: inline-block;}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
width: 140px;
list-style: none;
position: absolute;
left: 0px;
margin-left: -5px;
display: block;
visibility: hidden;
line-height: 2;
border: 1px solid #CCC;
border-bottom: 2px solid #CCC;
border-right: 2px solid #CCC;
border-top: 0px;
z-index: 80;
background-color: #FAF8FF;
}

.jqueryslidemenu ul li ul li{display: list-item; float: none; width: 100%;}
.jqueryslidemenu ul li ul li a {text-indent: 5px; display: block;}
.jqueryslidemenu ul li ul li a:hover{background-color: #E7E9FF; border: 0px;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/**** hide menu arrow *****/
.downarrowclass {display: none; position: absolute; top: 12px; right: 7px;}
.rightarrowclass {display: none; position: absolute; top: 6px; right: 5px;}



/**** IE6 ****/
* html #header, * html #footer, * html #alb, * html #moveshadow {position: absolute; overflow-x: hidden;}
* html #prefoot {display: none;}
* html .jqueryslidemenu ul li ul li a:hover {background-color: #FAF8FF; text-decoration: underline;}
* html #layout {margin-bottom: 70px;}

/**** calendar events ****/
.shadow table table {margin-left: 0px;}
.myeventscalendar {}
.myeventscalendar caption, .myeventscalendar th {text-align: center;}
.buttprev {float: left; width: 10%;}
.buttnext {float: right; width: 10%;}
.captitle {width: 80%;}
.myeventscalendar tr td {border: 1px solid #D5D9DA; text-align: right; padding: 0px;}
.myeventscalendar tr td span img {float: left; margin: 2px;}
.myeventscalendar tr .mini {width: 40px;}
.myeventscalendar tr .week {font-weight: bold; text-align: right;}
.myeventscalendar tr .festa:hover, .myeventscalendar tr .good:hover {background-color: #E7E9FF;}
.myeventscalendar tr .after {background-color: #FFF; width: 13%;}
  .myeventscalendar tr .before {background-color: #DDD; width: 13%;}
.myeventscalendar tr .today {background-color: #F1F1BD; width: 13%;}
.myeventscalendar tr .festa {color: #F00; background-color: #EEE;}
.myeventscalendar tr td table {border: 0px; top: 0px; background-color: transparent;}
.myeventscalendar tr td table tr td {text-align: left; max-width: 140px; border: 0px; line-height: 22px; height: 22px; max-height: 22px;
                  border-top: 1px solid #D5D9DA; padding: 0px 3px;}
.myeventscalendar tr .week table tr td {text-align: right; font-weight: normal;}

.dayhour {float: left;}
.dayhour tr td {background: none;}
.dayhour tr td:hover {background-color: #F6C120;}
.dayhour tr .stra {background-color: #EA7956; color: #FFF;}
select .stra {background-color: #EA7956; color: #FFF;}

.modhour, .inserthour {text-align: left; position: absolute; z-index: 40; background-color: #F7F7F7; border: 1px solid #CCC; width: 160px; float: left;
            margin-top: 0px; margin-left: 0px;}
.disres {display: none; background-color: #F7F7F7; border: 1px solid #CCC; width: 160px; position: absolute; text-align: left; z-index: 40;
        margin-left: -18px;}

.disres .formins a:hover {text-decoration: underline;}

.disres .close, .modhour .close, .inserthour .close {display: block; text-align: right; background: url(sfhead.gif) top left repeat-x; height: 25px; line-height: 25px;}
.disres .close img, .modhour .close img, .inserthour .close img {margin: 2px 5px 2px 0px;}
/*.inserthour .remsinevent {height: 24px; line-height: 24px; text-align: left; border-bottom: 1px solid #DDD; width: 100%;}
.inserthour .remsinevent img {margin: 3px 5px 2px 5px;}*/
.disres .formins, .modhour .formins, .inserthour .formins {padding: 3px; line-height: auto;}
.modhour .formins h6, .inserthour .formins h6 {padding-bottom: 0px; margin-bottom: 0px;}
.inserthour .formins select, .inserthour .formins input {margin: 0px;}
.formins input {}
.proj {width: 70px;}
.myoperation {text-align: right; padding: 2px 3px; border-top: 1px solid #DDD; margin: 5px 0px 0px 0px;}
.myoperation input {width: auto; background-color: #F7F7F7; height: auto;}
.myoperation .myradio {width: auto; height: auto; background-color: transparent; vertical-align: middle; margin-right: 5px;}
.headday {background: url(sfhead.gif) top left repeat-x; padding: 0px 2px; font-weight: bold;}
.headday span a img {padding-top: 2px;}

.noteme, .hideme {display: none;}

#divshowday {position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; background-color: #808285; z-index: 6000;}
#divshowday a:hover {border: 0px;}
#contshowday {position: absolute; left: 50%; top: 30%; margin-left: -300px; width: 600px; border: 2px solid #69C; background-color: #FFF;
         text-align: left;}
#contshowday .noteme {display: block;}

.showday tbody .odd {background-color: #F7F7F7;}

.myeventscalendar tr .listcaluser {width: 90px; text-align: left; padding: 0px 3px; vertical-align: middle; font-weight: bold;}
.myeventscalendar tr .week {}
.showres, .dragme, .addme {cursor: hand; cursor: pointer;}
.rsev {float: right;}
.forb img {opacity: 0.3; filter: alpha(opacity=30);}
.forb:hover img {opacity: 1; filter: alpha(opacity=100);}
.listres img {float: right; vertical-align: middle; margin: 3px 0px;}