﻿.multiViewSlider
{
    background: url("Images/SpriteSlider.png") no-repeat scroll left bottom #FFFFFF;
    margin-left: 20%;
    padding-left: 25px;
}
.multiViewSlider ul
{
    background: url("Images/SpriteSlider.png") no-repeat scroll right bottom #FFFFFF;
    display: block;
    margin-left: 10px;
}
.multiViewSlider li
{
    font-family: Calibri,Arial,sans-serif;
    font-size: 13px;
    color: #ccc;
    margin-left: -5px;
    padding: 10px 1% 20px;
}
.multiViewSlider li.currentLi
{
    background: url("Images/SpriteSlider.png") no-repeat scroll bottom center;
    color: #F78725;
    font-weight: bold;
}
.multiViewSlider li.firstLi{width: 38%;}
.multiViewSlider li.middleLi{width: 27%;}
.multiViewSlider li.lastLi{width: 27%;}

.UserCreator .multiViewSlider li.firstLi{width: 23%;}
.UserCreator .multiViewSlider li.secondLi{width: 23%;}
.UserCreator .multiViewSlider li.thirdLi{width: 23%;}
.UserCreator .multiViewSlider li.lastLi{width: 23%;}

.multiViewSlider li.pastLi
{
    background: url("Images/SpriteSlider.png") no-repeat scroll -20px bottom;
}
.multiViewSlider li span
{
    padding-left: 25px;
    display: block;
    height: 20px;
}
.multiViewSlider li.firstLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left top;}
.multiViewSlider li.firstLi.currentLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -60px;}
.UserCreator .multiViewSlider li.firstLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -120px;}
.UserCreator .multiViewSlider li.firstLi.currentLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -180px;}
.multiViewSlider li.middleLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -20px;}
.multiViewSlider li.middleLi.currentLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -80px;}
.UserCreator .multiViewSlider li.secondLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -140px;}
.UserCreator .multiViewSlider li.secondLi.currentLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -200px;}
.UserCreator .multiViewSlider li.thirdLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -160px;}
.UserCreator .multiViewSlider li.thirdLi.currentLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -220px;}
.multiViewSlider li.lastLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -40px;}
.multiViewSlider li.lastLi.currentLi span{background: url("Images/SpriteStepsCreate.png") no-repeat scroll left -100px;}

/**/
.multiView
{float:left;}

.cbxUrgent{text-align:center; vertical-align:middle;}
.cbxUrgent span{display:inline-block;width:40px;height:20px;background:url('Images/SpriteUrgent.png') left top no-repeat;cursor:pointer}
.cbxUrgent.checked span{background:url('Images/SpriteUrgent.png') left -20px no-repeat!important;}

.multiViewLeft
{
    text-align:left;
    background-image: url("Images/bgDossierCreate.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 35%;
    min-height:180px;
}
.multiViewLeft.Urgent
{padding-right:40px}

.spanClearFU
{
    width:16px;height:16px;
    background:url("Images/SpriteCancelSuppressButton.png") bottom right no-repeat;
    display:block;
    padding:0px;margin-top:3px;
    cursor:pointer
}
.spanClearFU:hover
{
    background:url("Images/SpriteCancelSuppressButton.png") bottom left no-repeat;
}
