/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@font-face {
    font-family: "StenbergITC TT";
    src: url("fonts/STENI___.TTF") format("truetype");
}
@font-face {
    font-family: "StenbergITC TT";
    src: url("fonts/STENI___.eot");
}
body
{
    /*background-color: #1b7a9a; /* #5c87b2; */
    background: #1b7a9a url(img/background-blu.jpg) no-repeat left top;
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;

}

a:link
{
    color: #034af3;
    text-decoration: underline;
}

a:visited
{
    color: #505abc;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    
}

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;

}

header h1, #header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #000;
}


#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, #footer
{
    xbackground-color: #fff;
    xcolor: #000;
    color: #fff;
    
    padding: 20px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: 1em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    xbackground: #000000 url(img/background.png) 50% 50% repeat;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e6f1f3;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
    width:196px
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

input[type="text"].smallTextbox
{
    width: 100px;
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"]
{
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE FORM
----------------------------------------------------------*/
table.formtable 
{
    border: 0px;
    padding:1px 1px 18px 1px;
}

table.formtable td
{
    padding: 2px;
    border: 0px;
}

table.formtable th
{
    padding: 2px;
    border: 0px;
    border-bottom: 1px solid #e6f1f3;
    background-color:transparent;
    font-weight:normal;
}

/* GRID
----------------------------------------------------------*/
table.gridtable 
{
    border: 1px solid #ccc;
    padding:1px 1px 18px 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-collapse:separate;
}

table.gridtable td
{
    padding: 2px;
    border: 0px;
    border-bottom: 1px solid #e6f1f3;
}

table.selectable tr:hover
{
    padding: 2px;
    border: 0px;
    border-bottom: 1px solid #e6f1f3;
    background: #93c3cd url(img/ui-bg_white-lines_85_f7f7ba_40x100.png) 50% 50% repeat;
    cursor:pointer;
}

table.selectable tr.not-selectable:hover
{
    padding: 2px;
    border: 0px;
    border-bottom: 1px solid #e6f1f3;
    background: white;
    cursor:pointer;
}

table.gridtable th
{
    padding: 6px 5px;
    text-align: left;
    border: solid 1px #e6f1f3;
}



/* TABLE
----------------------------------------------------------*/

table
{
    xborder: solid 1px #e6f1f3;
    border: 1px solid #ccc;
    border-collapse: collapse;

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

}

table td
{
    padding: 5px;
    border: solid 1px #e6f1f3;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e6f1f3;
    border: solid 1px #e6f1f3;
}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

nav, #menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: none;
    text-align: left;
    height: 24px;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
/*
.field-validation-error {
    color: #ff0000;
}
*/
.aside
{
    display: block;
}
.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.editor-field-complex
{
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* BOTTONI AGGIUNTIVI */
.ui-state-past
{
    border: 1px solid #888;
    background: #93c3cd url(img/ui-bg_diagonals-small_70_bceaa9_40x40.png) 50% 50% repeat;
    font-weight: bold;
    color: #333333;
}
.ui-state-GuardianiaIperalEntrato {
    border: 1px solid #888;
    background: #93c3cd url(img/ui-bg_diagonals-small_70_bceaa9_40x40.png) 50% 50% repeat;
    font-weight: bold;
    color: #333333;
}
.ui-state-past a, .ui-state-past a:link, .ui-state-past a:visited
{
    color: #333333;
    text-decoration: none;
}

.ui-state-future
{
    border: 1px solid #888;
    background: #93c3cd url(img/ui-bg_diagonals-small_70_f7cd69_40x40.png) 50% 50% repeat;
    font-weight: bold;
    color: #333333;
}

.ui-state-late
{
    border: 1px solid #888;
    background: #93c3cd url(img/ui-bg_diagonals-small_70_late.gif) 50% 50% repeat;
    font-weight: bold;
    color: #333333;
}

.ui-prenotazione-ridotta 
{
    background: url(img/red-dot.png) 0px 0px no-repeat;
}

.ui-state-future a, .ui-state-past a:link, .ui-state-past a:visited
{
    color: #333333;
    text-decoration: none;
}


.ui-state-info, .ui-widget-content .ui-state-info, .ui-widget-header .ui-state-info
{
    border: 1px solid #b4d100;
    background: #ffffff url(img/ui-bg_white-lines_85_f7f7ba_40x100.png) 50% 50% repeat;
    color: #363636;
}
.ui-state-info a, .ui-widget-content .ui-state-info a, .ui-widget-header .ui-state-info a
{
    color: #363636;
}

.infoDiv
{
    display: block;
    width: 420px; /* height:76px; */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px 8px 3px 3px;
    -webkit-border-radius: 8px 8px 3px 3px;
    -moz-border-radius: 8px 8px 3px 3px;
    background: #ffffff url(img/background.png) 50% 50% repeat;
}
/* TABELLA NOME VALORE */
.filter-block
{
    width: 400px;
    border: 1px solid #ccc;
    margin: 0.2em;
    padding: 0.6em;
    line-height: 1.6;
    background: #ffffff;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
}

.filter-block-auto
{
    border: 1px solid #ccc;
    margin: 0.2em;
    padding: 0.6em;
    line-height: 1.6;
    background: #e6f1f3;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
}

.field-name
{
    margin:1px;
    display: block;
    clear:left;
    float: left;
    width: 100px;
    text-align: left;
    padding-left: 10px;
    background-color: #93c3cd;
}
.field-value
{
    margin:1px;
    display: block;
    float: left;
    clear: right;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}


.filter-block table
{
        
}

.filter-block table th
{
    border:1px solid white;    
    padding:4px;
    margin:2px;
}
.filter-block table td
{
    border:1px solid white;
    padding:4px;
    margin:2px;
}


/*  TIME PICKER
-----------------------------------*/

.timePicker{}
input.timePicker
{
    width: 60px;
}

.noTitleDialog .ui-dialog-titlebar {display:none}



/*  AJAX
-------------------------------------*/
.AJ-overlay { 
  display:none; 
  position:absolute; 
  background:#fff; 
}
.AJ-img-load { 
  position:absolute; 
}

/* MENU
--------------------------------------*/
ul.menu{
    height: 44px; 
    background: url(img/menu/sfondo_barra.png) 0 0 repeat-x;
    margin-top:0px;
    padding-left: 2px;
    margin-bottom: 2px;
}

ul.menu li
{
    display:inline-block; 
    *display: inline;
    xwidth: 72px; 
    height:36px; 
    padding:8px 8px 0 8px;     
    text-align:center;
    margin:0 0 0 0;
    color:White; 
    font-size:14px; 
    font-weight:400; 
    letter-spacing:-1px;
    cursor: pointer;

    
    }
    
ul.menu li.selected, ul.menu li.selected:hover
{
    background: url(img/menu/sfondo_selected.png) 0 0 repeat-x;
    
    }
    
ul.menu li:hover 
{
    background: url(img/menu/sfondo_hover.png) 0 0 repeat-x;
    }

ul.menu li:active 
{
    background: url(img/menu/sfondo_color.png) 0 0 repeat-x;
    }
    
ul.menu li a,ul.menu li a:visited, ul.menu li a:hover 
{
    color:White;
    text-decoration:none;
    }
    
/*   INPUT
--------------------------------*/
select{width:206px}
input[type="text"].datePicker
{   width: 100px;
}


/*   ICON INSIDE TEXTBOX
--------------------------------*/

.textbox-img {
   
    margin: 5px 7px 0px 8px; 
    cursor:auto; 
    position:relative; 
    left:-28px; 
    top:3px
}

.noTitleDialog .ui-dialog-titlebar {display:none}

TABLE.grid-empty-border
{
    border:0px;
    }
.grid-empty-border TD
{
    border:0px;
    }
    
.label-span
{
    display:inline-block;
    *display: inline;
    position:relative;
}
.value-span
{
    position:relative;
    display:inline-block; 
    *display: inline;
    font-weight:bold;
    vertical-align:top;
}

  .value-span-margin
{
    margin-left: 10px;
    position:relative;
    display:inline-block; 
    *display: inline;
    font-weight:bold;
    vertical-align:top;
}

.ui-state-error-pagamento 
{
    border: 1px solid #cd0a0a/*{borderColorError}*/; 
    background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; 
    color: #cd0a0a/*{fcError}*/; 
}

.ui-state-highlight-pagamento
{
    border: 1px solid #fcefa1; 
    background: #fbf9ee url(../images/?new=fbf9ee&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|55) 50% 50% repeat-x; 
    color: #363636; 
}


/*
    Calendario di backoffice
    */
.day-movable
{
    border:1px solid #aaa;
    padding:2px;
    margin:0px;
    width:100px;
    background-color:#f2fafb;

    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px;

    cursor:pointer;
}

    .table-day-calendar
    {
        padding:1px;
        background-color:white;
    }

        .table-day-calendar tr
        {
            background-color:white;
        }

        .table-day-calendar td
        {
            height:18px;
            padding:1px;
            background-color:white;
        }

            .table-day-calendar td.td-label
            {
                font-size:0.85em;
                color:#333;
                text-align:right;
            }

            .table-day-calendar td.td-time
            {
                text-align:center;
                font-weight:bold;
            }

            .table-day-calendar td.td-pair
            {
                border-bottom-style: dotted;
            }
            .table-day-calendar td.td-odd
            {
                border-bottom-style: solid;
                border-bottom-width: 2px;
            }

        td.ui-selecting
        {
            background: #93c3cd url(img/ui-bg_white-lines_85_f7f7ba_40x100.png) 50% 50% repeat;
            color: white !important;
        }
        td.ui-selected {
            background: white;
            color:  white !important;
        }
        td.time-selected {
            background: #ffffff url(img/ui-bg_diagonals-small_50_93c3cd_40x40.png) 50% 50% repeat;
            color:  white !important;
        }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;     *display: inline; }  /* for IE/Mac */


.ricevimento-label
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0px solid #ddd !important;
    margin-bottom: 0px;
    position: relative;
    height:50px;
    padding:5px;
    text-align:center;
    color: #808080;
    font-family:StenbergITC TT;
    font-size:22px;
    font-weight:lighter;
}
    .ricevimento-label span
    {
        font-size:40px; 
        color:#ff6b7f;
        font-family:StenbergITC TT;        
        font-weight:lighter;
    }

H2#PageTitle, H2.Title
{
    font-size:40px; 
    color:#ff6b7f;
    font-family:StenbergITC TT;        
    font-weight:lighter;
    margin:10px;
}

H3#SubTitle, H2.SubTitle
{
    font-size:30px; 
    color:#ff6b7f;
    font-family:StenbergITC TT;        
    font-weight:lighter;
    margin:10px;
}

.textbox-autocomplete
{
    padding-right: 15px !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#ui-datepicker-div{ z-index: 9999 !important;}

.SpotInformationMessage
{
    xborder:1px solid #777;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    background: url(img/information.png) no-repeat #a6e2a6 5px 5px;
    display:none;
    cursor:pointer;
    position:absolute;
    width:700px;
}
    .SpotInformationMessage .tip
    {
        left: 4px;
        margin:0px;
        padding:0px;
        width:20px;        
        height:16px;        
        position:relative;
        display:inline-block;        
    }
    .SpotInformationMessage .msg
    {                
        margin:0px;
        padding-top:0px;
        position:relative;
        left:24px;
        top:-5px;
        display:inline-block;
    }
.SpotInformationMessageHook
{
    border:0px solid #777;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    background: url(img/information.png) no-repeat #a6e2a6 0px 0px;
    width: 60px;
    display:none;  
    height:22px;
    cursor:pointer;
    position:absolute;
}

    .SpotInformationMessageHook .tip
    {
        left: 4px;
        margin:0px;
        padding-top:4px;
        width:20px;        
        height:16px;        
        position:relative;
        display:inline-block;     
        color:black;
    }

.logo-certified
{
    position:absolute; 
    bottom: 10px; 
    left:10px; 
    width:100px;
    height:80px;
    background: url(img/certified/64.png) 0 0 no-repeat;
    z-index:600;
}

        .invisible_calendario {
            display: none !important;
        }