/**
 * Size: desktop
 * Browsers: 
 */

#selectExerciseLeft,#selectUnitLeft {
	position:relative;
	height:100%;
}
#selectUnitLeft {
	width:260px;
}
#unit-preview,#exercise-preview {
	left:275px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	padding:4px;
	background:#999999;
	background:-o-linear-gradient(top,rgb(164,192,228) 0%,rgba(200,200,200,0) 200px);
	background:-webkit-linear-gradient(top,rgb(164,192,228) 0%,rgba(200,200,200,0) 200px);
	background:-moz-linear-gradient(top,rgb(164,192,228) 0%,rgba(200,200,200,0) 200px);
	background:-ms-linear-gradient(top,rgb(164,192,228) 0%,rgba(200,200,200,0) 200px);
	background:linear-gradient(top,rgb(164,192,228) 0%,rgba(200,200,200,0) 200px);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c0e4', endColorstr='#00c8c8c8',GradientType=0 );
	border-left:1px solid rgb(204,204,204);
	overflow-y:auto;
}
#exercise-preview {
	display:none;
}
#unit-preview .folder li {
	width:200px;
}
#unit-preview img.rating,#unit-preview div.rating {
	position:absolute;
	bottom:0;
	right:20px;
}
#unit-preview div.rating {
	height:128px;
	width:128px;
	z-index:2;
	background:#999999;
	background:-o-linear-gradient(top,rgba(255,255,238,0) 0,rgba(255,255,238,1) 100%);
	background:-webkit-linear-gradient(top,rgba(255,255,238,0) 0,rgba(255,255,238,1) 100%);
	background:-moz-linear-gradient(top,rgba(255,255,238,0) 0,rgba(255,255,238,1) 100%);
	background:-ms-linear-gradient(top,rgba(255,255,238,0) 0,rgba(255,255,238,1) 100%);
	background:linear-gradient(top,rgba(255,255,238,0) 0,rgba(255,255,238,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffee', endColorstr='#ffffffee',GradientType=0 );
}
.exercise {
	float:left;
	margin:12px;
	width:280px;
	height:200px;
}
.exercise.small {
	width:200px;
	height:180px;
}
.exercise > div {
	border-radius:5px;
	-o-background:white;
	-webkit-background:white;
	-moz-background:white;
	background:white;
	position:relative;
	height:150px;
	overflow:hidden;
	box-shadow:2px 2px 1px rgb(200,200,200);
	background-color:rgb(255,223,137);
	border:1px solid rgb(234,234,234);
	margin:4px 0;
}
div.container.view .exercise img.icon,#lesson-solve-content .exercise img.icon {
	position:absolute;
	bottom:4px;
	right:0;
	margin:0;
}
.exercise div > .thumb {
	overflow:hidden;
	background-color:white;
	padding:4px;
	height:100%;
	width:240px;
}
.exercise.small div > .thumb {
	width:164px;
}
.exercise small {
	font-size:0.8em;
	padding-left:4px;
}
.readingexercise div.image {
	width:480px;
	height:500px;
	overflow:hidden;
	background-color:white;
}
#solveExercise.lightbox .container {
	height:100%;
}
#selectexerciseContent .tab > .content {
	padding:0;
	margin:6px 14px 4px;
	border:2px solid rgb(255,223,137);
	border-top:0 solid black;
}
#-metalisting-0 {
	width:270px;
	position:absolute;
	top:0;
	bottom:0;
	overflow-y:auto;
}
#unit-preview .head {
	line-height:100%;
	height:auto;
}
#lesson-solve-content h3 {
	text-align:left;
	padding-left:4px;
	font-weight:bold;
}
#lesson-solve-content ol[data-dz-nav-role="content"] li:first-child {
	display:block;
}
#selectexerciseContent .logo,#solveExercise .logo {
	position:absolute;
	bottom:40px;
	right:40px;
}