/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
  font-size:16px;
}

.left {
    float:left;
}
.right {
    float:right;
}

h1 {
    color:#628BB1; font-weight:bold; font-size:20pt;
}
.myBanner h1 {
    color:#FFF; text-shadow: 2px 2px #000;
}

.navbar-brand {
    padding: 5px 15px;
}

.navbar-ML {
    background-color:#628BB1; border-radius:0px; margin-bottom:0px; min-height:40px;
}
.navbar-ML-black {
    background-color:#000000; border-radius:0px; margin-bottom:0px; min-height:40px;
}
.navbar-nav li a, .navbar-nav li a:active, .navbar-nav li a:visited,
.navbar-nav li.dropdown a, .navbar-nav li.dropdown a:active, .navbar-nav li.dropdown a:visited {
    color:#FFF; background-color:#000000;
}
.navbar-nav li a:hover, .navbar-nav li.dropdown a:hover {
    color:#000000; background-color:#FFF;
}
.navbar-nav li.active a, .navbar-nav li.active a:active, .navbar-nav li.active a:visited, .navbar-nav li.active a:hover, 
.navbar-nav li.open a, .navbar-nav li.open a:active, .navbar-nav li.open a:visited, .navbar-nav li.open a:hover {
    color:#000000; background-color:#FFF;
}
.navbar-nav li.active li.active a, .navbar-nav li.active li.active a:active, .navbar-nav li.active li.active a:visited, .navbar-nav li.active li.active a:hover {
    color:#FFF; background-color:#000000; background-image:none;
}

.navbar-toggle {
    background-color:#CCC;
}
.icon-bar {
    color:#FFF; background-color:#FFF;
}


/* Homepage Banner Slider */
.jumbotron {
    padding:22px 0px 0px 0px; background-color:#82a2c1; margin-bottom:0px;
}
.carousel-caption {
    text-align:left;
    /*left: 15%; right:30%;*/
    position:absolute; top:5%; left:15%;
}
.carousel-caption h1 {
    font-family:Arial, Helvetica, sans-serif; font-size:26pt; font-weight:bold;
    text-shadow: 2px 2px #000;
}
.carousel-caption p {
    font-family:Arial, Helvetica, sans-serif; font-size:16pt; font-weight:bold;
    text-shadow: 2px 2px #000;
}
.carousel-control.left, .carousel-control.right {
    background:none;
}


/* Custom Form */
.customForm {
    padding:10px; color:#000; font-size:16pt; vertical-align:baseline;
}
.customForm select, .customForm input {
    font-size:12pt; margin:0px 5px; vertical-align:middle;
}


/* Subpage Banner */
.myBanner {
    padding:22px 0px 0px 0px; background-color:#82a2c1;
}
.banner {
    position:relative;
}
.banner-caption {
    text-align:left; position:absolute; top:5%; left:15%; color:#FFF;
}
.banner-caption h1 {
    font-family:Arial, Helvetica, sans-serif; font-size:26pt;
    text-shadow: 2px 2px #000; color:#FFF; font-weight:normal;
}
.banner-button {
    text-align:left; position:absolute; bottom:5%; right:15%; color:#FFF;
}


/* Banner to show on XS and SM devices */
.banner-xs-sm {
    background-color:#82a2c1; color:#FFF;
}
.banner-xs-sm h1 {
    font-size:20pt; color:#FFF; text-shadow: 2px 2px #000;
}



