.cpiWebApps{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}

.cpiWebApps body{
background-color: #ffffff;
}

.cpiWebApps hr.layout{
clear: both;
background-color: #7797C1;
border: none;
height: 1px;
}

.cpiWebApps strong{
font-size: 110%;
font-weight: normal;
}

.cpiWebApps #page{
padding: 10px;
border: 1px solid #ffffff;
clear: both;
}

.cpiWebApps span.link{
cursor:pointer;
text-decoration:underline;
}

.cpiWebApps span.button{
cursor:pointer;
}

.cpiWebApps form.standard select{
background-color: #ffffff;
border: 1px solid #295A99;
margin: 5px;
padding: 2px;
color: #1B3C66;
}

.cpiWebApps form.standard button, .cpiWebApps form.standard input[type=submit], .cpiWebApps form.standard input[type=button]{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: normal;
background-color: #ffffff;
border: 1px solid #295A99;
margin: 5px;
padding: 2px;
color: #295A99;
}

.cpiWebApps form.standard input[type=text], .cpiWebApps form.standard input[type=password]{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: normal;
background-color: #ffffff;
border: 1px solid #295A99;
margin: 5px;
padding: 2px;
width:200px;
height: 18px;
color: #1B3C66;
}



.cpiWebApps div.fakeInput{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: normal;
display:block;
position:relative;
background-color: #ffffff;
border: 1px solid #295A99;
margin: 5px;
padding: 2px 2px 2px 3px;
width:200px;
text-align: left;
height: 18px;
overflow: hidden;
color: #3584E6;
text-decoration: underline;
cursor:pointer;
}

.cpiWebApps form.standard textarea{
background-color: #ffffff;
border: 1px solid #295A99;
margin: 5px;
padding: 2px;
width:200px;
color: #1B3C66;
}

.cpiWebApps form.standard label{
display: block;
margin: 5px;
padding: 2px;
color: #295A99;
}

.cpiWebApps .corrected{
border: 1px solid #ff8800 !important;
}
.cpiWebApps .uncorrectable{
border: 1px solid #FF1111 !important;
}


.cpiWebApps table.data{
border: 0px solid #E6F1FF;
border-collapse:separate;
}

.cpiWebApps table.data td{
padding: 2px 5px 2px 5px;
}

.cpiWebApps table.data tr.headers > td{
background-color: #ffffff;
font-weight: normal;
color: #295A99;
text-align: left;
padding: 0px 10px 0px 5px;
}
.cpiWebApps table.data tr.headers.simple > td{
border-bottom: 1px solid #7797C1 !important;
}
.cpiWebApps table.data tr.filters > td{
background-color: #ffffff;
font-weight: normal;
color: #295A99;
padding: 0 4px 2px 3px;
height: 20px;
}
.cpiWebApps table.data tr.filters > td a{
color: #ffffff;
}
.cpiWebApps table.data tr.filters input{
margin: 1px;
padding: 1px;
border: 1px solid #295A99;
height:17px;
line-height:normal;
color: #3584E6;
}
.cpiWebApps table.data tr.filters span.button{
  float:right;
  margin: 1px 0px 1px 0px;
  padding: 0px;
  width: 18px;
  height: 18px;
}
.cpiWebApps table.data tr.filters button span.ui-icon-plus{
  background-position:-19px -133px;
  height: 10px;
  width: 10px;
}

.cpiWebApps table.data tr.paginator > td{
background-color: #ffffff;
color: #295A99;
border-top: 1px dotted #295A99;
text-align: center;
padding: 2px;
line-height: normal;
}
.cpiWebApps table.data tr.paginator input{
display:inline;
margin: 0px;
padding: 1px;
border: 1px solid #295A99;
width: 50px;
height: 17px;
font-size: inherit;
line-height:normal;
color:#1B3C66;
}
.cpiWebApps table.data tr.paginator button{
  margin: 1px 0px 1px 0px;
  padding: 0px;
  width: 18px;
  height: 18px;
}
.cpiWebApps table.data tr.paginator button span.ui-icon-triangle-1-w{
  background-position:-99px -19px;
  height: 10px;
  width: 10px;
}
.cpiWebApps table.data tr.paginator button span.ui-icon-triangle-1-e{
  background-position:-35px -20px;
  height: 10px;
  width: 10px;
}

.cpiWebApps table.data tr.lines > td{
border-top-width: 1px;
border-top-style: none;
border-top-color: #7797C1;
color:#1B3C66;
}
.cpiWebApps table.data tr.lines > td.fields > span{
display:block;
width: 100%;
height:21px;
max-height:21px;
overflow:hidden;
padding-top:1px;
}

.cpiWebApps table.data tr.lines > td.actions > span{
float:right;
}

.cpiWebApps table.data tr.totals > td{
background-color: #ffffff;
color: #cc0000;
border-top: 1px solid #7797C1;
}

.cpiWebApps table.data tr.even > td{
background: #ffffff;
}
.cpiWebApps table.data tr.odd > td{
background: #E6F1FF;
}
.cpiWebApps table.data tr.highlight >td{
background: #FFF7EB;
}
.cpiWebApps table.data tr.lines td.id{
text-align:right;
vertical-align:middle;
padding-right: 5px;
border-right: 1px solid #D6E9FF;
}
.cpiWebApps table.data td.int{
text-align:right;
vertical-align:middle;
padding-right: 5px;
border-right: 1px solid #D6E9FF;
}
.cpiWebApps table.data td.number{
text-align:right;
vertical-align:middle;
padding-right: 5px;
border-right: 1px solid #D6E9FF;
}
.cpiWebApps table.data td.thumbnail{
text-align:left;
vertical-align:middle;
}


.cpiWebApps table.data tr.orderByFields > td{
background-color: #ffffff;
color: #295A99;
border-top: 1px solid #7797C1;
padding: 2px;
line-height: normal;
font-size:10px;
}

.cpiWebApps table.data tr.orderByFields > td select{
background-color: #ffffff;
border: 1px solid #D6E9FF;
color: #1B3C66;
margin:0px;
padding:0px;
}



.cpiWebApps table.icons{
border:none;
}
.cpiWebApps div.icon{
display:table-cell !important;
position: relative;
cursor:pointer;
border: 1px solid #eeeeee;
padding: 5px;
margin-left: auto;
margin-right: auto;
width: 100px;
height: 100px;
text-align:center;
vertical-align:middle;
font-size: 13px;
color:#295A99;
background-color: #ffffff;
}
.cpiWebApps div.icon.highlight{
background-color: #E6F1FF;
border-color: #7797C1;
color:#295A99;
}

.cpiWebApps table.simple-bordered-table{
  border: 1px solid #cccccc;
  border-collapse: collapse;
}
.cpiWebApps table.simple-bordered-table td{
  border: 1px solid #cccccc;
  border-collapse: collapse;
  padding: 2px 5px 2px 5px;
}
.cpiWebApps table.simple-bordered-table td.header{
  font-weight:bold;
}

/* CLASSES DE TEXTE */
.cpiWebApps font.error{
color: red;
font-weight: bold;
}