body{
	padding:0px;	margin:0px;
	font-family:arial;
	font-size:11px;
	background-color:#fff;
	/*background-image:url(logos/fdsite.jpg); background-position:center; background-size:100% contain;*/
	
}
H1{
	padding:0px;	margin:0px;margin-left:10px;
	font-family:calibri,arial;	font-size:20px;
	line-height:20px;
	color:#444;
}
H2{
	padding:2px;	margin:0px;
	font-family:arial;	
	color:#444;
	font-size:14px; font-weight:bold; font-style:italic;
	
	/*border-bottom:solid 1px #3399ff;*/
}
H3{
	
	color:#444;
}
H4{
	
	padding:4px;	margin:0px;
	font-family:calibri,arial;	
	color:#444;
	font-size:18px; font-weight:bold; font-style:italic;
}
a{
	text-decoration:none;
	color:#444;
	font-weight:bold;
}
img{	border:0px;	}
ul{
	padding:0px;
	margin:0px;	
}
div.border{
    position: absolute;
	width:80%; right:1%;
	margin-left:20%;	/*margin-right:auto; */
	padding-bottom:0px;
	overflow:visible;
	position:relative; 
}

div.TopLine{	width:100%;}
div.TopRight{
	float:right;
	width:450px;
	margin-left:auto;	margin-right:auto;
	padding-bottom:50px;
	overflow:hidden;
	position:relative;
	margin-top:0px;margin-right:50px;padding:10px;font-size:11px;text-align:left;
	color:#fff;
	font-weight:bold; 
}
.header{
	background-image:url(logos/fdentete.jpg);
	background-position:right; background-repeat:no-repeat;
    min-height:160px;
	-webkit-transition: all 2s ease; 	-o-transition: all 2s ease; 	-moz-transition: all 2s ease;		transition: all 2s ease;
	
}
.CadreTicket{
    float:left;
    background-color:#87b75a;
    width:16%; min-width:130px;height: 140px;
    margin:1%;
    font-size:22px; color:#fff;
    text-align:center;
}
.CadreTicket div{
   margin-top:20px;
    font-size:40px; font-weight:bold;
}
div.CorpsInterventions{
	width:99.5%;
	float:left;
	position:relative;
	margin-left:20px;margin-top:20px;
	border:solid 1px #ddd;
	background-color:#fff;
}
div.corps{
	width:1020px; 
	float:left;
	position:relative;
	margin-left:20px;margin-top:20px;
	border:solid 1px #ddd;
	background-color:#fff;
}

.Onglets{
   top:0px; border-right:solid 1px #444;
	padding-top:160px; left:2px;
	width:12%; min-width:180px; height:100%;
	position:fixed;
	z-index:1050;
    background-color: #eee;
}
/*.Onglets:hover{
	left:10px;
	
}*/
.onglet{
	float:left; clear:both;
	width:98%; height:40px;
	/*background-image:url(logos/onglets.png);
	 background-size:cover;*/
	 margin:1px 0px; padding: 1%;
	 cursor:pointer;
    background-color: #eee;
-webkit-transition: all 1.5s ease; 	-o-transition: all 1.5s ease; 	-moz-transition: all 1.5s ease;		transition: all 1.5s ease;
    font-size: 1.5em;
    line-height: 40px;
    border-top:solid 1px #444;
}
.onglet:hover{
  width:96%;
	padding-left:4%;	

}
.news{   background-position: 0px 0px;}
.accueil{   background-position: 0px -46px;}
.tlchg{   	background-position: 0px -92px;}
.inter{		background-position: 0px -181px ;}
.tool{    	background-position: 0px -225px;}
.conf{    	background-position: 0px 134px;}
.abo{    	background-position: 0px -362px;}
.agenda{	background-position: 0px 180px;}
.compte{	background-position: 0px -405px;}

div.panneau{
	width:235px; height:490px;
	overflow-y:auto;
	float:left;
	position:relative;
	background-image:url(logos/trans80.png);
	margin-top:20px;margin-left:0px;padding:10px;font-size:11px;text-align:left;
	color:#fff; 
}
div.panneauPop{
	position:absolute;
	width:88%; min-height:350px;
	 top:20px; margin-left:8%;margin-right:10%;
	overflow-y:auto;
	
	padding:10px;font-size:11px;text-align:left;
	color:#fff;
background-color:#E9F3FE;
-moz-border-radius: 10px;  -webkit-border-radius: 10px;      -khtml-border-radius: 10px;      border-radius: 10px;
 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	
}
div.EnteteDoc{
	width:inherit; height:30px;
	float:left;clear:left;
	position:relative;
	background-image:url(logos/transg50.png);
	padding:10px 0px;font-size:11px;text-align:left;
	color:#fff; 
}


