@charset
"utf-8"
;
/* CSS Document */

/*Style Class for Image Button */
.clsImageButton {
    font-family: Tahoma;
    font-size: 11px;
}

/*Style Class for bar on top of the pages */
.clsPageHeader {
    font-family: Tahoma;
    font-size: 11px;
    background-color: #a02542;
    color: #FFFFFF;
    margin: 1px 2px 1px 2px;
    border-width: 0px 0px 0px 0px;
    text-align: center;

}

/*Style Class for main table of the page which contains page components */
.clsPageBody {
    font-family: Tahoma;
    font-size: 11px;
    border: 0px none;
    width: 100%;
    border: 0px none;
    background-color: #FFFFFF;
}

.clsPageScroll {
    scrollbar-3dlight-color: white;
    scrollbar-arrow-color: gray;
    scrollbar-darkshadow-color: black;
    scrollbar-face-color: #4D5572;
    scrollbar-highlight-color: black;
    scrollbar-shadow-color: gray;
    scrollbar-track-color: #757BA1;
}

/*Style Class for bar on the bottom of the pages */
.clsPageFooter {
    font-family: Tahoma;
    font-size: 11px;
    /*background-color: #003466;*/
    background-color: #a02542;
    color: #FFFFFF;
    margin: 1px 2px 1px 2px;
    border-width: 0px 0px 0px 0px;
    text-align: center;
}

/*Style Class for Tables which contains input components and their labels  */
/*While you want create an input form with table , this class will be used */
.clsInputPage {
    font-family: Tahoma;
    font-size: 11px;
}

/*Style Class for Error messages */
.clsErrorMessage {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: yellow;
    background-color: salmon;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
}

/*Style Class for Warning messages */
.clsWarningMessage {
    font-family: Tahoma;
    font-size: 11px;
    color: Yellow;
}

/*Style Class for Success messages */
.clsSuccessMessage {
    font-family: Tahoma;
    font-size: 11px;
    color: Green;
}

/*Style Class for Lists (Html 'ul' or 'ol' tag) */
.clsListRoot {
    font-family: Tahoma;
    font-size: 11px;
}

/*Style Class for List items (Html 'li' tag) */
.clsListChild {
    font-family: Tahoma;
    font-size: 11px;
}

/*pagebanner Class and pagelinks class are two classes which are used in DataGrid (Data Tables) */
/*pagebanner Style Class is used for texts on top of the table  */
.pagebanner {
    font-family: Tahoma;
    font-size: 11px;
}

/*pagebanner Style Class is used for links in DataGrids  */
.pagelinks {
    font-family: Tahoma;
    font-size: 11px;
    direction: ltr;
}

/*Style Class for Sorted columns of DataGrid */
.clsSorted {

}

/*Style Class for Sortable column of DataGrid */
.clsSortable {

}

/*Style Class for the page components which must be aligned to the defaul page direction */
/*In right-to-left pages this class is used to align right and in left-to-right pages is used to aligned left  */
.clsCellAlignDefault {
    text-align: right;
}

/*Style Class for the page components which must be aligned opposite of page direction */
.clsCellAlignOpposite {
    text-align: left;
}

.clsMessage {
    font-family: Tahoma;
    font-size: 12px;
    color: darkblue;
}

table.form {
    background-color: #000000;
    align: center;
    cellpadding: 10;
}

td.formHeader {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFFFFF;
}

td.formBody {
    font-family: Tahoma;
    font-size: 12px;
    width: 100%;
    height: 100%;
    background-color: #D4DDED;
}

table.collection {
    width: 100%;
    text-align: center;
    background-color: #F9F9FF;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 2px;
}

