@charset "utf-8";
@import url(reset.css);
/* CSS Document */

body{background: url(../Images/bgContainer.gif) 0 0 repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.container{clear:both;}
/*.container:after {clear:both; visibility:hidden; display:block; content:"."; height:0;}*/
.leftBar{width:177px; float:left; position:fixed;overflow:hidden; background-color:#000;}
.main{background:url(../Images/bgMain.gif) right bottom no-repeat; margin-left:177px; /*min-height:500px;*/}/*dovrà avere altezza minima pari all'altezza dello schermo, larghezza pari a larghezza dello schermo -  177px*/
.header{height:90px;}
.content{margin-left:15px;padding-bottom:50px;}
.contentCalendar{margin-left:15px;padding-bottom:10px;}
.footer{}

.cleared {clear:both; height:1%;}
.cleared:after {clear:both; visibility:hidden; display:block; content:"."; height:0;}
.hidden{display:none;}

h1{font-size:24px; font-weight:normal; line-height:100%;}
h1 .dates{font-size:16px;}
h2{font-size:18px; font-weight:normal; line-height:100%; margin-bottom:15px;}
a{color:#000; text-decoration:underline;}
*{text-align:left;}
	
/* left bar */
.menu{width:145px; margin:107px 0 0 32px;}
.arrowLeftBar{position:absolute; top:60px; right:10px; width:13px; height:14px; overflow:hidden; background:0 0 no-repeat;}
.arrowLeftBarOpen{background-image:url(../Images/arrow_leftBar_open.gif); display:none;}
.arrowLeftBarClose{background-image:url(../Images/arrow_leftBar_close.gif); display:block;}
.arrowLeftBar a{width:13px; height:14px; display:block; position:absolute; top:0; left:0; line-height:200px;}

/*header*/
.logo{height:60px; float:left; margin:15px 0 15px 20px;}
.user{height:60px; float:right; margin:15px 20px 15px 0; position:relative;}
.user .foto{width:60px; height:60px; overflow:hidden; background:0 0 no-repeat; background:url(../Images/bgUserFoto.jpg) 0 0 no-repeat; position:absolute; top:0; right:0;}
.user .fotoFrame{width:60px; height:60px; overflow:hidden; background:0 0 no-repeat; background:url(../Images/fotoFrame.png) 0 0 no-repeat; position:absolute; top:0; right:0;}
.user .data{float:right; padding:5px 70px 0 0; text-align:right; color:#666; line-height:130%;}
.user .data .userType{text-transform:uppercase;}
.user .data .userName{font-weight:bold;}
.user .data a{color:#666;}

/*content*/
.contentTop{padding:10px 10px 10px 0; border-bottom:1px solid #ccc; margin-bottom:10px;}
.contentTop h1{float:left; padding-top:12px;}
.function{float:right;}

/*lists*/
.list{margin:0 15px 15px 0;}
.pager{color:#666; text-align:right; margin-bottom:10px;}
.pager a{color:#666;}
.pager a:hover{color:#000;}
.pager a.sel{color:#000; text-decoration:none; cursor:pointer; font-weight:bold;}

table.listTable{width:100%; margin-bottom:10px; border-left:2px solid #fff; border-right:2px solid #fff;}
table.listTable th, table.listTable td{padding:5px 3px; border-bottom:2px solid #fff; border-top:2px solid #fff;}
table.listTable th{padding:8px 3px; white-space:nowrap;}
table.listTable th{background-color:#ccc;}
table.listTable td{background-color:#f5f5f5; vertical-align:middle;}
table.listTable td.tdAlter{background-color:#e9e9e9;}
table.listTable td.tdOver{background-color:#ff9;}

a.ico{width:22px; height:16px; overflow:hidden; line-height:200px; display:block; float:left; background:center center no-repeat;}
a.icoEdit{ background-image:url(../Images/icoEdit.png);}
a.icoPdf{ background-image:url(../Images/icoPdf.png);}
a.icoDoc{ background-image:url(../Images/icoDoc.png);}
a.icoCopy{ background-image:url(../Images/icoCopy.png);}
a.icoTrash{ background-image:url(../Images/icoTrash.png);}
a.icoPrint{ background-image:url(../Images/icoPrint.png);}
a.icoTime{ background-image:url(../Images/icoTime.png);}

.listSummary{ padding:15px 0 0 0; margin-bottom:15px; border-top:1px solid #ccc;}
.listSummary table th, .listSummary table td{ padding:5px 30px 5px 5px; border-bottom:1px solid #ccc;}
.paid{color:#090;}
.toPay{color:#F00;}

th.txtCenter, td.txtCenter{text-align:center;}
th.txtRight, td.txtRight{text-align:right;}

/*search panel*/
.searchPanel{overflow:hidden; margin-bottom:15px; position:relative; height:0;}
.searchPanel .wrap{padding:0 5px 15px 0; border-bottom:1px solid #ccc;}
.searchPanel .formBlock{width:540px; margin-bottom:15px;}
.searchPanel .formBlock table td.label{width:70px; text-align:left;}
.searchPanel .close{ position:absolute; top:0; right:15px;}

/*form*/
.formBlock{width:650px; margin-bottom:15px; border:1px solid #ccc; padding:10px 5px; background-color:#fff;}
.formBlock table{}
.formBlock table td{ padding:4px 5px;}
.formBlock table td.label{width:120px; text-align:right;}
.formBlock label{display:inline-block;}
.formBlock label.labelS{}
.formBlock label.labelXS{width:28px;}
.formBlock input.inputText{width:380px;}
.formBlock input.inputTextS{width:165px; margin-right:10px;}
.formBlock input.inputTextXS{width:58px; margin-right:10px;}
.formBlock input.inputTextDisabled{border:1px solid #fff;}
.formBlock select.select{width:386px;}
.formBlock select.selectS{width:171px; margin-right:10px;}
.formBlock select.selectXS{}
.formBlock textarea.textarea{}
table.listTableForm{width:660px; margin-bottom:15px;}
table.listTableForm th, table.listTableForm td{ padding-right:10px;}
a.addDetail{padding-left:20px; background:url(../Images/icoAdd.png) 0 center no-repeat; font-size:12px; color:#666; margin-left:20px;}
.error{color:#f00;}

/*btn*/
.btn{width:102px; height:32px; line-height:30px; overflow:hidden; text-align:center; color:#fff; font-size:11px; font-weight:bold; background:url(../Images/btn.png) 1px 0 no-repeat; border:none; cursor:pointer; margin-right:5px;}
.btn:hover{text-decoration:underline;}
.btnNew{background-image:url(../Images/btnNew.png);}
.btnSearch{background-image:url(../Images/btnSearch.png);}
.btnExport{background-image:url(../Images/btnExport.png);}
.btnPrint{background-image:url(../Images/btnPrint.png);}

.btnSmall{width:36px; height:33px; line-height:300px; text-indent:200px; overflow:hidden; background:1px 1px no-repeat; border:none; cursor:pointer; margin-right:5px;}
.btnPrevPage{background-image:url(../Images/btnPrevPage.jpg);}
.btnPrevWeek{background-image:url(../Images/btnPrevWeek.jpg);}
.btnNextPage{background-image:url(../Images/btnNextPage.jpg);}
.btnNextWeek{background-image:url(../Images/btnNextWeek.jpg);}

/*box login*/
.boxLogin{margin:7% 0 0 20%; width:300px;}
.boxLogin .formBlock{width:300px; margin-bottom:0;  border:none; padding:0; background-color:#D2D2D2;}
.boxLogin .formBlock table{width:280px; margin-left:10px;}
.boxLogin .formBlock table td{margin:0; padding:3px 0;}

/* overlay */
.overlay{ overflow:hidden; position:fixed; bottom:0; z-index:99; width:100%; height:100%;} /* height e width come schermo*/
.overlay .background{ width:2400px; height:1500px; position:absolute; top:0; left:0; background-color:#fff; filter: alpha(opacity=77); opacity:0.77;}
.overlay .popup{width:300px; height:200px; background-color:#FFF; border:1px solid #ccc; position:absolute; top:35%; left:40%; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999}
.overlay .popup table{width:80%; margin-left:10%;}
.overlay .popup table td{text-align:center; vertical-align:middle; background: center center no-repeat;}
.overlay .popup table td.icon{ height:85px;}
.overlay .popupOk table td.icon{background-image:url(../Images/messageOk.png);}
.overlay .popupError table td.icon{background-image:url(../Images/messageError.png);}
.overlay .popup table td.message{height:30px; font-weight:bold;}
.overlay .popupOk table td.message{ color:#090;}
.overlay .popupError table td.message{ color:#C00;}
.overlay .popup table td.button{height:85px;}

/* calendar */
.calendarContainer{}
.maskCol{float:left; position:relative; overflow:hidden; /*height:848px; width:900px;*/}	/*larghezza da calcolare = 5 x larghezza div day + 60 (i 6 margini visibili) / altezza da calcolare = 7 x altezza day + 8 (gli 8 bordi tra i giorni) */
.listCol{position:absolute; left:0; top:0; /*width:2000px;*/} /*da pensare come gestire la width*/
.col{float:left; position:relative; margin-right:10px; background-color:#ccc; padding-top:1px; font-size:11px;}
.col .corner{width:5px; height:5px; overflow:hidden; position:absolute; background:0 0 no-repeat;}
.col .cornerTopLeft{top:0; left:0; background-image:url(../Images/cornerTopLeft.png);}
.col .cornerTopRight{top:0; right:0; background-image:url(../Images/cornerTopRight.png);}
.col .cornerBottomLeft{bottom:0; left:0; background-image:url(../Images/cornerBottomLeft.png);}
.col .cornerBottomRight{bottom:0; right:0; background-image:url(../Images/cornerBottomRight.png);}
.col .dayContainer{border-left-width: 1px; border-style: solid; border-color: #ccc; border-right-width:1px; border-bottom-width:1px; border-top:none;}
.col .day{ overflow:auto; position:relative; width:200px; height:120px;}	/*da calcolare*/
.col .day .dayDate{width:20px; height:100%; position:absolute; top:0; left:0;  overflow:hidden; line-height:120px;}/* line-height da calcolare uguale a height di "day" */
.col .day .dayDate a{display:block; width:20px; text-align:center; text-decoration:none; color:#333;} 
.col .day .dayDate a:hover{color:#333;}
.col .day .dayText{ margin-left:20px; height:120px; overflow:auto;}	/* height da calcolare uguale a height di "day" */
.col .day .dayText .appointment{border-bottom:1px solid #E0E0E0; height:22px; line-height:22px; overflow:hidden;}
.col .day .dayText .appointment a{text-decoration:none;}
.col .day .dayText .appointment a:hover{text-decoration:none;}
.col .day .dayText .appointment span{padding:0 3px 0 23px; display:block; width:400px;}

.colSmall{width:30px;}
.colSmall .day{width:28px;}
.colSmall .day .dayDate{width:28px; text-align:center; background-color:#f0f0f0;}

/* calendar colors */
.col .bgMounthA .day{background-color:#fff;}
.col .bgMounthA .dayHoliday{background-color:#ebebeb;}
.col .bgMounthA .day .dayDate a{background-color:#f0f0f0;}
.col .bgMounthA .dayHoliday .dayDate a{background-color:#dfdfdf;}

.col .bgMounthB .day{background-color:#fff;}
.col .bgMounthB .dayHoliday{background-color:#ebebeb;}
.col .bgMounthB .day .dayDate a{background-color:#d6d6d6;}
.col .bgMounthB .dayHoliday .dayDate a{background-color:#bcbcbc;}

.col .day .dayText .appointment{color:#999;}
.col .day .dayText .appointmentOver{background-color:#ff9;}
.col .day .dayText a, .col .day .dayText a:hover{color:#000;}
.col .day .dayText .expire a, .col .day .dayText .expire a:hover{color:#f00;}

.col .bgMounthA .day .dayDate a:hover, .col .bgMounthB .day .dayDate a:hover{background-color:#000;}

/* calendar icons */
.icoScadenzaFattura{background:url(../Images/ico_cal_money.png) 3px center no-repeat;}
.icoScadenzaPagamento{background:url(../Images/ico_cal_coins_delete.png) 3px center no-repeat;}
.icoF24{background:url(../Images/ico_cal_page.png) 3px center no-repeat;}
.icoDominio{background:url(../Images/ico_cal_server.png) 3px center no-repeat;}
.icoDominioReminder{background:url(../Images/icoToSend.png) 3px center no-repeat;}
.icoCompleanno{background:url(../Images/ico_cal_cake.png) 3px center no-repeat;}
.icoConsegna{background:url(../Images/ico_cal_flag_checked.png) 3px center no-repeat;}
.icoRiunioneSede{background:url(../Images/ico_cal_group.png) 3px center no-repeat;}
.icoRiunioneFuoriSede{background:url(../Images/ico_cal_car.png) 3px center no-repeat;}
.icoAssente{background:url(../Images/ico_cal_status_invisible.png) 3px center no-repeat;}
.icoFerie{background:url(../Images/ico_cal_rainbow_star.png) 3px center no-repeat;}
.icoTelefonata{background:url(../Images/ico_cal_phone.png) 3px center no-repeat;}
.icoPubblico{background:url(../Images/ico_cal_bullet_blue.png) 3px center no-repeat;}
.icoPrivato{background:url(../Images/ico_cal_money.png) 3px center no-repeat;}
.icoGenerico{background:url(../Images/ico_cal_bullet_blue.png) 3px center no-repeat;}

/*calendar balloons*/
.balloon{position:absolute; color:#fff; font-size:11px;display:none;}
.balloon .top{width:190px; height:12px; overflow:hidden;}
.balloon .bottom{width:190px; height:12px; overflow:hidden;}
.balloon .middle{width:190px;}

.balloonRight .top{background: 8px 0 no-repeat;}
.balloonRight .bottom{background: 8px 0 no-repeat;}
.balloonRight .middle{background:0 0 no-repeat; padding-left:8px;}
.balloonRight.balloonBottom .middle{background-position: 0 bottom;}

.balloonLeft .bottom{background:0 0 no-repeat;}
.balloonLeft .top{background:0 0 no-repeat;}
.balloonLeft .middle{background:right 0 no-repeat; padding-left:0;}
.balloonLeft.balloonBottom .middle{background-position: right bottom;}

.balloon .middle .text{width:162px; padding:0 10px;}
.balloon .middle .title{ border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:5px;}
.balloon .middle .title .hour{}
.balloon .middle .title .appointmentType{}
.balloon .middle .appointmentTitle{font-weight:bold; padding-bottom:5px;}
.balloon .middle .appointmentDescription{}

/* user type - da associare al body */
.userA{}/*project management*/
.userB{}/*technical development*/
.userC{}/*graphic design*/
.userZ{}/*generic user*/

/*user's color doifferences*/
.userA a:hover{color:#4F91C2;}
.userB a:hover{color:#c00;}
.userC a:hover{color:#79B51C;}
.userZ a:hover{color:#c00;}
.userA .user .data .userName{color:#4F91C2;}
.userB .user .data .userName{color:#c00;}
.userC .user .data .userName{color:#79B51C;}
.userZ .user .data .userName{color:#c00;}
.userA .col .bgMounthA .day .dayDate a:hover, .userA .col .bgMounthB .day .dayDate a:hover{background-color:#4F91C2;}
.userB .col .bgMounthA .day .dayDate a:hover, .userB .col .bgMounthB .day .dayDate a:hover{background-color:#c00;}
.userC .col .bgMounthA .day .dayDate a:hover, .userC .col .bgMounthB .day .dayDate a:hover{background-color:#79B51C;}
.userZ .col .bgMounthA .day .dayDate a:hover, .userZ .col .bgMounthB .day .dayDate a:hover{background-color:#c00;}

.userA .balloon .top{background-image:url(../Images/balloonTop_Blue.png)}
.userA .balloon .bottom{background-image:url(../Images/balloonBottom_Blue.png)}
.userA .balloonRight .middle{background-image:url(../Images/balloonArrowRight_Blue.png)}
.userA .balloonLeft .middle{background-image:url(../Images/balloonArrowLeft_Blue.png)}
.userA .balloon .middle .text{background-color:#4F91C2;}

.userB .balloon .top{background-image:url(../Images/balloonTop_Red.png);}
.userB .balloon .bottom{background-image:url(../Images/balloonBottom_Red.png);}
.userB .balloonRight .middle{background-image:url(../Images/balloonArrowRight_Red.png)}
.userB .balloonLeft .middle{background-image:url(../Images/balloonArrowLeft_Red.png)}
.userB .balloon .middle .text{background-color:#c00;}

.userC .balloon .top{background-image:url(../Images/balloonTop_Green.png)}
.userC .balloon .bottom{background-image:url(../Images/balloonBottom_Green.png)}
.userC .balloonRight .middle{background-image:url(../Images/balloonArrowRight_Green.png)}
.userC .balloonLeft .middle{background-image:url(../Images/balloonArrowLeft_Green.png)}
.userC .balloon .middle .text{background-color:#79B51C;}

.userZ .balloon .top{background-image:url(../Images/balloonTop_Red.png);}
.userZ .balloon .bottom{background-image:url(../Images/balloonBottom_Red.png);}
.userZ .balloonRight .middle{background-image:url(../Images/balloonArrowRight_Red.png)}
.userZ .balloonLeft .middle{background-image:url(../Images/balloonArrowLeft_Red.png)}
.userZ .balloon .middle .text{background-color:#c00;}