/* CSS Document */
body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#e7e7e7;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	color: #000000;
}

a {color:blue; text-decoration:none;}
img {border:0;}
table {vertical-align:top; margin:0 auto;}
td {vertical-align:top; text-align:left;}
ul {list-style-position:outside; margin-left:0px;}
li {list-style:square;list-style-position:inside;}

.fld_error {background-color:#FFCC33;}

/* STYLES FOR THE HEADER PART OF ANY WEB PAGE */
#headercontainer {
	position:relative;
	width:auto;
	background-color:#003366;
}
#headercontainer .mainheader {
	width:1330px;
	margin-left:auto;
	margin-right:auto;
}
#headercontainer .mainheader_wide {
	width:1330px;
	margin-left: 10px;
	margin-right: 10px;
}
#headertable {
	width:1300px;
	text-align:left;
	margin:3px;
}
#pagetitle {
	text-align:left;
	font-size:28px;
	font-weight:bold;
	color:#FFCC33;
	padding-right:15px;
}
#pagesubtitle {
	text-align:left;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
}
.headerlink {
	font-size:12px;
	color:white;
}
.headerlink a {
	border:1px Solid #003366;
	padding:0px 3px 0px 3px;
	color:white;
}
.headerlink a:hover {
	border:1px Solid #FFFFFF;
	background-color:#6699FF;
}

.box_profil, .box_projet, .box_log {cursor: pointer;}

/* STYLES FOR THE MAIN NAVIGATION BAR OF ANY WEB PAGE */
#mainnavigation {
	width:1330px;
	text-align:left;
	padding-top:5px;
}

.main_navigation_button {
	font-size:14px;
	font-variant:small-caps;
	padding:0px 5px 1px 5px;	
	color: White;
	text-decoration:none;
	background-color:#000066;
	border-top: 1px Solid #ffffff;
	border-right: 1px Solid #ffffff;
	border-left: 1px Solid #ffffff;
	margin-left:4px;
	margin-right:4px;
}

.main_navigation_button_on {
	font-size:14px;
	color:#000000;
	text-decoration:none;
	font-variant:small-caps;
	padding:0px 5px 1px 5px;
	margin-left:5px;
	margin-right:5px;
	border-top: 2px Solid #FFCC33;
	border-right: 1px Solid #e7e7e7;
	border-left: 1px Solid #e7e7e7;
	background-color:#e7e7e7;
	text-decoration:none;
}

.main_navigation_button:hover{
	color: White;
	text-decoration:none;
	background-color: #6699FF;
	margin-left:4px;
	margin-right:4px;
}

.spacer {
	height: 10px;
}


/* STYLES FOR THE SUB NAVIGATION BAR OF ANY WEB PAGE */
#subnavigation_container {
	position:relative;
	width:auto;
	height:25px;
	background-color:#e7e7e7;
}
#subnavigation_fixedcontainer {
	width:1330px; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:5px;
}
#subnavigation_fixedcontainer_wide {
	width:1330px; 
	margin-left: 10px;
	margin-right: 10px;
	text-align:left;
	padding:5px;
}
.subnavigation {
	display:inline;
	background-color:#e7e7e7;
}
.sub_navigation_button {
	font-size:14px;
	font-variant:small-caps;
	padding:0px 5px 1px 5px;	
	color: #000000;
	text-decoration:none;
	border:1px Solid #e7e7e7;
	margin-left:4px;
	margin-right:4px;
}
.sub_navigation_button:hover {
	border:1px Solid Dimgray;
	background-color:#CCCCCC;
}
.sub_navigation_button_on {
	font-size:14px;
	font-variant:small-caps;
	padding:0px 5px 1px 5px;	
	color:#ffffff;
	text-decoration:none;
	border:1px Solid #000000;
	background-color:Dimgray;
	margin-left:4px;
	margin-right:4px;
}
.sub_navigation_button_disabled {
	font-size:14px;
	font-variant:small-caps;
	padding:0px 5px 1px 5px;	
	color: #000000;
	text-decoration:none;
	border:1px Solid #e7e7e7;
	margin-left:4px;
	margin-right:4px;
	color:#999999;
}



/* STYLES FOR THE CONTENT DIVISION */
#content_container {
	position:relative;
	width:1330px;
	margin-right:auto;
	margin-left:auto;
}

