html, body
{
	padding:0;
	margin:0;
	background-color:#F5F5F5;
	font-family: "MS Trebuchet", Arial, sans-serif;
	font-size: 8pt;
	text-align:center;
}

#corps
{
	display: block;
	min-height: 450px;
	min-width: 800px;
}

#bandeau
{
	display:block;
	min-width: 800px;
	background-color:#003366;
	padding:8px 0 15px 15px;
	margin: 0;
	height:65px;
	-moz-box-shadow: 0px 30px 30px -10px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0px 30px 30px -10px rgba(255,255,255,0.5) inset;
	background-color:#003366;
}

#logo
{
	display:block;
	float: none;
	position:absolute;
	top:7px;
	left:15px;
	padding:0px 30px 0px 0px;
	background-color:transparent;
	width:70px;
	height:70px;
}

#titre
{
	margin:10px 0 0 30px;
	background-color:transparent;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-align:center;
	color:#F5F5F5;
}

#titre1
{
	display:block;
	min-width: 500px;
	position:absolute;
	top: 17px;
	left: 120px;
	font-size:16pt;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom:4px;
}

#titre2
{
	display:block;
	min-width: 500px;
	position:absolute;
	top: 42px;
	left: 120px;
	font-size:14pt;
}

#page
{
	display:block;
	min-width: 800px;
	margin: auto;
}


#messageErreur,
#messageInfo,
#messageAlerte
{
	margin-left: auto;
  margin-right: auto;
	margin-top: 20px;
	margin-bottom: -7px;
	width: 500px;
	padding: 7px 7px 7px 7px;
	color: red;
	border-color: red;
	border-width: 5px;
	border: solid;
	text-align: left;
	font-weight: bold;
	background-color: #FFE0E0;
}

#messageInfo
{
	color: green;
	border-color: green;
	background-color: #E0FFE0;
}

#messageAlerte
{
	color: orange;
	border-color: orange;
	background-color: #FFF0A0;

}



#menufootercontainer
{
	clear:both;
	height:24px;
	display:block;
	margin:0;
}

#menufooter
{
	position:relative;
	display:block;
	font-size:8pt;
	font-weight:bold;
	padding-right: 10px;
	text-align: left;
}

#menufooter ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}

#menufooter ul li
{
	display:block;
	float:left;
	margin:0 5px 0 30px;
}


#menufooter ul li a
{
	display:block;
	float:left;
	color:#003366;
	text-decoration:none;
	padding:0px 20px 0 20px;
	height:15px;
	background-color: #80B3FF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset, 4px 6px 6px -4px;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset, 4px 6px 6px -4px;
}

#menufooter ul li a:hover
{
	color:#FFF;
	background-color: #003366;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset, 4px 6px 6px -4px;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset, 4px 6px 6px -4px;
}

#formBienvenueDiv,
#formResumeDiv
{
	display: block;
	margin: 30px auto 60px auto;
}

#bienvenueDiv,
#loginBienvenueDiv,
#displayBlockDiv,
#creerPersonneDiv,
#paiementBlockDiv
{
	display:block;
	position:relative;
	padding: 30px;
	margin: 30px auto 30px auto;
	background-color: #FFFFFF;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-box-shadow: 10px 10px 20px -4px;
	-webkit-box-shadow: 10px 10px 20px -4px;
	width: 900px;
	color:#003366;
}

#tableauIndexDiv
{
	display:block;
	position:relative;
	padding: 30px 5px 30px 5px;
	margin: 30px auto 30px auto;
	background-color: white;
	background-color: #FEFEFE;
/*	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-box-shadow: 10px 10px 20px -4px;
	-webkit-box-shadow: 10px 10px 20px -4px;*/
	width: auto;
	color:#003366;
}

#tableauIndexDiv,
#displayBlockDiv,
#paiementBlockDiv
{
	padding-top: 10px;
}

#displayBlockDiv,
#paiementBlockDiv
{
	width: 700px;
}


