@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

body {
	background: #999;
	padding: 40px;
	font-family: "Open Sans Condensed", sans-serif;
}

#bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/background.png") no-repeat center center fixed;
	background-size: cover;
	-webkit-filter: blur(5px);
}

form {
	position: relative;
	width: 250px;
	margin: 0 auto;
	background: rgba(130,130,130,.3);
	padding: 20px 22px;
	border: 1px solid;
	border-top-color: rgba(255,255,255,.4);
	border-left-color: rgba(255,255,255,.4);
	border-bottom-color: rgba(60,60,60,.4);
	border-right-color: rgba(60,60,60,.4);
}

th {
	color: #fff;
}

td {
	/*color: #3f898a;*/
	color: #89abc9;
}

th, td {
	background-color: rgba(0,0,0,.2);
	padding: 5px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.9);
}

#mainform {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background: rgba(130,130,130,.3);
	padding: 20px 22px;
	border: 1px solid;
	border-top-color: rgba(255,255,255,.4);
	border-left-color: rgba(255,255,255,.4);
	border-bottom-color: rgba(60,60,60,.4);
	border-right-color: rgba(60,60,60,.4);
}

#labelerror, #labelwelcome {
	color: yellow;
	background-color: rgba(0,0,0,.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,.9);
	padding: 8px 24px 8px 10px;
	display: block;
	margin-bottom: 19px;
}

form input, form button, form select {
	width: 212px;
	border: 1px solid;
	border-bottom-color: rgba(255,255,255,.5);
	border-right-color: rgba(60,60,60,.35);
	border-top-color: rgba(60,60,60,.35);
	border-left-color: rgba(80,80,80,.45);
	background-color: rgba(0,0,0,.2);
	background-repeat: no-repeat;
	padding: 8px 24px 8px 10px;
	font: bold .875em/1.25em "Open Sans Condensed", sans-serif;
	letter-spacing: .075em;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	margin-bottom: 19px;
}

form input:focus {
	background-color: rgba(0,0,0,.4);
}

form input.username {
	background-image: url("../images/username.png");
	background-position: 220px 10px;
}

form input.password {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVFMDg1QzU3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVFMDg1QzY3QzIzMTFFMjgwQThGODZFM0EwQUZFQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUUwODVDMzdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUUwODVDNDdDMjMxMUUyODBBOEY4NkUzQTBBRkVDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2NSIIAAADYSURBVHjanJAxCsJAEEXXaBMQtvIMqTxDKjtPELC1svMoOYM2WlqIhVcQFMVgG7ATAoIggfGPjrLIrBo/vCzZ+Z+dGUNExiECI7Clhw5gAtqur8YfUQxm4AzGIAMRSIAFXbC8OyUdghwsgH173cp9Lr5XqAeOSsANcj3h/8BpbQ4Ko6uQOvtMQy6noG4+iz3XZ4iHbIEQ9L8EeUlN3t5etvSrMg6RqajAc78BQ7BTq6QrllV3tKLvpZOclyrt/TWTlTP0zVQqba/BAKyUWsmh1BPUxL70JsAABHkyyK1uocIAAAAASUVORK5CYII=);
	background-position: 223px 8px
}

::-webkit-input-placeholder {
	color: #ccc;
	text-transform: uppercase;
}
::-moz-placeholder {
	color: #ccc;
	text-transform: uppercase;
}
:-ms-input-placeholder {
	color: #ccc;
	text-transform: uppercase;
}

form button[type=submit] {
	width: 248px;
	margin-bottom: 0;
	/* color: #3f898a; */
	color: #89abc9;
	letter-spacing: .05em;
	text-shadow: 0 1px 0 #133d3e;
	text-transform: uppercase;
	/* background: #225556; */
	background: #1e4e76;
	/* border-top-color: #9fb5b5; */
	/* border-left-color: #608586; */
	border-top-color: rgba(255,255,255,.5);
	border-left-color: rgba(255,255,255,.5);
	border-bottom-color: #1b4849;
	border-right-color: #1e4d4e;
	cursor: pointer;
}

form select {
	cursor: pointer;
	display: block;
	width: 100%;
}

form input[type=search] {
	cursor: pointer;
	display: block;
	width: 100%;
}

input[type="search"]::-webkit-search-cancel-button {
	/* Remove default */
	-webkit-appearance: none;
	/* Now your own custom styles */
	content: url("../images/reset.png");
	position: absolute;
	right: 30px;
}

#imghover {
	cursor: pointer;
}

.back-to-top {
    /*     
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
    */
      
    position: fixed;
    bottom: 2em;
    right: 0px;
   	color: yellow;
	background-color: rgba(0,0,0,.2);
	text-shadow: 1px 1px 0 rgba(0,0,0,.9);
	padding: 8px 24px 8px 10px;
	display: none;
	text-decoration: none;
	margin-bottom: 19px;	
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}