.railway{
}

.required_field300 {
  font-weight:bold;	
  color:#C70202;
  width:350px;
}

.length300 {
  width:350px;
}

/************* BUTTON ****************/
.button,
.button:link,
.button:visited,
.button:link:visited{
}

.button_img{
  padding-top:3px;
  padding-left:4px;
  padding-right:4px;
}

.button_shell{
  float:left;
  margin-right:4px;
  margin-left:4px;
  margin-bottom:5px;
}

.TitleBox{
  background-image:url("../images/help.png");
  background-position:5px;
  background-color:#F4E6D3;
  border-color:#CEC1AE;
}

.deck {
  width:auto;
  margin:0;
  padding:3px;
  border:dotted 2px #AC790C;
  background-color:#FFF7E7;
  margin-bottom:10px;
  margin-left:5px;
  float:left;  
}


.note_deck{
  padding:0;
  font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
  font-size:12px;
  margin-right:1px;
  float:left;
  border-radius: 6px;  
  border-bottom:solid 1px #BFC4C4;  
  border-left:solid 1px #BFC4C4;
  border-right:solid 1px #BFC4C4;  
}

.deckAdd{
  margin-left:3px;
}

.deck_header-left{
  color:#666666;
  font-size:12px;
  padding-left:3px;
  float:left;
}

.deck_postit_header-right,
.deck_postit_footer-right{
  color:#666666;
  font-size:12px;
  float:right;	
  right:2px;
  padding-right:1px;
  padding-top:1px !important;  
  padding-top:3px;
}

.deck_postit_footer-left{
  color:#666666;
  font-size:12px;
  padding-left:3px;
  float:left;
}

.deck_postit_text{
  border-top:solid 1px #BFC4C4;
  border-bottom:solid 1px #BFC4C4;  
  padding:2px;
  padding-top:2px;
  margin:0;
  overflow:hidden;
  color:black;
  z-index:15;
  font-size:8pt;
}

.deck_postit_id{
  color:#000000;
  font-family:Arial,Verdana,sans-serif;
  font-size:12px;
  float:left;  
  margin-left:4px;
}

.deck_item-footer{
  background-color:#DADBDC;
  height:17px;
  z-index:15;  
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}
.clearright{
  clear:right;
}

/************** TABLE DATA ******************/
.Table2Levels{
  margin:0;  
  margin-bottom:10px;
  border-spacing:0;
  border-top: 2px dotted #CDE7FF;  
  width:100%;
  border-left:2px dotted #CDE7FF;  
  border-right:2px dotted #CDE7FF;  
}
.Table2Levels td{
  margin:0;  
  line-height:1;    
  padding:10px;
  border-bottom: 2px dotted #CDE7FF;            
}

.Table2Levels th{
  margin:0;  
  line-height:1;    
  padding:10px;
  border-right: 2px dotted #CDE7FF;    
  border-bottom: 2px dotted #CDE7FF;    
  text-align:center;
  background-color:#CAE5FF;     
}