#tableauIndexDiv table
{
	margin: auto;
	border-collapse: collapse;
	font-size: 8pt;
	
/*	width:700px;*/
}

#tableauIndexDiv table td,
#tableauIndexDiv table th/*,
#tableauIndexDiv table tr td,
#tableauIndexDiv table th td*/
{
	border-style: solid;
	border-collapse:collapse;
	border-width: 1px;
	padding: 0 5px 0 5px;
	/*white-space:nowrap;*/
	
}

#tableauIndexDiv table th
{
/*	width: 10px;*/
}

#tableauIndexDiv table tr td.str
{
	text-align: left;
}

#tableauIndexDiv table tr td.nb
{
	text-align: right;
}

a img.icon
{
	border-style: solid;
	border-width: 0;
	vertical-align: middle;
	width:16px;
	height:16px;
}

.coche
{
	border-style: solid;
	border-width: 0;
	vertical-align: middle;
	width:11px;
	height:11px;
}

a img.icon2
{
	border-style: solid;
	border-width: 0;
	vertical-align: middle;
	height:14px;
}

a img.imgAide
{
	border-style: solid;
	border-width: 0;
	vertical-align: middle;
	width:40px;
	height:40px;
}

#bienvenueDiv p,
#bienvenueDiv h2,
#bienvenueDiv h3,
#bienvenueDiv h4,
#bienvenueDiv p,
#loginBienvenueDiv
{
	text-align: left;
	letter-spacing:normal;
}

#loginBienvenueDiv,
#loginBienvenueSousDiv
{
	font-size:10pt;
}

#loginBienvenueDiv
{
	width: 500px;
}

#optionsDiv,
#formulaireDiv,
#facturationDiv,
#resumeDiv,
#accuseDiv,
#loginDiv
{
	display:block;
	width:700px;
	margin: 30px auto 60px auto;
	padding: 30px;
	background-color: white;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-box-shadow: 10px 10px 20px -4px;
	-webkit-box-shadow: 10px 10px 20px -4px;
}

#optionsDiv,
#facturationDiv,
#resumeDiv,
#accuseDiv
{
	width:600px;
}

#formulaireDiv
{
	width:700px;
}

#optionsSousDiv,
#formulaireSousDiv,
#facturationSousDiv,
#resumeSousDiv,
#accuseSousDiv
#optionsSousDivBienvenue,
#loginSousDivBienvenue
{
	margin: auto;
}

#accuseSousDiv
{
	margin: 0 0 20px 0;
}

#creerPersonneSousDiv
{
	margin-left: auto;
  margin-right: auto;
}

#optionsDiv p,
#formulaireDiv p,
#accuseDiv p,
#loginDiv p
{
	margin: 0;
	color:#555;
}

#optionsDiv p.intro,
#formulaireDiv p.intro,
#facturationDiv p.intro,
#accuseDiv p.intro,
#resumeDiv p.intro,
#displayBlockDiv p.intro,
#loginDiv p.intro,
#paiementBlockDiv p.intro
{
	text-align: left;
	color: blue;
	letter-spacing:normal;
	font-size: 9pt;
}

#formulaireDiv fieldset,
#facturationDiv fieldset,
#resumeDiv fieldset,
#loginDiv fieldset,
#optionsDiv fieldset
{
	border: #555 1px solid;
	padding:7px 25px 7px 25px;
	margin:10px 0 10px 0;
}

#facturationDiv fieldset,
#resumeDiv fieldset,
#loginDiv fieldset,
#creerBateauSousDiv p,
#creerPersonneSousDiv p
{
	text-align:left;
}

#facturationDiv fieldset p,
#resumeDiv fieldset p
{
	padding-left:45px;
	height:9px;
}

#facturationResumeFieldset
{
	background-color:rgb(255,222,222)
}


#facturationResumeLegend
{
	background-color:white;
}


#optionsDiv fieldset legend,
#formulaireDiv fieldset legend,
#facturationDiv fieldset legend,
#resumeDiv fieldset legend,
#loginDiv fieldset legend,
#displayBlockDiv legend
{
	padding: 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
}


