/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

/** select filter css **/

.filterable {
  width: 330px !important;
  display: block !important;
  height: 100px !important;
  font-size: 9px !important;
}

.filter-bar {
	min-width: 320px !important;
}

/*** limits css ***/

.limit_table {
	width: 150px;	
}
.limit_input {
	width: 80px;
}
/** end limits css ***/

/** chart jqplot css **/
#chartDiv .jqplot-point-label {
  font-size:14px;
  color:#880000;
}
#chartDiv table.jqplot-table-legend {
    width:auto;
    margin:0px 30px 30px 0px;
}
/** end jqplot css **/
table.aser_sort th {
	cursor:pointer;
}
tr.border th,tr.border th:last-child  {
	border:1px solid black;
	text-align: center !important;
	
}
table.border td {
	border-right:1px solid black;
	text-align: right !important;
	
}
table.border td:first-child {
	text-align: left !important;
}
div#liquid{
	width:auto;
	height:400px;
	background: green;
}
 /* CSS FOR LA FICHE GOUVERNANTE */
div.gouv {
	float:left;
	width: 80%;
	margin:10px 20px 10px 10px;
	border:2px solid #555;
	padding: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.gouv div#entete {
	width:400px;
	margin-bottom:50px;
	margin:0 auto;
	padding-bottom:10px;
	border-bottom: 2px solid #4E4E1B;
}
div.gouv div#entete h4,div.gouv div#entete img {
	display:block;
	float:left;
}
div.gouv div#entete h4 {
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
}
div.gouv button {
	width:140px;
	margin:0 auto;
	display:block;
}
div.gouv div.right {
	float:right;
	width:400px;
	margin: 20px 20px 20px 0;
	
}

div.gouv div.left table, div.gouv div.right table {
	padding:10px;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	border-radius:5px;
}

div.gouv input {
	width:100px;
	font-size:10px;
	
}
div.gouv input.long {
	width:200px;
	font-size:15px;
}
div.gouv div.left {
	float:left;
	width:300px;
	margin: 20px 0 20px 20px;
}
table.gouv {
	width:600px;
	margin: 10px auto;
}
div.gouv table.middle {
	width:800px;
	margin: 30px auto;
	padding:10px;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;
	border-radius:5px;

}
table.gouv td:first-child {
	border:3px solid #666;
	width:80px;
	-moz-border-radius:5px;
	border-radius:5px;
}
table.gouv td.message {
	border:1px solid #666;
	width:auto;
	-moz-border-radius:5px;
	border-radius:5px;
}
table.gouv td.oui {
	background: #FFFFFF !important;
	border:  2px solid #FFE7A1 !important;
	color:black !important;
}
table.gouv td.non {
	background: #D7C80A ;
	border:  2px solid #FFE7A1 !important;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}
h4.gouv {
	font-size:17px;
	margin: 10px auto;
	display:block;
	width:200px;
	text-shadow:1px 0px 0px #000;
	clear:both;
}
/** END OF GOUVERNANTE FICHE CSS **/
 
blockquote p {
  margin: 0;
  text-indent: 1em;
  quotes: "\201c" "\201d";
}
blockquote p:first-of-type {
  text-indent: 0;
}
blockquote p:before {
  content: open-quote;
}
blockquote p:after {
  content: no-close-quote;
}
blockquote p:last-of-type:after {
  content: close-quote;
}

fieldset.bilan {
	width: 840px;
	margin:20px auto;
	box-shadow:0px 2px 5px #ccc;
}


fieldset.bilan table#actif {
	display: block;
	float:left;
	width:45%;
	border:1px dotted #ccc;
	height:auto;
	margin:10px;
	padding:0px;
} 

table#actif td,table#passif td {
	width:300px;
}
table#actif tr.strong td,table#passif tr.strong td{
	font-size:20px;
}
fieldset.bilan table#passif {
	clear:none;
	display: block;
	float:right;
	width:45%;
	border:1px dotted #ccc;
	height:auto;
	margin:10px;
	padding:0px;
} 
fieldset.bilan table#actif tr.strong,fieldset.bilan table#passif tr.strong {
	font-weight: bold;
	font-size:13px;
} 
/* Css for displaying les Bons */
div.document {
	float:left;
	width: 80%;
	margin:10px 20px 10px 10px;
	border:2px solid #555;
	padding: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
}

div.document .table_center td{
	text-align:center;
}
div.document p {
	margin:60px 0 0 0;
	font-style: italic;
}
tr.first td {
	font-weight: bold;
	border-top:2px solid #333;
}
div.document .left {
	width:400px;
	float:left;
	line-height: 18px;
	text-align: left;
}
div.document .left .text {
	float:left;
	width:300px;
	height:100px;
	padding:0px 10px 10px 0px;
	text-align:left;
	margin-left:20px;
	line-height: 35px;
	margin-top:-20px;
/*	background:url(../img/star.jpg) top left no-repeat;*/
}

div.document .right {
	width: 250px;
	float:right;
	text-align:right;
	line-height: 35px;
	margin-top:20px;
}

div.document .right span#dateId {
	font-size:15px;
}
div.document .bas_page {
	height:60px;
	line-height: 35px;
	margin:20px 0 60px 0;
	font-weight:bold;
}
div.document .bas_page .left {
	float:left;
	height:inherit;
	text-align:left;
	margin-top:10px;
	width:400px;
}

div.document .bas_page .right {
	float:right;
	height:inherit;
	text-align:right;
	margin-top:-10px;
	padding:0;
	width:400px;
}

