/*------------------------*\
	$global
\*------------------------*/

html{
	font-family: verdana, arial, sans-serif;
	font-size: 16px;
}

body{
	margin: 0;
	padding: 0;
}

/*------------------------*\
	$icons
\*------------------------*/

[class^='icn-']{
	display: inline-block;
	text-transform: normal;
}

/* $icn-32 */

[class^='icn-32']{
	background: url('/ui/img/icons/sprite-icons-32.png') no-repeat 0 0;
}

.icn-32-download{
	width: 32px;
	height: 30px;
	background-position: 0 0;
}

.icn-32-close{
	width: 32px;
	height: 32px;
	background-position: -50px 0;	
}

/*------------------------*\
	$header
\*------------------------*/

.lab-header{
	padding: 10px 20px;
	background: #cbb3d8;
}

.lab-header a,
.lab-header h1{
	color: #fff;
	display: inline-block;
}

.lab-header h1{
	font-size: 1em;
	font-weight: 400;
	line-height: 40px;
	padding: 0 20px;
	margin: 0 20px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.lab-header a:hover{
	color: #2c3e50;
}

.lab-header a:hover .icn-32-download{
	background-position: 0 -50px;
}

.lab-header a:hover .icn-32-close{
	background-position: -50px -50px;
}

.lab-header i{
	vertical-align: middle;
	margin-right: 10px; 
}