/*
 * HB admin
 * @copyright (c) Hamon-Bienvenue (http://www.hamon-bienvenue.ca)
 */

/* Basic Default Styles */
*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Tahoma, sans-serif;
	font-size: 0.8em;
}
h1{
	float: left;
	margin: 0;
	padding: 15px 0 15px 60px;
	font: 24px "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
}
p{ padding: 0.3em 0; }
a, .ui-widget-content a{ color: #1C94C4; }
a:hover{
	text-decoration: none; 
	color: #173c73;
}
img{ border: 0; }
label{
	float: left;
	width: 45%;
	margin: 0;
	padding: 3px 2%;
	text-align: right;
	font-weight: bold;
}
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center; }
.center *{ margin: 0 auto; }
.clear{ clear: both; }
.hidden{ display: none; }
#wait{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	z-index: 500;
}
#wait img{ margin: 260px 0 0 0; }

/* _______________________________________________________________________
 * Input fields */
textarea, input, select{
	margin: 2px;
	padding: 2px;
	background: #ffffff;
	border-top: 1px solid #727272;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #b4b4b4;
	font: 1em Arial, Helvetica, sans-serif;
}
textarea:focus, input:focus, select:focus,
textarea:hover, input:hover, select:hover{
	border: 1px solid #073b79;
	border-top: 1px solid #5a8cb5;
	border-left: 1px solid #5a8cb5;
}
textarea:hover, input:hover, select:hover{ border: 1px solid #727272; }
input.cb{
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}
.ui-grid-content select{ width: 381px; }
.ui-grid-content select.auto{ width: auto; }

#form-auth,
#form-search{ padding: 2px; }
#form-auth button,
#form-search button{ margin: 3px 0 3px 49%; }
.div-auth{
	width: 50%;
	margin: 0 auto;
}
.div-auth .ui-widget-content{ padding: 8px; }
.div-auth input{ width: 210px; }
.div-action{
	width: auto;
	margin: 0 4px 6px 0;
	float: left;
	padding: 0 14px 0 28px;
	background: #f8f8f8 url('../images/ico_arrow.gif') no-repeat 6px 4px;
}
.div-action select{ width: 250px; }
.div-search{
	display: none;
	margin: 0 0 6px 0;
	padding: 4px;
}
.ui-button{ outline: none; }
.ui-tabs{ background: none; }
.ui-tabs .ui-tabs-panel{ padding: 3px 0 0 0; }
.ui-datepicker-trigger{ cursor: pointer; }
.ui-widget-header{ padding: 0.5em; }
.ui-progressbar{ height: 1em; }
.ui-progressbar .ui-progressbar-value{ padding: 0; }
.dialog{
	display: none;
	text-align: center;
}
.dialog-item label{ text-align: left; }
/*div.label{
	float: left;
	width: 175px;
}*/
div.label{

}
div.extra{ padding: 0 0 0 20px; }

/* _______________________________________________________________________
 * Navigation bar */
ul.bar,
div.bar{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 30px;
	z-index: 100;
	background: url('../images/bckg_bar.jpg') repeat-x top left;
	list-style: none;
	text-align: left;
}
ul.bar li{
	float: left;
	color: #c9fcff;
}
ul.bar li.right{
	float: right;
	padding: 7px 10px;
}
ul.bar li.home{ padding: 0 0 0 10px; }
ul.bar li a{
	display: block;
	padding: 7px 10px;
	text-decoration: none;
	color: #c9fcff;
}
ul.bar li a.nav:hover{ background: url('../images/btn_bar_rl.png') repeat-x top left; }
ul.bar ul{
	position: absolute;
	display: none;
	padding: 2px;
	list-style: none;
}
ul.bar ul li{ float: none; }
ul.bar ul a{
	display: block;
	width: 158px;
	height: auto;
	padding: 6px 10px;
}
ul.bar ul a:hover{
	padding: 5px 9px;
	color: #c77405;
}
ul.bar ul a span{ display: inline; }

/* _______________________________________________________________________
 * Container */
#container{
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#supportingText{ margin: 30px 0 0 0; }

#left{
	float: left;
	width: 756px;
	padding: 1px 4px 0 1px;
}
.ui-tabs #left{ width: 750px; }
#right{
	float: left;
	width: 217px;
}
#right div{ padding: 0.5em; }
#right strong, .info{ color: #808080; }
#right img{ border: 1px solid #333333; }
div#overlay{
	top: 120px;
	left: 50%;
	width: 200px;
	margin: 0 0 0 -100px;
	padding: 6px;
	display: none;
	position: absolute;
	background: #ffffff;
	border: 1px solid #8c867b;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}