#content_container_wide {
	position:relative;
	width:1330px;
	margin-right: 10px;
	margin-left: 10px;
}

#content_div {
	position:absolute;
	padding:3px 3px 35px 3px;
	margin:2px 5px 5px 5px;
	right:0px;
/*
	top:10px;
	padding:5px 5px 40px 5px;
*/
	width:670px;
	min-height:560px;
	border:1px Solid Dimgray;
	background-color:#FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=5);
	text-align:left;
}

#content_div_fullwidth {
	position:absolute;
	padding:3px 3px 35px 3px;
	margin:2px 5px 5px 5px;
	left:0px;
	right:5px;
/*
	top:10px;
*/
	padding:5px 5px 40px 5px;
	min-height: 560px;
	border:1px Solid Dimgray;
	background-color:#FFFFFF;
/*	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=5); */
	text-align:left;
}

#content_div_wmenu {
	position:absolute;
	top:24px;
	padding:3px 3px 35px 3px;
	margin:2px 5px 5px 5px;
	right:0px;
/*
	top:40px;
	padding:5px 5px 40px 5px;
*/
	width:670px;
	min-height:560px;
	border:1px Solid Dimgray;
	background-color:#FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=5);
	text-align:left;
}

#content_div_fullwidth_wmenu {
	position:absolute;
	top:24px;
	padding:3px 3px 35px 3px;
	margin:2px 5px 5px 5px;
	left:0px;
	right:5px;
/*
	padding:5px 5px 40px 5px;
*/
	min-height:560px;
	border:1px Solid Dimgray;
	background-color:#FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=120, strength=5);
	text-align:left;
}

#toptasks_div {
	text-align:left;
	padding:3px 3px 3px 3px;
	margin:2px 5px 5px 5px;
	border:1px Solid Dimgray;
	background-color:Silver;
	font-size:11px;
}
#toptasks_div a{
	color: #111111;
	padding: 0 5px 0 5px;
}
#toptasks_div a:hover{
	color: #FFFFFF;
}
#toptasks_div span{
	color: #111111;
	padding: 0 5px 0 5px;
}
#toptasks_div span:hover{
	color: #FFFFFF;
	cursor: pointer;
}

#content_div .title {
	font-size:24px;
	border-bottom:1px Solid #999999;
}

.highlight_box {
	margin:10px;
	padding:5px;
	border:1px Solid #CCCCCC;
	background-color:Whitesmoke;
	font-size:14px;
	/*font-weight:bold;*/
}

.msg {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
}
.msg0 {
	background-color:#66CC99;
	color:#FFFFFF;
	border:1px Solid #6666FF;
}
.msg1 {
	background-color:#FFCC00;
	color:#FFFFFF;
	border:1px Solid #FF6600;
}
.msg2 {
	background-color:#FFCC00;
	color:#FFFFFF;
	border:1px Solid #FF6600;
}

#controlpanel_div {
	position:absolute;
	padding-top:10px;
	left:0px;
	width:235px;
	min-height:480px;
	text-align:left;
}

#controlpanel_div .controlpanel_group {
	padding-bottom:10px;
}

#controlpanel_div .title {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px Dotted #000000;
}

.module_title {
	font-size:32px;
	text-align:center;
	font-variant:small-caps;
}

.module_h2 {
	font-size:16px;
	font-weight:bold;
	border:1px Solid #666666; 
	background-color:Whitesmoke;
	margin:20px 0 2px 0;
	padding:2px;
}

.sub_h2 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 12px;
	color: #000000;
}

.module_h3 {
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
}

.module_h4 {
	font-size:13px;
	font-weight:bold;
}


/* DATAGRID */
#datagridwrap {
	overflow: auto;
    height: 650px;
}
.datagrid {
	border:1px Solid #999999;
	cursor:default;
}
.datagrid th {
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
/*	background-color:#99CCFF; */
	background-color:#DDDDDD;
	padding:2px;
/*	border:1px Solid #0066FF; */
	border:1px Solid #222222;
	cursor: pointer;
}

