/* --------------- */
/*   G L O B A L   */
/* --------------- */

html {
    height:100%;
    max-height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: #fff;
    /* hide overflow:hidden from IE5Mac */
    /* \*/
    overflow: hidden;
    /* */
}

body.mybew {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #000;

}

.global {
    overflow: auto;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 3;
}

/* ie6 */
* html .global {
    clear: both;
    display: inline;
    width: 100%;
}

.main {
    position: relative;
	width:100%;
}

/* -------------- */
/*    H O M E     */
/* -------------- */

.containerAligner {
    text-align: center;
}

.containerGlobal {
    margin-left: auto;
    margin-right: auto;

    width: 100%;
    height: 100%;
    text-align: center;
}

.homeHead {
    height:30px;
    margin-top:5px;
}

.shadesHomeTitle {
    height: 158px;
}

.shadeTitleHomeMiddle {
    background-image: url( mb-home-gradient-middle.png );
    background-repeat: repeat-x;
    background-position: top center;
}

.shadeTitleHomeLeft {
    background-image: url( mb-home-gradient-left.png );
    background-repeat: no-repeat;
    background-position: top left;
}

.shadeTitleHomeRight {
    background-image: url( mb-home-gradient-right.png );
    background-repeat: no-repeat;
    background-position: top right;
}

.containerBlock {
    margin-left: auto;
    margin-right: auto;

    width: 750px;
    height: 100%;
    text-align: center;
}

.blockLogo {
    background-image: url( mb-home-logo.png );
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 158px;
}

.blockIntro {
    width: 100%;
    line-height: 2.0em;
    text-align:center;
    margin-bottom:10px;
}

.textHome2 {
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}

.blockCreer {
    float: left;
    background-image: url( "block-register.png" );
    background-color:black;/*safer if images are not here*/
    background-repeat: no-repeat;
    background-position: center center;
    height: 287px;
    width: 316px;
    border: 0 solid black;
    vertical-align: middle;
    text-align:left;
}

.bouttonCreer {
    background-image: url( "button-register.png" );
    background-repeat: no-repeat;
    background-position: center center;
    height: 32px;
    /*width: 183px;*/
    border: 0 solid red;
    vertical-align: middle;
    text-align:center;
}

/* for firefox */
html>body .bouttonCreer {
    padding-top: 15px;
}

/* for ie 6 */
* .bouttonCreer {
    padding-top: 7px;
}

.blockConnecter {
    float: right;
    background-image: url( "block-login.png" );
    background-color:red;/*safer if images are not here*/
    background-repeat: no-repeat;
    background-position: center center;
    height: 288px;
    width: 316px;
    border: 0 solid red;
    display: block;
    vertical-align: middle;
    text-align:left;
}

/*
.textConnexion {
    margin-top:8px;
    text-align:center;
}
*/

.bouttonConnexion {
    /*float: left;*/
    background-image: url( "button-login.png" );
    background-repeat: no-repeat;
    background-position: center center;
    height: 32px;
    /*width: 114px;*/
    border: 0 solid red;
    vertical-align: middle;
    text-align:center;
}

/* for firefox */
html>body .bouttonConnexion {
    padding-top: 15px;
}

/* for ie 6 */
* .bouttonConnexion {
    padding-top: 7px;
}