div.document .bas_page .middle {
	width:200px;
	float:left;
	text-align:center;
	line-height: 35px;
	margin-left:300px;
}
div.document .left img {
	display:block;
	margin:10px 10px 50px 10px;
}
div#facture_details {
	color: #999;
	font-style: italic;
	border:1px dashed #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:5px;
	text-align:left;
	width: 200px;
	float:left;
	margin:0 0 20px -60px;
}

div#stamp {
	color:red ;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align:center;
	width: 300px;
	height: 20px;
	float:left;
	font-size:30px;
	margin: 0 auto;
}
div.document .titre {
	display: block;
	color:black;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
}

.line {
	line-height: 50px;
}
div.document table {
	width:100%;
}

div.document table td:last-child,div.document table th:last-child {
	text-align:right;
}
div.document .strong {
	font-weight: bold;
	border-top:2px solid #555 !important;
}
div.document h4,div.tabella h4{
	color:#0A246A;
}
/** end of bons css **/
* {
	margin:0;
	padding:0;
}

.white_content {
	display: none;
	position: absolute;
	top: 20%;
	left: 35%;
	right:35%;
	width: 30%;
	height: auto;
	padding: 16px;
	border: 13px solid #999933;
	-moz-border-radius:10px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}


.white_content input[type="submit"] {
	display: inline;
	width: 80px;
	height: 30px;
	margin:15px 0;
}
/** printing css **/

.body_printing {
	background: white !important;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:90%;
	margin: 0;
	width:100%;
}

#company {
	width:600px;
	height:200px;
	margin:0 auto;
	margin-bottom:35px;
	border:1px solid #999;

}
#address {
	float:right;
	width:300px;
	height:auto;
	margin:0 auto;
	margin-bottom:35px;
	border:1px solid #999;
}
#name {
	display:inline;
	top:1px;
	width:300px;
	height:auto;
	margin:0 auto;
	margin-bottom:35px;
	border:1px solid #999;
}
div.printing {
	width:700px;
	height:auto;
	margin:35px auto;
}
button#print {
	margin:0 auto;
	width:200px;
	display:block;
}
button#cancel_print {
	margin:0 auto;
	width:200px;
	display:block;
}
.table_printing {
	width:inherit;
	height:auto;
	margin:35px auto;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
.table_printing th,.table_printing tr,.table_printing td {
	border-right:1px solid #ccc;
}
.table_printing th {
	background:#90BFC9;
}
.strong {
	font-weight:normal;
	border-top:2px solid #555;
	}

/**end printing css **/
/** Hacking by Mugabo Armand **/

/** facturation display message on top center of the page*/
#facturation {
	display:none;
	width:200px;
	color:#000000;
	padding:10px 10px 10px 45px;
	margin:-10px auto -50px auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #E5EFFD url(../img/loading.gif) 10px 5px  no-repeat;
}

/* css for form included into jQuery dialog boxes*/
div#booking_boxe {
padding:0;
margin:0;
}
div.dialog {
	margin:0px;
	padding:0px;
	float:left;
}
div.dialog div.auto_complete {
	font-size:10px;
}
div.dialog input[type=submit] {
	float:left;
	width:90px !important;
	height:30px !important;
	margin:5px 0 0 150px !important;
	cursor:pointer !important;
}

div#dialog input[type=submit] {
	float:right;
	width:90px !important;
	height:30px !important;
	margin:5px 400px 0 0px !important;
	cursor:pointer !important;
	font-size:11px;
	
}
div.dialog fieldset,fieldset.dialog {
	padding:5px;
	margin-right:2px;
	margin-bottom: 0;
}
div.dialog fieldset legend,fieldset.dialog legend {
	padding:0px;
	margin:0px;
	height:auto;
	width:auto;
	color: #333;
	font-size:12px;
	font-weight:bold;
	background:transparent;
}
div.dialog  span.left {
	float:left;
	width:180px;
	height:auto;
	margin-left:15px;
	padding:0px;


}
div.dialog  span.right {
	float:left;
	width:120px;
	height:auto;
	margin-left:15px;
	padding:0px;
	text-align:left;

}
div.dialog form div {
	clear: both;
	margin-bottom:10px;
	padding:0;
	vertical-align: text-top;
}
div.dialog div.checkbox {
	display: block;
	margin-top:20px !important;
}