.BoxInfo{
	position:relative;
	float:left;
	width:320px; min-height:180px;
	border: dashed 1px #444;
	margin-left:40px;	
}
.BoxInfo H2{
	background-color:#333;
	color:#FFF;
}
.BoxInfo div{
	
}
.BIApporteur{
	float:left;
	width:220px;
	padding:4px;
	border-bottom: solid 1px #444;
}
.BIInfo{
	float:left;
	width:64px;
	padding:4px;
	border-bottom: solid 1px #444;
	text-align:center;
}
/* Menu */
#menu{
	position:fixed;
	top:0px ; right:0px;
height:20px;line-height:20px;
  list-style: none;
	padding:0px;
	margin:0px;
	color:#444;
  width:100%;
}
#menu li {
	float:right;
	display:inline;
  position: relative;
  width:130px;
  margin:0px 5px 0px 5px;
	position:relative !important;
	/*background-image:url(logos/trans80.png);*/
	text-align:center;
}
#menu li a{
	width:130px;
	font-size:11px;
	color:#444;
}
#menu li a:hover{
	color:#222;
}
#menu li ul  {
	width:130px;
	margin-left: 5px;
	display:none;
	position:absolute;
}
#menu li:hover ul{
  display:block;
}
#menu li ul li.SsRub {
  display:block;
	color:#444;
}
/*FIN MENU*/


.Recherche{
	float:left;	
	width:95.6%;
	margin-left:35px;
	border-top:none;
}
.FiltreInfo{
	min-height:25px;line-height:25px;background-color:#fb8d51;padding-left:10px;
}
/* CSS LISTING */
DIV.listing{
	width:99.5%;
	float:left;
	margin-right:5px;
	
}
DIV.ColOptionTableau{
	width:65px;
	
	position:absolute;
	top:120px; left:-27px;
	z-index:1000;
	
}
DIV.THaction{
	
	width:22px;
	float:left;
	/*background-image:url(logos/onglet-option.png);*/
	background-repeat:no-repeat;
	height:30px;
	padding:3px;	padding-right:0px;
	padding-bottom:0px;
}
DIV.TableauTHRow{
	 width:100%;
	float:left;	clear:both;	border-bottom:solid 1px #666;
	height:25px;
	background-color:#fb8d51;/*#9CF;/*#7986a3;*/
	font-size:12px;
}
DIV.TableauTHRowRed{
	width:100%;
	float:left;
	clear:both;
	margin-right:1px;
	border-bottom:solid 1px #666;
	height:25px;
	background-color:#EF401D;
}
DIV.BtnAdd{
	width:3%;
	float:left;
	margin-right:1px;
	margin-top:1px;
	height:19px;
}
.BtnOrdre{
	float:left;
	width:14px;
	height:20px; line-height:12px;
}
.BtnOrdre a{
	float:left;
	padding:0px;
	height:7px;
}
.BtnOrdre a img{
	float:left; clear:left;margin:0px;
}
DIV.TableauTH{
	float:left;
	margin-left:2px;	
	height:25px;line-height:25px;
	font-weight:bold;
	text-align:center;
	color:#444;
	border-right:solid 1px #444;
}


DIV.TableauTHOpt{
	width:45px;	
	height:25px;
	float:left;
	margin-right:1px;
	margin-top:4px;
	font-weight:bold;
	
	vertical-align:top;
}
A.NbrpageSelect{
	margin:3px;
	margin-top:0px;
	color:#222;
	font-size:10px;
	text-decoration:none;
	text-shadow:2px 2px 2px #f00;
}
.Nbrpage{
	margin:3px;
	margin-top:0px;
	color:#111;
	font-size:10px;
	text-decoration:none;
	text-shadow:2px 2px 2px #fff;
}
A.Nbrpage:hover{
	text-shadow:2px 2px 2px #999;
	
}
DIV.TableauRow{
	width:99%;
	float:left;	clear:right;
	background-color:#888;
	padding:5px;
}