#optionsDiv label
{
	background-color: transparent;
	display: block;
	float:left;
	width: 75%;
	padding-right: 1%;
	text-align: right;
}



#formulaireDiv label,
#facturationDiv label,
#resumeDiv label,
#loginDiv label
{
	background-color: transparent;
	display: block;
	float: left;
	width: 45%;
	padding-right: 1%;
	text-align: right;
}

#resumeDiv label
{
	width: 25%;
}

#resumeDiv label
{
	background-color: transparent;
	text-align: left;
}

#displayBlockDiv fieldset p label,
#creerPersonneSousDiv label
{
	background-color: transparent;
	display: block;
	float: left;
	width: 40%;
	padding-right: 5px;
	text-align: right;
}

#displayBlockDiv fieldset p input,
#loginDiv fieldset p input
{
	display:block;
	float:left;
	clear:right;
}

#facturationSousDiv fieldset.personnes label
{
	padding-left: 80px;
	text-align: left;
	width: 500px;
/*	letter-spacing: 1px;*/
}


#facturationDiv table
{
  border-spacing:5px;
  table-layout:fixed;
}

#facturationResumeFieldset table
{
	font-size:10pt;
}

#facturationResumeFieldset table th
{
	font-weight: bold;
}

.col1
{
	text-align:left;
	width:130px;
}

.col2
{
	text-align:right;
	width:70px;
}

.col3
{
	text-align:right;
	width:140px;
}

.col4
{
	text-align:right;
	width:70px;
}

.col4total
{
	text-align:right;
	width:90px;
	font-weight: bold;
}








#formulaireDiv input,
#facturationDiv input,
#loginDiv input,
#displayBlockDiv input,
#paiementBlockDiv input
{
	display:block;
	float:left;
	clear:right;
	margin-left: 5px;
	width: 300px;
	border: #555 1px solid;
	font-size:9pt;
	text-align: left;
}

#paiementBlockDiv input
{
	width: 55px;
}

#creerPersonneSousDiv input
{
	margin-left: 1%;
	border: #555 1px solid;
	font-size:9pt;
}

#creerPersonneSousDiv input.nom,
#displayBlockDiv input.nom
{
	width: 200px;
}

#creerPersonneSousDiv input.numero,
#displayBlockDiv input.numero
{
	width: 100px;
}

#creerPersonneSousDiv p input.adresse,
#displayBlockDiv p input.adresse
{
	width: 350px;
}

#optionsDiv input[type="checkbox"],
#formulaireDiv input[type="checkbox"],
#facturationDiv input[type="checkbox"]
{
/*	width:15px;*/
	border: solid;
	border-width: 0;
}

#displayBlockDiv input[type="radio"]
{
	border: solid;
	border-width: 0;
}


#formulaireDiv input:hover,
#formulaireDiv input:focus,
#facturationDiv input:hover,
#facturationDiv input:focus
#loginDiv input:hover,
#loginDiv input:focus,
#creerPersonneSousDiv input:hover,
#creerPersonneSousDiv input:focus,
#displayBlockDiv input:hover,
#displayBlockDiv input:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

#formulaireDiv input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#formulaireDiv input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

#formulaireDiv input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#formulaireDiv input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

.etoile
{
	color: red;
}

th.thNom
{
	width:100px;
}

th.thNom2
{
	width:200px;
}

th.thAdresse
{
	width:130px;
}

th.thSupprimer
{
	width: 5px;
}



#foxmenucontainer
{
	clear:both;
	height:24px;
	background:#F5F5F5;
	background-color:#003366;
	display:block;
	padding:0px 0px 0px 15px;
	margin:0;
}

#foxsousmenucontainer
{
	height:24px;
	display:block;
	padding:0px 0 0 15px;
}

#foxsouschemincontainer
{
	height:42px;
	display:block;
	padding:5px 0 0 15px;
}

#foxmenu,
#foxsousmenu,
#foxsouschemin
{
	position:relative;
	display:block;
	font-size:8pt;
	font-weight:bold;
	padding-right: 10px;
	text-align: left;
/*	line-height: 12px;*/
}