div.dialog div.checkbox label{
	display: block;
	margin:10px !important;
}
div.dialog input{
	height: 15px !important;
	width: 90px !important;
	font-size: 11px !important;
	margin:0px !important; 
	padding:0 !important;
}
div.dialog textarea {
	width: 150px !important;
	height:50px !important;
	font-size: 11px !important;
	margin:-5px !important;
	padding:0 !important;
}
div.dialog label {
	font-size: 11px !important;
	margin-bottom: 3px;
}
div.dialog select {
	font-size: 11px !important;
	padding:0 !important;
	max-width:150px;
	margin:0px !important; 
	overflow:scroll;
 
}
div.dialog table td, div.dialog table th  {
	height:15px !important;
	font-size: 11px;
	padding:0px !important; 
	margin:0;
}
div.dialog table label,div.dialog table input {
	margin:0px;
}
div.dialog table {
	padding :3px;
	margin:0px ;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
.ajax {
-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
-webkit-border-radius:8px;
border: 1px solid #ccc;
margin: 10px auto;
padding:10px;
-moz-box-shadow:1px 1px 10px #999;
-webkit-box-shadow:1px 1px 10px #999;
box-shadow:1px 1px 10px #999;
}
/* end of css for dialog boxes */

/** Css for touch Screen interface **/
div#tables{
}
div.table_red, div.table_green, div.table_orange{
	float:left;
	width: 150px;
	height:90px;
	border:1px solid #333;
	margin:5px;
	text-align:center;
	font-size: 20px;
	font-weight:bold;
	color:white;
	padding-top:30px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
div.table_red {
	background-color:#AA0000;
	background-image: -moz-linear-gradient(top, #f1f1AA, #AA0000);
}
div.table_orange {
	background-color:#FFAA00;
	background-image: -moz-linear-gradient(top, #f1f1AA,#FFAA00);
}
div.table_green {
	background-color:#008000;
	background-image: -moz-linear-gradient(top, #f1f1AA,  #008000);
}
span.serveur_table {
	display: block;
}
div.produit{
	float:left;
	width:auto;
	min-width:100px;
	height:60px;
	border:1px solid #333;
	margin:5px;
	padding:10px;
	font-size: 12px;
	font-weight:bold;
	color:white;
	line-height:150%;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background-color:#333;
	text-transform:uppercase;
	background-image: -moz-linear-gradient(top, #666,  #000);
	display:none;
	position:relative;
}
span.groupe{
	float:left;
	width: 125px;
	height:85px;
	border:1px solid #333;
	padding:5px 0px 0px 60px;
	margin:5px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:0px 2px 3px #666;
	border-radius:5px;
	color:red;
	overflow: hidden;
}
span.groupe span {
	color:red;
}


span.groupe img {
	
}
div.produit span.prix {
	display:block;
	position:absolute;
	bottom:2px;
	right:2px;
	height:15px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:white;
	background-color:#3399FF;
	border-radius: 3px;
}

div#resto_layout_touch {
}
div#resto_layout_touch span.info {
	display: block;
	margin-bottom: 5px;
}

div#resto_layout_touch legend {
	margin: 0;
	padding: 0;
	height:auto;
	color:#999933;
	font-weight:normal;
	font-size: medium;
}
div#resto_layout_touch fieldset {
	padding: 5px;
	margin-bottom:5px;
}
div#resto_layout_touch table {
	display:block;
	width:100%;
	height: 140px;
	overflow:auto;
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin:0px 10px 10px 0px;
	font-size:10px;
}

div#resto_layout_touch table#list_produits {
	height: 235px;
}
div#resto_layout_touch table th, div#resto_layout_touch table tr{
	width:140px;
	height:40px;
}
.active {
	background-color: #999933 !important;
	font-weight: bolder;
	color:white;
}
tr.active td {
	background-color: #999933 !important;
	font-weight: bolder;
	color:white;
}
.new {
	background-color: #FFCC00 !important;
	font-weight: bolder;
	color:white;
}


div#resto_layout_touch  span#second {
	float:left;
	width:40%;
	height:auto;
	margin-left:5px;
	padding:0px;
}

div#resto_layout_touch  fieldset#actions {
	width:100%;
	height:auto;
	padding:0;
}
div#resto_layout_touch  span#third {
	float:right;
	width:58%;
	padding:0px;
	overflow: auto;
}
/* bouttons css */
div#resto_layout_touch  span.bouttons {
	width:100%;
	height:auto;
	margin:0 0 5px 15px;
	padding:0px;
}

fieldset#actions .boutton,fieldset#actions .boutton_disabled, span.bouttons .boutton,span.bouttons .boutton_selected,div.bouttons {
	display: block;
	float: left;
	cursor:pointer;
	width:auto;
	height:15px;
	margin:5px;
	margin-bottom:5px;
	padding: 15px 8px !important;
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333 !important;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #aaac62;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow: #fff 0px 1px 0px;
}
div.bouttons {
	float:none;
	height:10px;
	font-size:10px;
	margin:0 auto;
	width:200px;
	padding:5px;
}
fieldset#actions .boutton_disabled{
	background-image: -moz-linear-gradient(top, #EDEDED, #ccc);
	color:#999;
	border:1px solid #999;
	text-shadow: #fff 0px 1px 0px;
	cursor: default;
}
span.bouttons .boutton_selected{
	background-image: -moz-linear-gradient(top, #fff,orange);
	border:1px solid black;
}
fieldset#groupes_select .boutton {
	width:100px;
	height:60px;
	-moz-box-shadow:0px 2px 5px #666;
	text-align:center;
	font-size:15px;
}

/* form elements */
div#resto_layout_touch form div {
	clear: both;
	margin-bottom:10px;
	padding:0;
	vertical-align: text-top;
}
div#resto_layout_touch div#resto_layout_touch {
	display: block;
	margin-top:20px !important;
}

div#resto_layout_touch div#resto_layout_touch label{
	display: block;
	margin:10px !important;
}
div#resto_layout_touch input{
	height:50px !important;
	width: 150px !important;
	font-size: 15px !important;
	margin:0px !important; 
	padding:0 !important;
}
div#resto_layout_touch input#DateResto {
	float:left;
	height: 20px !important;
	width: 100px !important;
	font-size: 15px !important;
	margin:0px !important; 
	padding:0 !important;
}
span#montant ,span#reste{
	display: block;
	width:120px;
	height:20px;
	padding:8px 0 0 0;
	text-align:center;
	border:1px solid black;
	font-size:medium;
	font-weight:bold;
	color:white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
