html{
    margin:0;
    padding:0;
}
@font-face{
    font-family:'Liberation';
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/LiberationSans-Regular.eot');
    src:local('Arial'),
    url('../fonts/LiberationSans-Regular.eot') format('embedded-opentype'),
    url('../fonts/LiberationSans-Regular.woff') format('woff'),
    url('../fonts/LiberationSans-Regular.ttf') format('truetype');
}
body{
    margin:0;
    /*background-color: #D8DBDE;*/
    /*background-image: url("../images/imgBackground.png");*/
    background-image: url("/betacompany/udo_ui/img/dashboard_back.png");
    font: 12px   'Liberation', Arial, Helvetica, sans-serif;
    /*font-size:0.75em;*/
    font-size: 12px !important;
    color: #535659;
    overflow-x: hidden;
}
input, select, textarea{
    border:1px solid #879cb7;
    resize: none;
    font-family: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    color:#396486;
}
.rightPanel {
    background: none repeat scroll 0 0 #BDC8D0;
    float: left;
    height: 98%;
    left: 0;
    overflow: hidden;
    padding: 0 6px 8px;
    position: absolute;
    width: 541px;
}
.red {
    color: red;
    margin-left: 460px;
    margin-top: -25px;
    position: absolute;
}

.incidButtonContentTab {
    float: right;
    margin-right: 17px;
    padding: 11px 0 0;
    width: 100%;
}

.noBorder{      
  border:1px solid #879cb7; /* All browsers */ 
}
.addNoteBtt {
    width:580px;
}
.left9 {margin-left: 9px;}
.pl7{padding-left:7px;}
.listImg{
    margin:0px 0 0 14px;
}
.listChangeImg{
    margin:0px 0 0 24px;
}
.subTitle1, .subTitle2, .subTitle3, .subTitleModal, .subTitleStars{
    font:  'Liberation', Arial, Helvetica, sans-serif;
    color: #365e84;
    font-weight: bold;
    padding-bottom: 6px;
    font-size: 1.0em;
    font-variant:small-caps;
}
.subTitleStars{
    padding-top: 15px;
    padding-bottom:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .subTitle1, .subTitle2, .subTitle3, .subTitleModal, .subTitleStars{ 
        font-size: 1.3em;
    }
}

.kpitype{
        width:145px;
}
.subTitle2{
    width:169px; 
    text-align:right; 
    padding-bottom:10px;
}
.subTitle3{
    font-size: 1.0em;
    /*font-weight: normal;*/
    padding-left:13px;
}
.subTitleModal{
    padding-bottom:15px;
}
.blackText{
    font-weight: bold;
    color: #161951;
}
.redText{
    font-weight: bold;
    color:#FF0000;
}
.orangeText{
    font-weight: bold;
    color:#ff9f00;
}
.greyText{
    font-weight: bold;
    color:#666;
}
.topText{
    width:555px;
    float:left;
    font:Arial;
    font-size:0.9em;
}
.topTextSmall{
    width:600px;
    float:left;
    font:Arial;
    font-size:0.9em;
    margin-top:-5px;
}
.contSelectBar{
    width:405px; 
    height:17px;
    background-color:#5f84a1;
    color: #FFF;
    font-variant:small-caps;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    padding:2px 0 0 4px;
}
.contSelect{
    width:405px;
}
.smallButton{   
    background-image:url(../images/btn_fondo.png);
    background-repeat:no-repeat;
    background-position: left top;  
    height:27px;
    border:none;
    cursor:pointer;
    width:39px;
}
/*
body:nth-of-type(1) img.imageSB {
    margin:0px 0 0 -11px;
}
*/
.imageSB{
    margin:-4px 0 0 -12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .imageSB{ 
        margin:0px 0 0 -11px; 
    }
}
.buttonContent{
    width:97%; 
    padding:8px 0 0px 0; 
    float:left;
}
.buttonContentWO {
    float: left;
    margin-top: 35px;
    padding: 8px 0 30px;
    width: 95%;
}
.buttonContentMod{
    width:100%; 
    padding:5px 0 10px 0; 
    float:left;
}
.buttonContentModList{
    width:100%; 
    padding:10px 0 30px 0; 
    float:left;
}
.buttonContentComp{
    width:446px; 
    padding:8px 0 0 0; 
    float:left;
}
.buttonContentTab{
    width:100%; 
    padding:5px 0 5px 0; 
    float:left;
}
.buttonContentProb{
    padding:0 20px 5px 0;
    float:left;
}
.bCNewNote{
    width:100%; 
    padding:7px 0 5px 0; 
    float:left;
}
.bCAddNote{
    width:100%; 
    padding:7px 0 5px 0; 
    float:left;
    display:none;
    height:140px;
}
.buttonContentTabUser{
    width:100%;
    padding:27px 0 5px 0; 
    float:left;
}
.normalB, .normalBRight_generic, .normalBRightPost_generic {
    border:none; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 12px 3px 12px;
    cursor:pointer;
    border:1px solid #0f3350; 
    }
.normalBRight_Contact {
    border:none; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 12px 3px 12px;
    cursor:pointer;
    border:1px solid #0f3350;
        margin-right: 30px;
        float: right;
    }
.normalBRight_generic, .normalBRightPost_generic {
    float: right;
    margin-left:20px;
}

.normalBRightPost_Contact {
        border:none; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 12px 3px 12px;
    cursor:pointer;
    border:1px solid #0f3350;
    float: right;
        margin-right: 2px;
/*    margin-top: 6px;*/
}
#tSpeechBottom  button{
    border:none; 
    height:24px; 
    color:#FFF;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size:1.25em;
    background-color: #376080;
    padding:1px 12px 3px 12px;
    cursor:pointer;
    border:1px solid #0f3350;
    border-radius: 2px;
    float:right;
    width:90px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .normalB, .normalBRight_generic, .normalBRight_Contact{ 
        padding:2px 12px 2px 12px; 
    }
}

.normalB:hover, .normalBRight_generic:hover, .normalBRight_Contact:hover, .normalBRightPost_Contact:hover, .normalBRightPost_generic:hover {
    background-color: #83d1fd;
    color: #376080;
    
}
.normalB:disabled, .normalBRight_generic:disabled, .normalBRightPost_generic:disabled, .normalBRightPost_Contact:disabled, .normalBRight_Contact:disabled, .buttonContactRight:disabled{
    background-color: #376080;  
    color:#FFF;
    opacity:0.5;    
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;    
    cursor:default; 
}
.disabled{
    background-color: #376080;
    color:#FFF;
    opacity:0.5;    
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;    
    cursor:default; 
}
#cartGo{
    border:none; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:0px 2px 0px 2px;
    cursor:pointer;
    border:1px solid #0f3350; 
    margin-top:-15px;
    margin-left:-20px;
    }

li.opMenu:disabled, li:disabled, li.topWindowMenu:disabled{
    /*opacity:0.5;
    cursor:none;*/
    background-color: #376080;
    color:#FFF;
    opacity:0.5;    
    filter: alpha(opacity=50);
    
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
        
    cursor:default; 
}
li.disabled{
    background-color: #FFF;
    border:none;
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    border-left:1px solid #fff;
    border-right:1px solid #c3c9d6;
    padding:0 14px;
    height:21px;
    margin:0;
    float:left;
    opacity:0.5;    
    filter: alpha(opacity=50);
    
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
}

.normalB:active, .normalBRight:active{
    background-color: #83d1fd;
    color: #376080;
    border: 1px solid #376080;
    padding:2px 11px 2px 13px;
}

.areaContent{
    width:100%; 
    padding:0px 0 27px 0; 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
}
.dataLine{
    display:block; 
    padding-bottom:11px;
}
.dataInLine{
    float:left;
    padding-bottom:8px;
}
.dataInLineRight{
    float:left;
    padding-bottom:8px;
    padding-left:0px;
}
.serviceStatus{
    display:block; 
    padding-bottom:11px;
    float:right;
}
.firstLine{
    padding-top:27px;
}
.firstLineStatus{
    padding-top:20px;
}
.varName, .varNameBlock, .varNameDescr, .varSymptomTitle{
    display:inline; 
    color: #396486; 
    font-weight:bold; 
    font-size:1.1em;
    padding-right: 0.2em;
}
.varNameBlock{
    display:block; 
    padding-bottom:7px;
}
.varNameDescr{
    padding-left:20px;
    margin-left: 37px;
    background-image:url(../images/L2.png);
    background-repeat:no-repeat;
    background-position: left top;  
}
.varNameTab, .varNameSymptom, .varNameProblemType{
    display:inline; 
    color: #396486; 
    font-weight:bold; 
    font-size:0.9em;
    padding-right: 0.4em;   
    
}
.varNameContact{
    text-transform:capitalize;
    display:inline-block; 
    color: #161951;
    font-weight:bold; 
    font-size:0.9em;
    padding-right: 0.4em;
    padding-top: 5px;
}

.varNameContactBlack{
    color: #333333;
    display:inline-block; 
    color: #396486; 
    font-size:0.9em;
    padding-right: 0.4em;
    padding-top: 5px;
}

.varNameTab{
    float:left;
}
.varNameTabQuest{
    display:inline; 
    color: #396486; 
    font-weight:bold; 
    font-size:0.9em;
    padding-right: 0.4em;   
    margin-left:0px;
}

.varNameSymptom{    
    width:100%;
    padding-bottom:8px;
    display:block;
    padding-left:7px;
}
.varNameProblemType{
    border-bottom:1px solid #396486;
    width:100%;
    padding-bottom:8px;
    display:block;
    padding-left:7px;
}
.varNameProblemType{
    padding-top:10px;
    border-top:1px solid #396486;
    margin-top:25px;
    background:#cbd3da;
    color:#000;
}
.varNameSymptom{
    margin-bottom:-24px;

}
.priorityImg_0, .priorityImg_1, .priorityImg_2, .priorityImg_3, .priorityImg_4, .priorityImg_5{
    background-image:url(../images/windows/prob_5.png);
    width:59px;
    height:20px;
    float:right;
    margin-right:7px;
    margin-top:-4px;
}
.priorityImg_0{
    background-image:url(../images/windows/prob_0.png);
}
.priorityImg_1{
    background-image:url(../images/windows/prob_1.png);
}
.priorityImg_2{
    background-image:url(../images/windows/prob_2.png);
}
.priorityImg_3{
    background-image:url(../images/windows/prob_3.png);
}
.priorityImg_4{
    background-image:url(../images/windows/prob_4.png);
}
.confirmedImg{
    width:19px;
    height:19px;
    display:inline; 
    padding:0 5px 0 5px;
    float:left;
    margin-left:4px;
}
.varNameTabPadLeft, .varNameTabPadLeft2{
    display:inline; 
    color: #396486; 
    font-weight:bold; 
    font-size:0.9em;
    padding-right: 0.4em;
    padding-left:2.1em;
}
.varNameTabPadLeft2{
    padding-left:33px;
}
.varSymptomTitle{   
    margin-left: 30px;
}
.clearLine{
    clear:both;
}
.descSymptom{
    min-height:40px;
    /*padding-bottom:16px;*/
    line-height:1.6em;
}

.varValue{
    display:inline;
    font-size:1.1em;    
}
.varValueDiff{
    float:left;
    font-size:1.1em;
    width:50px;
    height:20px;    
}
.varValueTab{
    display:inline;
    font-size:0.9em;
    padding-right:4px;  
    float:left; 
}
.varValueTabQuest{
    clear:both;
    display:block;
    font-size:0.9em;
    padding-right:4px;  
    float:left; 
    margin-left:32px;
}
.varValueTabContact {
    cursor: pointer;
    font-size: 1em;
    margin-bottom: 6px;
    margin-top: 9px;
    padding-right: 4px;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 575px;
    word-wrap: break-word;
}
.varValueTabIncidence {
    font-size: 1em;
    margin-bottom: 6px;
    margin-top: 9px;
    padding-right: 4px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color:#396486;
}
.varValueTabNote {
    display: inline-block;
    font-size: 1em;
    margin-bottom: 6px;
    margin-top: 7px;
    padding-right: 4px;

}
.varValueTabNoteHover {
    display: inline-block;
    font-size: 1em;
    margin-bottom: 6px;
    margin-top: 7px;
    padding-right: 40px;
    background-image:url(../images/windows/prob_5.png);
    background-position: right;
    background-repeat: no-repeat;
}
.varValueKey{
    display:inline;
    font-size:0.8em;
    padding-right:4px;
}
.varValueKeyBlack{
    display:inline;
    font-size:0.8em;
    padding-right:4px;  
    color:#000;
    font-weight:normal;
}
.varValueLink, .noFileLink {
    cursor: pointer;
    font-size: 1.0em;
    padding-right: 4px;
    white-space: pre-wrap;
    word-wrap: break-word;
    color:#396486;
}
.varValueLinkOff{
    font-size: 0.9em;
    padding-right: 4px;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 285px;
}
.varValueWoLink{
    cursor: pointer;
    font-size: 0.9em;
    padding-right: 4px;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 658px;
}
.validateButtons {
    margin-bottom: 23px;
    margin-top: 3px;
}
.saveButValidate {
    width: 25px;
    height: 16px;
    border-color: #94a6be;
    border-style: solid;
    border-width: 1px;
    float: right;
    margin-right: 3px;
    background-image: url(../images/windows/saveButValidate.png);
}
.saveButValidate:hover {
    width: 25px;
    height: 16px;
    border-color: #94a6be;
    border-style: solid;
    border-width: 1px;
    float: right;
    cursor:pointer;
    background-image: url(../images/windows/saveButValidateHover.png);
}
.saveButCancel {
    width: 25px;
    height: 16px;
    border-color: #94a6be;
    border-style: solid;
    border-width: 1px;
    float: right;
    background-image: url(../images/windows/saveButCancel.png);
}
.saveButCancel:hover {
    width: 25px;
    height: 16px;
    border-color: #94a6be;
    border-style: solid;
    border-width: 1px;
    float: right;
    cursor:pointer;
    background-image: url(../images/windows/saveButCancelHover.png);
}
.fileLink{
    display: inline-block;
    height: 25px;
    text-decoration:underline;
    font-size:0.9em;
    background: url(../images/windows/file.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
    padding-left: 31px;
    margin-left: 15px;
    cursor:pointer; 
    -moz-text-decoration-style:dotted;
}
.noFileLink{
    display: inline-block;
    height: 25px;
    text-decoration:none;   
    cursor:default;
    background: url(../images/windows/file.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
    padding-left: 31px;
}
.varValueTabGrey{
    display:inline;
    padding-right:4px;
    color:#333;
    font-weight:normal; 
    
}

.varValueDescripSymptom{
    display:block;
    font-size:1.1em;
    margin-left:57px;   
}
.imgStatus{
    margin:0 0 -9px 3px;
}
.imgShared{
    margin:0 0 -9px 3px;
}
.opMenu{
    background-color: #FFF;
    border:none;
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    border:1px solid #c3c9d6;
    width: auto;
    padding:0 13px;
    height:19px;
    margin:0;
    float:left;
    cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .opMenu{
        font-size:1.2em;
    }
}
.opMenu:hover, .opMenu:active{
    border:1px solid #516a90;
    padding:0 13px;
    height:19px;    
    background-image:url(../images/menu_bg.png);
    background-repeat:repeat-x;
    background-position: bottom left;   
    color:#FFF;
    cursor:pointer;
}
.opMenu_menu_label{
    background-color: #FFF;
    border:1px solid #516a90;
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    
    padding:0 13px;
    height:19px;
    margin:0;
    float:left;
    cursor:pointer;
}
.opMenu_menu_label:hover, .opMenu:active{
    border:1px solid #516a90;
    padding:0 13px;
    height:19px;    
    background-image:url(../images/menu_bg.png);
    background-repeat:repeat-x;
    background-position: bottom left;   
    color:#FFF;
    cursor:pointer;
}
ul#menu-horizontal li {
    float: left;
    display: inline;
    position: relative;

    
}

ul#menu-horizontal ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
right:14px;
bottom:-4px;

}

ul#menu-horizontal ul li {
display: block !important;
box-shadow: 0px 2px 5px #526E90;
}

ul#menu-horizontal li:hover ul{
display: none;
}

ul#menu-horizontal li:hover ul{
display: block;
}

#ContactMenu {
    width: 100px;
}



#menu-horizontal li {
margin:0 0px;
min-height:19px;
text-align:center;
background-color: #ffffff;
    background-repeat:repeat-x;
    background-position: bottom left;
list-style:none;

}

/* y otro poquito por aquí.. */

#menu-horizontal li:hover {
    
    background-image:url(../images/menu_bg.png);
}

#menu-horizontal li a {
font:bold 11px 'Liberation', Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

#menu-horizontal li ul li{
float:none;
width:200px;
margin:0px 0;
right:14px;
z-index: 300000;
}

.menuContent{
    width:100%; 
    padding-top:4px; 
    background:#F8F8F8;
    border-top:1px solid #516a90;
}
#filterDiv{
    margin-top:-44px;
}
#topPageMContent{
    width:100%; 
    background:#fff; 
    border:1px solid #b1b1b3;
    border-top:1px solid #126F92;
    height:27px;
    padding:0px
}
#header, #headerOperator{
    background-color: #FFF;
    /*background-image:url(../images/sky.jpg);*/
    background-repeat:no-repeat;
    background-position: bottom left;       
    /*height: 90px;*/
    /*width: 2000px;*/
}

#headerOperator{
    height: 50px;
}
.colored{
    background: #d8dbde;
    background-image:url(../images/background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:fixed;    
}
    #header #cont, #headerOperator #cont{
        /*top:0;*/
        width: 88%;
        margin-left: 130px;
        margin-right:auto;
        border: none;
        /*height: 166px;*/
        /*border: 1px solid red;*/
    }
        #header #cont #logo{            
            /*background-image:url(../images/logoT.png);*/
            background-repeat:no-repeat;
            background-position: top right;
            width: 155px;
            height: 40px;
            float:right;
            margin-top: 3px;
        }
        #logoOperator{          
            background-image:url(../images/logoT_op.png);
            background-repeat:no-repeat;
            background-position: top left;
            width: 110px;
            height: 44px;
            float:left;
            margin-top: 6px;
            margin-left:6px;
        }

        #header #cont ul, #headerOperator #cont ul{     
            background: none;
            float: left;
            font-size: 1.12em;
            list-style: none outside none;
            margin: 0;
            padding: 0;
            display:inline;
            bottom:0px;
        }

        #contactDiv .menuContent ul{    
            list-style: none outside none;          
        }
        #contactDiv .menuContent li{
            padding-top:6px;
        }
        #header #cont li, #headerOperator #cont li{
            float: left;
            margin: 0 8px 0 0; 
            background-color: #126F92;
            /*padding:8px 14px 7px 14px;*/
            cursor:pointer;

        }
/*      #header #cont li:hover, #headerOperator #cont li:hover{
            float: left;
            margin: 0 8px 0 0; 
            background-color: #F8F8F8;
            padding:8px 14px 7px 14px;
            cursor:pointer;
        }*/