h1.login{
	float: none;
	padding: 22px 0 22px 68px;
	background: url('../images/bckg_login.png') no-repeat center left;
}
h1.home{
	float: none;
	background: url('../images/bckg_home.png') no-repeat center left;
}
h1.user{ background: url('../images/bckg_user.png') no-repeat center left; }
h1.equip{ background: url('../images/bckg_equip.png') no-repeat center left; }
h1.vehicule{ background: url('../images/bckg_vehicule.png') no-repeat center left; }
h1.vehicule_cat{ background: url('../images/bckg_vehicule_cat.png') no-repeat center left; }
h1.endroit, h1.vehicule_place{ background: url('../images/bckg_endroit.png') no-repeat center left; }
h1.fournisseur{ background: url('../images/bckg_fournisseur.png') no-repeat center left; }
h1.fournisseur_vehicule{ background: url('../images/bckg_fournisseur.png') no-repeat center left; }
h1.reparation{ background: url('../images/bckg_reparation.png') no-repeat center left; }
h1.entretien{ background: url('../images/bckg_entretien.png') no-repeat center left; }
h1.alert{ background: url('../images/bckg_alert.png') no-repeat center left; }
h1.rapport_kilo{ background: url('../images/bckg_rapport_kilo.png') no-repeat center left; }
h1.rapport_entretien{ background: url('../images/bckg_rapport_entretien.png') no-repeat center left; }
h1.rapport_frais{ background: url('../images/bckg_rapport_frais.png') no-repeat center left; }

/* _______________________________________________________________________
 * Table */