span#montant {
	background-color: #00AA00;
}
span#reste {
	background-color: #CC0000;
}
input#avance {
	background-color: orange;
	color:black;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid orange;
}
div#resto_layout_touch  select{
	width:150px !important;
	font-size: 12px;
}
div#resto_layout_touch textarea {
	width: 150px !important;
	height:45px !important;
	font-size: 11px !important;
}
div#resto_layout_touch label {
	font-size: 11px !important;
	margin-bottom: 3px;
}
table#journal_resume {
	width:500px;
	border:2px solid #555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
}
table#journal_resume textarea {
	width: 450px !important;
	height: 70px !important;
	font-size: 14px;
}
.ajax {
-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
-webkit-border-radius:8px;
border: 1px solid gray;
margin: 10px auto;
padding:10px;
-moz-box-shadow:1px 1px 10px #333;
-webkit-box-shadow:1px 1px 10px #333;
}

 div#resto_layout_touch h4{
	color:#0A246A;
	margin:0 auto;
}
/** END TOUCH **/
/* Resto stuff*/
 div#resto_layout h4{
	color:#0A246A;
	margin:0 auto;
}

span.left{
	float:left;
	width:200px;
	text-align:left;
	padding:10px;
}
span.right {
	float:left;
	width:200px;
	text-align:right;
	padding:10px;
	margin-left: 20px;
}


div#resto_print, div#resto_print_thermal {
	font-weight:bold;
	font-size: 15px;
}
div#resto_print_thermal hr {
	margin: 5px 0;
}

div#resto_print span.info, div#resto_print_thermal span.info {
	display: block;
	font-size: 12px;
}
div#resto_print #details {
	display: block;
	width: 550px;
	margin: 5px auto;
	border:2px solid #666;
}


div#resto_print_thermal #details {
	display: block;
	width: 500px;
	margin: 0px auto;
	border: 0px solid red;
}

div#resto_print_thermal #details h3 {
	color: black;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}


tr.small {
	font-size: 10px;
	color: #999;
}
tr.space td {
	color: red;
	line-height: 6px;
}

div#resto_print  #bas_note{
	display: block;
	width: 500px;
	text-align:left;
	margin: 5px auto;
	border:2px solid #666;
}

div#resto_print_thermal  #bas_note{
	display: block;
	width: 500px;
	text-align:left;
	margin: 5px auto;
	border: 1px solid red;
}
div#resto_print #bas_note .text, div#resto_print_thermal #bas_note .text{
	display: block;
	float:right;
	width: 370px;
	font-size:11px;
	text-align:left;
	margin: 5px auto;
	text-transform: capitalize;
}
div#resto_print  #bas_note img,div#resto_print_thermal  #bas_note img {
	float:left;
	margin-right:10px;
}
div#resto_print #details #left, div#resto_print_thermal #details #left{
	float:left;
	width:160px;
	text-align:left;
	padding:0px;
}
div#resto_print #details #right, div#resto_print_thermal #details #right {
	float:right;
	width:100px;
	margin-right:0px;
	text-align:right;
	padding:0px;
	border: 0px solid green;
}

div#resto_print table {
	width: 500px;
	margin: 20px auto;
	border:2px solid #666;
	padding:10px;
}

div#resto_print_thermal table {
	width: 500px;
	font-size: 12px;
	margin: 0px auto;
	padding:0px;
	border: 0px solid red;
	margin-top: -18px;
}

.produit_column {
	width: 100px !important;
	white-space: nowrap;
}

div#resto_print_thermal div.thx {
	width: 500px;
	margin: 0px auto;
	padding:2px;
	text-align:center;

}

div#resto_print table td {
	border:2px solid #333;
	padding:0px;
}

div#resto_print_thermal table td {
	padding:1px;
	background: none;
	border:none;
}

div#resto_print th {
	color:black;
}
 div#resto_print_thermal th {
	color:black;
	border:none;
}
div#resto_layout span.info {
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}

div#resto_layout legend {
	margin: 0;
	padding: 0;
	height:auto;
	color:#999933;
	font-weight:normal;
	font-size: medium;
}
div#resto_layout fieldset {
	padding: 5px;
	margin-bottom:5px;
}
div#resto_layout table {
	display:block;
	height: 162px;
	overflow:auto;
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin:10px 10px 10px 0px;
	width:620px;
}
div#resto_layout table th, div#resto_layout table tr{
	width:620px;
}
.active {
	background-color: #999933 !important;
	font-weight: bolder;
	color:white;
}

.new {
	background-color: #FFCC00 !important;
	font-weight: bolder;
	color:white;
}

div#resto_layout  span#first {
	float:left;
	width:200px;
	height:auto;
	margin-left:15px;
	padding:0px;
}
div#resto_layout  span#second {
	float:left;
	width:650px;
	height:auto;
	margin-left:15px;
	padding:0px;
}
div#resto_layout  span#third {
	float:left;
	width:320px;
	height:auto;
	margin-left:15px;
	padding:0px;
}
div#resto_layout  fieldset#actions {
	clear: both;
	width:1180px;
	height:auto;
	padding:0 10px;
	margin:5px 15px;
}
fieldset#actions .boutton,fieldset#actions .boutton_disabled{
	display: block;
	float: left;
	cursor:pointer;
	width:auto;
	margin:5px;
	margin-bottom:10px;
	padding: 4px 8px;
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow: #fff 0px 1px 0px;
}
fieldset#actions .boutton_disabled{
	background-image: -moz-linear-gradient(top, #EDEDED, #ccc);
	color:#999;
	border:1px solid #999;
	text-shadow: #fff 0px 1px 0px;
	cursor: default;
}
div#resto_layout form div {
	clear: both;
	margin-bottom:10px;
	padding:0;
	vertical-align: text-top;
}
div#resto_layout div#resto_layout {
	display: block;
	margin-top:20px !important;
}

