*, *:before, *:after {
  box-sizing: border-box; }

.container {
  margin: 0 auto;
  max-width: 768px;
  max-width: 48rem;
  width: 90%; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

@media (min-width: 770px) {
  .column {
    float: left;
    padding-left: 1rem;
    padding-right: 1rem; }
    
  .column.full {
    width: 100%; }
    
  .column.two-thirds {
    width: 66.7%; }
    
  .column.half {
    width: 50%; }
    
  .column.third {
    width: 33.3%; }
    
  .column.fourth {
    width: 25%; }
    
  .column.flow-opposite {
    float: right; } }

* {
  font-family: 'Open Sans', sans-serif; }

header h1 {
  padding-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

h1 {
  padding-bottom: 0.67em;
  text-align: center; }

a {
  color: #009DE0;
  font-weight: 700; }
  a:hover {
    color: #EE7E00; }

img {
  display: block;
  margin: auto; }

header.opus {
  color: #fff;
  background: #009de0;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009de0), color-stop(100%, #0079bc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #009de0 0%, #0079bc 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #009de0 0%, #0079bc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009de0', endColorstr='#0079bc',GradientType=0 );
  /* IE6-9 */ }
  header.opus h1 {
    margin-top: 0;
    padding-top: 0.67em;
    font-weight: 300; }

.dev-nav {
  position: fixed;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 2em;
  width: 100%; }
  
  .dev-nav li {
    list-style-type: none;
    display: inline-block;
    padding: 0 1em;
    border-left: 1px solid black; }

button, .button {
  background: none;
  border: none;
  border: 1px solid black;
  border-radius: 0.2em;
  padding: 0.5em 1em; }
  
  button.primary, .button.primary {
    border-color: #009DE0;
    color: #009DE0;
    margin: 1.5em auto; }
    
    button.primary:hover, .button.primary:hover {
      border-color: #EE7E00;
      color: #EE7E00; }
      
  button.disabled, .button.disabled {
    color: #9e9e9e;
    border-color: #9e9e9e;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #ebebeb; }
    
    button.disabled:hover, .button.disabled:hover {
      color: #9e9e9e;
      border-color: #9e9e9e;
      cursor: not-allowed; }
      
  button:hover, .button:hover {
    cursor: pointer; }
    
  button.centered, .button.centered {
    margin-left: auto;
    margin-right: auto;
    display: block; }

label[for], input[type=checkbox] {
  cursor: pointer; }

.validation {
  display: none;
  color: #e51c23;
  font-size: 0.8em; }

.notification {
  display: none;
  border-radius: 0.2em;
  padding: 0.5em;
  margin: 1em 0; }
  
  .notification.error {
    display: block;
    color: red;
    border: 1px solid red; }
    
    .notification.error:before {
      content: '!';
      color: red;
      font-weight: 700;
      margin: 0 0.5em; }
      
  .notification.success {
    display: block;
    color: #00A950;
    border: 1px solid #00A950; }
    
    .notification.success:before {
      content: '\2713';
      color: #00A950;
      font-weight: 700;
      margin: 0 0.5em; }

.form 
{
    margin-bottom: 1em;
}

.form label 
{
    display: inline-block;
    width: 32%;    
}
    
button 
{
    outline: none;
}


.fieldInput 
{
    margin: 0.5em 0;
}


.hide
{
    display: none !important;
}

.backoutprogress
{
   
    z-index: -1; 
}

.upfrontprogress
{
    display: block;
    background-color:White;
    color: #009de0;
    border: 1px solid #009de0 ;
    
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; /* future proofing */
    -khtml-border-radius: 15px; /* for old Konqueror browsers */
    
    width: 400px ;
    height: 80px;
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -60px 0px 0px -220px;
    z-index: 5; 
}


.overlay
{
    background-color: Gray;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 2; 
    width: 100%;
    height: 100% ;
    top: 0%;
    left: 0%;
    position: fixed;
}

.imgprogress
{
     vertical-align:text-bottom !important;
     display: inline !important;
     padding: 0 0 0 30px;
}

.close
{
}

.splash
{
 
}





bodysplash
{
  background-image:  url("../Images/splashscr1.png")  !important;
  background-repeat: no-repeat;
  background-color: #cccccc;
   background-position:center;
}

#divlogos
{
    width: 95%;
}


#divsplashbtns
{
    clear: both;
}

.centerbtns
 {
    margin-left: auto;
    margin-right: auto;
   
    display: block;
   
    
}

.fatpaddingright
{
    margin-right: 85px !important;
    
}

.gorightside
{
    position: absolute;
     right: 10px;
    
}

.bottom
{
    position: absolute;
    bottom: 2px;
}

img
{
    float: left !important; margin-right: 1%  !important; margin-bottom: 0.5em  !important;
}


#imgconu
{
    width: 120px;
    height: 40px;
    
}


#imgstm
{
    width: 120px;
    height: 75px;
    
}

.divleft
{
   
    margin-left: 10px !important;
}


#divbody
{
    clear: both;
    padding-top: 5px;
    color:Black;
}

#divpayfailmsg
{
    background: #009de0 !important;
    color: White  !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; /* future proofing */
    -khtml-border-radius: 15px; /* for old Konqueror browsers */
    padding: 10px;
    margin-top: 50px;
}

.textMoverFailPay
{
    margin-left: 68px;
}


#divlogos .bottom
{
    
}

#divconulogo
{
    float: left;
    width: 500px;
}

#divstmlog
{
    float: left;
}

.italics
{
    font-style:italic;
}


.notacceptterms
{
     font-size: smaller !important;
}


.bold
{
    font-weight: bold !important;
}

.terms {
    margin: 5% 10% 5% 10%;
    border: 1px solid Gray;
    overflow: scroll;
    padding: 7px;
    height: 650px;
    width: 700px;
}

.docid {
    color:silver !important;
    font-size:smaller;
}