body {
	background: #E4E9EE;
	font-family: Arial, sans-serif;
}
.form-wrapper {
    position: absolute; top: 50%; left: 50%;
    margin: -9.5em 0 0 -13em; padding: 2em;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    width: 22em; height: 13em;
    border: 1px solid #fff;
	background: #fff url(../i/pnl_gra.png) repeat-x top left;
}
.form-wrapper h1 {
    margin: 0 0 1em; padding: 0 5px 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 1.5em; font-weight: normal;
    color: #789;
}
.form-wrapper label {
    font: normal 10px Lucida Sans Unicode, sans-serif; text-align:left; text-transform: uppercase;
    width: 6em;
    display: inline-block;
    color: #999;
}
.form-wrapper input[type="text"], .form-wrapper input[type="password"], .txt {
	padding: 4px 3px;
	vertical-align:middle;
	border: 1px solid #ccc;
	font: normal 11px Arial, sans-serif;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .15);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
}
.form-wrapper input[type="text"]:focus, .form-wrapper input[type="password"]:focus, .txt:focus {
	border-color: #789;
}
table, td {

    border-collapse: collapse;
}
table {
    width: 100%;
}
td {
    padding: 3px 5px;
}
.btn {
	margin: 0; padding: 2px 10px;
	display:inline-block; vertical-align:middle;
	font: normal 11px/18px Arial, sans-serif; text-decoration:none; text-transform: uppercase;
	border: 1px solid;
	cursor:pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.btn-dark:hover {
	border-color: #345;
}
.btn:active {
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .7);
}

.btn-dark {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	border-color: #567;
	color:#fff;
	background: rgb(119,136,153);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3ODg5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzc3ODg5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzU1NjY3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(119,136,153,1) 0%, rgba(119,136,153,1) 60%, rgba(85,102,119,1) 98%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,136,153,1)), color-stop(60%,rgba(119,136,153,1)), color-stop(98%,rgba(85,102,119,1)));
	background: -webkit-linear-gradient(top,  rgba(119,136,153,1) 0%,rgba(119,136,153,1) 60%,rgba(85,102,119,1) 98%);
	background: -o-linear-gradient(top,  rgba(119,136,153,1) 0%,rgba(119,136,153,1) 60%,rgba(85,102,119,1) 98%);
	background: -ms-linear-gradient(top,  rgba(119,136,153,1) 0%,rgba(119,136,153,1) 60%,rgba(85,102,119,1) 98%);
	background: linear-gradient(to bottom,  rgba(119,136,153,1) 0%,rgba(119,136,153,1) 60%,rgba(85,102,119,1) 98%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#778899', endColorstr='#556677',GradientType=0 ); */
}