.sizesGrid {
	
}

.sizesGrid table {
	border-width: 0px;
	border-spacing: 0px;
	border-color: #333333;	
	border-style: solid;
	width: 100%;
	border-collapse: collapse;
}
.sizesGrid table td {
	padding: 2px;
	border: solid 1px #333333;

}
.sizesGrid table td.command,
.sizesGrid table td.size {
	background-color: #333333;
	color: white;
	font-weight: bold;
	text-align: center;
}
.sizesGrid table td.cmd {
	text-align: center
}

.sizesGrid table td.neutral {
	background-color: #333333;
	color: white;
	font-weight: bold;
}

.sizesGrid table td.color {
	background-color: #333333;
	color: white;
	font-weight: bold;
}
.sizesGrid table td input.yarnCode:focus,
.sizesGird table td input.yarnCode:hover,
.sizesGrid table td input.yarnCode {
	border: 0;
	border-bottom: 1px solid white;
	background-color: Transparent;
	text-align: center;
	width: auto !important;
	color: White
}


.sizesGrid table input[type=number], 
.sizesGrid table input[type=text] {
	border: 0px !important;
	padding: 0px !important;
	text-align: center !important;
	width: 100% !important;
}
.sizesGrid button {
	margin-top: 5px;
	margin-left: 160px;
}

.assignmentsGrid {
	
}
.assignmentSizesGrid h2
.assignmentsGrid h2 {
	
}
.progressesGrid .quantity,
.assignmentsGrid .minutes {
	float: right;
	color: red;
}
.progressesGrid table,
.assignmentSizesGrid table,
.assignmentsGrid table {
	border-width: 0px;
	border-spacing: 0px;
	border-color: #333333;	
	border-style: solid;
	width: 100%;
	border-collapse: collapse;
}
.assignmentSizesGrid table input[type=number], 
.assignmentSizesGrid table input[type=text],
.assignmentsGrid table input[type=number], 
.assignmentsGrid table input[type=text] {
	border: 0px;
	padding: 0px;
	text-align: center;
	width: 80px;
	font-size: 14px;
	border-bottom: solid 1px white; 
}
.assignmentSizesGrid table tr.assignment input[type=number],
.assignmentSizesGird table tr.assignment input[type=text],
.assignmentsGrid table tr.assigned input[type=number], 
.assignmentsGrid table tr.assigned input[type=text] {
	background-color: #094AB2;;
	color: #ffffff;
}

.progressesGrid button,
.assignmentSizesGrid button,
.assignmentsGrid button {
	margin-top: 5px;
	margin-left: 160px;
}
.progressesGrid table tr td img.canc:hover {
	cursor: pointer
}
.assignmentsGrid .detailsLink {
	cursor: pointer
}
.progressesGrid table, 
.assignmentSizesGrid table,
.assignmentsGrid table {
	width: 100%;	
}
.progressesGrid table th,
.assignmentSizesGrid table th,
.assignmentsGrid table th {
	color: #333333;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	margin-bottom: 5px;
}
.progressesGrid table td,
.assignmentSizesGrid table td, 
.assignmentsGrid table td {
	background-color: #FFFFFF;
	padding: 3px;
}
.progressesGrid table tr:hover td,
.assignmentSizesGrid table tr:hover td,
.assignmentsGrid table tr:hover td {
	background-color: #E0E0E0;
}
.assignmentSizesGrid table tr.assignment td,
.assignmentsGrid table tr.assigned td {
	background-color: #094AB2;;
	color: #ffffff;
}
.assignmentSizesGrid table tr.assignment td a:link,
.assignmentsGrid table tr.assigned td a:link, 
table.grid tr.selected td a:visited {
	color: #ffffff;
}

.assignmentsGrid table tr.assigned td a:hover {
	color: #ffffff;
}
.progressesGridHeader,
.assignmentSizesGridHeader,
.assignmentsGridHeader {
	border-bottom: solid 1px #CACACA;
	margin-bottom: 3px;
	padding: 1px;
}
.progressesGridHeader .planColor,
.assignmentsGridHeader .planColor {
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 3px;

}
.progressesGridHeader h2,
.assignmentsGridHeader h2 {
	margin: 0px;
}

.progressesGrid .rightBorder,
.assignmentsGrid .rightBorder {
	border-right: solid 1px #CACACA;
}

.planColorSelector {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 100%;
	height: 100px;
	background-color: #333333;
}

.planColorSelector a:link, .planColorSelector a:visited {
	height: 78px;
	width: 78px;
	float: left;
	margin: 10px;
	border: solid 1px white;
}

.planColorSelector a:hover { 
	border: solid 1px red;	
}

.resourcePhasesSkillGrid table {
	border-width: 0px;
	border-spacing: 0px;
	border-color: #333333;	
	border-style: solid;
	width: 100%;
	border-collapse: collapse;	
}
.resourcePhasesSkillGrid table th,
.resourcePhasesSkillGrid table td {
	padding: 2px;
	border: solid 1px #333333;	
}
.resourcePhasesSkillGrid table th {
	background-color: #333333;
	color: #fff
}
.resourcePhasesSkillGrid table tr:hover td {
	background-color: #2170F3;
	color: #fff
}
.resourcePhasesSkillGrid table th.skill {
	width: 60%
}
.resourcePhasesSkillGrid table td.percentageDisplay,
.resourcePhasesSkillGrid table th.percentage {
	width: 45px;
	text-align: center;
}
.resourcePhasesSkillGrid table td.phaseDescription {
	font-size: 90%;
}
.resourcePhasesSkillGrid table td.skill {
	padding-left: 12px;
	padding-right: 12px;
	background-color: #f9f9f9;
}
.resourcePhasesSkillGrid table th.department {
	
}

.daysPowerGrid table {
	border-width: 0px;
	border-spacing: 0px;
	border-color: #333333;	
	border-style: solid;
	width: 100%;
	border-collapse: collapse;	
}
.daysPowerGrid table th,
.daysPowerGrid table td {
	padding: 2px;
	border: solid 1px #333333;	
}
.daysPowerGrid table th {
	background-color: #333333;
	color: #fff;
	text-align: center
}
.daysPowerGrid table input[type=number], .sizesGrid table input[type=text] {
	border: 0px !important;
	padding: 0px !important;
	text-align: center !important;
	width: 100% !important;
}

img.expandable:hover {
	cursor: pointer
}