.Table2Levels .alt td{ background:#F0F8FF;}
.Table2Levels .alt2 td{ }

.Table2Levels .release_line { 
  border-top:2px dotted black;
  border-bottom:2px dotted #F5F5F5;
}

/**************** POSTIT *************/
.note{
  padding:0;
  position:absolute;
  cursor:pointer;
  font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
  font-size:12px;
  border-radius:8px 8px 0px 0px;
  box-shadow: 2px 2px 2px #888;  
  border-bottom:solid 1px #BFC4C4;
  border-left:solid 1px #BFC4C4;
  border-right:solid 1px #BFC4C4;
}

.note_static{
  padding:0;
  position:absolute;
  cursor:default;
  font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
  font-size:12px;
  border-radius:6px 6px 0px 0px;	
  border-bottom:solid 1px #BFC4C4;
  border-left:solid 1px #BFC4C4;
  border-right:solid 1px #BFC4C4;  
}

#fancy_content .note{	cursor:default; }

/* Each note has a data span, which holds its ID */
span.data{	display:none; }
span.delspan{	float:left; height:16px;	}
span.trashspan{	float:left; height:16px;	}
span.editspan{	float:left; height:16px;	 }

.item-footer{
  background-color:#DADBDC;
  height:17px;
}
.item-header{
  background-color:#DADBDC;
  height:17px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;  
}

.load2finish,
.postit_footer-right,
.usbv,
.task_load,
.postit_header-right{
	color:#666666;
	font-size:12px;
	position:absolute;
	right:2px;
	padding-right:1px;
    padding-top:1px !important;  
    padding-top:3px;	
}

.postit_footer-left{
	color:#666666;
	font-size:12px;
	position:absolute;
	left:2px;
}

.postit_id{
  color:#000000;
  font-family:Arial,Verdana,sans-serif;
  font-size:12px;
}

.text_body,
.postit_text_static,
.postit_text{
  border-top:solid 1px #BFC4C4;
  border-bottom:solid 1px #BFC4C4;  
  padding:2px;
  padding-top:2px;
  margin:0;
  overflow:hidden;
  color:black;
  font-size:8pt;  
}

.main{
  /* Contains all the ".PARAM_DB_PREFIX."kados_tasks and limits their movement: */
  margin:0 auto;
  padding:0;
  position:relative;
  z-index:1;
  float:left;
  border:0;
  margin-bottom:10px;       
}

.main_matrix{
	/* Contains all the ".PARAM_DB_PREFIX."kados_tasks and limits their movement: */
  margin:0 auto;
  padding:0;
  position:relative;
  margin-right:4px;
  z-index:1;
  float:left;
  border-radius: 15px;		
  margin-bottom:10px;
}

.sprintBacklog{
  float:left;
  border-right:solid 1px #324565;
  border-left:solid 1px #324565;  
  border-top:solid 1px #324565;
  border-bottom:dotted 1px #324565;  
  background-color:#FEFFF3;	
  margin-right:3px;
  background-color:#CDD9E6;
  background: -webkit-linear-gradient(top, #CDD9E6 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(#CDD9E6 0%,#FFFFFF 100%); /* W3C; A catch-all for everything else */  
  border-top-left-radius: 15px 10px;	
  border-top-right-radius: 15px 10px;	   
}

.col2Do{
  float: left;
  position:relative;
  border-right:solid 1px #324565;
  border-top:solid 1px #324565;
  border-bottom:dotted 1px grey;  
  background-color:#FEFFF3;	 
  border-top-left-radius: 15px 10px;	
  border-top-right-radius: 15px 10px;	    
  background-color:#FFEECA;
  background: -webkit-linear-gradient(top, #FFEECA 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(#FFEECA 0%,#FFFFFF 100%); /* W3C; A catch-all for everything else */   
}

.col2DoFirst{
  float: left;
  position:relative;
  border-right:solid 1px #324565;
  border-left:solid 1px #324565;
  border-top:solid 1px #324565;
  border-bottom:dotted 1px grey;  
  background-color:#FEFFF3; 
  border-top-left-radius: 15px 10px;	
  border-top-right-radius: 15px 10px;	    
  background-color:#FFEECA;
  background: -webkit-linear-gradient(top, #FFEECA 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: linear-gradient(#FFEECA 0%,#FFFFFF 100%); /* W3C; A catch-all for everything else */    
}

.sprintBacklog .colHeader
{
  float: left;
  height:22px;
  font-size:13pt;
  text-align:center;
  background-color:#EBEEF0;
  border-top-left-radius: 15px 10px;	
  border-top-right-radius: 15px 10px;	 
}

.col2Do .colHeader,
.col2DoFirst .colHeader{
  float: left;
  position:relative;
  height:22px;
  font-size:13pt;
  text-align:center;
  border-top-left-radius: 15px 10px;	
  border-top-right-radius: 15px 10px;	        	    
  background:#EBEEF0;
}

.sprintBacklog .colHeader a,
.col2Do .colHeader a,
.col2DoFirst .colHeader a{
	font-size:13pt;
	color:navy;
}

h3.popupTitle{
	border-bottom:1px solid #DDDDDD;
	color:#666666;
	font-size:15pt;
	font-weight:normal;
	padding:0 0 5px;
	margin:0;
        white-space: nowrap;
}

#noteData{
	/* The input form in the pop-up: */
	margin:10px 0 0 0;
	min-height:200px;
}

.colorDisplay{
  /* The color swatches in the form: */
  height:10px;
  margin:0;
  width:10px;
  cursor:default;	
  border-bottom:solid 1px #BFC4C4;
  border-left:solid 1px #BFC4C4;
  border-right:solid 1px #BFC4C4;  
}

.color{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	height:10px;
	margin:0;
	width:10px;
	margin-left:6px;
	margin-bottom:6px;
  border-bottom:solid 1px #BFC4C4;
  border-left:solid 1px #BFC4C4;
  border-right:solid 1px #BFC4C4;        
}


/* The styles below are only necessary for the demo page */

h1{
	background:#f0f0f0;
	border-bottom:1px solid #eaeaea;
	font-size:16pt;
	font-weight:normal;
	margin-bottom:5px;
	padding:5px;
	text-align:center;
}


.bloc-header{
padding:0;
margin:0;
padding-top:1px;padding-left:3px;
height:16px;
}
    
.ulbtn{ }

.masterItemType,
.hidden-pathBase,
.hidden-targetFile,
.hidden-allowUpdate,
.item-status,
.hidden-updateStatusField,
.colorList,
.xInitDefaultPosition,
.hidden-title_displayed,
.dashboardType,
.itemType,
.columnWidth,
.itemWidth,
.hidden-status,
.hidden-item,
.hidden-parent_id,
.hidden-itemId{
  display:none;
}

.add_task_button{
  position:absolute;
  background-color: #FAF3E9;
  border-bottom:solid 1px #9D896A;
  padding-top:2px;
  padding-left:8px;
  box-sizing:border-box;
}

#ui-datepicker-div{
  z-index:5000;
}

.pr-us_complexity,
.pr-task_load,
.pr-load_spent,
.pr-load2finish,
.pr-usbv{
  text-align:right;
}

.colorBlock{
  position:absolute;
}

.colorTitle{
  font-weight:bold;
  margin-bottom:4px;
}

.colorTitleFilter{
  font-size:8pt;
  margin-top:3px;
  margin-bottom:1px;
  float:left;
}

.colorFilter{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	height:10px;
	margin:0;
	width:10px;
	margin-left:6px;
	margin-top:2px;
  border-bottom:solid 1px #BFC4C4;
  border-left:solid 1px #BFC4C4;
  border-right:solid 1px #BFC4C4;        
}

.resetFilter{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	margin:0;
	margin-right:3px;
	margin-left:3px;
	margin-top:2px;
}

.resetFilterSelect{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	margin:0;
	margin-right:3px;
	margin-left:3px;
	margin-top:1px;
}


.postit_text_over{
  position:absolute;
  font-size:28pt;
  font-family:Arial;
  top:60px;
}

.note_mini{
	padding:0;
	cursor:default;
	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
	font-size:10pt;
}


.mini-right{
	color:#666666;
	position:relative;
	right:2px;
	float:right;
	padding-right:3px;
    padding-top:1px !important;  
    padding-top:3px;	
}

.mini-left{
	color:#666666;
	padding-left:3px;
    padding-top:1px !important;  
    padding-top:3px;	
}


.mini-text{
  padding:0;
  margin:0;
  padding-bottom:6px;
  overflow:auto;
  color:black;
  text-align:center;
}

.railway_release{
  margin-top:-8px;
  margin-bottom:8px;
  border-top:solid 1px black;
  border-bottom:solid 1px black;  
  padding-top:3px;
  padding-bottom:3px;
  background-color:#BEB1A0;
  padding-left:5px;
}

.railway_release a{
  color:#FFFFFF;
  font-weight:bold;
  font-size:10pt;
}

.railway_release img{
  margin-bottom:-5px;
}
.firstColumnInfo{
  position:absolute;
  font-size:20pt;
}

.selectColumnsTitle{
  padding:3px;
  width:200px;
  margin:0;
  text-align:center;
  border-top:solid 1px #DBDBDB;
  background-color:#F0E8DC;
  color:black;
  padding-bottom:6px;
  margin-left:10px;
  border-radius: 25px 25px 0px 0px;
}

.block3{
  width:39%;
  float:left;
  padding-right:15px;  
}

.block4{
  width:59%;
  float:left;
}

.fullBorder{
  border:solid 1px black;
}

.deletedUs{
  background-color:#FF8474;
}

.lines td{
  border-bottom:solid 1px black;
}

.neutral{
	border:solid #121538;	
	border-width:3px 1px 1px 1px;
  } 

.upper_infos{
}  
  
.upper_infos_issue,  
.upper_infos_us{
  position:absolute;
  top:-31px;
  height:28px;
  width:40px;
  padding-top:3px;
  background:url('../images/app/alert_buble.png') no-repeat;
  cursor:default;
  text-align:center;
  vertical-align:middle;
}  

.invisible{
  border-width:0;
}

.parent_zone{
  position:absolute;
  left:5px;
  top:-21px;
  height:16px;
  width:auto;
  cursor:default;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #88918B;
  border-bottom:0;
  background:url('../images/app/arrow_up.png') no-repeat;  
  background-position:2px 2px;
  padding-left:15px;
  padding-right:5px;
  background-color:#FFFFDD;  
  color:black;
  border-radius: 5px 0 0 0;    
}  

.warning_zone{
  position:absolute;
  right:5px;
  top:-20px;
  height:14px;
  padding-top:2px;
  width:64px;
  cursor:default;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #88918B;
  border-bottom:0;
  background-color:#FFFFDD;  
  border-radius: 0 5px 0 0;    
}  

.ui-resizable-helper { border: 2px dotted #00F; }
   
.invisibleTable td,
.invisibleTable{
  border:0;
  padding:0;
  padding-bottom:1px;
  margin:0;
}

/**************** TAG ************************/
.tag-zone{
  position:absolute;
  height:16px;
  width:auto;
  cursor:default;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #88918B;
  padding-right:5px;
  color:navy;
  padding-left:2px;
  white-space:nowrap;
}  


.tag-zone-out{
  position:absolute;
  height:16px;
  width:8px;
  cursor:default;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #88918B;
  padding:0;
}  

.tag-zone-add{
  position:absolute;
  height:15px;
  width:14px;
  padding:0;
  margin:0;
  padding-top:2px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #CAB9A0;
  border-left:0;  
  background-color:white;
  border-radius: 0 3px 3px 0;
}  


.tag-list{
  position:absolute;
  height:auto;
  padding:0;
  margin:0;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #CAB9A0;
  background-color:#FFFFFF;
  border-radius: 0 3px 3px 0;
  white-space:nowrap;
}  

/********************** COMMENT *****************/
.new-comment-zone{
  position:absolute;
  height:12px;
  width:12px;
  padding:0;
  margin:0;
  border:0;
  background:none;
}

.comment-zone{
  position:absolute;
  height:28px;
  width:14px;
  padding:0;
  margin:0;
  padding-top:2px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #CAB9A0;
  border-right:0;
  background-color:white;
  border-radius: 3px 0 0 3px;
}  

.comment-counter-zone{
  position:absolute;
  padding:0;
  margin:0;
  text-align:center;
  font-size:8pt;
}  

.trash-comment-zone{
  position:relative;
  height:28px;
  width:14px;
  padding:0;
  margin:0;
  padding-top:2px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #CAB9A0;
  border-right:0;
  background-color:white;
  border-radius: 3px 0 0 3px;
}  

/******* RELATIONSHIP ***************/

.relationship-zone{
  position:absolute;
  height:28px;
  width:14px;
  padding:0;
  margin:0;
  padding-top:2px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #CAB9A0;
  border-right:0;
  background-color:white;
  border-radius: 3px 0 0 3px;
}  

.relationship-counter-zone{
  position:absolute;
  padding:0;
  margin:0;
  text-align:center;
  font-size:8pt;
}  




.hidden-div{
  display:none;
}

.user-list{
  position:absolute;
  height:auto;
  padding:0;
  margin:0;
  padding:1px;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #88918B;
  background-color:#FFFFFF;
  border-radius:3px;
}  

.postit_footer-center2{
  position:absolute;
  padding:0;
  margin:0;
  text-align:center;
  vertical-align:middle;
}  

.tagBlockFilter,
.colorBlockFilter,
.search_textBlockFilter,
.stakeholderBlockFilter,
.usStatusBlockFilter,
.featureBlockFilter{
  float:left;
  background-color:#F0E8DC;
  padding:2px;
  margin-left:5px;
  margin-bottom:3px;
  font-size:11px;
  height:18px;
  border-left:solid 5px #C7AD86;
}

.inputSearchFilter{
  font-size:7pt;   
  border:0;
}

.activeFilter{
  border-left:solid 5px red; 
  background-color:#FFE1E6;
}
/*
.tagBlockFilter{
  float:left;
  padding:2px;
  margin-left:3px;
  margin-bottom:3px;
}*/

.tag-filter{
  width:auto;
  font-size:8pt;
  cursor:default;
  text-align:center;
  border:solid 1px #88918B;
  border-left:0;
  padding:0;
  padding-right:5px;
  padding-left:2px;
  white-space:nowrap;
  float:left;
  margin-right:3px;
}  


.blockGap{
  padding-top:24px;  
}

#menu{
  background-color:#FFFFFF;
  height:23px;
}

#menu.floatable {
  position: fixed;
  width:100%;
  z-index:50000000000000;
} 

.attachments-list{
  height:auto;
  padding:0;
  margin:0;
  padding:5px;
}  

.tasks_list_block{
  margin:5px;
  border:solid 1px gray;
}

.tasks_list_item{
  padding:3px;
  border-top:dotted 1px gray;
}

.dashboardName{
   padding-top:2px;  
   font-weight:bold;
   padding-left:10px;
   color:#9D0500;
}

.filter_select option{
  color:black;
  font-style:normal;
  font-size:8pt;
}

.text_quit{
  color:#FFFFFF;  
}

.link_flag,
.link_flag:hover,
.link_flag:visited{
  color:#FFFFFF;
  padding-top:2px;
  padding-right:5px;
  text-decoration:none;
}

.stakeholderFormMini{
  background-color: #FAFAFA;
  float:left;
  margin:5px;
  border:solid 1px #dedede;
}

.soft{
font-size:8pt; 
color:grey;
font-style:italic;
}

.commentLine{
  border:solid 1px lightgrey;
  margin-top:10px;
  border-left:solid 5px #ACACAC;
  border-radius:5px;
  background-color: white;
}
.commentAuthorBox{
  margin-bottom:4px;
  width:100%;
  background-color:#f4f4f4;
  /*border-bottom:solid 1px #D0D0D0;*/
  padding-top:4px;
  padding-bottom:4px;
  border-radius:0 5px 0 0;
}

.commentAuthor{
  font-size:10pt;
  font-weight:bold;
  color:#D09535;
  padding-left:5px;
}

.commentDate{
 font-size:7pt;   
 color:#38566f;   
 margin-top:10px;
 float:right;
 padding:3px;
}

.commentText{
  font-size:10pt;  
  padding:5px;
}

.newCommentUser{
   border-left:solid 5px #CA0000; 
}

.newComment{
   border-left:solid 5px #7F0C8F; 
}

.hightlightUserName{
  color:navy;  
  background-color:#F2F2F2;
  border-radius:8px;
  padding-left:4px;
  padding-right:4px;
}

/****** UPLOAD BUTTON ***********/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file_list_item{
  font-style:italic;
  background: url('../images/app/file.png') no-repeat;  
  padding-left:16px;
  background-position: 0 2px;
}

.thumbnailBox{
  padding:5px;
  border:solid 2px grey;
  background-color:#EBEEF0;
  margin:5px;
  float:left;
  height:170px;
  text-align:center;
}

.attachmentFileText{
  font-size:10pt;  
  text-align:center;
}

.colHeader.floatable {
   border-top:solid 2px #BDBFC1;
   border-bottom:solid 2px #BDBFC1;
   z-index:99999999;
}

.hidden-column{
  position:absolute;
  right:-11px;
  top:-20px;
}

.column-list{
  position:absolute;
  height:auto;
  padding:5px;
  margin:0;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #88918B;
  background-color:#FFFFFF;
  border-radius:3px;    
  top:18px;
  left:10px;
  z-index:9999999;
  display:none;
}

.hide-button{
  position:absolute;
  z-index:9999999;
  right:8px;
  top:2px;
}

.checkUsType{
  padding:3px;
  border:solid 1px grey;
}

.graphZoneZoom{
  position:absolute;
  border:dotted 1px #DDDDDD;
  opacity:0.15;
}

.bubbleTip{
  background-color: white;
  border:dotted 1px black;
  text-align:left;
  width:200px;
  max-height:120px;
  padding:5px;
  visibility:hidden;
  position:inherit;
  left:25px;
  top:-30px;
  z-index:99999999;
}

.ui-dialog .ui-resizable-se {
    right:0 !important;
    bottom:0 !important;
    background-position: -64px -224px !important;
}

.buttonsRow{
  margin-top:5px;  
  margin-bottom:3px;
}

.username{
  float:right;
  padding:0;
  margin:0;
  margin-right:5px;
  color:black;
  padding-top:3px;  
}

#link_user{
  float:right;   
  padding-top:3px;  
  margin-right:5px;  
  cursor: pointer;
  height:23px;
}

