@bg: #BDBDBD;
@color: #FFFEFF;

.border-radius-top (@radius: 5px) {
	border-top-left-radius: @radius;
	border-top-right-radius: @radius;
	-moz-border-radius-topleft: @radius;
	-moz-border-radius-topright: @radius;
	-webkit-border-top-left-radius: @radius;
	-webkit-border-top-right-radius: @radius;
}

.border-radius-bottom (@radius: 5px) {
	border-bottom-left-radius: @radius;
	border-bottom-right-radius: @radius;
	-moz-border-radius-bottomleft: @radius;
	-moz-border-radius-bottomright: @radius;
	-webkit-border-bottom-left-radius: @radius;
	-webkit-border-bottom-right-radius: @radius;
}

.box-shadow (@a: 5px, @b: 5px, @c: 5px, @color: #888888) {
	-moz-box-shadow: @a @b @c @color; /* Firefox */
	-webkit-box-shadow: @a @b @c @color; /* Safari and Chrome */
	box-shadow: @a @b @c @color;
}

body {
	background: @bg;
	color: @color;
	font-family: Verdana,Arial,sans-serif;
}

#splash { 
	width: 300px;
	margin: 0 auto;
	margin-top: 10%;
	border: 1px solid;
	.border-radius-top(10px);
	.border-radius-bottom(10px); 
	.box-shadow;
	text-align: center;
	#title {
		padding: 10px;
		.border-radius-top(10px);
		h1 {
			margin: 0;
			padding: 0;
		}
		background: #2CB469;	
	}
	#body {
		padding: 10px;
		color: #000;
		font-size: 13px;
		background: #95E5B9;
		.border-radius-bottom(10px);
		#username, #password {
			opacity: .5;
			background: @bg;
			width: 80%;
			margin: 0 auto;
			margin-bottom: 20px;
			font-size: 20px;
			padding: 5px;
			.box-shadow;
			border: 1px solid;
			.border-radius-top;
			.border-radius-bottom;	
		}
	}
}