/******************************************************************************/
/*  Feuille de style de l'interface d'admin                                   */
/******************************************************************************/
@import url(xdebug.css);

/******************************************************************************/
/*  Styles génériques                                                         */
/******************************************************************************/
* {
  font-family:"Trebuchet MS","Tahoma","Verdana","Arial","Sans-Serif";
  color:#000;
  font-size:11px;
  margin:0;
  padding:0;
  text-decoration:none;
  border:0;
  outline:none;
  line-height:12px;
}

body, html {
  cursor:default;
}

body {
  margin:0;
  background:#eee;
}

/* unit test debug tables */
fieldset > table {
  border:1px solid #000;
  border-collapse:collapse;
  margin:auto;
}

fieldset > table td,
fieldset > table th {
  border:1px dotted #000;
  padding:2px 5px;
}

/******************************************************************************/
/* Messages de Status                                                         */
/******************************************************************************/
.message {
  position:relative;
  z-index:2;
  width:335px;
  min-height:60px;
  margin:20px auto;
  text-align:left;
  /*border:1px solid #aaa;*/
  -moz-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
  padding:5px 5px 5px 60px;
  overflow:auto;
  
  /*-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(#fff));*/
  
}

.mesg_ok {background:#fff url(/img/mesg_ok.png) 15px 50% no-repeat;}
.mesg_warning {background:#fff url(/img/mesg_warning.png) 15px 50% no-repeat;}
.mesg_error {background:#fff url(/img/mesg_error.png) 15px 50% no-repeat;}

.message p {
  clear:both;
}

.message p img {
  margin:0 8px 2px 0;
  float:left;
}

.message input[type="button"] {
  float:right;
  margin:10px 3px 4px 0;
}

/******************************************************************************/
/* Content
 ******************************************************************************/
#content {
  width:1000px;
  margin:0 auto;
}

/*********************************/
/* Header                        */
/*********************************/
#header {
  margin:10px 0;
  height:50px;
  background:#252a2e;
  -moz-border-radius:8px;
  border-radius:8px;
  background-image:-webkit-gradient(linear,left top, left bottom, from(#39464f), to(#252a2e)) ;
  background-image:-moz-linear-gradient(270deg,#39464f,#252a2e);
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5) ;
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5) ; 
  line-height:50px;
  position: relative;
}

#header img {
  position:absolute;
  margin:-10px 0 0 10px;
  height:80px;
}

#header h1 {
  position:absolute;
  color:#fff;
  font-size:20px;
  font-weight:normal;
  margin:0 0 0 95px;
  line-height:inherit;
}

#header a {
  float:right;
  display:block;
  color:#ccc;
  border-left:1px dotted #eee;
  padding:0 10px;
  line-height:inherit;
}

#header a:hover {
  color:#fff;
}

#header .session {
  position:absolute;
  color:#fff;
  font-size:10px;
  bottom:4px;
  left:95px;
}

#header #transporters{
	position: absolute;
	right: 90px;
	top: 3px;
}
#header #transporters img{
	position: static;
	height: auto;
	margin:0 0 0 10px;
}
/**********************************/
/* Loggin Box                     */
/**********************************/
#login_box {
  position:absolute;
  width:500px;
  top:200px;
  left:50%;
  margin:0 0 0 -250px;
}

#login_box table {
  width:450px;
  padding:50px 25px 25px;
  margin:auto;
  background:#fff;
  background-image:-webkit-gradient(linear,left bottom,left top,from(#efefef),to(#fff));
  background-image:-moz-linear-gradient(90deg,#efefef,#fff);
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 3px rgba(0,0,0,0.8); 
}

#login_box table * {
  font-size:16px;
}

#login_box table caption {
  position:relative;
  /*padding:0 0 4px 0;*/
  border-bottom:1px solid #ccc;
  margin:0 0 -30px 0;
  height:30px;
  width:450px;
  line-height:32px;
  color:#444;
  background-image:-webkit-gradient(linear,left top, left bottom,from(#efefef),to(#cfe7ff));
  background-image:-moz-linear-gradient(270deg,#efefef,#c6e4ff);
  -moz-border-radius:8px 8px 0 0;
  border-radius:8px 8px 0 0;
}

#login_box table label {
  display:block;
  text-align:right;
  color:#555;
}

#login_box table label:after {
  content:" : ";
}

#login_box table tr td {height:40px;}

#login_box select,
#login_box input[type="password"] {
  width:200px;
  height:28px;
  border:1px solid #555;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  font-size:18px;
  margin:5px;
}

