﻿/* Move down content because we have a fixed navbar that is 50px tall */
body 
{
    padding-top: 0px; /* 50px; */
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content 
{
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea 
{
    max-width: 280px;
}

div.centerContent
{
    text-align: center;
}

div.leftContent
{
    text-align: left;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) 
{
    .jumbotron 
    {
        margin-top: 20px;
    }

    .body-content 
    {
        padding: 0;
    }
}

.navbar-normal 
{
    font-family:Arial;
}

.navbar-normal 
{
  background-color: white;
  border-color: #080808;
}

.navbar-normal .navbar-brand 
{
  color: #777777;
}

.navbar-brand-ctr 
{
    text-align:center;
    color: #777777;
}

.navbar-normal .navbar-brand:hover,
.navbar-normal .navbar-brand:focus 
{
  color: #000000;
  background-color: transparent;
}

.navbar-normal .navbar-text 
{
  color: #808080;
}

.navbar-normal .navbar-nav > li > a 
{
  color: #808080;
}

.navbar-normal .navbar-nav > li > a:hover,
.navbar-normal .navbar-nav > li > a:focus
{
  color: #000000;
  background-color: transparent;
}

.navbar-normal .navbar-nav > .active > a,
.navbar-normal .navbar-nav > .active > a:hover,
.navbar-normal .navbar-nav > .active > a:focus 
{
  color: #000000;
  background-color: #080808;
}

.navbar-normal .navbar-nav > .disabled > a,
.navbar-normal .navbar-nav > .disabled > a:hover,
.navbar-normal .navbar-nav > .disabled > a:focus 
{
  color: #444444;
  background-color: transparent;
}

.navbar-normal .navbar-toggle 
{
  border-color: #333333; 
}

.navbar-normal .navbar-toggle:hover,
.navbar-normal .navbar-toggle:focus 
{
  background-color: #333333;
}

.navbar-normal .navbar-toggle .icon-bar 
{
  background-color: #000000;
}

.navbar-normal .navbar-collapse,
.navbar-normal .navbar-form 
{
  border-color: #101010; 
}

.navbar-normal .navbar-nav > .open > a,
.navbar-normal .navbar-nav > .open > a:hover,
.navbar-normal .navbar-nav > .open > a:focus 
{
  color: #000000;
  background-color: #080808;
}

.navbar-normal .navbar-nav > .dropdown > a:hover .caret 
{
  border-top-color: #000000;
  border-bottom-color: #000000;
}

.navbar-normal .navbar-nav > .dropdown > a .caret 
{
  border-top-color: #808080;
  border-bottom-color: #808080;
}

.navbar-normal .navbar-nav > .open > a .caret,
.navbar-normal .navbar-nav > .open > a:hover .caret,
.navbar-normal .navbar-nav > .open > a:focus .caret 
{
  border-top-color: #000000;
  border-bottom-color: #000000;
}

@media (max-width: 767px) {
  .navbar-normal .navbar-nav .open .dropdown-menu > .dropdown-header 
  {
    border-color: #080808;
  }
  .navbar-normal .navbar-nav .open .dropdown-menu > li > a 
  {
    color: #808080;
  }
  .navbar-normal .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-normal .navbar-nav .open .dropdown-menu > li > a:focus 
  {
    color: #000000;
    background-color: transparent;
  }
  .navbar-normal .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-normal .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-normal .navbar-nav .open .dropdown-menu > .active > a:focus 
  {
    color: #000000;
    background-color: #080808;
  }
  .navbar-normal .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-normal .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-normal .navbar-nav .open .dropdown-menu > .disabled > a:focus 
  {
    color: #444444;
    background-color: transparent;
  }
}

.navbar-normal .navbar-link 
{
  color: #808080;
}

.navbar-normal .navbar-link:hover 
{
  color: #000000;
}

body 
{
    text-align: center;
}

table, th, td 
{
    /*border: 1px solid black;*/
    border-collapse: collapse;
}

table.centered
{
    margin-left: auto; 
    margin-right: auto;
}

tr.centered
{
    text-align: center
}

tr.verticalSpacer, td.verticalSpacer
{
    height: 10px;
}

th.header
{
    column-span: all;
    text-align: center;
    margin: auto;
}

td.top-centered
{
    vertical-align: top;
    text-align: center;
    margin: auto;
}

th.centered, td.centered
{
    text-align: center;
    margin: auto;
}

th.centered-minHeight, td.centered-minHeight
{
    text-align: center;
    margin: auto;
    height: 10px;
}

th.left-aligned, td.left-aligned
{
    text-align: left;
}

th.right-aligned, td.right-aligned
{
    text-align: right;
}

th.message, td.message
{
    color: #808080;
    font-size: small;
    text-align: center;
    margin: auto;
}

td.spacer
{
    width: 5px;
}

.button-column
{
    width: 160px;
}

.rowstyle
{
    height: 10px;
}

.style6
{
	width: 540px;
    text-align: left;
}

.style15
{
    width: 840px;
    text-align: right;
}