div#resto_layout div#resto_layout label{
	display: block;
	margin:10px !important;
}
div#resto_layout input{
	height: 20px !important;
	width: 150px !important;
	font-size: 15px !important;
	margin:0px !important; 
	padding:0 !important;
}
div#resto_layout input#DateResto {
	float:left;
	height: 20px !important;
	width: 100px !important;
	font-size: 15px !important;
	margin:0px !important; 
	padding:0 !important;
}
span#montant ,span#reste{
	display: block;
	width:120px;
	height:20px;
	padding:8px 0 0 0;
	text-align:center;
	border:1px solid black;
	font-size:medium;
	font-weight:bold;
	color:white;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
span#montant {
	background-color: #00AA00;
}
span#reste {
	background-color: #CC0000;
}
input#avance {
	background-color: orange;
	color:black;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid orange;
}
div#resto_layout  select{
	width:150px !important;
	font-size: 12px;
}
div#resto_layout textarea {
	width: 150px !important;
	height:45px !important;
	font-size: 11px !important;
}
div#resto_layout label {
	font-size: 11px !important;
	margin-bottom: 3px;
}
table#journal_resume {
	width:500px;
	border:2px solid #555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
}
table#journal_resume textarea {
	width: 450px !important;
	height: 70px !important;
	font-size: 14px;
}
.ajax {
-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
-webkit-border-radius:8px;
border: 1px solid gray;
margin: 10px auto;
padding:10px;
-moz-box-shadow:1px 1px 10px #333;
-webkit-box-shadow:1px 1px 10px #333;
}

/* old stuff 
div.recettes input[type = submit] {
	margin-left:30%;
}
fieldset.resto fieldset {
	padding:0 5px;
	border:1px dashed #666;
}
fieldset.ingredient {
	padding-bottom:15px;
	border:1px dashed #666 !important;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div#resto_options {
	padding:0;
	margin:0;
	margin-top:-10px;
}
div#resto_options  span#left {
	float:left;
	width:180px;
	height:auto;
	margin-left:15px;
	padding:0px;


}
div#resto_options  span#right {
	float:left;
	width:120px;
	height:auto;
	margin-left:100px;
	padding:0px;

}

div#resto_options span#recherche_clients {
	float:left;
	width:28px;
	height:42px;
	height:auto;
	color:black;
	font-size:14px;
	margin-left:75px;
	margin-top:32px;
	padding:3px;
	padding-left:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	text-shadow: #8cee7c 0px 1px 0px;
	cursor: pointer;
}
div#resto_options input, fieldset.resto input{
	height: 20px !important;
	width: 150px !important;
	font-size: 15px !important;
	padding:0 !important;
}
div#resto_options label,fieldset.resto label {
	font-size: 15px !important;
	margin-bottom: 6px;
	width:200px;
}
div#resto_options select {
	font-size: 15px !important;
	padding:0 !important;
	width:150px;
}
.resto legend {
	padding: 0px;
}
.items {
	width:300px;
	height:auto;
	margin:0px;
	margin-bottom:5px;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.items h4 {
	display:block;
	width:200px;
	height:20px;
	padding: 0px 5px;
	margin:0px;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ccc;
}
.list fieldset{
	width:400px;
	float:left;
	margin-right: 30px;
}
.ingredient legend{
	padding:5px;
	margin-bottom: -25px;
}
div.ingredient  span.left {
	float:left;
	width:180px;
	height:auto;
	padding:0px;


}
div.ingredient  span.right {
	float:left;
	width:120px;
	height:auto;
	padding:0px;
}

div.ingredient input{
	height: 20px !important;
	width: 150px !important;
	font-size: 15px !important;
	}
div.ingredient select {
	font-size: 11px !important;
	padding:0 !important;
	max-width:90px;
	margin:0px !important; 
 
}
fieldset.ingredient {
	width:500px;
}
*/

/* end of resto css */

#defaulter {
	height: auto;
	-moz-border-radius:10px;
	-moz-box-shadow:-3px 0px 15px #ccc; 
	padding: 20px;
	margin-left: 10px;
}
#defaulter fieldset {
	float:left;
	width:200px;
	margin-right:15px;
	padding:0 0 0 20px;
	border-right: 1px dashed #666;
}
#defaulter h4 {
	font-size: x-large;
}
#defaulter legend {
	color:#666666;
	font-weight: lighter;
	font-size:x-large;
	padding: 0;
}
#light {
	padding: 0;
	margin: 20px 0 15px -55px;
}
label.error ,div.error-message {
	clear: both;
	color: #c73e14;
	font-weight:lighter;
	font-size:small;
	margin-top: 5px;
}
/* table css for advanced add*/
div.back {
	float:right;
	width:2%;
	min-height:300px;
	cursor:pointer;
	background:url(../img/back.png) 0 0  no-repeat;
}	
div.next {
	float:right;
	width:2%;
	min-height:300px;
	cursor:pointer;
	background:url(../img/next.png) 0 0  no-repeat;
}	
div.index,.advanced_form {
	float:right;
	width:80%;
	border-left:1px dashed #999;
	padding-left:10px;
}

.advanced input, .advanced td {
	width: 70px;
	height: 15px;
	font-size: 10px;
}

div#quick_add {
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid gray;
	width:auto;
	margin: 10px 5px;
	padding:10px;
	-moz-box-shadow:1px 2px 5px #ccc;
	-webkit-box-shadow:1px 2px 5px #ccc;
	box-shadow:1px 2px 5px #ccc;
}

