/***************** Maxime *******************/
TR.pagination {
    background:#3b4657;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
	color:#ffffff;
	border-bottom: 1px #455a5e solid ;
	text-align: center;
	height : 28px;
}

TR.index {
    background:#ffffff;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
	color:#000000;
	border-bottom: 1px #455a5e solid ;
	text-align: left;
}

SPAN.indexLetter {
	vertical-align:middle;
	cursor: pointer;
	margin: 1px 10px 1px 10px;
}

SPAN.indexLetterOn {
	vertical-align:middle;
	cursor: pointer;
	margin: 1px 10px 1px 10px;
	color: #ff0000;
}

SPAN.searchHighlight {
	background-color: #ffff00;
	font-weight: bold;
}

TR.creation{
    font-family: Verdana;
    font-size: 10px;
	height: 30px;
}

TR.search {
    background:#ffffff;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
	color:#000000;
	border-bottom: 1px #455a5e solid ;
	text-align: left;
	height : 22px;
}

TD.advSearchLabel {
	text-align: right;
	margin: 0px 2px 0px 0px;
}

TD.advSearchValue {
	text-align: left;
	margin: 0px 0px 0px 2px;
}

TD.detailViewLabel {
	text-align: right;
	padding: 10px 5px 0px 0px;
	font-family: Verdana;
	font-weight: bold;
    font-size: 10px;
	width: 20%;
}

TD.detailViewValue {
	text-align: left;
	padding: 10px 0px 0px 5px;
	font-family: Verdana;
    font-size: 10px;
	width: 80%;
}

TR.listheader {
/*	color: #333333;*/
}

/*TR.L1 {
	background-color:#FFFFFF;
}

TR.L2 {
	background-color:#F0F0F6;
}*/

TD.listheader {
	background-image: url(../images/updown.gif);
	cursor: pointer;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center right;
/*	background-color:#E6EEEE;
	border:1px solid #FFFFFF;
	font-size:8pt;
	padding:4px;*/
}

TD.listheader_asc {
	background-image: url(../images/asc.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center right;
/*	background-color: #8DBDD8;
	border:1px solid #FFFFFF;
	font-size:8pt;
	padding:4px;*/
}

TD.listheader_desc {
	background-image: url(../images/desc.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center right;
/*	background-color: #8DBDD8;
	border:1px solid #FFFFFF;
	font-size:8pt;
	padding:4px;*/
}

IMG.pagination_bt,
IMG.search_bt,
IMG.delete_bt,
IMG.edit_bt,
IMG.editsave_bt,
IMG.editcancel_bt,
IMG.add_bt,
IMG.resetform_bt,
IMG.view_bt {
	vertical-align:middle;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 1px 2px 1px 2px;
}

IMG.dialogimg {
	float: left;
	vertical-align:middle;
	width: 30px;
	height: 30px;
	margin: 5px 10px 0px 0px;
}

INPUT.inputPage {
	color: #000000;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	text-align:left;
	text-decoration: none;
	border-right: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-top: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	background: #FFFFFF;
	width: 50px;
	text-align: center;
	cursor: pointer;
}

INPUT.inputRequired,
TEXTAREA.inputRequired {
	background-color: #ffd2d2;
}

DIV.msg {
	position:absolute;
	border: 1px solid #3b4657;
	vertical-align: middle;
}

body {
	font-size: 10px;
	font-family: Arial, Verdana;
	margin: 0 0 0 0;
}

TR.LnewInserted{
    background:#CAD8FD;
    font-family: Verdana;
    font-size: 10px;
	height: 30px;
}

.ui-datepicker-trigger {
	cursor:pointer;
	height:20px;
	margin:1px 2px;
	vertical-align:middle;
	width:20px;
}

LI.open {
	cursor:pointer;
	background-image: url(../images/open.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 1px 10px 1px 1px;
	padding: 3px 0px 0px 17px;
}

LI.close {
	cursor:pointer;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 1px 1px 1px 1px;
	padding: 1px 0px 0px 17px;
}

UL {
	list-style-type: none;
	padding: 2px;
	margin: 2px;
}