/* ###########################################################################################################*/
/* ###########################################################################################################*/
/* ###########################################################################################################*/

body
{
    padding: 0px;
    font-family: Tahoma; /* ==> Main Font Family */
    text-align: left; /* ==> Main Font Name */
    color: #666666; /* ==> Main Font Color */
    font-size: x-small; /* ==> Main Font Size */
}

A
{
    text-decoration: none;
    color: #666666;
}

    A:link
    {
        text-decoration: none;
    }

    A:visited
    {
        text-decoration: none;
    }

    A:hover
    {
        text-decoration: none;
    }

    A:active
    {
        text-decoration: none;
    }

hr
{
    background-color: #D78C22;
    color: #D78C22;
    border: medium none;
    height: 1px;
    width: 100%;
}

.CSS_GatMsgBox_Border
{
    color: #666666 !important;
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
}

.CSS_GatMsgBox_Header
{
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
}

#modal_container
{
    padding: 0px !important;
    margin: 0px !important;
    background-color: Transparent;
    overflow: auto;
    text-align: left;
    font-size: 11px;
    font-family: Tahoma;
    overflow-x: hidden !important;
}

.CSS_ModalControl_Table_Header
{
    white-space: nowrap;
    background-image: url(../Images/listheadergrad_L.gif);
    height: 25px;
    padding-left: 3px;
    cursor: default;
    color: #666666;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 1px solid;
}

.CSS_ModalControl_Table_Header_Red
{
    background-color: Red !important;
    background-image: none !important;
}

.CSS_ModalControl_Table_Header_Green
{
    background-color: Green !important;
    color: White !important;
    background-image: none !important;
}

.CSS_ModalControl_Table_Header_Yellow
{
    background-color: Yellow !important;
    background-image: none !important;
    color: Black !important;
}

.CSS_ModalControl_Table_Text
{
    margin: 0px;
    padding: 8px;
    background-image: url(../Images/ScanLines2_light.png);
    background-repeat: repeat;
}

.CSS_ModalControl_Table_Text_NoPadding
{
    margin: 0px;
    padding: 0px !important;
}

.CSS_ModalControl_Table
{
    border: 0px solid #FCCA94;
    background-color: White;
    padding: 0px !important;
    margin: 0px Important;
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
}

.CSS_ModalControl_Table_Firefox
{
    border-top: #FCCA94 2px solid !important;
    border-left: #FCCA94 2px solid !important;
}

#modal_overlay
{
    background-color: #3079F2 !important;
}

html
{
    /* ==> Force Image Caching For IE6 */
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.CSS_TextBox_Numeric
{
    text-align: right;
}

.CSS_TextBox_Filtered
{
    background-color: #F5FBC6 !important;
}

.CSS_TextBox_Required
{
    background-color: azure !important;
}

.GatRectangle
{
    border-right: #FCCA94 2px solid;
    border-top: #FCCA94 2px solid;
    border-left: #FCCA94 2px solid;
    border-bottom: #FCCA94 2px solid;
}

.CSS_TextBox
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-right: #D9A36F 1px solid;
    border-top: #D9A36F 1px solid;
    border-left: #D9A36F 1px solid;
    border-bottom: #D9A36F 1px solid;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma;
    padding: 2px;
}

.CSS_Table_GatComboBox
{
    border-collapse: collapse;
    padding: 0px;
    border: 0px;
    margin: 0px;
}

.CSS_GatButton
{
    border-collapse: collapse;
    background-color: #ffffff;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma;
    color: #666666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.CSS_GatAjaxGrid_Buttons
{
    background-color: White !important;
    margin-right: 3px;
    cursor: hand !important;
    cursor: pointer !important;
    font-size: 9px !important;
}

.CSS_GatAjaxGrid_RowButtons_Td
{
    border-right: White 0px none !important;
    border-top: White 0px none !important;
    border-left: White 0px none !important;
    border-bottom: White 0px none !important;
}

    .CSS_GatAjaxGrid_RowButtons_Td td
    {
        border-right: White 0px none !important;
        border-top: White 0px none !important;
        border-left: White 0px none !important;
        border-bottom: White 0px none !important;
    }

.CSS_GatButton_Table
{
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    border: px;
}

    .CSS_GatButton_Table td
    {
        border-collapse: collapse;
    }

/** ENANCHED GATBUTTON CLASS **/

.CSS_GatButton_Flat
{
    background-color: #ffffff;
    border-style: none;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma;
}


.CSS_GatCombo_Div
{
    border-right: #000000 0px solid;
    border-top: #000000 0px solid;
    border-left: #000000 0px solid;
    border-bottom: #000000 0px solid;
    position: absolute;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    font-size: 9px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: Tahoma;
    z-index: 300000;
    background-color: Transparent;
}

.CSS_GatCombo_Div_Loading
{
    position: absolute;
    z-index: 299999;
    font-weight: bold;
    font-size: 9px;
    color: red;
}

.CSS_GatAjaxGrid_Row_Hover
{
    background-color: #FFEDD7;
}

div.widget_tableDiv
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    height: auto;
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    overflow: auto;
    background-color: white;
}

html > body div.widget_tableDiv
{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

div.widget_tableDiv_NoScroll
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    height: auto;
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    overflow: auto;
    background-color: white;
}

html > body div.widget_tableDiv_NoScroll
{
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.CSS_GatCombo_TableWigdet_Header, .CSS_GatCombo_TableWigdet_Header_Hover, .CSS_GatCombo_TableWigdet_Header_Down
{
    /* General rules for both standard column header and mouse on header of sortable columns */
    cursor: pointer;
    cursor: hand;
    background-color: #FFEBD1;
    color: #666666;
    font-weight: bold;
    background-image: url(../Images/HeaderBg.gif);
    border-right: #FCCA94 1px solid;
    white-space: nowrap;
    position: relative;
}

.CSS_GatCombo_TableWidget .scrollingContent
{
    overflow: hidden;
    overflow-y: auto !important;
    overflow: -moz-scrollbars-vertical;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    width: 100%;
}

.CSS_GatCombo_TableWidgetOld .scrollingContent
{
    overflow: hidden;
    overflow-y: auto !important;
    overflow: -moz-scrollbars-vertical;
    width: 100%;
}

.CSS_GatCombo_TableWigdet_Header
{
}

.CSS_GatCombo_TableWigdet_Header_Hover
{
    background-image: url(../Images/HeaderBgHover.gif);
}

.CSS_GatCombo_TableWidget tbody .tableWidget_dataRollOver
{
    background-color: #FFF0DB;
    font-weight: normal;
}

.CSS_GatCombo_TableWidget tbody .tableWidget_dataRollOut1
{
    background-color: #FCCA94;
}

.CSS_GatCombo_TableWidget tbody .tableWidget_dataRollOut2
{
    background-color: #ffffff;
}

.CSS_GatCombo_TableWidget td
{
    cursor: pointer;
    padding-right: 11px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
    border-right: #FCCA94 0px solid;
    white-space: nowrap;
}

.CSS_GatCombo_TableWidget
{
    height: auto;
    width: auto;
    text-align: left;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.CSS_GatCombo_Table
{
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    background-color: White;
    padding: 0px !important;
    margin: 0px !important;
}

.CSS_GatCombo_SelectedRow
{
    background-color: #66ffff !important;
}

.CSS_GatContextMenu_Title
{
    font-weight: bold;
    position: relative;
    text-align: left;
    width: 100%;
}

.CSS_GatNavRecordset
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    background-color: #ffffff; /* margin: auto auto; */
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    text-align: center !important;
    margin-bottom: 5px;
}

.CSS_GatMsgBox
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: white;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
}

.CSS_GatMsgBox_Td
{
    font-size: 11px;
    color: black;
    font-family: Tahoma;
}

/* ###########################################################################################################*/
/* ################################################# Main Layout ##############################################*/
/* ###########################################################################################################*/

.CSS_MainPage_TxtUserName
{
    font-size: xx-small;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 0px;
}

.CSS_MainPage_LblUserName
{
    font-size: xx-small;
    font-weight: normal;
    white-space: nowrap;
    padding-right: 5px;
}

.CSS_MainPage_Body
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px; /*overflow:hidden !important;*/
}

.CSS_FooterStatusBarTitle
{
    font-weight: normal;
    font-size: xx-small;
    white-space: nowrap;
    padding-right: 2px;
    vertical-align: middle;
    padding-top: 2px;
    text-align: left;
}

.CSS_FooterStatusBarContent
{
    font-weight: bold;
    font-size: xx-small;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 20px;
    text-align: left;
}

.LogoBox
{
    position: relative;
    cursor: pointer !important;
    cursor: hand !important;
}

.MainMenuTitle
{
    background-image: url(../Images/navshape.png);
    text-align: center;
    font-size: xx-small;
    font-weight: bold;
    padding-top: 2px;
    *padding-top: 0px;
    padding-bottom: 1px;
    *padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.MainMenuHeader
{
    background-image: url(../Images/HederBase.gif);
}

.MainContent
{
    /* background-image: url(../Images/sfumatura.gif); */
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border: #FCCA94 1px solid;
    padding: 2px;
}

.CSS_Td_MainFooterBox
{
    font-size: x-small;
    font-weight: bold;
    background: #EAB879;
}

.MainContentRight
{
    background-color: #FFEBD1;
}

.GatTableLayout
{
    vertical-align: middle;
}

    .GatTableLayout td
    {
        vertical-align: middle;
    }

.GatTable
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding: 2px;
    margin: 0px;
    border-spacing: 0px;
    background-color: #ffffff;
    font-size: x-small;
}

    .GatTable td
    {
        border-right: #FCCA94 0px solid;
        border-top: #FCCA94 1px solid;
        border-left: #FCCA94 0px solid;
        border-bottom: #FCCA94 1px solid;
        font-size: x-small;
    }

