/**
 * Dragon - SOA Governance Platform.
 * Copyright (c) 2008 EBM Websourcing, http://www.ebmwebsourcing.com/
 * 
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 2.1 of the License, or (at your option) any later version.
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * Initial developer(s): EBM WebSourcing
 *
 * The Dragon stylesheet.
 * ------------------------
 * Colors :
 * --------
 * dark grey    : #b5b2b8
 * grey         : #e2e2e2
 * light grey   : #dad9d8
 * orange       : #f97601
 * violet       : #5906A6
 * light violet : #e2cdf3
 * ultra light  : #f7f5f7
 **************************************/
body * {
        font-family:verdana;
        font-size:11px;
}
body {
        /* Force hover behavior for IE */
        behavior: url("../../resources/css/csshover.htc");
}
p, form, h1, h2, h3, h4, h5, h6, input, select, textarea, div, a, ul, li, ol{
        margin:0;
        padding:0;
        font-weight:normal;
        list-style:none;
}
input, select, textarea {font-size:100%;}
table {
        border-collapse:collapse;
}
table acronym{border:0; border-collapse:collapse}
td{padding:0}
a, a:visited, a:link {
        text-decoration:underline;
        color: #404040;
}
a:hover {
        color: #E02521;
}
a img, acronym{border:none}
.dn {display:none !important;}
.cb {clear:both !important;}
.noborder {border:none}
.fl {float:left !important;}
.fr {float:right !important;}
.ac {text-align:center !important;}
.bold {font-weight:bold;}

img
{
        border: none;
        vertical-align: middle;
}

/* ========================================== */
/* Common layout elements */
/* ========================================== */
body {
        margin:0;
        background:url("../img/background.gif");
        text-align:center;
        color: #404040;
}
#header {
        background:url("../img/banner_bg.jpg") repeat-x;
        height: 102px;
        padding: 0 20px;
        margin-bottom: 20px;
        position: relative;
        display:block;
        vertical-align: bottom;
}
#sidebar {
        margin-left: 20px;
        /* why ??? */
        _margin-left: 10px;
        vertical-align: top;
        float: left;
        width: 200px;
        position: relative;
        z-index: 2;
}
#footer {
        padding-top: 10px;
        padding-bottom: 5px;
        margin-top: 20px;
        text-align:center;
        background:url("../img/filets.jpg") left top repeat-x;
}
#footer ul {
        display: inline;
        background:url("../img/footer_bullet.gif") right center no-repeat;
        padding-right: 5px;
}
#footer ul li {
        display: inline;
        background:url("../img/footer_bullet.gif") left center no-repeat;
        padding: 0 3px 0 9px;
}
.osuit-Frame {
        text-align: left;
        background-color: #F4F4F4;
        border: 1px solid #9D9D9D;
        margin:20px;
        display: block;
        position: relative;
}
#osuit-PageContainer {
        border: 1px solid #E8E8E8;
        display: block;
        position: relative;
        z-index: 1;
        margin-left: 230px;
        margin-right: 20px;
        background-color: #FFFFFF;
        min-height: 400px;
        /* Pour IE */
        _height: 400px;
        /*overflow: hidden;*/
}
.osuit-PageTitle {
        background: #E8E8E8 url("../img/bulet_title.gif") 5px center no-repeat;
        padding: 5px 0 5px 15px;
        color:#E02521;
        text-transform:uppercase;
        font-weight: bold;
        display:block;
        border-bottom: 1px solid #FFFFFF;
        /* if not here, fantom DIV bug on IE */
        position: relative;
}

.osuit-Dialog {
        margin: 20px;
}
.osuit-Dialog #osuit-Stack {
        overflow-x: auto;
}

