﻿/* DEFAULTS
----------------------------------------------------------*/
html,body { height:100%; }
body{background: #ffffff;font-size:.99em;font-family: monospace, "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #4682B4;}
input,select {font-family: monospace, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;}
input[type=text],input[type=password],select { font-family: monospace, Arial; font-size: 12px; height: 22px; line-height: 16px; }
input[type=text],input[type=password] { height: 20px; line-height: 16px; vertical-align:middle; }
a:link, a:visited{color: #306af0;}
img{border:0}
img[alt='Skip Navigation Links'], img[alt='Ignora collegamenti di navigazione'] { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
a:hover{color: #1d60ff;text-decoration: underline;}
a:active{color: #034af3;}
p{ margin-bottom: 10px;line-height: 1.6em;font-size:16px;}
b { font-weight: 600;}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h4, h5, h6{font-family: monospace; font-size: 1.5em;color: #666666;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;}
h1{font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;}
h2{font-size: 1.5em;font-weight: 600;}
h3 {font-family: monospace; font-size:20px;font-weight:normal;color:#286090;margin-top:0px;margin-bottom:5px;padding-bottom:5px;}
h4 {font-size:18px;font-weight:normal;color:#666666;margin-top:0px;margin-bottom:5px;padding-bottom:5px;text-decoration:underline;}
h5 {font-size:16px;font-weight:normal;color:#666666;margin-top:0px;margin-bottom:5px;padding-bottom:5px;}
h6{font-size: 1.2em; font-weight:bold}
/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{margin-top: 0px;}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
.page{width: 100%;background: url(../Icone/main_bg_rep.png) left top repeat; position:relative;margin: 0px auto 0px auto;border: 0px solid #496077;}
.header{position: relative;margin: 0px;padding: 0px;width: 100%;z-index:10;
        
    background-repeat: repeat;
    background-color: transparent;
    box-shadow: 0px 0px 6px rgba(66, 66, 66, 0.6);
    background-image: url("../Icone/header_top_bg_rep2.png");
        
}
.header h1{font-weight: 700;margin: 0px;padding: 0px 0px 0px 20px;color: #f9f9f9;border: none;line-height: 2em;font-size: 2em;}
.main{padding: 0px 12px 20px 12px; margin: 14px 8px 0px 8px; min-height: 420px; padding-bottom: 80px;}
.wbox { background-color: #FFF; border: 1px solid #C8C8C8; padding: 20px; margin-bottom:10px; margin-top:10px;}        
.scheduler{padding: 0px 0px;margin: 0px 0px 0px 0px;min-height: 420px;}
.leftCol{padding: 6px 0px;margin: 12px 8px 8px 8px;width: 200px;min-height: 200px;}

.footer { color:#FFFFFF; background-color:#ffffff; border-top:2px solid #286090;padding:12px 0px 12px 0px;margin: 0px;text-align: center;line-height: normal; font-size:.8em; position:fixed; bottom:0; width:100%}
.footer .mini { line-height:1.2em; }
.footer a { color:#FFFFFF; text-decoration:none; }

/* TAB MENU
----------------------------------------------------------*/
div.hideSkiplink{background-color:#3a4f63;width:100%;}
div.menu{padding: 4px 0px 4px 4px;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li a, div.menu ul li a:visited{background-color: #465c71;border: 1px #4e667d solid;color: #dde4ec;display: block;line-height: 1.35em;padding: 4px 16px;text-decoration: none;white-space: nowrap;}
div.menu ul li a:hover{background-color: #bfcbd6;color: #465c71;text-decoration: none;}
div.menu ul li a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;}
div.hideSkiplink .selected { /*padding: 0px 0px 0px 10px; */ background: url('../Icone/li.png') 2px 50% no-repeat; background-color: #bfcbd6;color:Black;border: 1px #4e667d solid;}

/* FORM ELEMENTS
----------------------------------------------------------*/
fieldset{margin: 1em 0px;padding: 1em;border: 1px solid #ccc;}
fieldset p {margin: 2px 0px 10px 10px;}
fieldset.login label, fieldset.register label , fieldset.changePassword label {display: block; font-size:12px}
fieldset label.inline {display: inline;}
legend{font-size: 1.1em;padding: 2px 4px 4px 4px;color:#306af0;}
input.textEntry{width: 360px;border: 1px solid #ccc; margin-bottom:8px}
input.passwordEntry{width: 360px;border: 1px solid #ccc; margin-bottom:5px}
input::-moz-focus-inner {border: 0;padding: 0;}
input:focus,select:focus { outline: none !important; border:1px solid #005286; box-shadow: 0 0 5px #719ECE; }
/*div.accountInfo{: 42%;}*/

/* MISC
----------------------------------------------------------*/
.clear{clear: both;}
.title{display: block;float: left;text-align: left;width: auto;height:53px;}
.title img{padding-top:4px;}
.loginDisplay{font-size: 1.1em;display: block;text-align: right;padding: 10px;color: White;}
.loginDisplay a:link{color: white;}
.loginDisplay a:visited{color: white;}
.loginDisplay a:hover{color: white;}
.failureNotification{font-family: Tahoma;font-size: 12px;color: Red;}
.failureNotificationMini{font-size: 11px;color: Red;padding:5px 10px;}
.bold { font-weight: bold; }
.submitButton { text-align: center; padding-right: 10px;}
.cursor_pointer { cursor:pointer; }
.modalBackground { background-color:#000000; filter:alpha(opacity=50); opacity:0.5; }
.popup_Container { background-color:#ffffff; border:3px solid #286090; padding: 20px; width:500px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px; }
.nrs { font-size: 1em; padding:0px 2px 0px 0px; margin:0px 0px 2px 0px; text-align:right; }
.nrs span { color:#000; }

/* TABLE
----------------------------------------------------------*/
.datagrid table {border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: 11px monospace, Arial, Helvetica, Verdana, sans-serif; background: #FFFFFF; overflow: hidden; border: 1px solid #c8c8c8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom:10px }.datagrid table td {padding: 0px 5px; border-bottom:1px solid #c8c8c8}.datagrid table th { padding: 0px 5px;}.datagrid th a{ color:#FFFFFF; }.datagrid th a:hover{ text-decoration:underline; }.datagrid table th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #808080), color-stop(1, #707070) );background:-moz-linear-gradient( center top, #808080 5%, #707070 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#707070');background-color:#808080; color:#FFFFFF; font-weight: 600; border-left: 1px solid #989898; } .datagrid table th:first-child { border: none; }.datagrid table td { color: #333; border-left: 1px solid #c8c8c8; font-weight: normal; }.datagrid table .alt { background: #f6f6f6; color: #333; }.datagrid table td:first-child { border-left: none; }.datagrid table tr:last-child td { border-bottom: none; }.datagrid table tr:first-child { height:24px; }.datagrid table tr:hover,.datagrid table tr.alt:hover { background: #FFCC44!important; }
.datagrid .np { padding:0px; } .datagrid .np2 { padding:0px 0px 0px 2px; }

/* CUSTOM
----------------------------------------------------------*/
#scheduler_menu, #date_menu { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:.9em; background-color:#fff; padding:12px; border: 1px solid #CCCCCC; margin: 0px 0px 12px 0px; }
#scheduler_menu .visualizza, #date_menu .visualizza {display: inline-block; width: 290px;}
#scheduler_menu select, #scheduler_menu input[type=text], #date_menu select, #date_menu input[type=text] { padding:1px 2px 1px 2px; margin:0; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow: 0 1px 0 #ddd, 0 -1px #fff inset; -moz-box-shadow: 0 1px 0 #ddd, 0 -1px #fff inset; box-shadow: 0 1px 0 #ddd, 0 -1px #fff inset; background: #f9f9f9; color:#333; border:none; outline:none; display: inline-block;}
#scheduler_menu select, #date_menu select { cursor:pointer; }
#scheduler_menu input[type=text], #date_menu input[type=text] { text-align:center; }
#scheduler_menu b, #date_menu b { font-weight:600; color:#555555 }
#scheduler_menu #MainContent_txtCerca,#scheduler_menu #MainContent_txtCliente { text-align: left; padding-left:5px; }

.filter-container { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; font-size:1em; background-color:#fff; padding:12px; border: 1px solid #CCCCCC; margin: 0px 0px 12px 0px; }
.filter-fields { border-radius: 0px; border: 1px solid #a6a6a6; padding: 5px; height: 30px; font-size: 14px; } 
.filter-fields:focus,filter-fields:hover { outline: none !important; border:1px solid #005286; box-shadow: 0 0 5px #719ECE; }

#button_menu { position:relative; }
#date_menu { padding:6px 8px 6px 8px; margin: 0px 0px 0px 0px; display:inline-block; text-align: right; position:absolute; right:0px; top:5px }

#calendario_interventi { margin-bottom:20px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  padding:3px; background: #999999; }
#calendario_interventi .top { font-size: 15px; font-weight: bold; color: #fff; font-family: monospace, Arial, Helvetica, sans-serif; padding:5px;}

#default_page { position:relative }
#default_page .logo { position:absolute; right:0px; top: 0px; width: 420px; margin-top:20px; margin-right:20px;}
.login { position: relative; margin:0px auto; width:410px; padding-top:20px; font-weight:400; color:#848484; }
fieldset.login{border:0;}

/* ACTIVITY LIST
----------------------------------------------------------*/
.activities { margin-top:20px; margin-left:10px; padding-left:10px; }
.activities table { margin-left:10px; }
.activities table tr { vertical-align:middle; height:24px; }
.activities table td { font-size:14px; padding:2px 2px 2px 2px; margin:0px; vertical-align:middle; line-height:0px; }
.activities img { padding-top:1px}
.activities h3 { padding-bottom:2px; margin-bottom:5px; }
.activities .note {  }
.activities a { color:inherit; text-decoration:none; }

/* SCHEDULER TOOLTIP
----------------------------------------------------------*/
.tooltip { padding:5px; z-index:100; }
.tooltip .dlink { text-align: center; margin:10px 0px 2px 0px; font-weight:normal; }
.tooltip .dlink2 { text-align: center; font-weight:normal; }
.tooltip h3 { margin-bottom:5px; font-size:16px }
.tooltip table td:first-child { font-weight:bold; }

/* FORM EXTRA ELEMENTS
----------------------------------------------------------*/
.formExtra { margin-left:auto; margin-right:auto; background: #F7F7F7; padding: 15px 20px; color: #666; border:1px solid #E4E4E4; }
.formExtra .tit1 { display:inline-block; margin-right:5px; }
.formExtra .tit2 { display:inline-block; margin-right:5px; margin-left:20px; }
.formExtra h6 { margin:20px 0px 0px 0px; }
.formExtra .chklabel { color: #666; }
.formExtra table td { padding:0px }

/* INFO BOXES
----------------------------------------------------------*/
.boxOk      { background-color:#ffffff; border: 1px solid #008800; color:#008800; padding:6px; font-weight:600; margin:3px; margin-bottom:5px; -webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px; }
.boxInfo    { background-color:#ffffff; border: 1px solid #286090; color:#286090; padding:6px; font-weight:600; margin:3px; margin-bottom:5px; -webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px; }
.boxWarning { background-color:#ffffff; border: 1px solid #FFD700; color:#FFD700; padding:6px; font-weight:600; margin:3px; margin-bottom:5px; -webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px; }
.boxAlert   { background-color:#ffffff; border: 1px solid #c60f13; color:#c60f13; padding:6px; font-weight:600; margin:3px; margin-bottom:5px; -webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px; }

/* Scrollable box */
div.box { width:480px; height:285px !important; height /**/: 295px; overflow:auto; padding: 10px; background-color:#EEE; border:1px solid #CCC; border-right:0 solid; }

/* GOOGLE MAP
----------------------------------------------------------*/
.map-lmenu{width:20%;float:left; height:500px;}
.map-lmenu select{margin:10px auto !important;}
#dvMap{width:75%;float:left;margin-left:1%; height:512px;}

.flatmenu { font-size:.9em; background-color:#E7E7E7; padding:6px 0px 5px 8px; margin: 0px; }
.flatmenu .visualizza {display: inline-block; width: 290px;}
.flatmenu select, .flatmenu input[type=text] { padding:1px 2px 1px 2px; margin:0; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow: 0 1px 0 #ddd, 0 -1px #fff inset; -moz-box-shadow: 0 1px 0 #ddd, 0 -1px #fff inset; box-shadow: 0 1px 0 #ddd, 0 -1px #fff inset; background: #f7f7f7; color:#333; border:none; outline:none; display: inline-block;}
.flatmenu select { cursor:pointer; }
.flatmenu input[type=text] { text-align:center; }
.flatmenu b { font-weight:600; color:#555555 }
.flatmenu #MainContent_txtCerca { text-align: left; padding-left:5px; }
.flatborderbottom { border-bottom:2px solid #D0D0E0 }
.flatbordertop { border-top:2px solid #D0D0E0 }

.plan-day-menu { min-height:100%; float:left; padding:0px; overflow:hidden; }
.plan-day-menu a { cursor:pointer; }
.plan-day-menu .icon { width:24px; height:24px; vertical-align:middle; margin-right:7px; margin-bottom:5px; }
.plan-day-menu .menuItem a { display: block;min-height: 28px;font-family: monospace,arial,tahoma,verdana,sans-serif; color:#F4F3F3; font-size:1em; font-weight:300; text-decoration: none; padding-left:5px; padding-top:5px; vertical-align:middle; }
.plan-day-menu .menuItem a:hover { background-color:#b0b0b0;}
.plan-day-menu .menuItem { margin-bottom: 4px; }
.plan-day-menu .toggleicon { padding:6px 0px 6px 11px; margin-top:5px; margin-bottom:5px; }

.event-image-box { white-space:normal }
.event-image-box img { margin-left: 1px; }

.plan-day-menu-bg { height: 100%; border-right: 1px solid #AAA; background: url("../Icone/submenu_bg_rep.png") repeat scroll left top transparent; overflow-y: auto; padding-bottom:10px; }

.title3 { font-size:14px; border-bottom:2px solid #eeeeee; color:#306AF0; padding-bottom:5px; font-weight:600; margin-bottom:8px; }
.sendnotify { font-family: monospace,arial,tahoma,verdana,sans-serif; font-size: 12px; display: inline-block; margin-right:10px; }
.sendnotify label { display: inline-block; padding-left: 15px; text-indent: -15px; }
.sendnotify input { width: 13px; height: 13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top:-1px; *overflow: hidden; }

.snip_name {width:96px; max-width:96px; overflow:hidden; text-overflow: ellipsis; }

.grid-pager a,
.grid-pager span {
    display: inline-block;
    padding: 2px 15px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #333;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.grid-pager a {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #333;
}

.grid-pager span {

    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #ffffff;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #333;
}

.grid-pager td {
    text-align: center;
}