.dataCanvas {
	border: 1px solid #d5d5d5;
	background: #f9f9f9;
}
	.dataCanvas th.top, .dataCanvas th.bottom {
		background: #ececec;
		color: #333333;
		font-size: 10px;
		font-weight: normal;
		text-align: left;
		line-height: 24px;
		height: 24px;
		padding: 0px 5px 0px 5px;
	}
	.dataCanvas th img, .dataCanvas td img {
		position: relative;
		vertical-align: middle;
		top: 0px;
	}
	.dataCanvas th a {
		font-size: 10px;
	}
	.dataCanvas th.top {
		border-bottom: 1px solid #d5d5d5;
	}
	.dataCanvas th.bottom {
		border-top: 1px solid #d5d5d5;
	}
	.dataCanvas td.item {
		height: 30px;
		line-height: 30px;
		padding: 2px 7px 0px 7px;
	}
	.dataCanvas td.item img {
		position: relative;
		vertical-align: middle;
		top: -1px;
	}
	.dataCanvas th.active {
		background: #ececec url('/layout/icons/arrowpointer.png') no-repeat center bottom;
	}
	
.dataCanvas .dataGrid { 
	width: 100%; 
	border-bottom: 1px solid #D8D8D8; 
	font-size: 10px; 
}
	.dataCanvas .dataGrid .lastChild { 
		border-right: 0px !important; 
	}
	.dataCanvas .dataGrid tr.label { 
		height: 25px; 
		background: #ececec url('canvas/bgLabel.gif') repeat-x; 
	}

		.dataCanvas .dataGrid tr.label th { 
			font-weight: bold;
			padding: 6px 10px 0px 10px; 
			text-align: left; 
			border-right: 1px solid #999999; 
			border-bottom: 1px solid #CCCCCC; 
		}
		.dataCanvas .dataGrid tr.label th img { 
			vertical-align: middle; 
			position: relative; 
			top: -2px; 
		}
		.dataCanvas .dataGrid tr.label th.status { 
			padding: 7px 7px 0px 7px !important; 
		}

	.dataCanvas .dataGrid tr { 
		height: 25px; 
		background: #fcfcfc; 
	}
	
	.dataCanvas .dataGrid tr.special {
		height: 0px;
		background: #fcfcfc;	
	}
	
		.dataCanvas .dataGrid tr td	{ 
			padding: 6px 10px 0px 10px; 
			border-right: 1px solid #999999; 
		}
		
		.dataCanvas .dataGrid tr td.special {
			padding: 0px 0px 0px 0px;
			border-right: 1px solid #999999; 
		}
		
		.dataCanvas .dataGrid tr td.inner {
			padding-top: 0px !important;
			border-width: 1px 0px 1px 0px;
			border-style: solid;
			border-color: #d5d5d5;
			background-color: #f6f6f6;
			line-height: 25px;
		}
		
		.dataCanvas .dataGrid tr td img { 
			vertical-align: middle; 
			position: relative; 
			top: -2px; 
		}
		.dataCanvas .dataGrid tr td.icons { 
			text-align: center; 
			padding: 6px 10px 0px 10px; 
			border: 0px; 
		}
		.dataCanvas .dataGrid tr td.status { 
			text-align: center; 
			padding: 7px 0px 0px 0px; 
		}
		/* Labels */	
		.dataCanvas .dataGrid tr td.label {
			background-position: 4px 6px; 
			padding-left: 22px;		
		}
		.dataCanvas .dataGrid tr .red 		{ background: url('icons/labels/small/red.png') no-repeat; }
		.dataCanvas .dataGrid tr .orange 	{ background: url('icons/labels/small/orange.png') no-repeat; }		
		.dataCanvas .dataGrid tr .yellow 	{ background: url('icons/labels/small/yellow.png') no-repeat; }
		.dataCanvas .dataGrid tr .green 	{ background: url('icons/labels/small/green.png') no-repeat; }
		.dataCanvas .dataGrid tr .blue 		{ background: url('icons/labels/small/blue.png') no-repeat; }						
		.dataCanvas .dataGrid tr .purple	{ background: url('icons/labels/small/purple.png') no-repeat; }								
		.dataCanvas .dataGrid tr .gray 		{ background: url('icons/labels/small/gray.png') no-repeat; }						
		.dataCanvas .dataGrid tr .white 	{ background: url('icons/labels/small/white.png') no-repeat; }										

	.dataCanvas .dataGrid tr.hover { 
		background: #fedbaf url('canvas/hoverBar.jpg') repeat-x; 
	}	
	
	.dataCanvas .dataAgenda {
		width: 100%; 
		font-size: 9px; 		
	}
		.dataCanvas .dataAgenda tr.label {
			height: 24px; 
			background: #ececec url('canvas/bgLabelAgenda.gif') repeat-x; 
			font-weight: bold;
		}
		.dataCanvas .dataAgenda tr.label img {
			position: relative;
			vertical-align: middle;
			top: 0px;
		}
		.dataCanvas .dataAgenda td.labelsLeft {
			background: #ffffff;
			border-right: 1px solid #d5d5d5;
			border-top: 1px solid #d5d5d5;
			width: 47px;
		}
			.dataCanvas .dataAgenda td.labelsLeft table {
				width: 100%;
				margin-top: 6px;
				margin-bottom: 17px;
			}
			.dataCanvas .dataAgenda td.labelsLeft td {
				text-align: right;
				padding-right: 8px;
				height: 28px;
				font-size: 10px;
				color: #666666;
			}
		.dataCanvas .dataAgenda td.agenda {
			width: 655px;
			background: #fcfcfc url('canvas/bgAgenda.gif');
			border-top: 1px solid #d5d5d5;
		}		
			.dataCanvas .dataAgenda td.agenda table {
				float: left;
			}
			.dataCanvas .dataAgenda td.agenda tr {
				height: 14px;
			}		
			.dataCanvas .dataAgenda td.agenda td {	
				font-size: 9px !important;
			}
			.dataCanvas .dataAgenda td.agenda td.itemBlue {
				border: 1px solid #000db4; 
				background: url('canvas/bgBlue.png');
			}
			.dataCanvas .dataAgenda td.agenda td.itemGreen {
				border: 1px solid #0e8b01;
				background: url('canvas/bgGreen.png');
			}
			.dataCanvas .dataAgenda td.agenda td.spacer {
				width: 1px;
				background: transparent;
			}
		.dataCanvas .dataAgenda .active {
			background: #f2f2f2 url('canvas/bgAgenda.gif') !important;
		}

