/* ROLL LISTE */

table.roll {
	font-size:75%;
	width:100%;
	border-spacing:1px;
	border-collapse: separate;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	background:white;
	border-radius: 3px;
}


/* GLOBAL */
table.roll th, table.roll td {
	padding: 1px 5px;
}

table.roll th, table.roll td img {
	vertical-align: middle;	
}

 

table.roll td{
	cursor:pointer;
}

table.roll th {
	/*background:#666;
	color:white;*/	
	font-weight:normal;
	text-align:center;
}

table.roll thead, table.roll tfoot {
	background:#666;
	color:white;	
}

/* THEAD */
table.roll thead {
}

table.roll thead tr {
	cursor:default;
	background:#666;
	color:white;
	line-height:30px;
}



table.roll thead th.link {
	cursor:pointer;
	background: -webkit-linear-gradient(#555,#333);
	background: -moz-linear-gradient(#555,#333);
	background: -ms-linear-gradient(#555,#333);
	background: -o-linear-gradient(#555,#333);
	background: linear-gradient(#555,#333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333', GradientType=0);
	color:white;
}


table.roll thead th.link:hover {
	background:#666;
	background: -webkit-linear-gradient(#333,#000);
	background: -moz-linear-gradient(#333,#000);
	background: -ms-linear-gradient(#333,#000);
	background: -o-linear-gradient(#333,#000);
	background: linear-gradient(#333,#000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#000000', GradientType=0);
	color:white;
}

table.roll thead tr th.red {
	background:#A33;
	color:white;
	height:30px;
}

table.roll thead tr th.red:hover {
	background:#666;
	background: -webkit-linear-gradient(#933,#800);
	background: -moz-linear-gradient(#933,#800);
	background: -ms-linear-gradient(#933,#800);
	background: -o-linear-gradient(#933,#800);
	background: linear-gradient(#933,#800);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#993333',endColorstr='#880000', GradientType=0);
	color:white;
}

table.roll thead tr th.green {
	background:#3A3;
	color:white;
	height:30px;
}

table.roll thead tr th.green:hover {
	background:#666;
	background: -webkit-linear-gradient(#393,#080);
	background: -moz-linear-gradient(#393,#C00);
	background: -ms-linear-gradient(#393,#080);
	background: -o-linear-gradient(#393,#080);
	background: linear-gradient(#393,#080);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933',endColorstr='#008800', GradientType=0);
	color:white;
}



table.roll thead th abbr {
	border-bottom:dotted 1px white; 
	cursor:help;
}

table.roll thead th abbr:hover {
	border-bottom:dotted 1px yellow; 
}


/* BODY */
table.roll tbody {
	overflow-y:auto;
	line-height: 26px;

}

table.roll tbody tr:nth-child(odd){
	background:#eee;
}

table.roll tbody tr:nth-child(even){
	background:#ddd;
}

table.roll tbody tr.red:nth-child(odd) td{
	background:#ffcccc;
}

table.roll tbody tr.red:nth-child(even) td{
	background:#ff9f9f;
}


table.roll tbody tr:nth-child(odd) td.red{
	background:#ffcccc;
}

table.roll tbody tr:nth-child(even) td.red{
	background:#ff9f9f;
}


table.roll tbody tr.orange:nth-child(odd) td{
	background:#ffe7cc;
}

table.roll tbody tr.orange:nth-child(even) td{
	background:#ffd393;
}


table.roll tbody tr.orange:nth-child(odd) td.red{
	background:#ffe7cc;
}

table.roll tbody tr.orange:nth-child(even) td.red{
	background:#ffd393;
}



table.roll tbody tr.orange_light:nth-child(odd) td{
	background:#ffe7cc66;
}

table.roll tbody tr.orange_light:nth-child(even) td{
	background:#ffd39366;
}





table.roll tbody tr.green:nth-child(odd) td{
	background:#ccffcc;
}

table.roll tbody tr.green:nth-child(even) td{
	background:#9fff9f;
}

table.roll tbody tr:nth-child(odd) td.green{
	background:#ccffcc;
}

table.roll tbody tr:nth-child(even) td.green{
	background:#9fff9f;
}


table.roll tbody tr.blue:nth-child(odd) td{
	background:#95c3ff;
}

table.roll tbody tr.blue:nth-child(even) td{
	background:#7aa8ff;
}


table.roll tbody tr:nth-child(odd) td.blue{
	background:#95c3ff;
}

table.roll tbody tr:nth-child(even) td.blue{
	background:#7aa8ff;
}

table.roll tbody tr.gray:nth-child(odd) td{
	background:#BBB;
}

table.roll tbody tr.gray:nth-child(even) td{
	background:#CCC;
}


table.roll tbody tr:nth-child(odd) td.gray{
	background:#BBB;
}

table.roll tbody tr:nth-child(even) td.gray{
	background:#CCC;
}

table.roll tbody tr:hover{
	background:#ddd;
	background: -webkit-linear-gradient(#ddd,#ccc);
	background: -moz-linear-gradient(#ddd,#ccc);
	background: -ms-linear-gradient(#ddd,#ccc);
	background: -o-linear-gradient(#ddd,#ccc);
	background: linear-gradient(#ddd,#ccc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#cccccc', GradientType=0);
	box-shadow:0px 0px 2px black;
}

table.roll tbody td:hover{
	background:#bbb;
	background: -webkit-linear-gradient(#ccc,#bbb);
	background: -moz-linear-gradient(#ccc,#bbb);
	background: -ms-linear-gradient(#ccc,#bbb);
	background: -o-linear-gradient(#ccc,#bbb);
	background: linear-gradient(#ccc,#bbb);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#bbbbbb', GradientType=0);
}


/* FOOTER */

table.roll tfoot th.cursor{
	padding: 2px 0px;
	background:#bbb;
	background: -webkit-linear-gradient(#ccc,#bbb);
	background: -moz-linear-gradient(#ccc,#bbb);
	background: -ms-linear-gradient(#ccc,#bbb);
	background: -o-linear-gradient(#ccc,#bbb);
	background: linear-gradient(#ccc,#bbb);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#bbbbbb', GradientType=0);
}

table.roll tfoot th.cursor div{
	position:relative;
	padding: 2px 10px;
	margin: 0px 3px;
	display:inline;
	text-align:center;
	font-weight:normal;
	color:black;
	line-height:26px;
	border-radius: 5px;
}

table.roll tfoot th.cursor span{
	position:relative;
	padding: 2px 20px;
	margin: 0px 3px;
	display:inline;
	text-align:center;
	font-weight:normal;
	color:black;
	line-height:26px;
	border-radius: 5px;
}
table.roll tfoot th.cursor div.select{
	font-weight:bold;
	color:yellow;
	background:#666;
	background: -webkit-linear-gradient(#666,#333);
	background: -moz-linear-gradient(#666,#333);
	background: -ms-linear-gradient(#666,#333);
	background: -o-linear-gradient(#666,#333);
	background: linear-gradient(#666,#333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#333333', GradientType=0);
}


table.roll tfoot th.cursor div:hover{
	background:#600;
	background: -webkit-linear-gradient(#600,#300);
	background: -moz-linear-gradient(#600,#300);
	background: -ms-linear-gradient(#600,#300);
	background: -o-linear-gradient(#600,#300);
	background: linear-gradient(#966,#633);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#333333', GradientType=0);
	color:white;
	cursor:pointer;
	box-shadow: 0px 0px 2px white;
}


/* Style prédéfinit entete*/



table.roll th.titre {
	background: #666666;
	color:white;
	text-align: left;
}

table.roll th.white {
	background: white;
	color:black;
	text-align: left;
}

table.roll th.white:hover {
	background: white;
	color:black;
	text-align: left;
}

table.roll th.form{
	color: white;
	background: #DD9999;
}

table.roll th.soustitre {
	background: #BBBBBB;
	color:white;
	text-align: left;
}

table.roll th.txt{
	color:white;
	text-align: right;
}

table.roll th.total{
	background: #888888;
	color:yellow;
	text-align: right;
}

table.roll th.alerte{
	background: #AA4444;
	color:#EEE1E1;
	text-align: right;
}

table.roll th.hr{
	padding: 0px;
	background: #999999;
	height: 2px;
}




/* Style prédéfinit entete*/



table.roll td.facture{
	padding: 2px 5px;		
	color:#000000;
	white-space: nowrap;
	border-color: #999999;
	border-width: 0px 1px;
	border-style: dotted dotted;
}

table.roll table{
	border-spacing:0px;
	border-collapse: collapse;
}


/* Style des boutons display */
.btDisplay{
	margin:5px; 
	padding: 2px; 
	cursor:pointer;
	height:24px;
}

.btDisplaySelect{
	margin:5px; 
	padding: 5px; 
	cursor:pointer;
	height:24px;
	background:#f0f0f0; 
	border-radius: 5px; 
	border : 1px solid #000; 
	box-shadow: 2px 2px 2px #9e9ea3;
}