/*
Projet: 	PushProjects
Copyright: 	Pascal Bruyez (July 2003)
All rights reserved
You cannot modify or use in any form this file without authorisation from Pascal Bruyez.
For any information, send e-mail to: pascal.bruyez@free.fr
*/

/* ------------ redefinition des styles globaux pour tout le site ------------------ */
body {
	font:11px Verdana, sans-serif;
	letter-spacing:0px;
	color:#333;
	background-color:#fff;
	margin:0;
	padding:0;
}
h3 {
	padding: 4px 0;
}
#page {
	width:100%;
}
#wrapper {
	height:400px;
	width:100%;
	position: relative;
}
#sidebar {
	width:200px;
	float:left;
}
#bloc_left {
  /* position: relative; */
	float: left;
	border: 0px solid #EFF4FA;
	margin: 1em 0 1em 1em;
	padding: 0px 0 0 10px;
	/* width: 210px; */
}
#bloc_left h2 {
	margin: 0 0 5px 0;
}

.bloc_centre {
  float: left;
  padding: 0px;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  width: 100%; /* 600px; */
}
.bloc_centre p {
  margin: 5px 0;
  font-size: larger;
}
.bloc_centre.notepad {
	margin: 0px 0 0 10px;
	font-family: Courrier, sans-serif; 
	font-size: 11px;
	overflow: auto;
	width: 90%;
}
.bloc_centre.notepad p {
	padding: 2px 0 5px 2px 0;
}
.bloc_centre.notepad pre {
  font-family: Courrier, sans-serif, monospace, serif; 
  font-size: 13px; 
  margin: 0;
}

#bloc_left_admin {
  float: left;
  border: 1px solid #EFF4FA;
  padding: 5px;
  margin-left: 5px;
  /* width: 210px; */
}
#content {
	top: 105px; 
	width: 100%;
	border: 0px solid #6699CC;
	padding: 1em;
	background-color:#F8FBFC;
	z-index: 1;
}
#bloc_right {
/*  position: relative; */
  float: right;
  border: 1px solid #EFF4FA;
  padding: 0 0 20px 20px;
  width: 200px;
}
html>body #bloc_right {
/*  !position: fixed; */
}

.navbuttons li a {text-decoration: none; }

table, select {
	font:11px Verdana, sans-serif;
}

