﻿
/* ------------------- NE PAS MODIFIER CE FICHIER ------------------------ */
/*   Pour personnaliser le style du portail, modifier le fichier           */
/*   ToolboxStyles.css en y copiant à partir de ce fichier et en y         */
/*    modifiant les classes choisies                                       */
/* ----------------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */
/*      FEUILLE DE STYLE PAR DEFAUT DE LA TELECOMMANDE PROX-E-CALC		   */
/* ----------------------------------------------------------------------- */


.ToolBox
{
    height: auto;
    width: 200px;
    text-align: left;
}

.HeaderToolBox
{
    width: 200px;
    display: block;
    background-image: url(RemoteTopL.gif);
    height: 84px;
    text-align: center;
    z-index: 0;
}

.HeaderToolBox2
{
    width: 200px;
    display: block;
    text-align: center;
}

.ContainerToolBox
{
    width: 200px;
    display: block;
    background-image: url(RemoteCenter.gif);
    text-indent: 8px;
    text-align: center;
}

.PnlArtDesignPrice
{
    padding-right: 10px;
    text-indent: 8px;
}

.FooterToolBox
{
    padding-top: 3px;
    display: block;
    text-align: center;
    background-image: url(RemoteBottom.gif);
    background-repeat: no-repeat;
    height: 124px;
}

.QuitToolBox
{
    display: block;
    float: right;
    padding: 10px 15px 10px 10px;
}

.ValidatorContainer
{
    display: block;
    margin: 3px 5px 3px 5px;
}

.NavigatorContainer
{
    display: block;
    margin: 5px 5px 3px 5px;
}

.OptionGroupValidator
{
    border-style: none;
    width: 0px;
    display: none;
}



#ULArtDesignPrice
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    top: 2em;
    left: 3em;
    width: 100%; /* précision pour Opera */
    display: block;
    font-weight: bold;
    background-image: url(RemoteCenter.gif);
}

#ULArtDesignPrice li
{
    float: right;
    display: block;
    padding: 2px;
    margin: Opx;
}



#ULArtDesignPriceDate
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    top: 2em;
    left: 3em;
    width: 100%; /* précision pour Opera */
    display: block;
    font-weight: bold;
    background-image: url(RemoteCenter.gif);
}

#ULArtDesignPriceDate li
{
    float: left;
    display: block;
    padding: 2px;
    margin: Opx;
}


.ProductCodeStyleToolBox
{
    font-size:small;
    font-weight: bold;
    color: red;
}

.SizeDataStyleToolBox
{
    color: #003366;
    font-weight: bold;
    font-size: xx-small;
    text-decoration: none;
}

.ProductImageToolBox
{
    border: 1px Solid Black;
}

.DDLStyleToolBox
{
    border-style: solid;
    border-width: 1px;
    border-color: #333300;
    background-color: Silver;
}

.PopupMenuStage
{
    width: 250px;
    font-size: 12px;
    border: 1px Solid gray;
    background-image: url(backDropDownLong.jpg);
    background-position: -60px;
    background-repeat: repeat-y;
    padding: 2px;
    text-indent: 15px;
    text-align: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: .7em;
    display: none;
}


.PopupMenuStage a
{
    width: 250px;
    display: block;
    border: 1px Solid transparent;
    color: Blue;
}

.PopupMenuStage a:hover
{
    width: 250px;
    display: block;
    border: 1px Solid #CCFFCC;
    background-color: #66CC33;
    text-decoration: none;
    color: White;
}

/* ---------------------------------------------------------------------- */
/*      FEUILLE DE STYLE POUR LES COMPOSANTS AJAXCONTROL TOOLKIT		   */
/* ---------------------------------------------------------------------- */

.ButtonOpenModal
{
    border: 1px Solid Green;
    text-align: center;
}

.ButtonStyleModal
{
    display: inline;
    border: 1px Solid Green;
    text-align: center;
    padding: 3px 10px 3px 10px;
    margin: 0px 5px 0px 5px;
    background-color: #FFFFFF;
}

.ButtonStyleModal:hover
{
    display: inline;
    text-decoration: none;
    border: 1px Solid Green;
    text-align: center;
    color: #66CC33;
    background-color: Black;
}

.BackgroundCssClass
{
    background-color: gray;
}

.PnlModalStyle
{
    padding: 2px;
    background-color: #66CC33;
    text-align: center;
}

.PnlHeaderDrag
{
    padding: 5px;
    background-color: Black;
    text-align: left;
    text-indent: 5px;
    color: #FFFFFF;
    cursor: move;
}

.PnlContainer
{
    padding: 15px;
    background-color: inherit;
    text-align: center;
}

.LabelModal
{
    display: block;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.LblHeaderDrag
{
    display: block;
    color: #FFFFFF;
    margin-bottom: 10px;
}

/* ---------------------------------------------- */