/* column for period */
.perInf /*capacityEstimatedPeriodInfo*/
{
    font-size: 10px;
    color: #336666;
    font-weight: normal;
}

.colPer { padding: 8px 2px; width: 55px; }
/* columns properties*/
.fieldColumn{}       
.fieldColumnText
{
    background-color: rgb(248,248,255) /* ghostWhite */ ;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 2px;
    color: black;
    font-size: smaller;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
} 

.colField { height:30px; }
/* column project name*/

.colProjectName { width: 300px; min-width:300px; }
.colDateExt { width: 85px; min-width:85px; }
.colUpdBy { width: 100px; min-width:100px; }


/*Styles for projects pages*/
/* redefined styles for outerTable*/	
.projectsOuterTable{}
.projectsOuterTable td
{ 
    padding-top: 3px;
    padding-bottom: 3px;
}
.projectsOuterTable .aRow{ /*background-color:White;*/}
.projectsOuterTable .tRow{}
.projectsOuterTable .fRow{}   
.projectsOuterTable .hRow{}

    
    
/* control for innter table on search project page*/
.subPrTbl
{        
	border-width:1px;
	border-style:solid;
	border-color:Black; 
	margin-top:2px;
	margin-bottom:10px;  
}
.subPrTbl td {
    padding-top: 3px;
    padding-bottom: 3px;
}    
.subPrTbl .aRow{/* border:none;*/}
.subPrTbl .tRow{/* border:none;*/}
.subPrTbl .fRow{ background-color: lightgray; height: 40px;}
.subPrTbl .hRow{}


.collapsedTbl  /* offset of collapsable table */
{  
   position:relative;
   left:58px;
}

.searchProjectNameTitle
{
	padding-left:5px;
	width:160px;
}
	
.searchProjectNameText
{
	width:240px;
}

.searchProjectPanel{}

.projectStatus
{    
    padding:4px 0;
    border-radius:5px;    
    width:240px;
    text-align:center;
}  
    
.colTitle
{
    display: inline-block;
    width: 160px;
}

.colData
{
    display: inline-block;
    width:240px;
}
  

.capacitySelectPeriod{}
    
.capacityPeriodInfo
{
    font-family: monospace;
    font-size:11px;
}
   
   
/*plannedTasksOverview*/
.plannedTasksOverview{}    
.plannedTasksOverview td{}
.plannedTasksOverview .aRow{  background-color : rgb(245,222,179) /* Wheat */; }
.plannedTasksOverview .tRow{  background-color : rgb(245,222,179) /* Wheat */; }
.plannedTasksOverview .fRow{}    
.plannedTasksOverview .hRow{}


/* Inner plannedTasksOverview */
.plannedTasksOverviewInner{}   
.plannedTasksOverviewInner td{/* font-size:smaller;  */}
.plannedTasksOverviewInner .aRow{ background-color :rgb(248,248,255); }
.plannedTasksOverviewInner .tRow{ background-color:White}
.plannedTasksOverviewInner .fRow{}    
.plannedTasksOverviewInner .hRow
{
    visibility:collapse;
    border:none;
}


/* control for shiftProjectsOverview table*/
.shiftProjectsOverview{}
.shiftProjectsOverview td {}
.shiftProjectsOverview .aRow{}
.shiftProjectsOverview .tRow{}
.shiftProjectsOverview .fRow{}
.shiftProjectsOverview .hRow{}

    
/* Fill competence table */    
.fillCompetenceTable {}    
.fillCompetenceTable td {}
.fillCompetenceTable .aRow{}
.fillCompetenceTable .tRow{}
.fillCompetenceTable .fRow{}   
.fillCompetenceTable .hRow{}


/*statusOverviewTable*/
.statusOverviewTable{}    
.statusOverviewTable td{}
.statusOverviewTable .aRow{}
.statusOverviewTable .tRow{}
.statusOverviewTable .fRow{}   
.statusOverviewTable .hRow{}


/*plannedProjectOverview*/
.plannedProjectOverview{}
.plannedProjectOverview td{ vertical-align:top; }
.plannedProjectOverview th{ border-color: Black; }
.plannedProjectOverview .aRow{ background-color : White;}
.plannedProjectOverview .tRow{}
.plannedProjectOverview .fRow{}    
.plannedProjectOverview .hRow{}



.dCol
{
    display:block;
    width:170px;    
}

.weekend
{
    color:Yellow;
}

.dName
{
    display:block;
    width:180px;        
}


.dTotal
{
    display:block;
    width:120px;    
}

.roster
{
    background-color: gold;
    border-color: darkSeaGreen;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-family: verdana;
    font-size: 10px;
    height: 30px;
    margin: 2px 3px 3px;
    padding-left: 2px;
}

.roster:hover
{

 background-color: Yellow;    
 border-color:gold;
    
}

 .ownRoster  /* owner of rosters*/
{
    text-align:left;
}


.ti /*timeitem*/
{
    background-color: SpringGreen;
    color: black;
    font-weight: bold;
    padding: 1px 2px;
}