body { background-color: #111; 	font: 11px/12pt Tahoma, Verdana, Arial; }
a { text-decoration: none; color: #444; }

#play { display: block; }
#like,#loading,#puzzle { display: none; }

#loading { text-indent: -100px; /*background: url('/ui/images/___.gif') no-repeat;*/  }

#content {
	/*background: url('/ui/images/poster2.jpg') no-repeat;*/
	min-height: 525px;
	width: 760px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	height: 650px;
}

#play a {
	font: 18px 'Ruda', sans-serif;
	color: #eec;
	padding: 6px 40px;
	border-radius: 4px;
	background-color: #444;
	text-align: center;
	text-decoration: none;
}

#overall_ranking { margin:  50px 0px 0px -55px }
#friends_ranking { margin: 100px 0px 0px -55px }

#play a, #like, #loading {
	position: absolute;
	top: 85px;
	left: 312px;
}

#loading { left: 360px; top: 150px; width: 16px; height: 11px }

#like em {
	position: relative;
	z-index: 10;
	left: -5px;
	top: -5px;
	padding: 4px;
	background: gainsboro;
	border: 1px solid #BBB;
	border-radius: 3px;
	color: #567;
	font-style: normal;
	display: none;
}

#puzzle {
	position: relative;
	//top: 100px;
	width: 740px;
	height: 300px;
	//margin: 0px auto;
	z-index: 10;

	border: 1px solid #333;
	background-color: #333;
	background: rgba(0,0,0,0.5);
}

#puzzle.solved {
	background: #000 url(/ui/images/billa_500x300.jpg);
}

#overlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: #333;
}

#puzzle canvas {
	margin: 0px 1px 1px 0px;
	box-shadow: 1px 1px 4px #333;
	display: none;
	position: absolute;
	z-index: 11;
}

#success {
	color: white;
	font-weight: bold;
	background-color: darkOliveGreen;
	background: rgba(87, 107, 57, 0.9);
	padding: 20px;
	font-size: 14px;
	line-height: 20pt;
	margin-top: 35px;
	display: none;
}

#success a {
	padding: 5px;
	color: #EEE;
	font-size: 10px;
	box-shadow: 1px 1px 1px #555;
}

.fb_edge_comment_widget { display: none !important; }
.fb-like { width: 50px; overflow: hidden; }


.gradient1 {
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 3%, #6e7774 50%, #0a0e0a 51%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(3%,#6e7774), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 3%,#6e7774 50%,#0a0e0a 51%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 3%,#6e7774 50%,#0a0e0a 51%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 3%,#6e7774 50%,#0a0e0a 51%,#444444 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 3%,#6e7774 50%,#0a0e0a 51%,#444444 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
}

.gradient2 {
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}

.gradient2a {
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
}

.gradient2b {
	background: #445356; /* Old browsers */
	background: -moz-linear-gradient(top,  #445356 0%, #2e3231 50%, #040604 51%, #040404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#445356), color-stop(50%,#2e3231), color-stop(51%,#040604), color-stop(100%,#040404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #445356 0%,#2e3231 50%,#040604 51%,#040404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #445356 0%,#2e3231 50%,#040604 51%,#040404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #445356 0%,#2e3231 50%,#040604 51%,#040404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #445356 0%,#2e3231 50%,#040604 51%,#040404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445356', endColorstr='#040404',GradientType=0 ); /* IE6-9 */
}