/*
+------------------------------------------------------------------------------------------+
+------------------------------------------------------------------------------------------+
|
|   TeePee
|   Web: www.sinapto.com
|   Contatti: info@sinapto.com
|   ... TeePee
|
|   System Linux platform
|
+------------------------------------------------------------------------------------------+
+------------------------------------------------------------------------------------------+
*/

/******************************************************************************************/
/* 1 - STILI TEMATICI */
/******************************************************************************************/


/*-----------------------------------------------------------------------------------------*/

 /* STILE BODY DELLA PAGINA */
BODY 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #4d8ed0; 
    background-repeat: repeat-x;
    background-image: url(/sitedesign/user/images/bg_gradiente_blu.jpg);
}
 /* STILE BACKGROUND */

hr {
    height: 1px;
    border-width:0;
    /* Set the hr color */
    color:gray;
    background-color:gray;
}

.body_popup {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #FFF !important;
    background-repeat: none !important;
    background-image: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.TeeBGColor1 {
    background-color: #498ACC;
}

.TeeBGColor2 {
    background-color: #E3E3E3;
}
.TeeBGColor3 {
    background-color: #F7F7F7;
}

.TeeBGColor4 {
    background-color: #F0F0F0;
}

.TeeBGColor5 {
    background-color: #A2BEDA;
}

.TeeBGColor6 {
    background-color: #CADBF7;
}
.TeeBGColorLightGreen {
    background-color: #f0FFf0;
}
.TeeBGColorLightRed {
    background-color: #FFE8E8;
}
.TeeBGColorLightBlu {
    background-color: #E8E8FF;
}

.TeeBGImage1 {
    background-image: url(/sitedesign/user/images/header_bg_gradiente.jpg);
    background-repeat: repeat-x; background-position: center
}
.TeeBGImage3 {
    background-image: url(/sitedesign/user/images/bg_sottomenu.gif);
    background-repeat: repeat-x; background-position: top
}

.TeeBGBlu {
    background-color: #5577ff;
}
.TeeBGRed {
    background-color: #FF0000;
}

/*-----------------------------------------------------------------------------------------*/
/* STILI TESTO 1 */
 
.TeeText1 {
    color: #616161;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.TeeTextWrap {
    white-space: normal;
}

a.TeeText1:link {
    color: #616161;
    text-decoration:none;
}

a.TeeText1:visited {
    color: #616161;
    text-decoration:none;
}

a.TeeText1:hover {
    color: #FF9C00;
    text-decoration:none;
}

a.TeeText1:active {
    color: #616161;
    text-decoration:none;
}


.TeeTitle1 {
    color: #498ACC;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle1:link {
    color: #498ACC;
    text-decoration:none;
}

a.TeeTitle1:visited {
    color: #498ACC;
    text-decoration:none;
}

a.TeeTitle1:hover {
    color: #FF9C00;
    text-decoration:none;
}

a.TeeTitle1:active {
    color: #498ACC;
    text-decoration:none;
}


.TeeBigTitle1 {
    color: #498ACC;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
    margin: 0px 0px 0px 0px;
}

a.TeeBigTitle1:link {
    color: #498ACC;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle1:visited {
    color: #498ACC;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle1:hover {
    color: #FF9C00;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle1:active {
    color: #498ACC;
    text-decoration:none;
    font-weight: bold;
}

/* STILI TESTO 2 */

.TeeText2 {
    color: #FFFFFF;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

a.TeeText2:link {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeText2:visited {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeText2:hover {
    color: #FFFFFF;
    text-decoration:underline;
}

a.TeeText2:active {
    color: #FFFFFF;
    text-decoration:none;
}


.TeeTitle2 {
    color: #FFFFFF;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle2:link {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeTitle2:visited {
    color: #FFFFFF;
    text-decoration:none;
}

a.TeeTitle2:hover {
    color: #FFFFFF;
    text-decoration:underline;
}

a.TeeTitle2:active {
    color: #FFFFFF;
    text-decoration:none;
}


.TeeBigTitle2 {
    color: #FFFFFF;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
    margin: 0px 0px 0px 0px;
}

a.TeeBigTitle2:link {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle2:visited {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle2:hover {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}

a.TeeBigTitle2:active {
    color: #FFFFFF;
    text-decoration:none;
    font-weight: bold;
}



/* STILI TESTO 3 */

.TeeText3 {
    color: #999999;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

a.TeeText3:link {
    color: #999999;
    text-decoration:none;
}

a.TeeText3:visited {
    color: #999999;
    text-decoration:none;
}

a.TeeText3:hover {
    color: #999999;
    text-decoration:underline;
}

a.TeeText3:active {
    color: #999999;
    text-decoration:none;
}


.TeeTitle3 {
    color: #959595;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle3:link {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle3:visited {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle3:hover {
    color: #959595;
    text-decoration:underline;
}

a.TeeTitle3:active {
    color: #959595;
    text-decoration:none;
}

/* STILI TESTO 4 */

.TeeText4 {
    color: #959595;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

a.TeeText4:link {
    color: #959595;
    text-decoration:none;
}

a.TeeText4:visited {
    color: #959595;
    text-decoration:none;
}

a.TeeText4:hover {
    color: #959595;
    text-decoration:underline;
}

a.TeeText4:active {
    color: #959595;
    text-decoration:none;
}


.TeeTitle4 {
    color: #959595;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration:none;
}

a.TeeTitle4:link {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle4:visited {
    color: #959595;
    text-decoration:none;
}

a.TeeTitle4:hover {
    color: #959595;
    text-decoration:underline;
}

a.TeeTitle4:active {
    color: #959595;
    text-decoration:none;
}

/* ERRORI */

.TeeTextError {
    color: #FF0000;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.TeeBGColorError {
    background-color: #FF0000;
}


/******************************************************************************************/
/* 2 - STILI INPUT */
/******************************************************************************************/


.TeeInput { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    border: 1px solid #CCCCCC;
    border-right: #CCCCCC solid 1px;
    border-top: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
    border-left: #CCCCCC solid 1px; 
    background-color: #F4F4F4;
    display: inline;
}
.TeeInputError { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    border: 1px solid #FF0000 !important;
    border-right: #FF0000 solid 1px!important ;
    border-top: #FF0000 solid 1px!important ;
    border-bottom: #FF0000 solid 1px!important ;
    border-left: #FF0000 solid 1px!important ; 
    background-color: #F4F4F4;
    display: inline;
}
.TeeInputWarning { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    border: 1px solid #FF6A00 !important;
    border-right: #FF6A00 solid 1px!important ;
    border-top: #FF6A00 solid 1px!important ;
    border-bottom: #FF6A00 solid 1px!important ;
    border-left: #FF6A00 solid 1px!important ; 
    background-color: #F4F4F4;
    display: inline;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-right: #CCCCCC solid 1px;
    border-top: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
    border-left: #CCCCCC solid 1px; 
    background-color: #FF6A00;
    display: inline;
}
.TeeCheckbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #616161;
    display: inline;
}
.TeeSubmit1 {
    border: 1px #FFFFFF solid;
    
    font-weight: normal;
    font-size: 10px;  
    color: #959595; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF ;
    cursor:pointer;
}
.TeeSubmit2 {
    font-weight: bold;
    font-size: 10px;  
    color: #498ACC; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor:pointer;
    display:inline;
}
.selected {
    background-color: #e0dddb;
}


/******************************************************************************************/
/* 3 - STILI IMPAGINAZIONE */
/******************************************************************************************/

table
{
    border-collapse: collapse;
    color: #616161;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.TeeBorder {
    border-color: #959595 #959595 #959595 #959595; 
    border-style: solid ;
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;
}
.TeeBorder1 {
    border-color: #cccccc #cccccc #cccccc #cccccc; 
    border-style: solid ;
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;
}
.TeeBorderBottom1 {
    border-bottom: 1px solid #cccccc; 
}
.TeeBorderTop1 {
    border-top: 1px solid #cccccc; 
}
.TeeBorderTop2 {
    border-top: 1px solid #cccccc; 
}
.TeeBorderRight1 {
    border-right: 1px solid #cccccc; 
}
.TeeBorderLeft1 {
    border-left: 1px solid #cccccc; 
}

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

/******************************************************************************************/
/* 4 - STILI TAB
/******************************************************************************************/

.TeeTabSelectedLeftBgImg {
    background-image: url(/sitedesign/user/images/tab_blu_left.gif);
    background-repeat:repeat-x; 
    background-position:bottom; 
    padding:7px 0px 0px 0px;
}
.TeeTabSelectedCenterBgImg {
    background-image: url(/sitedesign/user/images/tab_blu_center.gif);
    background-repeat:repeat-x; 
    background-position:bottom; 
    padding:7px 0px 0px 0px;
}
.TeeTabSelectedRightBgImg {
    background-image: url(/sitedesign/user/images/tab_blu_right.gif);
    background-repeat:repeat-x; 
    background-position:bottom; 
    padding:7px 0px 0px 0px;
}
.TeeTabWhiteLeftBgImg {
    background-image: url(/sitedesign/user/images/tab_white_left.gif);
    background-repeat:repeat-x; 
    background-position:bottom; 
    padding:7px 0px 0px 0px;
}
.TeeTabWhiteCenterBgImg {
    background-image: url(/sitedesign/user/images/tab_white_center.gif);
    background-repeat:repeat-x; 
    background-position:bottom; 
    padding:7px 0px 0px 0px;
}
.TeeTabWhiteRightBgImg {
    background-image: url(/sitedesign/user/images/tab_white_right.gif);
    background-repeat:repeat-x; 
    background-position:bottom; 
    padding:7px 0px 0px 0px;
}
.TeeTabAlertContainer {
    position:relative;
}
.TeeTabAlertText {
    position:absolute; 
    top:-11px; 
    right:4px; 
    z-index:10;
    padding:2px;
    margin:0;
    line-height:10px;
    background-color:#ff0000;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#fff;
    font-size:10px;
    font-weight:bold;
}
.TeeTabAlertImage {
    position:absolute; 
    top:-11px; 
    right:4px; 
    z-index:10;
    padding:2px;
    margin:0;
    line-height:10px;
    font-size:10px;
    font-weight:bold;
}

/******************************************************************************************/
/* 4-B - STILI TAB SECONDO LIVELLO
/******************************************************************************************/
.TeeTabSecLVLBoxBgImg {
    background-image: url(/sitedesign/user/images/tab_bg_secLvl.gif);
    background-repeat:repeat-x; 
    background-position:0 24px;
    padding:0px;
    margin:10px 0px 10px 0px;
}
.TeeTabSecLVLBoxBgImg td {
    padding:0px;
    margin:0px;
}
.TeeTabSecLVLSelectedBgImg {
    /*float:left;*/
    background-image: url(/sitedesign/user/images/tab_bg_secLvl_selected.gif);
    background-repeat:repeat-x; 
    background-position:top; 
    border:1px solid #a8a8a8; 
    border-bottom:1px solid #FFFFFF;
    background-color:#FFFFFF; 
    padding:5px 4px 0px 4px;
    margin:0px;
    font-size:11px;
    height:18px;
    display:block;
}
.TeeTabSecLVLBgImg {
    /*float:left;*/
    background-color:#e6e6e6;
    border:1px solid #a8a8a8;
    padding:0px 4px 0px 4px;
    margin:0px 0px 0px 0px;
    font-size:10px;
    height:15px;
    display:block;
}


/******************************************************************************************/
/* 5 - STILE TOOLTIP
/******************************************************************************************/

.TeeToolTip {
    position: absolute;
    display: none;
    border: #97A5C2;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    z-index: 100;
    }


/******************************************************************************************/
/* 6 - STILE HELPER
/******************************************************************************************/

#teepee_helper_dialog {
    font-size:12px;
    line-height: 15px;
    background-color: #fff;
    position:relative
}

#teepee_helper_dialog_details_button {
    margin: 20px 0;
    font-weight:normal;
}

#teepee_helper_dialog_details {
    display:none;
}

#teepee_helper_dialog_footer {
    position: relative;
    bottom:0;
    margin:20px 0 0 0;
    padding: 3px;
    border-top: 2px solid #666666;
    overflow:hidden;
}

#teepee_helper_dialog_footer p {
    margin:0;
    font-weight:bold;
    font-size:10px;
    display:block;
    width:400px;
    float:left
}

#teepee_helper_dialog_footer label {
    font-weight: normal;
    text-transform:uppercase;
}

#teepee_helper_dialog_footer input[type="checkbox"] {
    margin-top:0px;
    vertical-align:middle;
    margin-left:15px;
}



/******************************************************************************************/
/* 6 - STILE TIMESHEET
/******************************************************************************************/


.teepee_timesheet_details .newNote {
    background-image: linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -o-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -moz-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);
    background-image: -ms-linear-gradient(bottom, rgb(242,245,247) 10%, rgb(221,221,221) 78%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.1, rgb(242,245,247)),
        color-stop(0.78, rgb(221,221,221))
    );
    background-image:url(/sitedesign/user/images/newnote_gradient.jpg);
    background-repeat:repeat-x;

    padding:0;
    margin:5px;
    border-top: 1px solid #fff;
    /*border-radius: 5px;
    -moz-border-radius: 5px;        // Per Firefox
    -webkit-border-radius: 5px;     // Per Chrome
    */
}

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

/******************************************************************************************/
/* 7 - PROJECT/SELECT COMPANY
/******************************************************************************************/

.teepee_ui_autocomplete_select_customer_li {
    /* teetext1 */
    color: #616161;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration:none;
}

.taskCompleted {
    text-decoration: line-through;
}

/******************************************************************************************/
/* 8 - LOADER
/******************************************************************************************/
.jquery_teepee_loader {
    width:100%;
    height:100%;
    display:none;
    z-index:100;
    margin: 0px auto;
    background-color:#FBFBFB;
    opacity: 0.9;
    filter: alpha(opacity=80);
    text-align: center;   
    background-position: center;
    background-repeat: no-repeat;
    color: #616161;
}