body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  background-color:#FFFFFF;
  margin:0px;
  padding:0px;
}
form{
padding:0px;
margin:0px;
display:inline
}
img{
border:none;
}
td, th {
  font-family: Verdana, sans-serif;
  font-size: 11px
}
input,textarea,option,select {
  font-size: 11px;
  font-family: Arial, sans-serif;
  z-index:0
}
.default_link{
  font-family: Verdana, sans-serif;
  color: #304478;
  text-decoration: none
}
.default_link:hover {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #536FB9;
  text-decoration: none
}

.default_link td a{
  text-decoration: none
}

.default_link:hover td a{
  text-decoration: none
}

.default_linkBold{
  font-family: Verdana, sans-serif;
  color: #304478;
  text-decoration: none;
  font-weight:bold
}
.default_linkBold:hover {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #536FB9;
  text-decoration: none;
  font-weight:bold
}

.default_linkBold td a{
  text-decoration: none
}

.default_linkBold:hover td a{
  text-decoration: none
}

.menu_link{
  font-family: Verdana, sans-serif;
  color: #304478;
  text-decoration: none
}
.menu_link:hover {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #536FB9;
  text-decoration: none
}

.table_link{
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #304478;
  text-decoration: none
}
.table_link:hover {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #536FB9;
  text-decoration: none
}
.white11 {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #FFFFFF
}
.dani{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
.dani:hover{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #DBE7F0;
  text-decoration: none;
}
.dani img, a img{
border:1px none #000000
}
.lightgray11 {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #F0F0F0
}

.black10 {
  font-family: Verdana, sans-serif;
  font-size: 10px
}

.Arial11 {
  font-family: Arial, sans-serif;
  font-size: 11px
}

.Arial12 {
  font-family: Arial, sans-serif;
  font-size: 12px
}

.red11 {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #990000
}
.red{
  color: #FF0000
}

.input200{
  width:200px;
  z-index:1
}

.input150{
  width:120px;
  z-index:1
}

.lightgray10 {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #F0F0F0
}

.darkgray11 {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #999999
}

.table1 {
  padding-right: 4px;
  padding-left: 4px
}

.table15 {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
}

.input500 {
  width:700px;
  z-index:1
}


.input160 {
  width:160px;
  z-index:1
}

.input700 {
  width:400px;
  z-index:1
}

.inputadresse {
  width:498px;
  z-index:1
}

.input100percents {
  width:100%;
  width: expression( this.width > parentNode.width ? "100%" : "98%" ); 
 z-index:1
}

.input35percents{
  width:35%;
  z-index:1
}

.printtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px
}
.inputcomentaire {
  width: 665px;
  z-index:1
}
.black9 {
  font-family: Verdana, sans-serif;
  font-size: 9px
}
.input100 {
  width: 100px;
  z-index:1
}
.input205 {
  width:204px;
  z-index:1
}
.input90 {
  width: 96px;
  z-index:1
}
.border {
  border: 1px #FFFFFF solid
}
.sel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 5px;
    padding-left: 5px;

}
.table{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 5px;
    padding-left: 5px;  margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
INPUT.graf {
    FONT-FAMILY: Courier New, Courier, Tahoma;
    FONT-SIZE: 16px;
    FONT-WEIGHT: normal;
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    BACKGROUND-IMAGE: url(../images/box.gif);
    PADDING-BOTTOM: 2px;
    BORDER: #CED3D9 1px solid;
    PADDING-TOP: 2px;
    LETTER-SPACING: 12px;
}
.cell {
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(../images/box1.gif);
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    FONT-FAMILY: Courier New, Courier, Tahoma;
    LETTER-SPACING: 12px;
}

.TR_Normal {
  background-color: #E9EDF1
}
.TR_Click {
  background-color: #B7C4D0
}
.inputpersent{
  width: 92%;
    height:20px;
    background-color:#FFFFFF
}
.style1 {
color: #E10101;
text-decoration:underline
}
.style1:hover {
color: #E10101;
text-decoration:none
}
.warning {
color: #FF7F01;
text-decoration:underline;
}
.warning:hover {
color: #FF7F01;
text-decoration:none;
}

.information {
color: #134FBD;
text-decoration:underline;
}
.information:hover {
color: #134FBD;
text-decoration:none;
}

.input155 {
  width:150px;
  z-index:1
}

/**************     2005.06.28    **********************/

.tabTitle{
    background-color:#304478;
    color:#ffffff;
    font-weight:bold
}
.pageBody{
    background-color:#DBE3E9;
}
.layoutBody{
    background-color:#DBE3E9;
        border-left:1px solid #A9A9A9;
        border-right:1px solid #9b9b9b;
        font-weight: bold;
        /*padding-bottom:10px*/
}
/********* MainMenu *****************/
.mainMenu{
border-top:1px solid #FFFFFF;
border-bottom:1px solid #9b9b9b
}
.menuTab{
    background-color:#304478
}

.mainMenuTab{
    /*background-color:#304478;*/
    border-right:1px solid #e8e8e8;
}
.mainMenuTab a{
    background-color:#304478;
    padding:6px 12px;
    display:block;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold
}
.mainMenuTab span{
    background-color:#304478;
    padding:6px 12px;
    display:block;
    text-decoration:none;
    color:#000000;
    font-weight:bold
}
.mainMenuTab a:hover{
    background-color:#172341;
    text-decoration:none
}
.mainMenuTab div{
    border:1px none #000000
}

#mainNavigation table{
    border:1px solid #172341;
    background-color:#FFFFFF;
}

#mainNavigation table a{
    background-color:#FFFFFF;
    color:#304478;
    font-weight:normal
}
#mainNavigation table a:hover{
    background-color:#dbe3e9;
    color:#536FB9;
}
#mainNavigation table a.grey{
     filter: Alpha(Opacity=100);
     -moz-opacity:1;
     opacity: 1 /*za Opera 8.x */;
     background-color:#F5F5F5;
     color:#c2c2c2;
}
#mainNavigation table a.grey:hover{
     background-color:#F5F5F5;
     color:#c2c2c2;
}