/* ==================================== */
/* (vertical) Menu style                */
/* ==================================== */
.osuit-Menu
{
        margin-bottom: 20px;
        border: 1px solid #E8E8E8;
}
.osuit-Menu .osuit-Title
{
        height: 24px;
        line-height: 24px;
        padding: 0 0 0 15px;
        background:#E8E8E8 url("../img/bulet_title.gif") 5px center no-repeat;
        color:#E02521;
        text-transform:uppercase;
        font-weight: bold;
        display:block;
        border-bottom: 1px solid #FFFFFF;
}
/* menu icons (in title or items) */
.osuit-Menu img
{
        margin: 0 3px 0 0;
        vertical-align: middle;
}
.osuit-Menu li
{
        /* cure IE5.x "whitespace in lists" problem */
        _float: left;
        _width: 100%;
}
.osuit-Menu .osuit-Button
{
        height: 24px;
        line-height: 24px;
        padding: 0 5px 0 20px;
        background:#F8F8F8 url("../img/bulet_nav.gif") 10px center no-repeat;
        color:#404040;
        font-weight: normal;
        text-decoration: none;
        border-bottom: 1px solid #FFFFFF;
        display:block;
}
.osuit-Menu .osuit-Button.disabled
{
        color: #C4C4C4;
        cursor: default;
}
.osuit-Menu a.osuit-Button:hover
{
        background-color: #FFD7D7;
        color:#E02521;
}
.osuit-Menu hr
{
        border: 0;
        border-top: 10px solid #E8E8E8;
}

/* sub menu */
.osuit-Menu .osuit-SubMenuItem > .osuit-Button
{
        background-image: url("../img/bulet_title.gif");
}
.osuit-Menu .osuit-SubMenuItem > .osuit-Button:hover,
.osuit-Menu .osuit-SubMenuItem:hover > .osuit-Button,
.osuit-Menu .osuit-SubMenuItem.focus > .osuit-Button
{
        background: url("../img/bulet_title_dwn.gif") 9px center no-repeat;
        background-color: #FFD7D7;
        cursor: default;
}
.osuit-Menu .osuit-SubMenu
{
        position: absolute;
        width: 80%;
        z-index: 3;
        border: 2px solid #E8E8E8;
        top: 20px;
        left: 25%;
        display: none;
}

.osuit-Menu .osuit-SubMenuItem:hover > .osuit-SubMenu,
.osuit-Menu .osuit-SubMenuItem.focus > .osuit-SubMenu
{
        display: block;
}