.collection TH {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #AFBDD8;
    border-bottom-color: #7BA7CE;
    vertical-align: middle;
    text-align: center;
    color: white;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#c1c1c1', endColorstr = '#727272' ); /* for IE */
    background: -webkit-gradient( linear, left top, left bottom, from( #c1c1c1 ), to( #727272 ) ); /* for webkit browsers */
    background: -moz-linear-gradient( top, #c1c1c1, #727272 ); /* for firefox 3.6+ */
}

/*Style Class for Tables Odd Row */
.clsTableOddRow TD, .calendarWorkday {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #c9ba85;
    border-bottom-color: #aea173;
    vertical-align: middle;
    background-color: #E9EAFF;
    padding: 1px 4px;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#f6e7eb', endColorstr = '#e8bcc5' ); /* for IE */
    background: -webkit-gradient( linear, left top, left bottom, from( #f6e7eb ), to( #e8bcc5 ) ); /* for webkit browsers */
    background: -moz-linear-gradient( top, #f6e7eb, #e8bcc5 ); /* for firefox 3.6+ */
}

/*Style Class for Tables Even Row */
.clsTableEvenRow TD {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #AFBDD8;
    border-bottom-color: #7BA7CE;
    vertical-align: middle;
    background-color: #FCFAE0;
    padding: 1px 4px;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#efefef', endColorstr = '#c4c4c4' ); /* for IE */
    background: -webkit-gradient( linear, left top, left bottom, from( #efefef ), to( #c4c4c4 ) ); /* for webkit browsers */
    background: -moz-linear-gradient( top, #efefef, #c4c4c4 ); /* for firefox 3.6+ */
}

table.pager {
    font-family: Tahoma;
    font-size: 10px;
    width: 100%;
    height: 100%;
    background-color: #F9FAFF;
}

table.pagerBorder {
    /*background-color: #7BA7CE;*/
    background-color: #d86b97;
}

table.image {
    font-family: Tahoma;
    font-size: 12px;
    width: 100%;
    height: 100%;
    background-color: #F9FAFF;
}

th.image {

}

td.image {

}

.imageDis {
    filter: progid: DXImageTransform . Microsoft . BasicImage( GrayScale = 1 ) progid: DXImageTransform . Microsoft . Alpha( opacity = 35 );
}

/* Struts Layout CSS imported and edited on demand */
/*******************************
 * class for the subscriptions *
 ******************************/

.ongletMain {
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: medium none;
    BORDER-LEFT: #336699 1px solid;
    BORDER-BOTTOM: #336699 1px solid;
}

.clsAction {
    width: 100%;
}

.ongletTextEna {
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #336699 1px solid;
    COLOR: #005386; /*#005386; */
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: center;
}

.ongletTextDis {
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BORDER-LEFT: #336699 1px solid;
    COLOR: #777777;
    BORDER-BOTTOM: #336699 1px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #EEEEEE;
    TEXT-ALIGN: center;
    cursor: hand;
}

.ongletTextErr {
    BORDER-RIGHT: #c5c5c5 1px solid;
    BORDER-TOP: #c5c5c5 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BORDER-LEFT: #c5c5c5 1px solid;
    COLOR: #FFFFFF;
    BORDER-BOTTOM: #80add6 2px solid;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #ED4F50;
    TEXT-ALIGN: center;
}

.ongletMiddle {
    BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: medium none;
    FONT-SIZE: 1px;
    BORDER-LEFT: #336699 1px solid;
    BORDER-BOTTOM: medium none;
}

.ongletSpace {
    BORDER-BOTTOM: #336699 1px solid;
}

.noborder img {
    border: none;
}

.mdastatussu {
    background-color: #6BD700
}

.mdastatuspl {
    background-color: #F1F960
}

.mdastatuswo {
    background-color: #FF6F6F
}

.mdastatusdo {
    background-color: #000000
}

.mdastatusca {
    background-color: #949494
}

.slide {
}

.slide.title {
}

.slide.middlebar {
    background-image: url( './config/haut.gif' );
    background-repeat: repeat-x;
    background-position: center;
    width: 100%;

}

.slide.button-minimize {
    width: 16px;
    height: 16px;
    background-image: url( '../images/btn_Minus_1111.gif' );
    background-position: center;
    background-repeat: no-repeat;
    cursor: hand;
}

.slide.button-maximize {
    width: 16px;
    height: 16px;
    background-image: url( '../images/btn_Plus_1111.gif' );
    background-position: center;
    background-repeat: no-repeat;
    cursor: hand;
}

/*--------------------------------------------------|
| TreeView                                          |
|--------------------------------------------------*/

.dtree {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}

.dtree img {
    border: 0px;
    vertical-align: middle;
}

.dtree a {
    color: #333;
    text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 2px 1px 2px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #333;
    text-decoration: underline;
}

.dtree a.nodeSel {
    background-color: #c0d2ec;
}

.dtree .clip {
    overflow: hidden;
}

.clsTree {
    border-bottom: 1px solid #035C96;
    border-top: 1px solid #065F99;
    border-left: 1px solid #065F99;
    border-right: 1px solid #035C96;
    background-color: #FFFFFF;
}


.btnBar {
    width: 100%;
    margin-top: 10px;
    text-align: left;
}

button.clsButton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#ffffff', endColorstr = '#c6c5d7' ); /* for IE */
    background: -webkit-gradient( linear, left top, left bottom, from( #ffffff ), to( #c6c5d7 ) ); /* for webkit browsers */
    background: -moz-linear-gradient( top, #ffffff, #c6c5d7 ); /* for firefox 3.6+ */

    border: #003c74 solid 1px;
    width: 106px;
    height: 22px;
    padding: 0;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
}

button.clsButton:hover {
    background: none;
    background-color: #f1f0f5;
}

button.clsButton:active {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#c6c5d7', endColorstr = '#ffffff' ); /* for IE */
    background: -webkit-gradient( linear, left top, left bottom, from( #c6c5d7 ), to( #ffffff ) ); /* for webkit browsers */
    background: -moz-linear-gradient( top, #c6c5d7, #ffffff ); /* for firefox 3.6+ */
}

button.clsButton .inBtnImg {
    margin: auto 2px auto 6px;
    vertical-align: middle;
}

button.clsButton .inBtnText {
    width: 100%;
    text-align: right;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    font-size: 10px;
    font-family: Tahoma;
}

.clsInputPage table {
    font-size:11px;
}

/*------------------------------------------------END-----------------------------------------------*/