.tutorial-single {
	clear: both;
	border-bottom: 1px solid black;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 15px 0px 10px 0px;
}

.tutorial-single .speaker-images {
	float: right;
	margin: 0 10px 0 0;
	width: 60%;
}

.tutorial-single .speaker-images a img {
	height: 100px;
	width: 80px;
	padding-right: 10px;
}

.tutorial-single div p.tutorial-speaker {
	font-size: 13px;
	font-weight: 800;
}

ul.legend {
	margin: 0px;
	padding: 0px;
}

ul.legend li {
	font-size: 10px;
	list-style: none;
	float: left;
	padding-right: 6px;
	padding-bottom: 4px;
}

ul.legend span {
	display: inline-block;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 16px;
}

h2.legend
{
	line-height: 16px;
}

h2.legend span
{
	display: inline-block;
	height: 16px;
	margin: 0 0px 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 16px;
}

.tutorial-single a:link[href], .tutorial-single a:visited[href], .tutorial-single a:active[href], .tutorial-single a:hover[href] { color: #000; }

.legend-color1
{
	background-image: url("/images/JAOO_architecture_design.png");
}

.legend-color2
{
	background-image: url("/images/JAOO_languages_platforms.png");
}

.legend-color3
{
	background-image: url("/images/JAOO_agile.png");
}

.legend-color4
{
	background-image: url("/images/JAOO_web_cloud.png");
}

.legend-color5
{
	background-image: url("/images/JAOO_new_different.png");
}

.legend-color6
{
	background-image: url("/images/JAOO_solution_tracks.png");
}

.color1 {
	background-color: #6E1D52 !important;
	color: white !important;
} 
.color2 {
	background-color: #A0162A !important;
	color: white !important;
} 
.color3 {
	background-color: #F39017 !important;
	color: white !important;
} 
.color4 {
	background-color: #7BBE31 !important;
	color: white !important;
} 
.color5 {
	background-color: #76B6C9 !important;
	color: white !important;
} 
.color6 {
	background-color: #0755A8 !important;
	color: white !important;
}

.color1-fg {
	color: #6E1D52 !important;
	font-weight: bold !important;
} 
.color2-fg {
	color: #A0162A !important;
	font-weight: bold !important;
} 
.color3-fg {
	color: #F39017 !important;
	font-weight: bold !important;
} 
.color4-fg {
	color: #7BBE31 !important;
	font-weight: bold !important;
} 
.color5-fg {
	color: #76B6C9 !important;
	font-weight: bold !important;
} 
.color6-fg {
	color: #0755A8 !important;
	font-weight: bold !important;
}