.advanced1 td {
	font-size: 10px;
}
.advanced1 select {
	width:100%;
	min-width:50px;
	height: 25px;
	font-size: 10px;
	margin:5px;
}
.advanced1 .heure {
	width:30px;
}
.advanced1 select#multiple {
	height: 50px;
	width: 100px;
}

.advanced1 input, .advanced1 textarea{
	width:100%;
	max-width:90px;
	min-width:30px;
	height: 15px;
	font-size: 10px;
	margin:5px;
}

.advanced1 input.short {
	width: 70%;
}

.advanced1 input[type=submit] {
 margin:0px;
 width: 50px;
 margin:5px;
}

.advanced td {
	width:50px !important;
}

	

.advanced select,.advanced select  {
	width: 100px;
	font-size:10px;
}


.advanced_loading {
		display:block;
		float:left;
		width:32px;
		height:32px;
		padding:0px;
		margin:0px;
		background:url(../img/loading.gif) top left no-repeat;
}

.ok {
		display:block;
		float:left;
		width:32px;
		height:32px;
		padding:0px;
		margin:0px;
		background:url(../img/ok.png) top left no-repeat;
}
.warning {
		display:block;
		float:left;
		width:32px;
		height:32px;
		padding:0px;
		margin:0px;
		background:url(../img/warning.png) top left no-repeat;
}
.advanced input[type="submit"] {
	width: 50px;
	height:25px;
	font-size:10px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

/* table css for advanced add* end */

/* Css for reservations */
div#extras fieldset:first-child {
	padding: 5px;
	margin:0;
	border:0;
}
div#extras small {
	color:#0A246A;
	font-size: 12px;
}

div#extras fieldset legend {
	padding: 5px;
	margin:0;
	font-size: 17px;
	color:#999933;
	font-weight: normal;
}

/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 200px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	font-size:14px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu LI.igikorwa A { background-image: url(../img/page_white_edit.png); }
/** end of contextmenu css **/

	
div.tabella {
	float:right;
	width:97%;
	border-left:1px dashed #999;
	padding-left:10px;
}

table.reservations tbody {overflow:scroll; height:100px}

table.reservations td {
	border: 1px dotted #999933;
}
table.reservations td:first-child, table.reservations td:nth-child(2) {
	width: 50px;
}
td.disabled {
	background: #666 !important;
	border:  2px solid #FFE7A1 !important;
		
}
td.changee {
	background:#4E4E1B !important;
	border:  2px solid #FFE7A1 !important;
		
}
td.confirmee {
	background: #2B6FB6 !important;
	border:  2px solid #FFE7A1 !important;
}

td.credit {
	background: #D7C80A !important;
	border:  2px solid #FFE7A1 !important;
}
td.arrivee {
	background: #800000 !important;
	border:  2px solid #FFE7A1 !important;
}

td.partie {
	background: #000000 !important;
	border:  2px solid #FFE7A1 !important;
}
td.en_attente {
	background: orange !important;
	border:  2px solid #880000 !important;
}
td.confirmee, td.annulee, td.en_attente,td.arrivee ,td.partie,td.oui,td.non,td.disabled,td.changee,td.credit{
	font-size:10px;
	font-weight: bolder;
	color:white;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.details {
	width:200px;
	height:133px;
	z-index:3000;
	color:#666;
	font-size:12px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:5px;
}
#not_flipped {
	background:url(../img/details.png) top left no-repeat;
}
#flipped {
	background:url(../img/details_flipped.png) top left no-repeat;
}
.details div#close {
	position: absolute;
	z-index:3100;
	width:30px;
	height:30px;
	color:red;
	margin:-15px 0  -30px 180px;
	font-size:12px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-shadow: 1px 1px 1px #333;
	cursor:pointer;
	background:url(../img/delete.png) top left no-repeat;
}
table#legend {
	width:200px;
	border:2px solid #555;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
	text-transform: none;
}
table#legend tr {
	height:25px;
}
/*
td.confirmee-middle {
	background: #00AA00 !important;
	border-top: 2px solid #880000 !important;
	border-bottom: 2px solid #880000 !important;
		
}
td.confirmee-start {
	background: #00AA00 !important;
	border:  2px solid #880000 !important;
	border-right: 1px dotted #999933 !important;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
}
td.confirmee-end {
	background: #00AA00 !important;
	border:  2px solid #880000 !important;
	border-left: 1px dotted #999933 !important;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
		
}
td.annulee-middle {
	background: #880000 !important;
	border-top: 2px solid yellow !important;
	border-bottom: 2px solid yellow !important;		
}
td.annulee-start {
	background: #880000 !important;
	border:  2px solid yellow !important;
	border-right: 1px dotted #999933 !important;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
}
td.annulee-end {
	background: #880000 !important;
	border:  2px solid yellow !important;
	border-left: 1px dotted #999933 !important;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
		
}
*/
td.selection {
	background: yellow !important;
}
td.hovered {
	background: maroon !important;
}

td.resizer {
	background: #999933 !important;
}
tr.stats {
	font-weight:bold;
	color:black;
}
tr.stats td {
	background: #EEECA9 !important;
}
.reservations_paging {
	margin:0 auto;
	text-align: center;
}
.reservations_paging h3 {
	display: inline;
}
.recherche {
	width:500px; 
	margin:0 auto; 
	text-align:center;
}
div.auto_complete    {
     position         :absolute;
     width            :150px !important;
     background-color :white;
     border           :1px solid #888;
} 
li.selected    { background-color: yellow; cursor:pointer;}


