/* Force Select's layout across browser. */
SELECT
{
    border-style:solid;
    border-color:#707070;
    border-width:1px;
}

/* OnlineHelp Active Element Style*/
INPUT[type="button"].OnlineHelp,
INPUT[type="submit"].OnlineHelp,
LABEL.OnlineHelp
{
    color:#009933 !important;
}
INPUT[type="text"].OnlineHelp,
SELECT.OnlineHelp
{
    border-color:#009933 !important;
    border-width:2px;
}
INPUT[type="button"].OnlineHelp.CellButton,
.OnlineHelp.CellButton
{
    color:white !important;
    background-color:#009933 !important;
}
TH LABEL.OnlineHelp
{
    color:#5CE62E !important;
}
.Title.OnlineHelp
{
    color:#009933 !important;
}
/* OnlineHelp Inactive/Disable Element Style */
LABEL:disabled.OnlineHelp,
LABEL.OnlineHelp.Inactive,
INPUT[type="button"]:disabled.OnlineHelp,
INPUT[type="submit"]:disabled.OnlineHelp
{
    color:#86c595 !important;
}
INPUT[type="text"]:disabled.OnlineHelp,
SELECT:disabled.OnlineHelp
{
    border-color:#90CF9F !important;
}
TH LABEL:disabled.OnlineHelp,
TH LABEL.OnlineHelp.Inactive
{
    color:#9DF082 !important; /* Couleur a verifier, je ne me rappel plus dans quelles pages on retrouve un Table Header Inactive/Disable */
}
INPUT[type="button"].OnlineHelp.CellButtonDisable,
.OnlineHelp.CellButtonDisable
{
    color:white !important;
    background-color:#90CF9F !important;
}
/* Online Help Tooltip Style */
.OnlineHelpToolTip
{
    background: #EDEEF5;
    border-style:solid;
    border-width:1px;
    color:black;
    display: none;
    font-size:10px;
    font-weight:normal;
    opacity:0;
    padding:5px 5px 5px 5px;
    pointer-events: none;
    position: absolute;
    max-width:800px;
    min-width:50px;
    text-align:left;
    /* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
    /* A higher z-index value will show the item on top, a proper value was needed --> over 9000 =) */
    z-index:9000;
    overflow-y: auto;
    max-height: 250px;
}
/* Allow to pad the 'div' containing the tooltip so the mouse can be drag on it without the tooltip disapearing */
.OnlineHelp:After .OnlineHelpToolTip
{
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    bottom:-20px;
    width: 100%;
}

/* For when the tooltip is a child of a parent element */
.OnlineHelp:hover .OnlineHelpToolTip,
/* For when the tooltip is a sibling of a help element */
.OnlineHelp:hover + .OnlineHelpToolTip,
/* Allow the Div to stay visible when the parent sibling element isn't hover anymore */
.OnlineHelpToolTip:hover
{
    display: block;
    opacity:1;
    pointer-events: auto;
}
/* Specific style only for Title tooltip */
.OnlineHelp.Title .OnlineHelpToolTip
{
    margin-left:46px;
}

/* Class and Behavior for OnlineHelpLink */
.OnlineHelpLink_ToolTip_Visible
{
    display: block !important;
    opacity:1 !important;
}
#OnlineHelpLink:hover
{
    cursor: hand;
    cursor: pointer;
}
#OnlineHelpLink:hover #OnlineHelpLinkToolTip
{
    display: block !important;
    opacity:1 !important;
}
/* Style for the OnlineHelp Link Tooltip */
#OnlineHelpLinkToolTip
{
    background: #EDEEF5;
    border-style:solid;
    border-width:1px;
    color:black;
    display: none;
    margin-left:-181px;
    margin-top:60px;
    opacity:0;
    padding:5px 5px 5px 5px;
    position: absolute;
    /* A higher z-index value will show the item on top, a proper value was needed --> over 9000 =) */
    z-index:9000;
}