.menuTabOver{
    background-color:#172341
}
.tabBody{
    background-color:#E9EDF1
}
.tabBodypadding{
    padding:10px;
    background-color:#E9EDF1
}
.menuBorder{
    background-color:#172341
}
.menuTd{
    background-color:#FFFFFF
}
.menuTdOver{
    background-color:#dbe3e9
}
.totalResult{
    background-color:#D8D8D8
}
/********* Tables *****************/
.messSelect{
    background-color:#309BB6
}
.tableBorder{
    background-color:#5F809C
}

.tableHeading{
    background-color:#304478
}
.cutText{
overflow: hidden;
text-overflow: ellipsis;
}

/**** a scrollable table ***/
/** usage: <table id="scroll" .. ****/
.scroll{
        position:relative;
        left:0px;
        top:0px;
        width:100%;
        height:100px;
        overflow: auto;
}
#scroll{
        position:relative;
        left:0px;
        top:0px;
        width:100%;
        height:180px;
        z-index:1;
        overflow: auto;
}

#scroll li{
    list-style-type:none;
    display:block;
    background-color:#FFFFFF;
    padding:2px 2px 2px 20px;
    margin:1px;
    background-position: 2px 2px;
    line-height:15px
}
#scroll li.err{
    list-style-type:none;
    display:block;
    background-color:#FFFFFF;
    background-image:url(../images/fu_error.gif);
    background-repeat:no-repeat;
    padding:2px 2px 2px 20px;
    margin:1px;
    background-position: 2px 2px;
    line-height:15px
}
#scroll li.warn{
    list-style-type:none;
    display:block;
    background-color:#FFFFFF;
    background-image:url(../images/fu_warning.gif);
    background-repeat:no-repeat;
    padding:2px 2px 2px 20px;
    margin:1px;
    background-position: 2px 2px;
    line-height:15px
}

#scroll li.inf0{
    list-style-type:none;
    display:block;
    background-color:#FFFFFF;
    background-image:url(../images/fu_info.gif);
    background-repeat:no-repeat;
    padding:2px 2px 2px 20px;
    margin:1px;
    background-position: 2px 2px;
    line-height:15px
}
.checkTable{
width:100%;
width: expression( this.offsetWidth > this.parentNode.offsetWidth  ? "100%" : (this.parentNode.offsetWidth-17)+"px" ); 
}
#dataTable{
background-color:#FFFFFF;
margin:0px auto;
padding:0px;
width:100%;
border-collapse: collapse;
}
#dataTable td{
padding:3px;
margin:0px;
border: 1px solid #FFFFFF;
}
#dataTable td.img{
padding:0px;
margin:0px
}
#dataTable td.number{
text-align:right
}
#dataTable thead{
font-weight: bold;
padding:0px;
margin:0px;
background-color:#304478;
text-align:left;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF
}
#dataTable thead a{
color:#FFFFFF;
text-decoration: none
}
#dataTable thead a:hover{
color:#E9EDF1;
text-decoration: none
}
#dataTable thead td{
vertical-align:top
}
#dataTable tbody{
background-color:#e9edf1
}
#dataTable tbody td{
padding:2px;
margin:0px
}
#dataTable a{
color:#4965A2;
}
#dataTable a:hover{
color:#FF0000;
}
#dataTable tr.rowSelect a{
color:#FFFFFF;
}
#dataTable tr.rowSelect a:hover{
color:#dbe3e9;
}
#dataTable tr.messSelect a{
color:#FFFFFF;
}
#dataTable tr.messSelect a:hover{
color:#dbe3e9;
}
#dataTable td.total{
background-color:#D8D8D8;
padding:3px;
}
/****** THE same class ***********/

.dataTable{
background-color:#FFFFFF;
margin:0px auto;
padding:0px;
width:100%;
border-collapse: collapse;
}
.dataTable td{
padding:3px;
margin:0px;
border: 1px solid #FFFFFF;
}
.dataTable td.img{
padding:0px;
margin:0px
}
.dataTable td.number{
text-align:right
}
.dataTable thead{
font-weight: bold;
padding:0px;
margin:0px;
background-color:#304478;
text-align:left;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF
}
.dataTable thead a{
color:#FFFFFF;
text-decoration: none
}
.dataTable thead a:hover{
color:#E9EDF1;
text-decoration: none
}
.dataTable thead td{
vertical-align:top
}
.dataTable tbody{
background-color:#e9edf1
}
.dataTable tbody td{
padding:2px;
margin:0px
}
.dataTable a{
color:#4965A2;
}
.dataTable a:hover{
color:#FF0000;
}
.dataTable tr.rowSelect a{
color:#FFFFFF;
}
.dataTable tr.rowSelect a:hover{
color:#dbe3e9;
}
.dataTable tr.messSelect a{
color:#FFFFFF;
}
.dataTable tr.messSelect a:hover{
color:#dbe3e9;
}
.dataTable td.total{
background-color:#D8D8D8;
padding:3px;
}

/********/
#submitButton{
    border-bottom: 1px solid #6c6c6c;
    border-right: 1px solid #6c6c6c;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    background-image: url(../images/text_button_bgr.gif);
    font-weight: bold;
    color: #555554;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #C6C6C6;
    padding: 0px 6px;
    padding-bottom: 1px;
    vertical-align: top;
}

.submitButton{
  border-bottom: 1px solid #6c6c6c;
  border-right: 1px solid #6c6c6c;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  background:#C6C6C6 url(../images/text_button_bgr.gif) no-repeat center center;
  font-weight: bold;
  color: #555554;
  padding: 0px 6px;
  padding-bottom: 1px;
  vertical-align: top;
    text-decoration:none
}
.smallButton{
  border-bottom: 1px solid #6c6c6c;
  border-right: 1px solid #6c6c6c;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  background:#C6C6C6 url(../images/text_button_bgr.gif) no-repeat center;
  font-weight: bold;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #555554;
  padding: 0px 2px;
  vertical-align: top;
}

