/***********************************************************
*
*	LOGIN
*
************************************************************
*
*
************************************************************/
html, body {
	margin: 0;
	height: 100%;
}
body {
	background-color: rgb( 17, 17, 17 );

}

#table {
	position: fixed;
	display: table;
	height: 100%;
	width: 100%;
}
#row {
	display: table-row;
}
#cell {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

img {
	margin-bottom: 50px;
}

#domain { background-image: url("../images/login/domain.png"); }
#email { background-image: url("../images/login/username.png"); }
#password { background-image: url("../images/login/password.png"); }

input[type=text],input[type=password]{
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	border: 2px solid rgb( 57, 57, 57 );
	color: rgb( 180, 180, 180 );
	font-family: "myriad-pro-condensed",sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
	outline: none;
	padding: 5px;
	text-align: center;
	width: 350px;
	-webkit-transition: background-position 300ms; 
			transition: background-position 300ms;
}
#domain:focus,
#email:focus,
#password:focus {
	background-position: 10px center;
}
.not-empty {
	background-image: none !important;
}
input[type=button]{
	background: transparent url("../images/login/login.png") center center no-repeat;
	border: none;
	cursor: pointer;
	width: 100px;
}
input[type=button]:focus{
	outline: none;
	border-bottom: 2px solid rgb( 131, 187, 0 );
}