#foxAide
{
	position:relative;
	display:block;
	padding-right: 10px;
}

#foxmenu ul,
#foxsousmenu ul,
#foxsouschemin ul
{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}

#foxmenu ul li,
#foxsousmenu ul li
{
	display:block;
	float:left;
	margin:0 0 0 0;
	border-style:solid;
	border-collapse: collapse;
	border-color: #000000;
	border-width: 0 0 0 2px;
/*	border-width: 0;*/
}

#foxmenu ul li:last-child,
#foxsousmenu ul li:last-child
{
	border-right-width: 0;
}

#foxmenu ul li:first-child,
#foxsousmenu ul li:first-child
{
	border-left-width: 0;
}

#foxsouschemin ul li
{
	display:block;
	float:left;
	margin:0 8px 0 0;
}


#foxmenu ul li a,
#foxsousmenu ul li a
{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:19px;
	background-color: #003399;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.5) inset;
}

#foxAide a
{
	display:block;
	float:right;
	margin-right: 20px;
	height:30px;
	width:30px;
	background-color: transparent;
/*	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.5) inset;*/
}

#foxmenu ul li span.login
{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:19px;
	background-color: #AAAAAA;
	font-weight:normal;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.5) inset;
}

#foxsouschemin ul li span
{
	display:block;
	float:left;
	color:#CCCCCC;
	text-decoration:none;
	padding:3px 20px 8px 20px;
	height:22px;
	background-color: #FFFFFF;
	border: solid;
	border-color: #CCCCCC;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-bottomleft: 3px;
	-webkit-border-radius-bottomright: 3px;
	-webkit-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
	-moz-box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 3px 4px rgba(0,0,0,0.3);
}

#foxsouschemin ul li span.current
{
	border-color: #003366;
	color: #003366;
}

#foxmenu ul li a:hover,
#foxsousmenu ul li a:hover
{
	color:#003366;
	background-color: #FFB040;
}


#foxmenu ul li a.current,
#foxmenu ul li a.current:hover,
#foxsousmenu ul li a.current,
#foxsousmenu ul li a.current:hover
{
	color:#003366;
	background-color: #E0E0E0;
	-moz-box-shadow: 0px 23px 10px -10px rgba(255,255,255,1) inset;
	-wzbkit-box-shadow: 0px 23px 10px -10px rgba(255,255,255,1) inset;
}

/*
#resume
{
	display:block;
	position:relative;
	float:left;
	width:300px;
	margin:30px 30px 60px 15px;
	text-align: left;
	padding: 30px;
	background-color: white;
	background-color: #FEFEFE;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-box-shadow: 10px 10px 20px -4px;
	-webkit-box-shadow: 10px 10px 20px -4px;

}*/

.lienFormulaire,
.lienFormulaire2
{
	display: inline-block;
	background-color: #80B3FF;
	color: #003366;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	text-decoration: none;
	font-size: 8pt;
	width: 200px;
	height: 15px;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset;
	margin-right: 5px;
}

.lienFormulaire2
{
	margin-top:10px;
}

.lienFormulaire:hover,
.lienFormulaire2:hover
{
	background-color: #003366;
	color: white;
}


.lienLi
{
	display: inline-block;
}

#menuvalidercontainer
{
	height:14px;
	padding:0;
	margin:10px auto 0 auto;
}

#menubisvalidercontainer
{
	height:14px;
	padding:0;
	margin:20px auto 0 auto;
}

#menuvalider,
#menubisvalider
{
	font-size:8pt;
	font-weight:bold;
	padding: 0px;
	text-align: center;}



#menuvalider ul,
#menubisvalider ul
{
	margin:auto;
	padding:0;
	list-style-type:none;
	width:auto;
}


#menuvalider ul li,
#menubisvalider ul li
{
	display:block;
	float:left;
	margin:0 5px 0 5px;
}


