@bgColor: #f8f8f8;
@bgImage: "bg.jpg";
@links: #ff6600;
@footerColor: #4d4d4d;
@footerFontColor: #adadad;
@darkText: #444444;
@lightText: #c7c7c7;
@containerBorderColor: #c7c7c7;
@lightGreyText: #ebebeb;
@balanceText: #bbbbbb;
@orangeColor: #ff6600;
@welcomeTextColor: #ababab;
@tableBorder: #e2e2e2;
@tableBg: #f5f5f5;

html {
	background: @bgColor url('../img/bg.png') repeat-x left top;
}
html, body {
	width: 100%;
	height: 100%;
}
#main {
	width: 100%;
	height: 96%;
	display: table;
	#loginBox {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 378px;
		height: 320px;
		margin: -160px 0 0 -189px;
		background: white url('../img/Logo_OthosVoIP.jpg') no-repeat top;
		background-position: 50% 12%;
		box-shadow: 2px 2px 8px 1px rgb(206,206,206,0.4);
		border: 1px solid #ececec;
		border-radius: 12px;
		form {
			label {
				color: @darkText;
				font-size: 16px;
				height: 24px;
				margin-top: 5px;
				float: left;
				clear: left;
			}
			div {
				width: 312px;
				float: left;
				margin-left: 35px;
			}
			div:nth-of-type(1) {
				margin-top: 35%;
			}
			div:nth-of-type(2) {
				margin-top: 4px;
				clear:both;
			}
			input[type=email], input[type=password] {
				color: @darkText;
				width: 220px;
				height: 24px;
				margin-top: 2px;
				font-style: italic;
				float: right;
			}
			input::-webkit-input-placeholder {
				color: @lightText;
			}
			input:-moz-placeholder {
				color: @lightText;
			}
			input:-ms-input-placeholder {
				color: @lightText;
			}
			input[type=submit] {
				width: 60px;
				height: 30px;
				border-radius: 5px;
				border: 1px solid #d2d2d2;
				background: #FFFFFF;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#efefef));
				background: -webkit-linear-gradient(#FFFFFF, #efefef);
				background: -moz-linear-gradient(#FFFFFF, #efefef);
				background: -ms-linear-gradient(#FFFFFF, #efefef);
				background: -o-linear-gradient(#FFFFFF, #efefef);
				background: linear-gradient(#FFFFFF, #efefef);
				margin: 42px 120px;
				color: @darkText;
			}
			:invalid {
				outline: 0;
			}
		}
		#error {
			position: absolute;
			top: 110px;
			left: 100px;
			font-size: 14px;
			font-style: italic;
			color: #ff6600;
		}
	}
}
footer {
	color: @footerFontColor;
	background-color: @footerColor;
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	width: 100%;
	height: 4%;
}