/*
	CUSTOM STYLES FOR THEME
*/

/* TYPOGRAPHY
--------------------------------------------------------------*/
html {background: #FFF; }

body {color: #333; }

h1,
h2,
h3,
h4,
h5,
h6 { }

ul li,
ul ol ul li {list-style-type: disc; }

abbr,
acronym {border-color: #000; }

del {color: #000; }

hr {
    color: #f2f2f2;
    background: #f2f2f2;
    border: none 0;
    height: 1px; }

a.skip:focus,
a.skip:active {border-color: ; }

th,
td {border-color: #A0AAAA; }

th {
    text-shadow: 0 1px rgba(255,255,255,.5);
    color: #7b7b7b; }

blockquote {font-style: italic; }

cite {text-align: right; }


/* FORMS
--------------------------------------------------------------*/
label,
legend {text-shadow: 0 1px #fff; }

.formCheckbox label {text-shadow: 0 1px 1px #fff; }

input,
textarea {
    border: 1px solid #979797;
    border-radius: 3px; }

.js .default-value {color: #777; }

.formRadio input,
.formCheckbox input {border: none 0; }


/* FORM MESSAGES */
.messages {
    background-color: #E5F2E5;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15);
    box-shadow: 0 2px 2px rgba(0,0,0,.15); }


/* FORM ERROR STYLING */
.warning, .formError {
    color: #800000;
    background: url(../images/warning-icon.png) no-repeat 0 50%; }

.warning a {color: #800000; }

.formErrorSummary {
	border-color: #f33;
	background-color:#ffeaea; }

.formRequired input {
    -webkit-box-shadow: 0 0 1.5px 1px red;
    box-shadow: 0 0 1.5px 1px red; }

.warning {
    background-color: #FFE0E0;
    background-position: 10px .4em;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15);
    box-shadow: 0 2px 2px rgba(0,0,0,.15); }

.success {
    color: #004000;
    background: #E0F0E0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 2px rgba(0,0,0,.15); }


/* HELP TIPS */
.js .helpIcon:focus {
    border-radius: 100px;
    box-shadow: 0 0 3px 1px #2F90D9; }

.js .helpText {background: url(../images/help-tip.gif) no-repeat 320px 0; }

.helpText blockquote {
    background-color: #F4E9A1;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 2px rgba(0,0,0,.25); }

.helpText p,
.helpText ul,
.helpText ol,
.helpText cite {
    font-weight: 400 !important;
    font-size: 80%; }

.helpText a {color: #545757; }

.helpText a:hover,
.helpText a:focus {text-decoration: none; }

.helpText a:focus,
.helpText a:active {
    color: #fff;
    background: #545757; }

.helpText span {background: #F4E9A1 url(../images/icons/new-window-icon.gif) no-repeat 100% 90%; }

.js .helpIcon {background: url(../images/icons/help.png) no-repeat 0 0; }


/* BUTTONS
--------------------------------------------------------------*/
.button,
.button:link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #FFF;
    background: #8B2276;
    margin-top: 20px;
    border-radius: 3px;
    width:200px;
    padding-bottom: 16px; }

.buttonCont,
.buttonCont:link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #FFF;
    background: #8B2276;
    margin-top: 20px;
    border-radius: 3px;
    width:200px;
    padding-bottom: 10px; }

.button:focus,
.button:hover {
    background: #641153;
    transition: .15s ease-in-out; }

.button:active,
.button:focus {text-decoration: underline; }

.button:active {
    background: #641153;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25) inset;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25) inset; }

.buttonCont,
.buttonCont:link {
    font-size: 20px;
    color: #FFF;
    border: 1px solid #fff;
    background: #8B2276;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px; }

.buttonCont:focus,
.buttonCont:hover {
    background: #641153;
    transition: .15s ease-in-out; }

.buttonCont:focus {text-decoration: underline; }

.buttonCont:active {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25) inset;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25) inset; }


/* HEADER
--------------------------------------------------------------*/
#headerWrap {
            background: #303030;
            color: #FFF;}

#headerWrap .builtBy {
    background: url(../images/nomensa-logo-top.png) no-repeat 0 0;
    background-size: 190px 43px;
}

#headerWrap .logo {
    font-size: 100%;
    background: url(../images/logo.png) no-repeat 0 0;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%; }

#headerWrap .nav {
    background: #404040;
    color: #fff;
    border: 1px solid red; }

#headerWrap .nav a {
    color: #fff;
    background: #000; }

#headerWrap .header a {
    color: #fff;}

#headerWrap .header a:hover {
    text-decoration: none;}

#headerWrap .nav strong {
    background: #fff;
    color: #000;
    font-weight: 700; }


/* LINKS */
#links a {
      color: #fff;
      font-size: 20px;
      font-weight: 300;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-decoration: none;
      //text-shadow: 0 0 10px #fff, 0 -1px rgba(0, 0, 0, .5);
      border-radius: 3px;
      border: solid 1px #FFF;
      margin-right:20px; }

#links a:hover,
#links a:focus {
    -webkit-box-shadow: 0 0 9px 1px #fff;
    box-shadow: 0 0 9px 1px #fff;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out; }

#links a:active,
#links a:focus {text-decoration: underline; }

#links a:active {
    -webkit-box-shadow: 0 0 10px #000 inset;
  box-shadow: 0 0 10px #000 inset; }

#links a:visited {
      color: #fff;
   }


/* FOOTER
--------------------------------------------------------------*/
#footerWrap {
    font-size: 80%;
}

#footerWrap li {border-left: 1px solid #b0b0b0; }

#footerWrap li:first-child {border-left: none; }

#footerWrap a,
#footerWrap a:link {
    text-decoration: underline;
    color: #454545; }

#footerWrap a:hover,
#footerWrap a:focus,
#footerWrap a:active {text-decoration: none; }


/* ICONS
--------------------------------------------------------------*/
.shareIcon {background: #1a1a1a url(../images/icons/share.png) no-repeat 0 50%; }

.loginIcon {background: #303030 url(../images/icons/login.png) no-repeat 0 50%; }

#headerWrap .loginIcon {
    position: absolute;
    top: 10px;
    right: 0;
}

.profileIcon {background: #1a1a1a url(../images/icons/profile.png) no-repeat 0 50%; }

.statementsIcon {background: #303030 url(../images/icons/statements.png) no-repeat 0 50%; }


/*--------------------------------------------------------------
  PAGE SPECIFIC STYLING
--------------------------------------------------------------*/
/* STATEMENT GENERATOR
--------------------------------------------------------------*/
#generator form {
/*this is the entire form*/
background: url(../images/step-one/belt-start.png) no-repeat 50% 0;
}

#generator .outerWrapOne {
/* put belt through whole thing*/
background: url(../images/step-one/belt.png) repeat-y fixed center 0;
}

#generator .pageIn {
/*top section page*/
background: url(../images/page-in.png) no-repeat fixed center 18em;
}

#generator .outerWrapOne {
/*wrapper*/
}

#generator .outerWrapTwo {
/*wrapper*/
background: url(../images/step-one/tunnel-start.png) no-repeat center 0;
}

#generator h2 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
}


/* FORM STYLES */
#generator .formRadio .levelA,
#generator .formRadio .levelAA,
#generator .formRadio .levelAAA {
    background-repeat: no-repeat;
    background-image: url(../images/step-one/levels.png); }

#generator .formRadio .levelA {background-position: 1px 0; }

#generator .formRadio .levelAA {background-position: -124px 0; }

#generator .formRadio .levelAAA {background-position: -249px 0; }

#generator .formRadio .levelA.selected {background-position: 1px -223px; }

#generator .formRadio .levelAA.selected {background-position: -124px -223px; }

#generator .formRadio .levelAAA.selected {background-position: -249px -223px; }

#generator .formRadio legend {
    font-weight: 700;
    text-align: right; }

#generator .formCheckbox {background: url(../images/breaker.png) no-repeat center 0; }

.js #generator .formCheckbox label.checked {background: url(../images/checkbox-sprite.png) no-repeat 0 0; }

.js #generator .formCheckbox label {background: url(../images/checkbox-sprite.png) no-repeat 0 -200px; }

.js #generator .formCheckbox label.checked.focus {background: url(../images/checkbox-sprite.png) no-repeat 0 -400px; }

.js #generator .formCheckbox label.focus {background: url(../images/checkbox-sprite.png) no-repeat 0 -600px; }

.js #generator .formCheckbox label input {position: absolute; left: -999em; }

#generator .formCheckbox label:before {content: attr(id) ": "; }

#generator .formTextarea label:before {content: none; }

#generator .formTextarea label {
    font-weight: 700;
    background: none; }

