/***************************************************************
    Thema:  Default
    Author: Davide P.
    Date:   5/6/2007
	Update: 28/10/2010
***************************************************************/

/*
html.touch body 
html.no-touch body
*/

body {
	margin: 0px;
	background: #C0C0C0 url(images/background_main.jpg) repeat-x left top;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
#body_loading
{
    margin: 0px;
    background: url(images/ajax-loader.gif) #3f3f3f fixed no-repeat center center;
}
#login a:link, #login a:visited, #breadcrumb a:link, #breadcrumb a:visited{
	color: #FFFFFF;
}
#title h1 a:link, #title h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#reportresults h2 {
	font-size: 1.1em;
	font-weight: bold;
}
a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.box_oscurato
{
    filter: alpha(opacity=60);
    background-color: #000000;
}

.domenica { background-color: #E7E7E7; }
.riposo { background-color: #FFEBEB; }

/************************************************************************
* 
* Menu
*
************************************************************************/
/*begin creating the tabs */
#navtop{
    /*position:relative;*/
    z-index:110;
}

.menuMain {
    font-weight: bold;
}

html.no-touch .menuMain {
	margin-left: 28px;
	background: url(images/tab_bg.gif) repeat-x;
	font-size: 10px;
}

html.touch .menuMain {
	font-size: 14px;
    color: white;
}

html.touch li.static {
    margin-left: 6px;
    margin-right: 6px;
}

/* set tab1 as top level container table, then target TDs inside*/
html.no-touch .menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
html.touch .menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
    
}

/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(images/tab.gif) no-repeat #919191;
}
html.no-touch .menuSelectedPopupItem td 
{
    background-color:#919191;
    color:#919191;
}

html.touch .menuSelectedPopupItem td li
{
    background-color:#919191;
    color:#919191;
    border: 1px solid white;
}
.menuSelectedPopupItem a
{
    background-color:#919191;
}
html.touch .menuPopupHoverItem td
{
	background-color: #F48000;
	color:#F48000;
}

html.no-touch .menuPopupHoverItem td li
{
	background-color: #F48000;
	color:#F48000;
    border: 1px solid white;
}
.menuPopupHoverItem a
{
    background-color: #F48000;
}

.menuPopupItem .selected .dynamic {
    background-color: aliceblue;
    color: #FFFFFF;
}

/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover, .menuPopupHoverItem a:hover 
{
    cursor: pointer;
	text-decoration: underline;
}
/* make drop down menu container style */
.menuPopup, ul.dynamic {
	background: url(images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	/* border-bottom: none; */
	color: #ffffff;
}
/* make drop down menu item style */
.menuPopupItem 
{
/*    background-color:#0056A3;  */
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}



/* define the main layout divs */
#logoAzienda 
{
    margin: 0px;
	background: url(images/bh.gif) no-repeat left top;
  	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	width: 106px;
	height: 48px;
	position: absolute;
	top: 0px;
	left: 20px;
}
#header 
{
	margin-right: auto;
	height: 50px;
	width: 100%;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login {
	padding-top: 10px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb
{
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}
#body {
	padding: 0px 8px 0px 7px;
	background: #C0C0C0 url(images/background_body.gif) repeat-x left top;
}

#ricerca, .ricerca, #ricercatop, #reportresults, #projectadministration, #adminedit, #projectreport, 
#timesheet, #resourcereport, #foglio, #fogliovar {
	padding: 10px;
	border: 1px solid #000000;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}
#ricerca, .ricerca {
	background: #DAE1E7 url(images/background_ricerca.jpg) repeat-x left top;
	float: left;
	/* position: relative; */
}



#ricercatop {
	background: #DAE1E7 url(images/background_drop_menu.jpg) repeat-x left top;
}
#timesheet, #reportresults, #projectadministration, #adminedit, #projectreport, #resourcereport, #foglio, #fogliovar {
	background: #FFFFFF;
}
#timesheet {
	margin-left: 218px;
}
#timesheetdata, #projecttable {
	width: 100%;
	text-align: center;
}
#catlist {
	width: 20%;
}
/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}
/* all the legend tags use this same style */
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
#optimized, #optimized a:link, #optimized a:visited
{
    padding: 0px 8px 0px 7px;
    /* text-align:right; */
    color:#777777;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
    }
