body{

    background-color: #CDCDCD;

    padding:10px;

}



.login-layout {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	background: #5294c6;

	background: -moz-linear-gradient(45deg,#5294c6 0,#6d3353 100%);

	background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#5294c6),color-stop(100%,#6d3353));

	background: -webkit-linear-gradient(45deg,#5294c6 0,#6d3353 100%);

	background: -o-linear-gradient(45deg,#5294c6 0,#6d3353 100%);

	background: -ms-linear-gradient(45deg,#5294c6 0,#6d3353 100%);

	background: linear-gradient(45deg,#5294c6 0,#6d3353 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5294c6', endColorstr='#6d3353', GradientType=1);

    width:360px;

}



.login-layout:after {

	content: '';

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: url(images/masthead-pattern.png) center center;

}



.login-header {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 380px;

	height: 200px;

	margin-left: -400px;

	margin-top: -100px;

	padding: 0 10px;

	z-index: 10;

}



.login-header h1#logo {

	display: block;

	padding: 50px 10px 0;

	text-align: right;

	color: #fff;

	background: url(images/logo.png) right top no-repeat;

}



.login-box {

    position: absolute;

    float: right;

    top: 100px;

    right: 20px;

    z-index: 10;

    padding: 10px 20px 20px 0px;

    background-color: #948F85;



    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius:10px;



    filter:alpha(Opacity=80);-moz-opacity:0.7;opacity: 0.7;



    width:325px;

    height: 150px;

}



.login-box label{

    color: white;

    word-break:keep-all;

    font-size: 14px;

    width:70px;

}