div.Ligne{
    float:left;clear:both;
	width:1018px;	min-height:25px; line-height:20px;
	margin: 0px 0px 2px 0px;
	border:solid 1px #777;
	background-image:url(logos/trans80.png);
	font-size:11px;text-align:left;
	color:#fff; 
}
div.Bande{
	width:99.9%;	min-height:60px; line-height:60px;
	clear:both;
	margin: 0px 0px 2px 0px;
	border:solid 1px #777;
	font-size:30px;text-align:left;
	color:#fff; 
}
DIV.RowImpair{		background-color:#eee;}
DIV.RowPair{		background-color:#EEF4FB;}
DIV.RowBlack{		background-color:#222;}
DIV.Row1{		background-color:#a4f228;}
DIV.Row2{		background-color:#d3f228;}
DIV.Row3{		background-color:#f04821;}
DIV.Row4{		background-color:#f28a35;}
DIV.Row5{		background-color:#bf300e;}
DIV.RowClient{		background-color:#fdbbae;}
/*************************
OPTIMISATION RESPONSIVE
*************************/

.IndexBox{
    float:left; width:58%;padding:1%;
}
.ActuBox{
    float:left; width:98%; background-color: #eee; margin-bottom:5px; border:solid 1px #777;
    padding:1%; font-size:13px;
}
.LienBox{
    float:left; width:46%;margin:0.5%; background-color: #eee;  border:solid 1px #777;
    padding:1%; font-size:13px;
}
@media (max-width: 850px) {
    .LienBox{     width:92%; padding:3%;}
}
.Box50{
float:left; clear: none:
border:solid 1px #444;

padding:1%;
width:47.9%;
color:#444;
height:50px;line-height:50px;
text-align:center;
font-size:17px;
    background:#eee; 
	
}

/************************************
OPTIMISATION RESPONSIVE
*************************************/
DIV.TableauCell{
	height:25px;
	overflow:hidden !important;	
	float:left;
	margin-top:2px; margin-left:2px;
	color:#444;
}
.ecpv{
	float:right;	
	z-index:20;
	width:20%; height:30px; padding:4px;
		margin-top:-25px;margin-right:20px;
	 font-size:20px;
	 background-color:#ECEAEB;
	-moz-border-radius-bottomleft: 15px;  -webkit-border-bottom-left-radius: 15px;  border-bottom-left-radius: 15px;  -moz-border-radius-bottomright: 15px;  -webkit-border-bottom-right-radius: 15px;
  border-radius: 15px;
-moz-box-shadow: 0px 3px 5px 0px #4c4d4d;-webkit-box-shadow: 0px 3px 5px 0px #4c4d4d;-o-box-shadow: 0px 3px 5px 0px #4c4d4d;box-shadow: 0px 3px 5px 0px #4c4d4d;
cursor:pointer;
-webkit-transition: all 2s ease; 	-o-transition: all 2s ease; 	-moz-transition: all 2s ease;		transition: all 2s ease;
overflow:auto; max-height:270px;
}
.ListeLiens{
	
-webkit-transition: all 2s ease; 	-o-transition: all 2s ease; 	-moz-transition: all 2s ease;		transition: all 2s ease;
	display:none;
	visibility:hidden;
}
.LiensEc:hover{
	background-color:#DEE8EB;
	
}
.ListeLiens a{
	font-size:14px; font-weight:lighter;
}
.ListeLiens a:hover{
	color:#333	;
}
.ecpv:hover {
	display:block;
	height:300px;
}
.ecpv:hover .ListeLiens{
	visibility:visible;
	display:block;
	height:250px;
}
DIV.entites{
	width:30px;	/*height:60px;*/
}
.dossier{
	width:80px; 
}
.intitule{
	width:160px; 
	border-right:solid 1px #777;
	text-align:center;		
}
DIV.nom{
	width:200px;	
	border-right:solid 1px #777;
	font-weight:bold;
}
.statut{
	width:12%;	
		border-right:solid 1px #777; text-align: center;
}
.date{
	width:95px; 
	border-right:solid 1px #777;
	text-align:center;		
}
.apporteur{
	width:69px;	
	border-right:solid 1px #777;
	text-align:center;	
}
.statut{
	width:155px;	
		border-right:solid 1px #777;
}
.mail{
	width:200px;
		border-right:solid 1px #777;
}
.montant{
	width:72px; 
	border-right:solid 1px #777;
	text-align:center;		
}
.resume{
	width:34%;
		border-right	:solid 1px #777;
}
.Opt{
	width:12%;	
	
}

/**** INTERVENTIONS*******/
DIV.TableauTHInter{
	float:left;
	margin-left:2px;	
	height:10px;line-height:20px;
	font-weight:bold;
	text-align:center;
	color:#444;
	font-size:18px;
}


DIV.TableauCellInter{
	height:60px;
	overflow:hidden !important;	
	float:left;
	margin-top:2px; margin-left:2px;
	color:#444;
}

.Client{
	width:350px;font-size:30px;
}
.Intervenant{
	width:130px;font-size:25px; text-align:center;
}
.Intervention	{
	width:500px;font-size:20px;
}
.Date{
	width:140px;
	font-size:22px;
	text-align:center;
}
.BtnAction{
	font-size:25px;float:right;
	width:90px; height:50px;padding:0px 5px 5px 5px;margin-left:5%;margin-bottom:5px;line-height:55px;
	color:#fff;
	-moz-border-radius: 10px;  -webkit-border-radius: 10px;      -khtml-border-radius: 10px;      border-radius: 10px;
 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	background-color:#c00;
	
	 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.InterDesc	{
	float:left;clear:both;
	display:none;
	width:100%;min-height:80px;
	font-size:14px;
	color:#444;
	background-color:#eee;
}
.InterDescPict	{
	float:left;
	width:10%;
}
.InterDescTxt{
	margin-left:2%;
}
.InterHistorique{
	float:left;clear:both;
	width:98%;
	padding:1%;
	border-top:dashed 1px #bbb;
	color:#444;
}
div.LigneH{
	width:100%;	min-height:25px; line-height:20px;
	clear:both;
	margin: 0px 0px 2px 0px;
	border:solid 1px #777;
	background-image:url(logos/trans80.png);
	font-size:11px;text-align:left;
	color:#fff; 
}
.IHDate{
	float:left; width:10%; color:#777;
}
.IHTxt{
	float:left; width:80%;color:#777;
}
.ComplementInformation{
	float:left;clear:both;
	width:98%;
	padding:1%;
	border-top:solid 1px #bbb;
	color:#444;
}
.NoteUrgence{float:left;color:#222;width:40px;height:25px;line-heigt:12px;padding:5px;}
DIV.CadreModif{
	width:auto; height:20px;
	line-height:20px;	
	float:right;
	margin:3px 2px 0px 2px;
	text-align:center;	
	/*background-image:url(logos/trans80.png);*/
	font-size:9px !important;
	background-color:#444;
}
DIV.CadreModif a{
	color:#fff;
	padding:2px;
}
.pict{
	width:150px;
}
DIV.TableauOpt{
	width:25px;	
	float:left;
	margin-right:1px;
	margin-left:7px;
}
.LienDark{
	color:#000;
}
.LienClear{
	color:#777;
	
}
.LastStatut{
	font-size:12px;
	color:#ff0000;
	font-weight:bold;
	border-bottom:dashed 1px #ff0000;
	width:auto;
	background-color:#fff;
	margin-top:5px;
	padding:2px;
}
/* FIN LISTING */
/*************************
FORMULAIRES
*************************/
LABEL{
float:left;clear:both;
}
SPAN.contact{
float:left;
border:solid 1px #444;
border-right:none;
padding-left:5px;
margin:1px 0px 3px 1px;
width:100px;height:20px;
color:#444;
line-height:20px;
text-align:left;
font-size:12px;
	background-image:url(logos/trans80.png);
	background-color:#999;
}
INPUT.contact{
float:left;
border:solid 1px #444;
border-left:none;
margin:1px 0px 3px 0px;
width:200px;	height:20px;
color:#444;
font-family:arial,verdana;
font-size:11px;
background:none;
background-color:#999;
	background-image:url(logos/trans80.png);
}
SELECT.contact{
border:solid 1px #444; border-left:none;
margin:1px 0px 3px 0px;
width:201px;	
	background-color:#999;
	background-image:url(logos/trans80.png);
height:22px;line-height:23px;

font-size:11px;
color:#444;
}
TEXTAREA.contact{
border:solid 1px #000;
margin:0px 5px 5px 1px;
padding:5px;
width:280px;	height:90px;
background-color:#fff;
clear:both;
font-family:arial;
font-size:11px;
color:#444;
}
INPUT#valider{
border:solid 1px #680d0d;
margin:5px;margin-top:2px;margin-left:70px;
padding:4px;
width:100px;height:25px;
background-color:#999;
	background-image:url(logos/trans80.png);
font-weight:bold;
font-size:12px;
color:#444;
}
/************************************
FIN FORMULAIRE
*************************************/
/*************************
CONNEXION
*************************/
LABEL{
float:left;clear:both;
}
SPAN.connexion{
float:left;
border:solid 1px #444;
border-right:none;
padding-left:5px;
margin:1px 0px 3px 1px;
width:100px;height:22px;
color:#444;
line-height:20px;
text-align:left;
font-size:12px;
	background-image:url(logos/trans80.png);
	background-color:#999;
}
INPUT.connexion{
float:left;
border:solid 1px #444;
border-left:none;
margin:1px 0px 3px 0px;
width:200px;	height:20px;
color:#444;
font-family:arial,verdana;
font-size:11px;
background:none;
background-color:#999;
	background-image:url(logos/trans80.png);
}

INPUT#valider{
border:solid 1px #680d0d;
margin:5px;margin-top:2px;margin-left:70px;
padding:4px;
width:100px;height:25px;
background-color:#999;
	background-image:url(logos/trans80.png);
font-weight:bold;
font-size:12px;
color:#444;
}
/************************************
FIN CONNEXION
*************************************/
.ColNameRayon{
	float:left; clear:both;	
	margin-top:5px;	
	width:100%;
	line-height:20px;
	
}
.ColRayon{
	float:left; clear:both;	
	margin-top:5px;	
	
}
.ColRayon A{
	float:left; clear:both;
	font-size:12px;
	font-weight:normal;
}
.ColRayon A:hover{
	font-weight:bold;
	color:#000;
}
.Colssrayon{
	float:left; clear:both;
	margin-left:10px;	
	margin-top:2px;	
}
.Colssrayon A{
	font-weight:normal;
}
.Details{
	float:left;	clear:left;
	width:300px;
	margin-left:50px;
	 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	font-size:11px; font-weight:normal;text-align:left;	
	
}
.InfoAdresses{
	float:left;	clear:left;
	width:800px;
	border-top:solid 1px;
	margin:20px 0px 0px 0px;
}
.adresses{
	float:left;
	width:400px; 	
	margin:0px;
	font-size:11px; font-weight:normal;
	text-align:left;
}
.livr{
	
	 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* L'ombre appliquée sur la photo au survol */
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.fact{
}
.CadreData{
	font-weight:normal;
	float:left;
	margin:5px;
	text-align:left;
	width:290px;
	font-size:11px;
}
.libelle{
	width:28%;
	text-align:left;
}
.ComIntCmd{
	float:left;clear:both;
	width:800px;
	margin-top:40px;
	border:solid 1px #ccc;
}
/*FIN FICHE COMMANDE*/
/** CALENDRIER */
.calendrier
{
	background-color: #EEEEEE;
	text-align: center;
	color: black;
	border: 2px #EEEEEE outset;
	font-size: 10px;
	position:absolute;
	left:150px;
}
.calendrier SELECT {
	font-size: 10px;	
}
/*iframe placé derrière le calendrier pour prévenir des contrôles comme les <select> de s'afficher par-dessus le calendrier (bug d'IE) */
.calendrier,
.ieCalendrierIframe {
	width: 182px;
	height: 141px;
}
.calendrier A {
	color: blue;
	text-decoration: none;
}
.calendrierEntete {
	background-color: #95cfed;
	height: 15px;
}
.calendrierEntete A {
	float: right;
	color: white;
	text-decoration: none;
}
.calendrierPage
{
	width: 100%;
}
.calendrierPageLigne
{
	height: 15px;
	line-height: 15px;
}
.calendrierCase
{
	float: left;
	width: 25px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.calendrierCase A {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}
.calendrierCase A:hover {
	color: #ff0000;
}
.calendrierDateInactif {font-style: italic; color: gray;}
/* FIN CALENDRIER /*/

/************************/
/*LIGHTBOX****************/
/******************/
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(logos/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(logos/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(logos/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.ok{
	border:0px;
	background-color:transparent;background-image:url(logos/smlog-ok.png); background-position: 0px -64px; background-repeat:no-repeat; 
	width:38px; height:16px; 
	margin-top:4px;
	cursor:pointer;
}
.warningBox{
	position:fixed;
	bottom:0px;
	z-index:100;
	font-size:14px;
	color:#ff0000;
	font-weight:bold;
	border:dashed 1px #cc0000;
	width:100%;
	background-color:#EAC2BF;
	margin-top:5px;
	padding:8px;
	text-align:center;
}
.warning{
	font-size:9px;
	color:#ff0000;
	font-weight:bold;
	border-bottom:dashed 1px #ff0000;
	width:auto;
	background-color:#fff;
	margin-top:5px;
	padding:2px;
}