#login_box input[type="submit"] {
  width:200px;
  height:30px;
  font-weight:bold;
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
  margin:20px 0 10px;
  -moz-border-radius:15px;
  border-radius:15px;
  background-image:-webkit-gradient(linear,left bottom,left top,from(#90cf17),to(#d0eaa2));
  background-image:-moz-linear-gradient(90deg,#90cf17,#d0eaa2);
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.8);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.8);
  cursor:pointer; 
}
#login_box input[type="submit"]:hover {
  background-image:-webkit-gradient(linear,left bottom,left top,from(#a0e61a),to(#dceac4));
  background-image:-moz-linear-gradient(90deg,#a0e61a,#dceac4);
}
#login_box input[type="submit"]:active {
  background-image:-webkit-gradient(linear,left top,left bottom,from(#90cf17),to(#d0eaa2));
  background-image:-moz-linear-gradient(270deg,#90cf17,d0eaa2);
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}


/**********************************/
/* Detail box                     */
/**********************************/
#session_detail {
  position:absolute;
  z-index:3;
  margin:-10px 0 0;
}

#session_detail > img {
  position:relative;
  z-index:2;
  left:50%;
  margin:0 0 0 -10px;
}

#session_detail table {
  position:relative;
  z-index:1;
  background:#fff;
  background-image:-webkit-gradient(linear,left top,left bottom, from(#eee), to(#fff)) ;
  background-image:-moz-linear-gradient(270deg,#eee,#fff);
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.4);
  margin:-2px 0 0;
  padding:15px;
}

#session_detail td  label {
  text-align:right;
  display:block;
  width:120px;
  text-transform:capitalize;
  color:#777;
}
#session_detail td label:after {
  content:" : " ;
}

#session_detail ul {list-style:none;}
#session_detail ul li em {font-style:italic;}

/**********************************/
/* Formulaire de validation       */
/**********************************/
#main_form {
  position:absolute;
  z-index:0;
  left:50%;
  top:170px;
  width:600px;
  background:#fff;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#c8dbff), to(#fff));
  background-image:-moz-linear-gradient(270deg,#c8dbff,#fff);
  margin:0 0 0 -320px;
  padding:20px;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
  -moz-border-radius:8px;
  border-radius:8px;
}

#main_form table {
  margin:auto;
}

#main_form table caption{
  display:none;
}

#main_form label[for="id_order"] {
  font-size:24px;
  color:#555;
  text-align:center;
  display:block;
  padding:10px 0 15px;
  line-height:24px;
}
#main_form input#id_order {
  width:580px;
  font-size:40px;
  -moz-border-radius:8px;
  border-radius:8px;
  border:1px solid #555;
  text-align:center;
}

#main_form td#submit input {
  font-size:24px;
  height:50px;
  width:200px;
  -moz-border-radius:25px;
  border-radius:25px;
  margin:20px 5px 10px;
  color:#333;
  cursor:pointer;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

#main_form td#submit input[type="reset"] {
  text-shadow:1px 1px 1px rgba(255,255,255,1);
  background-image:-webkit-gradient(linear,left top, left bottom, from(#efefef), to(#bbb)) ;
  background-image:-moz-linear-gradient(270deg,#efefef,#bbb);
} 
#main_form td#submit input[type="reset"]:hover {
  background-image:-webkit-gradient(linear,left top, left bottom, from(#fff), to(#cdcdcd)) ;
  background-image:-moz-linear-gradient(270deg,#fff,#cdcdcd);
}
#main_form td#submit input[type="reset"]:active {
  background-image:-webkit-gradient(linear,left bottom, left top, from(#ddd), to(#aaa)) ;
  background-image:-moz-linear-gradient(90deg,#ddd,#aaa);
}

#main_form td#submit input[type="submit"] {
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,0.8);
  background-image:-webkit-gradient(linear,left top, left bottom, from(#52a8e8), to(#20559a)) ;
  background-image:-moz-linear-gradient(270deg,#52a8e8,#20559a);
} 
#main_form td#submit input[type="submit"]:hover {
  background-image:-webkit-gradient(linear,left top, left bottom, from(#7bb9e8), to(#2664b5)) ;
  background-image:-moz-linear-gradient(270deg,#7bb9e8,#2664b5);
}
#main_form td#submit input[type="submit"]:active {
  background-image:-webkit-gradient(linear,left bottom, left top, from(#52a8e8), to(#20559a)) ;
  background-image:-moz-linear-gradient(90deg,#52a8e8,#20559a);
}