/*      @-moz-document url-prefix() {
            #headerOperator #cont li{           
            padding:8px 14px 7px 14px;
            }
            #header #cont li:hover, #headerOperator #cont li:hover{
            float: left;
            margin: 0 8px 0 0; 
            background-color: #F3F3F5;
            padding:8px 14px 7px 14px;
            cursor:pointer;
            border-bottom: 1px solid #879cb7;
            border-top: 1px solid #F3F3F5;
            border-left: 1px solid #F3F3F5;
            border-right: 1px solid #F3F3F5;
        }
        }*/


        
        #header #cont li a, #headerOperator #cont li a{
            float: left;
            color:#83d1fd;
            padding:7px 14px 8px 14px;
            font: 'Liberation', Arial, Helvetica, sans-serif;
            font-size:1.3em;
            text-decoration:none;
            border-top:1px solid #126F92;
            border-left:1px solid #126F92;
            border-right:1px solid #126F92;
        }
        #header #cont li a:hover, #headerOperator #cont li a:hover{
            font: 'Liberation', Arial, Helvetica, sans-serif;
            font-size:1.3em;
            text-decoration:none;
            background-color: #F8F8F8;
            padding:7px 14px 7px 14px;
            color:#345b81;
            border-top:1px solid #126F92;
            border-left:1px solid #126F92;
            border-right:1px solid #126F92;
        }
        


        #header #cont li.selected, #headerOperator #cont li.selected{            
            background-color: #F8F8F8;
            
        }       
        #header #cont li.selected a, #headerOperator #cont li.selected a{            
            color:#345b81;
            padding:7px 14px 8px 14px;
            border-top:1px solid #126F92;
            border-left:1px solid #126F92;
            border-right:1px solid #126F92;
        }
        
    #header #cont .space, #headerOperator #cont .space{
        width:100%;
        /*height:55px; */
        float:left;
    }
    #headerOperator #cont .space{
        height:15px;
    }
    #header #cont #userData, #headerOperator #cont #userData{       
	color: #83d1fd;
	float: right;
	font-size: 1em;
	font-weight: bold;
	height: 36px;
	margin-left: 5px;
	margin-right: 10px;
	width: auto;
	overflow-x: visible;
	overflow-y: visible;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 0;
    }
    #header #cont #userData #userIcon, #headerOperator #cont #userData #userIcon{   
        background-image: url("../images/user.png");
	background-position: left center;
	background-repeat: no-repeat;
	box-shadow: 0 1px 3px #83D1FD;
	float: left;
	height: 28px;
	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 8px;
	margin-top: 0;
	width: 28px;
	cursor: pointer;
    }
    #header #cont #userData #userIcon:hover, #headerOperator #cont #userData #userIcon:hover{   
        background-image: url("../images/userHover.png");
	background-position: left center;
	background-repeat: no-repeat;
	box-shadow: 0 1px 3px #83D1FD;
	float: left;
	height: 28px;
	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 8px;
	margin-top: 0;
	width: 28px;
	cursor: pointer;
    }
    #header #cont #userData #name, #headerOperator #cont #userData #name{
        color:#FFFFFF;
	font-weight: normal;
	float: left;
    }
    #header #cont #userData #contName, #headerOperator #cont #userData #contName{
	float: left;
    }

    #header #cont #logOut, #headerOperator #cont #logOut{       
        background: none;
        float: right;
        font-size: 0.75em;              
        font: 'Liberation', Arial, Helvetica, sans-serif;
        font-weight: bold;
        color:#1a2d3b;  
        cursor: pointer;  
    }
    #header #cont #logOut #logoutTxt, #headerOperator #cont #logOut #logoutTxt{ 
        color:#C3;      
    }
    #header #cont #logOut #logoutIcon, #headerOperator #cont #logOut #logoutIcon{   
        background-image: url("../images/logout.png");
	background-position: right top;
	background-repeat: no-repeat;
	height: 28px;
	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 0;
	margin-top: 0;
	width: 28px;
	box-shadow: 0px 1px 3px #83d1fd;
    }
    #header #cont #logOut #logoutIcon:hover, #headerOperator #cont #logOut #logoutIcon:hover{
	background-image: url("../images/logoutHover.png");
	background-position: right top;
	background-repeat: no-repeat;
	box-shadow: 0px 1px 3px #526E90;
    }
    #header #cont #about, #headerOperator #cont #about,#header #cont #ui, #headerOperator #cont #ui{     
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	color: #1A2D3B;
	cursor: pointer;
	float: right;
	font-size: 0.75em;
	font-weight: bold;
    }
    #header #cont #about #aboutTxt, #headerOperator #cont #about #aboutTxt{ 
        color:#C3;
        
    }
    #header #cont #about #aboutIcon, #headerOperator #cont #about #aboutIcon{   
	background-image: url("../images/about.png");
	background-position: right top;
	background-repeat: no-repeat;
	height: 28px;
	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 0.3em;
	margin-top: 0;
	width: 28px;
	box-shadow: 0px 1px 3px #83d1fd;
    }
    #header #cont #ui a #uiIcon:hover, #headerOperator #cont #ui a #uiIcon:hover{
	background-image: url("../images/uiHover.png");
	background-position: right top;
	background-repeat: no-repeat;
	box-shadow: 0px 1px 3px #526E90;
    }
    #header #cont #ui a #uiIcon, #headerOperator #cont #ui a #uiIcon{   
	background-image: url("../images/ui.png");
	background-position: right top;
	background-repeat: no-repeat;
	height: 28px;
	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 0.3em;
	margin-top: 0;
	width: 44px;
	box-shadow: 0px 1px 3px #83d1fd;
    }
    #header #cont #about #aboutIcon:hover, #headerOperator #cont #about #aboutIcon:hover{
	background-image: url("../images/aboutHover.png");
	background-position: right top;
	background-repeat: no-repeat;
	box-shadow: 0px 1px 3px #526E90;
    }
    #header #cont #languageIcon, #headerOperator #cont #languageIcon{
        background-image: url("../images/language/languageBack.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	color: #1A2D3B;
	cursor: pointer;
	float: right;
	font-size: 0.75em;
	font-weight: bold;
        width: 63px;
        /*border: solid 1px #126F92;*/
        height: 28px;
        margin-right: 5px;
    }
    #header #cont #language #languageIcon, #headerOperator #cont #language #languageIcon{   
	/*background-image: url("../images/languagePt.png");
	background-position: right top;
	background-repeat: no-repeat;*/
	height: 28px;
/*	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 0.3em;*/
	margin-top: 0;
	width: 63px;
	/*border: solid 1px #126F92;*/
	margin-left: -2px;
    }
    #header #cont #language #languageIcon:hover, #headerOperator #cont #language #languageIcon:hover{
	/*background-image: url("../images/languagePtHover.png");
	background-position: right top;
	background-repeat: no-repeat;*/
	box-shadow: 0px 1px 3px #526E90;
    }
    #header #cont #language #languageIcon #languageArrow, #headerOperator #cont #language #languageIcon #languageArrow{
        height: 28px;
        width: 14px;
    }


a.aboutIcon{
    position:relative;
    z-index:1900;
    color:#1a2d3b;  
    text-decoration:none
}
a.aboutTxt{
    position:relative;
    z-index:100; 
    
    color:#1a2d3b;  
    text-decoration:none
}
a.aboutIcon:hover{
    z-index:2000; 
    
    
}

div#aboutIcon span{
    display: none;
    z-index:2004; 
    }

div#aboutIcon:hover span{
    z-index:2005; 
    margin-top:45px;
    margin-left:-200px;
    display:block;
    position:absolute;
    width:230px;
    height:250px;
    background-image: url(../images/version/versionUdo.jpg);
    color:#306986;
    text-align: center;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-size: 12px;
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #EDEDED;
    font-weight: bold;
    display: block !important;
    box-shadow: 0px 2px 5px #526E90;    
}
/*div#nversion{
    width:230px;
    height:220px;
    padding-top: 104px;
    padding-left: 24px;
}*/
.numberVersion{
    color:#ECECEC;
    background-color: #EDEDED;
    width:230px;
    height:161px;
    background-image: url(../images/version/versionBackground.jpg);
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-left: 4px;
    display: block !important;
    box-shadow: 0px 2px 5px #526E90;
}
.nversion{
    color:#306986;
    background-color: white;
    width:200px;
    height:37px;
    padding: 10px;
    border: 1px solid #879cb7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.eversion{
    color:#306986;
    background-color: white;
    width:200px;
    height:57px;
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #879cb7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tversion{
    color:#306986;
    width:200px;
    height:20px;
    padding: 10px;
}
#content_generic{   
    width: 80%;
    width: 960px;
    margin-left: auto;
    margin-right:auto;
    /*min-height: 160px;*/
}

#content_Contact{   
    width: 78%;
}
#contentDocumentation{  
    top:0;
    width: 960px;
    margin-top:0;
    margin-left: auto;
    margin-right:auto;
    /*border: 1px solid #FF0000;*/
    min-height: 540px;
    max-height: 100%;

} 
#content #topPage{
    background: url(../images/fondo_sup.png) repeat-x;
    height: 102px;
    width:100%;
    color:#515151;
    font-size: 1.4em;
    padding: 19px 0 0 0;
    font-weight: normal;
    font: 'Liberation', Arial, Helvetica, sans-serif;
}
    #content #topPage .numbers{     
        padding: 44px 0 0 60px;
        width:1px;
        float:left;     
    }
        #content #topPage .two{
            background: url(../images/c2.png) no-repeat 4% center;
        }
        #content #topPage .three{
            background: url(../images/c3.png) no-repeat 4% center #f0f1f2;
        }
        #content #topPage .four{
            background: url(../images/c4.png) no-repeat 4% center;
        }
    #content #topPage #userData{    
        float: right;   
        width: 250px;
        font: 'Liberation', Arial, Helvetica, sans-serif;
        border-left:1px solid #386182;
        padding-left:16px;
    }
    #content #topPage #userData div{
        font-size: 0.8em;
    }
    
    
    #content #topPage #userData div span{   
        font: 'Liberation', Arial, Helvetica, sans-serif;
        color: #396486;
        font-size: 1.3em;
        font-weight: bold;
    }

#content #bottomPage{   
    width:100%; 
}
    #content #bottomPage #left{
        width: 365px;           
        float:left;
    }
        #content #bottomPage #left .numbers{
            width: 100%;
            height:53px;                
            padding: 14px 0 0 82px;
            /*float:left;   */              
        }
            #content #bottomPage #left .one{
                background: url(../images/c1.png) no-repeat 4% center #f0f1f2;
            }
            #content #bottomPage #left .two{
                background: url(../images/c2.png) no-repeat 4% center;
            }
            #content #bottomPage #left .three{
                background: url(../images/c3.png) no-repeat 4% center #f0f1f2;
            }
            #content #bottomPage #left .four{
                background: url(../images/c4.png) no-repeat 4% center;
            }

    #content #bottomPage #right{        
        width: 380px;
        border-left:1px solid #c7c7c7;
        float:right;    
        padding: 15px 0 20px 63px;
        min-height:280px;
    }
        #content #bottomPage #right #servicesList{
            padding: 0px 0 0 6px;
            margin-top:-10px;
            
        }
             a.listS{               
                font-weight:bold;
                font-size: 1em;
                text-decoration:none;
                /*color: #234866;*/
                color: #6e98b2;         
                text-align:right;
            }
             a.listS:hover{
                /*color:#83d1fd;*/
                color: #234866;
                }
            
            #icon{
                float:left;
                margin-top:-35px;
                padding:0;
                width:35px;
                height:34px;                
                background:url("")no-repeat top left;
            }
            #content #bottomPage #right #servicesList .iconList{
                padding-bottom:4px;
                display:block;
                width:169px;
                text-align:right;               
            }
    #content #bottomPage #leftDescript{
        width: 409px;           
        float:left;
    }

    #content #bottomPage #centerDescript{
        width: 30px;            
        float:left;
        display:block;
        padding: 65px 0 0 54px;
    }

    #content #bottomPage #rightDescript{        
        width: 409px;       
        float:right;
    }
    #content #bottomPage #rightNotific{     
        width: 380px;
        border-left:1px solid #c7c7c7;
        float:right;    
        padding: 15px 0 20px 63px;
        min-height:235px;
    }
    #content #bottomPage #leftStatus{
        width: 440px;           
        float:left;
    }
    #content #bottomPage #rightStatus{      
        width: 424px;
        border-left:1px solid #c7c7c7;
        float:right;    
        padding: 0px 0 20px 63px;
        min-height:280px;
    }
    

#phoneList{
    width: 175px;
    padding: 0 0 0 3px;
}

#box1Group select, #box2Group select{
    height:110px;
    width:409px;
    margin-bottom: 27px;
}
#box1Group select option, #box2Group select option{
    border-bottom:1px solid #ebebeb;
    font-variant:small-caps;
    color: #535659; 
}

#box1Group select option:hover, #box2Group select option:hover{
    background-color: #ebebeb;
}

#comment, #sd{
    width:100%;
    height:45px;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
}
#sd{
    color: #999;
}
#Cancel, #Clear, #Back, #ClearMod, #BackConf, #CancelConf{
    float:right; 
    margin-left:25px;
}
.addNote, .buttonTab, .addQuest, .buttonTabRight, .buttonTabRightMod, .buttonTabRightProc, .buttonTabRightInc, .buttonContactRight, .buttonContactRightInt, .addAttr, .addAttr2, .addTag, .buttonNoteRight, .searchNote, .buttonNote, .buttonLeft{
    border:1px solid #0f3350; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 10px 3px 10px;
    cursor:pointer;
    float:right; 
    margin-left:22px;
    margin-bottom: 6px;
}
.buttonTabLeft{
    border:1px solid #0f3350; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 10px 3px 10px;
    cursor:pointer;
    float:right; 
    margin-right:22px;
}
.buttonLeft{
    float:left;
    margin-left:0px;
    display:block;
    clear:both;
    margin-top:5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .addNote, .buttonTab, .addQuest, .buttonTabRight, .buttonTabRightMod, .buttonTabRightInc, .buttonContactRight, .buttonContactRightInt, .addAttr, .addAttr2, .addTag, .buttonNoteRight, .searchNote, .buttonNote, .buttonLeft{
        
    }
}
.buttonTabRight{
    margin-right:16px;
}
.buttonTabRightMod{
    margin-right:16px;
}
.buttonTabRightProc{
    margin-right:30px;
}
.buttonTabRightInc{
    margin-right:14px;
}
.buttonNoteRight {
    float: left;
    margin-left: 1px;
    margin-right: 15px;
    margin-top: 7px;
}
.buttonNote{
    margin-top:7px;
}
.addNote, .addTag{  
    margin-right:0px;
}
.addAttr{   
    margin-right:8px;
    margin-top:8px;
}
.addAttr2{  
    margin-right:9px;
    margin-top:8px;
}
.addQuest{
    margin-right:7px;
}

.addNote:hover, .buttonTab:hover, .addQuest:hover, .buttonTabLeft:hover, .buttonTabRight:hover, .buttonTabRightMod:hover, .buttonTabRightProc:hover, .buttonTabRightInc:hover, .addAttr:hover, .addAttr2:hover, .addTag:hover, .buttonContactRight:hover, .buttonContactRightInt:hover, .buttonLeft:hover{
    background-color: #83d1fd;
    color: #376080; 
}
.addNote:disabled, .buttonTab:disabled, .addQuest:disabled, .buttonTabLeft:disabled, .buttonTabRight:disabled, .buttonTabRightMod:disabled, .buttonTabRightProc:disabled, .buttonTabRightInc:disabled, .addAttr:disabled, .addAttr2:disabled, .addTag:disabled{
    background-color: #376080;
    color:#FFF;
    opacity:0.5;    
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;    
    cursor:default; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.dataLineTab, .dataLineTab2{
    min-width:464px;
}
.dataLineTab2{
    padding-top:3px;
}
.dataLineTabProblem{
    width:493px;
    border-bottom:1px solid #D4DADF;
    padding:6px 0 3px 0;
    margin-bottom:8px;
    margin-left:35px;
}
.dataLineNewItem, .dataLineNewItemAttach, .dataLineNewItemContact{
    border-bottom-color: #D4DADF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 0;
    
}
.dataLineNewItemIncidence{
    border-bottom-color: #D4DADF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    height:auto;
    min-height: 40px;
}

.dataLineNewItem:hover {
    cursor:pointer;
    border-color: #94a6be;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 0;
/*  background-image: url(../images/windows/pencil_param.png);
    background-repeat: no-repeat;
    background-position: top right;*/
    background-color: #D8DADD;
    color: #376080;
/*  cursor:pointer;*/
}
.dataLineNewItemWO, .dataLineNewItemWOAttach {
    border-bottom-color: #D4DADF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFFF;
    border-top: 1px solid #FFFFFF;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 0;
    min-height: 40px;
    height:auto;
}
.dataLineNewItemWO:hover {
    border-bottom-color: #94A6BE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left: 1px solid #94A6BE;
    border-right: 1px solid #94A6BE;
    border-top: 1px solid #94A6BE;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 0;
    padding-top: 0;
/*  background-image: url(../images/windows/pencil_param.png);
    background-repeat: no-repeat;
    background-position: top right;*/
    color: #376080;
    background-color: #FBFDFE;
/*  cursor:pointer;*/
    min-height: 40px;
    height:auto;
}
.dataLineAnnotationItem {
    /*border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFFF;
    border-top: 1px solid #FFFFFF;*/
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 10%;
}

.varContSelect{
    float:right;
}
.statusSuspect{
    width:100px;
}
.dataLineTabTall{
    min-width:464px;
    height:22px;
    padding-left:16px;
}

#CancelInfo, .CancelInfo{
    float:right; 
    margin: 0 11px 0 25px;
    padding:1px 11px 3px 11px;
}
#CancelMod, .CancelMod, .CancelModMod{
    float:right; 
    margin: 0 13px 0 25px;
    padding:1px 11px 3px 11px;
}

.CancelModMod{
    margin: 0 19px 0 25px;
}
#Accept, #AcceptMod, #AcceptConf, .AcceptMod, #AcceptInfo, .AcceptInfo{
    float:right; 
    margin-left:50px;
    padding:1px 11px 3px 11px;
}

#Accept:disabled{
    opacity:0.5;    
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;        
}


#contactDiv{
    display:block;
}
#descriptionDiv{
    display:none;
}
#confirmationDiv{   
    display:none;
}
#selectStatusLeft{  
    float:left;
    width:130px;
}
#selectStatusRight{ 
    float:right;
    width:215px;
}
#selectStatusLeft label, #selectStatusRight label{ 
    display:block; 
    padding-bottom:3px;
}
.wContent, .wContentShort{
    display:block;
    height:33px;
    width:100%;
    margin:0px;
    padding:7px 13px 7px;
    color: #476883;
}
.wContentIncidence{
    display:block;
    height:453px;
    width:100%;
    margin:0px;
    padding:4px 13px 6px;
}
.wContentDelay{
    display:block;
    height:33px;
    width:92%;
    margin:0px;
    padding:4px 13px 15px 0px;
}
.wContentDelayTextarea{
    display:block;
    height:155px;
    width:95%;
    margin:0px;
    
}