.linkTextButton{
    border-bottom: 1px solid #6c6c6c;
    border-right: 1px solid #6c6c6c;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    background-image: url(../images/text_button_bgr.gif);
    font-weight: bold;
    color: #555554;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #C6C6C6;
    text-decoration: none;
    padding:2px 15px;
    line-height:20px
}
.linkTextButton:hover{
    text-decoration: none;
    color: #555554;
}
.tabButton{
   background-image:url(../images/tab_center_inactive.gif);
   background-repeat:repeat-x;
   padding-top:5px;
}
.tabButton input{
   color:#FFFFFF;
   font-weight:bold;
   padding:1px 21px 0px 21px;
   display:block;
   border:1px none #000000;
   background-color:#82a2bd;
}
.tabButton span{
   color:#FFFFFF;
   font-weight:bold;
   padding:1px 21px 0px 21px;
   display:block;
   border:1px none #000000;
   background-color:#82a2bd;
     white-space:nowrap
}
.tabButtonAct{
   background-image:url(../images/tab_center_active.gif);
   background-repeat:repeat-x;
   padding:8px 21px 4px 21px;
   font-weight:bold;
   text-transform:uppercase;
     white-space:nowrap
}
#navAdmin{
   display:block;
   float:right;
   background-image:url(../images/bar_begin.gif);
   background-repeat:no-repeat;
   padding:1px 1px 6px 12px;
   white-space:nowrap;
   vertical-align:top
}
#navAdmin a{
    color:#444444;
    text-decoration:none
}
#navAdmin a:hover{
    text-decoration:none
}
.navAdminEnd{
   background-image:url(../images/bar_end.gif);
   background-repeat:no-repeat;
   padding:1px 3px 3px 2px;
   background-color:#000000
}
.separator{
   background-image:url(../images/bar_separator.gif);
   background-repeat:no-repeat;
   padding:2px 0px 4px 0px;
}
.chPass{
   font-family:Arial, Helvetica, sans-serif;
   background-image:url(../images/utdIcon.gif);
   background-repeat:no-repeat;
   background-position: left -28px;
   padding:0px 6px 2px 22px;
   white-space:nowrap;
   font-weight:bold
}
.admin{
   font-family:Arial, Helvetica, sans-serif;
   background-image:url(../images/utdIcon.gif);
   background-repeat:no-repeat;
   padding:0px 6px 2px 22px;
   white-space:nowrap;
   background-position: left top;
   font-weight:bold
}
.logOut{
   font-family:Arial, Helvetica, sans-serif;
   background-image:url(../images/utdIcon.gif);
   background-repeat:no-repeat;
   background-position: left -52px;
   padding:0px 6px 2px 22px;
   white-space:nowrap;
   font-weight:bold
}
.contact{
   font-family:Arial, Helvetica, sans-serif;
   background-image:url(../images/utdIcon.gif);
   background-repeat:no-repeat;
   background-position: left -75px;
   padding:0px 6px 2px 22px;
   white-space:nowrap;
   font-weight:bold
}
.separator{
   background-image:url(../images/bar_separator.gif);
   background-repeat:no-repeat;
   padding:2px 0px 4px 0px;
}

.conectBar{
    background-color:#000000;
    /*background-image:url(../images/topBackground.gif);
    background-position: left -156px;
    background-repeat:repeat-x;*/
}
.conectBar td{
    color:#FFFFFF
    /*padding:1px 0px;*/
}
.mClock{
   font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#FFFFFF;
   background-image:url(../images/mImages.gif);
   background-repeat:no-repeat;
   background-position: 1px 0px;
   padding:0px 6px 0px 16px;
   /*display:block;   maham bolda, smenjam cveta na linkovete */
   white-space:nowrap;
     float:left;
   font-weight:normal
}
.mLogin{
   font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#FFFFFF;
   background-image:url(../images/mImages.gif);
   background-repeat:no-repeat;
   background-position: 1px -14px;
   padding:0px 6px 0px 16px;
   /*display:block;   maham bolda, smenjam cveta na linkovete */
   white-space:nowrap;
     float:left;
   font-weight:normal
}
.mLang{
   font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#FFFFFF;
   background-image:url(../images/mImages.gif);
   background-repeat:no-repeat;
   background-position: 1px -28px;
   padding:0px 6px 0px 16px;
   /*display:block;   maham bolda, smenjam cveta na linkovete */
   white-space:nowrap;
     float:left;
   font-weight:normal
}
.mNoLogin{
   font-family:Verdana, Arial, Helvetica, sans-serif;
     color:#FFFFFF;
   background-image:url(../images/mImages.gif);
   background-repeat:no-repeat;
   background-position: 1px -42px;
   padding:0px 6px 0px 16px;
   /*display:block;   maham bolda, smenjam cveta na linkovete */
   white-space:nowrap;
     float:left;
   font-weight:normal
}
.mLastLogin{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#595959;
   background-image:url(../images/lImages.gif);
   background-repeat:no-repeat;
   background-position: 1px 0px;
   padding:2px 6px 2px 22px;
   /*display:block;   maham bolda, smenjam cveta na linkovete */
   white-space:nowrap;
     float:left;
   font-weight:normal
}
.mLastServer{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#595959;
   background-image:url(../images/lImages.gif);
   background-repeat:no-repeat;
   background-position: 1px -15px;
   padding:2px 6px 4px 22px;
   /*display:block;   maham bolda, smenjam cveta na linkovete */
   white-space:nowrap;
     float:left;
   font-weight:normal
}
.subPage{
    background-color:#E5E5E5;
        /*border-bottom:1px solid #9b9b9b;*/
}
.loads{
display:block;
padding:8px;
border-top:1px solid #9c9c9c;
border-left:1px solid #9c9c9c;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
background-color:#feffde;
width:50%;
color:#990000
}
/* 15.11.2005 */
.tableDistance{
    margin-bottom:15px;
}
.tableDistanceTitle{
    margin-bottom:5px;
}
.tableDistanceTop{
    margin-top:15px;
}
.tableDistanceTopBot{
    margin-bottom:15px;
    margin-top:15px;
}
#tab table{
   background-color:#ECE9D8
}
#tab table tr{
   background-color:#F7F5EE
}
.dossierLeftPadding{
    padding-left:20px
}
.errorClass{
    background-color:#feffde; 
    border-bottom:1px solid #FFFFFF;  
    border-right:1px solid #FFFFFF; 
    border-top:1px solid #9c9c9c; 
    color:#990000;  
    border-left:1px solid #9c9c9c; 
    padding:45px 15px 45px 110px; 
    background-image:url(../images/error.gif); 
    background-repeat:no-repeat; 
    background-position:35px 45px
}