.conteneur {
	width:600px;
	height:auto;
	margin:0px auto;
	margin-bottom: 20px;
}
#conteneur h4 {
	font-style: italic;
	font-weight: bold;
}
.tableau {
	width:inherit;
	height:auto;
	margin:inherit;
}
#loading,.loading {
		display:block;
		clear:both;
		width:200px;
		height:40px;
		color:red;
		padding:5px 5px 5px 35px;
		margin:5px 0;
		background:url(../img/loading.gif) top left no-repeat;
}
li.folder a {
	display:block;
	width:auto;
	min-height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/folder_min.png) 5px 5px no-repeat !important;
}

li.delete a {
	display:block;
	width:auto;
	height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/delete.png) 5px 5px no-repeat !important;
}
li.home_min a {
	display:block;
	width:auto;
	height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/home_min.png) 5px 5px no-repeat !important;
}

li.upload a {
	display:block;
	width:auto;
	height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/upload.png) 5px 5px no-repeat !important;
}

li.rapport a {
	display:block;
	width:auto;
	height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/rapport.png) 5px 5px no-repeat !important;
}
li.personnel a {
	display:block;
	width:auto;
	height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/personnel.png) 5px 5px no-repeat !important;
}
li.group a {
	display:block;
	width:auto;
	height:30px;
	padding: 7px 5px 0px 35px !important;
	background: url(../img/group.png) 5px 5px no-repeat !important;
}
li.money a {
	display:block;
	width:auto;
	height:32px;
	padding: 15px 5px 0px 35px !important;
	background: url(../img/dollar.png) 5px 10px no-repeat !important;
}
input[type=submit],input[type=reset] {
	display: inline;
	font-size: 110%;
	width: 100px;
	height:35px;
	margin-left:70px;
}

#login input[type=submit],input[type=reset] {
	display: inline;
	font-size: 110%;
	width: 100px;
	height:35px;
	margin-left:55px;
}
input {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width:200px;
	height:25px;
	margin-left:5px;
}
div.actions h3 {
	display:block;
	color: #777;
	width:100px;
	height:35px;
	padding: 7px 5px 0px 45px;
	background: url(../img/process.png) 0 5px no-repeat;
}
h2 {
	display:block;
	color: #e32;
	width:400px;
	height:40px;
	padding: 7px 5px 5px 40px;
	background: url(../img/folder.png) 0 5px no-repeat;
}

h2.money {
	display:block;
	color: #e32;
	width:100px;
	height:48px;
	padding: 15px 5px 5px 50px;
	background: url(../img/money.png) 0 5px no-repeat;
}
fieldset {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
	padding: 16px 20px;
	
}
fieldset.produit legend {
	background:#fff;
	color: #999933;
	font-size: 140%;
	font-weight: bold;
	display:block;
	padding:0 0 0 0;
	height: 30px;
}
fieldset legend, .edit {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
	display:block;
	width:auto;
	height:40px;
	padding: 7px 5px 5px 40px;
	background: url(../img/edit.png) 0 5px no-repeat;
}
.Upload {
	background-color:white;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
	display:block;
	width:100px;
	height:40px;
	padding: 7px 5px 5px 40px;
	background: url(../img/Upload.png) 0 5px no-repeat;
}
.add {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
	display:block;
	width:auto;
	height:40px;
	padding: 7px 5px 5px 40px !important;
	background: url(../img/add.png) 0 5px no-repeat;
}
#login fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
	display:block;
	width:115px;
	height:30px;
	padding: 7px 5px 5px 50px;
	margin-left:-20px;
	background: url(../img/key.jpg) 0 0px no-repeat;
}
#login {

	display:block;
	width:560px;
	height:auto;
	margin:0px auto;
	margin-bottom:30px;
}
#login fieldset {
	background:#fff;
	color: #e32;
	display:block;
	width:400px;
	height:auto;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:0px 2px 5px #ccc;
	-webkit-box-shadow:0px 2px 5px #ccc;
	-moz-box-shadow:0px 2px 5px #ccc;
	padding: 7px 0px 40px 160px;
	background: url(../img/lock.jpg) bottom left no-repeat;
}
#menu {
	clear:both;
	width:100%;
	height:auto;
	margin-bottom:0px;
	}
/*  homepage stuff*/
#left {
	float:left;
	width:260px;
}
#right {
	float:right;
	width:77.5%;
}
#fermer {
	background:url(../img/delete.png) top right no-repeat;
	height:20px;
	cursor:pointer;
	display:none;
}
.menu1, .online {
	float:left;
	width:260px;
	height:auto;
	margin:5px;
	padding:5px;
	padding-bottom:15px;
	padding-left:0px;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.menu1 h3, .online h3 {
	display:block;
	width:200px;
	height:32px;
	padding: 5px 5px 5px 45px;
	background:url(../img/menu.png) top left no-repeat;
	margin:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px solid #ccc;
}
.menu1 h4 {
	display:block;
	margin:5px;
	height:20px;
	padding: 5px 2px 10px 30px;
	background:url(../img/attention.png) top left no-repeat;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #ccc;
}
.online h4 {
	display:block;
	margin:5px;
	height:20px;
	padding: 10px 2px 0px 30px;
	background:url(../img/info.png) top left no-repeat;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;
	border-bottom:1px solid #ccc;
}
.menu1 ul, .online ul {
	list-style:none;
	margin-left:-5px;
}

.menu1 ul ul, .online ul ul {
	list-style:none;
	margin-left:10px;
}
.menu1 a, .online a, li.onclick {
	text-decoration:none;
	display:block;
	width:200px;
	height:11px;
	color:#003d4c;
	margin-bottom:3px;
	padding:5px 5px 5px 15px;
	background:url(../img/bullet.png) center left no-repeat;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
}
.menu1 a:hover, .online a:hover {
	color:#993;
}
#home {
	float:right;
	width:100%;
	height:auto;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:-15px 5px 5px 5px;
	padding:5px;
	padding-left:10px;
	font-size:12px;
}
#home h3 {
	display:block;
	width:460px;
	height:32px;
	border-bottom:1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 0px 5px 45px;
	background:url(../img/aser.png) top left no-repeat;
	margin:5px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
}
#home strong { color:#4E4E1B;}

