body{
background:#FFFFFF;	
}

a{
	cursor:pointer;
}
#container{
	width:350px;
	height:auto;
	margin:auto;
}
.login{
	font-size:75%;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	width:350px;
}
.login_side{
	height:250px;
	width:106px;
	padding:0 10px 0 10px;
	float:left;
	border:4px solid #ccc;
	border-right:none;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	background:#b21a03;
	/* Old browsers */
	/*linear-gradient*/
	background:-webkit-linear-gradient(top,  #b21a03 0%, #7c2100 100%);
	background:   -moz-linear-gradient(top,  #b21a03 0%, #7c2100 100%);
	background:     -o-linear-gradient(top,  #b21a03 0%, #7c2100 100%);
	background:        linear-gradient(top,  #b21a03 0%, #7c2100 100%);
	/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #b21a03 0%,#7c2100 100%);
	background:   -moz-linear-gradient(top,  #b21a03 0%,#7c2100 100%);
	background:     -o-linear-gradient(top,  #b21a03 0%,#7c2100 100%);
	background:        linear-gradient(top,  #b21a03 0%,#7c2100 100%);
	
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b21a03', endColorstr='#7c2100',GradientType=0 );
}
.login_inside h2, .login_side a{
	color:#FFF;
}
.login_inside p{
	line-height:.5em;
}
.login_inside h2{
	font-size:2em;
}
.login_inside a{
	font-size:.8em;
	text-decoration:none;
	border-bottom:double #B21A03 1px;
}
form{
	float:right;
	width:185px;
	height:200px;
	padding:25px 15px;
	border:4px solid #ccc;
	border-left:1px solid #ccc;
	color:#000;
	font-size:1em;
	/*** Rounded Corners ***/
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomright:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	/* Opera 11.10+ */
	/*linear-gradient*/
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(228,228,230,1)),to(rgba(153,153,153,1)));
	background:-webkit-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));
	background:   -moz-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));
	background:     -o-linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));
	background:        linear-gradient(top, rgba(228,228,230,1), rgba(153,153,153,1));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE4E4E6,EndColorStr=#FF999999);
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFE4E4E6,EndColorStr=#FF999999)";
}
input{
	width:170px;
	background:#f8f8f8;
	padding:6px;
	margin-bottom:10px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid #ffffff;
	/*** Transition Selectors - What properties to animate and how long ***/
	/*transition-property*/
	-webkit-transition-property:-webkit-box-shadow, background;
	   -moz-transition-property:   -moz-box-shadow, background;
		 -o-transition-property:     -o-box-shadow, background;
			transition-property:        box-shadow, background;
	/*transition-duration*/
	-webkit-transition-duration:0.25s;
	   -moz-transition-duration:0.25s;
		 -o-transition-duration:0.25s;
			transition-duration:0.25s;
	/*box-shadow*/
	-webkit-box-shadow:inset 0px 1px 3px 0px #444;
	   -moz-box-shadow:inset 0px 1px 3px 0px #444;
			box-shadow:inset 0px 1px 3px 0px #444;
	/*border-radius*/
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
select{
	width:170px;
	background:#f8f8f8;
	padding:6px;
	margin-bottom:10px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid #ffffff;
	/*** Transition Selectors - What properties to animate and how long ***/
	/*transition-property*/
	-webkit-transition-property:-webkit-box-shadow, background;
	   -moz-transition-property:   -moz-box-shadow, background;
		 -o-transition-property:     -o-box-shadow, background;
			transition-property:        box-shadow, background;
	/*transition-duration*/
	-webkit-transition-duration:0.25s;
	   -moz-transition-duration:0.25s;
		 -o-transition-duration:0.25s;
			transition-duration:0.25s;
	/*box-shadow*/
	-webkit-box-shadow:inset 0px 1px 3px 0px #444;
	   -moz-box-shadow:inset 0px 1px 3px 0px #444;
			box-shadow:inset 0px 1px 3px 0px #444;
	/*border-radius*/
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
.submit{
	width:70px;
	float:right;
	background:#7C2100;
	padding:4px;
	margin:10px;
	border-top:1px solid #B21A03;
	border-left:1px solid #B21A03;
	border-right:0px;
	border-bottom:0px;
	cursor:pointer;
	color:#FFF;
	font-size:.9em;
	/*** Transition Selectors - What properties to animate and how long ***/
	/*transition-property*/
	-webkit-transition-property:-webkit-box-shadow, background;
	   -moz-transition-property:   -moz-box-shadow, background;
		 -o-transition-property:     -o-box-shadow, background;
			transition-property:        box-shadow, background;
	/*transition-duration*/
	-webkit-transition-duration:0.25s;
	   -moz-transition-duration:0.25s;
		 -o-transition-duration:0.25s;
			transition-duration:0.25s;
	/*box-shadow*/
	-webkit-box-shadow:0px 1px 3px 0px #666;
	   -moz-box-shadow:0px 1px 3px 0px #666;
			box-shadow:0px 1px 3px 0px #666;
	/*border-radius*/
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}