@charset "UTF-8";

/*  
	Here are all the color VARIABLES
	I'm using variable inception

/*  
	First Set of Variables 
	If the color changes. Then change it here
*/


/* End first set */


/*  Take the color variable and put that in another variable 
    So if they add another color grey or a color changes.
    then we only have to change the first set of variables rather than hunt down where it has been called out in the css
*/


/*  Variable inception */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \000031
    }
}

input {
    -webkit-border-radius: 0;
    border-radius: 0;
}


/* Phark Image Replacement - http://www.mezzoblue.com/tests/revised-image-replacement/ */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \000034
    }
}

.phark {
    display: block;
    text-indent: -9999px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}


/* Trimming Outline in Firefox - http://snook.ca/archives/html_and_css/trimming_long_o  */


/*\*/

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \000037
    }
}

.phark-link {
    overflow: hidden;
}


/* added by mmays for D0B fields */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_forms\.scss
    }
    line {
        font-family: \000034
    }
}

.smaller-field {
    padding: 15px;
    margin: 0 25px 27px 0;
}


/* added by mmays for help text fields */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_forms\.scss
    }
    line {
        font-family: \000034
    }
}

.help-text {
    font-size: 10px;
}


/* added by mmays (from blue cadet) for error boxes */

.error {
    background: #dddedf;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border: 2px solid #a41e35;
    padding: 0 20px;
    box-sizing: border-box;
    color: #a41e35;
}

.error p {
    font-size: 16px;
    color: #a41e35;
    line-height: 1.35;
}


/**/


/* Easy Clearing - http://www.positioniseverything.net/easyclearing.html */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000310
    }
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000312
    }
}

.offscreen {
    position: absolute;
    left: -9999px;
    display: block;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000313
    }
}

.onscreen {
    left: 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000315
    }
}

.hide {
    display: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000317
    }
}

.no-bullets {
    list-style: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000319
    }
}

.bulleted {
    list-style: disc;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000321
    }
}

.uppercase {
    text-transform: uppercase;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_gloabl\.scss
    }
    line {
        font-family: \0000323
    }
}

.rwd-break {
    display: block;
}

@font-face {
    font-family: "BebasNeue";
    src: url("/assets/font/BebasNeue.otf") format("opentype");
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \000037
    }
}

body {
    font-family: 'Droid Sans', sans-serif;
    margin: 0 0;
    padding: 0 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000315
    }
}

h1 {
    font-size: 32px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000318
    }
}

h2,
h3 {
    font-size: 20px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000322
    }
}

h4 {
    font-size: 18px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000326
    }
}

p,
ul,
dl,
ol,
table {
    font-size: 14px;
    margin: 0 0 1.5em;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000331
    }
}

a {
    color: #a41e35;
    /* &:visited {
  	color:$black;
  } */
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000334
    }
}

a:active {
    color: white;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000341
    }
}

a.lineless-link {
    text-decoration: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000343
    }
}

a.lineless-link:hover {
    border-top: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000349
    }
}

input {
    font-weight: 700;
    font-size: 13.5px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000353
    }
}

.heavy-text {
    font-weight: 700;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/utility\/variables\/_typography\.scss
    }
    line {
        font-family: \0000356
    }
}

.special-font {
    font-family: 'BebasNeue', sans-serif;
}


/* No files to import found in abstractions/**\/* */


/* Buttons */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \000033
    }
}

.open-button {
    border: 2px solid #a41e35;
    background: #f6f6f6;
    color: #a41e35;
    padding: 17px 20px;
    cursor: pointer;
    margin-bottom: 30px;
    font-weight: 400;
    text-decoration: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000312
    }
}

.closed-button {
    text-decoration: none;
    background: #a41e35;
    cursor: pointer;
    font-weight: 400;
    color: white;
}

.closed-button:disabled {
    text-decoration: none;
    background: #E0E0E0;
    cursor: not-allowed;
    font-weight: 400;
    color: black;
    border: none;
}

.left-tag-noafter {
    position: relative;
    margin-right: 25px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    position: relative;
    left: -26px;
    cursor: pointer;
}

.left-tag-noafter:after {
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-color: #E0E0E0;
    display: inline-block;
    border-width: 27px 0px 27px 20px;
    margin-bottom: -22px;
}



input:disabled {
    border: 1px solid #a41e35;
    background: #a41e35;
    color: #f6f6f6;
    cursor: pointer;
    font-weight: 400;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000317
    }
}

.left-tag {
    position: relative;
    margin-right: 25px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    position: relative;
    left: -26px;
    cursor: pointer;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000334
    }
}

.left-tag:after {
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-color: #a41e35;
    display: inline-block;
    border-width: 27px 0px 27px 20px;
    margin-bottom: -22px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000341
    }
}

.left-tag:hover {
    left: -22px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000345
    }
}

.right-tag {
    float: right;
    overflow: visible;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    position: relative;
    right: -4px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000359
    }
}

.right-tag:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-color: #a41e35;
    border-width: 24.44444px 100px 15.55556px 0;
    display: inline-block;
    border-width: 27px 15px 27px 20px;
    margin-bottom: -19px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000367
    }
}

.right-tag:hover {
    right: 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000370
    }
}

.right-tag .tag {
    float: right;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_buttons\.scss
    }
    line {
        font-family: \0000374
    }
}

