@import url('http://fonts.googleapis.com/css?family=Boogaloo');

* { font-family: 'Open Sans', sans-serif; font-weight:300; }
body { 
	/*
	background:#0E1469;
	color:#3b3a3c;
	*/
	font-family: 'Boogaloo', sans-serif;
	color: #fff;
	background: #000 url(../img/bg_dark2.jpg) center top no-repeat;
	background-size: cover;
}
#menu-wrap { 
	background-color:#000; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,.2)));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: linear-gradient(top, transparent, rgba(0,0,0,.2));
	
	border-color: #000 !important;
}
#menu-wrap .brand { padding-left:10px; }
#menu-wrap .brand img {
	width: auto;
	max-height: 59px;
	padding: 5px 0;
}

#menu-wrap .list-inline li { width:auto; padding:0 10px; }
#menu-wrap .list-inline li:first-child { border-left:0; }
#menu-wrap .list-inline li:hover a { color:white; }

#brand-wrap img,
#login #brand-wrap img { max-width:360px/*240px*/ !important; }
label { color:#3b3a3c; font-size:17px; }

.form-group { margin-bottom:10px; }
.form-group, input { text-align:left; }
.form-group input, .form-group select { color:#000; font-size:17px; }
.btn { 
	margin: 0;
	height: 40px;
	line-height: 30px;
	border-radius: .25em;
	-webkit-appearance: none;
	font-size: 20px;
	border: none;
	/*background: #e62327;*/
	color: #fafcfb !important;
	font-weight:bold !important;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-family:arial;
	font-family: 'Boogaloo', sans-serif;
	
	background-color: #27388B;
}
#loading {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75) url(../img/loading.gif) center center no-repeat;
	color:white;
}

h1 {
	font-size: 1.5em;
	font-family: 'Boogaloo', sans-serif;
	text-transform: uppercase;
	background-color: #E31019/*#D90909*/;
	border-color: #E7E7E7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,.2)));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: -ms-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: -o-linear-gradient(top, transparent, rgba(0,0,0,.2));
	background-image: linear-gradient(top, transparent, rgba(0,0,0,.2));
	color: #FFF;	
	margin:0;
}

input { border-radius: .25em !important; }
.btn-xs { padding:5px 10px !important; }

.box { border:0; padding:15px; padding-top:20px; background:#FFF; color:#000; margin:0px; 
	-webkit-box-shadow: 0 4px 10px rgba(0, 5, 45, 1);
	-moz-box-shadow: 0 4px 10px rgba(0, 5, 45, 1);
	-ms-box-shadow: 0 4px 10px rgba(0, 5, 45, 1);
	-o-box-shadow: 0 4px 10px rgba(0, 5, 45, 1);
	box-shadow: 0 4px 10px rgba(0, 5, 45, 1);
}

.box a { color:#BC0B0C; font-size:17px; }
.box #message { color:#e62327; font-size:15px; margin-top:0; font-weight:bold; }

#new-account-wrap p { color:#fff; }

.form-group input, .form-group select { 
	border:solid 1px #000;
	color: #000;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 34px;
 }
 
.panel-default>.panel-heading { background:#006AEC; color:white; border:0; }
 #cards .box .panel-body { border:0; padding:0; }
 #cards .box a { color:white; }
 #cards .box p a { color:#000; }
 #cards .alert { margin-bottom:0; }

 .credits-wrap  { border:solid 1px #005472; }
 .credits-wrap span { color:#333; }
 .credits-wrap .col-xs-6:nth-child(1) { border:solid 1px #006AEC; }
 .credits-wrap .col-xs-6:nth-child(2) { border:solid 1px #006AEC; }
 .credits-wrap .col-xs-6:nth-child(3) { border:solid 1px #006AEC; }
 .credits-wrap .col-xs-6:nth-child(4) { border:solid 1px #006AEC; }
 
 .listing-action input { height:40px; margin-top:0; }
 
@media screen and (max-width:700px) {
 	#menu-wrap .brand { width:100%; text-align:center; padding-left:0px; }
	#menu-wrap .pull-right { 
		clear:both;
		display: block;
		width: 100%;
		background: #000; 
	}
	#menu-wrap .list-inline li { width:auto; padding:0 10px; }
}