@CHARSET "UTF-8";

/**********
 * ORDER
 ************/

.orderdiv
{
	padding-top:50px;
	padding-bottom:50px;
}


/***	bordure droite et gauche des headers de la commande	**/

.orderdiv th
{
	border-left: 1px solid #afadae;
	border-right: 1px solid #afadae;    
}



.ordertable
{
    width: 98%;
    min-width: 250px;
         
   
    background-color: transparent;
    border-collapse: collapse;
    
    font-size: 14px;
    font-weight: normal;

}

.ordertable th
{
	border:0px;
	/*border-top: 1px solid #afadae;*/
    /*border-bottom: 1px solid #afadae;*/
    background-image:none;
    /* background-color: #f3eded;*/
     
    /*background-image: url("../img/cartheader.gif");*/
    /*background-position: top;*/
    /*background-repeat: repeat-x;*/
    
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    text-align:left;
    padding-left:10px;
    color: #000;
    
}

.ordertable tr
{
	border:0px !important;
	/*
    border-left: 1px solid #afadae;
     border-right: 1px solid #afadae;
     */
}

.ordertable td
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;
}

.order
{
	  font-weight: bold;
}


/**********
 * SURCHARGE
 ************/

.orderbuttonoptions .formcancel
{
    
    min-width: 150px;
    height: 34px;
    font-size: 12px;
    border-radius: 5px;
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px;    
 	border: 1px solid #A0A0A0;

 	/** OMBRAGE **/
    -moz-box-shadow: 1px 1px 5px #444;
    -webkit-box-shadow: 1px 1px 5px #444;
    /** ombrage IE 9**/
    box-shadow: 1px 1px 5px #444;
    /** ombrage IE <=8**/
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom : 1;      
    /** ombrage IE **/
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);*/ 
}

.orderbuttonmenu .formbutton
{
	height: 34px;
	font-size: 12px;
	min-width: 200px;
	width:200px;
	margin-top: 10px;
	background-position: bottom;    
    bottom : 0px;
    /*background-image : url("../img/formheader.gif");
    background-repeat : repeat-x;*/
    
 	/** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
    /** ombrage IE 9**/
    box-shadow: 2px 2px 6px #444;
    /** ombrage IE <=8**/
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom : 1;    
    
	border: 1px solid #A0A0A0;
   
  
}


.orderbuttondiv
{
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	 width: 90%;
}

.orderleft{
	text-align:left;
	margin-left:30px;
	padding:5px;
	}
.orderright{

	text-align:right;
	margin-right:30px;
	}	

/**********
 * bouton
 ************/
.orderbuttonoptions
{
	margin-left: 5px;
}

/**********
 * STATE
 ************/

.statelifediv{
	
	background-image: url("../img/order_state_cross.png");
	background-repeat: no-repeat;
	z-index:5;
	height:160px;
	background-position:5% 50%; 
	
}
.statelifecancelleddiv{
	
}
.statediv
{
	z-index:10;
	float:left;	
	margin-top: 10px;
	margin-bottom: 10px;
	
	border : 2px solid #A0A0A0;
	width:70px;
	height:135px;
	vertical-align:middle;
	background-color: white;
	
	background-image: url("../img/order_state_layer_bypassed.png");
	background-repeat: repeat;
	
	
	 /** BORD ARRONDI **/
    border-radius: 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    
    /** OMBRAGE **/
    /*-moz-box-shadow: 2px 2px 6px #444;*/
    /*-webkit-box-shadow: 2px 2px 6px #444;*/
    /** ombrage IE **/
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=6);*/ 
    
    padding: 10px;
    margin-left:15px;
    text-align:center;
    
    overflow: hidden;
    /*color:#A0A0A0;*/
    
    /** transparence **/
	opacity : 0.8; 
	-moz-opacity : 0.8; 
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */ 
	filter : alpha(opacity=80); /* IE < 8 */     
    
}

.statedivselected
{
	z-index:10;
	float:left;	
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	border : 2px solid #b6051f;
	width:70px;
	height:135px;
	vertical-align:middle;
	background-color: white;
	
	background-image: url("../img/order_state_layer.png");
	background-repeat: repeat;
	
	
	 /** BORD ARRONDI **/
    border-radius: 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    
    /** OMBRAGE **/
    /*-moz-box-shadow: 2px 2px 6px #444;*/
    /*-webkit-box-shadow: 2px 2px 6px #444;*/
    /** ombrage IE **/
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=6);*/ 
    
    padding: 10px;
   	margin-left:15px;
    text-align:center;
    
    overflow: hidden;
    
}


.stateinfos
{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 12px;
	font-weight: bold;

}
.substateinfos
{
	font-size: 10px;
	font-weight: normal;
	/*color:#444;*/

}

.stateCross
{
	background-image: url("../img/order_state_cross.png");
	width:385px;
	height:52px;
}

.stateWait
{
	background-image: url("../img/order_state_wait.png");
	width:64px;
	height:57px;
}

.stateFilled
{
	background-image: url("../img/order_state_filled.png");
	width:64px;
	height:57px;	
}

.stateSended
{
	background-image: url("../img/order_state_sended.png");
	width:64px;
	height:57px;	
}

.stateEnded
{
	background-image: url("../img/order_state_ended.png");
	width:64px;
	height:57px;	
}


/**************************************************************/
/********			ORDER SUMMARY CSS		******************/
/**************************************************************/
.ordertitle{color:#000000; font-size:14px; font-weight:bold;  }
.ordertext{color:#555; font-size:12px; padding-left: 50px; }
.ordertextleft{ }
.orderalert{color:#b6051f; font-size:12px; font-weight:bold; }
.orderinfos{color:#555; font-size:12px;}