.datagrid th.orderby {
/*	background-color:#3399FF; */
	background-color: #6B92F8;
}
.datagrid td {
	border-bottom:1px Solid #DFDFDF;
	padding:2px 3px 1px 3px;
	text-align:left;
	background-color:white;
	font-size: 11px;
	cursor: pointer;
}
.datagrid td.nocursor {
	cursor: default !important;
}
.datagrid td.orderby {background-color: #D7E1FD;}
.datagrid td.orderby_nocursor {
	background-color: #D7E1FD;
	cursor: default !important;
}
.datagrid col.orderby {background-color:whitesmoke;}
.datagrid col.money {text-align:right; font-family:"Courier New", Courier, monospace;}
.datagrid col.int {text-align:right; font-family:"Courier New", Courier, monospace;}
.datagrid .total {border-top:1px Solid Black; font-weight:bold; background-color:Gainsboro;}
.datagrid td.data_center {text-align: center;}
.datagrid td.impair {background-color: #dddddd;}
.datagrid td.impair.highlight, .datagrid td.pair.highlight {background-color:#FDFFAF;}

.datagrid .expirationClass { color: blue; }


/* LOGIN STUFF */
#logincard {
	position:absolute;
	z-index:20;
	width:340px;
	height:240px;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;opacity:.50;
}
#loginform {
	position:absolute;
	z-index:20;
	width:300px;
	height:200px;
	background-color:#FFFFFF;
	border:1px Solid #000000;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=120, strength=5);*/
}
#loginform .logintitle {
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
#logininstructions {
	position:absolute;
	font-size:12px;
	color:#ffffff;
	width:300px;
	text-align:left;
}
#loginform .loginfrmtxt {
	font-size:12px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	vertical-align:middle;
	width:115px; 
}
#loginform .loginfrmfield {
	font-size:12px;
	text-align:left;
}
#loginphotoalbum {
	position:absolute;
	left:0;
	top:0;
}
#loginphoto {
	position:absolute;
	left:28px;
	top:24px;
}
#loginlogo {
	position:absolute;
	z-index:20;
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#000000, direction=120, strength=5);
}




/* PROMPT STUFF */
#promptbox {
	position:absolute;
	z-index:20;
	width:294px;
	height:174px;
	background-color:#ffffff;
	border:3px Solid #000000;
	font-size:14px;
}
#promptbox.comment {
	border:3px Solid #6699ff;
}
#promptbox.critical {
	border:3px Solid Red;
}
#promptbox.wait {
	border:3px Solid Orange;
}
#prompttitle {
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
#promptmessage {
	text-align:center;
	font-size:14px;
}



/* FORMS */
form {display:inline;}
.fm_txt_fixed {
	font-weight:bold;
	text-align:right;
	width:150px;
}
.fm_txt {
	font-weight:bold;
	text-align:right;
	width:30%;
}
.fm_txt_red {
	font-weight:bold;
	text-align:right;
	width:30%;
	color: red;
}
.fm_field {
	width:70%;
}
.fm_field_txt {
	font-weight:bold;
}
.fm_field_red {
	font-weight:bold;
	width: 70%;
	color: red;
}
.fm_field_center_title {
	text-align:center;
	font-weight:bold;
}
.fm_field_center {
	text-align:center;
}

.option_hi {
	background-color:#6699FF;
	color:#FFFFFF;
}
.controlpanel_singlebutton {
	margin:5px;
	text-align:center;
}

input, button, select, textarea
{
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 1em;
	font-style: normal;
	border: 1px solid #7f9db9;
}
.alias_text {
	padding-left: 3px;
	padding-right: 3px;
}

.bottom_border {
	border-top: 1px Solid Dimgray;
}

.readonly {
	color: gray;
	font-style: italic;
}