table.ui-grid-content{
	clear: both;
	width: 100%;
	background-image: none;
	border-collapse: collapse;
}
table.ui-grid-content th,
table.ui-grid-content td{
	padding: 0.5em;
	border: 1px solid #cccccc;
}
table.ui-grid-content th{
	background: #f49a20 url('../css/images/ui-bg_gloss-wave_35_f6a828_500x100.png') repeat-x scroll 50% 50%;
	border: 1px solid #e78f08;
	color: #ffffff;
}
table.ui-grid-content td.level2{
	padding-left: 1.3em;
	background: url('../images/bckg_table_level2.gif') no-repeat center left;
}
table.ui-grid-content td.level3{
	padding-left: 2em;
	background: url('../images/bckg_table_level3.gif') no-repeat center left;
}
table.ui-grid-content td.level4{
	padding-left: 2.7em;
	background: url('../images/bckg_table_level4.gif') no-repeat center left;
}
table .mceEditor td{ border: 0; }
table.ui-grid-content tr.ui-widget-header th{ border: 1px solid #e78f08; }

table.ui-grid-content tr.even:not(.ui-widget-header), table.ui-grid-content tr:nth-child(2n+1):not(.ui-widget-header){ background: #ffffff; }
table.ui-grid-content tr:hover:not(.ui-widget-header),
table.ui-grid-content tr.hover:not(.ui-widget-header){ background: #fbf3c7; }
table.ui-grid-content tr.checked{ background: #f9de9d; }
table.ui-grid-content tr.highlight{ background: #cccccc; }

table.sortable th{
	padding-right: 25px;
	background: #f49a20 url('../images/bckg_table_sort.gif') no-repeat center right;
	vertical-align: middle;
	cursor: pointer;
}
table.sortable th.headerSortUp{ background: #f49a20 url('../images/bckg_table_desc.gif') no-repeat center right; }
table.sortable th.nosort{
	padding-right: 0.5em;
	background-position: center left;
	cursor: auto;
}
table.sortable th.headerSortDown{ background: #f49a20 url('../images/bckg_table_asc.gif') no-repeat center right; }
table.sortable td{ vertical-align: middle; }
td.right, th.right{ float: none; text-align: right; }

/* _______________________________________________________________________
 * Buttons */
ul.cbtn,
ul.cpanel,
ul.cpager{
	padding: 3px 0 0 0;
	list-style: none;
}
ul.cbtn li,
ul.cpanel li,
ul.cpager li{
	float: right;
	margin: 0 0 3px 3px;
}
ul.cpanel li{ float: left; }
ul.cbtn li.padding{ padding-right: 20px; }
#container ul.cbtn li.full a{
	padding: 25px 0 10px 0;
	background-image: none;
}
ul.cbtn li.full a span{ line-height: 1.1em; }
ul.cbtn li a,
ul.cpanel li a{
	display: block;
	width: 68px;
	height: 25px;
	padding: 35px 0 0 0;
	font-size: 0.85em;
}
div.ui-tabs ul.cbtn li a{ font-size: 0.85em; }
#container ul.cbtn li a span{ padding: 0.4em 0; }
ul.cpanel li a{
	width: 122px;
	height: 40px;
	padding: 65px 0 0 0;
}
ul.cbtn li a:hover,
ul.cpanel li a:hover{ color: #c77405; }
ul.cpager li{ float: left; }

ul.cbtn li.save a{ background: url('../images/btn_save.png') no-repeat 15px 3px; }
ul.cbtn li.cancel a{ background: url('../images/btn_cancel.png') no-repeat 15px 3px; }
ul.cbtn li.list a{ background: url('../images/btn_list.png') no-repeat 15px 3px; }
ul.cbtn li.panel a{ background: url('../images/btn_panel.png') no-repeat 15px 3px; }
ul.cbtn li.edit a{ background: url('../images/btn_edit.png') no-repeat 15px 3px; }
ul.cbtn li.add a{ background: transparent url('../images/btn_add.png') no-repeat 15px 3px; }
ul.cbtn li.delete a{ background: url('../images/btn_delete.png') no-repeat 15px 3px; }
ul.cbtn li.search a{ background: url('../images/btn_search.png') no-repeat 15px 3px; }
ul.cbtn li.next a{ background: url('../images/btn_next.png') no-repeat 15px 3px; }
ul.cbtn li.prev a{ background: url('../images/btn_prev.png') no-repeat 15px 3px; }
ul.cbtn li.copy a{ background: url('../images/btn_copy.png') no-repeat 15px 3px; }
ul.cbtn li.upload a{ background: url('../images/btn_upload.png') no-repeat 4px 4px; }
ul.cbtn li a:hover{
	background-color: #fdf9e1;
	background-position: 16px 4px;
}

ul.cpanel li.home a{ background: url('../images/bckg_home.png') no-repeat 32px 15px; }
ul.cpanel li.user a{ background: url('../images/bckg_user.png') no-repeat 32px 15px; }
ul.cpanel li.equip a{ background: url('../images/bckg_equip.png') no-repeat 32px 15px; }
ul.cpanel li.vehicule a{ background: url('../images/bckg_vehicule.png') no-repeat 32px 15px; }
ul.cpanel li.vehicule_cat a{ background: url('../images/bckg_vehicule_cat.png') no-repeat 32px 15px; }
ul.cpanel li.endroit a, ul.cpanel li.vehicule_place a{ background: url('../images/bckg_endroit.png') no-repeat 32px 15px; }
ul.cpanel li.fournisseur a{ background: url('../images/bckg_fournisseur.png') no-repeat 32px 15px; }
ul.cpanel li.fournisseur_vehicule a{ background: url('../images/bckg_fournisseur.png') no-repeat 32px 15px; }
ul.cpanel li.reparation a{ background: url('../images/bckg_reparation.png') no-repeat 32px 15px; }
ul.cpanel li.entretien a{ background: url('../images/bckg_entretien.png') no-repeat 32px 15px; }
ul.cpanel li.alert a{ background: url('../images/bckg_alert.png') no-repeat 32px 15px; }
ul.cpanel li.rapport_kilo a{ background: url('../images/bckg_rapport_kilo.png') no-repeat 32px 15px; }
ul.cpanel li.rapport_entretien a{ background: url('../images/bckg_rapport_entretien.png') no-repeat 32px 15px; }
ul.cpanel li.rapport_frais a{ background: url('../images/bckg_rapport_frais.png') no-repeat 32px 15px; }

ul.cpanel li a:hover{
	background-color: #fdf9e1;
	background-position: 33px 16px;
}

.pagedisplay{ text-align: center; }
.pagesize{ display: none; }

/* _______________________________________________________________________
 * Messages */
p.msg-alert, table td.alert,
p.msg-error, table td.error,
p.msg-confirm{
	clear: both;
	margin: 0 0 6px 0;
	padding: 6px 0 6px 26px;
	border: 1px solid #fbd850;
	color: #102e44;
	font-weight: bold;
}
p.msg-alert, table td.alert{ background: #fdf9e1 url('../images/ico_alert.gif') no-repeat 5px 5px; }
p.msg-error, table td.error{
	background: #fef1ec url('../images/ico_error.gif') no-repeat 5px 5px;
	border-color: #cd0a0a;
	color: #cd0a0a;
}
p.msg-confirm{
	background: #eefeec url('../images/ico_confirm.gif') no-repeat 5px 5px;
	border-color: #51cd0a;
}
table td.alert,
table td.error{
	padding: 0.5em;
	background-image: none;
	border-width: 2px;
}

/* _______________________________________________________________________
 * Browser */
body.browser label{ font-weight: normal; }
body.browser #container{ width: auto; }
body.browser #pager{
	width: 470px;
	padding: 0 0 3px 0;
}
body.browser table.adminlist td,
body.browser table.adminlist th{ font-size: 10px; }
body.browser div.padding{ padding-top: 30px; }

a.mime{ padding: 0 0 4px 20px; }
a.jpg, a.bmp, a.tif, a.jpeg, a.png{ background: url('../images/mimetype/image.gif') no-repeat top left; }
a.gif{ background: url('../images/mimetype/gif.gif') no-repeat top left; }
a.html, a.htm, a.php, a.asp, a.aspx, a.jsp, a.cfm, a.css{ background: url('../images/mimetype/html.gif') no-repeat top left; }
a.mov, a.avi, a.wmv, a.rm, a.qt, a.mpg, a.mpeg{ background: url('../images/mimetype/movie.gif') no-repeat top left; }
a.ppt, a.ppm{ background: url('../images/mimetype/powerpoint.gif') no-repeat top left; }
a.pdf{ background: url('../images/mimetype/pdf.gif') no-repeat top left; }
a.txt, a.nfo{ background: url('../images/mimetype/txt.gif') no-repeat top left; }
a.swf, a.flv{ background: url('../images/mimetype/swf.gif') no-repeat top left; }
a.doc, a.dot{ background: url('../images/mimetype/word.gif') no-repeat top left; }
a.xls{ background: url('../images/mimetype/excel.gif') no-repeat top left; }
a.zip, a.rar, a.arj, a.tar, a.tgz, a.gz, a.zoo, a.lha, a.lzh{ background: url('../images/mimetype/archive.gif') no-repeat top left; }
a.xml, a.xsl, a.xsd, a.dtd{ background: url('../images/mimetype/xml.gif') no-repeat top left; }
a.mp3, a.mp2, a.aif, a.aiff, a.wav{ background: url('../images/mimetype/sound.gif') no-repeat top left; }
a.exe, a.com{ background: url('../images/mimetype/exe.gif') no-repeat top left; }

/* _______________________________________________________________________
 * Footer */
#footer{
	clear: both;
	padding: 10px 0;
	font-size: 0.85em;
}
#footer p{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #808080;
}