#menuvalider ul li a,
#menubisvalider ul li a
{
	display:block;
	float:left;
	color:#003366;
	text-decoration:none;
	padding:0px 20px 0 20px;
	height:15px;
	background-color: #80B3FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset;
	-webkit-box-shadow: 0px 20px 10px -10px rgba(255,255,255,0.3) inset;
}

#menuvalider ul li a.sortie
{
	color:#003366;
	background-color: #FFB000;
}

#menuvalider ul li a:hover,
#menubisvalider ul li a:hover
{
	color:#FFF;
	background-color: #003366;
}

#menuvalider ul li a.sortie:hover
{
	color:#FFF;
	background-color: #FF2000;
}

#footer_general
{
	display: block;
	min-width: 800px;
	background-color: #003380;
	font-size: 7pt;
	text-align: center;
	color: white;
}

#footer_general a
{
	text-decoration:none;
	color:white;
}



#idDeclaration
{
	text-align:left;
}
/*
#boutonsAdminContainer,
#boutonsAdminContainer2
{
	padding:40px 0 0 45px;
	margin:10px auto 0 auto;
}
*/
#boutonsAdmin ul li,
#boutonsAdmin2 ul li
{
	display:block;
	float:left;
	margin:30px 5px 0 5px;
}

#boutonsAdmin ul li a,
#boutonsAdmin2 ul li a
{
	display:block;
	float:left;
	color:#003366;
	text-decoration:none;
	padding:20px 20px 0 20px;
	height:40px;
	background-color: #00F04C;
	font-weight: bold;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}

#boutonsAdmin2 ul li a
{
	background-color: #FFCC00;
}

#boutonsAdmin ul li a:hover
{
	color:#FFF;
	background-color: #006600;
}

#boutonsAdmin2 ul li a:hover
{
	color:#FFF;
	background-color: #FF5500;
}

.invisible
{
	border:solid;
	border-width: 0;
}

.ligne
{
	display:block;
	width:650px;
}

paiementBlockDiv form img
{
	width:55px;
}


.paging_two_button .fg-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .fg-button {
	padding: 2px 6px;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers {
	width: 350px !important;
}

.fg-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

table.display thead th {
/*	padding: 3px 0px 3px 10px;*/
	cursor: pointer;
	* cursor: hand;
/*	color: #000;*/
}

table thead th {
/*	padding: 3px 0px 3px 10px;*/
	cursor: pointer;
	* cursor: hand;
/*	color: #000;*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	_height: 302px;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
	text-align: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 50%;
	float: left;
	text-align: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../img/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../img/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../img/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../img/forward_enabled.jpg');
}

/*
 * jQuery UI specific styling
 */

.paging_two_button .fg-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .fg-button {
	padding: 2px 6px;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers {
	width: 350px !important;
}

.fg-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

table.display thead th {
/*	padding: 3px 0px 3px 10px;*/
	cursor: pointer;
	* cursor: hand;
/*	color: #000;*/
}

table thead th {
/*	padding: 3px 0px 3px 10px;*/
	cursor: pointer;
	* cursor: hand;
/*	color: #000;*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
/*	font-weight: normal;*/
	background-color: #EEE;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../img/sort_asc.jpg') no-repeat center right;
}

.sorting_desc {
	background: url('../img/sort_desc.jpg') no-repeat center right;
}

.sorting {
	background: url('../img/sort_both.jpg') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
/*table.display tr.odd td {
	background-color: #EEFFEE;
	background-color: #DBEFFE;
}

table.display tr.even td {
	background-color: white;
}
*/
table tr.odd td {
	background-color: #E3F7FE;
}

table tr.even td {
	background-color: #FFFFFF;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
  background-color: #C4E5FE;
}

tr.odd td.sorting_2 {
	background-color: #C4E5FE;
}

tr.odd td.sorting_3 {
	background-color: #C4E5FE;
}

tr.even td.sorting_1 {
	background-color: #E3F7FE;
}

tr.even td.sorting_2 {
	background-color: #E3F7FE;
}

tr.even td.sorting_3 {
	background-color: #E3F7FE;
}



/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}