/* Sub-menu popup out on the right */
.osuit-Menu .osuit-SubMenuItem:hover,
.osuit-Menu .osuit-SubMenuItem.focus
{
        position: relative;
}
/* ============================ */
/* LanguageBar style            */
/* ============================ */
.osuit-LanguageBar
{
        float: right;
}
.osuit-LanguageBar ul li
{
        float: left;
        padding: 0 2px;
}
.osuit-LanguageBar img
{
        padding: 1px;
        margin: 0;
        border: 1px solid transparent;
}
.osuit-LanguageBar span.selected img
{
        border: 1px solid #E02521;
}
.osuit-LanguageBar a:hover img
{
        border: 1px solid #4F4D4E;
}
/* ============================ */
/* Buttons style for Menu       */
/* ============================ */
.osuit-Buttons {
        /* fixes the IE6 jump on hover bug */
        zoom: 1;
        text-align: left;
        display: block;
        padding: 10px 0;
        padding-left: 210px;
        overflow: hidden;
}
.osuit-Buttons li {
        float: left;
}
.osuit-Buttons .osuit-Button
{
        white-space:nowrap;
        text-align:center;
        vertical-align:middle;
        background-color: #F3F3F3;
        cursor: pointer !important;
        color: #404040;
        /*font-size: 10px;*/
        font-size: 90%;
        font-weight:bold;
        border: 3px double #CECECE;
        margin: 0 3px;
        display: block;
        text-decoration:none;
        padding: 3px 6px 4px 6px;
}
/* negative margins for an image inside a button */
.osuit-Buttons .osuit-Button img
{
        margin: -3px 3px -3px -3px;
}
.osuit-Buttons .osuit-Button.disabled
{
        color: #C4C4C4;
        cursor: default;
}
.osuit-Buttons input.osuit-Button
{
        padding: 2px 4px 3px 4px;
        /* For IE */
        _padding: 2px 0 2px 0;
}
.osuit-Buttons a.osuit-Button:hover,
.osuit-Buttons input.osuit-Button:hover
{
        background-color: #DEDEDE;
        color: #404040;
}
/* ============================ */
/* field buttons style          */
/* ============================ */
.osuit-Field .osuit-Buttons {
        overflow: hidden;
        float: left;
        padding: 5px 4px;
}
.osuit-Field .osuit-Buttons .osuit-Button
{
        padding: 1px 3px;
        margin: 0 2px;
        font-size: 80%;
        border: 3px double #CECECE;
}
.osuit-Field .osuit-Buttons input.osuit-Button
{
        padding: 0;
}
/* ============================ */
/* TabPage style                */
/* ============================ */
.osuit-TabBar {
        background: url("../img/tab_bar.gif") bottom repeat-x;
        /* clearing fix */
        overflow: hidden;
        _overflow: visible;
        _height: 1%;
        padding-left: 20px;
        padding-top: 10px;
        margin: 0 10px;
}
.osuit-TabBar li {
        float: left;
}
.osuit-TabBar .osuit-TabItem
{
        white-space:nowrap;
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        background-color: #E8E8E8;
        cursor: pointer !important;
        color: #404040;
        font-size: 90%;
        font-weight:bold;
        border: 3px double #BEBEBE;
        border-bottom: 1px solid #BEBEBE;
        margin: 0 2px 0 2px;
        height: 20px;
        line-height: 20px;
        padding: 0 7px;
        display: block;
}
.osuit-TabBar .osuit-TabItem.selected {
        color:#E02521;
        background-color: #F3F3F3;
        border-bottom-color: #F3F3F3;
}
.osuit-TabBar .osuit-TabItem.disabled {
        color: #C4C4C4;
}
.osuit-TabBar a.osuit-TabItem:hover {
        background-color: #DEDEDE;
        color: #404040;
}
.osuit-TabBar img {
        margin: -5px 3px -5px -3px;
}

.osuit-TabContent {
        margin: 0px 10px 10px 10px;
        border: 1px solid #BEBEBE;
        border-top-width: 0;
        padding: 13px;
        background-color: #F3F3F3;
        display: block;
        min-height: 300px;
        /* For IE */
        _height: 300px;
        overflow: auto;
        _overflow: visible;
}

/* ========================= */
/* Style du  Form par d�faut */
/* ========================= */
.osuit-Form {
        background-color: #FFFFFF;
        color: #404040;
        padding:0;
        margin-top: 10px;
        position: relative;
}
.osuit-Form fieldset {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        border: 0;
        background:url("../img/filets.jpg") left 0px repeat-x;
}
.osuit-Form .osuit-Title {
        color:#9D9D9D;
        font-weight: bold;
        /*font-size: 11px;*/
        font-size: 100%;
        
        text-transform:uppercase;
        font-style: italic;
        background:#FFFFFF;
        margin-left: 50px;
        padding: 0px 8px 0px 8px;
}

.osuit-Field {
        display: block;
        border-bottom: 1px solid #D9D9D9;
        border-top: 1px solid #FFFFFF;
        /* clearing fix */
        _width: 100%;
        overflow: hidden;
}
.osuit-Field.even {
        background-color: #F8F8F8;
}
.osuit-Field.osuit-InfoText {
        padding: 8px;
}
.osuit-FieldLabel {
        color:#E02521;
        font-weight: bold;
        display:block;
        width:200px;
        float:left;
        padding: 8px 0;
        text-align:right;
}