.dataVector {
	width: 100%;
	border: 1px solid #d5d5d5;
	background: #f9f9f9;	
}
.dataVectorRed {
	width: 100%;
	border: 1px solid #fb675e !important;
	background: #fca39c !important;
}
.dataVectorYellow {
	width: 100%;
	border: 1px solid #f6ac46 !important;
	background: #f9f3ad !important;
}
.dataVectorBlue {
	width: 100%;
	border: 1px solid #000db4 !important; 
	background: url('canvas/bgBlue.png') repeat !important;
}
.dataVectorGreen {
	width: 100%;
	border: 1px solid #0e8b01 !important;
	background: url('canvas/bgGreen.png') repeat !important;
}
.dataVectorPurple {
	width: 100%;
	border: 1px solid #735fb4 !important;
	background: url('canvas/bgPurple.png') repeat !important;
}
.dataVectorDarkGreen {
	width: 100%;
	border: 1px solid #0e8b01 !important;
	background: url('canvas/bgDarkGreen.png') repeat !important;
}
	.dataVector th {
		font-weight: normal;
		text-align: right;
		color: #666666;
		font-size: 12px;
	}
	.dataVector td {
		color: #000000;
		font-size: 12px;
		padding-left: 10px;
	}
	.dataVector td.icon {
		padding-right: 6px;
	}
	.dataVector td span {
		font-size: 12px;
		color: #000000;
	}
	.dataVector tr.label {
		height: 24px;
		background: #ececec;
	}
	.dataVector a {
		font-size: 12px;
	}
	.dataVector a:hover {
		font-size: 12px;
	}

