/* ROLL LISTE */

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


/* GLOBAL */

table.roll th, table.roll td {
	padding: 1px 3px;
}


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

 

table.roll td{
	cursor:pointer;
}

table.roll th {
	font-weight:normal;
	text-align:center;
}

table.roll thead, table.roll tfoot {
	background:#f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5,#eee);
	background: -moz-linear-gradient(#f5f5f5,#eee);
	background: -ms-linear-gradient(#f5f5f5,#eee);
	background: -o-linear-gradient(#f5f5f5,#eee);
	background: linear-gradient(#f5f5f5,#eee);
	color:white;	
}

/* THEAD */
table.roll thead {
	
}

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


	
table.roll thead tr th {
	border-color: #BBB;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	letter-spacing: .02em;
    font-weight: lighter;
    
    background:#f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5,#eee);
	background: -moz-linear-gradient(#f5f5f5,#eee);
	background: -ms-linear-gradient(#f5f5f5,#eee);
	background: -o-linear-gradient(#f5f5f5,#eee);
	background: linear-gradient(#f5f5f5,#eee);
    
}


table.roll thead th.link:hover {
	background:#eee;
	background: -webkit-linear-gradient(#ddd,#bbb);
	background: -moz-linear-gradient(#ddd,#bbb);
	background: -ms-linear-gradient(#ddd,#bbb);
	background: -o-linear-gradient(#ddd,#bbb);
	background: linear-gradient(#ddd,#ccc);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#eeeeee', GradientType=0);
}



table.roll thead th abbr {
	cursor:help;
}


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

}


table.roll tbody tr td:first-child {
	border-color: #BBB;
	border-width: 1px 0px 1px 1px;
	border-style: solid dotted solid solid;
	border-collapse: collapse;
}

table.roll tbody tr td:not(:first-child) {
	border-color: #bbb #ccc;
	border-width: 1px 0px 1px 1px;
	border-style: solid dotted;
	border-collapse: collapse;
}

table.roll tbody tr td:last-child {
	border-color: #BBB;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid dotted;
	border-collapse: collapse;
}


table.roll tbody tr.red td, table.roll tbody tr td.red{
	background: rgba(255,0,0,0.1);
}

table.roll tbody tr.grey td, table.roll tbody tr td.grey{
	background: rgba(0,0,0,0.1);
	
}

table.roll tbody tr.blue td, table.roll tbody tr td.blue{
	background: rgba(0,0,255,0.1);
	
}


table.roll tbody tr.green td, table.roll tbody tr td.green{
	background: rgba(0,255,0,0.1);
	
}

table.roll tbody tr.orange td, table.roll tbody tr td.orange{
	background: rgba(255,153,0,0.15);
	
}



table.roll tbody tr:hover{
	background:rgba(128,128,128,0.1);
	box-shadow:0px 0px 2px black;
}

table.roll tbody tr td:hover{
	background:rgba(128,128,125,0.1);
}

table.roll tbody tr.red:hover, table.roll tbody tr.red td:hover{
	background: rgba(255,0,0,0.2);
}

table.roll tbody tr.green:hover, table.roll tbody tr.green td:hover{
	background: rgba(0,255,0,0.2);
}

table.roll tbody tr.blue:hover, table.roll tbody tr.blue td:hover{
	background: rgba(64,64,192,0.2);
}

table.roll tbody tr.grey:hover, table.roll tbody tr.grey td:hover{
	background: rgba(0,0,0,0.2);
}

table.roll tbody tr.orange:hover, table.roll tbody tr.orange td:hover{
	background: rgba(255,153,0,0.25);
}


/* FOOTER */

table.roll tfoot {
	background: white;
}



table.roll tfoot tr {
	cursor:default;
	background: white;
	color: black;
	line-height:30px;
}


table.roll tfoot tr th {
	border-color: #BBB;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	letter-spacing: .02em;
    font-weight: lighter;
	line-height: 26px;
    
    background:#f5f5f5;
	background: -webkit-linear-gradient(#f5f5f5,#eee);
	background: -moz-linear-gradient(#f5f5f5,#eee);
	background: -ms-linear-gradient(#f5f5f5,#eee);
	background: -o-linear-gradient(#f5f5f5,#eee);
	background: linear-gradient(#f5f5f5,#eee);
    
}


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;
}