/********* selectionner list images for sort *****************/
.sortDown{
background-image:url(../images/s_down.gif); 
background-position:right top; 
background-repeat:no-repeat;
}

.sortUp{
background-image:url(../images/s_up.gif); 
background-position:right top; 
background-repeat:no-repeat;
}

.sortDown a{
padding-right:10px;
display:block
}

.sortUp a{
padding-right:10px;
display:block
}
.inputReadonly{
padding:4px;
background-color:#FFFFFF;
min-height:13px;
_height:13px;
}
.inputReadonlyBorder{
border:1px solid #7f9db9
}
.inputReadonlyright{
padding:4px;
background-color:#FFFFFF;
text-align:right
}
.inline{
padding:4px;
min-height:13px;
_height:13px;
}
.errorMsg{
color:#990000;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #9C9C9C;
border-left:1px solid #9C9C9C;
background-color:#FEFFDE;
padding:8px;
text-align:left;
}
.msgMsg{
color:#585858;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #9C9C9C;
border-left:1px solid #9C9C9C;
background-color:#FEFFDE;
padding:8px
}
.infoMsg{
color:#134FBD;
border-bottom:1px solid #D2D1D1;
border-right:1px solid #D2D1D1;
border-top:1px solid #9C9C9C;
border-left:1px solid #9C9C9C;
background-color:#FEFFDE;
padding:8px;
}
.tabBodySelect{
    background-color: #d0d8e0;
}

/* 08.09.2006 - BEGIN */
.insideTable{
background-color:#f2f4f7
}
.saldo{
background-color:#309bb6;
color:#FFFFFF
}

.saldoSum{
}

/* TABOVE - BEGIN*/
.tabButton{
   background-image:url(../images/tab_center_inactive.gif);
}
.tabLeftInactive{
   background-image:url(../images/tab_left_inactive.gif);
}
.tabRightInactive{
   background-image:url(../images/tab_right_inactive.gif);
}
.tabButton input{
   background-color:#82A2BD;
}
.tabButtonAct{
   background-image:url(../images/tab_center_active.gif);
}
.tabLeftActive{
   background-image:url(../images/tab_left_active.gif);
}
.tabRightActive{
   background-image:url(../images/tab_right_active.gif);
}
.tabBack{
   background-image:url(../images/tab_back.gif);
}
.tabEmptytab{
   background-image:url(../images/tab_emptytab.gif);
}
/* TABOVE - END*/

/* 08.09.2006 - END */

.grey{
filter: Alpha(Opacity=40);
-moz-opacity:0.4;
opacity: .4 /*za Opera 8.x */;
}

.tabSubtabs{
  margin:0px;
  padding:2px 0px 4px 0px;
  width:100%;
}
.tabSubtabs td{
  width:17%;
}
.tabSubtabs td a{
  display:block;
  padding:4px 14px;
  text-decoration:none;
  color:#4965A2;
  border-right:1px solid #C9C9C9;
}
.tabSubtabs td.last{
  float:left;
  width:31%;
}
.tabSubtabs td a.select{
  color:#000000;
  font-weight:bold;
}

.tabSubtabsInput{
  margin:0px;
  cursor:pointer;
  /*padding:2px 0px 4px 0px;*/
  width:100%;
    background-color:#FFFFFF
}
html>body .tabSubtabsInput{
  padding:2px 0px 4px 0px;
}

.tabSubtabsInput td{
  width:17%;
}
.tabSubtabsInput td input{
  /*display:block;*/
  color:#4965A2;
  padding:4px 2px;
    border:1px solid #FFFFFF;
  border-right:1px solid #C9C9C9;
    background-color:#FFFFFF
}
html>body .tabSubtabsInput td input{
padding:4px 14px;
}
.tabSubtabsInput td.last{
  float:left;
  width:31%;
}
.tabSubtabsInput td input.select{
  color:#000000;
  font-weight:bold;
}

.saldoResult{
background-color:#dddddd;
}

.jumpMenu{
  overflow:auto;
  border:1px solid #7F9DB9;
  background-color:#FFFFFF;
  margin:4px 0px;
}
.jumpMenu a{
  color:#4965A2;
  display:block;
  padding:4px 3px;
}
.jumpMenu a:hover{
  color:#E85348;
  background-color:#ECEFF6;
}

.alignRight{
text-align:right
}

.contact{
   font-family:Arial, Helvetica, sans-serif;
   background-image:url(../images/mailIcon.gif);
   background-repeat:no-repeat;
   background-position: 5px center;
   padding:0px 6px 2px 22px;
   white-space:nowrap;
   font-weight:bold
}
.sitemapLink{
   font-family:Arial, Helvetica, sans-serif;
   background:url(../images/utdIcon.gif) no-repeat left -101px;
   padding:0px 6px 2px 22px;
   white-space:nowrap;
   font-weight:bold
}
.subBut{
   width:1px;
   height:1px
}
.subBut[class]{
   display:none
}
/*##############################################################################################*/
/*##                                                SELECT BOX CSS                                        ##*/
/*##############################################################################################*/
.selectMenu{
padding:0px;
margin:0px;                                                             
}
.selectMenu dd{
padding:0px;
margin:0px
}
.selectMenu dd a{
text-decoration:none;
color:#000000;
display:block;
padding:1px 2px;
cursor:default;
white-space:nowrap;
font-size:11px;
font-family:Tahoma, sans-serif
}
.selectMenu dd a:hover{
text-decoration:none;
color:#FFFFFF;
background-color:#316AC5
}
.selectMenu dd a.select{
color:#FFFFFF;
background-color:#316AC5
}
/*##############################################################################################*/