.osuit-FieldInput {
        float: left;
        padding: 8px 0 8px 10px;
}
.osuit-FieldInput input,
.osuit-FieldInput select
{
        margin: 0 5px 0 0;
        border: 1px solid #E02521;
        padding: 1px 2px;
        background-color: #FFFFFF;
        vertical-align: middle;
}
.osuit-FieldInput .osuit-CheckBox,
.osuit-FieldInput .osuit-Radio
{
        border: 0;
        background-color: transparent;
}
.osuit-Form .osuit-Errors
{
        float: left;
        margin: 8px 5px;
}
.osuit-Form .osuit-Errors li
{
        display: block;
        font-size: 80%;
        color: #E02521;
        background:url("../img/error.gif") left center no-repeat;
        padding-left: 7px;
}
.osuit-Percentage {
        position: relative;
        border: 1px solid #E02521;
        background-color: #FFFFFF;
        width: 300px;
/*      height: 17px;*/
        padding: 2px;
}
.osuit-PercentageBar {
        background-color: #FFD7D7;
}
.osuit-PercentageText {
        position: absolute;
        left:0;
        top: 2px;
        float: none;
        color: #E02521;
        font-weight: bold;
        width: 100%;
        text-align: center;
}

/* ========================= */
/* Calendar */
/* ========================= */
.osuit-CalendarButton {
        text-decoration: none;
        background: url(../img/calendar.gif) no-repeat;
        width: 17px;
        height: 17px;
        display: inline-block;
        margin-right: 5px;
        overflow: hidden;
        vertical-align: middle;
        font-size: 0; /* do not display text */
        text-indent: -5000px;
}
.osuit-CalendarButton:hover {
        background-image: url(../img/calendar_h.gif);
}
/* Rule that is retrieved by JavaScript code that opens the popup window */
.osuit-CalendarWindow {
        width: 300px;
        height: 200px;
}
/* calendar table (and inner borders) */
.osuit-Calendar {
        background-color: #FFFFFF;
        color: #404040;
        border-collapse: collapse;
        padding:0;
        border: 3px double #9D9D9D;
        margin: 10px auto;
}
.osuit-Calendar tr.Toolbar th {
        border-bottom: 3px double #9D9D9D;
}
.osuit-Calendar th, .osuit-Calendar td {
        border: 1px solid #9D9D9D;
}
/* toolbar */
.osuit-Calendar tr.Toolbar div {
        position: relative;
        display: block;
        padding: 5px 0;
        width: 100%;
        background-color: #E8E8E8;
        color: #E02521;
        text-transform: uppercase;
        font-weight: bold;
}

.osuit-Calendar tr.Toolbar a {
        text-decoration: none;
        display: block;
        position: absolute;
        display: block;
        overflow: hidden;
        top: 7px;
}
.osuit-Calendar a.PrevYear {
        background-image: url(../img/back2_big.gif);
        width: 10px;
        height: 9px;
        left: 5px;
}
.osuit-Calendar a.PrevMonth {
        background-image: url(../img/back_big.gif);
        width: 5px;
        height: 9px;
        left: 20px;
}
.osuit-Calendar a.NextMonth {
        background-image: url(../img/next_big.gif);
        width: 5px;
        height: 9px;
        right: 20px;
}
.osuit-Calendar a.NextYear {
        background-image: url(../img/next2_big.gif);
        width: 10px;
        height: 9px;
        right: 5px;
}
.osuit-Calendar td span,
.osuit-Calendar td a
{
        display: block;
        text-align: center;
        font-weight: bold;
        padding: 1px 3px;
        text-decoration: none;
}
.osuit-Calendar td.Week span {
        font-weight: normal;
        font-style: italic;
}
.osuit-Calendar td.Day a {
        cursor: pointer;
}
.osuit-Calendar td.Day a.Selected {
        color: #E02521;
}
.osuit-Calendar td.Day a.OutMonth {
        color: #999999;
}
.osuit-Calendar td.Day a.WeekEnd {
        background-color: #E8E8E8;
}
.osuit-Calendar td.Day a:hover {
        background-color: #FFD7D7;
        color: #E02521;
}