table.dataTabsWrapper {
	width: 100%;
	height: 30px;
}
table.dataTabsWrapper td img {
	position: relative;
	vertical-align: middle;
	top: -2px;
}
	table.dataTabs td {
		background: #f9f9f9;
		padding: 4px 15px 4px 15px;
		border-width: 1px 1px 0px 1px;
		border-style: solid;
		border-color: #d5d5d5;
		font-weight: bold;
		cursor: pointer;
		color: #666666;
	}
	table.dataTabs .spacer {
		width: 10px;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}
	table.dataTabs td.hover {
		background: #ececec !important;
		color: #333333 !important;
	}
	table.dataTabs td.active {
		background: #ececec !important;
		color: #000000 !important;
	}	
	
	
.dataList {
	background: #f9f9f9;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}
	.dataList th {
		height: 25px;
		text-align: left;
		font-size: 9px;
		background: #ececec url('canvas/bgLabel.gif') repeat-x; 		
		border-bottom: 1px solid #999999;
	}
	.dataList td {
		font-size: 9px;
		border-bottom: 1px solid #d5d5d5;
		color: #666666;
		font-style: italic;
	}
	.dataList tr.finished td {
		color: #f28131;
		font-style: normal;
	}

table.dataMenu {
	width: 100%;
}
	table.dataMenu th {
		height: 25px;
		padding-left: 7px;
		text-align: left;
		color: #666666;
		font-weight: bold;
		background: #ececec;
		font-size: 10px !important;
	}
	table.dataMenu td {
		height: 21px;
		padding-left: 19px;
		cursor: pointer;
		color: #555555;
		font-size: 10px !important;		
	}
	table.dataMenu td.yes {
		background: url('icons/tick_small.png') no-repeat;
		background-position: 1px 3px;	
		color: #008e00;
	}
	table.dataMenu td.no {
		background: url('icons/slash_small.png') no-repeat;
		background-position: 1px 3px;	
		color: #ae0000;
	}
	table.dataMenu .spacer {
		height: 2px;
		background: url('menu/spacer.gif') repeat-x top;	
	}
	table.dataMenu .hspacer {
		padding: 0px !important;
		width: 1px;
		background: #d5d5d5;
	}
	table.dataMenu td.noShow {
		background: none !important;
	}
	
.tooltip {
	border: 1px solid #d5d5d5;
	background: #f9f9f9;	
}
.projectTip {
	border: 1px solid #d5d5d5 !important;
	background: #eeeeee !important;
	padding: 2px !important;
}	

/* LETTER */
table.dataLetter {
	width: 720px;
}

	table.dataLetter tr.top {
		height: 15px;
	}
		table.dataLetter tr.top td {
			background: url('posts/letter_top.gif') no-repeat;
		}
	
	table.dataLetter tr.content {
	}	
		table.dataLetter tr.content td.left {
			width: 15px;
			background: url('posts/letter_left.gif') repeat-y left;
		}
		
		table.dataLetter tr.content td.body {
			width: 690px;
		}
		
		table.dataLetter .spacings {
			width: 650px;
			margin: 20px 20px 20px 20px;
		}
		
		table.dataLetter tr.content td.right {
			width: 15px;
			background: url('posts/letter_right.gif') repeat-y right;
		}					
	
	table.dataLetter tr.bottom {
		height: 15px;
	}
		table.dataLetter tr.bottom td {
			background: url('posts/letter_bottom.gif') no-repeat;
		}
		
/* LETTER - TEMPLATES */
.template-swsh {
	background: url('posts/templates/swsh/letter1/background.gif') no-repeat;
}