.GatTable_hover
{
    background-color: #B4D5FF;
}

.GatTable_normal
{
    background-color: #ffffff;
}

.GatTable th
{
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    background-image: url(../Images/listheadergrad.gif);
    text-transform: uppercase;
    font-size: x-small;
}

.GatTableSimple
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
}

.GatTableSimple_header
{
    background-color: #D1EEFF;
    font-weight: bold;
}

.GatTableSimple_highlight
{
    background-color: #F8FFBC;
}

.GatTableSimple_dehighlight
{
    background-color: #D4E4F7;
}

/* ###########################################################################################################*/
/* ################################################# GridView Layout ############################################*/
/* ###########################################################################################################*/

.GatGridView
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding: 10px;
    margin: 2px;
    border-spacing: 10px;
    background-color: #ffffff;
    font-size: x-small;
}

    .GatGridView td
    {
        border-right: #FCCA94 0px solid;
        border-top: #FCCA94 0px solid;
        border-left: #FCCA94 0px solid;
        border-bottom: #FCCA94 0px solid;
        background-color: ghostwhite;
        font-size: x-small;
    }

    .GatGridView th
    {
        border-right: #FCCA94 0px solid;
        border-top: #FCCA94 0px solid;
        border-left: #FCCA94 0px solid;
        border-bottom: #FCCA94 0px solid;
        background-image: url(../Images/listheadergrad.gif);
        text-transform: uppercase;
        font-size: x-small;
    }

/* ###########################################################################################################*/
/* ################################################# Forms Layout ############################################*/
/* ###########################################################################################################*/

.CSS_Form_Td_Header
{
    font-weight: bold;
    width: 100%;
}

.CSS_Form_Disabled
{
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    -khtml-opacity: 0.60; /* 	filter: alpha(opacity=60) !important; 	-moz-opacity: 0.60 !important; 	*/
}

    .CSS_Form_Disabled td
    {
        filter: alpha(opacity=60);
        -moz-opacity: 0.60;
        opacity: 0.60;
        -khtml-opacity: 0.60; /* 	filter: alpha(opacity=60) !important; 	-moz-opacity: 0.60 !important; 	*/
    }

.CSS_AjaxCobmo_ActionClass td
{
    filter: alpha(opacity=10) !important;
    -moz-opacity: 0.10 !important;
    background-color: Black !important;
}

.CSS_Form_Pointer
{
    cursor: pointer;
    cursor: hand;
}

.CSS_Form_NoPointer
{
    cursor: auto;
}

.CSS_Form_Td_Title
{
    font-size: medium;
    font-weight: bold;
}

.CSS_Form_Box
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #ffffff; /*position:relative;*/
    text-align: left;
    width: 100%;
    height: 100%;
    top: 1px;
}

.CSS_Form_Box_Bold
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border-right: #FCCA94 3px solid;
    border-top: #FCCA94 3px solid;
    border-left: #FCCA94 3px solid;
    border-bottom: #FCCA94 3px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #ffffff; /*position:relative;*/
    text-align: left;
    width: 100%;
    height: 100%;
    top: 1px;
}

.CSS_Box
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #ffffff;
}

.CSS_Box_Title
{
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    color: White !important;
    background-color: #FCCA94;
}

.CSS_Form_Div_Footer
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #ffffff;
    position: relative;
    top: 1px;
    width: 100%;
}

.CSS_Td_BottomBorder
{
    border-bottom: #cccccc 0px solid;
}

.CSS_Table_NoMargin
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    overflow: hidden;
}

.CSS_SiGatControls_SearchOnNewPage_GatButton
{
    color: blue;
}

.CSS_SiGatControls_SearchOnNewPage_TextBox
{
    background-color: #66cc66;
}

.CSS_SiGatControls_SearchStringListValue_GatCombo
{
    background-color: #66cc66;
}

/***************************************** RiepilogoElenchiTelefonate *****************************************/

.CSS_RiepilogoElenchiTelefonate_ColumnColor
{
    background-color: #5fffba;
}

.CSS_RiepilogoElenchiTelefonate_ColumnColor2
{
    background-color: #a6b7ff;
}

/***************************************** GatGrid *****************************************/

.CSS_GatGrid
{
    border-bottom: #FCCA94 0px solid;
    background-color: #FFFFFF;
    cursor: pointer;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    color: #666666;
}

.CSS_GatGrid_Header_Text
{
    color: #666666;
    font-family: Tahoma;
    font-size: 10px;
}

.CSS_GatGrid_Footer
{
    cursor: default;
    padding: 5px;
    height: 48px;
    vertical-align: bottom;
}

.CSS_GatGrid_Td_GroupBy
{
    cursor: pointer;
}

.CSS_GatGrid_GroupByText
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}

.CSS_GatGrid_FooterText
{
    color: #000000;
    font-family: Tahoma;
    font-size: 11px;
}

.CSS_GatGrid_Row
{
    background-color: white;
    cursor: pointer;
    font-size: x-small;
    font-family: Tahoma;
}

    .CSS_GatGrid_Row td.DataCell
    {
        padding: 3px;
        padding-top: 2px;
        padding-bottom: 1px;
        border-bottom: 1px solid #EAE9E1;
        font-family: Tahoma;
        font-size: 10px;
    }

.CSS_GatGrid_HeadingCellText
{
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-bottom: 5px !important;
}

.CSS_GatGrid_GroupHeading
{
    color: #706F91;
    background-color: #FFFFFF;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
}

.CSS_GatGrid_Td_Slider
{
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    font-size: 11px;
    width: 150px;
    height: 30px;
}

/*** DefaultTheme ***/

.CSS_GatGrid_GridHeader
{
    background-image: url(../Images/listheadergrad_L.gif);
    border-bottom: #FCCA94 1px solid;
    height: 28px;
    padding-left: 3px;
    cursor: default;
    color: black;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 0px solid;
}

.CSS_GatGrid_SelectedRow
{
}

    .CSS_GatGrid_SelectedRow td.DataCell
    {
        background-color: #FFE0B8;
        padding: 2px;
        padding-left: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-family: Tahoma;
        font-size: x-small;
        border-right: 0px;
        border-top: #3262bd 1px;
        border-bottom: #3262bd 1px;
        border-left-style: none;
        color: #666666;
        font-weight: bold;
    }

.CSS_GatGrid_HeadingCell
{
    background-image: url(../Images/header_bg.gif);
    background-color: #FCCA94;
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.CSS_GatGrid_HeadingCellHover
{
    background-image: url(../Images/header_hoverBg.gif);
    background-color: #F6F6F7;
    cursor: pinter;
}

.CSS_GatGrid_HeadingRow
{
    background-color: aliceblue;
    background-image: url(../Images/header_rowBg.gif);
}

.CSS_GatGrid_HeadingCellActive
{
    background-image: url(../Images/header_activeBg.gif);
    background-color: #F6F6F7;
}

/* ###########################################################################################################*/
/* ############################################ Collapsable Panel ############################################*/
/* ###########################################################################################################*/

.CSS_CollapseDiv_HeaderCellBgCP
{
    color: #666666;
    font-weight: bold;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 1px solid;
    font-family: Tahoma;
    background-image: url(../Images/listheadergrad.gif);
    height: 16px;
}

.CSS_CollapseDiv_MinimizeIconCP
{
    padding-right: 2px;
}

.CSS_Img_HeaderCellBulletText
{
    top: 2px;
    left: -3px;
}

/* ###########################################################################################################*/
/* ############################################## Table Cells ################################################*/
/* ###########################################################################################################*/

.TableSeparator
{
    background-color: #FFE2BC;
    height: 1px;
    padding: 0px;
    margin: 5px;
}

.CSS_Td_TableSeparator_Border
{
    height: 10px;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 1px solid;
}

.CSS__td_TableSeparatorStrong
{
    background-color: #FCCA94;
    height: 1px;
    padding: 0px;
    margin: 5px;
}

.CSS_Td_LabelCell
{
    font-family: Tahoma;
    font-size: 11px;
    text-align: left; /*text-align:right;*/
}

.CSS_Td_LabelCell_Right
{
    text-align: right !important;
    font-family: Tahoma;
    font-size: 11px;
    text-align: left;
}

.CSS_Td_LabelCell_Left
{
    text-align: left !important;
    font-family: Tahoma;
    font-size: 11px;
    text-align: left;
}


.CSS_Td_ContentCell
{
    text-align: left;
}

.CSS_Form_Tables
{
    border-collapse: separate;
    margin: 0px;
}

.CSS_Form_Tables_NoPadding
{
    padding: 0px !important;
    margin: 0px !important;
}

    .CSS_Form_Tables_NoPadding td
    {
        padding: 0px !important;
        margin: 0px !important;
    }

.CSS_Form_Tables td
{
    padding: 4px;
    margin: 0px;
}

.CSS_Table_NoMargin td
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border: 0px;
    empty-cells: hide;
}

.CSS_Table_NoMargin
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    empty-cells: hide;
}

.CSS_Table_NoBorder100
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    empty-cells: hide;
}

    .CSS_Table_NoBorder100 td
    {
        margin: 0px;
        padding: 0px;
        border: 0px;
        width: 100%;
    }

.CSS_Img_Header
{
    position: relative;
    top: 1px;
    margin: 0px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
}

.CSS_GatHeader_NORMAL
{
    border-right: #FCCA94 0px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 0px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    background-image: url(../Images/alldayDefault.png);
}

    .CSS_GatHeader_NORMAL td
    {
        padding: 3px !important;
    }

