
.login_header{
	margin: 0;
	padding: 25px 20px;
	text-align: center;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f6a7f+1,363d4c+26,1f232c+57,0e1014+89 */
background: rgb(95,106,127); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(95,106,127,1) 1%, rgba(54,61,76,1) 26%, rgba(31,35,44,1) 57%, rgba(14,16,20,1) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(95,106,127,1) 1%,rgba(54,61,76,1) 26%,rgba(31,35,44,1) 57%,rgba(14,16,20,1) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(95,106,127,1) 1%,rgba(54,61,76,1) 26%,rgba(31,35,44,1) 57%,rgba(14,16,20,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6a7f', endColorstr='#0e1014',GradientType=0 ); /* IE6-9 */
	text-transform: uppercase;
	font-weight: 300;
	font-size:24px;
}
.login_form_bg{
	max-width: 350px;
    margin: 100px auto 0;
    border-radius: 5px;
    /* -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    background-color:#f7f7f7; */
}
.login_form_bg legend{
	font-size: 24px;
	text-align:center;
	color:#333;
	line-height:80px;
	border-bottom:solid 1px #DDD;
}

.login_wrap{
	padding:10px;
}

input[type=text],input[type=password]
{
	height: 50px;
}
/*LOGIN btn*/
.btn_theme{
	color: #fff;
    background-color:#444c5d;
    border-color: #333;
    height:50px;
}
.btn_theme:hover,
.btn_theme:focus,
.btn_theme:active,
.btn_theme.active{
  	color: #fff;
  	background-color: #0e1014;
  	border-color: #333;
}
.registry{
  margin-bottom:12px;
}
/*or hr*/
.login_or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
            margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .span_or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
  }
  .hr_or {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

.create_new:hover{
	color:#22537D;
}




label
{
color: #464646;
text-shadow: 0 1px 0 #fff;
font-size: 14px;
font-weight: bold;
}

center
{
font-size:32px;
}
.note
{
color:red;
}
.valid
{
color:green;
}
.back
{
text-decoration: none;
border: 1px solid rgb(0, 143, 255);
background-color: rgb(0, 214, 255);
padding: 3px 20px;
border-radius: 2px;
color: black;
}

input[type=button]
{
font-size: 14px;
background: linear-gradient(#ffbc00 5%, #ffdd7f 100%);
border: 1px solid #e5a900;
color: #4E4D4B;
font-weight: bold;
cursor: pointer;
width: 100%;
border-radius: 5px;
padding: 10px 0;
outline:none;
}

input[type=button]:hover
{
background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}