/* ------- classes de style du tableau class='list' */
table.list {
  border-collapse: collapse;
  border: 1px dotted #6699CC;
  /* background: none #EEEEEE; */
  background-color: white;
  font-size: 10px;
}
table.list_old th {
  color: #336699;
  border: 1px dotted #6699CC;
  text-align: center;
  background: none #F5F8FC;
  vertical-align: middle;
  font-size: 12px;
}
table.list th {
    font-size: 		12px;
    color:          #369;
    background:     #f3f3f3;
    padding: 4px 0 4px 0;
    margin: 0 2px 0 2px;
    /* background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc); */
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
}
table.list td { border: 1px solid #FFFFFF; padding: 2px 0 2px 4px;}
table.list tr.odd { background: none #FFFFFF; }
table.list tr.even { background: none #EEEEEE; }
table.list td.odd { background: none #EEEEEE; }
table.list td.even { background: none #EEEEEE; }
table.list th.week {font-size: 10px; color: #FFFFFF} 
table.list td.week {font-size: 10px; color: #000000}

table.list a {font-size: 10px;} 
table.list a:link {text-decoration: none;} 
table.list a:visited {text-decoration: none;} 
table.list a:hover {text-decoration: none;} 
table.list a:active {text-decoration: none;} 

/* ------- classes de style du tableau class='planning' */
table.planning {
  border-collapse: collapse;
  border: 1px dotted #6699CC;
  background: none #EEEEEE;
  font-size: 10px;
}
table.planning tr:nth-child(even) {background-color: #F5F8FC;} 
table.planning tr:nth-child(odd) {background-color: #FFFFFF;} 
table.planning tr:hover {background-color: #c5e2fb;} 
table.planning th {color: #336699; border: 1px dotted #6699CC; text-align: center; background: none #F5F8FC; vertical-align: middle; font-size: 12px; }
table.planning td { border-right: 1px dotted #BBB;}
table.planning td.odd { border-left-width: 0px; border-right: 1px dotted #BBB; }
table.planning td.worked { border-left-width: 0px; border-right: 1px dotted #BBB; }
table.planning th.week {font-size: 10px; color: #336699} 
table.planning th.day {font-size: 8px; color: #336699;} 
table.planning td.week {font-size: 10px; color: #000000; border-right: 0px;}
table.planning td.month {font-size: 10px; color: #000000;}
table.planning a {font-size: 10px;} 
table.planning a:link {text-decoration: none;} 
table.planning a:visited {text-decoration: none;} 
table.planning a:hover {text-decoration: none;} 
table.planning a:active {text-decoration: none;} 

/* ------- classes de style de tag particuliers  */
td.whiteCell {background: none #FFFFFF;}
td.blueCell {background: #EEEEEE;}
td.blueCellBold {background: #EEEEEE; font-weight: bold; padding: 5px;}
tr.un_pixel {height:1px; line-height: 1px;}
td.un_pixel_transparent {line-height: 0px; padding:0px; background: none #FFFFFF;}

button {
	display:inline;
	vertical-align:middle;
}
button.mult_submit {
	background-color:transparent;
	border:medium none;
}
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color:-moz-buttonhoverface;
	color:-moz-buttonhovertext;
}

/* ------------  classes de style (class= ...) ------------------ */

.smallfont {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 
}
.flat {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #EEEEEE; 
	border: #778899 1px solid; 
	color: #000000; 
	padding: 0px 0px 0px 3px; 
	overflow: auto; 
	width: auto;
}
.flat_noborder {
	border: 0px; margin:0; text-align:right; padding-right:2px; padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	
}
.popUpStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
	background-color: #FFFF99;	border: #CCCC00 1px solid;
	layer-background-color: #FFFF99; width: 140px;
	padding: 5px; position: absolute; visibility: hidden
}

.link1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666699} 
.link1 a:link {text-decoration: none; color: #666699; } 
.link1 a:visited {text-decoration: none; color: #666699; } 
.link1 a:hover {color: #666699; text-decoration: underline overline} 
.link1 a:active {color: #666699; text-decoration: none} 

.link2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} 
.link2 a:link {text-decoration: none;} 
.link2 a:visited {text-decoration: none;} 
.link2 a:hover {text-decoration: none;} 
.link2 a:active {text-decoration: none;} 

.link2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} 
.link2 a:link {text-decoration: none;} 
.link2 a:visited {text-decoration: none;} 
.link2 a:hover {text-decoration: none;} 
.link2 a:active {text-decoration: none;} 

.Separator {
	BACKGROUND-COLOR: #808080
}
.selectedTab {
	FONT-SIZE: 10px; FONT-WEIGHT: bold; color: #FFFFFF; BACKGROUND-COLOR: #94aad6;
	padding-left: 2px; 
}
.th_pda {font-size: 9px; color: White; background-color: #94AAD6;  text-align: left;  } 
.label_pda {font-size: 9px; background-color: #efefef; text-align: right; padding-right: 2px;} 
.box_bottom {
	font-size: 9px;
	border: 1px solid #94AAD6;
	border-left-style: none; border-right-style: none; border-top-style: none;
}
.normalTab {FONT-SIZE: 10px; BACKGROUND-COLOR: #efefef; TEXT-DECORATION: none;
			padding-left: 2px; }
A.normalTab:link {FONT-SIZE: 10px; BACKGROUND-COLOR: #efefef; TEXT-DECORATION: none;}
A.normalTab:visited {FONT-SIZE: 10px; BACKGROUND-COLOR: #efefef; TEXT-DECORATION: none;}

/* une couleur par statut du projet ou pour le membre identifie pour reperer ses projets */
.project_created {background-color: #EEEEEE; }
.project_waiting {background-color: #F0D111; }
.project_waiting_customer {background-color: #F0D111; }
.project_valid {background-color: #BDD6FB; }
.project_valid_customer {background-color: #BDD6FB; }
.project_started {background-color: #CCFFCC; }
.project_finished {background-color: #316AC5; color: #FFFFFF; }
.project_archived {background-color: #FFCC99; }
.project_stored {background-color: #FFCC99; }
.project_stopped {background-color: #FFCC99; }
.project_deleted {background-color: #FF0000; }
.project_pilote {background-color:#BDD6FB; color:#000000; }
.project_default {background-color:#EEEEEE; color:#000000; }
.project_charge_real {font-size: 10px; color: #FF0000}
.project_charge_prev {font-size: 10px; color: #FF0000;}

#banner_top {
	background-color:#FF6600;
	border-bottom:3px solid #FF3300;
	color:#FFFFFF;
	font-weight:bold;
	font-size:24px;
	padding:7px;
	text-align:left;
	text-shadow:1px 1px 1px #444444;
	height:30px;
	margin:0;
}

#banner_top a {
	text-decoration:none;
	color:#FFFFFF;
}
/* ------------  styles des identifiants (id=...) ------------------ */
#header {
	position: relative;
	background:#fff url(/images/top_gradient.gif) repeat-x top left;
	height:50px;
	padding-left: 5px;
}
#header div#login {
	position: absolute;
	margin: 5px 0 0 0;
	padding:0;
	right: 1em;
	color:#666666;
}
#header div#login a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#header div#login a:hover {
	color:#E98F00;
	text-decoration:underline;
}
#header div#dates {
	position: absolute;
	top: 3em;
  	left: 1em;
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

/*  ----- merci http://marcarea.com/code/css/menu/menu01test.html ----- */
#menuDiv {
	height: 29px;
	background: #3B4E77;
	margin: 0;
}
html>body #menuDiv {
  /* position: fixed; */
}
#menuDiv h2 {
	border-color:#FF9900;
	border-style:solid;
	border-width:0 0 3px;
	font-size:medium;
	font-weight:700;
	margin:0;
	padding-left:0;
	text-transform:uppercase;
}
#menuDiv ul {
/*	margin-bottom:1.5em;
	margin-top:0.5em; */
	
}
#menuDiv li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#menuDiv a {
	background-color:transparent;
	color:#FF6600;
	display:block;
	font-weight:700;
	margin-left:-3em;
	padding-left:1em;
	text-decoration:none;
}
#menuDiv a:hover {
	background-color:#FFECCE;
	color:#FF6600;
}
#menuPrincipal
{
	/* width: 100%;*/
	height: 24px; 
	list-style-type: none;
	font-size:12px;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0px; 
	left: 0;
	z-index:99;
}
#menuPrincipal li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuPrincipal li a:link, #menuPrincipal li a:visited
{
	display: block;
	height: 19px;
	color: #FFF;
	background: #3B4E77;
	margin: 0;
	padding: 5px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuPrincipal li a:hover { background-color: #FF6600; }
#menuPrincipal li a:active { background-color: #5F879D; }

#menuPrincipal .sousMenu
{
	display: none; 
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuPrincipal .sousMenu li
{
	/* float: none; */
	margin: 0;
	padding: 0;
	border: 0;
	width: 298px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuPrincipal .sousMenu li a:link, #menuPrincipal .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("/images/fondTR.png") repeat;
}
#menuPrincipal .sousMenu li a:hover
{
	background-image: none;
	background-color: #FF6600;
}
#menuPrincipal li:hover > .sousMenu { display: block; }

/* --------------------- Clients / Sprints / Projets  -------------------------- */
#sprints_projects {height: 70px; float: left; }
#sprints {float: left; }
#projects {
	float: left; 
	height: 36px; 
	font-size: 12px;
	margin: 2px 0 0 5px;
	padding: 8px 8px 0 9px;
	background: #F2F2F2;
	border-radius: 5px;
	}
#projects .label_project {
	display: block;
	float: left;	
	padding: 7px 5px 0 0;
	}
#projects .flat {
	margin: 6px 0 0 0;
	}
#more_options {
	float: left;
	padding: 7px 11px;
	margin-bottom: 5px;
	position: relative;
	background: #EBEBEB;
}
#more_options h3 {
	margin: 0;
}

/* ----------------------- Navigation des clients et sprints ---------------- */
.nav-sprints {
	height: 36px;
	margin: 3px 0 0 0;
	list-style: none;
	display: block;
	background: #F2F2F2;
	border-radius:5px;
	padding: 5px 5px 2px 5px;
	/* border-radius:15px; */
	/* background-color: #0A99C2; */ 
}
.nav-sprints > li {
	float: left;
	padding: 0;
	padding: 8px 0 0 0;
}
.nav-sprints > li > a {
	background: none;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	margin: 0;
	padding: 7px 10px 11px 10px;
	height: 22px; 
	min-width: 50px;
	color: #373737;
	text-decoration: none; 
	font-weight: bold; 
}
.nav-sprints > li > a:hover {
	text-decoration: none;
	background-color: #2488A9;
	color:#FFFFFF;
}
.nav-sprints .active > a, .nav-sprints .active > a:hover {
	color: white;
	background-color: #0a99c2;
	text-shadow: 1px 1px 2px black;
}
/* --------------------- Compteur de temps -------------------------- */
.counterHolder {
	font: 30px/1 'Open Sans Condensed',sans-serif;
	text-align:center;
	letter-spacing:-3px;
	position: absolute;
	top: 10px;
	right: 0;
	padding: 5px;
background: #F2F2F2;
border-radius: 5px;
}
.imgState { 
    background-image: url(/images/pause-x44.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 41px;
    height: 44px;
    border: 0px;

}
.imgState:hover{ 
      background-position:  0px +2px;
}	
.imgState:active{
      background-position:  0px +4px;
}
.imgStateTerminer { 
    background-image: url(/images/terminer-41x44.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 41px;
    height: 44px;
    border: 0px;

}
.imgStateTerminer:hover{ 
      background-position:  0px +2px;
}	
.imgStateTerminer:active{
      background-position:  0px +4px;
}		

.digit {
	display:block;
	width:45px;
	background-color:#e5e5e5;
	border-radius:0.2em;
	text-align:center;
	color:#42abff;
	letter-spacing:-1px;
}
.digit.static {
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
	
	background-image: linear-gradient(bottom, #e5e5e5 50%, #f6f6f6 50%);
	background-image: -o-linear-gradient(bottom, #e5e5e5 50%, #f6f6f6 50%);
	background-image: -moz-linear-gradient(bottom, #e5e5e5 50%, #f6f6f6 50%);
	background-image: -webkit-linear-gradient(bottom, #e5e5e5 50%, #f6f6f6 50%);
	background-image: -ms-linear-gradient(bottom, #e5e5e5 50%, #f6f6f6 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #e5e5e5),
		color-stop(0.5, #f6f6f6)
	);
	font-size: 30px;
}


/* -------------------------- Divers ---------------------- */
div#criteriums {
	padding-left: 5px;	
}
div#criteriums td {
	font-size: small;
	color: #666666;
}
.clear {
	clear:both;
}
.text-right {text-align: right;}
.text-left {text-align: left;}

.code {
	padding: 0.5em; 
	margin-top: 0px; 
	font-family: monospace, serif; 
	font-size: 11px; 
	border: 1px dashed rgb(140, 172, 187); 
	color: rgb(0, 0, 0); 
	overflow: auto; 
	background-color: rgb(247, 249, 250); 
	text-align: justify; 
}
.input_error {
	color: red;
	font-weight: bold;
}
#message {
	margin: 0 auto;
	text-align: center;
}

a.tooltip{
    display: inline;
    position: relative;
}

/* ------------  styles relatifs a jQuery ------------------ */
.dlg-no-title .ui-dialog-titlebar {
	display: none;
}
#display_hide {
	background: url(/images/minus.gif) no-repeat; 
	width: 14px;
	height: 14px;
	display: inline-block;
	margin: 0 0 -3 0;
}

.editable_date:hover {
  cursor: text;
  background-color: #add8e6;
}

.editable_date form {
  display: inline-block;
}

.editable_date input {
  width: 80px;
}

.center_xy {
   height: 80px;
   left: 50%;
   margin-top: -40px;
   margin-left: -40px;
   position: absolute;
   top: 50%;
   width: 80px;
}