.formDivTitle {
    height: 30px;
    margin-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.homeFormDiv {
    clear: both;
    height: 30px;
    /*width: 100%;*/
    vertical-align: middle;
    color: #ffffff;
}

.homeFormDiv label {
    text-align: right;
}
/*
.formText {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 5px;
    color: #fff;
    vertical-align: middle;
}

.formInput {
    float: left;
    width: 150px;
    text-align: left;
    vertical-align: middle;
}
*/

.textBouttonsHome {
    font-size: 14px;
    font-weight: bold;
    color: white;
    font-variant: small-caps;
    vertical-align: middle;
}

.textBlockPreferences, .textForm {
    /*font-size:18px;*/
    font-weight: normal;
    color: #ffffff;
    vertical-align: middle;
}

.textBlockTitle {
    font-size: 18px;
    font-weight: bolder;
    color: white;
    font-variant: small-caps;
    line-height:16px;
    padding:0;
    top:0;
}

/*
this seems to break the text decoration of the link in firefox
* .textBlockTitle {
    vertical-align: top;
}
*/


/* ------------- */
/*  H E A D E R  */
/* ------------- */

.shadesTitle {
    height: 115px;
}

div.headtext {
    margin-left: 350px;
    height: 20px;
    min-width: 240px; /*border:1px solid yellow;*/
    position: relative;
    top: 47px;
}

.textNomUtilisateur {
    font-size: 20px;
    font-weight: bolder;
    color:black;
}

.utilisateur {
    float: left;
    margin-left: 20px;
    /*padding-top: 5px;*/
}

/* small black button (may be improved by making width dynamic) */

.smallButton {
    float: right;
    margin-right: 20px;
    background-image: url( "boutton-noir2.png" );
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    width: 66px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.smallButton a {
    color: #ffffff;
}

/* for firefox */
html>body .smallButton {
    padding-top: 3px;
}

/* for ie 6 */
* .smallButton {
    padding-top: 3px;
}

.shadeTitleMiddle {
    background-image: url( "mb-logo-middle.png" );
    background-repeat: repeat-x;
    background-position: top center;
}

.shadeTitleLeft {
    background-image: url( "mb-logo-left.png" );
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0 0 0 95px;
}

.shadeTitleRight {
    background-image: url( "mb-logo-right.png" );
    background-repeat: no-repeat;
    background-position: top right;
}

a.headLink {
    /*border: 1px solid red;*/
    height: 88px;
    float: left;
    display: block;
    width: 347px;
    text-decoration: none;
}

.headpad {
    display: block;
    height: 15px;
}

.smallButtonRed {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url( "boutton-rouge2.png" );
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
}

.smallButtonRed a {
    color: #ffffff;
}

/* for firefox */
html>body .smallButtonRed {
    padding-top: 3px;
}

/* for ie 6 */
* .smallButtonRed {
    padding-top: 3px;
}

.loginForm {
    float:left;
}

.loginFormField {
    border:1px solid #666666;
    /*color:white;*/
    width:120px;
    float:left;
    margin-right:5px;
}

/* ------------- */
/*  F O O T E R  */
/* ------------- */

.foot {
    clear: both;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

.footImage {
    height: 14px;
    background-image: url( "footer.png" );
    background-repeat: repeat-x;
    background-position: center center;
}

.footLinks {
    height: 25px;
}

.footLinks a {
    color:black;
}

 .iconBarLogo {
     margin-right: 10px;
     padding-right: 10px;
     border-right: 1px solid #cccccc;
     display: block;
     float: left;
     position: relative;
     top: 5px;
     margin-left: 20px;
 }


/* ---------------------------------- */
/*    A B S O L U T E   F O O T E R   */
/* ---------------------------------- */

.absFootpad {
    display: block;
    height: 50px;
}

.absFoot {
    background-color:#FFFFFF;
    border-top:1px solid #666666;
    bottom:0; /* was -1px */
    display:block;
    height:35px;
    margin:0;
    position:absolute;
    right:18px;
    width:100%;
    z-index:4;
}

.absFootContent {
    height:35px;
    left:18px;
    margin-right:18px;
    position:relative;
    text-align:center;
}

.footIcons a {
    color:white;
    display:block;
    float:left;
    width:40px;
    height:32px;
}

.footIcons .normal {
    background:url("bullet_green.png") no-repeat scroll center top transparent;
    display:block;
    float:right;
    height:32px;
    position:relative;
    right:5px;
    top:-4px;
    width:8px;
    overflow:hidden;
}

.footIcons .alert {
    background:url("bullet_red.png") no-repeat scroll center top transparent;
    display:block;
    float:right;
    height:32px;
    position:relative;
    right:5px;
    top:-4px;
    width:8px;
    overflow:hidden;
}

a.iconBarLogo { text-decoration:none; }
a.iconBarLogo:hover { text-decoration:none; }

.iconBarLogo .logo {
    display: block;
    float:left;
    background:url("mb-logo-small.png") no-repeat scroll center left;
    width:75px;
    height:27px;
}

.iconBarLogo .box {
    display: block;
    float:left;
    background:url("mb-box-small.png") no-repeat scroll center left;
    width:32px;
    height:27px;
}



/* --------------------------- */
/*   M O D U L E   B L O C K   */
/* --------------------------- */

.blockInfo {
    float: left;
    width: 225px;
    height: 245px;
    border: 0 solid black;
    margin: 10px;
    vertical-align: middle;
}

.blockInfoExpression {
    border: 1px solid black;
    height: 170px;
    color:black;
    padding:5px;
    overflow:hidden;
}

.blockInfoExpressionText {
    height: 135px;
}

.blockInfoExpressionButton {
    background-image: url( "button-red.png" );
    background-repeat: no-repeat;
    background-position: top center;
    height: 25px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

/* for firefox */
html>body .blockInfoExpressionButton {
    padding-top: 4px;
}

/* for ie 6 */
* .blockInfoExpressionButton {
    padding-top: 3px;
}

img.blockInfoImg {
    float:left;
    margin:7px 9px 7px 7px;
}

.blockInfoTitle {
    display:block;
    height: 60px;
    background-image: url( "block-info-title.png" );
    background-color:black;/*safe if no images*/
    color:white;
    background-repeat: no-repeat;
    background-position: center top;
    border-left: 1px solid black;
    border-right: 1px solid black;
    overflow:hidden;
}

.blockInfoTitle a {
    color:white;
}

.blockInfoTitle .indicatorAlert {
    background:url("bullet_red.png") no-repeat scroll bottom right;
    position:absolute;
    height:17px;
    width:58px;
    z-index:10;
}

.blockInfoTitle .indicatorOk {
    background:url("bullet_green.png") no-repeat scroll bottom right;
    position:absolute;
    height:17px;
    width:58px;
    z-index:10;
}

.blockInfoShadow {
    height: 20px;
    background-image: url( "block-info-shadow.png" );
    background-repeat: no-repeat;
    background-position: center center;
}

.textBlockUserCount {
    font-size: 10px;
    color: white;
    font-variant: normal;
}

/* uninstalled modules */

.textBouttonsInstaller,
.textBouttonsData
{
    font-size: 14px;
    font-weight: bold;
    color: white;
    vertical-align: middle;
}

/* category bar */

.categoryContainer
{
    height:20px;
    clear:both;
    margin:10px 0 5px 0;
}

.categoryName
{
    font-size:20px;
    font-weight:bolder;
    height:20px;
    float:left;
    padding-right:10px;
    background-color:white;
    position:relative;
    z-index:5
}

.categoryColor
{
    height:11px;
    position:relative;
    top:8px;
    z-index:4;
    overflow:hidden;
}

/* --------------------- */
/*   D A S H B O A R D   */
/* --------------------- */

.content {
    margin-right: 300px;
    height: 100%;
    margin-left: 85px;
    text-align: left;
}

.hSpacer350 {
    /*border:1px solid blue; width:1px;*/
    height:650px;
    float:left;
}


/* ----------------------------- */
/*  M O D U L E   C O N T E N T  */
/* ----------------------------- */

.moduleBoxTopBottom {
    border-bottom: 1px solid #666;
    margin-right: 10px;
    margin-left: 119px;
    height: 1px;
    overflow: hidden;
}

.blockDataContent {
    /*float: right;*/
    display: block;
    margin-left: 15px;
    /*margin-right: 120px;*/
    min-height:350px;
    /*border-right: 1px solid #666;*/
    z-index: 10;
}

.blockDataContentMargin {
    /*margin-left: 5px;*/
    margin-right: 10px;
    z-index: 10;
    /*height:265px;*/
    /*border:1px dotted #aaa;*/
}

.blockDataButtons {
    padding-top: 14px;
    background-image:url(module_menu_line.png);
    background-repeat:repeat-y;
    background-position:0 0;
}

/* data buttons block */

.blockDataBouttons {
    position: absolute;
    display: inline;
    /*height: 300px;*/
    width: 108px;
    padding: 0;
    margin: 0;
    z-index: 100;
}

/* modern only (ff, chrome, etc) */
html>/**/body .blockDataBouttons {
	top: 80px;
	right:10px;
}

/* ie6 and before */
* html .blockDataBouttons {
    clear: both;
    top: 103px;
	right: 20px;
}

/* ie7 only */
*+html .blockDataBouttons {
	top: 103px;
	right: 60px;
}


/* data buttons themselves */

.dataBoutton {
    height: 55px;
    /*width: 144px;*/
    margin-bottom: 5px;
	background-repeat: no-repeat;
    background-position: left center;
    color: white;
    text-align: left;
    vertical-align: middle;
	overflow:hidden;
	float:right;
}

/*
* html .dataButton {
  float:right;
}
*/

.dataBouttonMarginText {
    display: inline;
    float: right;
    height: 45px;
    width: 98px;
    margin: 5px;
    padding: 3px;
}

a:hover.dataBouttonMarginText {
	color:white;
}

.dataButtonOff {
    background-image: url( "tab-off.png" );
    width: 108px;
	margin-right:36px;
    border: 1px solid black;
}

.dataButtonOn {
    background-image: url( "tab-on.png" );
    width: 144px;
    /*margin-left: -36px;*/
    border: 1px solid red;
}

.blockCategorieImage {
    float: left;
    height: 75px;
    /*width: 300px;*/
    margin-left:10px;
}

.textBlockCategorie {
    font-size: 25px;
    font-weight: bolder;
    color: black;
    vertical-align: middle;
    padding-left:20px;
}

/* --------------------------- */
/*    M O D U L E   F O R M    */
/* --------------------------- */

.boxTitle {
    background-color:white;
    border:4px solid white;
    color:#CCCCCC;
    display:inline;
    font-weight:bold;
    left:5px;
    margin:3px;
    position:relative;
    top:-1.1em;
}

.moduleFormBorder {
    /*border: 3px dotted #EEEEEE;*/
    background-color:#eef;
    padding: 3px;
}



/* --------------------- */
/*   M A I N   M E N U   */
/* --------------------- */

.mainMenu {
    position: absolute;
    display: inline;
    /*top: 125px;*/
    right: 20px;
    width: 250px;
    padding: 0;
    margin: 0;
    border: 0 solid #999999;
}

.mainMenuIcon {
    float:left;
    display:block;
    width:16px;
    height:16px;
    overflow:hidden;
    /*background-image:url("checkbox.png");*/
    /*background-color:white;*/
    margin-top:2px;
    margin-right:6px;
}

.blockPreferences {
    float: left;
    width: 250px;
    height: 320px;
    background-image: url( "main-menu.png" );
    background-color:#FF1600;
    background-repeat: no-repeat;
    background-position: top center;
    border: 0 solid red;
    margin: 0;
    margin-top: 10px;
}

.blockPreferencesContenu {
    border: 1px solid red;
    height: 299px;
}

.marginBlockPreferences {
    margin: 5px;
}

.marginBlockPreferences a {
    color:white;
    /*font-weight:bold;*/
}

.blockPreferencesShadow {
    height: 20px;
    background-image: url( "main-menu-shadow.png" );
    background-repeat: no-repeat;
    background-position: top center;
}

.blockPublicite {
    float: left;
    width: 250px;
    height: 250px;
    border: 1px solid #999;
    margin: 0;
    margin-top: 10px;
}

/* -------------------- */
/*   B L O G   I T E M  */
/* -------------------- */

.blogBox {
    /*right: 20px;*/
    width: 250px;
    padding:0;
    /*margin:0;*/
    border:0 solid #999999;
    margin-top:20px;
}

.blogBoxBody {
    background-color:#FF3300;
    padding:5px;
    color:white;
}

.blogBoxBody a {
    color:white;
}

.blogTitle {
    font-size:16px;
    font-weight:bold;
}


/* ----------------- */
/*   G E N E R A L   */
/* ----------------- */

.linkButton {
    margin-top:10px;
    border:1px solid #666;
    padding:0 3px;
}

a {
    text-decoration:none;
    /*color:#000000;*/
    color:#0066FF;
}
a:hover {
    text-decoration:underline;
}

form {
    margin:0;
    padding:0;
}

/*
a:visited {
    color:white;
}
*/

img {
    border:none;
}

.margin5 { margin: 5px; }
.margin10 { margin: 10px; }

.margT5  { margin-top:5px;  }
.margT10 { margin-top:10px; }
.margT15 { margin-top:15px; }
.margT20 { margin-top:20px; }

.margB5  { margin-bottom:5px;  }
.margB10 { margin-bottom:10px; }
.margB15 { margin-bottom:15px; }
.margB20 { margin-bottom:20px; }

.margL5  { margin-left:5px;  }
.margL10 { margin-left:10px; }
.margL15 { margin-left:15px; }
.margL20 { margin-left:20px; }

.padT5  { padding-top:5px;  }
.padT10 { padding-top:10px; }
.padT15 { padding-top:15px; }
.padT20 { padding-top:20px; }

.padB5  { padding-bottom:5px;  }
.padB10 { padding-bottom:10px; }
.padB15 { padding-bottom:15px; }
.padB20 { padding-bottom:20px; }

.center {
    text-align:center;
}

.divClear {
    clear: both;
    width:1px;
    height:1px;
    overflow:hidden;
}

img {
    vertical-align: middle;
}

hr {
    border: none 0;
    border-top: 1px solid red;
    border-bottom: 1px solid #fff;
    height: 1px;
}

.bold {
    font-weight:bold;
}

ul.none {
    list-style-type: none;
    text-align: left;
}

/* -- clearer -- */

.spacer{
    display: block;
    clear: both;
    margin-top: -1px;
    height:0;
}

/* clearer hack ie6 ie7 */
* html .spacer {
    height:1px;
}


/* ----------------------------------- */
/*   P A G I N G   N A V I G A T O R   */
/* ----------------------------------- */

.pagingNavigator {
}

/* inactive link */
.pagingNavigator span em {
    font-style:normal;
    padding:1px 2px 1px 2px;
    display:block;
    float:left;
    margin-right:3px;

    border:1px solid #cccccc;
    background:#eeeeee;
    color:#cccccc;
}

/* active link */
.pagingNavigator span a {
    font-style:normal;
    padding:1px 2px 1px 2px;
    display:block;
    float:left;
    margin-right:3px;

    border:1px solid #FF3300;
    background:#FF3300;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

.pagingNavigator span a:hover {
    background:#FF6633;
    text-decoration:underline;
}

/* active link (next+previous) */
.pagingNavigator a {
    font-style:normal;
    padding:1px 2px 1px 2px;
    display:block;
    float:left;
    margin-right:3px;

    border:1px solid #FF3300;
    background:#FF3300;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

.pagingNavigator a:hover {
    background:#FF6633;
    text-decoration:underline;
}


/* ====================================================================================================== */
/*                  N E W   S T Y L E S   A R E   B E F O R E   T H I S   L I N E                         */
/* ====================================================================================================== */


/* ============================================================================================================ */
/*                                           F O R M   F I E L D S                                              */
/* ============================================================================================================ */


.formLabel {
    padding-right:5px;
}

.checkBox {
    vertical-align: top;
}

* html .checkBox {
    vertical-align: middle;
}

input.formField {
    border:1px solid #000;
    margin-bottom:3px;
}
select.formField {
    border:1px solid #000;
    margin-bottom:3px;
}
textarea.formField {
    border:1px solid #000;
    margin-bottom:3px;
}

input.bigField {
    font-size:22px;
    height:30px;
    float:left;
    border:1px solid #000000;
    margin:0 4px;
}


.fieldLabel {
    margin:2px 5px 3px 0;
    display:block;
}

.fieldLabelCellLogin {
    display:inline;
    float:left;
}

.fieldLabelCell {
    display:inline;
    float:left;
    border-bottom:1px solid #eee;
}

.fieldSuffix {
    color:#888888;
    font-style:italic;
}


/* ================================================================================================================== */
/*                                                   F E E D B A C K                                                  */
/* ================================================================================================================== */


/* general */

.feedback {
    /* inline, red */
}

.feedback2 {
    /* inline, white */
}

.formFeedback {
    /* multiline, red */
}

.flowFeedback {
    /* text hidden, red */
}
.flowFeedback ul {
    padding:0;
    margin:0;
    display:inline;
}
.flowFeedback ul li.feedbackPanelERROR {
    list-style:circle inside url( exclamation.png );
    color:red;
}
.flowFeedback ul li.feedbackPanelWARNING {
    list-style:circle inside url( error.png );
    color:#FFBB44;
}
.flowFeedback ul li.feedbackPanelINFO {
    list-style:circle inside url( accept.png );
    color:#339900;
}
.flowFeedback ul li span {
    display:block;
    position:absolute;
    visibility:hidden;
    border:2px solid #666666;
    padding:5px;
    background:white no-repeat left top; /* url(bubble.png) */
    margin-top:7px;
    font-weight:bold;
    z-index:1000;
}
.flowFeedback ul li:hover span {
    visibility:visible;
}

.globalFeedback {
    /* multiline, dark red, full width, centered */
    font-weight:bold;
    font-size:small;
    text-align:center;
    margin:3px;
}

.fieldFeedback {
    font-size:8pt;
}

/* list */

.feedback ul,
.feedback2 ul,
.formFeedback ul,
.globalFeedback ul
{
    padding:0;
    margin:0;
    list-style:none;
    display:inline;
}


/* list elements */

.globalFeedback ul li {
    padding:0;
    margin:0;
    list-style:none;
    display:block;
}

.feedback ul li, .feedback2 ul li {
    font-size:small;
    list-style:none;
    display:inline;
    margin:0;
    padding-bottom:2px;
}

.formFeedback ul li {
    font-size:small;
    list-style:none;
    display:block;
    margin:0;
    padding-bottom:2px;
}

/* list element icons and colors : "errors" */

.feedback ul li.feedbackPanelERROR span.feedbackPanelERROR,
.formFeedback ul li.feedbackPanelERROR span.feedbackPanelERROR,
.globalFeedback ul li.feedbackPanelERROR span.feedbackPanelERROR
{
    color:red;
    padding-left:20px;
    background:transparent url( exclamation.png ) no-repeat scroll;
}

.feedback2 ul li.feedbackPanelERROR span.feedbackPanelERROR
{
    color:white;
    font-weight:bold;
    padding-left:20px;
    background:transparent url( exclamation.png ) no-repeat scroll;
}

/* list element icons and colors : "confirms" */

.feedback ul li.feedbackPanelINFO span.feedbackPanelINFO,
.feedback2 ul li.feedbackPanelINFO span.feedbackPanelINFO,
.formFeedback ul li.feedbackPanelINFO span.feedbackPanelINFO,
.globalFeedback ul li.feedbackPanelINFO span.feedbackPanelINFO
{
    color:#339900;
    padding-left:20px;
    background:transparent url( accept.png ) no-repeat scroll;
}

/* list element icons and colors : "warnings" */

.feedback ul li.feedbackPanelWARNING span.feedbackPanelWARNING,
.feedback2 ul li.feedbackPanelWARNING span.feedbackPanelWARNING,
.formFeedback ul li.feedbackPanelWARNING span.feedbackPanelWARNING,
.globalFeedback ul li.feedbackPanelWARNING span.feedbackPanelWARNING
{
    color:#FFBB44;
    padding-left:20px;
    background:transparent url( error.png ) no-repeat scroll;
}




/* ================================================================================================================== */
/*                                            F O R M F L O W                                                         */
/* ================================================================================================================== */

.flowLink {
    margin:0 10px;
    font-size: 40px;
    font-weight: bold
}


/* ================================================================================================================== */
/*                                 S L I D E R   A N D   H O U R S   L E G E N D                                      */
/* ================================================================================================================== */

div.hoursLegend {
    position: relative;
    left: -1em;
    height: 20px;
}

div.hoursLegend span {
    position: absolute;
    background: url("hours-tick.png") no-repeat scroll 0.85em 1.2em;
    padding-bottom:5px;
}

.ui-slider a.ui-slider-handle {
    cursor: e-resize;
}



/* ================================================================================================================== */
/*                                                 I C O N S                                                          */
/* ================================================================================================================== */

.arrowIcon {
    background: url("bullet_go.png") no-repeat left center;
    padding-left:20px;
}

a.buttonPlus {
    background:url("plus.png") no-repeat;
    display:block;
    float:left;
    height:30px;
    width:30px;
    overflow:hidden;
    text-decoration:none;
}

a:hover.buttonPlus {
    background:url("plus_hover.png") no-repeat;
    text-decoration:none;
}

a.buttonMinus {
    background:url("minus.png") no-repeat;
    display:block;
    float:left;
    height:30px;
    width:30px;
    overflow:hidden;
    text-decoration:none;
}

a:hover.buttonMinus {
    background:url("minus_hover.png") no-repeat;
    text-decoration:none;
}

.dashboardIcon {
    background-image:url("box-16x16.png");
}
.myDataIcon {
    background-image:url("donnees_perso_16x16.png");
}
.quickEntryIcon {
    background-image:url("saisie_rapide_16x16.png" );
}
.moduleListIcon {
    background-image:url("liste_modules_16x16.png");
}
.rssIcon {
    background-image:url("rss-icon.png");
}

.myDataIconBig {
    float:left;
    display:block;
    width:61px;
    height:61px;
    overflow:hidden;
    background-image:url("donnees_perso_61x61.png");
}

.quickEntryIconBig {
    float:left;
    display:block;
    width:61px;
    height:61px;
    overflow:hidden;
    background-image:url("saisie_rapide_61x61.png");
}

a:hover.iconLink {
    text-decoration:none;
    border:1px solid #ddd;
}

a.iconLink {
    border:1px solid white;
}

.adminLink {
    color:red;
    font-weight:bold;
    background:transparent url( goldstar.png ) no-repeat center left;
    padding-left:18px;
    position:relative;
    top:5px;
}

.userIcon {
    background-image:url( status_online.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

a.addLink:hover {
    border:2px solid #A2E683;
    background-color:#f0fff0;
    background-image:url( bullet_add.png );
    background-position:115% 0;
    background-repeat:no-repeat;
}

a.deleteLink:hover {
    border:2px solid #ff6633;
    background-color:#f0c0c0;
    background-image:url( bullet_delete.png );
    background-position:115% 0;
    background-repeat:no-repeat;
}

.dateEditIcon {
    background-image:url( date_edit.png );
    background-repeat:no-repeat;
    background-position:right 35px;
    padding-right:25px;
}

.dateSelectIcon {
    background-image:url( date_go.png );
    background-repeat:no-repeat;
    background-position:right 35px;
    padding-right:25px;
}

.helpIcon {
    background-image:url( information.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

.upIcon {
    background-image:url( arrow_up.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

.downIcon {
    background-image:url( arrow_down.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

.refreshIcon {
    background-image:url( arrow_refresh_small.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

.refreshIconBig {
    background-image:url( arrow_refresh.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:20px;
}

.boxIcon {
    background-image:url( box-16x16.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

.skipIcon {
    background-image:url( skip.png );
    background-repeat:no-repeat;
    background-position:0 1px;
    padding-left:18px;
    padding-bottom:3px
}

.editIcon {
    background-image:url( edit.png );
    background-repeat:no-repeat;
    background-position:0 1px;
    padding-left:18px;
    padding-bottom:3px
}

.historyIcon {
    background-image:url( history.png );
    background-repeat:no-repeat;
    background-position:center left;
    padding-left:18px;
}

/* ================================================================================================================= */
/*                                             A L C O O L   I C O N S                                               */
/* ================================================================================================================= */

.alcoolIcon {
    /*border:1px solid blue;*/
	display:block;
    height:47px;
    background-repeat:no-repeat;
    background-position:bottom center;
	vertical-align:bottom;
}

.biere25Icon {
    padding-left:20px;
    /*height:26px;*/
    background-image:url("icons/biere25.png");

}

.biere33Icon {
    padding-left:20px;
    /*height:21px;*/
    background-image:url("icons/biere33.png");
}

.biere50Icon {
    padding-left:20px;
    /*height:28px;*/
    background-image:url("icons/biere50.png");
}

.biere100Icon {
    padding-left:23px;
    /*height:35px;*/
    background-image:url("icons/biere100.png");
}

.vinVerreIcon {
    padding-left:17px;
    /*height:20px;*/
    background-image:url("icons/vinVerre.png");
}

.vinDemiBouteilleIcon {
    padding-left:17px;
    /*height:33px;*/
    background-image:url("icons/vinDemiBouteille.png");
}

.vinBouteilleIcon {
    padding-left:19px;
    /*height:47px;*/
    background-image:url("icons/vinBouteille.png");
}

.vodkaVerreIcon {
    padding-left:15px;
    /*height:13px;*/
    background-image:url("icons/vodkaVerre.png");
}

.vodkaBouteilleIcon {
    padding-left:19px;
    /*height:44px;*/
    background-image:url("icons/vodkaBouteille.png");
}

.martiniVerreIcon {
    padding-left:19px;
    /*height:24px;*/
    background-image:url("icons/martiniVerre.png");
}

.martiniBouteilleIcon {
    padding-left:19px;
    /*height:46px;*/
    background-image:url("icons/martiniBouteille.png");
}


/* ================================================================================================================= */
/*                                              bellow be monsters                                                   */
/* ================================================================================================================= */


/* labels */

.important {
    color:red;
    font-size:18px;
    font-weight:bold;
    padding-bottom:12px;
}


/* -- lang -- */

select.langSelect {
    border:none;
}

select.langSelect option {
    padding-left:3px;
    /*background:transparent url(flags.gif) no-repeat scroll -162px -20px;*/
}

.flag {
    width:17px;
    height:12px;
}

.globalFlag{
background:transparent url( flags.gif ) no-repeat scroll -102px 0;
}
.flag_de_DE{
background:transparent url( flags.gif ) no-repeat scroll 0 0;
}
.flag_en_AU{
background:transparent url( flags.gif ) no-repeat scroll -17px 0;
}
.flag_en_CA{
background:transparent url( flags.gif ) no-repeat scroll -34px 0;
}
.flag_en_GB{
background:transparent url( flags.gif ) no-repeat scroll -51px 0;
}
.flag_en_IE{
background:transparent url( flags.gif ) no-repeat scroll -68px 0;
}
.flag_en_NZ{
background:transparent url( flags.gif ) no-repeat scroll -85px 0;
}
.flag_en_US{
background:transparent url( flags.gif ) no-repeat scroll -102px 0;
}
.flag_es_ES{
background:transparent url( flags.gif ) no-repeat scroll -119px 0;
}
.flag_es_MX{
background:transparent url( flags.gif ) no-repeat scroll -136px 0;
}
.flag_fr_FR{
background:transparent url( flags.gif ) no-repeat scroll -153px 0;
}
.flag_it_IT{
background:transparent url( flags.gif ) no-repeat scroll -170px 0;
}
.flag_ja_JP{
background:transparent url( flags.gif ) no-repeat scroll -187px 0;
}
.flag_nl_NL{
background:transparent url( flags.gif ) no-repeat scroll -204px 0;
}
.flag_pl_PL{
background:transparent url( flags.gif ) no-repeat scroll -221px 0;
}
.flag_pt_BR{
background:transparent url( flags.gif ) no-repeat scroll -238px 0;
}
.flag_ru_RU{
background:transparent url( flags.gif ) no-repeat scroll -255px 0;
}
.flag_zh_HK{
background:transparent url( flags.gif ) no-repeat scroll -272px 0;
}
.flag_zh_TW{
background:transparent url( flags.gif ) no-repeat scroll -289px 0;
}
.flag_ko_KR{
background:transparent url( flags.gif ) no-repeat scroll -306px 0;
}