.js #generator .formTextarea label {background: none; }


/* FORM ERRORS */
#generator .warning {
    background-position: 10px .8em;
    border-radius: 5px; }

/* STEP ONE */
#stepOne {
	background: url(../images/step-one/page.png) no-repeat fixed center 45px;
}

#stepOne .wrapOne {background: url(../images/step-one/tunnel.png) no-repeat center 0; }

#stepOne .wrapTwo {/*background: url(../images/tunnel-repeat.png) repeat-y center 0;*/
    background: white;
    border-left: solid 2px #D7D7D7;
    width: 650px;
    margin: auto;
    border-right: solid 2px #D7D7D7;}

/* STEP TWO */
#stepTwo {background: url(../images/step-two/belt.png) repeat-y fixed center 0;  }

#stepTwo .wrapOne {background: url(../images/step-two/page.png) no-repeat fixed center 45px; }

#stepTwo .wrapTwo {background: url(../images/step-two/tunnel.png) no-repeat center 0; }

#stepTwo .wrapThree {/*background: url(../images/tunnel-repeat.png) repeat-y center 0;*/
  background: white;
  border-left: solid 2px #D7D7D7;
  width: 650px;
  margin: auto;
  border-right: solid 2px #D7D7D7; }


/* STEP THREE */
#stepThree {background: url(../images/step-three/tunnel-pipes.jpg) no-repeat center 100%;  }

