﻿a:link, a:visited
{
    text-decoration:none;
    color:#56a8e2;
}
a:hover, a:active
{
    text-decoration:underline;
    color:#56a8e2;
}
.button
{
    background-color:#57a8e2;
    border-radius:0px;
    color:#fff;
    display:inline-block;
    font-family:Arial;
    font-size:14px;
    padding:10px 27px;
    text-align:center;
}
.buttondisabled
{
    background-color:#c2c2c2;
}
.container 
{
    width: 100%;
}
.divider
{
    background-color:#fff;
    color:#7d7d7d;
    display:inline-block;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding:0px 10px;
    position:relative;
    top:-1em;
}
.errorContainer
{
    background-color:#ffc2c2;
}
.errorInput
{
   border:2px solid #ff0000;
}
.errorText
{
    color:#ff0000;
    font-family:Arial;
    font-size:11px;
    padding-top:5px;
    padding-bottom:10px;
}
.header
{
    background-color:#56a8e2;
    color:#fff;
    display:inline-block;
    font-family:Arial;
    font-size:14px;
    padding:10px 8px;
    width: 100%;
}
input
{
    border-radius:0px !important;
}
.largeSubtext
{
    color:#555;
    font-family:Arial;
    font-size:16px;
    padding-bottom:20px;
    text-wrap:normal;
}
.largeText
{
    color:#555;
    font-family:Arial;
    font-size:14px;
    text-align:left;
}
.line
{
    background-color:#333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
    height:1px;
    text-align:center;
}
.logoContainer
{
    padding:0px 0px 18px 0px;
    width: 350px;
}

.logoContainerRadio
{
    padding:0px 0px 18px 0px;
    width: 236px;
}

/*This media query is for the logo on mobile*/
@media (max-width: 349px) {
    .logoContainer {
        width: 100%;
    }
}

/*This media query is for the Radio logo on mobile*/
@media (max-width: 349px) {
    .logoContainerRadio {
        width: 100%;
    }
}

@media (max-width: 767px) {
  .visible-xs {
    display: none !important;
  }
  table.visible-xs {
    display: none;
  }
  tr.visible-xs {
    display: none !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: none !important;
  }

  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (max-width: 619px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #56a8e2;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.noHover
{
    text-decoration:none !important;
}
.pageFrame
{
    border: 1px solid #c6c6c6;
    float:left;
    padding: 15px;
    width: 100%;
}
.pageHeader
{
    font-family: Arial;
    font-size: 24px;
    padding-bottom: 10px;
    color: #555;
}
.panel-heading 
{
  padding: 10px 15px;
  background: #777;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color:#fff;
}
.sectionHeader
{
    color:#56a8e2;
    font-family:Arial;
    font-size:14px;
    padding-bottom:30px;
}
select
{
    border-radius:0px !important;
}
.smallText
{
    color:#555;
    font-family:Arial;
    font-size:11px;
    padding: 10px 0px;
}
.subtext
{
    color:#a1a1a1;
    font-family:Arial;
    font-size:11px;
    padding-bottom:5px;
    text-align:right;
}
.tabContainer
{
    margin-right:auto;
    margin-left:auto;
    padding:15px;
}
.text
{
    color:#555;
    font-family:Arial;
    font-size:12px;
    padding-bottom:5px;
    text-align:left;
}