.tag {
    color: white;
    padding: 19px 25px;
    border: none;
    margin-bottom: 30px;
    margin-right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Inputs */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_forms\.scss
    }
    line {
        font-family: \000034
    }
}

.standard-field {
    padding: 15px;
    width: 61%;
    margin: 0 25px 27px 0;
}

.basic-field {
    padding: 15px;
    margin: 0 25px 27px 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_forms\.scss
    }
    line {
        font-family: \0000313
    }
}

.input-label {
    display: block;
    margin-bottom: 9px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_forms\.scss
    }
    line {
        font-family: \0000319
    }
}

.edit-password-field,
.security-answer-field {
    display: block;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_forms\.scss
    }
    line {
        font-family: \0000323
    }
}

.security-question-field {
    width: 66%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \000032
    }
}

.standard-ul {
    padding-left: 0;
    list-style-type: none;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \000035
    }
}

.standard-ul .objects {
    margin: 0 0 1em;
    background: transparent url(/assets/img/red-bullet.png) no-repeat 0 0;
    padding-left: 25px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000312
    }
}

.x-list .objects {
    background: none;
    padding-left: 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000319
    }
}

.grayscale-list {
    overflow: hidden;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000322
    }
}

.grayscale-list .greyscale-list-objects {
    background: transparent url(/assets/img/grey-bullet.png) no-repeat 0 0;
    padding-left: 28px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000327
    }
}

.question-group-one,
.question-group-two,
.question-group-three {
    position: relative;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000332
    }
}

.questions ::-webkit-input-placeholder {
    font-weight: 400;
    color: black;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000337
    }
}

.questions :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: black;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000342
    }
}

.questions ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: black;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000347
    }
}

.questions :-ms-input-placeholder {
    font-weight: 400;
    color: black;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000351
    }
}

.questions .security-question-options {
    list-style-type: none;
    padding: 0;
    width: 66%;
    position: absolute;
    top: 78px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000358
    }
}

.questions .security-question-options li:last-child {
    border-bottom: 1px solid black;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000363
    }
}

.questions .security-questions-selection {
    border: 1px solid black;
    border-bottom: none;
    width: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000369
    }
}

.questions .security-questions-selection .security-question-selection-link {
    background: #e6e6e6;
    color: black;
    padding: 15px;
    display: block;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000375
    }
}

.questions .security-questions-selection .security-question-selection-link:hover {
    color: #a41e35;
    background: #777777;
}


/* Breadcrumb Lists */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000386
    }
}

.breadcrumb {
    padding: 0;
    margin-bottom: 32px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000390
    }
}

.breadcrumb .breadcrumb-inline {
    display: inline;
    margin-bottom: 0.5em;
    line-height: 20px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \0000395
    }
}

.breadcrumb li+li {
    background: transparent url(/assets/img/dark-grey-arrow.png) no-repeat 0 2px;
    padding-left: 20px;
    margin-left: 3px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003105
    }
}

.sub-header-container .sub-header-breadcrumb {
    list-style-type: none;
    padding: 0;
    margin-left: -10px;
}

@media all and (max-width: 560px) {
    div.rtext { display: none; }
}

@media all and (min-width: 561px) {
    div.rtext { display: inline-block; }
}

@media screen and (min-width: 560px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
        }
        line {
            font-family: \00003105
        }
    }
    .sub-header-container .sub-header-breadcrumb {
        margin-left: -10px;
    }
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003113
    }
}

.sub-header-container .sub-header-breadcrumb li+li {
    position: relative;
    right: 47px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003118
    }
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb {
    display: inline;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003121
    }
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-color: black;
    border-width: 20px 0 20px 100px;
    display: inline-block;
    border-width: 24px 31px 25px 12px;
    margin-bottom: -19px;
    position: relative;
    z-index: 999;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003135
    }
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb:last-child:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-color: #a41e35;
    border-width: 20px 0 20px 100px;
    display: inline-block;
    border-width: 24px 31px 25px 12px;
    margin-bottom: -19px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003143
    }
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb:last-of-type a {
    background: #a41e35;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
    }
    line {
        font-family: \00003147
    }
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb .closed-breadcrumb-link {
    background: black;
    color: white;
    display: inline-block;
    padding: 17px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_lists\.scss
        }
        line {
            font-family: \00003147
        }
    }
    .sub-header-container .sub-header-breadcrumb .closed-breadcrumb .closed-breadcrumb-link {
        padding: 17px 25px;
    }
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_media\.scss
    }
    line {
        font-family: \000031
    }
}

img,
media {
    max-width: 100%;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_media\.scss
    }
    line {
        font-family: \000034
    }
}

.password-help-img {
    margin-bottom: 30px;
    margin-top: 30px;
}


/* ==================
	
	Moduler text 

   ================== */


/* Text */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \000039
    }
}

.active {
    color: #a41e35;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000313
    }
}

.breadcrumb {
    color: #777777;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000317
    }
}

.account-help-link {
    color: black;
    font-size: 12px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000321
    }
}

.open-button {
    font-size: 13px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000324
    }
}

.closed-button {
    font-size: 13px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000330
    }
}

.standard-ul .objects {
    font-size: 14px;
}


/* Headings */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000336
    }
}

