/* DEFAULTS */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, img, a, div, tr, td, table, hr, form, fieldset {
margin: 0px;
padding: 0px;
border: 0px;
color: #000;
font-weight: normal;
text-decoration: none;
font-family: arial;
}

body {
background-color: #F5F5F5;
}

h2 {
text-align: center;
padding: 10px 0 0 0;
}

/* login */
#login {
padding: 20px 20px 200px 20px;
}

#login img {
width: 200px;
display: block;
margin: 0 auto 20px auto;
}

#login #instructions p {
margin: 10px 0 0 0;
text-align: center;
line-height: 1.3em;
}

#instructions p a, #bse_link a {
color: #000000;
color: #0069D6;
}

#instructions p a:hover, #bse_link a:hover {
text-decoration: underline;
}

#login #login_inner {
width: 80%;
margin: 20px auto 0 auto;
}

#login label {
padding: 10px 0 0 0;
display: block;
font-weight: bold;
}

#login input[type=text], #login input[type=password], #login textarea, #login select {
width: 100%;
font-size: 1.3em;
display: inline-block;
margin: 0 auto;
box-sizing:border-box;
}

#login select {
font-size: 1.1em;
}

#login #footer {
text-align: center;
margin: 100px 0 0 0;
font-size: 0.8em;
}

#login_form_div #err_msg {
color: red;
font-size: 14px;
}

@media (min-width: 540px)
{
	body {
	background-color: #333;
	}
	
	#login #login_inner {
	width: 300px;
	border: 1px solid #ccc;
	padding: 20px 40px;
	}
	
	#login {
	max-width: 760px;
	margin: 20px;
	padding: 30px 50px 30px 50px;
	background-color: #F5F5F5;
	}
	
	#login input[type=text], #login input[type=password] {
	width: 100%;
	}		
}

@media (min-width: 900px)
{
	#login {
	margin: 20px auto 20px auto;
	}
}

/* Request Access */
#ra_notifications {
margin: 15px auto;
}

#ra_notifications p {
color: red;
text-align: center;
}

#request_access #security {
margin-top: 15px;
}

/* button */
button {
margin-top: 10px;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-transition: all 0.1s linear 0s;
background-color: #E6E6E6;
background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
background-repeat: no-repeat;
border-color: #CCCCCC #CCCCCC #BBBBBB;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: normal;
padding: 5px 14px 6px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #333333;
background-image: -moz-linear-gradient(center top , #cccccc, #333333);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
display: block;
margin: 15px auto;  
}

button:hover {
background-position: 0 -15px;
color: #fff;
text-decoration: none;
}