table.tbl {padding-left:12px;}
table.tbr {padding-right:12px;}
.bggray {background-color:#dadada;}
.newElement {
    color: #316AC5;
}
/*###########################################*/
.backButton{
    padding:2px 3px;
    background-image:url(../images/backHelpBut.gif);
    background-repeat:no-repeat;
    background-position:left 0px;
    padding-left:12px;
    color:#444444
}
.helpButton{
    padding:2px 3px;
    background-image:url(../images/backHelpBut.gif);
    background-repeat:no-repeat;
    background-position:right -14px;
    padding-right:12px;
    color:#444444
}
.sitemapButton{
    padding:2px 3px;
    background-image:url(../images/backHelpBut.gif);
    background-repeat:no-repeat;
    background-position:left -47px;
    padding-left:20px;
    color:#444444
}
.printButton{
    padding:2px 3px;
    background-image:url(../images/backHelpBut.gif);
    background-repeat:no-repeat;
    background-position:right -30px;
    padding-right:12px;
    color:#444444
}
.selCase{
background-color:#FEFFDE;
color:#000000
}
.statusBar{
border-top:1px solid #9c9c9c;
border-left:1px none #9c9c9c;
border-right:1px none #9c9c9c;
/*border-left:1px solid #9c9c9c;
border-right:1px solid #9c9c9c;
background-color:#E5E5E5; star tsvjat*/
background-color:#E8E8E8;
padding:5px 0px 4px 0px;
padding-left:10px;
margin-top:10px
}
.copyRight{
border-top:1px solid #9c9c9c;
text-align:right
}
.titlePage{
font-family: Arial, Verdana,Helvetica, sans-serif;
font-size:16px;
margin:0px;
margin-top:0px;
margin-bottom:5px;
padding-bottom:5px;
padding-top:8px
}
.titlePage img{
margin-bottom:-10px;
margin-right:10px;
}
.separatorMini{
   background-image:url(../images/separator_mini.gif);
   background-repeat:no-repeat;
     background-position:center 6px;
   padding:4px 3px;
}
.leftTabPadding{
    padding: 0px 10px 0px 10px
}
.buttonTable{
margin-top:6px
}
.close{
text-decoration:none; 
color:#333333; 
font-size:9px
}
.close img{
margin-bottom:-3px
}

.paddingLeft{
padding-left:10px;
}
/* 06.10.2008 */
.logoHead{
background-image:url(../images/top_bgr.gif);
background-position:left top;
border-top:1px solid #A9A9A9;
border-left:1px solid #A9A9A9
}
.logoheadLong{
background-image:url(../images/top_bgr.gif); 
background-position:right top; 
background-repeat:repeat-x;
border-top:1px solid #A9A9A9;
border-right:1px solid #9b9b9b
}
/* OPTIONS CSS*/

div#comboBox{
display:none;
}
div#select input#txtSelect {
border: 1px solid #7F9DB9;
border-right: 1px none #7F9DB9;
line-height: 16px;
height:18px;
font-size: 11px;
margin-right:-2px;
margin-top:0px;
}
div#select input.btnSelect {
background-image:url(../images/click.gif);
background-repeat:no-repeat;
background-position:center top;
margin-left: -2px;
width:18px;
height:18px;
border:1px solid #FFFFFF;
background-color:#b9cdfb
}
html>body div#select input#txtSelect {
margin-top:-2px;
margin-bottom:2px;
}
html>body div#select input.btnSelect {
margin-top:4px;
margin-bottom:-2px;
}
div#options {
overflow: scroll;
width: 300px;
height: 200px;
border: 1px solid #7F9DB9;
background: #fafafa;
/*padding: 2px;*/
display: none;
position: absolute;
z-index:500
}
div#options div {
display: block;
overflow: hidden;
border-bottom: 1px solid #d1d1d1;
width: 850px;
padding: 3px;
font-size: 11px;
font-family: Tahoma, Arial; 
cursor: pointer;
}
div#options div.hover {
background: blue;
color: #fff;
}
/* Scrolling table */

table.scrollscrollDataTable {
  margin: 0px;
  padding: 0px;
    border-bottom: 1px solid #FFFFFF;
}

table.scrollDataTable th {
    font-family:Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-weight: normal;
    padding: 4px 3px 3px 4px;
    background-color: #666666;
    font-weight: bold;
    text-align:left;
    color:#FFFFFF;
    vertical-align:top
}

table.scrollDataTable td {
    font-family:Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;  
  padding: 3px;
    background-color:#dcdcdc
}

table.scrollDataTable td input{
  margin: 0px;
  padding: 0px
}
div.scrollTableContainer {
    height: 184px;      
  overflow: auto;
    /*width: 970px;*/
    width: 100%;
    margin: 15px 0px 0px 0px;
    position: relative;
    
}

div.scrollTableContainer table {
    /*width: 952px;*/
    width: 100%;
}

html>/**/body div.scrollTableContainer table {
    /*width: 970px;*/
    width: 99%;
}

