table#projecttimeline {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*table-layout: fixed;*/
margin-bottom: 1em;
width: 100%;
border: solid 1px #d5d5d5;
background: #f0f0f0;
padding: 5px;
}

table#projecttimeline tbody {
overflow: hidden;
/*height: 50px;*/
color: white;
}

table#projecttimeline tr.hidden {
display: hidden;
}

table#projecttimeline td,table#projecttimeline th {
/*padding: 1px 5px 1px 5px;*/
padding: 0px;
border: none;
overflow: hidden;
white-space:nowrap;
}

table#projecttimeline td img,table#projecttimeline th img {
vertical-align: bottom;
}

table#projecttimeline td div,table#projecttimeline th div {
padding: 0px 2px 0px 2px;
/*height: 19px;*/
}

table#projecttimeline tbody tr {
height: 21px;
}
	
table#projecttimeline th.project {
text-align: left;
font-weight: normal;
font-variant: small-caps;
/*border: solid black 1px;*/
/*width: 15%;*/
/*cursor: pointer;*/
}

table#projecttimeline th.medium {
text-align: left;
font-weight: normal;
font-variant: small-caps;
/*border: solid black 1px;*/
/*width: 15%;*/
/*cursor: pointer;*/
}

table#projecttimeline tr.day th {
text-align: left;
font-weight: normal;
}

table#projecttimeline tr.date th {
text-align: left;
font-weight: normal;
}

table#projecttimeline tr.week th {
text-align: left;
font-weight: normal;
/*border-left: solid 1px lightGrey;*/
/*padding: 1px 4px 1px 4px;*/
}

table#projecttimeline tr.month th {
text-align: left;
font-weight: normal;
/*border-left: solid 1px lightGrey;*/
}

table#projecttimeline td.phase {
/*border: solid black 2px;
border-left: dashed black 2px;*/
white-space: nowrap;
overflow: hidden;
/*cursor: pointer;*/
}

table#projecttimeline td.openOnLeft {
border-left: dotted 3px gray;
}

table#projecttimeline td.openOnRight {
border-right: dotted 3px gray;
}

table#projecttimeline td.phase div {
overflow: hidden;
}

table#projecttimeline .lightGreen {
background: lightGreen;
}

table#projecttimeline .inactive div {
background: gray;
/*border-color: gray;*/
border: solid gray 3px;
}

table#projecttimeline span.phase-incharge:before {
content: " - "
}

table#projecttimeline span.phase-incharge {
display: none;
}

table#projecttimeline span.phase-title {
display: none;
}

table#projecttimeline td:hover span.phase-title {
display: inline;
}

table#projecttimeline td:hover span.phase-incharge {
display: inline;
}

table#projecttimeline td.monthMarker,table#projecttimeline th.monthMarker {
border-left: solid 1px gray;
padding-left: 0px;
}

table#projecttimeline td.weekMarker,table#projecttimeline th.weekMarker {
border-left: solid 1px lightGrey;
padding-left: 0px;
}

table#projecttimeline td.marker,table#projecttimeline th.marker {
border-left: solid 1px lightGrey;
padding-left: 0px;
}

table#projecttimeline td.empty {
border: 1px solid transparent;
}

table#projecttimeline td.phase {
/*border: none;*/
}

table#projecttimeline tbody td.empty:hover {
border: solid 1px lightGrey;
/*padding: 0px 4px 0px 4px;*/
/*padding: -1px;*/
}

table#projecttimeline td.phase:hover {
/*border: none;*/
/*padding: 0px 4px 0px 4px;*/
}

table#projecttimeline td.replacement {
display: none;
}

table#projecttimeline .link {
cursor: pointer;	
}


table.projectList {
white-space: nowrap;
}

table.projectList thead tr {
background-color: #E0E0E0;
}

table.projectList tbody td {
border-bottom: 1px solid #E0E0E0;
}

table.projectList td.type-basket {
	background-image:url(../img/button_icon_kori.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
}

table.projectList td.type-campaign {
	background-image:url(../img/campaign.gif); 
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
}

table.projectList td.type-shopping {
	background-image:url(../img/button_icon_basket2.png); 
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
}

table.projectList td.material a {
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 0% 100%;
}

div.nograyCalendar {
	background-color: white;
	border: solid #666666 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 230px;
	visibility: hidden;
	position: absolute;
	top: 0px;
	z-index: -999;
}

div.nograyCalendar table.ng-cal {
	margin: 0% 2.5% 2.5%;
	width: 95%;
}

div.nograyCalendar table.ng-cal th {
	background-color: #666666;
}

div.nograyCalendar table.ng-cal-header-table {
	margin: 0% 2.5% 2.5%;
	width: 95%;
}

div.projectMessageList {
	width: 750px;	
}
	
div.projectMessageList ul {
	list-style: none;
}

div.projectMessageList > ul {
	padding-left: 0px;
	margin-left: 0px;
	left: 0px;
}

div.projectMessageList ul th {
	cursor: pointer;
}

div.projectMessageList ul tr.closed {
	display: none;
}

div.projectMessageList ul th.open {
	background-image: url(../img/open.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding-left: 24px;
}

div.projectMessageList ul th.closed {
	background-image: url(../img/closed.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
	padding-left: 24px;
}

div.projectMessageList ul hr {
	border: 1px dashed;
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 10px;
}