body{
	margin:0 auto;
	background: #eee;
	font-family: verdana, arial, sans-serif;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #FFFFFF;
  color: white;
  padding: 8px;
  z-index: 100;
}

.skip-link:focus {
  top: 100;
}

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -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);
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
	font-size:small;
}
.new-account
{
    display: block;
    margin-top: 10px;
}


.footer{
	width:100%;
	left:0;
	position:fixed;
	bottom:0;
	text-align:center;
	color:white;
	background-color: #3874b9;
}


/*menu*/
.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px 5px 10px;

}

.navbar-brand>img, .navbar-brand>a>img  {
	max-height: 100%;
	height: 100%;
	width: auto;
	margin: 0 auto;
	/* probably not needed anymore, but doesn't hurt */
	-o-object-fit: contain;
	object-fit: contain; 
}
.navbar-inverse {
	background-color: #3874b9;
	border-color: #3874b9;
	#background-color:#06aa6a;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #3874b9;
}
.navbar-inverse .navbar-toggle {
	border-color: #3874b9;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #3874b9;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: green;
	#border: 1px solid rgba(0,0,0,.15);
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #3874b9;
}

.navbar-inverse .navbar-nav>.active>a{
	color: #3874b9;
	background-color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color: #3874b9;
	background-color: #fff;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}

@media (max-width: 767px){
	.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before 
	{
		display: table;
		content: " ";
	}
}

@media (max-width: 767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #3874b9;
		background-color: #fff;
	}
}

@media (max-width: 767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
}

.dropdown-menu>li>a {
	color: #fff;
	background-color: #3874b9;
}

.dropdown-menu>li>a:hover {
	color: #3874b9;
	background-color: #fff;
}


.navbar-nav>li>.dropdown-menu {
	background-color: #3874b9;
}

/*

*/


.outer-container {
    position : absolute;
    display: table;
    width: 100%; /* This could be ANY width */
    height: 75%; /* This could be ANY height */
	padding-bottom:50px;
}


.inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	width:100%;
}

.centered-content {
	width:50%;
    display: inline-block;
    text-align: left;
    padding : 20px;
}

#box-header{
	width: 100%;
	background:#3874b9;
	text-align:left;
	color:white;
	border-radius: 6px 6px 0px 0px;
	line-height:25px;
	font-weight:bold;
}

#box-content{
	width: 100%;
	border:1px solid #3874b9;
}

#box-text{
	font-size:18px;
}

#box-footer{
	width: 100%;
	background:#3874b9;
	text-align:left;
	color:white;
	border-radius: 0px 0px 6px 6px;
	line-height:25px;
	padding-left: 25px;
	font-weight:bold;
}

table{
	width:100%;
}

@media screen and (orientation:portrait) and (max-width: 576px) {
    .hide-on-portrait{
		display:none;
	}
}

@media screen and (orientation:portrait) and (min-width: 576px) {
    .hide-on-portrait{
		display:block;
	}
}


th, td{
	text-align:center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
	padding:3px;
}


.footer{
	line-height:30px;
}

@media screen and (max-width: 350px){
	.centered-content {
		width:100%;
	}
	
	table{
		width:100%;
	}
	
	.footer{
		line-height:normal;
	}
}

@media screen and (max-width: 960px){
	.centered-content {
		width:100%;
	}
	
	table{
		width:100%;
	}
	
	.footer{
		line-height:normal;
	}

}

input[type=submit] {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 15px;
    background: #3874b940;
    border: 0 none;
    cursor: pointer;
    color: green;
    -webkit-box-shadow: inset 0px 0px 6px #3874b940;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid green;
}
#test a{color:#08db6c;}