.projectLabel {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.publicities_add {text-align: center; font-weight: bold; height: 30px; vertical-align: middle;}
.publicities td.data {width: 10px; text-align: center; height: 40px; vertical-align: middle;}
/* MISCELLANEOUS */
.calendar_container {width:198px;}
.month_label {width:44px; text-align:center; text-transform:uppercase; background-color:Whitesmoke;}
.calendar_th {width:20px; height:20px; text-align:center; background-color:Whitesmoke; border:1px Solid Whitesmoke;}
.calendar {width:154px;}
.calendar td{width:20px; height:20px; text-align:center; background-color:#e7e7e7; cursor:default; border:1px Solid #e7e7e7; color:#000000;}
.calendar td.today {background-color:#333333; border:1px Solid transparent; color:#FFFFFF;}
.calendar td.hi {background-color:#6699FF; border:1px Solid #ffffff; color:#000000;}
.calendar td:hover {background-color:Whitesmoke; border:1px Solid Dimgray; color:#000000;}
.calendar td.null:hover {background-color:transparent;}/*#e7e7e7*/
.calendar .null {background-color:transparent;}

input.dp-applied {
	width: 140px;
	float: left;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 3px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
.soustitre{
	color:#800000;
}
.dateClass {
	margin-left: 2px;
	width: 70px !important;
}

img.ui-datepicker-trigger {
	vertical-align: middle;
	margin-left: 3px;
}

.ui-widget-header .prevYearButton {
	float: left;
}

.ui-widget-header .nextYearButton {
	float: right;
}

.ui-datepicker-calendar .ui-datepicker-today a.ui-state-highlight {
	background: Dimgray;
	color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-current-day a.ui-state-active {
	background: yellow;
	color: #000;
}

.ui-datepicker-calendar .ui-state-default:hover {
	background: red;
	color: #fff;
}

/* Grid */
.grid					{padding:5px; font-family:Verdana, Geneva, sans-serif; font-size:11px}
.grid table				{width:100%; border-right:1px solid #DBDBDB; background-image:url(/img/grd_bg.png); background-position:top; background-repeat:repeat-x}
.grid table.clean		{width:100%; border-right:0; background: none;}
.grid table.clean td	{padding-left:5px; color:#333; padding-top:5px; padding-bottom:5px; border: 0; vertical-align: middle;}
.grid .gdtitle			{height:22px; background-image:url(/img/grd_ttl_bg.png); background-position:top}
.grid .gdtitle td		{color:#000; white-space:nowrap; height:22px;  padding-top:0px; padding-bottom:0px; background-image:url(/img/grd_ttl_lft.png); background-position:top; border-bottom:none;  border-left:none; background-position:left; background-repeat:no-repeat }
.grid td				{padding-left:5px; color:#333; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB;vertical-align: middle;}
.grid .sorttd			{cursor:pointer; vertical-align: middle;}
.grid .zibrablk			{background-color:#F8F8F8}
.grid .highlight		{background-color:#FAFBDB}
.grid .trcustomer:hover			{background-color:#FFC}
.displayHover:hover			{background-color:#FFC}
.grid .tr_syncjobs:hover			{background-color:#FFC}
.grid .navi				{background-color:#E9E9E9; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:3px}
.grid .gnavbttnbox a	{text-decoration:none}
.grid .gnavbttnbox		{float:left}
.grid .boxclosed		{cursor:pointer;height:18px;background-image:url(/img/plusicon.gif); background-position:middle; background-position:center; background-repeat:no-repeat}
.grid .boxopen			{cursor:pointer;height:18px;background-image:url(/img/minusicon.gif); background-position:middle; background-position:center; background-repeat:no-repeat}
.grid .gnavsrchbox		{padding-right:5px; display:block; text-align:right}
.grid .gselector		{font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0px; margin:0px; }
.grid .gpagejump		{font-family:Verdana, Geneva, sans-serif; font-size:11px; height:12px; padding:0px; margin:0px; width:18px}
.grid .gsearch			{font-family:Verdana, Geneva, sans-serif; font-size:11px; width:100px; height:12px}
.grid .gbtn				{font-family:Verdana, Geneva, sans-serif; font-size:11px; width:61px !important; background-image:url(/img/grybtn.gif); background-position:top; background-color: transparent; margin:0px; vertical-align: middle; padding-right:5px; padding-left:0px; padding-top:0px; padding-bottom:0px; border:0px; height:18px}
.grid .selected			{background-color:#FF9}
.grid .tdDetail			{vertical-align: top;}
.grid .tdAlert			{color: red !important; font-weight: bold;}
.grid .tdWarning		{color: blue !important; font-weight: bold;}
.grid .tdCenter			{text-align: center;}
.grid .tdidentity_subgrid {padding:5px;}

table.identity_contact	{width: 1000px; text-align: center;}
table.identity_contact td.label {font-size:13px; font-weight:bold; width: 240px; height: 24px; vertical-align: middle;}
table.identity_contact td.data {font-size:12px; width: 250px; vertical-align: middle;}

.paddingLeft			{padding-left: 10px;}
.dragger {cursor: move;}