html>/**/body div.scrollTableContainer table>tbody  {  
    overflow: auto; 
    height: 125px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr   {
    position:relative;
}
div.scrollTableContainer tbody tr   {
    height:19px
}
div.scrollTableContainer td:last-child {padding-right: 20px;}
div.scrollTableContainer tfoot tr   {
    position:relative;
}
table.scrollDataTable tfoot td {
    background-color:#FFFFFF
}
table.scrollDataTable tfoot td.total{
    background-color:#D8D8D8
}
/* 26.10.2008 */
.loginForm{
margin:0px;
padding:0px;
width:250px;
text-align:left
}
.loginForm li{
list-style-type:none
}
.loginForm li.label{
font-weight:bold;
padding-top:10px
}
.clLogo{
background-image:url(logo_client.gif);
background-position:63px top;
background-repeat:no-repeat;
margin-top:24px;
padding-bottom:34px;
width:450px;
}
.clImg{
background-image:url(login_image.jpg);
background-position:left top;
background-repeat:no-repeat;
padding-bottom:220px
}
.layoutLoginBody{
background-color:#FFFFFF;
border-left:1px solid #A9A9A9;
border-right:1px solid #9b9b9b;
}
/* 04.12.2008 */
.listInLine{
padding:0px;
margin:0px;
display:inline;
float:right
}
.listInLine li{
list-style-type:none;
float:left
}
.listTitle{
font-weight:bold;
padding-top:1px
}
.listInput{
min-width:90px;
_width:90px;
padding:2px;
min-height:16px;
_height:16px;
background-color:#FFFFFF;
}
.linksBack{
text-align:right
}
.inputOnTitle{
text-align:right;
}
.selectCheck{
background-image:url(../images/selects.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#304478;
border:1px none #000000;
padding:3px 5px
}
.selectUnCheck{
background-image:url(../images/selects_o.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#304478;
border:1px none #000000;
padding:3px 5px
}
.rightAl{
float:right;
}

.fiTotalAmount {
background-color: #FFFFFF;
text-align: right;
}

.inputCurrency{
padding:4px;
background-color:#82a2bd;
color:#ffffff;
font-weight:bold
}
.messHelp{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
color:#0d3060
}
.messHelp a{
color:#c52239;
text-decoration:none
}
.messHelp a:hover{
text-decoration:underline
}
.center {
text-align:center;
}
.disableInput{
border:1px solid #ffffff;
background-color:#FFFFFF;
}

/* Icon Classes
------------------------------------------------------*/
/* - for TD - */
.col1{
width:60px;
padding-top:4px;
vertical-align:top
}
.col2{
width:120px;
padding-top:4px;
vertical-align:top
}
.col3{
padding-top:4px;
vertical-align:top;
text-align:right;
}
.floatLeft button{
float:left;
}
.floatRight button{
float:right;
}
/* - for BUTTON - */
.submitIcon{
margin:0px -2px;
padding:25px 2px 2px 2px;
background-image:url(../images/icon.gif);
background-repeat:no-repeat;
background-position:center 0px;
background-color:#e5e5e5;/*#dbe3e9;*/
border:1px solid #e5e5e5;
color:#070707;
cursor:pointer;
vertical-align:top;
font-family: small fonts;
font-size:7px;
text-transform:uppercase;
text-align:center;
min-width:44px;
_width:44;
overflow:visible;
line-height:8px;
_line-height:9px;
/*
word-wrap: break-word;       IE 5.5-7 */
/*white-space: -pre-wrap;       Opera 4-6 ?? */
/*white-space: -o-pre-wrap;     Opera 7 ?? */
/*white-space: -moz-pre-wrap;  Firefox 1.0-2.0 */
/*white-space: pre-wrap;       current browsers */
/*_white-space: pre;    IE only hack to re-specify in addition to
word-wrap  */

}

.submitIcon_zh{
margin:0px -2px;
padding:25px 2px 2px 2px;
background-image:url(../images/icon.gif);
background-repeat:no-repeat;
background-position:center 0px;
background-color:#e5e5e5;/*#dbe3e9;*/
border:1px solid #e5e5e5;
color:#070707;
cursor:pointer;
vertical-align:top;
font-family: small fonts;
font-size:7px;
text-transform:uppercase;
text-align:center;
min-width:44px;
_width:44;
overflow:visible;
line-height:8px;
_line-height:9px;
/*
word-wrap: break-word;       IE 5.5-7 */
/*white-space: -pre-wrap;       Opera 4-6 ?? */
/*white-space: -o-pre-wrap;     Opera 7 ?? */
/*white-space: -moz-pre-wrap;  Firefox 1.0-2.0 */
/*white-space: pre-wrap;       current browsers */
/*_white-space: pre;    IE only hack to re-specify in addition to
word-wrap  */

}
.submitIcon:hover{
color:#0033CC;
background-color:#efefef;
border:1px solid #dddddd;
}
.submitIcon div{
background-color:#FF6600;
color:#FFFFFF;
padding-right:1px;
margin-left:-1px;
display:inline-table;
}
.disableBut{
color:#666666;
}
.disableBut:hover{
color:#666666;
background-color:#e5e5e5;
border:1px solid #e5e5e5;
cursor:default
}

/* - Individual - */
.messageDossier{
background-position:center -810px;
}
.messagesForDossier{
background-position:center -855px;
}
.dossier{
background-position:center -135px;
}
.chrono{
background-position:center -180px;
}
.informationCreate{
background-position:center -495px;
}
.versementCreate{
background-position:center -315px;
}
.remittance{
background-position:center -225px;
}
.litiges{
background-position:center 0px;
}
.debiteur{
background-position:center -1080px;
}
.syntheseFinanciere{
background-position:center -315px;
}
.suiviReleves{
background-position:center -360px;
}
.courriers{
background-position:center -225px;
}
.salarie{
background-position:center -1125px;
}
.avocatCgea{
background-position:center -675px;
}
.invoice{
background-position:center -225px;
}
.creditNote{
background-position:center -270px;
}
.compte{
background-position:center -270px;
}
.creditRequest{
background-position:center -90px;
}
.balanceFactures{
background-position:center -270px;
}
.chronoInfo{
background-position:center -405px;
}
.chronoPayment{
background-position:center -360px;
}
.situationProcedureController{
background-position:center -675px;
}
.createCLPayment{
background-position:center -315px;
}
.dbDetails{
background-position:center -225px;
}
.dossContracts{
background-position:center -180px;
}
.dossFiElements{
background-position:center -945px;
}
.payAgreement{
background-position:center -765px;
}
.encaissements{
background-position:center -1035px;
}
.createEncaissement{
background-position:center -900px;
}
.expectedPayment{
background-position:center -990px;
}
.visites{
background-position:center -540px;
}
.proceduresInjonction{
background-position:center -675px;
}
.createFiElement{
background-position:center -945px;
}
.printDossier{
background-position:center -720px;
}
.notes{
background-position:center -1170px;
}
.tariff{
background-position:center -1215px;
}
.letter{
background-position:center -1260px;
}
.letterCreation{
background-position:center -1170px;
}
.letterInfo{
background-position:center -1305px;
}
.engagements{
background-position:center -1350px;
}
.officers{
background-position:center -1395px;
}
.document{
background-position:center -1170px;
}

.honorairesCase{
background-position:center -945px;
}

#forgottenPasswordFormId div {
padding: 10px;
}

.forgottenPassLnk {
text-decoration: none;
color: #4965A2;
}
.groupDB{
background-color:#e0e4ef
}
.exportToExel{
background:#dbdbd9 url(../images/excel_ico.gif) no-repeat 2px 2px;
border-bottom: 1px solid #6c6c6c;
border-right: 1px solid #6c6c6c;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
font-weight: bold;
color: #555554;
padding: 0px 6px;
padding-left:16px;
_padding-left:10px
}
.notesBlock{
display:block
}
.notesText{
display:block;
padding:5px 0px 2px 0px
}
.notesText span{
float:left;
width:12%;
font-weight:bold
}
.notesText blockquote{
float:left;
width:88%;
padding:0px;
margin:0px;
}
.serchCol{
padding:0px;
margin:0px;
list-style-type:none;
float:left
}
.serchCol li{
float:left;
width:284px;
height:24px
}
.labelText{
float:left;
width:150px;
padding:2px;
padding-top:4px;
height:18px
}
.labelTextR{
text-align:right
}
.labelInput{
float:left;
width:126px;
padding:2px;
height:20px
}
.labelInputS{
float:left;
width:274px;
padding:2px;
height:20px;
text-align:right
}
.clear{
clear:both;
font-size:1px;
height:1px;
line-height:1px;
}
div.scrollableText{
width:80px;
height:19px;
padding:1px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
/*overflow-x: auto; 
overflow-y: hidden;*/
}
div.scrollableText:hover, div.hover {
width:auto; 
height:17px;
position:absolute;
overflow:visible;
padding:3px;
padding-top:3px;
padding-left:3px;
margin-top:-12px;
_margin-top:-14px;
margin-left:-2px;
/*margin-left:-2px;*/
background:#e9edf1;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}
.fixHeight td{
height:19px
}
.homeNav{
padding:0 0 0 20px;
margin:0;
list-style:none;
}
.homeNav li{
border-bottom:1px solid #dcdcdc
}
.homeNav a{
display:block;
background:#dbdbd9 url(../images/atrarr.gif) no-repeat left center;
padding:2px 2px 2px 8px;
text-decoration:none;
color:#656565;
font-weight:bold;
line-height:20px;
}
.homeNav a:hover{
color:#ef3a3f
}
.lineInterval{
line-height:20px;
}
.cR{
color:#777777; font-size:10px; text-decoration:none;
}
/*** 15.11.2011 *****/
.whiteBgr{
background:#ffffff;
}
.statusColor{
background:#e8e8e8;
}
.grey99{
background:#999999;
}
.batchYellow{
background:#e2d69f
}
.containerFly{
position:relative
}
.flyMessage{
position:absolute; 
top:4px;
right:0px; 
color:#fff; 
font-size:8px; 
letter-spacing:-0.09em; 
background: url(../images/email.gif) no-repeat left top; 
width:30px; 
text-decoration:none; 
height:20px;
}

.redBorder{
border:1px solid #c10e0e;
}
/****** FLASH WINDOW ********/
#flPlace .errorClass{
    padding:15px;
    background-image:none;
}
.messText a.submitButton,.messText a.submitButton:hover{
color: #555554;
text-decoration:none;
padding: 2px 12px;
}
.datePicker{
   background:#fff url(../images/calendar.gif) no-repeat right center;
     height:18px;
}
.datepicker{
    background:#fff url(../images/calendar.gif) no-repeat right center;
     height:25px;
 }
/***********************************************************
DATE PICKER
***********************************************************/
.dpDiv {
}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #f2f8fe;
    border: 1px solid #AAAAAA;
    }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
    }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
    }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
    }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
    }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #c4d7eb;
    }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #fc8200;
    border: 1px solid #fc8200;
    }


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #c4d7eb;
    border: 1px solid #c4d7eb;
    cursor: pointer;
    color: #3a6898;
    }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
    }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
    }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
    }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #83b3e4;
    border: 1px solid #83b3e4;
    color: white;
    }
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTDRed {
    background-color: #d03333;
    border: 1px solid #d03333;
    color: white;
    }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 12px;
    color: #304478;
    font-weight: bold;
    }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
    color: #fff;
    font-weight: bold;
    }