#stepThree .wrapOne {background: url(../images/step-three/tunnel-wide.jpg) no-repeat center 0; }

#stepThree .wrapTwo {
  background: white;
  border-left: solid 2px #D7D7D7;
  width: 650px;
  margin: auto;
  border-right: solid 2px #D7D7D7; }

#stepThree .buttonYes {background: url(../images/step-three/button-yes-bottom.png) no-repeat 0 100%; }

#stepThree .buttonNo {
    background: url(../images/step-three/button-no-bottom.png) no-repeat 0 100%;
    padding-bottom: 42px; }

#stepThree .buttonYes:focus {
    box-shadow: 0 0 1px 1px #29A2FF inset;
    outline: 1px dotted #000; }

#stepThree .buttonYes:focus span {
    box-shadow: 0 1px 1px 1px #29A2FF inset; }

#stepThree .buttonYes .buttonInner {background: url(../images/step-three/button-yes.png) no-repeat 0 0; }

#stepThree .fieldsetWrap {background: url(../images/step-three/yes-form-bg.png) no-repeat 0 0; }

#stepThree fieldset {background: url(../images/step-three/yes-form-bg-bottom.png) no-repeat 0 100%; }

#stepThree p {text-shadow: 0 1px #fff; }

#stepThree fieldset p {
    color: #000;
    font-size: 86.65%;
    font-style: italic;
    font-weight: 400;
    text-shadow: 0 1px 1px #fff; }

#stepThree fieldset span {font-weight: 700; }

#stepThree .buttonNo .buttonInner {background: url(../images/step-three/button-no.png) no-repeat 0 0; }

#stepThree .buttonNo:focus {
    box-shadow: 0 0 1px 1px #29A2FF, 0 0 1px 1px #29A2FF inset;
    outline: 1px dotted #000; }

#stepFour .wrapTwo {
}