.wContentShort{ 
    height:20px;
    margin-top:-30px;
}
#acResourcesType .wContent{
    display:block;
    height:14px;
    width:100%;
    margin:0px;
    padding:4px 13px 0px;
}
.wContent label, .tabLabel, .similLabel, .wContentLineProblem2 label{ 
    display:block; 
    padding-bottom:0px;
    color:#476883;
    font-size:1.0em;
    font-variant: small-caps;
}
.wContent label.orangeText{
    color:#00D300;
}
.wContentContact label.orangeText{
    color:#00D300;
}

.statusIconInfo{
    background-image:url(../images/windows/statusInfo.png);
    background-repeat: no-repeat;
    border:1px solid #879CB7;
    float:left;
    height:19px;
    margin-left:-4px;
    margin-right:8px;
    margin-top:17px;
    width:19px;
}
.statusIconInfoHover{
    background-image:url(../images/windows/statusInfo.png);
    background-repeat: no-repeat;
    border:1px solid #879CB7;
    float:left;
    height:19px;
    margin-left:-4px;
    margin-right:12px;
    margin-top:17px;
    width:19px;
    cursor:pointer;
}
.tabLabel{ 
    padding-top:10px;
}
.similLabel{ 
    padding-top:20px;
}
.imilLabel{ 
    margin-top:44px;
}
.wContent input{
    border:1px solid #7a808c;
}
.wContent button{ 
    margin:18px 7px 0 0;
}
.wContent button.searchButton2{
    margin:14px 0 0 0;
    height:22px;
}

.wContent button.searchNote{
    float:left; 
    margin-top:10px;
}
.rightNote .wContent{
    padding-left:12px;
}
.wContent textarea, .wContent textarea:disabled{ 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    color:#396486;
    font-size: 1.0em;
}
.wContentBButtons{
    width:100%;
    display:block;
    float:left;
    padding:10px;
}

.inputTT{
    float:left;
    margin-right:7px;
}
    
.longInputProc{
    width:480px;
    height:19px;
}
.longInput{
    width:464px;
}
.longInputTask{
    width:469px;
    height:30px;
    padding-left:5px;
}
.longInputTab{
    width:295px;
    height:30px;
}
.birthDate{
    width:104px;
}
.mediumLongInput, .mediumLongInputTask, .mediumLongInputProc, .mediumLongInputPType, .mediumLongInputPr{
    width:522px;
    height: 32px;
    margin-bottom: 6px;
    padding: 2px 4px;    
    overflow-y:scroll;
    padding-left:5px;
}
.mediumLongInputTask{
    width:521px;
}
.mediumLongInputProc{
    width:519px;
}
.mediumLongInputPType{
    width:522px;
}
.mediumLongInputPr{
    width:274px;
}
.inputTT .input133, .inputTTS .input133, .inputTTS .input86{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right;
    width:133px;
    font-size:0.9em;
    height: 18px;
    cursor: pointer;
}
.inputTT .input145DatePicker, .input145DatePicker{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right;
    width:145px;
    /*font-size:0.9em;*/
    height: 18px;
    cursor: pointer;
}

.inputTTS .input40{
    width:40px;
    padding-left:1px;
    height: 18px;
}
.inputTTS .input86{
    width:86px;
    padding-left:1px;
    height: 18px;
}

.inputTTS .input136 {
    height: 21px;
    width: 136px;
}

.inputTTS .input299{
    color: #535659;
    font-size: 0.9em;
    height: 20px;
    padding: 0 0 0 2px;
    width: 150px;

}
.inputTTS .input82{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right;
    width:82px;
    font-size:0.85em;
    height: 18px;
}
.inputTTS .input134{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right;
    width:134px;
    font-size:0.85em;
    height: 18px;
    cursor: pointer;
}
.inputTTS .input148{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right;
    width:148px;
    font-size:0.85em;
    height: 18px;
}
.inputTTS .input90Sim, .inputTTS .input90Video{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right;
    width:90px;
    font-size:0.85em;
    margin-bottom:14px;
}
.inputTTS .input90Video{
    margin-bottom:0px;
}
.input133:disabled, .input148:disabled, .input86:disabled{  
    background-image:url(../images/windows/calendar_dis.png);
    background-repeat: no-repeat;
    background-position: top right;
    cursor: default;
}
.inputTT .input153{
    background-image:url(../images/windows/calendar.png);
    background-repeat: no-repeat;
    background-position: top right; 
    width:153px;
}
.input153:disabled{ 
    background-image:url(../images/windows/calendar_dis.png);
    background-repeat: no-repeat;
    background-position: top right;         
}

.inputTT .veryShort{width:50px;}
.inputTTS .veryShort{width:43px;}
.inputTT .inputScaled, .inputTT .inputScaledPr{width:36px; text-align:center; padding-left:0; font-weight:bold; background:#358a28; color:#FFF;font-size:1.1em;}
.inputTT .inputScaledPr{width:69px;}
.inputTT .input40{width:40px;}
.inputTT .input44{width:85px;}
.input45 {width: 88px;height:20px}
.inputTTS .input44{width:44px; margin-bottom:0px;}
.inputTTS .input49{margin-bottom:1px;}
.inputTTS .input60{width:60px;}
.inputTTS .input61{ width:61px;}
.inputTTS .input70{ width:70px;}
.inputTT .input75{width:75px;}
.inputTT .input82{width:82px;}
.inputTT .input95{width:95px;}
.inputTT .input84{width:84px;}
.inputTTS .input90{width:90px;}
.inputTT .input115{width:115px;}
.inputTT .input125{width:125px;}
.inputTT .input143{width:130px;}
.inputTT .input145{width:145px;height:20px;}
.inputTTS .input126{width:126px;}
.inputTTS .input130{width:130px; height:22px;}
.inputTTS .input136{width:136px;}
.inputTT .inputType{width:75px; font-variant:small-caps;font-size:1.0em;color:#32D908;}
.inputTTS .inputType{width:75px; font-variant:small-caps;font-size:1.0em;color:#32D908;}
.inputTTS .input140{width:140px; margin-bottom:6px;}
.inputTT .input163{ width:163px;}
.inputTT .input170{ width:170px;}
.inputTTS .input170{ width:170px;}
.inputTT .input110{height: 19px;width:110px; bor.wContentder:none; padding-left:0px;font-weight:bold; font-size:1.1em;text-decoration:underline;cursor:pointer;}
.inputTT .disabled-link{width:110px; height:20px;border:none; padding-left:0px;font-weight:bold; font-size:1.1em;text-decoration:none;}
.inputTT .input110:hover{text-decoration:none; color:#32D908;}
.inputTTS .input190{ width:190px;}
.inputTTS .input194{ width:193px;}
.inputTTS .input194{ width:194px; margin-bottom:6px;}
.inputTT .input200{ width:200px;}
.inputTT .input204{ width:204px;}
.inputTT .input222{ width:222px;}
.inputTT .input230{ width:230px;}
.inputTTS .input213{ width:213px;}
.inputTTS .input238{ width:238px;}
.inputTT .input256{ width:256px;}
.inputTT .input266{ width:266px;}
.inputTTS .input180_ul{ width:180px;text-decoration:underline;cursor:pointer; -moz-text-decoration-style:dotted;}
.inputTT .input378{ width:378px;}
.inputTTS .input400{width:400px;}
.inputTT .input454{ width:454px;}
.inputTT .input477{ width:477px;}
.inputTT .input514{ width:514px;}
.inputTT .input515{ width:515px;}
.inputTT .input525{ width:525px;}
.inputTTS .input528{width:528px;}
.inputTT .input924{ width:924px;}
.inputTTS .input632_ul:{ width:632px;text-decoration:underline;cursor:pointer; -moz-text-decoration-style:dotted;}

.input85{width:85px;}
.input175{width:175px;}
.input340{width:340px;}
.input245{width:245px;}
.input138{width:138px;}
.input152{width:152px;}
.input130Inc{
    width:130px;
    background-image: url(../images/windows/delegate_status.png);
    background-position:right center;
    background-repeat: no-repeat;
    }

.inputTT .input81{width:81px;}
.inputTT .short{width:85px;}
.inputTTS .short{width:85px;}
.inputTT .long{ width:190px;}
.inputTT .veryLong{ width:565px;}

.veryLongInput{ width:600px;}
.long391px{width:391px;padding-left:5px;}
.long437px{width:437px;padding-left:5px;}
.input750{width:750px;height:35px;overflow-y:auto;margin-top:3px;background-color:#ebebeb;resize: none;padding-left: 10px; font-size: 1.0em;}
.long440px{width:440px;padding-left:5px;}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inputTT .inputScaled, .inputTT .inputScaledPr{
        padding-bottom:2px;
        padding-top:0px;
    }
}

.frame{
    border:1px solid #879cb7;
    padding:15px 10px 15px 15px;
    height:117px;
    width:414px;
}
#apFooter{
    background:#8393aa;
    /*background-image: url(../images/language/back_footer.png);*/
    height:37px;
    position:fixed; 
    width:100%; 
    left:0; 
    bottom:0;
    z-index: 1000;
}


#DescriptionWOTextArea{
   width: 921px;
   height: 100px;
}

/* operator windows */
.menuWindow{
    width:100%;     
    padding:0; 
    background:#f8f8f8;
    margin:0px 0 0px 0px;   
}

#topWindowMenu{
    width:100%; 
    background:#fff; 
    margin:0;
    height:30px;
    padding:0px;
    background: url(../images/windows/menu_bg.png) repeat-x top left;
}
.inputTT input{
    height:19px;
    padding:0px 0 0 1px;
    font-size: 0.9em;
    color:#396486;
}
.inputTT select{
    width: auto;
    padding:0 0 0 2px;
    font-size: 0.9em;
    color:#535659;
}
.inputTT select{
    padding:0 0 0 2px;
    font-size: 0.9em;
    color:#535659;
}

#m2m_ord_severity{
        width: 70px;
}

.opMenuWindow, .opMenuWindowSymptom, .opMenuWindowTask, .opMenuWindowProcedure, .opMenuWindowProblemType, .opMenuWindowProblem{
    border:none;
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    border-right:1px dotted #c3c9d6;
    padding:0.3em 5px 0 9px;
    height:16px;
    margin:3px 0 0 0;
    float:left;
    cursor:pointer;
    display:inline;
}
.opMenuWindow:hover, .opMenuWindowSymptom:hover, .opMenuWindowTask:hover, .opMenuWindowProcedure:hover, .opMenuWindowProblemType:hover, .opMenuWindowProblem:hover{  
    color:#161951;
    cursor:pointer;
}
.opMenuWindow_dis, .opMenuWindowSymptom_dis, .opMenuWindowTask_dis, .opMenuWindowProcedure_dis, .opMenuWindowProblemType_dis, .opMenuWindowProblem_dis {
    border:none;
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    border-right:1px dotted #c3c9d6;
    padding:0 5px 0 9px;
    height:16px;
    margin:3px 0 0 0;
    float:left;
    display:inline;
}

.opMenuWindow.claim.selected{
    color: #288ede;
    background-image:url(../images/contact/claimSelected.png) !important;
    
}
.opMenuWindow.query.selected{
    color: #288ede;
    background-image:url(../images/contact/querySelected.png) !important;
    
}
.opMenuWindow.order.selected{
    color: #288ede;
    background-image:url(../images/contact/orderSelected.png) !important;
    
}

.menuWindow ul{ 
    list-style: none outside none;  
    width:100%;     
}
.menuWindow li{
    padding-top:5px;
    font-size: 0.8em;
}

