body {
	text-align: center;
	padding: 0px;
	background-color: #101010;
	background-image:url('images/blackbg.png');

	font-size: 12px;
	font-family: Verdana;
	color: #E7EAF1;
}
#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 1000px;

}

#header{
	padding: 5px 0px 0px 10px;

}

#subheader{
	background: #4B6195;
	margin:10px 0px 0px 0px;
	padding-top: 6px;
	padding-bottom:0px;
	padding-left: 10px;
	padding-right:10px;
	border: 1px solid #DFCA62;
	border-bottom:0;
	width: 940px;
}

#navigationcontainer{
	background: #4B6195;
	margin:0px 0px 0px 10px;
	font-size: 11px;
	/*border-left: 1px solid #DFCA62;
	border-right: 1px solid #DFCA62;
	border-bottom: 1px solid #FFB600;*/

	margin-left:0px;/*was 160*/
	margin-top: -22px;
	height: 21px;
	width: auto;
	clear:right;
}

#content{
	background: #2E457B;
	margin-top:0px;
	margin-left:10px;
	border-left: 1px solid #DFCA62;
	border-right: 1px solid #DFCA62;
	border-bottom: 1px solid #DFCA62;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 8px;
	width: 950px;
	clear: left;
}

#footer{
	margin-top:-10px;
	padding-top:0px;
	margin-left:10px;
}

#headerl{
/*float:left;*/
}
#headerr{
float:right;
}

.msgbox{
	width:580px;
	border: 1px dotted white;
	padding: 2px;
	background: black;
}
.filter{
	text-align: center;
	border: 1px dotted yellow;
	margin-left: 50px;
	margin-right: 50px;
	height: 50px;
}


a {
	color: #7D9BE0;
}

 .textfield {
	font-size: 11px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}
.warningtxt{
	text-decoration: none;
	color: #A30000;
}

h1 {
	color: #E7EAF1;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 1em;
	background: #333333;
	margin-right: 10px;
	padding: 4px;
	border: 1px solid #000000;
}

h3 {
	color: #E7EAF1;
	margin: 0px 0px 0px;
	padding: 0px 0px 22px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/*border-bottom: 1px dashed #E7EAF1;*/
	/*float:right;*/

}


h2 {
	color: #E7EAF1;
	text-decoration: underline;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
}

h5 {
	color: #FFFFFF;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
}



p.alerte{
	text-decoration: underline;
	color: orange;
}

 .err {
	color: #FF9900;
}




.row_form_number{
	width: 20px;
}

.otPrint .button{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right:15px;
}
.otPrint .buttonclose{
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background: #0000AA;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right:15px;
}
.otPrint .buttonsave{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background: #00AA00;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right:15px;
}
.otPrint .buttondel{
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background: #AA0000;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right:15px;
}
.otPrint .buttonsuspend{
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background: #DD3300;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right:15px;
}
.otPrint .buttonfeedback{
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	background: #DD3300;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	padding-right:15px;
}

.otPrint .feedback{
	color: #fff;
	border: 2px solid #000;
	background: #C00;

}
.otPrint .feedback ul{
	margin: 1px;
	padding-left: 10px;
	font-size: 0.9em;
}


.otPrint .button:hover{
	background: #C1DAD7;

}

.otPrint th.button{
	text-align:center;
}

.otPrint th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;

	border-top: 1px solid #C1DAD7;

	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #CAE8EA url(images/bg_header.jpg) repeat-y;
}

.otPrint th.maininfo {
	border-left: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	text-align: left;

}

.otPrint th.headerTop {
	width: 10px;
	text-align:center;
}

.otPrint th.headerTopAlt{
	width: 10px;
	text-align:center;
	background: #CAE8EA url(images/bg_heade_r.jpg) repeat-y;
	border-right: 1px solid #C1DAD7;
}

.otPrint td.subcontent {
	width: 55px;
	text-align:center;
}

#toplevel{
	border-top: 1px solid #FFB600;
}


th.cornerBottom {
	border-top: 1px solid #C1DAD7;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	background: none;
}

