/**
 * 	CSS Delivery - delivery_style.css
 *
 *  @author   Jordan COQUELIN
 *  @date		  2013/31/10
 *  @version	1.0
 */

/**
 * 	COULEURS
 *  --------
 *
 */

/* GENERIQUES */
body {
	background-color: #111111;
	color:		  #eee;
	font-family:      Arial, Helvetica, sans-serif;
}
.header{
    color: #EEEEEE;
    background: linear-gradient(to bottom, #333333, #444444);
}

.header a{
    background-color: #555555;
    color:white;
    text-decoration:none;
    border-radius: 5px;
}

.header a:hover{
    background-color: #222222;
    color:white;
    text-decoration:none;
}

nav{
    border-bottom: 1px solid #555555;
    border-top: 1px solid #555555;
    color: #EEEEEE;
    background: linear-gradient(to bottom, #222222, #2A2A2A) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#content{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.delivery td{
background: linear-gradient(to bottom, #333333, #222222);
}

.delivery .red > td, .alert_2{
    background: linear-gradient(to bottom, #ff0000, #b50000);
}

.delivery .orange > td, .alert_1{
    background: linear-gradient(to bottom, #ff8400, #db5b00);
}

.delivery .green > td, .alert_0{
    background: linear-gradient(to bottom, #14ad00, #0c6b00);
    cursor:auto;
}

.delivery .blue > td, .alert_3{
    background: linear-gradient(to bottom, #3300FF, #000066);
    cursor:auto;
}

.delivery th{
    background: linear-gradient(to bottom, #555555, #444444);
}
.delivery{

}
.delivery a{
    background-color: #555555;
    padding: 1px;
    color:white;
    text-decoration:none;
    border-radius: 5px;
}
.delivery a:hover{
    background-color: #222222;
}

nav ul{

}
nav li{

}
nav a{
    color: #FFFFFF;
    cursor: pointer;
}
nav a:hover{
    background-color: #555555;
    border-radius: 5px;
}

#map{
    background: #EEEEEE;
}

/* ENCART */
#authContener {
        background: #333333;
        border-bottom: 1px solid #555555;
        border-top: 1px solid #555555;
}
#authContenerTitle {
	font-size:			18px;
	font-weight:		bold;
}
#authPadlock {
	background: 		url("../images/cadenas.png") no-repeat top center;
}
#authContenerRight {
	display:				inline-block;
  vertical-align: top;
	width:					220px;
	font-weight:		bold;
}
#authFooter {
	text-align:	center;
	font-size: 	10px;
	color:			#ddd;
}

/* CASHING */
.bloc-standard
{
    background-color:#555555;padding:5px;border-radius:5px
}
.button_payment{
    background-color:#333333;
}
.button_payment:hover{
    background-color:#444444;
}
.bloc_payment{
    background-color:#555555;
}
.paymentmean{
    display:inline-block;padding:5px;border-radius:5px
}
.total_due{
    text-align: center;width: 18%;height:5%;float:right;padding:10px 7px 10px 10px;background: linear-gradient(to bottom, #333333, #222222) repeat scroll 0 0 rgba(0, 0, 0, 0) ;border-radius:5px;
}
.total_due span{
    padding:10px;
}
.form_cash{
    background-color:#303030;padding:5px;
}
.form_cash .total{
    display: inline-block;margin-left: 0.5%;text-align: center;
}
/* LOGIN */
div.formLine
{
	margin: 	5px 0px;
	padding: 	5px 0px;
}
div.formLine .formLineLabel {
	display:				inline-block;
	vertical-align: middle;
	width:					50%;
}
div.formLine .formLineInput {
	display:				inline-block;
	vertical-align: middle;
	width:					40%;
}
div.formLine .formLineInput input {
	border: 	1px solid #555;
	padding: 	2px;
	color: 		#555;
}
div.formLine .formLineInput input:focus {
	box-shadow: 			0px 0px 4px #999;
	background-color: #f6f6f6;
}
input[type=submit] {
	padding: 					5px;
	border: 					1px solid #555;
	border-radius:		3px;
	background-color: #dedede;
	color: 						#555;
	cursor:  					pointer;
	font-size: 				12px;
}
input[type=submit]:hover {
	background-color: #eee;
}
#error {
	color:						#ff5555;
	font-style: 			italic;
}
#formAuthTitle {
	font-size: 			18px;
	font-weight: 		bold;
	margin-bottom:	20px;
	font-style: 		italic;
}

#detailCommand
{
    display: inline-block;
    float: right;
}
.detailCommand
{
    width: 18%;
    display: inline-block;
}

#detailCommand2
{
    background: #555555 none repeat scroll 0% 0%;
    visibility: visible;
}
.interfaceContener
{
    width:100%;
    display: inline-block;
}
.interfaceContenerDetail
{
    width:80%;
    display: inline-block;
}
#detailCommand2 > .table
{
    background-color: #fff;
    color: #000;
}
#detailCommand2 > .table > thead
{
    font-size: 20px;
}
#detailCommand2 > .table > tbody
{
    font-size: 18px;
}
.messageDialogRed
{
    background-color: #ff3838;
    height: 40px;
    font-size: 18px;
}
.messageDialogRed > p
{
    padding: 5px;
}
.messageDialogBlue
{
    background-color: #3f51b5 !important;
    height: 40px;
    font-size: 28px;
}
.messageDialogBlue > p
{
    padding: 5px;
}