/* General Styles */
.panel-primary>.panel-heading {
    background-image:linear-gradient(to bottom,#305183 0,#628BB1 100%);
    background-color:#628BB1;
}

.panel-noBottomMargin {
    margin-bottom:0px;
}

.home-caption {
    padding:10px; color:#FFF;
    background-image:linear-gradient(to bottom,#628BB1 0,#305183 100%);
    background-color:#628BB1;
}
.home-caption a, .home-caption a:link, .home-caption a:active, .home-caption a:hover {
    text-decoration:none; color:#FFF;
}

.bg_blue {
    background-color:#c0d2e0;
}
.bg_white {
    background-color:#FFF;
}
.bg_EEE {
    background-color:#EEE;
}
.bg_EEE hr {
    color:#FFF; background-color:#628BB1; height:2px; width:100%; border:0; padding:0;
}

.btn-default {
    text-shadow:none;
}

.pad-5 {
    padding:5px;
}
.pad-v10 {
    padding:10px 0px;
}
.pad-rb10 {
    padding:0px 10px 10px 0px;
}

.blue {
    color:#628BB1;
}
.bold {
    font-weight:bold;
}
.error {
    color:#FF0000;
}

.list-inline {
    margin:0px 0px 5px 0px;
}
.list-bullet li {
    margin:0px 0px 6px 0px;
}


.moduleList {
    font-size:14px;
}

/* Footer */
.footer {
    background-color:#525355; color:#FFF; font-size:14px;
}
.footer a, .footer a:link, .footer a:active, .footer a:hover {
    text-decoration:none; color:#FFF; font-size:14px;
}



/* Pricing Page */
table.pricing {
    border-collapse:separate; border-spacing:5px 10px;
}
table.pricing tr {
    vertical-align:top;
}
table.pricing th {
    border-bottom:4px solid #628BB1;
}
table.pricing td {
    width:33%;
}
table.pricing tr.price td, table.pricing tr.description td, table.pricing tr.modules td, table.pricing tr.space td {
    padding:10px;
}
table.pricing tr.price td {
    background-color:#3d6392; font-size:20pt; color:#FFF; text-align:center;
}
table.pricing tr.description td, table.pricing tr.space td {
    background-color:#FFF;
}
table.pricing tr.modules td {
    background-color:#d9e2eb;
}



/* Contact Page */
table.contact {
    border-collapse:collapse;
}
table.contact tr {
    vertical-align:top;
}
table.contact tr td {
    padding:0px 5px 10px 5px;
}



/* Tour Page */
.tour {
    border-bottom:1px solid #000; padding:20px 0px;
}
.tour .tourinfo {
    padding:10px; background-color: #EEE;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
.tour .tourinfo h2 {
    margin-top:5px; color:#CC6600;
}






.cols {
  display: block; clear: both;
}
.divider {
    border-top:2px solid #628bb1; margin:0px;
}
.dividerHalf {
    border-top:2px solid #628bb1; margin:0px auto; width:50%;
}
.divider .dividerHead {
    position:relative; top:-20px;
}
.cols .col {
  float:left; width:260px;
  padding:10px; margin:10px 10px 10px 10px;
  line-height:1.3em;
}

.cols .colLeftShort {
  float:left; width:30%;
  padding:10px; margin:10px 10px 10px 10px;
  line-height:1.3em;
}
.cols .colRightLong {
  float:left; width:60%;
  padding:10px; margin:10px 10px 10px 10px;
  line-height:1.3em;
}

.cols .colL {
  float:left; width:520px;
  padding:10px; margin:10px 10px 10px 10px;
  line-height:1.3em;
}
.cols .colR {
  float:left; width:310px;
  padding:10px; margin:10px 10px 10px 10px;
  line-height:1.3em;
}

.cols .colHalf {
  float:left; width:415px;
  padding:10px; margin:10px 10px 10px 10px;
  line-height:1.3em;
}
.cols .colFull {
  float:left; width:100%;
  padding:0px; margin:0px;
  line-height:1.3em;
}
.cols .colIndent {
  float:left;
  padding:0px; margin:0px 50px;
  line-height:1.3em;
}
.cols .colCenter {
  padding:0px; margin:0px auto; width:75%;
  line-height:1.3em;
}

.boxes {
  display:block; clear: both; 
}
.box {
  width:260px; height:150px; float:left; padding:10px; margin:10px 10px 10px 10px;
  border:1px solid #CCC; line-height:1.3em;
}
.box img {
  display:block; margin:0px auto 5px auto;
}

.col1 {
  float:left; margin-left:0px;
  width:265px;
}
.col2 {
  float:left; margin-left:50px;
  width:265px;
}
.col3 {
  float: left; margin-left: 50px;
  width: 265px;
}

/* Testimonials Page */
.testimonials div {
  margin: 10px; line-height: 1.15em;
  border:1px solid #000; padding:5px;
  background-color:#EEE; width:45%; float:left;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -o-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.testimonial {
 line-height: 1.15em; 
  border:1px solid #000; padding:10px;
  background-color:#EEE; width:100%; float:left;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -o-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}


}


/* TABLE ELEMENTS
----------------------------------------------------------*/
.table {
    width:100%; border-spacing:0px; font-size:1em; border-collapse: collapse
}
.table tr {
    vertical-align:top;
}
.table .trHead {
    background-color:#628bb1; color:#fff; vertical-align:middle;
}
.table .trHead td {
    padding:5px;
}
.table .trRow td {
    border-top:1px solid #628bb1; padding:5px;
}
table td {
    padding: 2px; vertical-align:top;
}






/* TABLE
----------------------------------------------------------*/
.rowHead {
    background-color:#CCC; font-weight:bold;
}
.rowMain {
    
}
.rowAlt {
    background-color:#EEE;
}
.colLabel {
    font-weight:bold;
}


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}
.left {
    float:left;
}
.right {
    float:right;
}

.title {
    display: block; float: left;
    text-align: left; width: auto;
}

.error {
    font-size: 1.2em; color: Red;
}
.blue, a.blue, a.blue:link, a.blue:active, a.blue:hover, a.blue:visited {
    color:#628BB1;
}

.bold, a.bold, a.bold:link, a.bold:active, a.bold:hover, a.bold:visited {
    font-weight: bold;
}

a.link, a.link:link, a.link:active, a.link:visited {
    color:#706f6f; font-style:italic;
}
a.link:hover {
    color:#b20838; font-style:italic;
}

.submitButton {
    text-align: right; padding-right: 10px;
}

.graybox {
    background-color:#CCC; padding:10px; width:200px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.icon {
  width:16px; height:16px;
}

.orange, a.orange, a.orange:link, a.orange:active, a.orange:hover, a.orange:visited {
  color: #CC6600;
}