.CSS_GatHeader_SMALL
{
    border-right: #FCCA94 0px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 0px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    background-image: url(../Images/alldayDefault.png);
}

    .CSS_GatHeader_SMALL td
    {
        padding: 0px !important;
    }

.CSS_GatHeader_Title
{
    font-weight: bold;
    padding-left: 6px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 11px !important;
    white-space: nowrap !important;
    position: relative;
    top: -2px;
}

CSS_GatHeader_ExpandText
{
    font-weight: bold;
    padding-left: 6px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 11px !important;
    white-space: nowrap !important;
    position: relative;
    top: -2px;
}

.CSS_Form_Td
{
    white-space: nowrap;
    background-image: url(../Images/alldayDefault.png);
    height: 10px;
    padding: 0px;
    padding-left: 3px;
    color: #666666 !important;
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    border-right: #666666 0px solid !important;
    border-top: #666666 1px solid !important;
    border-left: #666666 0px solid !important;
    border-bottom: #666666 1px solid !important;
}

.CSS_Td_Header
{
    font-size: xx-small;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 1px solid;
    background-image: url(../Images/listheadergrad.gif);
    color: #666666;
    font-weight: bold;
    font-family: Tahoma;
}

.CSS_Form_Header_Size
{
    height: 12px;
    position: relative;
}

.CSS_Form_Gradient_Up
{
    background-image: url(../Images/viewheadergrad_R.gif);
}

.CSS_Form_Gradient_Down
{
    background-image: url(../Images/viewheadergrad.gif);
}

.CSS_WidGets_Div
{
    background-color: #f2f8ff;
    position: relative;
    width: 45%;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 0px solid;
}

/* ###########################################################################################################*/
/* ############################################## WEBPARTS STYLES  ###########################################*/
/* ###########################################################################################################*/

.GatSnapContent
{
    background-color: white;
    border-bottom: #FCCA94 1px solid;
    padding: 0px !important;
}

.GatSnapHeaderTitle
{
    font-size: xx-small;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 1px solid;
    background-image: url(../Images/listheadergrad.gif);
    color: #666666;
    font-weight: bold;
    font-family: Tahoma;
    cursor: move;
    padding-left: 10px;
}

.GatSnapHeaderIco
{
    font-size: xx-small;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 1px solid;
    background-image: url(../Images/listheadergrad.gif);
    color: #666666;
    font-weight: bold;
    font-family: Tahoma;
    cursor: move;
    padding-left: 5px;
}

.SnapTitle
{
    position: relative;
    top: -2px;
}

.GatBindableImage
{
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    border-width: 1;
    border-style: solid;
    cursor: pointer !important;
    cursor: hand !important;
}

.CSS_GatButton_Enanched
{
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    font-size: xx-small;
    background-color: white;
    font-family: Tahoma;
    text-align: center;
    color: #666666;
    background-image: url(../Images/BoxCell.jpg);
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding: 1px;
}

.CSS_GatButton_Enanched_Hover
{
    padding: 1px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    font-size: xx-small;
    background-color: white;
    font-family: Tahoma;
    text-align: center;
    color: #666666;
    background-image: url(../Images/listheadergrad.gif);
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
}


.CSS_GatTab
{
    font-weight: Bold;
    font-size: 9px !important;
    font-family: Tahoma;
    color: #666666 !important;
    cursor: pointer !important;
    cursor: hand !important;
    padding: 5px !important;
    margin: 3px !important;
    white-space: nowrap !important; /* 	background-image: url(../Images/alldayDefault.png); 	border-right: #FFFFFF 1px solid; 	border-top: #FCCA94 2px solid !important; 	*border-top: #FCCA94 1px solid !important; 	border-left: #FFFFFF 1px solid; 	border-bottom: #FFFFFF 1px solid; 	*/
    -moz-border-radius: 8px 8px 0 0 !important;
    -webkit-border-radius: 8px 8px 0 0 !important;
    border-radius: 8px 8px 0 0 !important;
    border-top: 1px solid #FCCA94 !important;
    border-right: 1px solid #FCCA94 !important;
    border-left: 1px solid #FCCA94 !important;
    border-bottom: 0px none !important;
    background-color: #FEE8CF;
}

.CSS_GatTab_Container
{
}

    .CSS_GatTab_Container td
    {
    }

.CSS_GatTab_DevX
{
    padding: 0px 0px;
    font-weight: Bold;
    font-size: 9px !important;
    font-family: Tahoma;
    color: #666666 !important;
    cursor: pointer !important;
    cursor: hand !important;
    margin: 3px !important;
    white-space: nowrap !important;
    background-image: url('../Images/alldayDefault.png');
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 0px solid !important;
}

    .CSS_GatTab_DevX td
    {
        padding: 2px 3px 2px 3px !important;
    }

.CSS_GatTab_Hover
{
    /* 	background-color:White !important;	 	background-image:none !important; 	padding:2px 3px 2px 3px !important; 	*/
    background-color: #FCCA94 !important;
}

    .CSS_GatTab_Hover td
    {
        background-color: White !important;
        background-image: none !important;
        padding: 2px 3px 2px 3px !important;
    }

.CSS_GatTab_Active
{
    font-size: 10px !important;
    color: #666666 !important; /* 	background-image:none !important; 	background-color:White !important; 	border-right:  #FCCA94 1px solid !important; 	border-top: #FCCA94 2px solid !important; 	*border-top: #FCCA94 1px solid !important; 	border-left: #FCCA94 1px solid !important; 	border-bottom: #FFFFFF 1px solid !important; 	*/
    white-space: nowrap !important; /* 	border-collapse:collapse; 	*/
    background-color: #FFFFFF;
}

.CSS_GatTab_Panel
{
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #ffffff; /*position:relative;*/
    text-align: left;
    width: 100%;
    height: 100%; /*top:1px;*/
}