/* define sizes of the username field */
.username {
	font-size: 0.9em;
	width: 150px;
}
/* all the fieldset tags use this same style */
fieldset {
	margin-bottom: 0px;
	padding: 0px 12px 12px 12px;
	display: block;
}
/* create hover effect for calendar icons */
#resourcereport a:link img, #resourcereport a:visited img,
#ricerca a:link img, #ricerca a:visited img, 
.ricerca a:link img, .ricerca a:visited img {
	padding: 2px;
	border: 1px solid #DFE4EA;
	background: #DFE4EA;
}
/* Put the admin edit calendar icon on a white background */
#adminedit a:link img, #adminedit a:visited img {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
}
#resourcereport a:hover img, #adminedit a:hover img, 
#ricerca a:hover img,
.ricerca a:hover img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #E8ECF0;
}
#resourcereport a:active img, #adminedit a:active img,
#ricerca a:active img,
.ricerca a:active img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #C9D4E2;
}
/* add fade background and padding to all table rows */
.row1 {
	padding: 3px;
	background: url(images/timesheet_data_bg.gif) repeat-x;
	background: #F9FAFB;
}
.row1 img 
{
	border: none;
	text-align: center;
}
.row2 {
	padding: 3px;
	background: url(images/timesheet_data_bg.gif) repeat-x;
	background: #EAEDF2;
}
.row2 img {
	border: none;
	text-align: center;
}


/* add hover effect to any a href images within the data tables */
#timesheetdata a:link img, #timesheetdata a:visited img, #projecttable a:link img, #projecttable a:visited img {
	padding: 2px;
	border: 1px solid #EDF0F3;
	background: #EDF0F3;
}
#timesheetdata a:hover img, #projecttable a:hover img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #FBFBFC;
}
#timesheetdata a:active img, #projecttable a:active img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #D9E2EC;
}
/* zero margin on all forms */
form {
	margin: 0px;
}
/* define the pop up calendar style */
#calbg {
	background: #ABBDD3 url(images/background_calendar.gif) repeat-x;
	height: 1000px;
}
#calcontent {
	margin: 5px;
	padding: 5px 4px 9px 4px;
	border: 1px solid #000000;
	background: #FFFFFF;
	font-size: 10px;
	text-align: center;
}
#month {
	margin-bottom: 6px;
	font-size: 9px;
	width: 80px;
}
#year {
	margin-bottom: 6px;
	font-size: 9px;
	width: 50px;
}
#calcontent table td a:link, #calcontent table td a:visited {
	padding: 0px 2px 3px;
	display: block;
}
#calcontent table td a:hover, #calcontent table td a:active {
	display: block;
	background: #FFCC00;
}
#calcontent table td a:active {
	display: block;
	color: #FFFFFF;
	background: #009900;
}
/* begin classes */
/*
input, select, textarea {
	 margin-bottom: 8px;
}
*/

/* make the cal icon appear in line with the forms and text */
#resourcereport img, #adminedit img,
#ricerca img,
.ricerca img {
	border: 0px;
	vertical-align: text-top;
}

/* make hours input field more prominent */
#addhours .hours {
	padding-top: 1px;
	font-size: 1.5em;
	font-weight: bold;
	width: 35px;
	height: 20px;
	text-align: center;
}
.projectlist, .resourcelist {
	border: 1px solid #00FF00;
	margin-bottom: 4px;
	width: 200px;
}
/* condense in mark up to be '.button' */
.submit, .reset, .delete, .create, .add, .copy {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 28px;
}
/* make submit button larger */
.submit {
	width: 108px;
}
/* define the look of the data tables (using colgroup in the source) 
colcatlist1 and colcatlist1 are generic names since I'm not sure 
what kind of date goes into these cells. More appropriate names can
be added for these */
.coldescription, .colcatlist1, .colcatlist2 {
	text-align: left;
}
.colday, .colhours, .coledit, .coldelete {
	width: 5%;
}
.colproject, .colcategory {
	width: 15%;
}
.colhours {
	font-weight: bold;
}
.coldescription {
	width: 50%;
}

/************************************************************************
* 
* PopUp Calendar
*
************************************************************************/
.calmonday, .caltuesday, .calwednesday, .calthursday, .calfriday, .calsaturday, .calsunday {
	text-align: center;
}
.calcurrentmonth {
	background: #EEEEEE;
}
.calcurrentday {
	border: 1px solid #000000;
}
.calothermonth a:link, .calothermonth a:visited {
	color: #999999;
}
.calweekend {
	background: #E2E2E2;
}


/* create section heading container to separate long forms */
.formsection {
	padding: 10px;
	margin-top: 15px;
	background: #D6DDE9 url(images/background_formsection.gif) repeat-x center;
	font-weight: bold;
	text-align: center;
}


/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
.chk
{
    vertical-align:middle;
    margin: none;
}

.trx { text-align: right; }
.tsx { text-align: left; }

.txtUni { width: 70px; }
.txtImp { width: 70px;
          text-align: right;
          }
.txtTot { width: 100px;
          text-align: right;
          }
          