#topWindowMenu .search{ 
    background-image:url(../images/windows/glass.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.0em;
    padding-right:4px;
    margin-left:3px;
    font-size:0.8em;
}
#topWindowMenu .transfer{
    background-image:url(../images/windows/transfer.png);
    background-repeat:no-repeat;
    background-position:left 3px;
    padding-left:1.7em;
    margin-left:3px;
    font-size:0.8em;
}
#topWindowMenu .transfer_dis{
    background-image:url(../images/windows/transfer.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left 3px;
    padding-left:1.7em;
    margin-left:3px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .mine{
    background-image:url(../images/windows/mine.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.8em;
    padding-right:3px;
    margin-left:2px;
    font-size:0.8em;
}
#topWindowMenu .mine_dis{
    background-image:url(../images/windows/mine.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.0em;
    margin-left:3px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .delegate{
    background-image:url(../images/windows/delegate.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.0em;
    margin-left:3px;
    font-size:0.8em;
}
#topWindowMenu .delegate_dis{
    background-image:url(../images/windows/delegate.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.0em;
    margin-left:3px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .delegateIncidence{
    background-image:url(../images/windows/delegate_incidence.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.8em;
    margin-left:4px;
    font-size:0.8em;
}
#topWindowMenu .delegateIncidence_dis{
    background-image:url(../images/windows/delegate_incidence.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.8em;
    margin-left:4px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .delegateIncidenceEnd{
    background-image:url(../images/windows/delegate_incidence_end.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.8em;
    margin-left:4px;
    font-size:0.8em;
}
#topWindowMenu .delegateIncidenceEnd_dis{
    background-image:url(../images/windows/delegate_incidence_end.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.8em;
    margin-left:4px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .delegateProblem{
    background-image:url(../images/windows/delegate_problem.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.0em;
    margin-left:4px;
    font-size:0.8em;
}
#topWindowMenu .delegateProblem_dis{
    background-image:url(../images/windows/delegate_problem.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.0em;
    margin-left:4px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .refresh{
    background-image:url(../images/windows/refresh.png);
    background-repeat:no-repeat;
    background-position:left center;
    margin-left:6px;
    padding-left:3.0em;
    font-size:0.8em;
}
#topWindowMenu .print, #topWindowMenu .printNoText{
    background-image:url(../images/windows/print.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.7em;
    margin-left:3px;
    font-size:0.8em;
}
#topWindowMenu .save, #topWindowMenu .saveNoText{
    background-image:url(../images/windows/save.png);
    background-repeat:no-repeat;
    background-position:left 3px;   
    padding-left:1.7em;
    margin-left:4px;
    font-size:0.8em;
}
#topWindowMenu .tasks{
    background-image:url(../images/windows/taskIcon.png);
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:2.1em;
    margin-left:2px;
    font-size:0.8em;
}
#topWindowMenu .tasks_dis{
    background-image:url(../images/windows/taskIcon.png);
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:2.1em;
    margin-left:2px;
    color: #BABABA;
    font-size:0.8em;
}
#topWindowMenu .asocIncidence{
    background-image:url(../images/windows/incidence.png);
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:1.9em;
    margin-left:5px;
    font-size:0.8em;
}
#topWindowMenu .asocTask{
    background-image:url(../images/windows/asoc_task.png);
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:2.2em;
    margin-left:6px;
    font-size:0.8em;
}
#topWindowMenu .asocProcedure{
    background-image:url(../images/windows/asoc_procedure.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.2em;
    margin-left:6px;
    font-size:0.8em;
}
#topWindowMenu .newProblem{
    background-image:url(../images/windows/new_problem.png);
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:2.4em;
    margin-left:6px;
}
#topWindowMenu .newProblem_dis{
    background-image:url(../images/windows/new_problem.png);
    background-repeat:no-repeat;
    background-position:left center;    
    padding-left:2.4em;
    margin-left:6px;
    border:none;
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    color:#476883;
    font-size:0.8em;
    border-right:1px dotted #c3c9d6;
    height:16px;
    float:left;
    display:inline;
}
#topWindowMenu .asocProblem{
    background-image:url(../images/windows/asoc_problem.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.3em;
    margin-left:6px;
    font-size:0.8em;
}
#topWindowMenu .asocResource{
    background-image:url(../images/windows/resource.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.9em;
    margin-left:5px;
    font-size:0.8em;
}
#topWindowMenu .asocSymptom{
    background-image:url(../images/windows/symptom.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.2em;
    margin-left:6px;
    font-size:0.8em;
}
#topWindowMenu .asocSymptom_dis{
    background-image:url(../images/windows/symptom.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:2.2em;
    margin-left:6px;
    border:none;
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor: default;
    color:#476883;
    font-size:0.8em;
    border-right:1px dotted #c3c9d6;
    height:16px;
    float:left;
    display:inline;
}
#topWindowMenu .new{
    background-image:url(../images/windows/new.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.6em;
    margin-left:3px;
    font-size:0.8em;
}



/* Tabs */
#tabs{ width:528px; min-height:140px; margin:7px 13px; }
#tabsIncident{ width:575px; min-height:140px; margin:2px 11px 0px; }
#tabsContact{ width:625px; min-height:140px; margin:2px 0px 0px; }

#tabsProblem, .tabsProblem, #tabsProcedure, #tabsProblemType, #tabsResource{ width:528px; min-height:140px; margin:45px 13px 7px 13px;}
.tabsProblem{margin:2px 10px 48px 10px;}
#tabsTask{ width:528px; min-height:140px; margin:27px 12px 7px 12px; }
#tabMenu, #tabMenuContact, #tabMenuIncident, #tabMenuProblem, .tabMenuProblem, #tabMenuWos, .tabMenuWos{ height:30px; background:#d8dadd; border:1px solid #bfc4cb; list-style:none;  float:left; width:630px }
.tabMenuWos{ height:30px; background:#d8dadd; border:1px solid #bfc4cb; list-style:none;  float:left; width: 683px; }
#tabMenuIncident{width:630px }
.tabsWos #tabMenuWos{width:682px }
#tabMenuContact{width:621px }
.tabsWos #tabMenu{height:30px; background:#d8dadd; border:1px solid #bfc4cb; list-style:none;  float:left; width:682px }
#tabMenuIncident, #tabMenuProblem{width:630px}
#tabsProcedure{margin:30px 13px 0px 11px;width:532px;}
#tabsProcedure #tabMenu, #tabsTask #tabMenu, #tabsResource #tabMenu, #tabsProblemType #tabMenu  {width:523px}
#tabMenu li,  #tabMenuContact li, #tabMenuIncident li, #tabMenuProblem li{ height:20px; line-height:20px; float:left;border-right:2px solid #bfc4cb;  border-bottom:2px solid #AAA;}
#selTab li{ height:23px; line-height:20px; float:left; border:1px solid #bfc4cb; background-color:#F0F0F0; padding-bottom:5px; margin-left:3px;}

#tabMenu li a,  #tabMenuContact li a, #tabMenuIncident li a, #tabMenuProblem li a, .tabMenuProblem li a, #selTab li a{ display:block; height:20px; padding:6px 17px;color:#161951; font-variant:normal; font-size:0.9em}
.tabsProblem ul li a, #selTab li a{ display:block; height:20px; padding:6px 9px;color:#161951; font-variant:normal; font-size:0.9em; font-weight:bold}
#tabMenu ul,  #tabMenuContact ul, #tabMenuIncident ul, #tabMenuProblem ul, .tabMenuProblem ul{list-style:none;}
#tabMenuIncident li a, #tabMenuContact li a, #tabMenu li a{padding:6px 8px; }

#mask, #maskContact, #maskIncident, #maskTask, #maskProcedure, #maskProbType, #maskResource, #maskProblem, .maskProblem, .maskWos{ width:527px; height:168px; border:1px solid #bfc4cb; border-top:none; background:#f0f0f0;overflow-x:hidden; overflow-y:auto;}    
#mask ul, #maskContact ul, #maskIncident ul, #maskTask ul, #maskProcedure ul, #maskProbType ul, #maskResource ul, #maskProblem ul, .maskProblem ul, .maskWos ul{ list-style:none; float:left; margin-left:-28px;}

#maskIncident{ width:635px; height:200px;}
#maskContact{ width:626px; height:278px;}
#maskTask{height:222px;}
#maskProblem{height:135px;width:565px;float:left;margin-top:-13px;}
.maskProblem{height: 254px;width:635px;float:left;margin-top:0;}
.maskWos{
    float: left;
    height: 274px;
    margin-top: 0;
    width: 688px;
}
#maskProcedure{ width:528px; height:216px;}
#maskProbType, #maskResource{ width:528px; height:120px;}

.selectedTab{ border-bottom:1px solid #FFF; }

#tabMenu .ui-state-default, #tabMenu ui-corner-top,  #tabMenuContact .ui-state-default,   #tabMenuContact  ui-corner-top, #tabMenuIncident .ui-state-default, #tabMenuIncident ui-corner-top, #tabMenuProblem .ui-state-default, .tabMenuProblem .ui-state-default, #tabMenuProblem ui-corner-top, .tabMenuProblem ui-corner-top{
    background:#f0f0f0;
    height:28px;
    border:1px solid #afb8c4;
    
}

.ui-tabs .ui-tabs-nav li{
    border-bottom:1px solid #afb8c4 !important;
}


#futureStatusContentTab .ui-widget-header, #catalogue .ui-widget-header, #catalogue .ui-widget-header, #catalogue .ui-widget-header{
    border:0px solid #FFF !important;
    background:#91a2af;
}
#futureStatusContentTab ul li.ui-tabs-selected, #catalogue ul li.ui-tabs-selected, #futureStatusContentTab .ui-tabs .ui-tabs-nav li, #catalogue .ui-tabs .ui-tabs-nav li, #catalogue .ui-state-default{
    
    border:0px solid #FFF !important;
}


#tabMenu .ui-tabs-selected, #tabMenu .ui-state-active, #tabMenuContact .ui-tabs-selected, #tabMenuIncident .ui-tabs-selected, #tabMenuContact .ui-state-active, #tabMenuIncident .ui-state-active, #tabMenuProblem .ui-tabs-selected, #selTab .ui-tabs-selected, #tabMenuProblem .ui-state-active, #selTab .ui-state-active{
    background-image:url(../images/windows/sel_tab.png);
    background-repeat:repeat-x;
    background-position:top left;   
    height:29px;
    border:1px solid #afb8c4;
    border-bottom:0px solid #afb8c4 !important;
}
#selTab .ui-tabs-selected, #selTab .ui-state-active{
    height:24px;
}


li.disabledMenu{    
    cursor:normal;
    opacity:0.5;    
    filter: alpha(opacity=50);
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;
}

.detailContainer {
    display: block;
    height: 403px;
    width: 1262px;
}

/* solución al problema del datepicker (estaba por debajo de la ventana de diálogo) */
.ui-dialog { 
    position: relative; 
    width: 300px; 
    z-index:8888; 
}
.ui-datepicker { 
    /*width: 17em; */
    width: 11.5em; 
    padding: .2em .2em 0; 
    z-index:9999; 
}
.ui-datepicker-week-end, .ui-datepicker-other-month{
    width: 12px;
    height: 12px;
    font-size: 0.9em;
    font-weight:normal;
}
.ui-datepicker th {
    border: 0 none;   
    padding: 0.1em 0.1em;
    text-align: center;    
    width: 12px;
    height: 12px;
    font-size: 0.8em;
    font-weight:normal;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 1.4em;
    margin: 0;
    text-align: center;    
    font-size:0.9em;
}

.ui-datepicker-calendar .ui-state-default,.ui-datepicker-calendar .ui-widget-content .ui-state-default,.ui-datepicker-calendar .ui-widget-header .ui-state-default{
    width: 12px;
    height: 12px;
    font-size: 0.8em;
    font-weight:normal;
}
.ui-datepicker-calendar .ui-state-default{
    background: #5f84a1;
    border: 1px solid #fff;
}
.ui-datepicker td {
    border: 0 none;
    padding: 0px;
}

.ui-widget *:active {
    outline: medium none;
}

.ui-state-highlight{
    /*background:#FF0000;*/
}

.ui-datepicker td span{
    display: block;
    padding: 0.1em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker td a {
    display: block;
    padding: 0.3em;
    text-align: right;
    text-decoration: none;
}
.ui-widget-header, .ui-jqgrid .ui-jqgrid-title, .ui-jqgrid .ui-jqgrid-sortable, .ui-jqgrid .ui-jqgrid-title{
    font-variant:normal;
    font-size:1em;
    font-variant: small-caps;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .ui-widget-header,
    .ui-jqgrid .ui-jqgrid-title, .ui-jqgrid .ui-jqgrid-sortable, .ui-jqgrid .ui-jqgrid-title{
        font-size: 1.0em;
        font-variant: small-caps;
        font-weight: bold;
    }
}

.ui-dialog .ui-dialog-content{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0 0;
    position: relative;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background:#83D1FD;
    color:#d8dadd;
}

.ui-multiselect{
    background:#fff;
}

.ui-jqgrid tr.ui-row-ltr td {
    padding-left:5px;
}


/* incidence graphic */
.graphicWrap{
    width:50px; height:20px; background:#e8e8ea; padding:1px; margin-top:14px;
}
.graphicWrapP{
    width:45px; height:20px; background:#e8e8ea; padding:1px; margin-top:14px;
}
.barWrap{
    width:53px; height:18px; background:#bbbbc3; border:1px solid #fff;
}
.barWrapP{
    width:43px; height:18px; background:#bbbbc3; border:1px solid #fff;
}
.redBar{
    width:50%; height:18px; border:1px solid #fff;
    background-image:url(../images/windows/red.png);
    background-repeat:repeat-x;
    background-position:top left;
}
.yellowBar{
    height:18px; border:1px solid #fff;
    background-image:url(../images/windows/yellow.png);
    background-repeat:repeat-x;
    background-position:top left;
}
.greenBar{
    height:18px;  border:1px solid #fff;
    background-image:url(../images/windows/green.png);
    background-repeat:repeat-x;
    background-position:top left;
}
.blueBar{
    width:100%; height:17px; background:url(none); background-color:#c8ccd2; border:1px solid #fff; 
}
.blueBarClosed{
    width:100%; height:17px; background:url(none); background-color:#8393AA; border:1px solid #fff; 
}


.inlineContent{
    float:left; display:inline;
}
.ui-widget{
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1.1em;
}
.ui-widget-content{
    color:#396486;
}
@-moz-document url-prefix() {
    .ui-widget{
        font: 'Liberation', Arial, Helvetica, sans-serif;
        font-size: 1.0em;
    }
    .blackText{
        font-weight: normal;
        color: #161951;
        font-size:1em;
    }
    .varNameContact{
        font-weight:normal; 
        font-size:1em;
    }
    .taskCodeHist, .taskCodeHistBlock, .stateCodeHist, .stateCodeHistBlock, .annotValueTit, .noteCode, .noteCodeHist, .noteCodeHistBlock{   
    color: #396486;
    font-size: 1.0em;
    font-variant: small-caps;
    font-weight: bold;
    }
}
.ui-search-toolbar th.ui-state-default/*, .ui-jqgrid .ui-jqgrid-hbox*/{
    background:#e8e8e8;
}
.ui-search-toolbar th.ui-state-default input{
    height:18px;
    padding-left:4px;
}
.ui-multiselect {
    padding-left:8px;
}
.ui-widget-header{
    padding:2px 0 2px 4px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1em;
}

#changeStatus, #saveChanges{
    margin-top:20px;
    width:150px;
}

/* date picker */

.ui-slider-horizontal {
    height: 0.2em;
}
.ui-slider-horizontal{
    margin-left: 0.2em;
    top: 0.1em;
}.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.1em;
    top: -0.2em;
}
.ui-slider .ui-slider-handle { 
    height: 0.4em;
    width: 0.4em;
}
.ui-slider-handle {
    margin-left: 0.2em;
    top: -0.9em;
}

.ui_tpicker_minute_label, .ui_tpicker_hour_label, .ui_tpicker_time_label{
    font-size:0.7em;
    display:inline;
}

.ui_tpicker_time{
    margin-top: -1.1em;
    font-size:0.9em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.3em 0.2em;
    padding: 0.3em 0.5em 0.3em 0.5em;
    width: auto;
    font-size: 0.9em;
}
.ui-timepicker-div { 
    margin-top: -12px;
    margin-bottom:-2px;
}