th.cornerTL {
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

th.cornerTR {
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	background: none;
}

.otPrint td {
	border-right: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #6D929B;
}

.otPrint  td.otmaininfo{
text-align:center;
}

/* TABLEAU DES STATISTIQUES TECHNICIEN */
.statsbox{
	font-size: 0.9em;
	border: 1px solid #000;
	background: #333;
	padding: 2px;
}
.statsbox h1{
	text-decoration: underline;
	font-size: 1em;
	margin-bottom: 0.5em;
}
.stats{
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	font-size: 9px;
}

.stats th{
	background-color: black;
	padding-right: 5px;
	padding-left: 2px;
}

.stats th.day-cell{
	background-color: black;
	padding-right: 5px;
	padding-left: 2px;
	width:20px;
	text-align: center;
}

.stats th.left-header-cell{
	background-color: black;
	width:40px;
	/*text-align: center;*/
}

.stats td{
	border-right: 1px solid #000000;
	/*width: 15px;*/
}
.stats td.best{
	background-color: #0044DD;
}

.stats td.low{
	background-color: #AA0000;
}
.stats td.mid-low{
	background-color: #FF6600;
}
.stats td.mid-high{
	background-color: #FCD116;
	color:#000;
}

.stats td.high{
	background-color: #00AA00
}

.stats td.total{
	background-color: #0022AA;
	padding-right: 2px;
	padding-left: 2px;
}

.stats td.total-cell{
 /*padding: 6px;*/
 font-size: 1.2em;
 font-weight:bold;
}

.stats th.today{
	color: #AA0000;

}
.stats td.vacation{
	background-color: #AAAA00;
}
.stats td.weekend{
	background-color: #AAAAAA;
}
.stats td.unknown{
	background-color: #FFFFFF;
	color: #000000;
}
.stats .prestcell{
	/*width: 30px;*/
	/*font-size: 10px;*/
}
/* Tableau de filtrage*/
.filter{
	border: 1px solid black;
	background-color: #666666;
	width: *;
	margin:0px;
	margin-left: 25px;
	border-collapse: collapse;
}
.filter td{
	border-left: 1px solid black;
	padding: 3px;
}
.filter th{
	border-bottom:1px solid black;
	text-align: center;
	background-color: #000000;
}

.messagebox{
	font-size: 0.9em;
	border: 1px solid #000;
	background: #333;
	padding: 2px;
}
.messagebox h1{
	text-decoration: underline;
	font-size: 1em;
}
.messagebox ul{
margin-top: 8px;
}

.messagebox ol{

}

.messagebox ol>li{
	margin-top: 4px;
	margin-right: 50px;
	background-color: #CCC;
	color: black;
	border: 1px solid black;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* LISTING AGENTS AVEC INVERSION DE COULEURS */
.list{
	border: 1px solid black;
	background-color: #000000;
	width: *;
	margin:0px;
	border-collapse: collapse;
	font-size: 0.9em;
	color: #CCCCCC;

}

.list td{
	border-left: 1px solid black;

	padding: 3px;
}

.list th{
	border-bottom:1px solid black;
	text-align: center;
}
.list th.status_row{
text-align:left;
font-weight:normal;
font-size:0.9em;

}
.list th.start_row{
font-weight:normal;
width:11em;
}
.list th.name_row{
font-weight:normal;
width:11em;
}
.list th.pre{
	background-color: #333;
	border:1px solid black;
}

.list th.subsection{

	/*border:1px solid black;*/
	text-align: left;
	letter-spacing: 0.2em;
	padding: 2px 5px;
	background: black;

}

.list tr.line1{
	background-color: #0066CC;
	background-color: #2A4480;
}

.list tr.line2{
	background-color: #0088CC;
	background-color: #06266F;
}

.list td.alert1{
	/*$background-color: #AA0044;*/
	color: #ff0;
}
.list td.alert2{
	/*background-color: #CC0044;*/
	color: #ff0;
}

.list td.smallcol{
	width: 4em;
}
.list th.smallcol{
	width: 4em;
}
.list td.center
{
	text-align: center;
}
.list a.red{
	color:#FF0033;
}
.list a.yellow{
	color:#F60;
}
.list a.green{
	color:#33FF00;
}
.list a.white{
	color:#CCCCCC;
}





.msgs_list{
	border: 1px solid black;
	background-color: #000000;
	width: *;
	margin:0px;
	border-collapse: collapse;
	font-size: 0.9em;
	color: #CCCCCC;
	/*width: 98%;*/
	/*border: 1px solid black;
	background: #0044AA;*/
}
.msgs_list td{
	border-left: 1px solid black;
	padding: 0px 3px;
}
.msgs_list .line1{
	background-color: #0066CC;
	background-color: #2A4480;
}
.msgs_list .line2{
	background-color: #0088CC;
	background-color: #06266F;
}
.msgs_list td.notread{
	font-weight: bold;
}
.msgs_list td.read{
	font-weight: normal;
}
.msgs_list th{
	border-bottom:1px solid black;
	text-align: center;
}
.msgs_list td.author
{
	width: 250px;
	align: left;
}
.msgs_list td.subject
{
	width: 400px;
	align: left;
}
.msgs_list .button
{
	font-size: 0.9em;
	border: 1px solid black;
}
.msgs_open{
	width:70%;
	border: 1px solid black;
	background: #fff;
	color: #000;
	font-family: "comic sans ms";

}

.button{
	border: 1px solid black;
}