#fade {
    /*display: none;
    background: #3D3D3D;
    position: fixed; left: 0; top: 0; 
    z-index: 10;
    width: 100%; height: 100%;
    opacity: .80;*/
    /*    z-index: 9999; */
    
    background: #3D3D3D;
    position: fixed; 
    left: 0; 
    top: 0;  
    z-index: 10;  
    width: 100%; height: 100%;
    -moz-opacity:0.5;
    opacity: 0.5;
    filter:alpha(opacity=50);
    height:100%;              
}

.popup_block{
    display: none;
    width:600px;
    height:500px;
    background: #3D3D3D;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 1;
    
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius:10px;  
    border-radius: 10px;
}

.small_popup_block
{
    display: none;
    width:600px;
    /*height:290px; */
    background: #3D3D3D;
    padding: 20px;
	border: 20px;
	    
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 99999;
    
    /*--Les diff�rentes d�finitions de Box Shadow en CSS3--*/
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;

    /*--Coins arrondis en CSS3--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    
    -khtml-border-radius:10px;
    border-radius: 10px;
}

.displaypopup 
{
    display:block;
    padding: 20px;
    height: auto;
}


.popup p {
    padding: 5px 10px;
    margin: 5px 0;
}

/*--Fait en sorte que IE6 comprenne le positionnement fixe--*/
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}

.stitle .openPop {
    font-size:14px;
    font-weight:bold;
    display:block;
    padding:8px;
    color:#ffffff;
    background-image:url('https://hafilat.darb.ae/images/img_bg_cad.png');
    background-position:center top;
    background-repeat:no-repeat;
}
.stitle .openPop  a {
    text-decoration:none;
}
.stitle .openPop  a:hover {
    text-decoration:underline;
}

.msg_info, .msg_ok, .msg_alert, .msg_user, .msg_prompt { width:580px; }
.msg_info, .msg_prompt { cursor:default }

.msg_info, .msg_ok, .msg_alert, .msg_user{
    min-height:26px;
    margin: 10px;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
    font-size:24px;
    font-weight:normal;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;  
    border-radius: 5px;
}

.msg_info {
    background: #5D5959;
    color:#ffffff;
}

.msg_visu {
    margin: 10px;
    height:360px;
}

.small_msg_visu {
    margin: 10px;
    height: 60px;
}

.msg_ok {
    background: #00A14A;
    color:#ffffff;
}

.msg_alert {
    background: #EC1B23;
    color:#ffffff;
}

.msg_prompt {
    padding: 30px 0;
    color: #ec1d0d;   /*#999;*/
    vertical-align: middle;
    text-align: center;
}

.msg_alert_description {
    text-align:center;
    vertical-align:center;
    font-size:24px;
    font-weight:normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;  
    border-radius: 5px;
    padding-top: 150px;
    color:#ffffb0;
}

.msg_alert_description a
{
    color:#ffff50;
}

.msg_user_regis 
{
    height:70px;
    width:580px;
    margin: 0px;
    text-align:center;
    padding-top:0px;
    padding-bottom:0px;
    font-size:18px;
    font-weight:normal;
    background: #0A97A2;
    color:#ffffff; 
    display:block; 
    text-decoration:none;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;  
    border-radius: 5px;    
}

/* CSS rule: <a><div></div></a> is forbidden */
.msg_user, a.msg_user.nextPop, a.nextPop.ok_button, a.nextPop.cancel_button             
{ background: #ffffff; color:#000000; display:block; text-decoration:none; }

.msg_user:hover, a.msg_user.nextPop:hover, a.nextPop.ok_button:hover, a.nextPop.cancel_button:hover
{ background: #000000; color:#ffffff; }

/* .msg_user:hover .nextPop , .msg_user:hover .close{ color:#ffffff;} */

.msg_user .nextPop, .msg_user .close{
    color:#000000;
    text-decoration:none;
}

.msg_info .nextPop, .nextPop{
    color:#ffffff;
    text-decoration:none;
}

.progress {
    float: left;
    position: absolute;
    margin:320px 0px 0px 225px;
}

.status_ok, .status_alert {
    float: left;
    position: absolute;
    margin:290px 0px 0px 270px;
}

.small_status_ok {
    background-image:url('../images/chargement/ok.png');
}

.small_status_alert {
    background-image:url('../images/chargement/alert.png');
}

.small_status_ok, .small_status_alert {
    float: left;
    position: absolute;
    margin:20px 0px 0px 270px;
    padding:  20px 0px 0px 70px;
    background-repeat:no-repeat;
    height: 65px;
}

.button_panel {
    margin-bottom: 10px;
    overflow: hidden;
}

.ok_button, .cancel_button {
    width:280px;
    height:26px;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
    font-size:24px;
    font-weight:normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;  
    border-radius: 5px;
    background: #5D5959;
    color:#ffffff;
    margin:10px;
}

.ok_button {
    float: left;
    margin-left: 10px;
}

.cancel_button {
    float: right;
    margin-right: 10px;
}

.threeButtons .ok_button, .threeButtons .cancel_button {
    width:180px;
}

.fourButtons .ok_button, .fourButtons .cancel_button {
    width:130px;
}

.oneButton .ok_button, .oneButton .cancel_button {
    float: none;
    margin-right: auto;
    margin-left: auto;
}

.closable 
{
    margin-top: 0px;
    margin-bottom: 0px;
    height: 20px;
    padding-top: 4px;
}

.close_button
{
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    marin-bottom: 0;
    padding: 0;
    cursor: pointer;
}
textarea#commentaire.itxt_modal
{
    margin: 0 109px 4px 5px;
    height: 82px;
    margin-top: -17px;
    width: 184px;
}

select#dd_SuspendCause
{
	width: 191px;
	margin-left: -38px;
}