/* the forward/backward buttons at the top */
.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    padding: 0px;
    font-size: 10px;
    font-weight:bold;
    color: #555554;
    background: #d3d3d3;
    font-weight: bold;
    border:1px solid #999999;
    border-bottom-color:#555554;
    border-right-color:#555554;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    color: #555554;
    background: #d3d3d3;
    font-weight: bold;
    border:1px solid #999999;
    border-bottom-color:#555554;
    border-right-color:#555554;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }


.welcomepageMess{
   background:#fff url(../images/welcomepageMess.jpg) no-repeat right top;
     text-align:center;
     padding:40px auto;
     height:350px;
}
.welcomepageMess p{
padding:4px 0;
margin:0;
}
.maintenanceMess{
    width:300px;
    margin:10% auto;
    text-align:left;
    background:#F0F8FF;
    padding:20px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0px 10px #a8bbc6;
    -webkit-box-shadow: 0 0 10px #a8bbc6;
    box-shadow: 0 0 10px #a8bbc6;
    border:1px solid #c9d8e1;
    font-size:12px;
}
.welcomepage{
   background:#fff url(../images/welcomepage.jpg) no-repeat right center;
     text-align:center;
     height:350px;
}
.customer-service{
   background:#fff url(../images/customer.jpg) no-repeat 430px bottom!important;
     text-align:left;
     height:450px;
vertical-align:top
}
.customer-title{
font-size:36px;
font-weight:normal;
background:#11794d;
margin:0;
padding:15px 10px 45px 10px;
color:#FFFFFF
}
.customer-service ul, .customer-service li{
padding:0;
margin:0;
list-style:none;
}
.customer-service h2{
margin:0;
padding:2px;
background:#CCCCCC;
font-size:18px;
font-weight:normal
}
.customer-service .col1-1{
float:left;
width:450px;
vertical-align:top
}
.customer-service .col1-1.last{
/*width:210px;
padding-left:290px;*/
width:190px;
padding-left:180px;
}
.customer-service .col1-1 .col2-1{
float:left;
width:230px;
padding:0 10px;
margin-top:10px;
}
.customer-service .col1-1 .col2-1.last{
width:180px;
padding:10px;
background:#CCCCCC
}
.customer-service li{
margin-bottom:20px;
vertical-align:middle;
float:left
}
.customer-service li a{
float:left;
width:160px;
padding:10px;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#FFFFFF;
background:#11794d;
height:45px;
}
.customer-service li a:hover{
background:#415f49
}
.selectTableRow td{
background:#dbe3e9;
}
.colorCol1{
background:#e1e5ea
}
.colorCol2{
background:#e1edf8
}