/* modal window info */
#veloInfo, .veloInfo, .veloInfoComp{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; z-index:500;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;display:none;}
#modalInfo, .modalInfo{position:relative; margin:auto; margin-top:-330px; width:395px; padding:20px 10px 20px 20px; background:transparent; background-image:url(../images/windows/info.png);background-repeat:no-repeat;background-position:top left;height:202px; display:none;z-index:501;}
#modalInfo, .modalInfoDoc{position:relative; margin:auto; margin-top:-260px; width:395px; padding:20px 10px 20px 20px; background:transparent; background-image:url(../images/windows/info.png);background-repeat:no-repeat;background-position:top left;height:202px; display:none;z-index:501;}   
#modalInfoComp, .modalInfoComp{position:relative; margin:auto; margin-top:-300px; width:395px; padding:20px 10px 20px 20px; background:transparent; background-image:url(../images/windows/info.png);background-repeat:no-repeat;background-position:top left;height:202px; display:none;z-index:501;}                                                        
.textInfo{position:absolute; top:70px; left:45px; width:307px; height:70px;font-weight:bold; color:#535659;}
.textInfoDialog{position:absolute; top:66px; left:25px; width:350px; height:70px;font-weight:bold;font-size:0.9em; color:#535659;}
.veloInfoComp{height:100%;}
.modalInfoAttach{margin-top:100px !important;}
.buttonContentInfo{position:absolute; top:158px; right:50px;}


/* modal window customer */
#modal{ width:460px; padding:20px 10px 20px 20px; background:#FFF;-moz-border-radius:8px;  height:400px; display:none; }                                                          
#modal span{ display:block; padding-bottom:15px; }
#modal label{ display:block; }

.cajaSimple{ background:#CCC; border:1px solid #999; width:440px; padding: 4px; color: #535659;}
.cajaSimpleComp{ background:#CCC; border:1px solid #999; width:440px; padding:4px; color: #535659; margin-bottom:9px;}
.cajaMulti{ background:#CCC; border:1px solid #999; width:440px; height:160px; padding: 4px; color: #535659;}
.cajaMultiComp{ background:#CCC; border:1px solid #999; width:436px; height:130px; padding: 4px; color: #535659; font-size: 1.0em;}
.velo{ position:absolute; left:0px; top:0px; width:100%; height:180%; background:#000; z-index:500;}
.veloComp{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; z-index:500;}
.topModalText, .topModalTextComp{margin:10px 0 20px 0;font-size:1.1em;}
.topModalTextComp{font-size:1em;}

/* modal Lists operator*/
.modalListInt{border:1px solid #777792; backgroung:#FFF; padding:20px 10px 20px 20px;}
#modalList, .modalList, .modalListComp{ width:630px; padding:20px 10px 20px 20px; background:#fff;-moz-border-radius:0px;  height:77%; min-height:190px; display:none; border:1px solid #adcdd9; }                                                        
#modalList span, .modalList span, .Comp span{ display:block; padding-bottom:15px; }
#modalList label, .modalList label, .modalListComp label{display:block;color:#7a808c;   font-size:0.9em; }
#modalList span.reduced, .modalList span.reduced, .modalListComp span.reduced{padding-bottom:5px;}
#modalList span.reducedSmall, .modalList span.reducedSmall{padding-bottom:5px; display:inline; float:left;}
#modalList span.reducedBlock, .modalList span.reducedBlock{padding-bottom:5px;display:block; float:left;}
.modalListComp{ width:640px; padding:20px 10px 20px 20px; background:#fff;height:78%; min-height:310px; display:none; border:1px solid #adcdd9;  margin:auto; margin-top:-50px; }   
.modalListId{ width:206px; height:46px; border:1px solid #bfc4cb; background:#f0f0f0;overflow-x:hidden; padding-left: 18px; padding-top: 10px;float: left; margin-right:40px;}
.modalListDate{ width:298px; height:46px; border:1px solid #bfc4cb; background:#f0f0f0;overflow-x:hidden; padding-left: 18px; padding-top: 10px;float: left;}   
.modalListMask, .modalListTask{ height:160px; background:#d8dadd; border:1px solid #bfc4cb; list-style:none;  float:left; width:589px; padding: 15px;}
.modalListTask{ height:60px; width:422px !important; margin-bottom: 10px;} 
/* modal window operator*/
.modalOpInt{border:1px solid #777792; backgroung:#FFF; padding:20px 10px 20px 20px;}
#modalOp, .modalOp, .modalOpComp{ width:460px; padding:20px 10px 20px 20px; background:#fff;-moz-border-radius:0px;  height:79%; min-height:310px; display:none; border:1px solid #adcdd9; overflow-y:auto; }                                                         
#modalOp span, .modalOp span, .Comp span{ display:block;     padding-bottom: 13px;padding-right: 10px;float: left;}
#modalOp label, .modalOp label, .modalOpComp label{display:block;color:#7a808c; font-size:0.9em; }
#modalOp span.reduced, .modalOp span.reduced, .modalOpComp span.reduced{padding-bottom:5px;}
#modalOp span.reducedSmall, .modalOp span.reducedSmall{padding-bottom:5px; display:inline; float:left;}
#modalOp span.reducedBlock, .modalOp span.reducedBlock{padding-bottom:5px;display:block; float:left;}
.clearSmall{clear: both; margin-bottom:10px;}

.modalOpComp{ width:470px; padding:20px 10px 20px 20px; background:#fff;height:70%; min-height:325px; display:none; border:1px solid #adcdd9; overflow-y:auto; margin:auto; margin-top:-50px; } 

.cajaSimpleOp, .cajaSimpleOp2, .cajaSimpleOp3, .cajaSimpleOp4, .cajaSimpleOp5, .cajaSimpleOp7{ background:#fff; border:1px solid #999; width:431px; padding:0 0 0 4px; color: #535659;}
.inputTTS .cajaSimpleOp5{margin-bottom:20px; width:442px;}
.cajaSimpleOp2{width:442px;}
.cajaSimpleOp3{width:448px;}
.cajaSimpleOp4{width:206px;}
.cajaSimpleOp6{width:200px;}
.cajaSimpleOp7{width:230px;}
.cajaSimpleOp8{width:180px;}
.cajaSimpleOp:disabled, .cajaSimpleOp2:disabled, .cajaSimpleOp3:disabled, .cajaSimpleOp4:disabled, .cajaSimpleOp5:disabled{
    background-color:#f3f3f3;
    color:#000;opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    cursor:default;
    width: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    height: 18px;}
.cajaSimpleOp2:disabled{width:130px;}
.smallBoxOp{ background:#fff; border:1px solid #999; width:420px; padding:0 0 0 4px; color: #535659; margin-right:25px;}
.smallBoxOp:disabled{background-color:#f3f3f3;color:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;cursor:default;}

.cajaMultiOp{border:1px solid #999; width:437px; height:58px; padding: 4px; color: #535659;}
.writeDelayBox{border:1px solid #999; width:432px; height:135px;color: #535659;}
.cajaMultiOp:disabled{background-color:#f3f3f3;color:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;cursor:default;}
.opShadow{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; z-index:500;}

.cajaMultiOpInc{border:1px solid #999; width:421px; height:25px; padding: 4px; color: #535659;}
.cajaMultiOpInc:disabled{background-color:#f3f3f3;color:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;cursor:default;}

.topModalTextOp{margin:10px 0 20px 0;font-size:1.1em; color: #396486;}
.topModalTextOpMod{margin:10px 0 7px 0;font-size:1.1em; color: #396486;}
.topModalTextOpInc{margin:1px 0 5px 0;font-size:1.0em;font-variant:small-caps;font-weight:bold;color:#365e84;padding-top:5px;}
.modalElementName{margin:0px 3px 5px 0;font-size:1.0em;font-variant:small-caps;font-weight:bold;color:#365e84;float:left;display:inline;}
.tooltip{width:606px; height:210px; color:#FFF;background-image:url(../images/tooltip.png);background-repeat:no-repeat;background-position:top left;opacity:0.45;-moz-opacity:0.45;-khtml-opacity: 0.45;padding:55px 0;text-align:center; margin-top:-350px; margin-left:auto; margin-right:auto; font-size:1.3em; font-weight:bold;line-height:1.8em;}
.moveLabel{padding-left:10px;}
/* login */
.login_bg{
    /*position:relative;*/
    /* background-image:url(../images/login/logo_bg11.png); */
    background-image:url(../images/login/new_logo_bg11.png);
    background-repeat:no-repeat;background-position:center center;
    margin-left:auto;
    margin-right:auto;
    width:641px;
    height:727px;
    margin-top:-80px;
}
.inputs{
    position: absolute;
    margin-top: 200px;
}
.inputsLogin{
    margin-top: 378px;
    position: absolute;
}
.userInputLogin, .passInputLogin{
    position:absolute;
    width: 144px;
    left:270px;
    height:20px;
    /*background-image:url(../images/login/login_user.png);*/
    background-repeat:no-repeat;background-position:top left !important;
    padding-left:25px;
    color:#666;
    background-color:#e9e6e6 !important;
    /*background-color: #7a808c05 !important;*/
    border: 1px solid #7a808c05;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright: 5px;
    font-weight: bold;
}
.textErrorLogin {
    color: red;
    background-color: #fbdddd;
    border: 1px solid #ff7e7e;
    padding: 5px;
    border-radius: 2px;
    text-align: center;
}
.textErrorLoginCaptcha {
    color: red;
    margin-left: 245px;
    margin-top: 211px;
    position: relative;
}
.logoWaterMark{
    position: absolute;
    /* position: fixed; */
    left: 550px;
    top: 20px;
    width: 425px;
    height: 239px;
    /* right: 0; */
    /* bottom: 0; */
    z-index: -10;
    background: url(/betacompany/udo_ui/img/logoTef_watermark.png) no-repeat;
}
.userInput, .passInput{
    position: absolute;
    width: 144px;
    top: 270px;
    left: 70px;
    height: 20px;
    /* background-image: url(../images/login/login_user.png); */
    background-repeat: no-repeat;
    background-position: top left !important;
    padding-left: 25px;
    /*color: grey;*/
    background-color: #e9e6e6 !important;
    /* background-color: #FFF !important; */
    /*background-color: #7a808c05 !important;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     border: 1px solid #7a808c05;
    font-size:1.3em;
    padding-top: 0px;
}
.passInputLogin{

    /*background-image:url(../images/login/login_pass.png);*/
    background-repeat:no-repeat;background-position:top left !important;
    margin-top: 80px;
}
.login_bg .text{
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size:1.55em;
    position:absolute;
    left:49px;
    top:120px;
    color:#b8c6d3;
}
.login_bg .text a{
    color:#345b81;
    text-decoration:none;
}
.login_bg .text a:hover{
    text-decoration:underline;
}

.recovery_login_bg{
    /*position: relative;*/
    /* background-image: url(../images/login/recovery_logo_bg11.png); */
    background-image: url(../images/login/recovery_new_logo_bg11.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    width: 641px;
    height: 727px;
    margin-top: -80px;
}
.inputsRecoveryLogin{
    margin: 115px 0px 0px 190px;
    position: absolute;
    /*border: 1px solid red;*/
}


/* Old button
.buttonLogin{
    border:1px solid #0f3350; 
    height:25px; 
    width:100px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 12px 3px 12px;
    cursor:pointer;
    position:absolute;
    top:241px;
    left:340px;
    
}
.buttonLogin:hover{
    background-color: #83d1fd;
    color: #376080;
}

*/
/* new button maked for the tucu*/
.buttonLogin {
    border: 1px solid #656562;
    height: 50px;
    width: 295px;
    color: #CCC;
    background-color: #656562;
    padding: 1px 12px 3px 12px;
    cursor: pointer;
    position: absolute;
    /*top: 180px;*/
    top: 165px;
    left: 185px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 24px
}
.buttonLogin:hover{
    background-color: #7a808c;
    color: #f3f3f3;
}
.pForgot {
    /* padding: 1px 12px 3px 12px; */
    /*cursor: pointer;*/
    position: absolute;
    top: 240px;
    /*left: 185px;*/
    left: 105px;
    width: 295px;
    /* border: 1px solid red; */
    text-align: right;
    color: #e3dbdb;
}
.linkResetPass{
    color: ##0086C3 !important;
    text-decoration: none;
    margin-left: 15px;
}

.inputEmailRecovery{
    font-weight: normal;
    font-size: 1.30em;
    color: grey;
     background-color: white;
    position: absolute;
    width: 50px;
    height: 34px;
    left: 600px;
    top: 270px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    padding: 10px 0 0 10px;
    /*border: 1px solid red;*/
}
.buttonRecovery{
    border: 1px solid #656562;
    height: 50px;
    width: 295px;
    color: #CCC;
    background-color: #656562;
    padding: 1px 12px 3px 12px;
    cursor: pointer;
    position: absolute;
    /* top: 180px; */
    top: 340px;
    /*left: 185px;*/
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 24px;
}

.login_bg div.captcha-container {
    position: absolute;
    top: 140px;
    left: 190px;
    width: 281px;
}
.login_bg div.captcha-container img.captcha {
    margin-right: 24px;
}

.login_bg div.captcha-container input[type="text"] {
    width: 130px;
    height: 30px;
    float: right;
    font-size: 2em;
    text-transform: uppercase;
}
.login_bg div.captcha-container div.help_text {
    font-size: 0.9em;
    color: gray;
}
.login_bg .buttonLogin.captcha {
    top: 230px;
    /*left: 185px;*/
}

.form-rowArchNew{
    width:300px;
    height:600px;

    margin:auto;
}
.form-rowArchNew li{
    list-style: none outside none;
    display:block;
    text-align: left;
}

.form-rowArchNew label{
    display:block; 
    padding-bottom:0px;
    color:#7a808c;
    font-size:0.9em;
}
.form-rowArchNew input{ 
    padding-left:4px;
    color:#666;
    font-size:0.9em;
    margin-bottom:7px;
    width:160px;
}

.form-rowArchNew .buttonRegister{
    border:1px solid #0f3350; 
    height:25px; 
    color:#FFF;
    background-color: #376080;
    padding:1px 12px 3px 12px;
    cursor:pointer;
    font: 'Liberation', Arial, Helvetica, sans-serif;

    width:100px;
    margin-top:5px;
}
.form-rowArchNew .buttonRegister:hover{
    background-color: #83d1fd;
    color: #376080; 
}
.form-rowArchNew ul.errorlist{  
    color: #FF0000;
    margin-bottom: -27px;
    margin-left: 140px;
}


/* attach document */
/*DONT TOUCH THESE TWO attach*/
.attach{
    border:1px solid #879cb7;
    border:1px solid #FF0000;
    width:5px;
    cursor: pointer;
}
input.attach {
    position: relative;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    margin-top: 13px;
}
.attachDoc{
    height: 16px;
    margin-right: -4px;
    padding-left: 4px;
        width:116px;
    cursor: pointer;
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
      .attachDoc{
        width:114px;
        height:16px;    
    }
 }


div.fileinputs {
        position: relative;
        float:left;
        width:150px;
        height: 40px;
}
div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width:150px;
}
div.fakefile label {
    margin-bottom:-1px;
}
.attachImg{
        margin-top:2px;
        vertical-align:bottom;
    cursor: pointer;
}
.attachForm{
    display: none;
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
     .attachImg{
        margin-top:0px;
    }
 }
 
.separate8px{
    margin-top:8px;
}
#changeShared{
    width:140px;
    margin-top:20px;
}




/* new for task in incidence */
.contTotal{
    position:relative;
    background:#BDC8D0;
    border-top:0px solid #d8dadd;
    width:100%;
    height:100%;
    overflow:hidden;
}
.incCont{
    width:666px;
    height:100%;
    background:#fff;
    float:left;
}
.probCont{
    width:667px;
    height:100%;
    background:#fff;
    float:left;
}
.verticalButton{
    background:#8393aa;
    width:25px;
    height:101%;
    float:left;
    margin-top:-5px;
    cursor:pointer;
    position:relative;
}
.verticalText{
    color:#FFF;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size:1.3em;
    font-weight:bold;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -o-transform:rotate(-90deg);
    margin-top:238px;
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
     .verticalText{
        margin-left:-69px;
        width:160px;
    }
 }
.triangleI, .triangleD{
    width:10px;
    height:12px;
    background-image:url(../images/windows/triangleI.png);
    background-repeat:no-repeat;background-position:top left;
    margin: 14px 0 0 8px;
}
.triangleD{ 
    background-image:url(../images/windows/triangleD.png);
    background-repeat:no-repeat;background-position:top left;   
}
.rightCont{
    left:692px;
    width:600px;
    margin-top:-5px;        
    height:100%;        
}

.searchDiv{
    width:115%;
    height:19px;
    background:#afb8c4;
    color:#FFF;
    border:1px solid #FFF;
    font-weight:bold;
    padding:10px 12px 7px 7px;
    font-size:0.90em;
}

.searchSelectClass, .searchInputClass{
    font-weight:normal;
    color: #535659;
    margin-right:10px;
}
.searchInputClass{
    width:75px;
    padding-left:4px;
}
.searchProcButton{
    background-image:url(../images/windows/searchBtn.png);
    background-repeat:no-repeat;
    background-position:top left;   
    background-color:transparent;
    border:none;
    width:90px;
    height:26px;
    padding-left:24px;
    margin-top:-4px;
    font-size:0.90em;
    font-weight:normal;
    color: #535659;
    cursor:pointer;
}
.searchButton2, .searchButton3{
    background-image:url(../images/windows/glass2.png);
    background-repeat:no-repeat;
    background-position:7px 1px;    
    background-color:#e2e5ea;
    border:1px solid #879cb6;
    width:85px;
    height:20px;
    padding-left:22px;
    margin-top:0px;
    font-size:1.0em;
    font-weight:normal;
    color: #476883;
    cursor:pointer;
}
.searchButton3{
    height:20px;
    width:83px;
    margin-left:-1px;
    margin-top:-3px;
    vertical-align:middle;
}
.searchButton2:hover, .searchButton3:hover{
    color: #161951;
}
.procListContent{
    width:210px;
    min-height:550px;
    height:91%;
    float:left;
    overflow-x:hidden; 
    overflow-y:auto;
    border-right:1px solid #8393AA;
    background-color: #FFFFFF;
}
.procListContent .menuProc{
    width:205px;
    padding:0;
    margin:0;
}
.menuProc li{ 
    border-bottom:1px solid #8393AA;  
    padding-left: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    cursor:pointer; 
    /*height:25px; */    
    line-height:14px; 
    font-weight:bold; 
    font-size:0.85em;  
    color:#345b81;
    width:205px;
    list-style-type:none;
    background:#FFF; 
}
.menuProc li:hover{ 
    background:#e4e6e8; 
}

.procSeleccionado{  
    background:#BDC8D0 !important;
}
.procSeleccionado span.pIcon{
    /*display:none;*/
}
.menuProc li span.text{ 
    display:block;
    color:#666;
    font-weight:normal; 
    width:100%;
    overflow:synopsis;
    padding-left:4px;
}
.menuProc li span.pIcon{    
    width:16px;
    height:13px;
    vertical-align:middle;
    display:none;
}
.menuProc li span.taskIcon{ 
    width:18px;
    height:18px;
    vertical-align:top;
    display:none;
}
.menuProc li span.name{ 
    padding-left:4px;
    padding-right:4px;
}
.menuProc li span.taskLength{   
    padding:1px 6px;    
    background:#a3a7c9;
    border:1px solid #FFF;
    -moz-border-radius:4px;
    color:#FFF;
    display:none;
}
.rBottomCont{
    position:relative;
    
    float:left;
    width:364px;
    padding:10px 4px;
    height:91%;
    overflow-x:hidden; 
    overflow-y:auto;
}
    .rBottomCont .up{
        position:relative;
        width:100%;
        height:auto;
        min-height:50px;
        border-bottom:1px solid #8393aa;
        display:block;  
        padding-bottom:10px;    
    }
    .clear{
        clear: both;
    }
    .rBottomCont .down{
        width:100%;
        padding:15px 0 0 0;
        position:relative;
    }
    .procIconBig{       
        background-image:url(../images/windows/procIconBig.png);
        background-repeat:no-repeat;background-position:top left;   
        float:left;
        width:20px;
        height:20px;
    }
    .procCode, .procDescriptTitle, .procTagTitle{
        color:#345b81;
        font-size:0.9em;
        font-weight:bold;
        /*float:left;*/
        padding-left:5px;
        padding-bottom: 7px;
    }
    .delegatingTask{
        background-image:url(../images/windows/delegate_orange.png);
        background-repeat:no-repeat;    
        background-position: 28px 50%;
        color:#345b81;
        font-size:1.3em;
        font-weight:bold;
        margin-left:190px;
        padding:10px 0 4px 53px;
        border-bottom:1px solid #8393AA;
        color:#ce4f1c;
        display:none;
    }
    .orangeColor{
        color:#ce4f1c;
    }
    .cancelX{       
        background-image:url(../images/windows/cancelX.png);
        background-repeat:no-repeat;        
        width:19px;
        height:19px;
        float:right;
        margin-right:45px;
        cursor:pointer;
    }
    .procTagTitle, .procDescriptTitle{
        padding-right:10px;
        float: left;
    }
    .procTags, .procDescript{
        /*float:left;*/
        color:#FFF;
        font-weight:bold;
        font-size:0.9em;
        padding-left:4px;
        width:112px;
        height:23px;
        /*overflow:hidden;*/
        white-space: nowrap;
        /*text-overflow: ellipsis;  */
    }
    .procDescript{
        display:block;
        width:70%;
        padding:0 0 10px 5px;
    }
    
.taskButton, .taskSelected{
    position:relative;
    width:100px;
    min-height:70px;
    background:#e8e9eb;
    border:2px solid #FFF;
    color:#2b2d51;
    font-size:0.9em;
    padding:5px;
    margin:auto;
    margin-bottom:10px;
    float:left; 
    padding:5px 4px;
    text-align:center;
    cursor:pointer;
    border-radius: 5px;
}
.taskButton:hover{
    border:2px solid #376080;
}
.taskSelected{  
    border:2px solid #859bc0;
    background:#fff;
}
.tasksDiv{
    position:relative;
    width:33%;
    float:left;
    min-height:70px;
    text-align:center;
}
.taskCode{
    position:relative;
    color:#2b2d51;
    font-size:1em;
    text-align:center;
    width:100%;
    padding-bottom:10px;
    font-weight:bold;
    height:40px;
    overflow: hidden;
    font-variant: small-caps;
}
div.activeTask{
    position:relative;
    float:left; 
    background-image:url(../images/windows/activeTask.png);
    background-repeat:no-repeat;
    background-position: left top;
    width:13px;
    height:17px;
    margin-left:15px;
    display:none;
}
div.doneTask{
    position:relative;
    float:left;
    background-image:url(../images/windows/doneTask.png);
    background-repeat:no-repeat;
    background-position: left top;
    width:17px;
    height:17px;
    margin-left:20px;
    display:none;
    
}
div.taskDoneNumber{
        float:left;
        color:#666;
        font-weight:normal;
        font-size:0.8em;
        padding-left:5px;
        display:none;
    }

/* ********************************************** */
.taskHeader, .stateHeader, .annotHeader, .annotProblemHeader, .annotHeaderContact{
    display:block; 
    padding:0 0 6px 0;
    width:96%;
    display:inline-block;
    margin-bottom:4px;
}
.annotHeaderContact{
    width:97%;
    border-bottom:1px solid #D4DADF;
}

.taskHeader{
    margin-bottom:0px;
}
.stateHeader, .annotHeader, .annotProblemHeader{
    width:100%;
    padding-top:5px;
    font-size: 0.9em;
}
.annotHeader{
    width:580px;
    border-bottom:1px solid #D4DADF;
    border-left:1px solid #F0F0F0;
    border-top:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
    padding-left: 5px;
}
.annotHeader:hover{
    width:580px;
    border:1px solid #94a6be;

    padding-left: 5px;
/*  background-image: url(../images/windows/pencil_param.png);
    background-repeat: no-repeat;
    background-position: top right;*/
    background-color: #D8DADD;
}
.annotProblemHeader{
    width:485px;
}
.taskCodeHist, .taskCodeHistBlock, .stateCodeHist, .stateCodeHistBlock, .annotValueTit, .noteCode, .noteCodeHist, .noteCodeHistBlock{   
    color: #396486;
    font-size: 1.1em;
    font-variant: small-caps;
    padding: 2px 5px 0 5px;
    float:left;
    font-weight: bold;
    }
.annotValueTit{
    margin-top:1px;
}


.annotationValue{
    padding-bottom:5px;
    margin-bottom:10px;
    border-bottom:1px solid #D4DADF;
}
.taskCodeHistBlock, .stateCodeHistBlock, .noteCodeHistBlock{
    display:block;
}
.taskCodeHistBlock{
    clear:both;
    margin-top:-20px;
    margin-left:26px;
}
.taskValue, .stateValue, .stateValueGreen, .noteTypeValue, .typeValue, .taskAttValue{
    display:inline; 
    /*color: #666666;*/ 
    padding: 2px 10px 0 0px;
    float:left; 
}
.taskAttValue{
    margin-top:-21px;
    margin-left:110px;
}
.stateValue, .stateValueGreen, .noteTypeValue{
    text-transform: uppercase;  
}
.tagValue{
    text-transform:capitalize;
}
.noteTypeValueGreen{
    text-transform:capitalize;
    text-decoration:underline;
    font-size:1em;
    cursor:pointer;
    font-weight:normal;     
    display:inline; 
    color: #666666;  
    padding: 0 20px 0 0px;
    float:left; 
}
.stateValueGreen{
    color:#32d908;
    width:47px;
}
.stateValue, .noteTypeValue, .tagValue{
    font-weight:normal;     
}
.textN{
    display:block; 
    color: #396486; 
    font-weight:bold; 
    font-size:0.9em;
    padding:0 0.3em 0 2.1em;
    float:left; 
    display:inline;
    float:left;
    width:62px;
}

.dataLineTabTask{
    display:inline-block;
    padding-top:1px;
}
.taskText{
    display:inline;
    float:left;
    width:140px;
}
.taskDate{
    display:inline;
    float:left;
    width:140px;
}

.varDelegateIcon, .varDelegateIconTall{
    width:15px;
    height:11px;
    display:inline; 
    padding:0 5px 0 5px;
    float:left;
}
.varDelegateIconTall{   
    height:41px;
}

.taskSummary, .stateSummary, .probSummary, .incNotesSummary, .incNotesSummaryP, .probNotesSummary, .notesSummary, .probSummaryLarge{
    padding:0 0 10px 0;
    display:block;
    border-bottom:1px solid #d4dadf; 
    margin-bottom:5px;  
}
.notesSummary{
    border:none;
}
.stateSummary{
    min-height:20px;
}
.probSummary{
    min-height:16px;
    width:482px;
}
.probSummaryLarge{
    min-height:16px;
    width:515px;
}
.incNotesSummary{
    min-height:23px;
    width:516px;
    border-bottom:0px solid #d4dadf;
    float: left;
}
.incNotesSummaryP{
    margin-top:-10px;
    min-height:16px;
    width:516px;
}

.probNotesSummary{
    min-height:16px;
    width:466px;
}
.checking{
    color:#91a2af;
    text-align:right;
    padding:5px 5px 0 0;
    margin-top:2px;
    display:none;
    font-size:0.8em;
    
}
/* Incidence History */
.rightContactIncidenceHistory, .rightContactHistory, .rightHistory, .rightNote, .rightHistoryModule{    
    width:100%;     
    height:100%;        
    background-color:#bdc8d0;
    /*overflow-y:auto;*/
}
.rightHistoryModule{
    background-color:#D8DADD;
}

.rightNote {
    padding-left: 17px;
    overflow-x: hidden;
    position: relative;
    width: 43%;
}
.rightProblemNote {
    overflow-x: hidden;
    position: relative;
    width: 43%;
}

.rightHistoryWrapper, .rightHistoryContentWrapper, .rightProcedures{
    position:relative;
    float:left;
    width: 42%;
}
.rightProcedures{
    position:absolute;
    left:692px;
    width:600px;
    margin-top:-5px;        
    height:100%;  
}
.rightHistoryWrapperProcedures{
    position:relative;
    float:left;
    width: 45%;
    margin-left: 1px;
}
.rightHistoryContentWrapper{
    margin-top:0;
    width: 43%;
    height: 431px;
    background-color:#bdc8d0;
}

.Wos {
    height: 431px !important;
    width: 490px !important;
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
     .rightHistoryWrapper, .rightNote{
        width:48%;
    }
    .rightHistoryContentWrapper{
        width:296px;
    }
 }
.verticalHistButton, .verticalNoteButton, .verticalNoteProblemB, .verticalHistContactButton{
    background:#8393aa;
    width:25px;
    height:101%;
    float:left;
/*    margin-top:-5px;*/
    cursor:pointer;
    position:relative;
    display:none;
    border-right:1px solid #FFF;
}
.verticalHistContactButton{
    display:inline;
    height: 431px;
    margin-top:0px;
}
.verticalNoteProblemB{
    display:block;
}
.verticalHTicketText, .verticalHText, .verticalNText, .verticalHText{
    color:#FFF; 
    font-size:1.3em;
    font-weight:bold;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -o-transform:rotate(-90deg);
    margin-top:220px;
    white-space:nowrap;
    display:block;
}

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
     .verticalHText, .verticalNText, .verticalHText{
        margin-left:-69px;
        width:160px;
    }
 }
 .rightHistoryTitle, .rightNoteTitle{
    color: #647683;
    height: 28px;
    margin-left: 10px;
    margin-top: 10px;
    width: 100%;
 }
 .table_icon{
    background-image:url(../images/windows/table_icon.png);
    background-repeat:no-repeat;
    background-position: left top;  
    height:19px;
    width:19px;
    float:left;
 }
 .tableNote_icon{
    background-image:url(../images/windows/tableNotes_icon.png);
    background-repeat:no-repeat;
    background-position: left top;  
    height:19px;
    width:19px;
    float:left;
 }
 .addNoteImg{
    background-image:url(../images/windows/addNote.png);
    background-repeat:no-repeat;
    background-position: left top;  
    height:16px;
    width:16px;
    cursor:pointer;
    margin:auto;    
 }
 .ihTExt{
    display:inline;
    font-size:1.1em;
    float:left;
    padding-left:8px;
    font-variant: small-caps;
    font-weight: bold;
 }

 .rightNoteSelects{
    width:100%;
    height:52px;
    border-top: 1px solid #d0d8de;  
    padding-top:4px;
 }
 .noteCodeSelectFirst{
    width:150px;
    margin-right:40px;
    margin-left:-13px;
 }
 .noteCodeSelect{
    width:150px;
    margin-right: 13px;
 }
 .noteCodeSelectLast{
    width:150px;    
 }
.rightNoteSelects .labelWhite{
    /*color:#FFF; */    
 }
 .rightNoteSelects .labelWhiteFirst{
    /*color:#FFF; */    
    margin-left:-13px;
 }
 
 .rightNoteArea .labelWhite{
    color:#FFF;
    display:block;
 }
 .bCNewNote .labelWhite{
    
    display:block;
    margin-top:-9px;
 }
 .rightNoteTable, .rightHistoryTable, .rightNewDesc, .modalNoteTable{
    width:98.5%;
    height:187px;
    border:1px solid #FFF;
    overflow-y:auto;
 }

 .modalNoteTable{
    height:161px;
    width: 98%;
 }

 .hist_Incidence{
    margin-left: 17px;
 }

 .hist_Incidence_Ticket{
    height: 380px !important;
 }

 .hist_Ticket{
    height: 380px !important;
 }
.rightNewDesc {
    background-color: #F1F1EE;
    border: 1px solid #FFFFFF;
    color: #376080;
    font-family: Trebuchet MS,Arial;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-style: normal;
    height: 35px;
    margin-bottom: 6px;
    margin-top: 8px;
    overflow: auto;
    width: 98%;
}
.rightHistoryTable{
    height:375px;
/*    margin-left: 12px;*/
 }

 .incidenceHistTable {
    margin-left: 22px;
 }
.wosHistoryWrapper{
    width: 447px !important;
}
.rightHistoryContentWrapper .rightHistoryTable{
    height:380px;
 }
 .rightNoteArea{
    float:left;
    width:100%;
    height:120px;   
    display:none;
    padding-bottom:20px;
 }
 .noteArea, .modalNoteAreaNew{
    float:left;
    width:96%;
    height:110px;
    padding:6px;
 }
 .noteArea {
    width:555px !important;
}
 .modalNoteAreaNew{     
    width:96%;
 }

 .noteAreaAddInc{
    width: 536px !important;
}
.rightNewDescInc {
    background-color: #F1F1EE;
    border: 1px solid #FFFFFF;
    color: #376080;
    font-family: Trebuchet MS,Arial;
    font-style: normal;
    height: 35px;
    margin-bottom: 6px;
    margin-top: 8px;
    overflow: auto;
    width: 536px !important;
}
 .noteAreaAdd, .noteModalAreaAdd{
    float:left;
    width:98%;
    height:40px;
 }
 .noteModalAreaAdd{
    width:646x;
    height:40px;    
 }
 .histTable, .noteTable{
    width:100%;     
 }
.dateCol{
    width:132px;        
} 
.noteDescCol{
    width:481px;        
} 

.histTable th, .noteTable th{
    padding:6px 8px 4px 8px;
    text-align:left;
    background:#879cb6;
    color:#FFF;
    font-weight:bold;
    font-size:1em;
 }

table.histTable thead tr .header {
    background-image: url("../images/bg.png");      
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}
table.histTable thead tr .headerSortDown {
    background-image: url("../images/desc.png");
}
table.histTable thead tr .headerSortUp {
    background-image: url("../images/asc.png");
}

.noteTable th.noteAddCol{
    text-align:center;  
}
.histTable td, .noteTable td{
    padding:6px 8px 4px 8px;
    border-color:#5F84A1;
    background:#f1f1ee;
    font-weight:normal;
    font-size:0.9em;
    color: #396486;
}

/* response to operator */
.respTitle, .respTitleContact_Contact{
    width:346px;
    height:17px;
    background:#FFF;
    background-image:url(../images/windows/chat.png);   
    background-position:7px 50%;
    background-repeat:no-repeat;
    border:1px solid #cecece;
/*  border-bottom:1px solid #7284bb;*/
    float:left;
    margin-top: 7px;
    padding:5px 0 0 35px;
    font-size:0.95em;
    font-style:italic;
    color:#396486;
}
.respTitleContact_Contact{
    margin-top:-10px;
    width:556px;
}

.respTitleContact_generic{
    margin-top: -19;
    width: 312px;
    background: #FFF;
    background-image: url(../images/windows/chat.png);
    background-position: 7px 50%;
    background-repeat: no-repeat;
    border: 1px solid #cecece;
    padding: 5px 0 0 35px;
    font-size: 0.95em;
    font-style: italic;
}
.newBtnContainer_Contact{   
    width:623px;
    height:34px;
    float:left;
    margin-top:-4px;
}
.newBtnContainer_generic{   
    width:352px;
    height:34px;
    float:left;
    margin-top:-1px;
}
.chatHistory, .chatHistoryContact_Contact, .chatHistoryContact_generic{
    width:381px;
    height:88px;
    background:#FFF;
    border:1px solid #cecece;
    float:left;
    margin-top:2px; 
    font-size:0.95em;
    overflow-y:auto;
}
.chatHistoryContact_Contact{
    height:100x;
    width:591px;
    margin-bottom:3px;
}
.chatHistoryContact_generic{
    height: 93px;
    margin-top: 2px;
    padding: 4px 6px 6px;
    width: 335px;
}

.chatComment{
    width:96%;
    display:block;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    margin-top:1px;
    padding:7px 6px;
    font-size:0.95em;
    min-height:13px;
    height:auto;
}
.chatTopic{
    width:96%;
    display:block;
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    margin-top:1px;
    padding:7px 6px;
    font-size:0.95em;
    min-height:13px;
    height:auto;
    cursor:pointer;
}
.topicContent{
    width:96%;
    display:block;
    border-top:1px solid #ededed;    
    margin-top:1px;
    padding:7px 6px 15px 6px;
    font-size:0.95em;
    min-height:13px;
    height:auto;    
    display:none;
}

.chatTopic:hover, .chatTopic:active{
    background-color:#f6f1c4;
}
.blueContent_Contact{
        background-color: #fbfbfb;
        border-radius: 5px;
        border:1px solid #cecdcd;
        padding:5px 7px;
        padding-right: 100px;
        position:relative;
        display:inline-block;
        margin-bottom:5px;
        margin-left: 25px;
        min-height: 57px;
}
.blueContent_generic{
        background-color: #fbfbfb;
        border-radius: 5px;
        border:1px solid #cecdcd;
        padding:5px 7px;
        width: 208px;
        max-width:210px;
        padding-right: 98px;
        position:relative;
        display:inline-block;
        margin-bottom:5px;
        min-height: 57px;
}
.greenContent_generic {
        background-color: #e0f7f4;
        border-radius: 5px;
        border:1px solid #cecdcd;
        padding:5px 7px;
        padding-right: 100px;
        position:relative;
        display:inline-block;
        width:208px;
        max-width:202px;
        margin-bottom:5px;
        min-height: 57px;
}
.greenContent_Contact{
        background-color: #e0f7f4;
        border-radius: 5px;
        border:1px solid #cecdcd;
        padding:5px 7px;
        padding-right: 100px;
        position:relative;
        display:inline-block;
        width:208px;
        margin-bottom:5px;
        margin-left: 25px;
        min-height: 57px;
}


.blueContent_Contact .punta, .blueContent_generic .punta {
        position: absolute;
        background-image: url("../images/windows/speech/blue/punta.png");
        width:12px;
        height:12px;            
        top:9px;        
        left:-7px;
}
.blueContent_Contact .translatorSpeech, .greenContent_Contact .translatorSpeech{   
        background-position: right top;
        background-repeat: no-repeat;
        padding-left: 1px;
        position: absolute;
        right: 9% !important;
        width:51px;
        height:36px;            
        top:7px;        
        right: 0px;
}
.blueContent_generic .translatorSpeech, .greenContent_generic .translatorSpeech{   
        background-position: right top;
        background-repeat: no-repeat;
        padding-left: 1px;
        position: absolute;
        left: 213px;
        width:51px;
        height:36px;            
        top:7px;        
        right: 0px;
}
.greenContent_Contact .punta {
        position: absolute;
        background-image: url("../images/windows/speech/green/punta.png");
        width:12px;
        height:12px;            
        top:9px;        
        right:-7px;
}
.greenContent_generic .punta {
        position: absolute;
        background-image: url("../images/windows/speech/green/punta.png");
        width:12px;
        height:12px;            
        top:9px;        
        right:-7px;
}
.speech{
        display:block;           
        width:100%;
}
    

.chatCommentDisabled{
    opacity:0.2;    
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    /* Older than Firefox 0.9 */
    -moz-opacity:0.2;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.2;
}
.blueTitle{
    float:left;         
    color:#396486;
    width:160px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    height:15px;
}
.greyTitle{
    float:left;         
    color:#767676;  
}
.greyDate{
                
    color:#9ea4a0;  
    font-size:0.8em;
    padding:2px 0 0 0px;
}

.tSpeechTop{
    cursor: pointer;
    float:left;         
    color:#9ea4a0;  
    font-size:0.8em;
    padding:0px 0 0 0px;
    /*background-image: url("../images/windows/translatorspeech.png");*/
            width:98px;
        height:28px;
        top:9px;
}
.langLeftSpeech{
    cursor: pointer;
    float:left;         
    color:#9ea4a0;  
    font-size:0.8em;
    padding:0px 0 0 0px;
    /*background-image: url("../images/language/es.png");*/
    background-repeat: no-repeat;
    background-position: center;
            width:50px;
        height:26px;
        
}
.langRightSpeech{
    cursor: pointer;
    float:left;         
    color:#9ea4a0;  
    font-size:0.8em;
    padding:0px 0 0 0px;
    /*background-image: url("../images/language/en.png");*/
    background-repeat: no-repeat;
    background-position: center;
            width:40px;
        height:26px;
       
}
.tSpeechBottom{
    cursor: pointer;
    float:left;         
    color:#9ea4a0;  
    font-size:0.8em;
    padding:2px 0 0 0px;
    /*background-image: url("../images/windows/translator.png");*/
            width:90px;
        height:26px;
        margin-top: 0px;
}

/*MENU TRANSLATOR*/

ul#menu-translator ul {
display: none;
position: relative;
top: 24;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}

ul#menu-translator ul li {
display: block !important;
}

ul#menu-translator li:hover ul{
display: none;
}

ul#menu-translator li:hover ul{
display: block;
}

.blackText2{
    float:left;         
    color:#000;
    width:100%;
}
.chatAreaContent{
    width:330px;
    height:111px;
    background:#f3f3f3;
    border:1px solid #cacaca;
    float:left;
    margin-top:2px; 
    font-size:0.95em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:6px;       
}

.dialogAreaContent_Contact {
    background: none repeat scroll 0 0 #F3F3F3;
    border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: left;
    font-size: 0.95em;
    height: 93px;
    margin-top: 2px;
    padding: 4px 6px 6px;
    width: 579px;
}

.extraText{
    float:right;
}
.dialogAreaContent_generic {
    width:330px;
    height:84px;
    background:#f3f3f3;
    border:1px solid #cacaca;
    float:left;
    margin-top:2px; 
    font-size:0.95em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:4px 6px 6px 6px; 
}

.dialogAreaContentIncidence_Contact{
    width:228px;
    height: 81px;
    margin-left:0px;
    margin-top:-159px;
    background:#f3f3f3;
    border:1px solid #cacaca;
    float:left;
    font-size:0.95em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:4px 6px 6px 6px;       
}
.dialogAreaContentIncidence_generic{
    width:237px;
    height:168px;
    margin-left:1px;
    margin-top:-127px;
    background:#f3f3f3;
    border:1px solid #cacaca;
    float:left;
    font-size:0.9em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:4px 6px 6px 6px;       
}
.chatDisabled{
    opacity:0.4;    
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* Older than Firefox 0.9 */
    -moz-opacity:0.4;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.4; 
}
.dialogAreaContent_Contact .textArea298{
    width:565px;
    display:block;
    color:#767676;  
    padding:5px;
    margin-top:4px;
    font-size:1.0em;
    border:1px solid #cfd5e1;
    margin-bottom:4px;
    height:35px;    
}
.dialogAreaContent_generic .textArea298{
    width:319px;
    display:block;
    color:#767676;  
    padding:5px;
    margin-top:4px;
    font-size:1.1em;
    border:1px solid #cfd5e1;
    margin-bottom:4px;
    height:26px;    
}
.dialogAreaContentIncidence_Contact .textArea298{
    width:216px;
    display:block;
    color:#767676;  
    padding:5px;
    margin-top:4px;
    font-size:1.1em;
    border:1px solid #cfd5e1;
    margin-bottom:4px;
    height:100px;    
}
.dialogAreaContentIncidence_generic .textArea298{
    width:225px;
    display:block;
    color:#767676;  
    padding:5px;
    margin-top:4px;
    font-size:1em;
    border:1px solid #cfd5e1;
    margin-bottom:4px;
    height:82px;    
}
#postCommentButton{
    display:block;  
}
.msg_readed{
    background-image:url(../images/windows/msg_readed.png);
    width:24px;
    height:16px;
    display:inline;
    float:left;
    margin:1px 3px 0 0;
}
.msg_mine{
    background-image:url(../images/windows/msg_mine.png);
    width:24px;
    height:16px;
    display:inline;
    float:left;
    margin:1px 3px 0 0;
}
.msg_new{
    background-image:url(../images/windows/msg_new.png);
    width:24px;
    height:16px;
    display:inline;
    float:left;
    margin:1px 3px 0 0;
}
.msg_responded{
    background-image:url(../images/windows/msg_responded.png);
    width:24px;
    height:16px;
    display:inline;
    float:left;
    margin:1px 3px 0 0;
}
.msg_newTab {
    background-image: url("../images/windows/newMessage.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: red;
    display: inline;
    font-size: 0.8em;
    padding: 4px 9px 2px 32px;
    width: 8px;
}
.empty{ 
    height:17px;
    width:23px; 
    float:left; 
    margin-right:4px;
 }
.delQuestion{
    background-image:url(../images/windows/delQuestion.png);
    background-repeat:no-repeat;
    background-position: left top;  
    height:17px;
    width:23px; 
    cursor:pointer;
    margin-left:0px;
    float:left;
    margin-right:4px;
 }
 
/* annotations */
.newValueLine{
    clear: both;
    display:block;
}

/* window new */
.wn_totalContent{
    width:100%;
}
.wn_leftContent{
    width:45px;
    height:200px;
    float:left;
    display:inline;
}
.wn_rightContent{
    width:485px;
    height:auto;    
    float:left;
    display:inline;
    /*border:1px solid #d4d4d4;*/
    padding-bottom: 15px;
    /*padding-left: 10px;*/
    
}   
.wn_rightNotes{
    width:550px;
    height:auto;    
    float:left;
    display:inline; 
    /*background-color:#BDC8D0;   */
}
.newLong{
    width:460px;
}
.newLongSelect{
    width:446px;
}
.newLongProblem{
    width:227px;
    display:inline;
}
.newLongProblem2{
    width:285px;
    display:inline;
}
.newLongArea{
    width:460px;
}
.wn_rightContent .wContent{
    padding:10px 0 0 0; 
    height:33px;
}
.wn_rightContentProblem .wContent{
    padding:10px 0 0 0; 
    height:33px;
}
.wn_rightContent .vTall{
    height:73px;
}
.wn_rightContent .tall{
    height:64px;
}


.newTitle, .newTitleP, .newTitlePr, .newTitlePt, .newTitleTask, .newTitleS{
    color:#cbced2;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size:1.7em;
    font-weight:bold;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -o-transform:rotate(-90deg);
/*    width:55px;
    height:45px;*/
    font-variant:small-caps;
    white-space:nowrap;
    display:block;
}
.newTitleTask{margin-top:60px;}
.newTitlePr{margin-top:160px;}
.newTitleS{margin-top:82px;}
.newTitleP{margin-top:100px;}
.newTitlePt{margin-top:200px;}
/*.newTitle{margin-top:140px;}*/
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
     .newTitle, .newTitleP, .newTitlePr, .newTitleTask, .newTitleS{
        margin-left:-11px;
        width:186px;
        height:152px;
    }
    .newTitleP{margin-left:-4px;}
 } 
 .addBtn, .addBtnNoImg{
    background: url(../images/windows/add.png);
    background-position:8px center;
    background-repeat:no-repeat;    
    border:1px solid #476889; 
    height:24px; 
    color:#476889;
    background-color: #e2e5ea;
    padding:1px 7px 3px 27px;
    cursor:pointer;
    float:right; 
    margin: 5px 13px 0 0;
 } 
 .addBtn:hover{
    color:#29445a;
    padding:2px 6px 2px 28px;
 }
 .addBtnNoImg{
    background:none;
    display:inline;
    background-color: #e2e5ea;
    padding:1px 7px 3px 7px;
 }
 .addBtnNoImg:hover{
    color:#29445a;
    padding:2px 6px 2px 8px;
 }
.orange{
    color:#f8a926;
    font-size:18px;
}
.wContentLeft{
    float:left;
    display:inline;
    padding-top:21px;
    padding-left: 10px;
    padding-right: 185px;
    color:#a8a3a3;
}
.wn_rightContent .wContentBButtons{
    width:41%;
    display:block;
    float:right;
    padding:12px 10px;
}
.wn_rightContent .wContentBButtonsProblem{
    width:100%;
    display:inline;
    float:right;
}
.wContentLineProblem, .wContentLineProblem2{
    width:100%;
    display:inline;
    float:right;
}
.wn_rightContent .wContentLineProblem .wContent, .wn_rightContent .wContentLineProblem2 .wContent{
    display:inline;
}
.wContentLineProblem2{
    padding-top:5px;
}

.inputTT .input60{width:60px; text-align:center;}
.problemLink, .problemTypeLink, .procedureLink, .taskLink, .symptomLink{text-decoration:underline;cursor:pointer; -moz-text-decoration-style:dotted;}
.problemLink:hover, problemTypeLink:hover, .procedureLink:hover, .taskLink:hover, .symptomLink:hover{text-decoration:underline; -moz-text-decoration-style:solid;}

.ui-jqgrid .ui-jqgrid-hdiv {
    background-color:#FFF;
}

.ui-jqgrid tr.ui-row-ltr td {
    white-space: nowrap !important;
}
/* contact */
#topWindowMenu .claim{
    background-image:url(../images/contact/claim.png);
    background-repeat:no-repeat;
    background-position:4px 0px;
    padding:0.3em 1.3em 0 3.3em;
    margin-left:6px;
    margin-top: 5px;
    font-size:0.8em;
}
#topWindowMenu .query{
    background-image:url(../images/contact/query.png);
    background-repeat:no-repeat;
    background-position:4px 1px;
    padding:0.3em 1.3em 0 3.3em;
    margin-left:6px;
    font-size:0.8em;
}
#topWindowMenu .order{
    background-image:url(../images/contact/order.png);
    background-repeat:no-repeat;
    background-position:4px 0px;
    padding:0.3em 1.3em 0 3.3em;
    margin-left:6px;
    margin-top: 5px;
    font-size:0.8em;
}

#topWindowMenu .order{
    background-image:url(../images/contact/order.png);
    background-repeat:no-repeat;
    background-position:4px 0px;
    padding:0.3em 1.3em 0 3.3em;
    margin-left:6px;
    margin-top: 5px;
    font-size:0.8em;
}
#topWindowMenu .searchNew{  
    background-image:url(../images/windows/glass.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding:0.3em 0.6em 0 2em;
    margin-left:11px;
    font-size:0.8em;
}

#topWindowMenu .replan{ 
    background-image:url(../images/windows/replan.png);
    background-repeat:no-repeat;
    background-position:left center;
    padding:0.3em 1.3em 0 2.5em;
    margin-left:11px;
    font-size:0.8em;
}

#topWindowMenu .save, #topWindowMenu .print {
    font-size:0.8em;
}
#topWindowMenu .saveNoText {
    font-size:0.8em;
    padding:0.3em 0.8em 0 11px;
    margin-left:6px;
}
#topWindowMenu .printNoText {
    font-size:0.8em;
    padding:0.3em 0.8em 0 13px;
    margin-left:5px;
}
.newClaimTitle, .newQuestTitle, .newServTitle, .queryDetailType, .claimDetailType, .changeDetailType, .serviceDetailType, .simDetailType, .orderDetailType, .newProblemTitle{
    background-image:url(../images/contact/newClaim_en.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:20px;
    height:300px;
    float:left;
    display:inline;
    margin-left:9px;
 }
.newQuestTitle{
    background-image:url(../images/contact/newQuestion.png);
    }
.newServTitle{
    background-image:url(../images/contact/newServM2M_en.png);
    height:360px;
    }
.claimDetailType{
    background-image:url(../images/contact/claimDetailType_en.png);
    height:367px;
 }
.queryDetailType{
    background-image:url(../images/contact/queryDetailType_en.png);
    height:367px;
 }
.workOrderDetailType{
    background-image:url(../images/contact/WorkOrderDetailType_en.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:16px;
    height:300px;
    float:left;
    display:inline;
    margin-left:8px;
 }
.changeDetailType{
    background-image:url(../images/contact/changeDetailType_en.png);
    height:360px;
 }
 .serviceDetailType{
    background-image:url(../images/contact/serviceDetailType_en.png);
    height:360px;
 }
 .simDetailType{
    background-image:url(../images/contact/simDetailType_en.png);
    height:360px;
 }
 .orderDetailType{
    background-image:url(../images/contact/orderDetailType_en.png);
    height:360px;
 }
 .newProblemTitle{
    background-image:url(../images/contact/newProblemTitle_en.png);
 }
 .contactContentAll{
    width:998px;
    height:370px;
    display:block; 
    padding-top:10px;
 }
 .documentContentAll{
    width:92%;
    height:245px;
    display:block; 
    padding-top:20px;
    padding-left:20px;
    padding-bottom:20px;
    padding-right:20px;
    background-color:#ebebeb;
    border:1px solid #d4d4d4;
    margin-left: 4px;
    margin-bottom: 4px;
 }
 .newContactBg, .contactDetailRight{
    width:928px;

    height:386px;
    margin-left:10px;

    background-color:#ebebeb;
    border:1px solid #d4d4d4;
    padding:10px;
    float:left;
    display:inline;
 }
 .contactDetailRight{
    background-color:transparent;
    width:630px;
    height: 409px;
 }
.contactDetailRightWO{
    background-color:transparent;
    width:690px;
    height: 345px;
}
.workOrderDetailRight {
    width:690px;
    height: 409px;
    margin-left:10px;
    border:1px solid #d4d4d4;
    padding:10px;
    float:left;
    display:inline;
}
 .newContactBg{
    height:390px;
 }
 


.ticketParamCont {
    border: 1px solid #D4D4D4;
    display: block;
    float: left;
    height: 243px;
    margin-top: 0;
    overflow-y: auto;
    width: 594px;
}

.detailRBL {
    border: 1px solid #D4D4D4;
    display: inline;
    float: left;
    height: 284px;
    margin-top: 0;
    overflow-y: auto;
    width: 327px;
}

.detailWORBL {
    display: inline;
    float: left;
    height: 313px;
    margin-top: 0;
    overflow-y: auto;
    width: 693px;
}

.detailRBLDocum {
    border: 1px solid #D4D4D4;
    display: inline;
    float: left;
    height: 193px;
    margin-top: 0;
    overflow-y: auto;
    width: 563px;
    margin-top: 15px;
}
 .detailRBR{
    float:left;     
    width:99%;
    display:inline;
/*    margin-left:10px;*/
 }
.bottomBottom {
    display: block;
    height: 270px;
    margin-left: -1px;
    margin-top: 12px;
}
 .newOrderBg{
    width:911px;
    height:259px;
    margin-left:10px;   
    padding:10px 0px 0 0;
    float:left;     
 }
 .inputTTS .input203{width:203px;}
 .inputTTS .input750{width:730px;height:35px;overflow-y:auto;margin-top:3px;background-color:#ebebeb;resize: none;padding-left: 10px; font-size: 1.0em;}
 .inputTTS .input751{width:924px;height:50px; margin-top: 7px;}
 .inputTTS .input924{width:924px;height:33px;}
 .inputTTS .input927{width:927px;height:25px;}
 .inputTTS .input924Temp{width:924px;height:221px;}
 .inputTTS .input924Problem{width:924px;height:142px;}
 .inputTTS .inputQuestion{width:924px;height:259px;}
 
.wContentContact, .wContentContactNew, .wContentContactSim{
    display:block;
    height:36px;
    width:100%;
    margin:0px;
    padding-bottom:7px;
}

.wContentIncidence{
    display:block;
    height:45px;
    width:100%;
    margin:0px;
    padding:4px 13px 6px;
}

.wContentContactOriginator{
    display: block;
    float:left;
    height:36px;
    width:327px;
    margin:0px;
    margin-right: 7px;
    padding:7px 0 5px 5px;
    border-top:1px solid #D4DADF;
    border-bottom:1px solid #D4DADF;
    border-left:1px solid #D4DADF;
    border-right:1px solid #D4DADF;
    background-color: #F3F3F3;
    border-radius: 2px;
}
.wContentContactOriginator2{
    display: block;
    float:left;
    height:36px;
    /*width:225px;*/
    margin:0px;
    margin-right: 7px;
    margin-bottom: 2px;
    padding:7px 0 7px 5px;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    border-radius: 2px;
}
.wContentIncidenceOriginator{
    display: block;
    float:left;
    height:36px;
    /*width:322px;*/
    margin:0px;
    margin-right: 7px;
    padding:7px 0 5px 5px;
    border-top:1px solid #D4DADF;
    border-bottom:1px solid #D4DADF;
    border-left:1px solid #D4DADF;
    border-right:1px solid #D4DADF;
    background-color: #F3F3F3;
    border-radius: 2px;
}
.wContentIncidenceOriginator2{
    display: block;
    float:left;
    height:36px;
    width:316px;
    margin:0px;
    margin-right: 7px;
    margin-bottom: 2px;
    padding:7px 0 7px 0px;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    border-radius: 2px;
}
.wContentContactOriginator .inputTTS .input150User{
    background-color: #5F84A1;
    color: white;
    font-size: 12px;
    /*font-weight: bold;*/
    width: 150px;
}
.wContentContactOriginator .inputTTS .input150Group{
    color: #396486;
    font-size: 12px;
    /*font-weight: bold;*/
    width: 150px;
}
.wContentIncidenceOriginator .inputTTS .input150UserIncidence{
    background-color: #5F84A1;
    color: white;
    font-size: 12px;
    /*font-weight: bold;*/
    width: 150px;
}

.wContentIncidenceOriginator .inputTTS .input150GroupIncidence{
    color: #396486;
    /*font-weight: bold;*/
    width: 150px;
}
.wContent .inputTTS .input82Incidence{
    width: 82px;
}
.wContent .inputTT .input116Incidence{
    width: 116px;
}


.wContentContactGroup .inputTTS .input165{
    color: white;
    font-weight: bold;
    border-color: white;

}

.wContentContactNew{
    border-top:1px solid #c4c8cd;
    border-bottom:1px solid #c4c8cd;
    padding:5px 0 8px 0;
    margin:5px 0 6px 0;
}
.wContentContact label, .wContentContactNew label, .wContentContactSim label{ 
    display:block; 
    padding-bottom:0px;
    color:#476883;
    font-size:1.0em;
    font-variant: small-caps;
}

.areaCommentContent label{ 
    display:block; 
    padding-bottom:0px;
    color:#476883;
    margin-top:7px;
    font-variant: small-caps;
}
.orangeInv{
    color:#f46d09;
    font-size:12px;
    padding-left:3px;
}

 .labelBlock, .labelBlockCode{
    display:block;
    margin-bottom:-14px;    
    padding-bottom:0px;
    color:#7a808c;
    font-size:12px;
}
.labelBlockCodeToolTip{
    display:block;
    margin-bottom:-14px;    
    padding-bottom:0px;
    color:#7a808c;
    font-size:14px;
}
.textToolTip {
    min-height: 25px;
    background-color:#EBEBEB;
    border: 1px solid #cfd5e1;
    padding: 5px;
    overflow: hidden;
    font-size: 11px !important;
    white-space: pre-wrap;
    word-wrap: break-word;

}
.labelBlockCode{    
    margin-bottom:1px;      
}
.labelBlockCodeWhite{
    display:block;
    margin-bottom:1px;  
    padding-bottom:0px;
    color:#FFF;
    font-size:0.9em;
}
.inputLg{width:75px;padding-top:1px;}
.inputTTS{  float:left; margin-right:7px; padding:0; display:inline;} 
.inputTTS select{height:21px;padding:0 0 0 0px; font-size: 12px; color:#396486;}
.inputTTS select:disabled{background-color: #EBEBEB; height:20px;padding:0 0 0 0px; font-size: 12px;color:#396486;}
.inputTTS input{height:20px;padding:0 0 0 2px;  font-size: 12px; color:#396486;}
.inputST{   float:left; margin-right:2px; padding:0; display:inline;}

.inputST .input20{width:20px;}
.inputTTS .input84{width:84px;margin-right:-17px;}
.inputTTS .input29{width:29px;}
.inputTTS .input40{width:40px;}
.inputTTS .input43{width:94px;}
.inputTTS .input51{width:51px;}
.inputTTS .input54{width:54px;}
.inputTTS .input55{width:91px;}
.inputTTS .input70{width:70px;}
.inputTTS .input65{width:65px;}
.inputTTS .input56{width:115px; margin-right:5px}
.inputTTS .input75{width:81px;}
.inputTTS .input76{width:76px;}
.inputTTS .input91{width:78px;margin-bottom:11px;}
.inputTTS .input92{width:92px;}
.inputTTS .input85{width:85px;}
.inputTTS .input89{width:89px;}
.inputTTS .input92Sim{width:92px; margin-bottom:14px;}
.inputTTS .input95{width:95px;}
.inputTTS .input87{width:87px;}
.inputTTS .input100{width:100px;}
.inputTTS .input105{width:105px;}
.inputTTS .input111{width:110px;margin-bottom:11px;}
.inputTTS .input111Tall{width:111px;margin-top:15px;}
.inputTTS .input115{width:115px;}
.inputTTS .input119{width:120px;}
.inputTTS .input122{width:122px;}
.inputTTS .input128{width:128px;}
.inputTTS .input135{width:135px;}
.inputTTS .input145{width:145px;}
.inputTTS .input155{width:155px;}
.inputTTS .input160{width:160px;}
.inputTTS .input165{width:165px;}
.inputTTS .input175{width:175px;}
.inputTTS .input189{width:189px;}
.inputTTS .input200{width:200px;}
.inputTTS .input210{width:210px;}
.inputTTS .input220{width:220px;}
.inputTTS .input224{width:224px;}
.inputTTS .input238{width:238px;}
.inputTTS .input285{width:285px;}
.inputTTS .input286{width:286px;}
.inputTTS .input300{width:300px;}
.inputTTS .input329{width:329px;}
.inputTTS .input338{width:338px;}
.inputTTS .input356{width:356px;}
.inputTTS .input385{width:385px; height:18px; margin-top:1px;}
.inputTTS .input390{width:390px;}
.inputTTS .input425{width:425px;}


.annotationExtraDataCont {
    float: right;
    font-size: 0.8em !important;
    margin: 2px 5px 0 0;
}

.noteTab {
    margin: 9px 9px 0 0 !important;
}

.annotationValueHist {
    font-weight: normal;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 340px;
}

.modifiedInfoHist {
    font-weight: normal;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 340px;
    color: #396486;
}
.annotationExtraDataContactCont {
    float: right;
    margin: 22px 0 0 0;
    font-size: 0.9m;
}
.annotationExtraDataInCont {
    float: right;
    margin: 9px 0 0 0;
    font-size: 0.8em;
}

.annotationWoInCont{
    float: right;
    font-size: 0.8em;
    margin: 3px 8px 0 0;
}
.wContentWorkOrderArea {
    border-color: #879CB7;
    border-style: solid;
    border-width: 1px;
    background-color: #EBEBEB;
    height: 82px;
    width: 428px;
    margin-top: 30px;
}
.inputWoDateLabel{
    margin-left: 48px;
    margin-top: 16px;
}

.inputWoDate{
    margin-left: 48px;
}

.contSelectContactBar{
    width:410px; 
    height:17px;
    background-color:#d8dadd;
    color: #161951;
    font-variant:small-caps;
    font:Arial;
    padding:2px 0 2px 4px;
    border-top:1px solid #879cb7;
    border-left:1px solid #879cb7;
    border-right:1px solid #879cb7;
    font-size:1.0em;
}

.ui-datepicker {
    z-index:9000 !important;
    border-color: #879CB7;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 0 7px #526E90;
    }
.ui-datepicker-div {
    z-index:9000 !important;
    }
.subTitleContact, .subTitleContactIn, .subTitleAttach, .subTitleAttachIn, .subTitleNotesProblem, .subTitleAttachProblem, .subTitleNewProblem{
    color:#476883;
    font:Arial;
    font-variant:small-caps;
    
}

.subTitleNewProblem, .subTitleAttachProblemNew{
    font-variant:normal;
    color:#7A808C;
}
.subTitleAttachProblem{
    padding-top:68px;
}
.subTitleContactIn{
    margin-top:15px;
}
.subTitleAttach, .subTitleAttachProblemNew{
    margin-top:-17px;
    margin-left:475px;
}
.subTitleAttachIn{
    margin-left:461px;
    margin-top:-17px;
}
.subTitleInline{
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    height:12px;
    float:left;
    display:inline;
    margin-right:20px;
    font-weight:bold;
}
.leftContactDescript{
        width: 446px;           
        float:left;
    }
.centerContactDescript{
    display:inline;
    float:left;
    width: 65px;    
    padding-top:26px;
}
.centerContactDescriptVideo{
    display:inline;
    float:left;
    width: 65px;    
    padding-top:29px;
}
.rightContactDescript{      
        width: 355px;       
        float:left;
    }
#box1ContactGroup select, #box2ContactGroup select {
    height:52px;
    width:416px;
    margin-bottom: 27px;
    overflow-y: auto;
    }
#box1ContactGroupVideo select, #box2ContactGroupVideo select {
    height:60px;
    width:416px;
    margin-bottom: 27px;
}
.smallContactButton, .smallContactButtonL{  
    background-image:url(../images/contact/arrowR.png);
    background-repeat:no-repeat;
    background-position: 11px 4px;  
    height:20px;
    border:none;
    cursor:pointer;
    width:30px;
    background-color:#376080;
    display:block;
    margin-bottom:10px;
}
.smallContactButtonL{   
    background-image:url(../images/contact/arrowL.png);
    }
.areaContactContent, .areaContactContentQuery, .areaOrder, .areaContactContentInt, .areaContactContentTemp, .areaNewProbemTemp{
    width:100%; 
    margin-top:-23px;
    padding:0px 0 23px 0; 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
}
.areaContactContentNotes{
    width:100%; 
    margin-top:-23px;
    padding:0px 0 0px 0; 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
}
.areaContactContentWO{
    width:100%;
    padding:0px 0 26px 0; 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
    margin-top: 21px;
}

.areaContactContentTemp{
    margin-top:0px;
}
.areaContactContentUDo{
    width:100%; 
    /*margin-top:-23px;*/
    padding:0px 0 30px 0; 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
}
.areaContactContentVideo{
    width:100%; 
    margin-top:-28px;
    padding:0px 0 22px 0; 
    float:left;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #535659;
}
.areaNewProbemTemp{
    margin-top:5px;
}
.areaContactContentInt{
    margin-top:0px;
}
.areaAddData, .areaAddDataIn, .areaAttachments, .areaAttachmentsProblem, .areaAttachmentsIn, .areaAddNewProblem, .areaAddDataProblem{
    width:452px;
    height:40px;
    overflow:auto;
    border:1px solid #879cb7;
    padding:0px;
    float:left;
}
.areaAddDataProblem, .areaAttachmentsProblem{
    height:70px;
}
.areaAddNewProblem{
    padding-left: 10px;
    width:455px;
    height:83px;
}
.areaAddDataIn, .areaAttachmentsIn{
    width:438px;
    height:64px;
    }
.areaAttachments, .areaAttachmentsIn, .areaAttachmentsProblem{
    margin-left:20px;
    
}
.areaContactContentQuery{
    margin-top:0px;
}
.areaOrder{
    margin-top:10px;
    height:310px;
    border:1px solid #879CB7;
}
.buttonContactContent{   
    padding:0px 0 29px 0; 
    float:right;
    margin-top:-52px;
}
.buttonContactRight{
    margin-right:0px;
}

.buttonContactRightInt{
    margin-right:3px;
    margin-top:-1px;
}
.btnContentDownNew, .btnContentDownDetail,  .btnContentDownWoDetail{
    clear:both;
    display:right;
    width:987px;    
    margin:0;   
    padding-top:7px;
    display:block;
}
.btnContentDownDetail{  
    width:681px;
}
.btnContentDownWoDetail{  
    width:736px;
}
.selectorContent{
    margin-top:0px;
}
.modalNote{
    position:absolute;
    top:-5px;
    left:0px;
    width:99%;      
    float:left;
    height:99%; 
    float:left;
    background:#bdc8d0;
    padding:18px;
    padding-bottom: 8px;
    padding-top: 0px;
    overflow:hidden;
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
     .modalNote{
        width:98%;
    }
 }
 .inputTemp{ 
    width: 99%;
    font-size: 1.0em;
 }
 
.inputTempNotes{
    height: 70px;
    width:566px;
 }
 .contactData{
    width:583px;
    margin-top: 0px;
 }
/* ------------------------ */
/* info window */
#AcceptInfoObj, .AcceptInfoObj, .CancelInfoObj{
    float:right; 
    margin: 0 11px 0 25px;
    padding:1px 11px 3px 11px;
}
.CancelInfoObj{
    margin: 0 11px 0 25px;
}
/* ----------------- select language ----------------- */
#iconselect {
/*	background-image: url("../images/languages.png");
	background-position: 0 0;
	background-repeat: no-repeat;*/
	height: 28px;
/*	margin-bottom: -0.25em;
	margin-left: 0.3em;
	margin-right: 0.3em;*/
	margin-top: 0;
	width: 64px;
	box-shadow: 0px 1px 3px #83d1fd;
}
#en_UK {
    background-position: -48px 0;
    height: 28px;
    width: 48px;
    border-bottom: solid 1px #ddd;
}
#en_UK:hover {
    background-image: url("../images/language/languageBack.png");
    background-position: right top;
    background-repeat: no-repeat;
    height: 28px;
    width: 48px;
    border-bottom: solid 1px #ddd;
}
#es_ES {
    background-position: -96px 0 !important;
    height: 28px;
    width: 48px;
    border-bottom: solid 1px #ddd;
}
#es_ES:hover {
    /* background-image: url("../images/language/esHover.png"); */
    background-position: right top;
    background-repeat: no-repeat;
    height: 28px;
    width: 48px;
    border-bottom: solid 1px #ddd;
}
#pt_BR {
    background-position: 0 0;
    height: 28px;
    width: 48px;
/*    border-bottom: solid 1px #ddd;*/
}
#pt_BR:hover {
    background-position: 0 -28px;
    height: 28px;
    width: 48px;
/*    border-bottom: solid 1px #ddd;*/
}

#iconselect span{
    margin-left:11px;   
}
#iconselect img{
    vertical-align: middle;
}
.selectitems {
    /*width:96px;*/
/*    height:28px;
    border-bottom: dashed 1px #ddd;*/
  /*  padding-left:30px;*/
  /*  padding-top:5px;*/
    border-color: #fff;   
}
.selectitems:last-child {
    border-width: 0px;   
}
.selectitems img{
    vertical-align: middle;
}
.selectitems span {
    margin: 5px;
}
#iconselectholder {
    /*width: 108px;*/
    overflow: hidden;
    display:none;
    position:absolute;
    background-color:#3B7296;
    margin-top: 0px;
    margin-left: 0px;
    color:#FFF;
/*    padding-top:4px;*/
    z-index:1050;
    position:absolute;
    border: 1px solid #126F92;
    border-radius: 2px;
    box-shadow: 0 2px 5px #526E90;    
}

.hoverclass{
    background-color:#48BAF0;
    cursor:pointer;
}
.selectedclass{
    background-color:#95BDD7;
  /*  width:96px;*/
}
.languageContent{
    margin-top: 0px;
}


/* ----------------- search section ----------------- */
#searchTab a{cursor:pointer}

.searchBg{
    width:100%;
    background-color:#FFF;  
    z-index:933;
    position:absolute;
    left:0;
    top:67px;
}
/* ------------------------------------------------------------- */

.searchBack{
    height:21px;    
    color:#7a808c; 
    width:462px;
    float:left;
    display:inline;
    padding:10px;
}
.searchBar {
    width: 100%;
}
.searchText{
    float:left;
    color:#7a808c;
    padding: 4px 2px 0 0;
    display:none;   
}
.searchInputClass2{
    font-weight:normal;
    color: #535659;
    margin-right:10px;
    padding-left:4px;    
    float:left;
    width:280px;
}
.searchInput{
    width:379px;
    height:25px;
    position:absolute;
    margin:auto;
    left:300px;
    top:150px;  
}
.searchAll{
    border:1px solid #879cb7;
    border-left:1px dotted #879cb7;
    width:113px;
    background-color:#FFF;
    color:#7a808c;
    float:left;
    height:20px;
    padding:7px 0 0 7px;
    margin-left:-5px;
    cursor:pointer;
    font-size:1.1em;
    position:absolute;
    left:689px;
    top:150px;
}

.searchGlassBig{
    background-image:url(../images/inventory/glassBig.png);
    background-repeat:no-repeat;
    background-position:left top;
    width:29px;
    height:29px;
    float:left;
    display:inline;
    margin-left:-1px;
    cursor:pointer;
    position:absolute;
    left:806px;
    top:150px;
}
.searchAlertPagination{
    color: #7A808C;
    width: 600px;
    height: 29px;
    float: right;
    display:none;
    margin-left: 25px;
    cursor: pointer;
    position: absolute;
    left: 151px;
    top: 70px;
    font-size: 0.95em;
}

.searchDespBg{
    border:1px solid #879cb7;
    background-color:#FFF;
    width:138px;
    padding:5px;
    position:absolute;
    left:684px;
    top:178px;
    z-index:998 !important;
    color:#7a808c;
    display:none;   
}

.searchDespBg ul{
    list-style:none;
    margin-left:-33px;
    margin-top:4px;
}
.searchDespBg ul li{
    color:#7a808c;
    padding-bottom:5px;
}
.textLi{
    padding-left:3px;
}
.searchDespBg ul li input{
    vertical-align:-3px;
}
.searchEngine{
    background-image:url(../images/inventory/searchEngine.png);
    background-repeat:no-repeat;
    background-position:left top;
    width:404px;
    height:91px;
    float:left;
    display:inline;
    margin-left:-1px;
    /*cursor:pointer;*/
    position:absolute;
    left:430px;
    top:44px;
}
.x{
    background-image:url(../images/inventory/x.png);
    background-repeat:no-repeat;
    background-position:left top;
    width:14px;
    height:14px;
    position:absolute;
    left:127px;
    top:7px;
    cursor:pointer;
    z-index:999 !important;
}
.arrowGDown, .arrowGUp{
    background-image:url(../images/inventory/arrowGDown.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:7px;
    height:4px; 
    display:inline; 
    float:right;
    margin:6px 7px 0 0;
}
.mediumBg{
    position:absolute;
    top:50%;
    bottom:50%;
    left:50%;
    right:50%;
    margin-left:-566px;
    margin-top:-120px;
}
.displayResults{
    position:absolute;
    left:150px;
    top:56px;
    max-width:750px;
    overflow:hidden;
    display:none;
}
.resultTitle{
    font-size:1.3em;
    cursor:pointer;
    text-decoration:underline;
    display:block;
    color:#1122CC;
    padding-top:24px;
}
.resultTitle a:active{
    color: #D14836;
}
.resultTitle a:visited, .resultTitle a:link{
    color: #D14836;
}
.resultType{
    font-size:1.1em;
    color:#009933;
    padding-top:3px;
}
.resultTypeBlack{
    color:#009933;
    padding-top:3px;
    font-weight:bold;
    padding-right:10px;
}
.resultTypeRed{
    color:#FF0000;
    padding-top:3px;
    font-weight:bold;
    padding-right:10px;
}
.resultDetail{
    font-size:1.1em;
    color:#000;
    padding-right:30px;
    height:18px;
    overflow:hidden;
}
.resultDetailBlack{
    font-weight:bold;
    padding-right:10px;
    color:#000;   
}
.closeSearch{
    background-image:url(../images/inventory/closeSearch.png);
    background-repeat:no-repeat;
    background-position:top center;
    width:43px;
    height:43px;     
    float:right;
    cursor:pointer;
    margin:30px 30px 0 0;
}

.helpSearch{
    background-image:url(../images/search/helpSearch.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    opacity:0.6;    
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    /* Older than Firefox 0.9 */
    -moz-opacity:0.6;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.6;
    width:30px;
    height:30px;
    bottom: 10px;
/*    float:right;*/
    cursor:pointer;
    margin-left: 376px;
    margin-top: 63px;
}
.helpSearch:hover{
    background-image:url(../images/search/helpSearchHover.png);
    background-repeat:no-repeat;
    background-position:bottom center;
    opacity:1;    
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* Older than Firefox 0.9 */
    -moz-opacity:1;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 1;
    width:30px;
    height:30px;
    bottom: 10px;
/*    float:right;*/
    cursor:pointer;
    margin-left: 376px;
    margin-top: 63px;
}
.rightSearch{
    width:43px;
    height:95%;     
    float:right;
    margin:30px 30px 0 0;
}

/* ************* pagination *********** */
.pagination {
    position:absolute;
    bottom:10px;
    /*padding-left:140px;*/
    display:table;
    left: 280px;
}
.pagination .paginationn{
    width:auto;
    margin:auto;
    display:table;
}        
.pagination a {
    text-decoration: none;    
    color: #7a808c;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor:pointer;
}

.pagination .current {
    background: #7a808c;
    color: #fff;
    border: 1px solid #AAE;
    cursor:default;
}

.pagination .current.prev{
    color:#ff9f00;
    border:none;
    background:#fff;
    background-image:url(../images/search/arrowSearchL.png);
    background-position:left;
    background-repeat:no-repeat;
    width:25px;
    height:20px;  
    padding-left:23px; 
    opacity:0.3;    
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* Older than Firefox 0.9 */
    -moz-opacity:0.3;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.3;
}
.pagination .current.next{
    color:#ff9f00;
    border:none;
    background:#fff;
    background-image:url(../images/search/arrowSearchR.png);
    background-position:right;
    background-repeat:no-repeat;
    width:42px;
    height:20px;  
    padding-left:5px; 
    opacity:0.3;    
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* Older than Firefox 0.9 */
    -moz-opacity:0.3;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.3;
}

.pagination .prev{
    color:#ff9f00;
    background-image:url(../images/search/arrowSearchL.png);
    background-position:left;
    background-repeat:no-repeat;
    width:25px;
    height:20px;  
    padding-left:23px; 
}
.pagination .next{  
    color:#ff9f00;
    background-image:url(../images/search/arrowSearchR.png);
    background-position:right;
    background-repeat:no-repeat;
    width:42px;
    height:20px;  
    padding-left:5px;  
}
.sepLabel{
    padding-top:7px;
}
.dialogAreaContent .extraText{
    display:inline;
    float:right;         
    color:#396486;
    width:230px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    height:15px;
    font-style:italic;
    font-size:0.9em;
    margin-top:1px;
}
.delegateGridImg{
    float: left;
    margin-left: 3px;
    padding-top: 3px;
}
.delegateGridContent{
    float: left;
    padding-top: 5px;
}
.dialogAreaContentIncidence .extraText{
    display:inline;
    float:right;         
    color:#396486;
    width:175px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
    height:15px;
    font-style:italic;
    font-size:0.8em;
    margin-top:1px;
}

.delegated{
        background: none !important;
        background-color: #CDDEEB !important;
        border-top: #126F92 !important;
        border-bottom: #126F92 !important;
}
.delegated:hover{
        background-color: #91A2AF !important;
}
.smallerFont{
    font-size:0.9em;
}
.chatQuestions{
    margin-top:-8px;
    margin-left:-8px;
}
.updateChatButton, .collapseAllChatButton{
    background-image:url(../images/windows/update_chat.png);
    background-position:center;
    background-repeat:no-repeat;    
    border:1px solid #cacaca;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    cursor:pointer;
    height:25px;
    width:51px;
}
.collapseAllChatButton{
    background-image:url(../images/windows/collapseAll_chat.png);
    margin-left:4px;
}
#newTopicButton{
    margin-top:3px;
    }
    
    #CancelMod:active, .CancelMod:active, .CancelModMod:active{   
    padding:2px 10px 2px 12px;
}
#Accept:active, #AcceptMod:active, #AcceptConf:active, .AcceptMod:active, #AcceptInfo:active, .AcceptInfo:active{
    padding:2px 10px 2px 12px;
}
.left{float:left; padding-top:3px; padding-right:5px;}
.loader{
    background-image:url(../images/loader_dialog.gif);
    background-position:center;
    background-repeat:no-repeat; 
    width:395px;
    height:202px;
    position:absolute;
    top:24%;
    left:29.5%;
    display:none;
}
.loaderAttach{
    background-image:url(../images/windows/loader_attach.gif);
    background-position:left;
    background-repeat:no-repeat; 
    width:114px;
    height:19px;
    position:absolute;
    top:16px;
    left:-1px;
    z-index:888;
    display:none;
}
.dwnExcelBtn{
    background: url("../images/windows/dwnExcel.png") no-repeat scroll left center #E2E5EA;
    border: 1px solid #476889;
    color: #476889;
    cursor: pointer;
    float: left;
    height: 21px;
    margin-right: 10px;
    margin-top: 15px;
    padding: 0 6px 1px 17px;
}
.dwnExcelBtn:hover{
    background-position: left center;
    padding: 0 6px 1px 17px;
    background-color: #a7a7bc;
}
.scheduled {
    background-color: #8393AA;
    color: white;
    float: right;
    font-weight: bold;
    height: 17px;
    padding-left: 12px;
    padding-top: 3px;
    width: 85px;
}
.kpiMediumLongInputPType{
    width: 545px;
}

.startDate{
    background-image: url("../images/windows/calendar_dis.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #EBEBEB;
    width: 135px;
}
 .fileDelete{
    background: url(../images/windows/filedetach.png);
    background-position:left center;
    background-repeat:no-repeat;  
    margin-left:15px;
    padding-left:28px;
    padding-top: 5px;
    cursor:pointer;
    display: inline-block;
    height: 25px;
 }
 .hide{
    display:none;
 }
 
 /*SELECT WITH SCROLL STYLE*/
 
 #selectScrollBar-button{
    height: 22px;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 13px;
    border:1px solid #879cb7;
 }
 
 
 
 .ui-selectmenu-status{
    line-height: 15px !important;
    font: 12px 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 12px;
    
    color: #161951;
    font-variant:small-caps;
    background-color: #D8DADD;
 }
 .ui-selectmenu-menu li a {
    
    line-height: 13px;
    display: block;
    padding: .34em 1em .34em 1em;
    outline:none;
    text-decoration:none;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: inherit;
    font-variant:normal;
    color: #535659;
    }
.ui-selectmenu-status:hover {
    color:#FFFFFF;
    background-color: #3399ff;
}
 
 .ui-selectmenu-menu li a:hover {
    color:#FFFFFF;
    background-color: #3399ff;
}
 


/*OPTIONS DESCRIPTION WIZARD BLUEVIA*/
 
.django-template-filler {
    border:1px solid #b1b1b3;
    width: 908px;
    height: 46px;
    overflow-y: auto;
    float: left;
    background-color: #ffffff;
    border:1px solid #879cb7;
    margin-top: 6px;
    padding: 4px;
    padding-left: 12px;
 }
.django-template-filler span  {
    font-size: 12px;    
    font-weight: inherit;
    font-variant:normal;
    color:#3399ff;  
 }
.django-template-filler .context_value   {
    font-size: 12px;    
    font-weight: inherit;
    font-variant:normal;
    color:#3399ff;
    cursor: pointer;
 }

.python-format-string-filler textarea   {
    
    width: 908px;
    height: 40px;
    overflow-y: scroll;
    float: left;
    margin-top: 5px;
    padding: 4px;
    padding-left: 12px;
    font-size: 0.9em;    
    font-weight: inherit;
    font-variant:normal;
    color:#535659;
    resize: none;
}
.newDivContainer {
    padding-left: 47px;
}
.newDivContainer label {
    color:#476883;
}
.labelInline{
    color:#476883;
    font: 'Liberation', Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    height:10px;
    float:left;
    display:inline;
    margin-right:20px;
    margin-top: 20px;
    width: 175px;
    font-weight:bold;
}
*[disabled] {
    overflow-y: auto;
    background-color: #EBEBEB;
    color:black;
    border:1px solid #879cb7;
}
.delayReasonCause{
    color: #396486;
    float: left;
    font-size: 1.0m;
    font-weight: bold;
    padding-right: 0.3em;   
}
.delayCause{
    color: #396486;
    float: left;
    font-size: 1.0m;
    font-weight: bold;
    margin-top: 4px;
    padding-right: 0.3em;
    padding-left: 5px;
}
.delayReasonValue{
    color: #666666;
}
.delayValue {
    /*color: #666666;*/
    white-space: pre-wrap;
    word-wrap: break-word;
   /* max-height: 112px;*/
    padding-top: 4px;
    width: 532px;
    padding-left: 5px;
    font-size: 1em;
}
.fulfilled_items{
    background-image: url(../images/windows/green_list.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    margin-left: -25px;
    font-size: 0.9em;               
    font: 'Liberation', Arial, Helvetica, sans-serif;
    color:#69C224;
    font-style: normal;
}
#violated_items ul{
    list-style:none;
}
.violated_items{
    background-image: url(../images/windows/red_list.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 18px;
    margin-left: -25px;
    cursor: pointer;
    padding-left: 25px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.9em;               
    font: 'Liberation', Arial, Helvetica, sans-serif;
    color:#9B262A;
    font-style: normal;
}
.ui-widget-content_violations, .ui-widget-content_violations:hover{
    background-color: #F0F0F0;
}
.ui-widget-content_violations:hover{
    background-color: #F0F0F0;
    color: #126F92;
}
.menuWindowInv label{
    color: #476883; 
}
.historyDiv {
    background-color: #BDC8D0;
}
select[multiple]{
    background-color: white;
}
#comnment {
    height: 200px;
    width: 925px;
}