#link_admin{
  float:right; 
  padding-top:3px; 
  margin-right:5px;  
  cursor: pointer;
  height:23px;
}

#menu_admin{
  position:absolute;  
  background-color: #F0E8DC;
  right:0px;
  white-space: nowrap;
  padding:10px;
  line-height:20px;
  border:solid 1px #D0C9BF;
  border-top:0;
}

#menu_user{
  position:absolute;  
  background-color: #F0E8DC;
  right:20px;
  white-space: nowrap;
  padding:10px;
  line-height:20px;
  border:solid 1px #D0C9BF;
  border-top:0;
}

.menu_level2{
  background-color: #FFF9F0;
  white-space: nowrap;
  padding:10px;
  padding-left:2px;
  line-height:20px;
  border:solid 1px #D0C9BF;
  border-top:solid 1px #FFF9F0;
  border-radius:0px 0px 6px 6px;
  margin-top:-1px;
}

.logo_title{
  float:left;  
}

.search_msg{
   margin-left:15px;
   color:darkred;
   font-weight:bold;   
}

.choice_color{
  background-color: #F0E8DC;
  white-space: nowrap;
  padding:5px;
  border:solid 1px #D0C9BF;
}

.commentsButtonHome{
  text-decoration:underline;
  font-weight:bold;
  cursor: pointer;  
}


/* HACK autocomplete */
ul.ui-autocomplete.ui-menu li{
  background-color:white;  
}