﻿#header .logo {
	background-image: url(../img/soe_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 30px;
	margin: 0 auto;
	background-size: 200px;
}


#body-login {
    	background: url('../img/loginbackground.jpg') no-repeat fixed center center;
    	background-size: cover;
    	background-position: 50% 90%;
	font-family: 'Open Sans', sans-serif;
    	padding-top: 100px;
    	height: 80px;
}


#body-login p.info, #body-login p.info a {
	color: #000;
}


#body-login .wrapper {
	margin: 0 auto -20px;
	width: 420px;
}

#body-user #header, #body-settings #header, #body-public #header {
	background-color: #202866;
}

#navigation {
	background-color: #202866;
	left: 220px;
}

#expanddiv{
	background-color: #202866;
}



#header .logo-icon {
    	display: inline-block;
    	background-image: url(../img/logo_icon.png);
    	background-repeat: no-repeat;
    	width: 200px;
    	height: 24px;
	margin-top: 5px;
}

#header .header-appname-container {
	left: 250px;
}



.searchbox input[type="search"]:focus, .searchbox input[type="search"]:active, .searchbox input[type="search"]:valid {
	background-color: rgba(240,240,240,.9);
	border: 1px solid #02133c;
}



.searchbox input[type="search"]:valid {
	color: #02133c;
}

#body-login form input[type="checkbox"] + label {
    color: #000;}


input.checkbox--white[type="checkbox"] + label::before {
    background-image: url('../img/actions/checkbox-black.jpg');}



input.checkbox--white[type="checkbox"]:checked + label::before {
	background-image: url('../img/actions/checkbox-checked-black.jpg');}