/* ========================= */
/* Style de Table par d�faut */
/* ========================= */
.osuit-Table {
        background-color: #E8E8E8;
        color: #404040;
        margin-top: 10px;
        border-top: 2px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
}
.osuit-Table table {
        background-color: #FFFFFF;
        border-collapse:collapse;
        padding: 0;
        width: 100%;
        margin-top: 1px;
}
/* Title */
.osuit-Table .osuit-Title {
        color:#E02521;
        text-transform:uppercase;
        font-weight: bold;
        /*font-size: 11px;*/
        font-size: 100%;
        padding: 5px 0 5px 15px;
        text-align: left;
}
/* navigation bar */
.osuit-Table .osuit-TableNavBar {
        /* clearing fix */
        overflow: hidden;
        _overflow: visible;
        _height: 1%;
        padding: 5px 10px;
        border-bottom: 1px solid #D9D9D9;
        color:#E02521;
        font-weight: bold;
}
.osuit-Table .osuit-TableNavBar .range {
        font-weight: bold;
        float: left;
}
.osuit-Table .osuit-TableNavBar .pagelinks {
        font-weight: bold;
        float: right;
}
.osuit-Table .osuit-TableNavBar .pagelinks * {
        margin-left: 5px;
}
.osuit-Table .osuit-TableNavBar .pagelinks .prevd,
.osuit-Table .osuit-TableNavBar .pagelinks .nextd
{
        color: #B4B4B4;
}
/* toolbar */
.osuit-Table div.toolbar {
}
.osuit-Table .osuit-Buttons {
        padding: 5px 5px;
        border-bottom: 1px solid #D9D9D9;
        margin: 0;
        text-align: left;
        display: block;
        overflow: hidden;
        float: none;
}

.osuit-Table .osuit-Buttons a,
.osuit-Table .osuit-Buttons span {
        font-size: 80%;
        padding: 0px 3px;
        margin: 0 2px;
}
/* headers */
.osuit-Table .osuit-Headers th {
        vertical-align: top;
        border-bottom: 2px solid #D9D9D9;
}
.osuit-Table .osuit-ColumnFilter {
        white-space: nowrap;
        margin-top: 5px;
        position: relative;
}
.osuit-Table .osuit-ColumnFilter input,
table.Table .osuit-ColumnFilter select {
        border: 1px solid #D9D9D9;
        font-size: 10px;
        padding: 0;
}
.osuit-Table .osuit-ColumnFilter input {
        padding: 0 3px;
        width: 70px;
        vertical-align: middle;
}
.osuit-Table .osuit-ColumnFilter option {
        font-size: 10px;
        vertical-align: middle;
}
.osuit-Table .osuit-ColumnFilter input:hover {
        color: #404040;
        background: #F8F8F8;
}
.osuit-Table .osuit-ColumnFilter input:focus {
        color: #404040;
        border: 1px solid #E02521;
        background: #F8F8F8;
}
.osuit-Table .osuit-ColumnFilter .osuit-TextFilterClearBut {
        text-decoration: none;
        background: url(../img/clear_but.gif) 0 0 no-repeat;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0;
        margin-left: 3px;
        overflow: hidden;
        vertical-align: middle;
        font-size: 0; /* do not display text */
        text-indent: -5000px;
}
.osuit-Table .osuit-ColumnFilter .osuit-TextFilterClearBut:hover {
        background-image: url(../img/clear_but_h.gif);
}
.osuit-Table th {
        font-weight: bold;
        padding:5px 5px;
        border-bottom: 1px solid #D9D9D9;
        border-top: 1px solid #FFFFFF;
}
.osuit-Table th a,
.osuit-Table .osuit-TableNavBar a {
        text-decoration: underline !important;
        font-weight: bold;
}
.osuit-Table th a:hover,
.osuit-Table .osuit-TableNavBar a:hover {
        color:#E02521;
}
.osuit-Table .osuit-Headers a {
        padding-right: 10px;
}
.osuit-Table .osuit-Headers th.sortedasc a {
        color:#E02521;
        background:url("../img/sort_down.gif") right center no-repeat;
}
.osuit-Table .osuit-Headers th.sorteddesc a {
        color:#E02521;
        background:url("../img/sort_up.gif") right center no-repeat;
}
/* body */
.osuit-Table tbody td {
        border-bottom: 1px solid #D9D9D9;
        border-top: 1px solid #FFFFFF;
        padding:5px 5px;
}
.osuit-Table tbody tr.even {
        background:#F8F8F8;
}
/* paragraph mode: title style */
.osuit-Table span.title {
        font-size: 80%;
        color: #777777;
}
/* bottom row */
.osuit-Table .osuit-BottomRow  {
        font-weight: bold;
        background-color: #E8E8E8;
}

