/*Custom Styles*/

body {
background-color:#494e54;
background-image:url('../img/bg.jpg');
background-repeat:repeat;
background-position: top center;
}

#box {
float:left;
width:100%;
margin-top:30px;
background-color:#FEFEFE;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FEFEFE),
	color-stop(1, #E7E7E5)
);
background-image: -o-linear-gradient(bottom, #FEFEFE 0%, #E7E7E5 100%);
background-image: -moz-linear-gradient(bottom, #FEFEFE 0%, #E7E7E5 100%);
background-image: -webkit-linear-gradient(bottom, #FEFEFE 0%, #E7E7E5 100%);
background-image: -ms-linear-gradient(bottom, #FEFEFE 0%, #E7E7E5 100%);
background-image: linear-gradient(to bottom, #FEFEFE 0%, #E7E7E5 100%);
box-shadow: 0 0 2px 2px #454545, 5px 5px 5px #333;
-moz-box-shadow: 0 0 2px 2px #454545, 5px 5px 5px #333;
-webkit-box-shadow: 0 0 2px 2px #454545, 5px 5px 5px #333;
border-radius:5px;
border:none;
font-size: 15px;
font-family: Arial;
color: #373737;
}

#box h1 {
font-size: 25px;
font-family: Myriad Pro;
color: #000000;
font-weight:normal;
}

#content {
padding:0 9%;
}

#logo {
text-align:center;
margin-top:20px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.footer_link {
text-align:center;
margin-bottom:15px;
}


.btn-reg {
	float:right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:33px;
	min-width:116px;
	border:1px solid #ccc;
	font-size: 16px;
	font-weight: normal;
	font-family: Myriad Pro;
	text-shadow: 1px 1px 1px #ffffff;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #D7D7D7)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #D7D7D7 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #D7D7D7 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #D7D7D7 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #D7D7D7 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #D7D7D7 100%);
margin-right:10px;
}
.btn-reg:hover {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F6F6F6),
	color-stop(1, #C2C2C2)
);
background-image: -o-linear-gradient(bottom, #F6F6F6 0%, #C2C2C2 100%);
background-image: -moz-linear-gradient(bottom, #F6F6F6 0%, #C2C2C2 100%);
background-image: -webkit-linear-gradient(bottom, #F6F6F6 0%, #C2C2C2 100%);
background-image: -ms-linear-gradient(bottom, #F6F6F6 0%, #C2C2C2 100%);
background-image: linear-gradient(to bottom, #F6F6F6 0%, #C2C2C2 100%);
}

.btn-signin {
	float:right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height:33px;
	min-width:116px;
	border:1px solid #0b82bd;
	font-size: 16px;
	font-weight: normal;
	font-family: Myriad Pro;
	text-shadow: 1px 1px 1px #000;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #3691DB),
	color-stop(1, #2676BC)
);
background-image: -o-linear-gradient(bottom, #3691DB 0%, #2676BC 100%);
background-image: -moz-linear-gradient(bottom, #3691DB 0%, #2676BC 100%);
background-image: -webkit-linear-gradient(bottom, #3691DB 0%, #2676BC 100%);
background-image: -ms-linear-gradient(bottom, #3691DB 0%, #2676BC 100%);
background-image: linear-gradient(to bottom, #3691DB 0%, #2676BC 100%);
color:#fff;
}

.btn-signin:hover {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #2D77B3),
	color-stop(1, #186098)
);
background-image: -o-linear-gradient(bottom, #2D77B3 0%, #186098 100%);
background-image: -moz-linear-gradient(bottom, #2D77B3 0%, #186098 100%);
background-image: -webkit-linear-gradient(bottom, #2D77B3 0%, #186098 100%);
background-image: -ms-linear-gradient(bottom, #2D77B3 0%, #186098 100%);
background-image: linear-gradient(to bottom, #2D77B3 0%, #186098 100%);
}



hr {
border:0;
margin: 20px 0;
border-top:2px solid #dedede;
border-bottom:2px solid #f2f2f2;
}

label {
float: left;
width: 25%;
}

label.input {
margin-top:7px;
}

input[type="text"] {
float: left;
width: 75%;
/*
margin-bottom:20px;
height: 21px;
font-size:14px;
line-height:21px;
padding:0 3px;
border:1px solid #8298bf;
*/
}

input[type="password"] {
float: left;
width: 75%;
/*
margin-bottom:20px;
height: 21px;
font-size:14px;
line-height:21px;
padding:0 3px;
border:1px solid #8298bf;
*/
}

.clear {
clear:both;
}

p {
margin-top:0; 
margin-bottom:20px;
}

#footer {
text-align:center;
color: #cbcbcb;
font-size: 13px;
font-family: arial;
font-weight: bold;
margin-top: 100px;
text-shadow: 2px 2px 2px #000000;
}

#footer a {
color: #cbcbcb;
}

@media (max-width:540px) {
label {width:100%;}
input[type="text"] {width:100%;}
input[type="password"] {width:100%;}
h1 {margin-top:25px;}
#footer {margin-top:50px;}
}

@media (max-width:370px) {
.btn-reg {margin-top:5px; margin-right:0; clear:right; }
}