.txtQta { width: 50px; }
.lblDtLn  { width: 110px; }
.chkLn { width: 30px; }
.txtPag { width: 50px;  text-align: left; }
.txtTpSp { width: 150px;  text-align: left; }
.txtTpImp { width: 150px;  text-align: right; }
.fntMis { font: 1em Verdana,Arial,Helvetica,sans-serif; }
.gSpese { margin-bottom: 10px;  }
.importoAlert { font-weight: bold; color:Red; }
.importoB { font-weight: bold; color:black; }

.padding_tabella TD { padding-right: 5px;
                   padding-left: 5px;
                 }

#causVelGrid TD 
{
    border-color:  #666666;
}

/* definizione delle immagini */
img {
	border: none;
}
.imgIco {
	border: none;
	width: 16px;
	text-align:center;
}

.hr_risposte, .hr_risposte_bold
{
    border-style:dashed;
    border-color:#666666;
    height: 1px;
}
.hr_risposte_bold
{
    height: 2px;
}

/* definizione dei fonts */
.fntTitolo {
    text-align:center;
    font: 1em Verdana,Arial,Helvetica,sans-serif;   
    font-size: 12pt;
    /* font-weight:bold; */
}

.fntDesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}
.fntCampi {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #111111;
}
.fntCampiSmall {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.fntAzi {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.fntDip {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20pt;
}

.fntST {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #666666;
}


/* definizione classi per colonne per le tabelle */
.colID 
{
    width:50px;
    text-align:center;
}
.colCognNome
{
    width:150px;
    text-align:left;
}
.colImgStato
{
    width:16px;
    text-align:center;
   
}
.colStato
{
    width:80px;
    text-align:center;
   
}
.colDataOra
{
    width:110px;
    text-align:left;
}

/*  Colori di base per lo sfondo   */
.bgcBase1 { background-color: #F9FAFB; }
.bgcBase2 { background-color: #EAEDF2; }
.bgcBase3 { background-color: #E9E9EA; }

.cursor_pointer { cursor:pointer; }


/************************************************************************
* 
* Rollover buttons
*
************************************************************************/
.buttonsmall, .buttonsmall-mouseover, .buttonsmall-mousedown, .buttonsmall-focus, .buttonsmall-blur
{
    background: url(images/btn_normal.gif) no-repeat;
    border: none;
    color: #101010;
    width:100px;
    height: 20px;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.buttonsmall-mouseover, .buttonsmall-focus
{
    text-decoration: underline;
    background: url(images/btn_mouseover.gif) no-repeat;
}
.buttonsmall-mousedown
{
    text-decoration:none;
    background: url(images/btn_mousedown.gif) no-repeat;
}

.totale 
{
    background-color:#DEDEDE;
    border: Solid 1px Gray;
    font-weight:bold;
    width: 40px;
    text-align: center;
}


.mnuOpzCell 
{
    width:50px;
    height:20px;
}

/*
    Planning Ferie
*/
.PF_font_ridotto { font-size:0.6em; }
.PF_img  { margin: 0 0 0 0; padding: 0 0 0 0; }
.PF_pari { background-color:#F5F5F5; }
.PF_errore { background-color:#FF9a96; }
.PF_cn { cursor:pointer; }
.N    { width:12px;  }
/*      Z  - Giorni in cui il dipendente è NON Assunto o Licenziato         */
.PF_Z, #LPF .Z, #HPF .Z, #PF .Z { background-color: #A0A0A0; cursor:auto; }
/*      R  - RIPOSO                                                         */
.PF_R, #LPF .R, #HPF .R, #PF .R { background-color: #FFEBEB; cursor:auto; }
/*      F  - FESTIVO                                                        */
.PF_F, #LPF .F, #HPF .F, #PF .F { background-color:#E1FFFF; cursor:auto;}
/*      D  - DOMENICA                                                       */
.PF_D, #LPF .D, #HPF .D, #PF .D, #FPF .D { background-color:#E7E7E7; }
#LPF  .D { cursor:auto; }
/*      S  - SABATO                                                         */
.PF_S, #LPF .S, #HPF .S, #PF .S, #FPF .S { background-color:#EFEFEF; }
/*      G  - FE già usufruite                                               */
.PF_G, #LPF .G, #PF .G { background-color:Blue; cursor:auto;}
/*      A  - FE già richieste e approvate tramite WebSarp                   */
.PF_A, #LPF .A, #PF .A { background-color:Green; cursor:auto;}
/*      X  - FE già richieste tramite PlanningFerie, ma non approvate       */
.PF_X, #LPF .X, #PF .X { background-color:Yellow; }
#LPF .X    { cursor:auto; }
/*      Y  - FE già richieste e approvate tramite PlanningFerie             */
.PF_Y, #LPF .Y, #PF .Y { background-color:Lime; cursor:default;}
#HPF .P, #PF .P { background-color:Lime; }
.m0 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.fb {   margin: 0;
    }
.rosso { background-color:red;}
.f0 {   cursor:pointer;
        margin: 0;
        padding: 0;
        background: url(../../images/f0.gif);
        background-repeat:no-repeat;
        background-position:center;
     }
.f1 {   cursor:pointer;
        margin: 0;
        padding: 0;
        background: url(../../images/f1.gif);
        background-repeat: no-repeat;
        background-position:center;
     }

#HPF TD, #HPF DIV, #PF DIV, #FPF TD, #FPF DIV { width:12px; text-align:center; }
#PF TD { width:12px; text-align:center; height:14px; overflow: hidden; }
.hRighe { height:14px; nowrap:nowrap; }
.hRigheDett { height:148px; nowrap:nowrap; }
/* Voci manuali */
.colCodice { width: 50px;
             padding-right: 3px;
}
.colDescr { width: 400px;
            margin-left: 3px;
}
.colPerc { width: 100px;
}
.colTipo { width: 50px;
}
.colCCosto { width: 80px;
}
           
.fntGridView {
	font-size: 0.7em;
}

.CR_hwc { width: 50px; }
.CR_hwi { width: 20px; }

.CR_h { margin:0;
        height: 18px;
        pagging: 0px 0px 0px 0px;
        border-bottom:1px solid #EEEEEE;
}
.CR_hu { margin:0;
        height: 18px;
        pagging: 0px 0px 0px 0px;
        border: 0;
}


.CR_d { margin:0;
        height: 18px;
        border-bottom:1px solid #EEEEEE;
}
.CR_du { margin:0;
        height: 18px;
        border: 0;
}

.CR_hm { margin:0;
        height: 78px;
        padding: 0px 0px 0px 0px;
        border-bottom:1px solid #EEEEEE;
}
.CR_hum { margin:0;
        height: 78px;
        padding: 0px 0px 0px 0px;
        border: 0;
}


.CR_dm { margin:0;
        height: 78px;
        border-bottom:1px solid #EEEEEE;
        padding: 0px 0px 0px 0px;
}
.CR_dum { margin:0;
        height: 78px;
        border: 0;
        padding: 0px 0px 0px 0px;
}

.CR_cd { background: #FFFF99; }
.CR_cp { background: #FFFFCC; }
.CR_csd { background: #EEEE99; }
.CR_csp { background: #EEEECC; }
.CR_prev { width: 80px; float:left; }

.invisible
{
    display:none;
}


/*
	Nota Spese Dettaglio
*/
.labelRight
{
    text-align: right;
    width: 150px;
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    height: 13px;
}


.fieldLeft
{
    text-align: left;
    margin-bottom: 5px;
}

.cell_partecipanti_cgnnom
{
    display: block;
}

.NotaSpeseSchedaDettaglioRows
{
    clear:both;
    margin-bottom:5px;
    display:block;
    width: 100%;

}


.NotaSpeseSchedaDettaglioBox
{
    display: block;
    float: left;
    width: 100%;
    padding: 3px;
    
}


.RowBoxLabel
{
    display: block;
    float: left;
    text-align: right;
    width: 150px;
    margin-right: 3px;
}

.RowBoxField
{
    display: block;
    float: left;
    width: auto;
    
}

td.Column1
{
    float:left;
    text-align: right;
    width: 150px;
}

td.Column2, td.Column3, td.Column4
{
    float:left;
    text-align: left;
    width: 185px;
}


.Titolo {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 10px 30px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


#myPopup
{
    /*visibility:collapse;*/
    position:absolute;
    background-color:#FFFFFF;
    width: 245px;
    height: 181px;
    left: 333px;
    top: 151px;
}

.ns_tooltip_spesa_sx
{
    text-align: right;
    vertical-align: top;
}

.ns_tooltip_spesa_dx
{
    font-weight:bold;
    vertical-align: top;
}

/*
	Nota Spese Dettaglio - Fine
*/
.bordoMiss
{
    border-top-style: solid;
    border-top-color: #666666;
    border-top-width: 2px;
}

.popup {
	 background-color: #FFFFFF;
	 border-color: Gray;
}
.marginUltimaCol { margin-left: 5px; }
.paddingUltimaCol { padding-left: 20px; }



/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : White;  /* inherit; */
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.divFlLf
{
    float: left;
}

.numero{
    text-align:right;
}

.warning
{
    color: darkorange;
    font-weight: bold;
}

.validazione 
{
	color: green;
	font-size:larger;
}