/****************
 * Generic tags *
 ****************/
body
{
	margin: 0px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #000000;
}
input, label, select
{
	font-weight: normal !important;
}

input:focus
{
	border: 0 px;
	text-decoration:none;
	-moz-outline: 0px;
}

a
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover
{
	color: #E8985E;
}
a img
{
	border:0px;
}
table, table.mail, table.noLargeWidth
{
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}
table.noLargeWidth
{
	width: 50%;
}

form
{
	display: inline;
}
th, td, td.subHeader1, td.subHeader2, td.subHeader5
{
	font-size: 11px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #E8985E;
	border-collapse: collapse;
}

td
{
	margin-right : 0px;
	margin-left : 0px;
	padding: 0px;
}

td.left
{
	text-align:left;
}

th, tr.subHeader1, td.subHeader1, td.subHeader2, td.subHeader3, tr.subHeader5
{
	margin-right : 0px;
	margin-left : 0px;
	padding-right :5px;
	padding-left :5px;
}
th, tr.subHeader1, td.subHeader1, td.subHeader2, tr.subHeader5
{
	font-weight: bold;
}
th
{
	color: #000000;
	background-color: #E8985E;
}
tr.subHeader1, td.subHeader1, td.subHeader3, td.subHeader4
{
	background-color: #E2DDC7;
}
tr.subHeader5
{
	background-color: #B77FA2;
}
td.subHeader3
{
	text-align:left;
}
td.subHeader4
{
	font-size: 9px;
}

th a
{
	color: #000000;
}
th a:hover
{
	color: #FFFFFF;
}

table.mail td
{
	font-size: 11px;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	border-collapse: collapse;
}