/* SITE MAP */
.sitemap{
clear:both;
}
.siteCol{
float:left;
width:110px;
border-right:1px solid #c0cbd3;
padding:0 18px;
min-height:200px;
_height:200px
}
.siteCol h3{
font-size:11px;
margin:2px 0 7px 0
}
.siteCol h3 a{
font-size:11px;
margin:0;
padding:0;
text-decoration:none;
color:#304478
}
.siteCol ul{
width:98px;
margin:0;
padding:0 0 0 12px;
list-style:none
}
.siteCol li{
width:98px;
display:block;
padding:2px 0 3px 0;
}
.siteCol a{
color:#304478;
text-decoration:none;
width:98px;
}
.siteCol a:hover{
text-decoration:underline
}
.cLast{
border-right:1px none #c0cbd3;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
    .tabsArr{
    background:url(../images/tabs.gif) no-repeat 0 0;
    padding:0;
    margin:0;
    list-style:none;
    height:40px;
    clear:both;
    }
    .tabsArr li{
    font-family: "GEInspiraRegular";
    font-size:14px;
    width:212px;
    display:block;
    padding:13px 0 0 30px;
    color:#FFFFFF;
    float:left;
    }
    .tabsArr li.lastTab{
    width:160px;
    }
    .tabsArr li.firstTab{
    width:212px;
    padding:13px 0 0 28px;
    color:#2175bc
    }
    .tabsArrBody{
    background:#eef4fa;
    padding:16px 10px;
    font-size:12px;
    line-height:18px;
    }
    .tabsArrBody p{
    margin:8px 0
    }
    .two{
    background:url(../images/tabs.gif) no-repeat 0 -40px;
    }
    .two li.firstTab{
    color:#fff
    }
    .two li.secondTab{
    color:#2175bc
    }
    .three{
    background:url(../images/tabs.gif) no-repeat 0 -80px;
    }
    .three li.firstTab{
    color:#fff
    }
    .three li.secondTab{
    color:#fff
    }
    .three li.thirdTab{
    color:#2175bc
    }
    .four{
    background:url(../images/tabs.gif) no-repeat 0 -120px;
    }
    .four li.firstTab{
    color:#fff
    }
    .four li.secondTab{
    color:#fff
    }
    .four li.thirdTab{
    color:#fff
    }
    .four li.lastTab{
    padding:13px 0 0 32px;
    color:#2175bc
    }

    
    
.done{
  background:#edfaee url(../images/done.png) no-repeat 10px 12px;
  border:1px solid #a4d9a4;
  padding:14px 18px 14px 103px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius:4px;
  color:#206920
}
.done a{
color:#f27814
}
.done h1{
color:#206920
}
.tabsArrBody h4{
border-bottom:1px solid #87b4db;
margin-bottom:4px;
}
.whiteBorder{
border:2px solid #fff;
padding:6px;
margin:10px 0;
}

.disabled {
  border:1px solid #aeaeae;
  background:#aeaeae;
  text-shadow:0px -1px #808080;
}

.err{
  background:#faeded url(../images/err.png) no-repeat 6px 6px;
  border:1px solid #d9a4a4;
  padding:6px 6px 10px 56px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-border-radius:4px;
  color:#d60500;
  margin-bottom:20px;
  clear:both
}
.err a{
color:#f23e14
}
.err h1{
color:#692020
}
.err input{
float:right;
margin-top:4px
}
/*****************  05.08.2013   *******************/
.redBorder {
border: 1px solid #d50101;
background: #FFFFEA;
width: 99%;
-moz-box-shadow: inset 1px 1px 2px #d8d8a9;
-webkit-box-shadow: inset 1px 1px 2px #d8d8a9;
box-shadow: inset 1px 1px 2px #d8d8a9;
}
.importantClass{
border:1px solid #7f9db9;
background:#fff;
width:99%
}

.datePickerRed{
     background:#FFFFEA url(../images/calendar.gif) no-repeat right center;
     height:20px;
     border:1px solid #FF0000;
     width:99%;
     -moz-box-shadow: 0px 0 3px #FF0000;
     -webkit-box-shadow: 0px 0 3px #FF0000;
     box-shadow: 0px 0 3px #FF0000;
}

.titles {
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.export {
    background-image: url("../images/logo-excel.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 60px 58px;
    border: 0 none;
    cursor: pointer;
    height: 53px;
    outline: 0 none;
    width: 60px;
    color: rgba(0, 0, 0, 0);
    background-color: #F4F4F4;
}