.container-heading {
    color: #a41e35;
    font-weight: bold;
    font-size: 24px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000344
    }
}

.container-sub-heading {
    margin: 0 0 36px;
    font-size: 18px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000348
    }
}

.container-third-level-heading {
    font-size: 14px;
    margin-bottom: 20px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000352
    }
}

.heading-space {
    margin-bottom: 1em;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000356
    }
}

.sub-header-heading {
    font-size: 28px;
}

@media screen and (min-width: 560px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
        }
        line {
            font-family: \0000356
        }
    }
    .sub-header-heading {
        font-size: 36px;
    }
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000367
    }
}

.standard-text {
    line-height: 22px;
    word-break: break-all;
}


/* ASIDE */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000376
    }
}

.aside-heading {
    font-size: 16px;
    margin: 0 0 5px;
    color: #a41e35;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000383
    }
}

.aside .large {
    margin: 24px 0 20px;
    font-size: 16px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000387
    }
}

.aside .aside-content {
    font-size: 14px;
    line-height: 22px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \0000391
    }
}

.aside .aside-text {
    font-size: 14px;
    line-height: 22px;
}


/* FONT AWESOME TWEEKS */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \00003101
    }
}

.aside .icon-plus-sign {
    color: #a41e35;
    margin-right: 10px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \00003105
    }
}

.aside .icon-plus-sign:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \00003115
    }
}

.upper-banner .primary-nav .small-screen-nav .small-screen-button .small-screen-button-options .icon-plus {
    font-size: 16px;
    background: black !important;
    color: white !important;
    padding: 17px 18px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \00003120
    }
}

.upper-banner .primary-nav .small-screen-nav .small-screen-button .small-screen-button-options .icon-plus:hover {
    color: #a41e35;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/base\/_typography\.scss
    }
    line {
        font-family: \00003123
    }
}

.upper-banner .primary-nav .small-screen-nav .small-screen-button .small-screen-button-options .icon-plus:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Blocks , containers */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \000032
    }
}

.content {
    background: transparent url(/assets/img/hex-pattern-bg-retina2.png) repeat 0 0;
    overflow: hidden;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \000036
    }
}

.inner {
    max-width: 940px;
    margin: 0 auto;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000311
    }
}

.container {
    background: #e6e6e6;
    box-shadow: 0px 0px 30px -10px black;
    margin: 20px auto 135px;
    overflow: hidden;
    color: #000000;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000317
    }
}

.sub-header-container {
    padding-left: 1%;
}

@media screen and (min-width: 560px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
        }
        line {
            font-family: \0000317
        }
    }
    .sub-header-container {
        padding-left: 1.5%;
    }
}

@media screen and (min-width: 768px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
        }
        line {
            font-family: \0000317
        }
    }
    .sub-header-container {
        padding-left: 10px;
    }
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000328
    }
}

.account-container {
    background: #f6f6f6;
    padding: 4.1% 2.5% 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000334
    }
}

.full-container {
    padding: 2.1% 2.5% 0;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000337
    }
}

.account-container-main {
    width: 100%;
    background: #f6f6f6;
    float: left;
    position: relative;
}

@media screen and (min-width: 768px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
        }
        line {
            font-family: \0000337
        }
    }
    .account-container-main {
        width: 70%;
        background: #f6f6f6;
        float: left;
    }
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000351
    }
}

.account-container-secondary {
    width: 90%;
    margin: 0 auto;
    background: #e6e6e6;
    padding: 15px 15px 0 20px;
    max-height: 660px;
    overflow-y: scroll;
    margin-bottom: 29px;
}

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000359
    }
}

.account-container-secondary .standard-text {
    width: 90%;
}

@media screen and (min-width: 768px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
        }
        line {
            font-family: \0000367
        }
    }
    .aside {
        position: absolute;
        left: 103%;
        width: 30%;
    }
}

@media screen and (min-width: 768px) {
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
        }
        line {
            font-family: \0000375
        }
    }
    .aside-full {
        top: 0;
        width: 38%;
    }
}


/*  Page Spasific Blocks */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/\/Users\/joshgoldblum\/sites\/2013\/tu\/tu-computer-services\/www\/markup\/bin\/sass\/partials\/components\/blocks\/_blocks\.scss
    }
    line {
        font-family: \0000383
    }
}

.question-group-one,
.question-group-two,
.question-group-three {
    border-bottom: 1px solid #777777;
    margin-bottom: 28px;
}

@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
.search-button,
.status-list {
    display: inline-block;
    background: #a41e35;
    color: #f6f6f6;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px 22px;
    border: 1px solid #565656;
    border-left: none;
    margin-left: -29px;
    font: normal 400 1.25em "BebasNeue", Helvetica, Arial, Sans-Serif;
    letter-spacing: 2px;
}

.status-list {
    margin-top: 10px;
}

@media screen and (min-width: 560px) {
    .status-list {
        margin-top: 0;
        margin-bottom: 30px;
        position: absolute;
        float: none;
        right: 0;
    }
}

.status-list:hover {
    background: #e6e6e6;
    color: #a41e35;
    border-left: 1px solid #565656;
}

.status-list:focus {
    outline: dotted black;
    outline: -webkit-focus-ring-color auto 5px;
}

.open-button-wrap {
    display: inline-block;
}