/* details */
.osuit-Table td.osuit-DetailsCell a {
        display: block;
        font-size: 0; /* do not display text */
        text-indent: -5000px;
        width: 9px;
        height: 9px;
        background: url("../img/TreeAnchor_P.gif") center center no-repeat;
}
.osuit-Table td.osuit-DetailsCell.expanded a {
        background-image: url("../img/TreeAnchor_M.gif");
}
.osuit-Table .osuit-DetailsRow  {
        font-size: 80%;
}
.osuit-Table .osuit-DetailsRow .osuit-DetailsCell {
        background-color: #FFD7D7;
/*      background: url("../img/Tree_V.gif") left top repeat-y;*/
}

/* Surcharge du style Form dans DetailsView */
/* ---------------------------------------- */
.osuit-Table .osuit-DetailsView .osuit-Form {
/*      background-color: #FFFFFF;*/
        color: #404040;
        padding: 0;
        maring: 0;
}
.osuit-Table .osuit-DetailsView .osuit-Form fieldset {
        margin: 0;
        padding: 0;
        margin-top: 10px;
        border: 0;
        background:url("../img/filets.jpg") left 0px repeat-x;
}
.osuit-Table .osuit-DetailsView .osuit-Form .osuit-Title {
        color:#9D9D9D;
        font-weight: bold;
        font-size: 100%;
        
        text-transform:uppercase;
        font-style: italic;
        background:#FFFFFF;
        margin-left: 50px;
        padding: 0 8px;
}

.osuit-Table .osuit-DetailsView .osuit-Form .osuit-Field {
        border: none;
        display: block;
        width: 200px;
        float: left;
        padding: 3px 0;
        overflow: visible;
        background: none;
}
.osuit-Table .osuit-DetailsView .osuit-Form .osuit-FieldLabel {
        margin: 0;
        padding: 0;
        color: #404040;
        font-weight: bold;
        display:block;
        width: 80px;
        float:left;
        text-align:right;
}
.osuit-Table .osuit-DetailsView .osuit-Form .osuit-FieldInput {
        margin: 0;
        padding: 0 0 0 5px;
        display: block;
        float: left;
}