#stepFour .wrapThree {
/* HRERERERERE */
	background: url(../images/footer-line.png) no-repeat fixed center 10%;
	background-color: #fff;
	border: 1px solid white;
}


/* FOOTER */
#generator #footerWrap .builtBy {background: url(../images/built-designed.png) no-repeat 0 0; }

#generator #footerWrap .builtBy:hover,
#generator #footerWrap .builtBy:focus,
#generator #footerWrap .builtBy:active {background-position: 0 -132px; }

/* #generator .pageOut {background: url(../images/page-out.png) no-repeat fixed center bottom; }*/


/* LOGIN/LOGOUT
--------------------------------------------------------------*/

/* LOGIN */
#login .error {
    background: #000;
    color: #fffbbb; }

#login h1 {font-size: 246.65%; }

#login .formText a {
    color: #000;
    background: url(../images/warning-icon.png) no-repeat 0 50%;
    text-shadow: 0 1px #FFF;
    font-weight: 700;
    font-size: 80%;
    text-decoration: none; }

#login .formText a:hover {text-decoration: underline; }

#login .formText a:focus,
#login .formText a:active {text-decoration: underline; }

/* welcome back */
#login .welcomeBack p {text-align: center; }


/* LOGOUT */
#logout h1 {
    font-size: 233.35%;
    font-weight: normal;
    text-align: center; }


/* LISTING STATEMENTS
--------------------------------------------------------------*/
#listing #content {background: url(../images/listing-bg.jpg) no-repeat 50% 0; }

#listing .viewBttn {
    background: #000;
    color: #fff;
    border-radius: 3px;
    text-shadow: 0 0 10px #000 inset;
    text-decoration: none; }

#listing .button {font-size: 120%; }
#listing .buttonCont {
    background: #fff;
    border: 2px solid #8B2276;
    color: #8B2276;
    font-size: 120%;
}


/* VIEW STATEMENT
--------------------------------------------------------------*/
#view #contentWrap {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5); }

#view #content {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    background: #fff url(../images/watermark.gif) no-repeat 100% 100%; }

#view .ui-tabs-nav a {
    color: #fff;
    background-color: #777;
    text-decoration: none;
    border-radius: 5px 5px 0 0; }

#view .ui-tabs-nav .ui-tabs-active a {
    background-color: #000;
    top: 0; }

#view .ui-tabs-nav a:hover,
#view .ui-tabs-nav a:focus,
#view .ui-tabs-nav a:active {
    background-color: #000;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out; }

#view .ui-tabs-nav .src {font-family: "Courier New", Courier, monospace; }

#view .ui-tabs-nav .src:before {content: "<"; }

#view .ui-tabs-nav .src:after {content: "/>"; }

#view h1 {
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8; }

#view textarea {
    background: transparent;
    border: none 0;
    font-size: 100%;
    font-family: "Courier New", Courier, monospace; }


/* STANDARD PAGE STYLING
--------------------------------------------------------------*/
#page #contentWrap {
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5); }

#page #content {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    background: #fff; }

#page h1 {
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8; }


/*--------------------------------------------------------------
  MEDIA QUERY FUNKYNESS
--------------------------------------------------------------*/
@media screen and (max-width: 700px) {

    /* STATEMENT GENERATOR
    --------------------------------------------------------------*/
    #generator .outerWrapOne {background: url(../images/step-one/belt.png) repeat-y scroll center 0; }

    #generator .pageIn {background: url(../images/page-in.png) no-repeat scroll center 1.5em; }


    /* STEP ONE */
    #stepOne {
	background: url(../images/step-one/page.png) no-repeat scroll center 45px;
}


    /* STEP TWO */
    #stepTwo {background: url(../images/step-two/belt.png) repeat-y scroll center 0;  }

    #stepTwo .wrapOne {background: url(../images/step-two/page.png) no-repeat scroll center 45px;  }


    /* STEP FOUR */
    #stepFour {background: url(../images/page-out.png) no-repeat scroll center 620px;  }
}