.open-button-wrap .open-button {
    border: 2px solid #a41e35;
    background: #dddedf;
    color: #a41e35;
    padding: 17px 20px;
    cursor: pointer;
    margin-bottom: 30px;
    font: normal 600 0.8125em "Droid Sans", Helvetica, Arial, Sans-Serif;
    text-decoration: none;
    text-transform: uppercase;
}

.sub-header-container .sub-header-breadcrumb {
    list-style-type: none;
    padding: 0;
    margin-left: -10px;
}

@media screen and (min-width: 560px) {
    .sub-header-container .sub-header-breadcrumb {
        margin-left: -10px;
    }
}

.sub-header-container .sub-header-breadcrumb li+li {
    position: relative;
    right: 47px;
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb {
    display: inline;
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-color: black;
    border-width: 20px 0 20px 100px;
    display: inline-block;
    border-width: 24px 31px 25px 12px;
    margin-bottom: -19px;
    position: relative;
    z-index: 999;
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb:last-child:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-color: #a41e35;
    border-width: 20px 0 20px 100px;
    display: inline-block;
    border-width: 24px 31px 25px 12px;
    margin-bottom: -19px;
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb:last-of-type a {
    background: #a41e35;
    color: white;
}

.sub-header-container .sub-header-breadcrumb .closed-breadcrumb .closed-breadcrumb-link {
    background: black;
    color: white;
    display: inline-block;
    padding: 17px 15px;
}

@media screen and (min-width: 560px) {
    .sub-header-container .sub-header-breadcrumb .closed-breadcrumb .closed-breadcrumb-link {
        padding: 17px 25px;
    }
}


/* Footer */

.footer {
    overflow: hidden;
    display: block;
}

.l-footer {
    background: #222222;
    overflow: hidden;
    color: white;
    display: block;
}

.l-footer .menu .collapsed {
    list-style-image: none;
    list-style-type: none;
}

.l-region--footer {
    background: #222222;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    color: white;
}

.l-region--footer-secondary {
    border-top: 4px solid black;
}

.menu-name-menu-footer-main-menu {
    background: #565656;
    border-bottom: 18px solid #303030;
    clear: both;
    color: white;
}

.menu-name-menu-footer-main-menu .menu {
    max-width: 940px;
    margin: 0 auto;
    list-style-type: none;
    width: 100%;
    padding: 0;
}

.menu-name-menu-footer-main-menu .menu .leaf {
    display: block;
    border-bottom: 1px solid black;
}

@media screen and (min-width: 940px) {
    .menu-name-menu-footer-main-menu .menu .leaf {
        display: inline-block;
        margin: 0 auto;
        border-left: 1px solid black;
        border-bottom: none;
        margin-left: -1px;
    }
    .menu-name-menu-footer-main-menu .menu .leaf:last-child {
        border-right: 1px solid black;
    }
}

.menu-name-menu-footer-main-menu .menu .leaf a {
    background: #565656;
    color: white;
    padding: 20px 17px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-name-menu-footer-main-menu .menu .leaf a:hover {
    background: #dddedf;
    color: #a41e35;
}

.menu-name-menu-footer-main-menu .menu .leaf a:focus {
    outline: dotted;
}

.block--block {
    width: 100%;
    float: left;
    padding: 25px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

@media screen and (min-width: 560px) {
    .block--block {
        width: 45%;
    }
}

@media screen and (min-width: 940px) {
    .block--block {
        width: 31%;
        text-align: left;
    }
}

.l-footer .block--block-1 {
    margin-left: 0;
    color: white;
}

@media screen and (min-width: 560px) {
    .l-footer .block--block-1 {
        border-right: 1px solid #303030;
        margin-left: 40px;
        margin-top: 5px;
    }
}

@media screen and (min-width: 940px) {
    .l-footer .block--block-1 {
        margin-top: 0;
        border-right: none;
    }
}

.l-footer .block--block-1 h1 {
    font: normal 400 1.5em "BebasNeue", Helvetica, Arial, Sans-Serif;
    margin: 0 0 1px;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: white;
    display: block !important;
}

.l-footer .block--block-1 h1:before {
    content: "";
    background: url(/assets/img/location.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 19px;
    padding-left: 10px;
    margin-left: -28px;
    color: white;
}

@media screen and (-webkit-min-device-pixel-ratio: 2dppx),
screen and (min--moz-device-pixel-ratio: 2dppx),
screen and (-o-min-device-pixel-ratio: 2 / 1dppx),
screen and (min-device-pixel-ratio: 2dppx) {
    .l-footer .block--block-1 h1:before {
        background: transparent url(/assets/img/ui-footer-icon-location-@x2.png) no-repeat 60% 0 0;
    }
}

.l-footer .block--block-1 h2 {
    color: white;
    font: normal 500 1.125em "BebasNeue", Helvetica, Arial, Sans-Serif;
    margin: 0 0 10px;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}

.l-footer .block--block-1 p {
    color: white;
    font-size: 0.75em;
    line-height: 24px;
    margin: 0 0 10px;
}

.address p {
    color: white;
    font-size: 0.75em;
    margin: 0 0 10px;
}

.block--block-2 {
    color: white;
    list-style-type: none;
    margin: 0;
    padding: 25px 0 0;
}

.block--block-2 ul {
    color: white;
    margin-left: -30px;
    list-style-type: none;
    padding-left: 0;
}

@media screen and (min-width: 560px) {
    .block--block-2 ul {
        margin-left: 40px;
    }
}

.block--block-2 ul li a {
    color: white;
    display: inline-block;
    background: url(/assets/img/social-footer-sprites.png) no-repeat;
    height: 32px;
    padding-left: 25px;
    text-decoration: none;
    padding-top: 2px;
}

.block--block-2 ul li a:hover {
    color: #ff4444;
}

.block--block-2 ul li .directory {
    background-position: 0 -221px;
}

.block--block-2 ul li .maps {
    background-position: 0 -259px;
}

.block--block-2 ul li .phone {
    background-position: 0 -298px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2dppx),
only screen and (min--moz-device-pixel-ratio: 2dppx),
only screen and (-o-min-device-pixel-ratio: 2 / 1dppx),
only screen and (min-device-pixel-ratio: 2dppx) {
    .block--block-2 ul li a {
        background: transparent url(/assets/img/social-footer-sprites-@2.png) no-repeat 0 0;
        background-size: 35%;
        color: white;
    }
    .block--block-2 ul li .directory {
        background-position: 0 -199px;
    }
    .block--block-2 ul li .maps {
        background-position: 0 -250px;
        background-size: 20%;
    }
    .block--block-2 ul li .phone {
        background-position: 0 -252px;
        background-size: 30%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2dppx),
screen and (min--moz-device-pixel-ratio: 2dppx),
screen and (-o-min-device-pixel-ratio: 2 / 1dppx),
screen and (min-device-pixel-ratio: 2dppx) {
    .block--block-2 ul li a {
        /*    background: transparent url(/assets/img/social-footer-spritesx2.png) no-repeat 0 0; */
        background-size: 35%;
        color: white;
    }
    .directory {
        background-position: 0 -199px;
    }
    .maps {
        background-position: 0 -259px;
    }
    .phone {
        background-position: 0 -300px;
    }
}

.block--block-3 {
    list-style-type: none;
    margin: 0;
    text-align: center;
}

@media screen and (min-width: 560px) {
    .block--block-3 {
        text-align: center;
        width: 100%;
        border-top: 1px solid #303030;
    }
}

@media screen and (min-width: 940px) {
    .block--block-3 {
        width: 32%;
        border-top: none;
    }
}

.block--block-3 ul {
    padding-left: 0;
    margin-left: 0;
}

.block--block-3 ul li {
    display: inline-block;
    margin-right: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    position: relative;
    /* for the hover state */
    background: #222222;
    color: white;
}

.block--block-3 ul li a {
    display: block;
    background: #222222 url(/assets/img/social-footer-sprites.png) no-repeat;
    height: 32px;
    width: 32px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2dppx),
only screen and (min--moz-device-pixel-ratio: 2dppx),
only screen and (-o-min-device-pixel-ratio: 2 / 1dppx),
only screen and (min-device-pixel-ratio: 2dppx),
only screen and (min-resolution: 192dppx),
only screen and (min-resolution: 2dppx) {
    .block--block-3 ul li a {
        /*    background: url(/assets/img/social-footer-spritesx2.png) no-repeat;*/
        background-size: 100%;
    }
}

.block--block-3 ul li:hover {
    top: -6px;
    border-top: none;
}

.block--block-3 ul li .facebook {
    background-position: 0 -170px;
}

.block--block-3 ul li .twitter {
    background-position: 0 -85px;
}

.block--block-3 ul li .flickr {
    background-position: 0 -128px;
}

.block--block-3 ul li .youtube {
    background-position: 0 -42px;
}

.block--block-3 ul li .rss {
    background-position: 0 0;
}

.l-region--footer-secondary {
    background: black;
    color: white;
    clear: both;
}

.l-region--footer-secondary .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 940px) {
    .l-region--footer-secondary .menu {
        display: block;
        width: 940px;
        margin: 0 auto;
    }
}

.l-region--footer-secondary .menu .leaf {
    display: block;
    text-align: center;
}

@media screen and (min-width: 940px) {
    .l-region--footer-secondary .menu .leaf {
        display: inline-block;
    }
}

.l-region--footer-secondary .menu .leaf a {
    display: block;
    background: black;
    color: white;
    padding: 20px;
    font-size: 0.75em;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-font-smoothing: auto;
}

.l-region--footer-secondary .menu .leaf a:hover {
    color: #a41e35;
    background: #f6f6f6;
}

.copywright {
    color: white;
    display: block;
    padding: 0;
    text-align: center;
    padding: 10px 0;
}

@media screen and (min-width: 940px) {
    .copywright {
        display: inline-block;
        float: right;
        padding: 0;
        position: relative;
        top: -40px;
        margin: 0;
        height: 0;
    }
}

.copywright .copywright-content {
    padding: 0;
    font-size: 0.625em;
    margin: 0;
    -webkit-font-smoothing: auto;
}


/* Header */

.header {
    background: white;
    color: black;
    display: block;
}

.upper-banner {
    overflow: hidden;
}

@media screen and (min-width: 940px) {
    .upper-banner {
        margin-top: 0;
        position: relative;
        overflow: visible;
    }
}

.headings {
    position: relative;
    z-index: 999;
    display: inline-block;
    float: left;
    width: 60%;
    margin: 15px 0 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .headings {
        width: 55%;
        margin-left: 20px;
    }
}

@media screen and (min-width: 940px) {
    .headings {
        margin: 20px 0;
        width: 33%;
    }
}

.primary-logo .logo-temple {
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    background: transparent url(/assets/img/mobile_logo.png) no-repeat 0 0;
    color: black;
    height: 55px;
    width: 240px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .primary-logo .logo-temple {
        background-image: url(/assets/img/mobile_logo2x.png);
        background-size: 65%;
    }
}

@media screen and (min-width: 560px) {
    .primary-logo .logo-temple {
        background: transparent url(/assets/img/desktop_logo.png) no-repeat 0 0;
        padding-bottom: 86px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 560px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .primary-logo .logo-temple {
        background-image: url(/assets/img/desktop_logo2x.png);
        background-size: 100%;
    }
}

.primary-logo .logo-temple .primary-heading {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .primary-logo .logo-temple .primary-heading {
        font-size: 2.25em;
    }
}

.primary-logo .logo-temple:hover {
    border-top: none;
}

.secondary-logo .secondary-heading {
    background: white url(/assets/img/logo_computerservices_tiny.png) no-repeat 0 0;
    color: black;
    color: black;
    margin: 0;
    font-size: 1.125em;
    display: block;
}

@media screen and (min-width: 560px) {
    .secondary-logo .secondary-heading {
        background: transparent url(/assets/img/logo_computerservices_medium.png) no-repeat 0 0;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .secondary-logo .secondary-heading {
        background: transparent url(/assets/img/logo_computerservices.png) no-repeat 0 0;
        background-size: 90%;
    }
}

@media screen and (min-width: 560px) {
    .secondary-logo .secondary-heading {
        font-size: 2.25em;
    }
}

.secondary-logo .secondary-heading a {
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.secondary-logo .secondary-heading a:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

.status {
    top: 0;
    width: 100%;
    max-width: 940px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .status {
        display: inline;
        float: right;
        position: relative;
        z-index: 99;
    }
}

.status .view-system-status .views-row span {
    background: black;
    color: #a41e35;
}

.status .view-system-status .views-row span a {
    display: block;
    padding-bottom: 18px;
}

.status .green span {
    background: black;
    color: #00a79d;
}

.status .green span a {
    background: black;
    color: #00a79d;
}

.status .waiting span {
    background: black;
    color: white;
}

.status .waiting span a {
    background: black;
    color: white;
}

@media screen and (min-width: 940px) {
    .status .status-block {
        display: block;
        background: #e6e6e6;
        color: black;
        width: 463px;
        float: right;
        height: 52px;
        position: absolute;
        right: 51px;
        z-index: 999;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.status .status-block .status-link {
    color: black;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    font-size: 1.125em;
    background: #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .status .status-block .status-link {
        position: absolute;
        display: inline;
        padding: 15px 0;
        right: 97px;
        width: 140px;
        height: 52px;
    }
}

@media screen and (min-width: 940px) {
    .status .status-block .status-link {
        right: 453px;
    }
}

.status .status-block .status-link:hover {
    color: #a41e35;
    text-decoration: none !important;
}

.status .status-block .status-link:before {
    font-size: 1.125em;
}

.status .small-screen-menu-active {
    background: black !important;
    color: white !important;
}

.status .small-screen-menu-active:hover {
    color: #e6e6e6 !important;
}

.status-details {
    width: 100%;
    background: black;
    color: white;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.status-details .status-content {
    margin: 0;
    padding: 10px 0;
    display: inline-block;
}

@media screen and (min-width: 560px) {
    .status-details .status-content {
        padding-top: 20px;
        float: left;
    }
}

.status-details .status-content .view-row {
    padding-left: 11px;
}

@media screen and (min-width: 560px) {
    .status-details .status-content .view-row {
        margin-left: 30px;
    }
}

.status-details .status-content .field--name-field-current-status {
    display: none;
}

.status-details .views-field-title a {
    padding-left: 20px;
    color: #ff4444;
    display: inline-block;
    text-decoration: none;
}

@media screen and (min-width: 560px) {
    .status-details .views-field-title a {
        padding-left: 30px;
    }
}

.status-details .status-more {
    color: #e6e6e6;
    font-size: 1.5625em;
    padding: 0 10px;
    display: block;
    margin: 1% auto;
    text-align: center;
}

@media screen and (min-width: 560px) {
    .status-details .status-more {
        padding: 20px 10px;
        text-align: right;
        margin: 4% auto;
        display: inline-block;
        float: right;
    }
}

.sub-header {
    background: transparent url(/assets/img/complex-pattern-bg.png) repeat 0 0;
    color: black;
    overflow: hidden;
    display: block;
    border-bottom: 1px solid #e6e6e6;
}


/* NAVIGATION LIST */

.l-region--navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-name-menu-small-menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu:after {
        content: none;
    }
}

.menu-name-menu-small-menu .leaf:before {
    left: 10px;
    top: 12px;
    position: relative;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu .leaf:before {
        left: 17px;
        top: 15px;
    }
}

.menu-name-menu-small-menu .menu {
    background: transparent url(/assets/img/bg-top-menu-sprites.png) repeat -36px 0;
    overflow: hidden;
    color: black;
    float: right;
    margin: 16px -5px 0 0;
    padding: 0 0 0 28px;
    list-style-type: none;
    height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu .menu {
        height: 52px;
        background: #e6e6e6;
        margin: 0;
        padding: 0;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-menu-small-menu .menu {
        position: relative;
    }
}

.menu-name-menu-small-menu .menu li+li {
    margin-left: -1px;
    border-left: 1px solid white;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu .menu li+li {
        margin-left: -1px;
    }
}

.menu-name-menu-small-menu .menu .leaf {
    font-size: 1.25em;
    display: inline-block;
    float: left;
    list-style-image: none;
    list-style-type: none;
    color: black;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-name-menu-small-menu .menu .leaf:hover {
    color: #a41e35;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu .menu .leaf {
        border-left: 1px solid white;
    }
}

.menu-name-menu-small-menu .menu .leaf a {
    font-size: 1.125em;
    color: black;
    display: block;
    margin: 0;
    padding: 15px 18px;
    position: relative;
    top: -20px;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu .menu .leaf a {
        padding: 20px 24px;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-menu-small-menu .menu .leaf a {
        padding: 12px 25px;
        position: relative;
        top: -14px;
    }
}

.menu-name-menu-small-menu .menu .leaf a:hover {
    border: none;
    color: #a41e35;
}

.menu-name-menu-small-menu .menu .leaf a:active {
    background: none;
}

.menu-name-menu-small-menu .menu .leaf .small-screen-menu-active {
    background: black !important;
    color: white;
}

.menu-name-menu-small-menu .menu .leaf .small-screen-menu-active:before {
    background: black !important;
    color: white;
}

@media screen and (min-width: 940px) {
    .menu-name-menu-small-menu .menu .fa-reorder {
        display: none;
    }
}

.menu-name-menu-small-menu .menu .small-screen-menu-active {
    background: black !important;
    color: white;
    position: relative;
}

.menu-name-menu-small-menu .menu .small-screen-menu-active:before {
    background: black !important;
    color: white;
}

.menu-name-menu-small-menu .menu .first.small-screen-menu-active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #fff;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-small-menu .menu .first.small-screen-menu-active:after {
        display: none;
    }
}

.menu-name-menu-small-menu .menu .icon-plus {
    background: black;
    color: white;
}

.menu-name-menu-small-menu .menu .icon-plus:before {
    color: white;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-name-main-menu {
    display: inline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-name-main-menu .menu {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top: 8px solid black;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .menu-name-main-menu .menu {
        display: inline-block;
        border-top: none;
        width: 100%;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-main-menu .menu {
        border: none;
        float: right;
        width: 66.5%;
        position: relative;
        top: 30px;
    }
}

.menu-name-main-menu .menu li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #dddedf;
    list-style-image: none;
}

@media screen and (min-width: 560px) {
    .menu-name-main-menu .menu li {
        padding-left: 10px;
        border-bottom: none;
        display: inline-block;
        text-align: center;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-main-menu .menu li {
        padding-left: 25px;
    }
}

.menu-name-main-menu .menu li a {
    color: black;
    display: block;
    padding: 20px 11px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .menu-name-main-menu .menu li a {
        padding: 20px 0;
    }
}

.menu-name-main-menu .menu li a:hover {
    background: #f6f6f6;
    color: #a41e35;
}

@media screen and (min-width: 560px) {
    .menu-name-main-menu .menu li a:hover {
        background: none;
        text-decoration: underline;
    }
}

.menu-name-main-menu .menu .expanded:hover {
    background: #f6f6f6;
    color: black;
}

.menu-name-main-menu .menu .expanded:hover .menu {
    display: block;
}

.menu-name-main-menu .menu .expanded .menu {
    display: none;
    position: relative;
    border-top: none;
    width: auto;
}

@media screen and (min-width: 560px) {
    .menu-name-main-menu .menu .expanded .menu {
        position: absolute;
        top: 186px;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-main-menu .menu .expanded .menu {
        top: 56px;
    }
}

.menu-name-main-menu .menu .expanded .menu li {
    border-top: 1px solid #e6e6e6;
    border-bottom: none;
    padding-left: 20px;
}

@media screen and (min-width: 560px) {
    .menu-name-main-menu .menu .expanded .menu li {
        display: block;
        padding-left: 0;
        background: #565656;
        width: auto;
        position: relative;
        color: white;
    }
    .menu-name-main-menu .menu .expanded .menu li a {
        color: white;
        padding: 20px 5px;
    }
}

.menu-name-menu-secondary-navigation .menu {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-secondary-navigation .menu {
        display: none;
        position: absolute;
        top: 53px;
        right: 1px;
        z-index: 99999;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-menu-secondary-navigation .menu {
        z-index: 99;
        display: block !important;
        position: relative;
        float: right;
        top: -106px;
        right: 51px;
    }
}

.menu-name-menu-secondary-navigation .menu li {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-secondary-navigation .menu li {
        border: none;
        display: block;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-menu-secondary-navigation .menu li {
        float: left;
        border-left: 1px solid white;
    }
}

.menu-name-menu-secondary-navigation .menu li a {
    background: #e6e6e6;
    color: black;
    padding: 15px 9px;
    display: block;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid white;
    text-decoration: none;
}

@media screen and (min-width: 560px) {
    .menu-name-menu-secondary-navigation .menu li a {
        background: #dddedf;
    }
}

@media screen and (min-width: 940px) {
    .menu-name-menu-secondary-navigation .menu li a {
        border-bottom: none;
        display: inline-block;
        background: #e6e6e6;
    }
}

.menu-name-menu-secondary-navigation .menu li a:hover {
    color: #a41e35;
}


/* Search Box */

.search-field {
    font-family: 'Droid Sans', Helvetica, Arial, Sans-Serif;
}

.search-field::-webkit-input-placeholder {
    color: #a41e35;
    font-family: 'Droid Sans', Helvetica, Arial, Sans-Serif;
}

.search-field:-moz-placeholder {
    /* Firefox 18- */
    color: #a41e35;
    font-family: 'Droid Sans', Helvetica, Arial, Sans-Serif;
}

.search-field::-moz-placeholder {
    /* Firefox 19+ */
    color: #a41e35;
    font-family: 'Droid Sans', Helvetica, Arial, Sans-Serif;
}

.search-field:-ms-input-placeholder {
    color: #a41e35;
    font-family: 'Droid Sans', Helvetica, Arial, Sans-Serif;
}

.block--search {
    background: black;
    right: 0;
    z-index: 999;
    color: white;
}

@media screen and (min-width: 560px) {
    .block--search {
        top: 52px;
        position: absolute;
        width: 280px;
    }
}

@media screen and (min-width: 940px) {
    .block--search {
        top: 53px;
        width: 500px;
    }
}

.block--search .search-block-form {
    display: none;
}

.block--search .search-block-form .container-inline {
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

@media screen and (min-width: 560px) {
    .block--search .search-block-form .container-inline {
        float: none;
        width: auto;
        margin: 10px;
    }
}

.block--search .search-block-form .container-inline .form-item {
    display: inline-block;
    margin: 0;
    width: 73%;
}

@media screen and (min-width: 415px) {
    .block--search .search-block-form .container-inline .form-item {
        width: 80%;
    }
}

@media screen and (min-width: 560px) {
    .block--search .search-block-form .container-inline .form-item {
        width: 65%;
    }
}

@media screen and (min-width: 940px) {
    .block--search .search-block-form .container-inline .form-item {
        width: 81%;
    }
}

.block--search .search-block-form .container-inline .form-item-search-block-form label {
    display: none;
    color: white;
}

.block--search .search-block-form .container-inline .form-text {
    margin: 0 auto;
    height: 51px;
    width: 100%;
    display: inline;
    border: 1px solid #e6e6e6;
    border-right: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block--search .search-block-form .container-inline .form-submit {
    position: relative;
    display: inline-block;
    padding: 15px 12px 16px;
    background: #a41e35;
    color: white;
    border: 1px solid #e6e6e6;
    border-left: none;
    margin-left: -4px;
    cursor: pointer;
    -webkit-appearance: none;
    font: normal 400 1.0625em "BebasNeue", Helvetica, Arial, Sans-Serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@media screen and (min-width: 560px) {
    .block--search .search-block-form .container-inline .form-submit {
        position: static;
    }
}

.block--search .search-block-form .container-inline .form-submit:hover {
    background: #e6e6e6;
    color: #a41e35;
}

.block--search .search-block-form .container-inline .leaf-active {
    background: black !important;
    color: white !important;
}

.block--search .search-block-form .container-inline .form-actions {
    display: inline-block;
}

.skip-tab {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    padding: 10px 25px;
    font-size: 1.25em;
    background-color: #a41e35;
    display: block;
    color: black;
}

a.lineless-link:hover {
    text-decoration: underline;
}

.reqjs {
    display: none;
}

.nojs {
    display: block;
}

.table {
    display: table;
}

.tableRow {
    display: table-row;
}

.tableBody {
    display: table-row-group;
}

.tableCell {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999;
}

.tableHeaderCell {
    display: table-cell;
    color: #000;
    font-weight: bold;
}

.tableHeaderRow {
    display: table-header-group;
    background-color: #ddd;
}


/* CSS added by Sophia, 4-5-17 */

ul.requirements-list {
    padding-left: 0px;
    margin-top: 35px;
}

div.pwrule {
    width: 90%;
    border: 2px solid #fcb426;
    border-radius: 3px;
    display: block;
    background: #e6e6e6;
    overflow: auto;
}

div.pwrulenoborder {
    width: 90%;
    display: block;
    overflow: auto;
}

div.left {
    float: left;
}

div.right {
    float: right;
}

div.char-length {
    color: #000;
    background: #fcb426;
    font-weight: bold;
    padding: 10px;
    float: left;
}

ul.requirements-list li {
    margin-bottom: 10px;
}

div.requirement {
    padding: 10px;
    font-weight: bold;
    background: #e6e6e6;
    float: right;
}

span.sample-char {
    background: #a41e35;
    font-weight: bold;
    border-radius: 2px;
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #c78e1d;
    color: #fff;
}

.left-tag:focus {
    outline: black dotted;
}

.left-tag-noafter:focus {
    outline: black dotted;
}