hr
{
	color: #E8985E;
	background-color: #E8985E;
	height: 3px;
	width: 100%;
	shade: no-shade;
	border: 0px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
h1 /* Used by page title */
{
	font-size: 17px;
	font-weight: bold;
	color: #E27F39;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}
h2 /* Used by page subtitle */
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
h3 /* Used by page explain */
{
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
h4
{
	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}

/*******************
 * Display margins *
 *******************/
body.margin
{
	margin: 3px 3px 3px 3px;
}

body.bigmargin
{
	margin: 10px 30px 30px 30px;
}

body.littleMarginTop
{
	margin-top: 3px;
}

/**********************************
 * Display an image as background *
 **********************************/
body.image
{
	background-image: url(img/bgEnterprise.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #B77FA2;
}
body.menu
{
	background-color: #710044;
}

/**********************************************************
 * Defines a table with global borders but no cell border *
 **********************************************************/
table.noborder, table.noborder th, table.noborder tr
{
	border-width: 1px;
	border-style: solid;
	border-color: red;
}
table.noborder td
{
	border-width: 0px;
}

/*****************************
 * Define grids (timeframes) *
 *****************************/
table.grid, table.gridtransparency
{
	text-align: center;
	border: 0px;
	padding: 10px;
}
table.grid th, table.gridtransparency th
{
	width: auto;
}
table.grid tr, table.gridtransparency tr
{
	height: 10px;
}
table.grid td, table.gridtransparency td
{
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
}
table.grid td, table.grid th
{
	border-color: #FFFFFF
}
table.gridtransparency td, table.gridtransparency th
{
	border-color: #FFFFFF
}

table.grid td.selected, table.gridtransparency td.selected
{
/*	border-width: 5px;*/
	border-style: solid;
	background-color: #DDCCDD;
}
table.grid td.unselected, table.gridtransparency td.unselected
{
/*	border-width: 5px;*/
	border-style: solid;
	background-color: #669933;
}
table.grid td.columnheader, table.grid td.lineheader, table.gridtransparency td.columnheader, table.gridtransparency td.lineheader
{
	font-size: 11px; 
	font-weight: normal;
	text-align: center;
}

span.priority
{
	width: 28px !important;
	height: 28px !important;
	border: 1px solid #000000;
	vertical-align: middle;
	line-height: 30px;
	margin: 0px 0px 15px 0px;
}

a.priority
{
	float: left;
	display: block;
	height: 30px ;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	margin: 0px 0px 15px 5px;
}

table.grid td.undisponibility, table.gridtransparency td.undisponibility
{
	text-align: center;
	background-color: #CC0033;
}
table.grid td.minimalpriority, table.gridtransparency td.minimalpriority
{
	text-align: center;
	background-color: #FFFF99;
}
table.grid td.mediumpriority, table.gridtransparency td.mediumpriority
{
	text-align: center;
	background-color: #FF9933;
}
table.grid td.maximalpriority, table.gridtransparency td.maximalpriority
{
	text-align: center;
	background-color: #669933;
}
table.grid td.vacation, table.gridtransparency td.vacation
{
	text-align: center;
	background-color: #CCCCCC;
}
table.grid td.partialmaximal, table.gridtransparency td.partialmaximal
{
	text-align: center;
	background-image: url(img/hachure_rouge.gif);
}
table.grid td.partialmedium, table.gridtransparency td.partialmedium
{
	text-align: center;
	background-image: url(img/hachure_orange.gif);
}
table.grid td.partialminimal, table.gridtransparency td.partialminimal
{
	text-align: center;
	background-image: url(img/hachure_jaune.gif);
}

table.columns, table.columns tr, table.columns td
{
	border: 0px;
	text-align: left;
	vertical-align: top;
}
table.columns td:hover, table.columns tr:hover
{
	background-color: #E2DDC7;
}

/********************
 * Defines top menu *
 ********************/
div.menuline
{
	width: 650px;
	height: 24px;
}

/****************
 * Defines tree *
 ****************/
div.tree
{
	padding-top: 10px;
	margin-left: 10px;
}
div.maintree
{
	width: 1000px;
}

div.tree div
{
	font-weight: normal;
}

div.treeinput
{
	margin-left: 3px;
	margin-bottom: 3px;
	height: 23px;
}
div.treeinput img
{
	vertical-align: -10%;
}
div.treetitle
{
	width: 100%;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #710044;
	padding: 2px 0px 2px 10px;
	margin: 0px 0px 2px 0px;
}
div.treeline img, div.treelineselected img
{
	margin-right: 3px;
}
div.treeline, div.treelineselected
{
	width: 100%;
	padding-left: 5px;
}
div.treelineselected
{
	background-color: #E8985E;
}
div.treelineselected a:hover
{
	color: #000000;
}
span.treecross a
{
	font-size: 13px;
	font-weight: bold;
}
span.treecategory a
{
	font-size: 13px;
	font-weight: normal;
}
span.treebranch a
{
	font-size: 11px;
	font-weight: normal;
}
span.treeitem a
{
	font-size: 11px;
	font-weight: normal;
}

/*********************************
 * Used to place element on line *
 *********************************/
div.inlinebyleft
{
	float: left;
}
div.inlinebyright
{
	float: right;
}

/*****************
 * Defines piano *
 *****************/
div.pianoline
{
	width: 100%;
	padding: 0px ;
	margin: 0px ;
	height: 24;
}
td.piano, div.piano, td.pianoselected, div.pianoselected
{
	text-align: left ;
	background-color: #B77FA2;	
	line-height: 24px;
	vertical-align: middle;
	text-align: left;
	font-family: Arial, Helvetica, Verdana;
	font-size: 11;
	height: 24;
	border-color: #FFFFFF;
	padding: 0px ;
	margin: 0px ;
}
div.piano, div.pianoselected
{
	width: 150;
	width7: 50;	/* HACK for more than 7 days */
	width5: 100;/* HACK for more than 5 days */
	float: left;
}
td.pianoselected, div.pianoselected
{
	background-color: #E8985E;
	color: #000000;
}
div.pianoline table, div.pianoline tr, div.pianoline td
{
	border: 0px;
}
div.piano a, div.pianoselected a, td.piano a, td.pianoselected a
{
	vertical-align: middle;
	height: 24;
	color: #000000;
}
div.pianoselected a, td.pianoselected a
{
	color: #FFFFFF;
}

/********************
 * Defines calendar *
 ********************/
table.calendar
{
	margin-top: 5px;
	text-align: center;
	width:200;
}
table.calendar td, table.calendar td a
{
	font-size: 9px;
}
table.calendar td
{
	border-width: 1px;
	border-style: solid;
	border-color: #E8985E;
	padding: 2;
	spacing: 0;
	background-color: #FFFFFF;
}
table.calendar td.light
{
	background-color: #B77FA2;
}

table.calendar th
{
	background-color: #E8985E;
	border-color: #E8985E;
}
table.calendar tr.subheader1 td
{
	background-color: #E8985E;
}

table.calendar td.notclickable
{
	color: #999999;
}

/****************************
 * To display alert message *
 ****************************/
span.alert
{
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}

/****************************
 * To display label / value *
 ****************************/
span.label
{
	font-size: 11px;
	font-weight: bold;
}
span.value
{
	font-size: 11px;
	font-weight: normal;
}
td span.label, td span.value
{
	text-align: center;
}

/********************
 * To display title *
 ********************/
 
span.bigtitle
{
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
}

span.title
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
span.title p
{
	font-size: 9px;
	font-weight: normal;
}

/***************************************************
 * To highlight table rows alternating their color *
 ***************************************************/
tr.linePar, tr.lineOdd
{
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 5px;
	padding: 1px 2px;
	text-align: center;
}

tr.linePar
{
	background-color: #FFFFFF;
}
tr.lineOdd
{
	background-color :#EEEEEE;
}

/***************************************
 * Defines button built with GenImgTag *
 ***************************************/
.okbutton, .standardbutton, .cancelbutton, .previousbutton, .nextbutton, .closebutton, .smallbutton, .smallbutton2
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #E8985E;
	width: 65;
	height: 18;
	border-width: 2;
}

.okbutton, .standardbutton, .previousbutton, .nextbutton, .closebutton, .smallbutton, .smallbutton2
{
	border-color: #E27F39;
	color: #FFFFFF;
}
.cancelbutton
{
	border-color: #E27F39;
	color: #CC0000;
}
.smallbutton, .smallbutton2
{
	font-size: 9px;
	font-weight: normal;
	height: 12;
	width: 70;
	vertical-align: middle;
}
.smallbutton2
{
	font-size: 11px;
	height: 14;
}

td img
{
	vertical-align: middle;
}

/*********************************/
/* Define the colors of the menu */
/*********************************/

.menubutton, .tabbutton
{
	color: #000000;
	background-color: #B77FA2;
	border-color: #710044;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	width: 650;
	height: 24;
}

.menubuttonselected, .tabbuttonselected
{
	color: #000000;
	background-color: #E8985E;
	border-color: #710044;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	width: 650;
	height: 24;
}

.tabbutton, .tabbuttonselected
{
	width: 100;	
}


/***************************************************/
/* Define the colors of the bullets of the header */
/***************************************************/
.headerbullet
{
	background-color: #B77FA2;
	color: #000000;
}
.headerbulletselected
{
	background-color: #E8985E;
	color: #FFFFFF;
}
.headerhr
{
	color: red;
}

/*****************************************
 * Define the colors of the menu bullets *
 *****************************************/
.menubullet
{
	background-color: #B77FA2;
	color: #000000;
}

/****************************
 * Manages background color *
 ****************************/
.lightbackground
{
	background-color: #E2DDC7;
}

div.project
{
	overflow: hidden;
	position: absolute;
	left: 660px;
	top: 0px;
	height: 48px;
	color: #B77FA2;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	line-height: 48px;
}
div.logo
{
	position: absolute;
	left: 800px;
	top: 0px;
	height: 48px;
}

/************************
 * Manage MenuTag class *
 ************************/
div.menutag
{
	clear: both;
	margin-left: 50px;
	padding: 5px;
}
div.menutag div.menutagitem a
{
	margin-left: 5px;
	float: left;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
}
div.menutag div.menutagitem a:hover
{
	color: #B77FA2;
}

div.menutag div.menutagbullet img
{
	float: left;
	vertical-align: middle;
}

/***************************
 * New Dialogs             *
 ***************************/
div.separator, div.spacer, div.options div.content div, div.footer, div.options div, div.section
{
	clear: both;
}

div.options div.content div
{
	font-weight: normal ;
}

div.dialog div.content textarea, div.section, div.section label, div.summary, div.calendarheader
{
	width: 100%;
}

div.separator
{
	height: 15px ;
	text-align: center;
	font-style: italic;	
}

div.options span
{
	width: 120px;
	text-align: right;
}

div.dialog div.content label
{
	display: block;
	margin-bottom: 2px;
}

div.options div.content label
{
	width: 200px;
}

div.dialog span, div.options span
{
	float: left;
	width: 120px;
	text-align: right;
	margin-top: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 2em;	/* To center vertically... */
	/*background-color: red ;*/
}

div.dialog div.content p, pre.notes, div.options div.content p, pre.notes
{
	width: 300px;
	float: left;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 2em;	/* To center vertically... */
}

div.options div.content p.margin
{
	margin-left: 15px ;
}

pre.notes
{
	height: 100px;
	overflow: auto;
	background-color: #FFFFFF ;
	border: 1px solid #000000 ;
	padding: 2px;

	font-family: Arial, Helvetica, Verdana;
	font-size: 11px;
	font-weight: normal !important;
}

div.dialog select.sizenotfixed, div.dialog div.content textarea, div.dialog input.text, div.dialog div.content label textarea, div.dialog select
{
	margin-top: 5px;
}
div.options select.sizenotfixed, div.options div.content textarea, div.options input.text, div.options div.content label textarea, div.options select
{
	margin-top: 5px;
}

div.dialog input.text, div.dialog div.content label textarea, div.dialog select, div.options input.text, div.options div.content label textarea
{
	width: 280px;
}

div.options select
{
	width: 150px;
}


div.dialog select.sizenotfixed
{
	width: auto;
}

div.color, div.colorpicker
{
	float: left;
	width: 30px ;
	height: 30px ;
	text-align: center;
	vertical-align: middle;
	margin-right: 5px ;
	border: 1px solid #E8985E;
	margin-top: 5px;
}
div.colorpicker
{
	border: 0px solid #000000;
}
div.color input
{
	margin-top: 8px;
}

div.center
{
	margin-top: 20px;
	text-align: center;
}

div.right
{
	text-align: right;
}

div.left
{
	text-align: left;
}

div.dialog, div.options
{
	text-align: left;
	width: 450px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;

	background-color: #E2DDC7;
	font-size: 11px;
	font-weight: bold;
	color: #000000;

	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

div.header, div.section
{
	background-color: #E8985E;
	font-size: 13px;
	color: #FFFFFF;
	vertical-align: middle;
}

div.header
{
	text-align: center;
	padding-top: 10px ;
	padding-bottom: 10px ;
	margin-bottom: 5px ;
	border-bottom: 1px solid #000000;
}

div.section
{
	float: left;
	padding-top: 4px ;
	padding-bottom: 4px ;
	margin-top: 15px ;
	margin-bottom: 5px ;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #E27F39;
	border-left: 1px solid #E27F39;
}

div.header *, div.section *
{
	font-weight: bold !important ;
}

div.content
{
	padding-left: 10px;
	padding-right: 10px;
}

div.content span.alert
{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	width: 90%;
}

div.options div.content label
{
	margin-left: 10px ;
}

div.summary
{
	text-align: center;	
	font-weight: normal;
}

div.dialog  div.content  pre
{
	display: block;
    float: left;
    font-family: Arial, Helvetica, Verdana;
    font-size: 12px;
}

/******************
 * Options dialog *
 ******************/
div.options
{
	width: 80%;
}

div.dialog.fixed
{
	position: absolute;
	margin-top: 80px;
	margin-left: 80px;
}

div.options label, div.options label ul.nobullet
{
	float: left;
}
ul.nobullet
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div.options ul.nobullet
{
	float: left;
	width: 15px;
	height: 80px;
	margin: 0px ;
	padding: 0px ;
	margin-top: 60px ;
}

ul.nobullet li
{
	margin: 0px;
	padding: 0px;
}

div.center div.dialog, div.center div.options
{
	margin-right: auto;
}

div.center div.dialog, div.right div.dialog, div.center div.options, div.right div.options
{
	margin-left: auto;
}

div.footer
{
	text-align: center;
	padding-top: 20px;
}

div.options.info
{
	background-color: #FFFFFF;
	margin-top: 0px;
}

/*******************
 * Calendar legend *
 *******************/
span.alert
{
	clear: both;
	width: 80%;
}

div.calendar, div.calendarlower, div.calendarlowerinfos
{
	float: right;
	width: 200px;
}
div.calendarlower
{
	margin-top: 40px ;
}
div.calendarlowerinfos
{
	margin-top: 0px ;
}

label.columns
{
	width: 160px !important ;
}

/********************
 * Standard Reports *
 ********************/
table.reports td
{
	vertical-align: top;
}

table.reports td.par
{
	background-color: #F0F0F0;
}

table.reports td.odd
{
	background-color: #FFFFFF;
}

table.reports td.subpar
{
/*	background-color: red;*/
}

table.reports td.subodd
{
/*	background-color: blue;*/
}

div.language
{
	float: right;
	text-underline-style: dotted;
}
div.language a
{
	text-decoration: underline;
	text-underline-style: dotted;
}

/********************
 *      HOVERS      *
 ********************/
tr:hover
{
	background-color: #B77FA2;
}
table.grid tr:hover, table.gridtransparency tr:hover, table.mail tr:hover, table.nohover tr:hover
{
	background-color: #FFFFFF;
}
table.grid tr:hover a, table.gridtransparency tr:hover a, table.mail tr:hover a, table.nohover tr:hover a
{
	color: #000000;
}
table.grid tr:hover a:hover, table.gridtransparency tr:hover a:hover, table.mail tr:hover a:hover, table.nohover tr:hover a:hover
{
	color: #E8985E;
}