#home li {
	margin-bottom:5px;
}

/*fin*/
	
#wraper {
	background: #f7f7f7 url(../img/content.gif) top left repeat-x;
	padding:5px;
	width:100%;
	overflow:auto;
}
#wraper1{
	clear: both;
	color: #333;
	padding:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	background:white;
	margin:5px;
	overflow: auto;
}
#indicator {
	position: relative;
	display: none;
	width: 200px;
	font-size:14px;
	color:#444;
	height:27px;
	margin:0 auto;
	padding:8px 5px 0px 35px;
	margin-bottom:-37px;
	z-index:3000;
	border:1px solid #999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#EAEAEA url(../img/loading.gif) 2px 2px no-repeat;
}
div.message {
	position:relative;
	margin:0 auto;
	margin-bottom:-38px;
	z-index:1000;	
	color: #fff;
	text-align:left;
	font-weight: bold;
	width:250px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius:5px;
	box-shadow:0px 2px 5px #ccc;
	-webkit-box-shadow:0px 2px 5px #ccc;
	-moz-box-shadow:0px 2px 5px #ccc;
	border:1px solid #a7cde7;
	background: #a7cde7 url(../img/info.png) 5px 5px no-repeat;
	padding:10px 10px 10px   45px  ;
	line-height: 25px;
}
/** General Style Info **/
.body_popup {
	background: #003d4c;
	color: #fff;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:90%;
	margin: 0;
	width:100%;
}
.body {
	background: #003d4c;
	color: #fff;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:13px;
	margin: 0;
	width:100%;
}
a {
	color: #003d4c;
	text-decoration: underline;
	font-weight: bold;
}

#footer a{
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover, a:hover {
	color: #367889;
	text-decoration:underline;
}
a img {
	border:none;
}
h1, h3, h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	background:#fff;
	color: #003d4c;
	font-size: 100%;
}
h3 {
	color: black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
}
h4 {
	color: #993;
	font-weight: normal;
}
ul, li {
	margin: 0 12px;
}

/** Layout **/
#container {
	text-align: left;
	width:100%;
}

#header{
	padding: 10px 20px;
}
#header h1 {
	line-height:20px;
	background: #003d4c url('../img/cake.icon.png') no-repeat left;
	color: #fff;
	padding: 0px 30px;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	clear: both;
	color: #333;
	padding:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	background:white;
	margin:5px;
	overflow: auto;
}
#footer {
	clear: both;
	padding: 20px 10px;
	text-align: center;
	font-size:10px;
}

/** containers **/

div.form,
div.view {
	float:right;
	width:80%;
	border-left:1px dashed #999;
	padding-left:10px;
}
div.actions {
	float:right;
	width:15%;
	padding-right:5px;
	
}


/** Tables **/
table {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin:10px 10px 10px 0px;
	width:100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	quotes: "\201c" "\201d";
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table tr:nth-child(2n) td {
	background: #f5f5f5;
}
table tr.strong:nth-child(2n) td {
	background: #f5f5f5;
}
.test {
	border: 1px solid red;
}
.on td  {
	background: #A8EA9C !important;
}
.clicked td  {
	background: #FFFF00 !important;
}
.out td  {
	background:none;
}
table .altrow td {
	background: #f5f5f5;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier Créer", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
div.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
div.paging span.disabled {
	color: #ddd;
	display: inline;
}
div.paging span.current {
	color: #c73e14;
}
div.paging span a {
}

/** Scaffold Afficher **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl .altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 95%;
}
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1%;
	width:200px;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
form .submit input[type=submit],form .submit input[type=reset] {
	background:#62af56;
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	border-color: #2d6324;
	color: #000;
	text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover, form .submit input[type=reset]:hover {
	background:#4ca83d;
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

/** Notices and Errors **/
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**  Actions  **/
div.actions ul {
	margin: 0;
	padding: 0;
	top:120px;
	bottom: 0;
	position:fixed;
	width:15%;
	margin-bottom:50px;
	overflow-y: auto;
	overflow-x: hidden;
}
div.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
}
div.actions ul li a {
	font-weight: normal;
	display: block;
	clear: both;
}
div.actions ul li a:hover {
	text-decoration: underline;
}
div.actions li.link {
	font-weight:normal;
	padding: 4px 8px;
	background:#e6e49f;
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	cursor:pointer;
}
boutton.fyonda,
input[type=submit],
input[type=reset],
div.actions ul li a,
td.actions a {
	font-weight:normal;
	padding: 4px 8px;
	background:#e6e49f;
	background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f);
	color:#333;
	border:1px solid #aaac62;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
}
input[type=submit]:hover,
input[type=reset]:hover,
div.actions ul li a:hover,
td.actions a:hover,div.actions li.link:hover {
	background: #f0f09a;
}

/** Related **/
div.related {
	clear: both;
	display: block;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

.filter-select {
	width:400px !important;
} 

@media print {
	div.actions, div#menu, div#footer{
		display: none !important;
	}

	div.document {
		width: 95% !important;
		border: none !important;
	}
	
}