
/* CARBON TILE */
.carbon_tile	{
	background-color: rgba(0, 0, 0, 0.9);
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	border-color: #383838 #606060 #505050 #2f2f2f; /* varied greys */
	box-shadow: inset 0px 0px 1px 0px whitesmoke, 1px 1px 8px black;
	background-image: url('/images/frosted_glass/frosted_glass9f.png');
	box-sizing: border-box;
	padding: 1% 2%;
	color: white;
}

.white_tile {
	background-color: rgba(255,255,255,0.99);
	border-width: 1px;
	border-radius: 2px;
	border-color: #383838 #606060 #505050 #2f2f2f;
	box-shadow: inset 0px 0px 1px 0px whitesmoke, 1px 1px 8px black;
	padding: 1% 2%;
	box-sizing: border-box;
	color: black;
}

.grey_tile {
	background-color: rgba(228,228,228,0.98);
	border-width: 1px;
	border-radius: 2px;
	border-color: #383838 #606060 #505050 #2f2f2f;
	box-shadow: inset 0px 0px 1px 0px whitesmoke, 1px 1px 8px black;
	padding: 1% 2%;
	box-sizing: border-box;
	color: black;
}



.white_tile p {
	color: black;
}

.white_tile h1, .white_tile h2, .white_tile h3, .white_tile h4, .white_tile h5, .white_tile h6 {
	color: black;
}

.black_tile {
	background-color: rgba(0,0,0,0.95);
	border-style: solid;
	border-color: #383838 #606060 #505050 #2f2f2f;
	border-width: 0.5px;
	border-radius: 2px;
	box-shadow: inset 0px 0px 1px 0px whitesmoke, 1px 1px 8px black;
	padding: 1% 2%;
	box-sizing: border-box;
	color: white;
}

.black_tile p {
	color: white;
}

.black_tile h1, .black_tile h2, .black_tile h3, .black_tile h4, .black_tile h5, .black_tile h6 {
	color: white;
}

main .black_tile h1, main .black_tile h2, main .black_tile h3, main .black_tile h4, main .black_tile h5, main .black_tile h6 {
	color: #2688e2;
}

@media print {
.carbon_tile, .white_tile, .black_tile {
	text-shadow: none !important;
	border: 2px solid lightGrey;
	border-radius: 2px;
}	
}	