.CSS_GatHeaderMenu
{
    font-weight: bold;
    font-size: xx-small;
    background-color: #ffffff;
    font-family: Tahoma;
    text-align: left;
    color: Black;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

.CSS_GatHeaderMenu_Item
{
    font-weight: bold;
    font-size: xx-small;
    background-color: #ffffff;
    font-family: Tahoma;
    text-align: left;
    color: Black;
    background-image: url(../Images/listheadergrad.gif);
    border-color: #FCCA94;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

/***************************************** GridTemplate *****************************************/

.CSS_GatMenuTemplate
{
    font-family: Tahoma !important;
    padding: 5px !important;
    color: #666666 !important;
}

.CSS_GatMenuTemplate_SubMenu
{
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
}

.CSS_GatMenuTemplate_Item
{
    background-color: White;
    color: #666666 !important;
    padding: 5px !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.CSS_GatMenuTemplate_Item_Selected
{
    background-color: #FFE0B8 !important;
    font-weight: bold !important;
}

.CSS_GatMenuTemplate_Item_Hover
{
    background-color: #FFF0DB !important;
}

.CSS_GridTemplate_Title
{
    color: #666666 !important;
    position: relative;
    left: -60px;
    font-size: 10px !important;
    font-family: Tahoma !important;
}

.CSS_GridTemplate_SearchTitle
{
    color: #666666 !important;
    font-size: 10px !important;
    font-family: Tahoma !important;
}

.CSS_GridTemplate_Footer
{
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius: 3px;
    background-image: url(../Images/alldayDefault.png);
    padding: 1px !important;
    padding-left: 4px;
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    text-transform: capitalize;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

/***************************************** GatHeaderMenu *****************************************/

.CSS_GatHeaderMenu_Hover
{
    font-weight: bold;
    font-size: xx-small;
    background-color: #ffffff;
    font-family: Tahoma;
    text-align: left;
    color: White;
    border-color: #FCCA94;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.CSS_GatHeaderMenu_Selected
{
    font-weight: bold;
    font-size: xx-small;
    background-color: #ffffff;
    font-family: Tahoma;
    text-align: left;
    color: red;
    border-color: #FCCA94;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

/***************************************** GatPopupMenu *****************************************/

.CSS_GatPopupMenuItem
{
    padding: 5px !important;
    cursor: pointer;
    cursor: hand;
    font-family: Tahoma;
    font-size: 7;
    text-align: left !important;
    font-weight: 600 !important;
}

.CSS_GatPopupMenu
{
    background-color: White;
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    background-image: url(../Images/ScanLines2.png);
}

.CSS_GatPopupMenuSelected
{
}

.CSS_GatPopupMenuHover
{
    padding: 5px;
    cursor: pointer;
    cursor: hand;
    font-family: Tahoma;
    font-size: 7;
    text-align: left !important;
    background-color: #FFE0B8;
}

/***************************************** GatCombo PopupMenu *****************************************/

.GatComboPopupMenu
{
    background-color: white;
    text-align: left;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
}

.GatComboPopupMenuItem
{
    background-color: white;
    text-align: left;
}

.GatComboPopupMenuItemHover
{
    background-color: #FFE0B8;
    font-weight: bold;
}

.GatPopupMenu
{
    text-align: left;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    background-image: url(../Images/ScanLines2.png);
}

.GatPopupMenuBold
{
    font-weight: bold;
}

.GatGridMenu
{
    text-align: left;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
}


/***************************************** GatMainMenu *****************************************/

.GatMainMenu
{
    font-weight: bold;
    position: relative;
    cursor: pointer;
    border-right: #add1ff 0px solid;
    border-top: #add1ff 0px solid;
    border-left: #add1ff 0px solid;
    border-bottom: #add1ff 0px solid;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    text-decoration: none;
    background-image: url(../Images/PopupMenu.jpg);
}

.GatMainMenuItem
{
    font-weight: bold;
    padding: 4px;
    cursor: pointer;
    font-size: xx-small;
    border-right: #add1ff 1px solid;
    border-top: #add1ff 1px solid;
    border-left: #add1ff 1px solid;
    border-bottom: #add1ff 1px solid;
    background-color: #ffffff;
    margin: 0px;
    text-decoration: none;
    background-color: transparent;
    text-align: left;
}

.GatMainMenuHover
{
    font-weight: bold;
    background-color: #D9EAFF;
    color: #666666;
    cursor: pointer;
    font-size: xx-small;
    border-right: #add1ff 0px solid;
    border-top: #add1ff 0px solid;
    border-left: #add1ff 0px solid;
    border-bottom: #add1ff 0px solid;
    text-align: left;
}

.GatMainMenuSelected
{
    text-align: left;
}

.GatMainMenuContainer
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: top;
    width: 180px;
    background-color: #EAB879;
    background-repeat: no-repeat;
    text-align: left;
}

/***************************************************************************************************************************************/
/* [GatAjaxCombo] Area
/***************************************************************************************************************************************/

.AjaxGatCombo_Img
{
    cursor: hand;
    cursor: pointer;
}

.CSS_GatAjaxCombo_SelectedPage
{
    color: White !important;
}


/***************************************************************************************************************************************/
/* GatAjaxButton Styles
/***************************************************************************************************************************************/

/* Blue */

.GatAjaxButton_NoHover:hover SPAN
{
    background-position: right 0px !important;
}

.GatAjaxButton_NoHover:hover
{
    background-position: left 0px !important;
    color: #fff;
}

A.GatAjaxButton_blue
{
    font-weight: bold !important;
    color: #FFF;
    font-family: Arial;
}

.GatAjaxButton_blue
{
    background: url(../Images/ButtonBlueL.gif) no-repeat left top;
    margin-top: 6px;
    display: block;
    padding-left: 5px;
    cursor: pointer;
    height: 24px;
    float: left;
}

    .GatAjaxButton_blue SPAN
    {
        background: url(../Images/ButtonBlueR.gif) no-repeat right top;
        padding-right: 5px;
        padding-left: 1px;
        float: left;
        padding-bottom: 0px;
        padding-top: 2px;
        height: 24px;
    }

    .GatAjaxButton_blue:hover SPAN
    {
        background-position: right -95px;
    }

    .GatAjaxButton_blue:hover
    {
        background-position: left -95px;
        color: #fff;
    }

/* Grey */

A.GatAjaxButton_gray
{
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.GatAjaxButton_gray
{
    background: url(../Images/ButtonGrayL.gif) no-repeat left top;
    margin-top: 6px;
    display: block;
    padding-left: 5px;
    cursor: pointer;
    height: 24px;
    float: left;
}

    .GatAjaxButton_gray SPAN
    {
        background: url(../Images/ButtonGrayR.gif) no-repeat right top;
        padding-right: 5px;
        padding-left: 1px;
        float: left;
        padding-bottom: 0px;
        padding-top: 2px;
        height: 24px;
    }

    .GatAjaxButton_gray:hover SPAN
    {
        background-position: right -95px;
    }

    .GatAjaxButton_gray:hover
    {
        background-position: left -95px;
        color: #fff;
    }

/* Aqua */

A.GatAjaxButton_aqua
{
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.GatAjaxButton_aqua
{
    background: url(../Images/ButtonAquaL.gif) no-repeat left top;
    margin-top: 6px;
    display: block;
    padding-left: 5px;
    cursor: pointer;
    height: 24px;
    float: left;
}

    .GatAjaxButton_aqua SPAN
    {
        background: url(../Images/ButtonAquaR.gif) no-repeat right top;
        padding-right: 5px;
        padding-left: 1px;
        float: left;
        padding-bottom: 0px;
        padding-top: 2px;
        height: 24px;
    }

    .GatAjaxButton_aqua:hover SPAN
    {
        background-position: right -95px;
    }

    .GatAjaxButton_aqua:hover
    {
        background-position: left -95px;
        color: #fff;
    }

/***************************************************************************************************************************************/
/* GatAjaxPopupMenu Styles
/***************************************************************************************************************************************/

.CSS_Table_GatAjaxPopupMenu
{
    background-color: White !important;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid; /*padding-left:10px;*/
}

.CSS_Tr_GatAjaxPopupMenu
{
    cursor: pointer;
    cursor: hand;
    padding: 3px;
}

    .CSS_Tr_GatAjaxPopupMenu:Hover
    {
        background-color: #FFE0B8;
    }

.CSS_Td_GatAjaxPopupMenuTextl
{
    cursor: pointer;
    cursor: hand;
    font-family: Tahoma;
    font-size: x-small !important;
    font-weight: bold;
    padding: 4px;
    padding: 4px 4px 4px 15px !important;
    #padding:4px4px4px4px!important;
    /*
	padding-left: 15px !important;
	#padding-left: 7px !important;	/* impostazione per IE */
}

.CSS_Td_GatAjaxPopupMenuTextWithIcon
{
    cursor: pointer;
    cursor: hand;
    font-family: Tahoma;
    font-size: x-small !important;
    font-weight: bold;
    padding: 4px;
    padding: 4px 15px 4px 4px !important;
}

.CSS_Td_ModalControlText
{
    font-family: Tahoma;
    font-size: 11 !important;
}


/***************************************************************************************************************************************/
/* BCom Form Styles
/***************************************************************************************************************************************/

.CSS_Form_Body
{
    background-image: url(../Images/ScanLines2.png);
    background-repeat: repeat;
}

/***************************************************************************************************************************************/
/* [Timers] Area
/***************************************************************************************************************************************/
.MM_Timer
{
    font-size: small;
    font-weight: bold;
}

.MM_Timer_SS
{
    color: Red;
    font-size: 15px;
}

.MM_Timer_MM
{
}

.MM_Timer_HH
{
}

.MM_Timer_Title
{
    font-size: xx-small;
    text-align: left;
    font-family: Verdana;
    padding-left: 10px;
    font-weight: bold;
    color: #000000;
}

.MM_Timer_Table
{
    position: relative;
    left: -5px;
}

.MM_Timer_Call
{
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    font-family: Arial;
    padding-left: 10px;
}

.CSS_MultiMedia_HeaderButtons
{
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

    .CSS_MultiMedia_HeaderButtons td
    {
        padding-left: 3px;
        padding-right: 2px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
    }

.CSS_MultiMedia_CallButtons
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

    .CSS_MultiMedia_CallButtons td
    {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
    }

.MM_Timer_Activity
{
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    font-family: Arial;
    padding-left: 10px;
}

.MM_ClickArea
{
    background-color: Transparent;
    position: absolute;
    width: 100%;
    height: 40px;
    cursor: pointer;
    cursor: hand;
    background-repeat: no-repeat;
    background-position: 21px 20px;
}

.MM_ButtonTitle
{
    position: relative;
    color: white;
    top: 0px;
    left: 0px;
    font-size: x-small;
    width: auto;
    background-color: #FFF0DB;
    text-transform: uppercase;
}

.MM_ButtonTitleConent
{
    width: 100%;
    height: 40px;
    text-align: left !important;
    position: relative;
}

/***************************************************************************************************************************************/
/* [Multimedia Bar] Area
/***************************************************************************************************************************************/

.MM_Multimedia_Bar
{
}

.MM_Multimedia_Bar_Cell
{
    /*width: 61px; 	height: 61px;*/
    text-align: center;
    vertical-align: middle;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    text-transform: capitalize;
    text-align: left;
    vertical-align: top;
    cursor: hand;
    cursor: pointer;
}

    .MM_Multimedia_Bar_Cell:hover
    {
    }

.MM_Multimedia_Bar_Container
{
    background-image: url(../Images/iTemplate.png);
    background-repeat: no-repeat;
}

    .MM_Multimedia_Bar_Container:hover
    {
        background-image: url(../Images/iTemplate_Hover.png);
        background-repeat: no-repeat;
    }

.MM_Multimedia_Bar_ContainerSelect:hover
{
    background-image: url(../Images/iTemplate_Hover.png);
    background-repeat: no-repeat;
}

.MM_Multimedia_Bar_ContainerSelect
{
    background-image: url(../Images/iTemplate_Select.png);
    background-repeat: no-repeat;
}


.MM_Multimedia_Bar_ButtonCell
{
    text-align: center;
    cursor: hand;
    cursor: pointer;
    white-space: nowrap;
}

.MM_Multimedia_Bar_Label
{
    color: White;
    font-weight: bold;
    white-space: nowrap;
}

/***************************************************************************************************************************************/
/* [Info Bar] Area
/***************************************************************************************************************************************/

.MM_Info_Bar
{
    position: relative;
    width: 100%;
}

.MM_Info_Bar_Title
{
    position: relative;
}

.MM_Info_Bar_Text
{
    position: relative;
    font-weight: bold;
}

.MM_Job_Main
{
    overflow: auto;
    width: 100%;
    text-align: center;
    overflow-x: hidden;
}

.MM_Job_Color
{
    border-right: White 0px solid;
    border-top: White 0px solid;
    border-left: White 0px solid;
    border-bottom: White 1px solid;
}

.MM_Job_Content
{
    background-color: Transparent;
    cursor: pointer;
    cursor: hand;
}

.MM_Job_Container:hover
{
    background-color: #F37218 !important;
    color: White;
}

.MM_Job_ContainerHover
{
    background-color: #F37218 !important;
    color: White;
}

.MM_Job_Ico
{
    /*width: 25px; 	padding-left:1px; 	padding-right:7px;*/
    vertical-align: top;
    text-align: left;
    width: 1px;
}

.MM_Job_Title
{
    padding: 2px;
    text-align: left;
}

/***************************************************************************************************************************************/
/* [Header] Area
/***************************************************************************************************************************************/

.MM_FooterTitle
{
    position: relative;
    top: 2px;
}

.MM_TableHeaderBg
{
    padding-bottom: 10px;
    padding-top: 7px;
}

/***************************************************************************************************************************************/
/* Buttons Area
/***************************************************************************************************************************************/

.MM_StatusBar
{
    font-weight: bold;
    padding: 5px;
}

.MM_Header
{
    font-weight: bold;
}

.MM_Timers
{
    border-left-color: #B8D7FF;
    border-left-style: solid;
    border-left-width: 0px;
    border-top-color: #B8D7FF;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 3px;
    width: 10%;
}

.MM_step_summary
{
    width: 140px;
}

.MM_step_summary_item_container
{
}

.MM_step_summary_item
{
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 12px;
    text-transform: capitalize;
    position: relative;
    top: -2px;
}

.MM_step_summary_item_selected
{
    font-weight: bold;
}

.MM_step_summary_item:hover
{
    text-decoration: none;
    color: #5ED1FF;
}

.MM_step_summary_icon
{
    top: 1px;
    padding: 6px;
}

.MM_step_summary_row
{
    cursor: pointer;
    cursor: hand;
}

/***************************************************************************************************************************************/
/* [TABS] Area
/***************************************************************************************************************************************/

.MM_TabStyle
{
    background-color: #F9E3C8;
    color: #666666;
    cursor: pointer;
    /*cursor: hand;*/
    font-weight: Bold;
    font-size: x-small;
    font-family: Verdana;
    margin: 0px;
    padding: 0px;
    margin-right: 4px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    height: 36px;
    transition: opacity,background-color 0.5s ease 0s;
    -moz-transition: opacity,background-color 0.5s ease 0s; /* Firefox 4 */
    -webkit-transition: opacity,background-color 0.5s ease 0s; /* Safari and Chrome */
    -o-transition: opacity,background-color 0.5s ease 0s; /* Opera */
    white-space: nowrap;
}

    .MM_TabStyle.CC6011.Only
    {
        border-collapse: collapse;
        width: 32px;
        position: relative;
        left: 1px;
        height: 32px;
        top: 0px;
    }

    .MM_TabStyle.CC6011.WithOtherTab
    {
        border-collapse: collapse;
        width: 32px;
        position: relative;
        left: -4px;
        height: 32px;
        top: -4px;
    }


.MM_TabStyle_active
{
    background: #FCCA94;
}

.MM_TabStyle:hover
{
    background: yellow !important;
}

.MM_TabStyle_active:hover
{
    background: #FCCA94 !important;
}

.MM_TabStyle_info
{
    padding: 0 4px 2px;
}

/*.MM_TabStyle_info_Div
{
    padding: 0 !important;
    position: relative;
    left: 5px;
    top: -2px;
}*/

.MM_TabStyle_title
{
    font-size: 12px;
    font-weight: Normal !important;
    padding: 4px;
    padding: 2px;
    color: Black;
}

.MM_TabMainTable
{
    margin-left: 5px;
    padding: 0px;
}


.MM_TabContainer
{
    margin: 0px;
    padding: 0px;
}

.MM_TabColor_Left
{
    width: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

.MM_CallColor
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.MM_CallColor_Active
{
    background-color: #33FF00;
}

.MM_CallColor_Pause
{
    background-color: #B4B4B4;
}

.MM_CallColor_Ring
{
    background-color: #FF0000;
}

MM_Functional_Buttons
{
    position: relative;
    top: 10px;
}

.MM_IconsBar
{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
}


.MM_TableHeader
{
    border-bottom: #ccecff 1px solid;
    font-weight: bold;
    font-size: small;
    text-align: left;
}

.CSS_MultimediaBoxHeader
{
    background-image: url(../Images/alldayDefault.png);
    background: #FCCA94 none repeat scroll 0 0;
    padding-left: 3px;
    text-transform: capitalize;
    color: #4C4C4E;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

.CSS_MultimediaBoxHeader_Title
{
    font-size: 11px !important;
    font-weight: bold;
    font-family: Tahoma;
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left !important;
}

.MultimediaBoxContent
{
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 0px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    padding: 4px;
    font-size: 11px;
    font-family: Verdana;
}


.MultimediaBox
{
    /*margin: 5px;*/
    font-family: Tahoma;
    font-size: 12px;
    color: #666666 !important;
    background-color: #F7F7F7;
}

.NoBorder
{
    border-right: #FCCA94 0px solid !important;
    border-top: #FCCA94 0px solid !important;
    border-left: #FCCA94 0px solid !important;
    border-bottom: #FCCA94 0px solid !important;
}

.MultimediaShadow
{
    /**background-image: url(../Images/shadow2.gif);**/
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 0px solid;
    padding: 0px;
    margin: 0px;
}

.MultimediaButton_td
{
    background-image: url(../Images/alldayDefault.png);
    color: White;
    font-weight: bold;
    border-right: #3097FF 0px solid;
    border-top: #3097FF 0px solid;
    border-left: #3097FF 0px solid;
    border-bottom: #3097FF 0px solid;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 10px;
    cursor: pointer;
    cursor: hand;
}

.MultimediaButton_Table
{
    background-color: white;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    cursor: pointer;
    cursor: hand;
}

.MultimediaButton_tr
{
    padding: 8px;
    background-color: white;
    cursor: pointer;
    cursor: hand;
}

.CSS_Button
{
    cursor: hand !important;
    cursor: pointer !important;
    display: block;
}

/***************************************************************************************************************************************/
/* Labels Styles
/***************************************************************************************************************************************/

.CSS_Label_Normal
{
    text-transform: none;
    font-family: Tahoma;
    font-size: 11px !important;
}

.CSS_Label_EnfatizedText
{
    font-family: Tahoma;
    font-size: 10px !important;
    font-weight: bold;
}

.CSS_Label_EnfatizedText_Plus
{
    font-family: Tahoma !important;
    font-size: 10px !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

.CSS_Label_EnfatizedText_UpperCase
{
    text-transform: uppercase;
    font-family: Tahoma;
    font-size: 11px !important;
    font-weight: bold;
}

.CSS_Label_EnfatizedText_XXL
{
    font-family: Verdana !important;
    font-size: 14px !important;
    font-weight: bold;
}

.CSS_Label_EnfatizedText_XXL_Normal {
  font-family: Verdana !important;
  font-size: 16px !important;
  font-weight: normal;
}

.CSS_Label_EnfatizedText_XL
{
    font-family: Verdana !important;
    font-size: 11px !important;
    font-weight: normal;
}

.CSS_Label_EnfatizedText_Underlined
{
    text-transform: none;
    font-family: Tahoma;
    font-size: 10px !important;
    text-decoration: underline !important;
}

.MM_Enfatized_UpperCase
{
    font-family: Verdana;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: uppercase !important;
}

.CSS_Label_Alert
{
    color: Red !important;
    font-size: 13px !important;
}

.CSS_GatAjaxTextBox
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-right: #D9A36F 1px solid;
    border-top: #D9A36F 1px solid;
    border-left: #D9A36F 1px solid;
    border-bottom: #D9A36F 1px solid;
    background-color: White;
    height: 13px;
    font-weight: bold !important;
    font-size: 11px !important;
    padding: 2px;
}

    .CSS_GatAjaxTextBox:hover, .CSS_TextBox:hover
    {
        background-color: #FCCA94 !important;
    }

    .CSS_GatAjaxTextBox:focus, .CSS_TextBox:focus
    {
        background-color: lightyellow !important;
    }

.CSS_GatAjaxMobileTextBox
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-right: #D9A36F 1px solid;
    border-top: #D9A36F 1px solid;
    border-left: #D9A36F 1px solid;
    border-bottom: #D9A36F 1px solid;
    background-color: White;
    height: 25px;
    font-weight: bold !important;
    font-size: 20px !important;
    padding: 2px;
}

    .CSS_GatAjaxMobileTextBox:hover, .CSS_TextBox:hover
    {
        background-color: #FCCA94 !important;
    }

    .CSS_GatAjaxMobileTextBox:focus, .CSS_TextBox:focus
    {
        background-color: lightyellow !important;
    }

.TestTables
{
    border-right: Black 1px solid;
    border-top: Black 1px solid;
    border-left: Black 1px solid;
    border-bottom: Black 1px solid;
    margin: 0px;
    padding: 0px;
}

    .TestTables td
    {
        border-right: Black 1px solid;
        border-top: Black 1px solid;
        border-left: Black 1px solid;
        border-bottom: Black 1px solid;
        margin: 0px;
        padding: 0px;
    }

.CSS_PaddingTable
{
    padding: 4px;
    border: solid 2px White;
}

    .CSS_PaddingTable td
    {
        padding: 4px;
        border: solid 2px White;
    }

.MM_CallText_Td
{
    color: Black;
    background-color: Transparent;
    font-family: Verdana;
    font-size: xx-small;
    font-weight: bold;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    height: 4px;
}


/***************************************************************************************************************************************/
/* [Phone List] Style
/***************************************************************************************************************************************/

.CSS_Table_PhoneList
{
    background-color: White;
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    font-size: x-small;
    font-weight: normal;
    color: #666666 !important;
}

.CSS_Table_PhoneList_Header
{
    background-color: #FCCA94 !important;
    color: White !important;
    font-weight: bold;
}

.CSS_Table_PhoneList td
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    cursor: hand;
    cursor: pointer;
}

.CSS_Table_PhoneList tr:hover
{
    background-color: #F4FFA5;
}

.CSS_Td_PhoneList_Number
{
    cursor: pointer;
    cursor: hand;
    font-size: medium;
    color: #666666;
    font-weight: bold;
    padding-right: 20px;
    min-width:120px;
}

.MM_PhoneList_Title
{
}

/********************************************************* Esitazione Chiamata *********************************************************/

.CSS_Div_EsitaChiamata
{
    background-color: #64D8FF;
    elevation: higher;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    border-right: #9999CC 1px solid;
    border-top: #9999CC 1px solid;
    border-left: #9999CC 1px solid;
    border-bottom: #9999CC 1px solid;
}

.CSS_Div_EsitaChiamataMsg_Container
{
    background-color: White;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    elevation: higher;
    text-align: center;
}

.CSS_Div_EsitaChiamataMsg
{
    background-color: #FFFFFF;
    padding: 20px;
    border-right: #9999CC 1px solid;
    border-top: #9999CC 1px solid;
    border-left: #9999CC 1px solid;
    border-bottom: #9999CC 1px solid;
    text-align: left;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
}

.CSS_GatAjaxGrid
{
    cursor: pointer;
    cursor: hand;
    background-color: #FFEBD1;
    color: #666666;
    border-right: #D9A36F 1px solid;
    white-space: nowrap;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    background-image: url(../Images/Header_Bg.gif) !important;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    padding-left: 5px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 2px !important;
}

.CSS_GatAjaxGridRow td
{
    background-color: White;
    border-right: #EAE9E1 0px solid;
    border-top: #EAE9E1 0px solid;
    border-left: #EAE9E1 0px solid;
    border-bottom: #EAE9E1 1px solid;
    font-size: x-small !important;
    font-family: Tahoma !important;
    padding-left: 5px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-right: 0px !important;
}

.CSS_GatAjaxGrid_SearchTable
{
}

    .CSS_GatAjaxGrid_SearchTable td
    {
        padding: 0px;
    }

.CSS_GatAjaxGridSelectedRow
{
    background-color: #FFEBD1 !important;
}

    .CSS_GatAjaxGridSelectedRow td
    {
        background-color: #FFEBD1 !important;
    }

.CSS_GatAjaxGrid_Header
{
}

    .CSS_GatAjaxGrid_Header td
    {
    }


.CSS_GatAjaxGridHover
{
    background-image: url(../Images/header_hoverBg.gif) !important;
    cursor: pointer;
    cursor: hand;
    background-color: #FFEBD1;
    color: #666666;
    border-right: #D9A36F 1px solid;
    white-space: nowrap;
    border-right: #FCCA94 0px solid;
    border-top: #FCCA94 0px solid;
    border-left: #FCCA94 0px solid;
    border-bottom: #FCCA94 0px solid;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    padding-left: 5px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 2px !important;
}

.CSS_GatAjaxGridFooter
{
    color: #666666;
    font-weight: bold;
    border-right: #D9A36F 1px solid;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    background-image: url(../Images/listheadergrad_L.gif) !important;
    border-right: #EAE9E1 2px solid !important;
    border-top: #EAE9E1 2px solid !important;
    border-left: #EAE9E1 2px solid !important;
    border-bottom: #EAE9E1 2px solid !important;
}

    .CSS_GatAjaxGridFooter td /* FF,IE6 */
    {
        padding-left: 1px !important;
        padding-right: 3px !important;
        padding-top: 3px !important;
        padding-bottom: 1px !important;
    }

    *:first-child + html .CSS_GatAjaxGridFooter td /* IE 7.0 Hack */
    {
        padding-left: 1px !important;
        padding-right: 3px !important;
        padding-top: 3px !important;
        padding-bottom: 2px !important;
    }

.CSS_GatAjaxGridShadowsRev
{
    background-image: url(../Images/Shadows2Rev.gif) !important;
    height: 2px !important;
    padding: 0px !important;
    margin: 0px !important;
}



.CSS_GatAjaxGridRow
{
}

.CSS_GatAjaxGridRowHover
{
}

.CSS_GatAjaxGridRowHover_Old
{
}

    .CSS_GatAjaxGridRowHover_Old td
    {
        cursor: pointer;
        padding-right: 11px;
        padding-left: 4px;
        padding-bottom: 4px;
        padding-top: 4px;
        text-align: left;
        border-right: #FCCA94 0px solid;
        background-color: #FFF0DE !important;
        white-space: nowrap;
    }

.CSS_GatAjaxGridRowHover td
{
    background-color: #FFE8CE !important;
    border-right: #EAE9E1 0px solid;
    border-top: #EAE9E1 0px solid;
    border-left: #EAE9E1 0px solid;
    border-bottom: #EAE9E1 1px solid;
    padding-left: 5px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-right: 0px !important;
    font-size: x-small !important;
    font-family: Tahoma !important;
}

.CSS_MainMenu
{
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    background-color: White !important;
}

.CSS_MainMenu_Item
{
    border: 0px;
}


.CSS_MainMenu_Item_Hover
{
}

.CSS_MainMenu_SubItem
{
}

.CSS_MainMenu_SubMenu
{
    border-right: #FCCA94 1px solid !important;
    border-top: #FCCA94 1px solid !important;
    border-left: #FCCA94 1px solid !important;
    border-bottom: #FCCA94 1px solid !important;
    background-color: White;
}

.Agenda_TitoloColonna
{
    background-color: #f0e68c;
    color: #483d8b;
    background-image: url(../Images/alldayDefault.png);
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;
}

.BtnTemplate
{
    background-image: url(../Images/BtnTemplate.png) !important;
    background-repeat: no-repeat !important;
    width: 210px !important;
    height: 80px !important;
    position: relative !important;
    cursor: pointer !important;
    cursor: hand !important;
}
/*
ZD Queste classi non sono utilizzate (inoltre c'era scritto improtant anzichè important)
.BtnTemplate_Text_Over
{
	position:relative;
	color:White !important;
	font-family:Tahoma !important;
	font-weight:bold !important;
	text-align:right !important;
	left:-11px !important;
	top:7px !important;
}

.BtnTemplate_Text_Down
{
	position:relative;
	color:White !important;
	font-family:Arial !important;
	font-weight:bold !important;
	font-size:16px !important;
	text-align:right !important;
	left:-11px !important;
	top:-16px !important;
	text-transform:uppercase !Important;
}
*/
.CSS_ToolbarTitle
{
    font-size: x-large !important;
}

.CSS_GatComboDropDownList
{
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius: 3px;
    border-right: #D9A36F 1px solid !important;
    border-top: #D9A36F 1px solid !important;
    border-left: #D9A36F 1px solid !important;
    border-bottom: #D9A36F 1px solid !important;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma;
    padding: 2px;
}

.CSS_GatComboSummaryItem
{
    font-weight: bold !important;
    background-color: #FFF3E3 !important;
}

.CSS_AjaxCombo_RightAlign
{
    text-align: right !important;
}

/*
* [AjaxMenu: vertical]
*/

.css_ajaxmenu_subitems
{
    position: absolute;
    display: none;
    z-index: 100;
    border-color: #FCCA94;
    border-top-style: solid;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
    border-width: 1px;
    margin-left: -2px; /**margin-left:-18px;*/
    margin-top: 10px; /*margin-top:0px;*/
    width: 340px;
}

    .css_ajaxmenu_subitems li
    {
        list-style-type: none;
        list-style-position: outside;
    }

    .css_ajaxmenu_subitems a
    {
        display: block; /*width:340px;*/
        background: url(../Images/listheadergrad.gif) repeat-x bottom left;
        font: bold 13px "Calibri", "Lucida Grande", Tahoma, Helvetica, sans-serif;
        color: #666666;
        padding: 2px;
        text-decoration: none;
        list-style-type: none;
        list-style-position: inside;
        cursor: hand;
        cursor: pointer;
        border-color: #FCCA94;
        border-bottom-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 0px;
    }

        .css_ajaxmenu_subitems a:hover
        {
            background: url(../Images/listheadergrad_hover.gif) repeat-x bottom left;
        }

.css_ajaxmenu li
{
    border-bottom: 1px 1px dotted #FCCA94 #FCCA94;
    background: url('../Images/listheadergrad.gif') repeat-x bottom left;
    color: Black;
    text-decoration: none;
    list-style-position: outside;
    list-style-type: none;
    cursor: hand;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 1px;
    padding-right: 0px;
    width: 100%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 14px;
    font-family: Calibri, Lucida Grande, Tahoma, Helvetica, sans-serif;
    border-left-color: #FCCA94;
    border-left-width: 1px;
    border-right-color: #FCCA94;
    border-right-width: 1px;
    border-top-color: #FCCA94;
    border-top-width: 1px;
}

    .css_ajaxmenu li:hover
    {
        background: url(../Images/listheadergrad_hover.gif) repeat-x bottom left;
    }

.css_ajaxmenu
{
    /*    border-color:#9DC9FF;     border-bottom-style:none;     border-right-style:none;     border-left-style:none;     border-top-style:solid;     border-width:1px;*/
    width: 180px;
}

    .css_ajaxmenu img
    {
        position: relative;
        top: 1px;
        padding-right: 4px;
        padding-left: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

/*
* [AjaxMenu: horizontal]
*/

.css_ajaxmenu_subitems_hor
{
    position: absolute;
    display: none;
    z-index: 100;
    margin-left: 3px;
    margin-top: 22px;
    border-color: #FCCA94;
    border-top-style: solid;
    border-bottom-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 10px;
    background-color: White;
}

    .css_ajaxmenu_subitems_hor a
    {
    }

    .css_ajaxmenu_subitems_hor li
    {
        list-style-type: none;
        list-style-position: inside;
        list-style-image: url(../Images/menubullet_ff.png);
        *list-style-image: url(../Images/menubullet_ie.png);
        font: bold13px"Calibri","Lucida Grande",Tahoma,Helvetica,sans-serif;
        color: #666666;
        cursor: hand;
        cursor: pointer;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 3px;
        padding-right: 3px;
    }

        .css_ajaxmenu_subitems_hor li:hover
        {
            background: url(../Images/listheadergrad_hover.gif) repeat-x bottom left;
        }

.css_ajaxmenu_hor td
{
    background: url(../Images/listheadergrad.gif) repeat-x bottom left;
    font: bold 13px "Calibri", "Lucida Grande", Tahoma, Helvetica, sans-serif;
    color: Black;
    text-decoration: none;
    text-align: left;
    list-style-type: none;
    cursor: hand;
    cursor: pointer;
    border-color: #FCCA94;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    *padding-left: 0px;
    padding-right: 10px;
    white-space: nowrap;
}

    .css_ajaxmenu_hor td:hover
    {
        background: url(../Images/listheadergrad_hover.gif) repeat-x bottom left;
    }

.css_ajaxmenu_hor
{
    border-color: #FCCA94;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-width: 1px;
}

    .css_ajaxmenu_hor img
    {
        position: relative;
        top: 1px;
        padding-right: 4px;
        padding-left: 1px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.css_gadget_table
{
    padding: 3px;
    margin: 0;
}

.CSS_ModalTitle
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
}

.CSS_GatAjaxTextBoxSearch
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border: #D9A36F 1px solid;
    background-color: White;
    height: 13px;
    padding: 2px;
}

.CSS_search
{
    font-size: 13px;
    font-weight: lighter;
    white-space: nowrap;
    padding-left: 5px;
    padding-top: 0px;
    color: #999999;
    letter-spacing: -1px;
}


.CSS_AjaxCombo
{
    background-color: White; /* #EAE9E1 ;*/
}

    .CSS_AjaxCombo > thead > tr[tag="header"] > th:hover
    {
        background-image: url(../Images/header_hoverBg.gif) !important;
    }

    .CSS_AjaxCombo > thead > tr[tag="header"] > th > div
    {
        background-image: url(../Images/header_div.gif);
        background-repeat: no-repeat;
        padding: 4px 2px 4px 5px !important;
    }

    .CSS_AjaxCombo > thead > tr[tag="header"] > th[first] > div
    {
        background-image: none !important;
    }

    .CSS_AjaxCombo > thead > tr[tag="header"] > th
    {
        cursor: pointer;
        padding: 0px;
        cursor: hand;
        color: #666666;
        white-space: nowrap;
        background: url('../Images/header_firstBg.gif') repeat-x;
        font-family: Tahoma;
        font-size: 10px;
        text-align: left;
    }

    .CSS_AjaxCombo > tbody > tr:hover
    {
        background-color: #FFE8CE !important;
    }

    .CSS_AjaxCombo > tbody > tr > td
    {
        cursor: pointer;
        cursor: hand;
        border-right: #EAE9E1 0px solid;
        border-top: #EAE9E1 0px solid;
        border-left: #EAE9E1 0px solid;
        border-bottom: #EAE9E1 1px solid;
        font-size: 10px !important;
        font-family: Tahoma !important;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 5px;
        white-space: nowrap;
        empty-cells: show;
        text-align: left;
    }

    .CSS_AjaxCombo > tfoot > tr > td
    {
        color: #666666;
        white-space: nowrap;
        background-image: url(../Images/listheadergrad_L.gif) !important;
        margin: 0;
        padding: 0;
    }

.CSS_AjaxCombo_Popup
{
    text-align: left;
    background: #FFE8CE none repeat scroll 0 0;
    border-color: silver black black silver;
    border-style: solid;
    border-width: 1px 2px 3px 1px;
    left: 0;
    padding: 3px;
    position: fixed;
    top: 0;
    width: 500px;
    z-index: 99999999;
}

.CSS_GatAjaxGrid_PagingTable
{
    padding: 0px;
    margin: 0px;
}

    .CSS_GatAjaxGrid_PagingTable td
    {
        cursor: pointer;
        cursor: hand;
        padding: 2px;
        margin: 0px;
        white-space: nowrap;
        font-weight: bold;
    }

.odd
{
    background-color: #F2F2F2;
}

/***************************************************************************************************************************************/
/* GatAjaxFileUpload Styles
/***************************************************************************************************************************************/
.CSS_GatAjaxFileUpload
{
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    font-size: xx-small;
    background-color: white;
    font-family: Tahoma;
    color: #666666;
    background-image: url(../Images/BoxCell.jpg);
    border-right: #FCCA94 1px solid;
    border-top: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    padding: 1px;
}

/***************************************************************************************************************************************/
/* GatAjaxTreeView Styles
/***************************************************************************************************************************************/
.CSS_GatAjaxTree table
{
    text-align: left;
    width: 100%;
}

.CSS_GatAjaxTreeViewTDSel
{
    font-size: x-small;
    font-weight: bold; /*color: #D57300 !important;*/
    cursor: pointer;
}

.CSS_GatAjaxTreeViewTDMainNode
{
    cursor: default;
    font-size: small;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.CSS_GatAjaxTreeViewTDMainNodeSelected
{
    cursor: default;
    font-weight: bold;
    font-size: small;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.CSS_GatAjaxTreeViewTD
{
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    white-space: nowrap;
}

    .CSS_GatAjaxTreeViewTD:hover
    {
        cursor: pointer;
        border-top: 1px solid #D57300;
        border-bottom: 1px solid #D57300;
        background-color: #FFE8CE !important; /* background-color: #FFE0B8 !important; */
    }

.CSS_GatAjaxTreeViewTDCntMail
{
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    color: ActiveBorder;
}

.CSS_GatAjaxOutlook_Drag td
{
    color: #666666;
    font-family: Tahoma;
    font-size: 10px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}

.CSS_GatAjaxOutlook_DivGestNode
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border-top: #FCCA94 1px solid;
    border-right: #FCCA94 1px solid;
    border-left: #FCCA94 1px solid;
    border-bottom: #FCCA94 1px solid;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    text-align: left;
    background-color: #ffffff;
}

.CSS_GatAjaxOutlook_PrioritySelected
{
    border: 1px solid black !important;
    background-color: #FFEBD1;
}

.CSS_GatAjaxOutlook_MailHeaderBackground
{
    background-color: #FFEBD1;
}

.CSS_GatAjaxOutlook_HeaderCartelle
{
    background-color: #FCCA94;
    padding-bottom: 5px;
    padding-top: 3px;
}

.CSS_GatAjaxOutlook_TextHeaderCartelle
{
    margin-left: 5px;
    font-family: Verdana !important;
    font-size: 11px !important;
    font-weight: bold;
}

/***************************************************************************************************************************************/
/***************************************************************************************************************************************/

.CSS_Licenza
{
    color: #FF0000;
    font-weight: bold;
}

.xstooltip
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    background-repeat: repeat;
    background-image: url(../Images/tooltipbck.png);
    font: normal 10pt;
    padding: 3px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border-top: Black 2px solid;
    border-right: Black 2px solid;
    border-left: Black 2px solid;
    border-bottom: Black 2px solid;
}

.CSS_Caratteristiche_Intestazione_Gruppo
{
    background-repeat: repeat;
    background-image: url(../Images/tooltipbck.png);
}

/* Stile per il calendarietto */
/**
 * Styles for DatePicker
 */

.datepickerControl
{
    border: 1px solid #999999;
    background-color: #EEEEEE;
    padding: 2px;
}

    .datepickerControl td
    {
        text-align: center;
        font-family: sans-serif;
        font-size: 11px;
        padding: 1px;
    }

    .datepickerControl tr.monthLabel td
    {
        background-color: #FFFFFF;
        border: 1px solid #999999;
        font-weight: bold;
    }

    .datepickerControl tr.navigation td
    {
        cursor: pointer;
    }

        .datepickerControl tr.navigation td:hover
        {
            text-decoration: underline;
        }

    .datepickerControl tr.dayLabel td
    {
        /* 	border:				1px solid #C0D8EA; 	background-color:	#C0D8EA; 	*/
        border: 1px solid #003366;
        background-color: #003366;
        color: white;
        font-weight: bold;
    }

    .datepickerControl td.day, .datepickerControl td.dayothermonth
    {
        cursor: pointer;
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        width: 1em;
    }

    .datepickerControl td.dayothermonth
    {
        color: #999999;
        font-style: italic;
    }

    .datepickerControl td.day:hover
    {
        background-color: #EBE4C0;
    }

    .datepickerControl td.weekend
    {
        background-color: #CCCCCC;
        font-style: italic;
    }

    .datepickerControl td.today
    {
        font-weight: bold;
    }

    .datepickerControl td.hour
    {
        cursor: pointer;
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        width: 1em;
    }

    .datepickerControl td.minute
    {
        cursor: pointer;
        background-color: #FFFFFF;
        border: 1px solid #EEEEEE;
        width: 1em;
    }

    .datepickerControl td input, .datepickerControl td button
    {
        font-size: 11px;
        padding: 0;
        border: 1px solid #999999;
        text-align: center;
    }

    .datepickerControl td.ampm
    {
        cursor: pointer;
        background-color: #CCCCCC;
        border: 1px solid #EEEEEE;
        width: 1em;
    }

    .datepickerControl td.current
    {
        font-weight: bold;
        background-color: #EBC2C0;
    }

    .datepickerControl input.current
    {
        background-color: #EBC2C0;
    }

    .datepickerControl td.current:hover
    {
        background-color: #EBC2C0;
    }

    .datepickerControl td.today
    {
        font-weight: bold;
        background-color: #CCFFFF;
    }

    .datepickerControl input.today
    {
        background-color: #CCFFFF;
    }

    .datepickerControl td.today:hover
    {
        background-color: #CCFFFF;
    }

/* AjaxTreeView */

.CSS_AjaxTreeViewPanel
{
    overflow: auto;
}

.CSS_AjaxTreeViewUL
{
    margin: 0;
    padding: 0;
}

.CSS_AjaxTreeViewLI
{
    list-style-type: none;
    vertical-align: middle;
    background-image: url(../Images/treeview/treeview_dotsline.gif);
    background-repeat: repeat-y;
}

.CSS_AjaxTreeViewLIMiddle
{
    list-style-type: none;
    vertical-align: middle;
    background-image: url(../Images/treeview/treeview_dotsline_middle.gif);
    background-repeat: repeat-y;
}

.CSS_AjaxTreeViewLILast
{
    list-style-type: none;
    vertical-align: middle;
    background-image: url(../Images/treeview/treeview_dotsline_last.gif);
    background-repeat: no-repeat;
}

.CSS_AjaxTreeViewImgExpandCollapse
{
    /*margin:2px;*/
    padding: 2px;
}

.CSS_AjaxTreeViewIcon
{
    /*margin:2px;*/ /*padding:2px;*/
}

.CSS_AjaxTreeViewNode
{
    cursor: pointer; /*margin:2px;*/
    padding: 2px;
}

.CSS_AjaxTreeViewNodeSelected
{
    font-weight: bold;
    cursor: pointer;
    background-color: Yellow;
}

.CSS_AjaxTreeViewTitle
{
    background-color: #FEE8CF;
    padding: 5px;
}

.CSS_AjaxTreeViewTitleSfumato
{
    padding: 5px;
    background-image: url(../Images/treeview/TreeViewTitleSfumato.png);
    background-repeat: repeat-y;
}

.CSS_AjaxTreeViewLIOther
{
    list-style-type: none;
    vertical-align: middle;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 0px;
    margin-left: -10px;
}

.CSS_Tooltip
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-repeat: repeat;
    background-image: url(../Images/tooltipbck.png);
    padding: 3px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px;
    border-top: Black 2px solid;
    border-right: Black 2px solid;
    border-left: Black 2px solid;
    border-bottom: Black 2px solid;
}

::-webkit-input-placeholder
{
    color: #AAAAAA !important;
    font-weight: lighter !important;
}

:-moz-placeholder
{
    color: #AAAAAA !important;
    font-weight: lighter !important;
}

:-ms-input-placeholder
{
    color: #AAAAAA !important;
    font-weight: lighter !important;
}

.CSS_ServiceHeader
{
    height: 82px;
    position: relative;
    overflow: hidden;
    background-color: White;
    background-image: url('../Images/crmHeaderCenter.jpg');
    background-repeat: repeat-x;
}

    .CSS_ServiceHeader .left
    {
        position: absolute;
        height: 82px;
        width: 50px;
        background-image: url('../Images/crmHeaderLeft.jpg');
        background-repeat: no-repeat;
        top: 0px;
        left: 0px;
    }

    .CSS_ServiceHeader .right
    {
        position: absolute;
        height: 82px;
        width: 700px;
        background-position: right top;
        background-image: url('../Images/crmHeaderRight.jpg');
        background-repeat: no-repeat;
        top: 0px;
        right: 0px;
    }

    .CSS_ServiceHeader .content
    {
        position: absolute;
        top: 20px;
        height: 62px;
        left: 40px;
        font-size: 32px;
        font-weight: bold;
        color: #000060;
        white-space: nowrap;
        overflow: hidden;
    }

.Css_GestoreElenchi_GrigliaMotivi
{
    border-color: #F87917;
    border-style: solid;
    border-width: 3px;
}

.iFrameSpiegazioneMultimedia
{
    height: 225px;
    width: 100%;
    overflow: hidden;
    border: none;
}

.iDivveFrameSpiegazioneMultimedia
{
    position: relative;
    top: 25px;
}

.iFrameSpiegazioneMultimediaContentLoader
{
    height: 150px;
    width: 100%;
    overflow: hidden;
    border: none;
}

#mDivInfoModelli
{
    background-color: #EAB879;
    transition: height 0.5s ease-in 0.5s;
    -moz-transition: height 0.5s ease-in 0.5s;
    -webkit-transition: height 0.5s ease-in 0.5s;
    -o-transition: height 0.5s ease-in 0.5s;
}

.MultimediaPresaOrdineHeaderSpanEvidence
{
    color: #AAAAAA !important;
    font-weight: bold !important;
	font-size: medium; 
}

.SearchTableGrid, .TabAjaxLoader, .CSS_Form_Box2, #OpenScriptModalDialog_TargetContentDiv,
.CSS_Td_ModalControlText
{
	width: 97.5% !important;
}
.tableSiteLink {
    width:30%;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
	float: left;
}

.tableSiteLink td {
    padding:5px;
}

.tableSiteLink td:first-child {
    width:1%;
}

.tableSiteLink img {
    width:60px;
    height:60px;
}

.siteLinkText {
    color:#61963b;
    font-size:11px;
	padding-top: 3px;
}

.tableSiteLink a {
    font-size:14px;
    line-height:1.42857;
	color: #3498db;
}


/******************************************************************************************************************************************/
/**************************************************SAJO - RICERCA AVANZATA || INIZIO*******************************************************/
/******************************************************************************************************************************************/

#mDiv-ms-search {
    height: 10px;
}

.ms-options-wrap{
	width: 100%;
}

.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
	
}

    .ms-options-wrap > button:focus,
    .ms-options-wrap > button {
        position: relative;
        width: 100%;
        text-align: left;
        border: 1px solid #aaa;
        background-color: #fff;
        padding: 5px 20px 5px 5px;
        margin-top: 1px;
        font-size: 13px;
        color: #aaa;
        outline-offset: -2px;
        white-space: nowrap;
    }

        .ms-options-wrap > button > span {
            display: inline-block;
        }

        .ms-options-wrap > button[disabled] {
            background-color: #e5e9ed;
            color: #808080;
            opacity: 0.6;
        }

        .ms-options-wrap > button:after {
            content: ' ';
            height: 0;
            position: absolute;
            top: 50%;
            right: 5px;
            width: 0;
            border: 6px solid rgba(0, 0, 0, 0);
            border-top-color: #999;
            margin-top: -3px;
        }

    .ms-options-wrap.ms-has-selections > button {
        color: #333;
    }

    .ms-options-wrap > .ms-options {
        position: absolute;
        /*left: 0;*/
        width: 100%;
        margin-top: 1px;
        margin-bottom: 20px;
        background: white;
        z-index: 2000;
        border: 1px solid #aaa;
        overflow: auto;
        visibility: hidden;
		text-align:left;
    }

    .ms-options-wrap.ms-active > .ms-options {
        visibility: visible;
    }

    .ms-options-wrap > .ms-options > .ms-search input {
        width: 100%;
        padding: 4px 5px;
        border: none;
        border-bottom: 1px groove;
        outline: none;
    }

    .ms-options-wrap > .ms-options .ms-selectall {
        display: inline-block;
        font-size: .9em;
        text-transform: lowercase;
        text-decoration: none;
    }

        .ms-options-wrap > .ms-options .ms-selectall:hover {
            text-decoration: underline;
        }

    .ms-options-wrap > .ms-options > .ms-selectall.global {
        margin: 10px 5px;
		top:10px;
		position:relative;
    }

    .ms-options-wrap > .ms-options > ul,
    .ms-options-wrap > .ms-options > ul > li.optgroup ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .ms-options-wrap > .ms-options > ul > li  {
        min-height: 20px;
    }
	
        .ms-options-wrap > .ms-options > ul li.ms-hidden {
            display: none;
        }

        .ms-options-wrap > .ms-options > ul > li.optgroup {
            padding: 5px;
        }

            .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
                border-top: 1px solid #aaa;
            }

            .ms-options-wrap > .ms-options > ul > li.optgroup .label {
                display: block;
                padding: 5px 0 0 0;
                font-weight: bold;
            }

        .ms-options-wrap > .ms-options > ul label {
            position: relative;
            display: inline-block;
            width: 100%;
            padding: 4px 4px 4px 20px;
            margin: 1px 0;
            border: 1px dotted transparent;
        }

    .ms-options-wrap > .ms-options.checkbox-autofit > ul label,
    .ms-options-wrap > .ms-options.hide-checkbox > ul label {
        padding: 4px;
    }

    .ms-options-wrap > .ms-options > ul label.focused,
    .ms-options-wrap > .ms-options > ul label:hover {
        background-color: #efefef;
        border-color: #999;
    }

    .ms-options-wrap > .ms-options > ul li.selected label {
        background-color: #efefef;
        border-color: transparent;
    }

    .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
        margin: 0 5px 0 0;
        position: absolute;
        left: 4px;
        top: 7px;
    }

    .ms-options-wrap > .ms-options.hide-checkbox > ul input[type="checkbox"] {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
    }

/******************************************************************************************************************************************/
/**************************************************SAJO - RICERCA AVANZATA || FINE*********************************************************/
/******************************************************************************************************************************************/