/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * C#92d6f5it left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
     Web Fonts
     ========================================================================== */

.Swiss721BT-Light {
    font-family: Swiss721BT-Light, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.Swiss721BT-Roman {
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
}
.Swiss721BT-Bold, strong, b {
    font-family: Swiss721BT-Bold, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.Swiss721BT-Medium {
    font-family: Swiss721BT-Medium, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.MontrealTS-Light {
    font-family: MontrealTS-Light, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.MontrealTS-XLight {
    font-family: MontrealTS-XLight, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.MontrealTS-DemiBold {
    font-family: MontrealTS-DemiBold, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.MontrealTS-Medium {
    font-family: MontrealTS-Medium, sans-serif;
    font-weight: normal;
    font-style: normal;
}
.CF-TEST1 {
    font-family: CF-TESTone, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.CF-TEST2 {
    font-family: CF-TESTtwo, sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
     Base styles
     ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #0E0E0E;
}

/*h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  padding: 0;
  margin: 0;
  font-weight: normal;
}*/

h1 {
    font-weight: normal;
    font-size: 2.5em;
    margin: 0;
}

h2 {
    font-weight: normal;
    font-size: 2.5em;
    margin: 0;
}

select, input {
    padding: 2px;
}

textarea {
    padding: 5px;
}

html {
        background: #0E0E0E;
}

body {
    min-width: 0em !important;
    background: white;
    margin: 0 auto;
    font-family: sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: .8em;
    line-height: 1.4;
    color: #464646;
}

.placeholder {
  color: #aaa;
}

#maincontainer {
        background-color: white;
}

.confineMaxWidth {
    max-width: 1150px;
    margin: 0 auto
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #90ff00; /* f6ff00 */
    text-shadow: none;
}

::selection {
    background: #90ff00;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #555;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*
 * apply a natural box layout model to all elements
 */

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

 select {
     -webkit-appearance: check;
 }


/* ==========================================================================
     Author's base styles
     ========================================================================== */


.col-1 { width: 12.5%; }
.col-1-fixed { width: 5.921875em; }

.col-2 { width: 25%; }
.col-2-fixed { width: 11.84375em; }

.col-3 { width: 37.5%; }
.col-3-fixed { width: 17.765625em; }

.col-4 { width: 50%; }
.col-4-fixed { width: 23.6875em; }

.col-5 { width: 62.5%; }
.col-5-fixed { width: 29.609375em; }

.col-6 { width: 75%; }
.col-6-fixed { width: 35.53125em; }

.col-7 { width: 87.5%; }
.col-7-fixed { width: 41.453125em; }

.col-8 { width: 100%; }
.col-8-fixed { width: 47.375em; }

ul, p {padding: 0; margin: 0; color: #636363;}

#contentwrapper {
    /*margin-top: -1.3em;*/
}

#leftfixed {
    float: left;
    width: 14.5em; /*Width of left column (2-col fixed width) */
}

#contentcolumn {
    margin-left: 14.5em; /*Set left margin to #leftcolumn width */
    min-height: 30em;
}

.noLeftColumn {
    margin-left: 3.125em !important;
}

.edgeToEdge {
    margin-left: 0em !important;
}

/* * /
#maincontainer {
    max-width: 80em;
    margin: auto;
}
/* */

.mgl {
    margin-left: 1.125em;
}

.mgr {
    margin-right: 1.125em;
}

.mga {
   margin-left: 1.125em;
   margin-right: 1.125em;
}

.text p {
      margin-top: 1em;
      border-top: 1px solid #d3d0ce;
      padding-top: 1em;
}

/* ==========================================================================
       System Buttons
     ========================================================================== */

.sysButton {
    font-family: Swiss721BT-Roman,sans-serif;
    text-decoration: none;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    width: 6em;
    display: inline-block;
    position: relative;
    top: -.5em;
    cursor: pointer;
}

input.sysButton {
    padding: 7px;
}

/* Excited button Style */

.bTypeBright {
    background: #ff9936;
    border: 1px solid red;
    color: white !important;
}

.bTypeBright:hover {
    background: #ff8813;
}

.bTypeBright:active {
  background: white !important;
  color: #2e7af2 !important;
}

/*
    Save Button Style
                            */

.bTypeSave {
    background-color: #2e7af2;
    border: 1px solid #2e7af2;
    color: white;
}

.bTypeSave:hover {
  background: #216df1;
}

.bTypeSave:active {
  background: white !important;
  color: #2e7af2 !important;
}

/*
    Cancel Button Style
                            */

.bTypeCancel {
    background-color: #cdcdcd;
    border: 1px solid #cdcdcd;
    color: white;
}

.bTypeCancel:hover {
  background: #cacaca;
}

.bTypeCancel:active {
  background: black !important;
}

/*
    Alternate Button Style
                            */

.bTypeAlter {
    font-family: sans-serif;
    background-color: transparent;
    border: 1px solid #3D8DFD;
    color: #3D8DFD !important;
}

.bTypeAlter:hover {
  background: #f6faff;
}

.bTypeAlter:active {
  background: #3D8DFD !important;
  color: white !important;
}

/*
    Deny Button Style
                            */

.bTypeDeny{
    background-color: #db6c00;
    border: 1px solid #db6c00;
    color: white;
}

.bTypeDeny:hover {
  background: #ed7601;
}

.bTypeDeny:active {
  background: #ffeedd !important;
  color: black !important;
}


/*
    Variable button style
                            */

.bTypeVary{
    top: 0;
    font-family: sans-serif;
    background-color: #2e7af2;
    border: 1px solid #2e7af2;
    padding: 1px !important;
    color: white;
    width: 6em;

}

.bTypeVary:hover {
  background: #216df1;
}

.bTypeVary:active {
  background: white !important;
  color: #2e7af2 !important;
}

/*
    Variable button style
                            */

.bTypeFront{
    top: 0;
    font-family: sans-serif;
    background-color: #2e7af2;
    border: 1px solid #2e7af2;
    padding: 5px !important;
    color: white;
    min-width: 161px;
    margin-left: 0;

}

.bTypeFront:hover {
  background: #216df1;
}

.bTypeFront:active {
  background: white !important;
  color: #2e7af2 !important;
}



/*
    Disabled Button Style
                            */

.sysButton[disabled], .bTypeDisabled {
    color: #bbb;
    background-color: #ddd;
    border: 1px solid #eee !important;
    cursor: pointer;
}

/* Stripe button */
.stripe-button-el:active:not(:disabled), .stripe-button-el.active {
    background: none repeat scroll 0 0 #005d93;
    background-image: linear-gradient(#28A0E5, #015E94);
}

.stripe-button-el:active span {
    background: linear-gradient(#30A2E4, #008CDD 85%, #30A2E4) repeat scroll 0% 0% #1275FF;
}

.stripe-button-el {
    /*overflow: hidden;*/
    display: inline-block;
    visibility: visible !important;
    background-image: linear-gradient(#28A0E5, #015E94);
    border: 0px none;
    padding: 1px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-user-select: none;
    cursor: pointer;
}
.stripe-button-el span {
    display: block;
    position: relative;
    padding: 0px 6px;
    height: 25px;
    line-height: 25px;
    background: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4) repeat scroll 0% 0% #1275FF;
    color: #FFF !important;
    font-family: Swiss721BT-Bold,sans-serif;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
    border-radius: 4px;
}


/** MORE **/

.header .menuIcon {
  display: none;
}
.header .menu {
  position: relative;
}
.header .menu ul {
  padding: 0;
  margin: 0;
}
.header .menu ul li {
  position: relative;
  display: inline-block;
  padding: 0;
  list-style: none;
}

.mobileMenu {
  display: none;
  width: 50%;
  position: absolute;
  margin-left: -100%;
  top: 0;
  z-index: 2;
}
.mobileMenu ul {
  margin: 0;
  padding: 0;
}
.mobileMenu ul li {
  list-style: none;
  margin: 0;
}
.mobileMenu ul li a {
  display: block;
}
.mobileMenu ul li a:hover, .mobileMenu ul li a:active {
  background-color: #999;
}

.mobileBodyWrapper .mobileDimmer {
  left: 50%;
  z-index: 100;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

@media only screen and (max-width: 800px) {
  .header .menuIcon {
    display: inline-block;
    text-align: left;
  }
  .header .menu {
    max-height: 0;
    overflow: hidden;
  }

  .mobileBodyWrapper.menuOpen {
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
  }

  .mobileMenu.menuOpen {
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    display: block;
    top: 0;
    margin-left: 0;
    z-index: 1;
    width: 50%;
    bottom: 0;
    background: white;
  }

  .mobileMenu.menuOpen ul li {
    padding: 1em;
  }

}

.bgNoise {
    background: #f7f7f7 url('/cleanpix/images/tempImg/noisy-mobi.jpg');
    padding: 1em; border-bottom: 1px solid #e4e4e4; padding-top: 4em;
}

.bgWhite {
  padding: 1em; border-bottom: 1px solid #e4e4e4;
}

.bgGradient {
    background: url('/images/public/gradient.png');
    background-repeat:repeat-x;
}

/* Youtube Reflexive */
.vid-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 35px; height: 0; overflow: hidden;
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.plainLink {
    color: #3d8dfd !important;
    text-decoration: none;
}

#fixedPublicMenu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 99;
    height: 4em;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.sectionBorder {
    border-bottom: 2px solid #e4e4e4;
    margin-top: .25em;
    margin-bottom: .25em;
}

.footer {
    background-color: #0e0e0e;
    color: #aaa;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    z-index: 999;
}


.contactFooter {
    padding-left: 1.125em
}

.contactSalesFooter {
  float: left;
  width: 15em;
}

.supportFooter {
  float: left;
  width: 15em;
  border-left: 1px dashed #aaa;
  padding-left: 2em;
}

.etcFooter {
  float: left;
  width: 15em;
  border-left: 1px dashed #aaa;
  padding-left: 2em;
}

.adminFooter {
  float: left;
  width: 15em;
  border-left: 1px dashed #aaa;
  padding-left: 2em;
}

.footerText {
  color: white;
  margin-bottom: 1.5em;
  display: inline-block;
}

.footerAdminText {
  color: #00ff1e;
  margin-bottom: 1.5em;
  display: inline-block;
}

.poweredBySpacing {
/*  line-height: 2em; */
  margin-top: -3em
}

.poweredByAlert {
  position: relative;
  bottom: 7em;
  color: black;
  font-size: .9em;
}

.cpPoweredIcon {
  padding-bottom: 3px;
  height: 25px;
}

.regMark {
  vertical-align: super;
  font-size: .5em
}

.copyrightFooterText {
  margin-top: 3em;
  font-size: .9em;
  color: #576060
}

.mobileNavLogo {
  display: none;
}