
#statusRnWrapper,
#statusBelpicWrapper,
#statusBaecWrapper {
	position: relative;
	float:right;
	height:20px;
	width:96px;
	border-right:1px solid #666;
	margin-right:10px;
	margin-left:5px;
	padding-top:4px;
	padding-right:15px;
}

#statusBaecWrapper {
	/*display:none;*/
	width: 115px;
}

#statusBelpicWrapper {
	width: 125px;
}

#statusspan,
#statusBelpicspan,
#statusBaecspan {
	position: relative;
	float:right;
	width: 20px;
	height: 20px;
	margin-top:-2px;
}


#statusRnWrapper .grey, #statusBelpicWrapper .grey, #statusBaecWrapper .grey,
#statusRnWrapper .green, #statusBelpicWrapper .green, #statusBaecWrapper .green,
#statusRnWrapper .orange, #statusBelpicWrapper .orange, #statusBaecWrapper .orange,
#statusRnWrapper .red, #statusBelpicWrapper .red, #statusBaecWrapper .red {
	background-image: url("../img/led-sprite.png");	
	background-repeat: no-repeat;
}
#statusRnWrapper .grey, #statusBelpicWrapper .grey, #statusBaecWrapper .grey {
	background-position: 0px 0px;
}
#statusRnWrapper .green, #statusBelpicWrapper .green, #statusBaecWrapper .green {
	background-position: 0px -20px;
}
#statusRnWrapper .orange, #statusBelpicWrapper .orange, #statusBaecWrapper .orange {
	background-position: 0px -40px;
}
#statusRnWrapper .red, #statusBelpicWrapper .red, #statusBaecWrapper .red {
	background-position: 0px -60px;
}

/*
--------------------------------- UPDATE PAGE ---------------------------------
*/

#headerUpdStatusRN,
#selectStatutRN {
	position:relative;
	height:60px;
	width:100%;	
	margin:0 0 50px 0;
	padding:0;
}
#selectStatutRN {
	margin:50px 0 0 0;	
}

#updBannerRN,
#updBannerSelectRN  {
	position:relative;
	height:60px;
	width:300px;
}

#updBannerRN li,
#updBannerSelectRN li {
	margin:0 20px;	
}

.statusUpd {
	position:relative;
	list-style-type:none;
	float:left;
	width: 60px;
	height: 55px;
}

#headerUpdStatusRN .center,
#selectStatutRN .center {
	margin:0 auto;
}



/*
--------------------------------- COLORS ---------------------------------
*/

.statusUpd.grey,
.statusUpd.green,  .statusUpd.darkgreen:hover ,
.statusUpd.orange,  .statusUpd.darkorange:hover,
.statusUpd.red,  .statusUpd.darkred:hover,
.statusUpd.darkgreen,
.statusUpd.darkorange,
.statusUpd.darkred,
.statusUpd.arrow {
	background-image: url("../img/led-60-sprite.png");	
	/*background-image: url("fileadmin/scripts/statut-rn/assets/img/led-60-sprite.png");*/
	background-repeat: no-repeat;
}

.statusUpd.grey {
	background-position: 0px 0px;
}

.statusUpd.green,  .statusUpd.darkgreen:hover {
	background-position: 0px -60px;
}

.statusUpd.orange,  .statusUpd.darkorange:hover {
	background-position: 0px -120px;
}

.statusUpd.red,  .statusUpd.darkred:hover {
	background-position: 0px -180px;
}

.statusUpd.darkgreen {
	background-position: 0px -300px;
}

.statusUpd.darkorange {
	background-position: 0px -360px;
}

.statusUpd.darkred {
	background-position: 0px -420px;
}

.statusUpd.arrow {
	background-position: 0px -240px;
}

#updBannerh:before {
	font-size: 2em;
	content: "Statut Actuel du Registre National :  ";
	
}

#submitFormRN {
	
	padding:0.5em;
	width: 10em;
	text-align: center;
	
	margin: 50px auto 50px auto;
	cursor:pointer;
	color:#555;
	font-weight:bold;
	font-size:1.5em;
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #ccc, #fff);  /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc), color-stop(0.2, #ccc)); /* Webkit */
	background: -webkit-linear-gradient(top,  #fff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#ccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#ccc 100%); /* IE10+ */
	background: linear-gradient(top,  #fff 0%,#ccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-moz-box-shadow:0px 3px 5px #555555;
	-webkit-box-shadow:0px 3px 5px #555555;
	box-shadow:0px 3px 5px #555555;
}

#submitFormRN:hover,
#submitFormRN:focus {
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #fff, #ccc);  /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	background: -webkit-linear-gradient(top,  #ccc 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ccc 0%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ccc 0%,#fff 100%); /* IE10+ */
	background: linear-gradient(top,  #fff 0%,#fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
