body {
	font-family: Arial, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 12px;
	color: #FFFFFF;
  background: transparent;
	text-align: center;
	background-color: #1f1a17;
  text-align: left;
}

a {
	color: #00932f;
	text-decoration: none;
}

h3 { 
color: #00932f;
margin: 7px 0px 4px; 
font-size: 32px; 
text-transform: uppercase; 
}

#time {	
	font-family: Tahoma;
	font-size: 10px;
	color: #b4dd16;
	text-align: right;
}

input {
	border: 10px;
	color:#000000;
}
.input{
	border: 1px;
	color:#000000;
	width:100%;
}

.in{
  position: absolute;
  top: 70px;
  left: 60px;
  width: 186px;
  height: 16px;
  color: #ffffff;
  font-size: 12px;
  font-family: Tahoma;
  background: transparent;
  border: 0px
}

.pass{
  position: absolute;
  top: 100px;
  left: 60px;
  width: 186px;
  height: 16px;
  color: #ffffff;
  font-size: 12px;
  font-family: Tahoma;
  background: transparent;
  border: 0px
}

#submit{
	margin-top: 50px;
  margin-right: 53px;
	float:right;
	border:0px
}

.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:150px;
	height:270px;
	margin:5px;
	background:#fff no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#fff;
}
	
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}

.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(../img/bg-black.png);
}

.bar .mosaic-overlay {
	bottom:-100%;
	height:100%;
	background:url(../img/bg-black.png);
}