/* ========================= */
/* Style de Tree par d�faut */
/* ========================= */
.osuit-Tree {
        overflow: auto;
        background-color:#F4F4F4;
        border:1px solid #9D9D9D;
        margin: 5px;
        padding: 5px;
        min-height: 300px;
}
/* pour FF: marge nulle entre le marker et le content (comme IE) */
.osuit-Tree li:before {
        content: "";
        margin-left: -7px;
}
.osuit-Tree li {
        position: relative;
        padding: 1px 0;
        background: url("../img/Tree_V.gif") left top repeat-y;
        display: list-item;
        list-style-image: url("../img/Tree_L.gif");
        list-style-position: inside;
}
.osuit-Tree li.last {
        background: none;
}
.osuit-Tree .osuit-TreeAnchor {
        position: absolute;
        width: 9px;
        height: 9px;
        left: 3px;
        top: 4px;
        _left: -13px;
        _top: 3px;
        font-size: 0; /* do not display text */
        text-indent: -5000px;
        background: url("../img/TreeAnchor.gif") left top no-repeat;
}
.osuit-Tree .osuit-TreeAnchor.expanded {
        background-image: url("../img/TreeAnchor_M.gif");
}
.osuit-Tree .osuit-TreeAnchor.collapsed {
        background-image: url("../img/TreeAnchor_P.gif");
}
.osuit-Tree li ul {
        margin-left: 20px;
}
.osuit-Tree div.loading {
        display: block;
        width: 16px;
        height: 16px;
        margin-left: 25px;
        background: url("../img/loading.gif") left top no-repeat;
}
.osuit-Tree li img {
        vertical-align: top;
        margin: 0;
}
.osuit-Tree li .osuit-TreeLabel {
        padding: 0px 2px;
        vertical-align: top;
}
/* ================================ */
/* Autocomplete style               */
/* ================================ */
.osuit-AutoComplete {
        position: absolute;
        z-index: 100;
        overflow-x: visible;
        overflow-y: auto;
        background-color: lightyellow;
        border: 1px outset black;
        text-align: left;
}
.osuit-AutoComplete li {
/*      position: relative;*/
        display: block;
        padding: 0 4px;
        font-size: 10px;
        white-space: nowrap;
        cursor: default;
}
.osuit-AutoComplete li.loading {
        display: block;
        width: 16px;
        height: 16px;
        margin-left: 4px;
        background: url("../img/loading.gif") left top no-repeat;
}

.osuit-AutoComplete li.selected {
        background-color: #CCCCCC;
}
.osuit-AutoComplete li:hover {
        background-color: #DDDDDD;
}
/* ========================= */
/* ChoiceTree Style          */
/* ========================= */
.osuit-ChoiceTree {
        overflow: auto;
        margin: 5px;
        padding: 5px;
}
/* pour FF: marge nulle entre le marker et le content (comme IE) */
.osuit-ChoiceTree li:before {
        content: "";
        margin-left: -7px;
}
.osuit-ChoiceTree li {
        position: relative;
        padding: 1px 0;
        background: url("../img/Tree_V.gif") left top repeat-y;
        display: list-item;
        list-style-image: url("../img/Tree_L.gif");
        list-style-position: inside;
}
.osuit-ChoiceTree li.last {
        background: none;
        margin-top: -2px;
}
.osuit-ChoiceTree .osuit-ChoiceTreeAnchor {
        position: absolute;
        width: 9px;
        height: 9px;
        left: 3px;
        top: 4px;
        _left: -13px;
        _top: 3px;
        font-size: 0; /* do not display text */
        background: url("../img/TreeAnchor.gif") center center no-repeat;
        text-decoration: none;
}
.osuit-ChoiceTree li.expanded > .osuit-ChoiceTreeAnchor {
        background-image: url("../img/TreeAnchor_M.gif");
}
.osuit-ChoiceTree li.collapsed > .osuit-ChoiceTreeAnchor {
        background-image: url("../img/TreeAnchor_P.gif");
}
.osuit-ChoiceTree li.collapsed > ul {
        display: none;
}
.osuit-ChoiceTree .osuit-ChoiceTreeNode {
        vertical-align: top;
        padding: 2px 0 2px 15px;
        background: url("../img/checkbox_part.gif") left center no-repeat;
        font-size: inherit;

}
.osuit-ChoiceTree .osuit-ChoiceTreeNode.checked {
        background-image: url("../img/checkbox_on.gif");
}
.osuit-ChoiceTree .osuit-ChoiceTreeNode.unchecked {
        background-image: url("../img/checkbox_off.gif");
}
.osuit-ChoiceTree li ul {
        margin-left: 20px;
}
.osuit-ChoiceTree label, .osuit-ChoiceTree a.label {
        padding: 0px 2px;
        vertical-align: top;
}
.osuit-ChoiceTree input {
        vertical-align: top;
        margin: 0;
}