/* FONT AWESOME
 * -------------------------- */
@import url('font-awesome.css');


/*-- Resets --*/
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

body {
    background: transparent;
    color: #232323;
    font: 12px arial;
    margin: 0;
}

header, footer, nav, section {
    display: block;
}

ul, ol, li {
    margin: 0;
    padding: 0;
}

a:active, a:focus, input:active, input:focus {
    outline: 0;
}

a img {
    border: none;
}


/*-- General Classes --*/
.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.right {
    float: right;
}

.left {
    float: left;
}

.right:after {
    content: " ";
    clear: right;
}

.overflow-auto {
    overflow: auto;
}


/*-- Links --*/
a, a:link, a:visited {
    color: #3b205a;
}

    a.undecoratedLink {
        color: inherit;
    }

        a:hover, a:active, a.undecoratedLink, a.undecoratedLink:hover {
            outline: none;
            text-decoration: none;
        }


/* FONT FAMILIES
 * -------------------------- */

@font-face {
    font-family: "UW-Logos";
    src: url('../Fonts/UW-Logos.eot');
    src: url('../Fonts/UW-Logos.eot?#iefix') format('embedded-opentype'), url('../Fonts/UW-Logos.woff') format('woff'), url('../Fonts/UW-Logos.ttf') format('truetype'), url('../Fonts/UW-Logos.svg#UW-Logos') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Typography
* -------------------------- */
h1, h2, h3, h4, h5 {
    margin: 15px 0;
}

h1 {
    font-size: 200%;
    /*margin-bottom: 20; had no effect due to lack of "px" - RWG - 7/19/13 */
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 117%;
}

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 0;
    }

    h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
        /* margin-bottom: 0; */
    }

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

p {
    line-height: 1.75em;
}

.narrow {
    font-family: "Arial Narrow", Arial, Sans-Serif;
}

.superBold {
    font-family: "Arial Black", "Arial Bold", Arial, Sans-Serif;
}

.small {
    font-size: .8em;
}

.verySmall {
    font-size: .6em;
}

.large {
    font-size: 1.2em;
}

.veryLarge {
    font-size: 1.5em;
}

.underlined {
    text-decoration: underline;
}

.center {
    text-align: center !important;
}

.noWrap {
    white-space: nowrap;
}

.grey {
    color: #555 !important;
}

.darkGrey {
    color: #333 !important;
}

.lightGrey {
    color: #999 !important;
}

.purple {
    color: #39275b !important;
}

.softPurple {
    color: #5d4a82 !important;
}

    hr.softPurple {
        border-color: #5d4a82;
    }

    .softPurple [class^="icon-"] {
        color: #fff;
    }

.gold {
    color: #ebb700 !important;
}

.green {
    color: #3c9700 !important;
}

.yellow {
    color: #ebb700 !important;
}

.red {
    color: #df1111 !important;
}

.blue {
    color: #0062ea !important;
}

/*-- Box Styles --*/
.border {
    border: 1px solid #ccc;
}

.rounded {
    border-radius: 4px;
}

.shadow {
    -webkit-box-shadow: 1px 2px 5px 0 #ccc;
    box-shadow: 1px 2px 5px 0 #ccc;
}

.gradientGrey {
    background: #f4f4f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ffffff)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #f4f4f4, #ffffff) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff') !important; /* for IE */
    background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%) !important; /* W3C */
}

.gradientMediumGrey {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7') !important; /* for IE */
    background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%) !important; /* W3C */
}

.gradientPurple {
    background: #51416f;
    background: -webkit-gradient(linear, left top, left bottom, from(#6e6187), to(#39275b)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #6e6187, #39275b) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6187', endColorstr='#39275b') !important; /* for IE */
    background: linear-gradient(to bottom, #6e6187 0%, #39275b 100%) !important; /* W3C */
}

.gradientLightPurple {
    background: #51416f;
    background: -webkit-gradient(linear, left top, left bottom, from(#968da8), to(#706489)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #968da8, #706489) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#968da8', endColorstr='#706489') !important; /* for IE */
    background: linear-gradient(to bottom, #968da8 0%, #706489 100%) !important; /* W3C */
}

    .gradientPurple > a, .gradientLightPurple > a {
        color: #fff !important;
    }

.gradientGold {
    background: #ebb700 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#ebb700)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffd65e, #ebb700) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#ebb700') !important; /* for IE */
    background: linear-gradient(to bottom, #ffd65e 0%, #ebb700 100%) !important; /* W3C */
}

.gradientLightGold {
    background: #ebb700 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdf81), to(#efc739)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffdf81, #efc739) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf81', endColorstr='#efc739') !important; /* for IE */
    background: linear-gradient(to bottom, #ffdf81 0%, #efc739 100%) !important; /* W3C */
}

.padding {
    padding: 1.5em;
}

.paddingSmall {
    padding: 1em;
}

.paddingBig {
    padding: 2em;
}


/*-- Lists --*/
ul {
    list-style-type: none;
}

    ul.bullets, ul.bulleted {
        list-style-type: disc;
        padding-left: 1em;
    }

    ul.indented {
        margin-left: 1.5em;
    }

    ul.padded li, ol.padded li {
        padding: .25em 0;
    }

    ul.horizontalList > li, ol.horizontalList > li,
    ul.horizontal > li, ol.horizontal > li {
        display: inline-block;
        vertical-align: top;
    }

        ul.horizontalList > li + li, ol.horizontalList > li + li,
        ul.horizontal > li + li, ol.horizontal > li + li {
            margin-left: -.3em;
        }

    ul.horizontalList.padded > li + li, ol.horizontalList.padded > li + li,
    ul.horizontal.padded > li + li, ol.horizontal.padded > li + li {
        margin-left: .25em;
    }


/*-- Forms --*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em;
    margin: 0 0 1.5em;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

input[type="text"], input[type="radio"], input[type="checkbox"], input[type='tel'], select {
    vertical-align: middle;
}

input[type="text"], input[type='tel'], textarea, select {
    border: 1px solid #ccc;
    border-radius: .2em;
    color: inherit;
    font: inherit;
    padding: .2em;
}

input[type="text"], input[type='tel'], textarea {
    width: 20em;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 .25em 0 0;
}

textarea {
    min-height: 8em;
    resize: vertical;
    vertical-align: top;
}

    input[type="text"]:focus, textarea:focus, select:focus {
        border-color: #aaa;
    }

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: .5em 0 0 0;
}


/*-- Validation Helpers --*/
.input-validation-error {
    border: 1px solid #df1111;
}

.field-validation-error:before, .field-validation-valid:before {
    content: "\f057";
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: .25em;
}

.field-validation-error {
    color: #df1111;
}

.field-validation-valid {
    display: none; /* Sadly, MVC makes uses this class even before a field is validated, so it would always show without this */
    color: #3c9700;
}

    .field-validation-valid:before {
        content: "\f058";
    }

.validation-summary-errors {
    /* Defined in Messages section */
}

.validation-summary-valid {
    display: none;
}


/*-- Band & Patch--*/
/* Intended to be a class put on the <body> tag */
.bandAndPatch:before {
    background: #C6C6C6;
    background: -webkit-gradient(linear, left top, left bottom, rgba(166,166,166,0.5), to(rgba(144,144,144,0.5))) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, rgba(166,166,166,0.5), rgba(144,144,144,0.5)) !important; /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff') !important; /* for IE */
    background: linear-gradient(to bottom, rgba(166,166,166,0.5) 0%, rgba(144,144,144,0.5) 100%) !important; /* W3C */
    content: "";
    display: block;
    height: 1.5em;
    margin-bottom: 4.5em;
}

.bandAndPatch:after {
    background: #FFF;
    color: #39275B;
    content: "\e000";
    display: block;
    font-family: UW-Logos;
    font-size: 4.5em;
    font-style: normal;
    font-weight: normal;
    left: .333em;
    line-height: .99em;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: .99em;
    -webkit-font-smoothing: antialiased;
}


/*-- Tables --*/
table {
    /*border-collapse: collapse;*/ /* interferes with rounded corners */
    border-spacing: 0;
    border-radius: 4px;
    font-size: inherit;
}

th, td {
    border: 1px solid #ccc;
    padding: .5em;
}

tr + tr th, tr + tr td {
    border-top: none;
}

th + th, td + td {
    border-left: none;
}

th {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
    background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
}

table tr:first-child th:first-child, table tr:first-child td:first-child {
    border-top-left-radius: 4px;
}

table tr:first-child th:last-child, table tr:first-child td:last-child {
    border-top-right-radius: 4px;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

table tbody + tbody tr:first-child td, table tr + tbody tr:first-child td, /* Account for using/not using thead and tbody */
table thead + tr td, table thead + tbody tr:first-child td {
    border-top: none;
}

    table tbody + tbody tr:first-child td:first-child, table tr + tbody tr:first-child td:first-child, /* Account for using/not using thead and tbody */
    table thead + tr td:first-child, table thead + tbody tr:first-child td:first-child {
        border-top-left-radius: 0;
    }

    table tbody + tbody tr:first-child td:last-child, table tr + tbody tr:first-child td:last-child, /* Account for using/not using thead and tbody */
    table thead + tr td:last-child, table thead + tbody tr:first-child td:last-child {
        border-top-right-radius: 0;
    }

table.smallPadding th, table.smallPadding td {
    padding: .15em;
}

table.ruledNone th, table.ruledNone td,
table.noBorder th, table.noBorder td /* .noBorder is depricated */ {
    border: none;
    border-radius: 0;
}

table.ruledRows td, table.ruledRows th {
    border-left: none;
    border-right: none;
}

table.ruledRows {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.ruledColumns td, table.ruledColumns th {
    border-top: none;
    border-bottom: none;
}

table.ruledColumns {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

table.striped tr:nth-child(odd) td {
    background: #F7F7F7;
}


/*-- Fancy Tables --*/
/* HTML structure:
    <div class="fancyTable">
        <h1-6>Hello World</h1-6>
        <table>
            <thead>
            <tbody>
        </table>
    </div>
*/
.fancyTable {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 20px 0;
}

    .fancyTable > h1, .fancyTable > h2, .fancyTable > h3, .fancyTable > h4, .fancyTable > h5 {
        background: #f8f8f8;
        border-radius: 4px 4px 0 0;
        filter: none;
        color: #39275b;
        font-family: "Arial Black", "Arial Bold", Arial, Sans-Serif;
        margin: 0;
        padding: .75em;
        text-align: center;
    }

    .fancyTable table {
        border-spacing: 0;
        width: 100%;
    }

    .fancyTable.topAligned td {
        vertical-align: top;
    }

    .fancyTable th {
        background: #51416f;
        background: -webkit-gradient(linear, left top, left bottom, from(#6e6187), to(#39275b)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #6e6187, #39275b); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6187', endColorstr='#39275b'); /* for IE */
        background: linear-gradient(to bottom, #6e6187 0%, #39275b 100%); /* W3C */
        border: none;
        color: #fff;
        font-family: "Arial Black", "Arial Bold", Arial, Sans-Serif;
        font-size: 1.2em;
        padding: .75em;
        text-align: left;
        white-space: nowrap;
    }

    .fancyTable.ruled th + th {
        border-left: 1px solid #706489;
    }

    .fancyTable th a {
        color: #fff;
    }

    .fancyTable td {
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
        background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
        border: none;
        padding: .75em;
    }

        .fancyTable td td {
            background: none;
            padding: .25em;
        }

    .fancyTable.ruled td + td {
        border-left: 1px solid #dfdfdf;
    }

    .fancyTable > table tr:first-child th:first-child, .fancyTable > table tr:first-child td:first-child,
    .fancyTable > table tr:first-child th:last-child, .fancyTable > table tr:first-child td:last-child,
    .fancyTable > table tr:last-child td:last-child, .fancyTable > table tr:last-child td:first-child {
        border-radius: 0;
    }

    .fancyTable > table:first-child tr:first-child th:first-child, .fancyTable > table:first-child tr:first-child td:first-child {
        border-top-left-radius: 4px;
    }

    .fancyTable > table:first-child tr:first-child th:last-child, .fancyTable > table:first-child tr:first-child td:last-child {
        border-top-right-radius: 4px;
    }

    .fancyTable table:last-child tr:last-child td:first-child {
        border-bottom-left-radius: 4px;
    }

    .fancyTable table:last-child tr:last-child td:last-child {
        border-bottom-right-radius: 4px;
    }

    .fancyTable > *:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

@media print {
    .fancyTable th {
        border-bottom: 1px solid #ccc;
    }

        .fancyTable th + th, .fancyTable td + td {
            border-left: 1px solid #ccc;
        }

    .fancyTable tr + tr td {
        border-top: 1px solid #ccc;
    }
}

/*-- flat Tables --*/
/* HTML structure:
        <table class="flatTable">
            <thead><tr><th></th></tr></thead>
            <tbody><tr><td></td></tr></tbody>
        </table>
*/
.flatTable {
    border: 1px solid #ccc;
    border-radius: 0;
    margin: 20px 0;
}

    .flatTable, .flatTable th, .flatTable tr, .flatTable td {
        border-radius: 0 !important;
    }


        .flatTable table {
            border-spacing: 0;
            width: 100%;
        }

        .flatTable.topAligned td {
            vertical-align: top;
        }

        .flatTable th {
            background: #5d4a82;
            filter: none;
            border: none;
            color: #fff;
            font-size: 1em;
            padding: .75em;
            text-align: left;
            white-space: nowrap;
        }

        .flatTable.ruled th + th {
            border-left: 1px solid #706489;
        }

        .flatTable th a {
            color: #fff;
        }

        .flatTable > tbody > tr:hover, .flatTable > tbody > tr.active-tr, .flatTable > tr:hover, .flatTable tr.active-tr {
            background-color: #e4e0ea;
        }

        .flatTable > tr > td, .flatTable > tbody > tr > td {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

            .flatTable > tr > td, .flatTable > tbody > tr > td:first-child {
                border-left: 1px solid #fff;
            }

            .flatTable > tr > td, .flatTable > tbody > tr > td:last-child {
                border-right: 1px solid #fff;
            }

        .flatTable > tr.active-tr > td, .flatTable > tbody > tr.active-tr > td {
            border-top: 1px solid #5d4a82;
            border-bottom: 1px solid #5d4a82;
        }

            .flatTable > tr.active-tr > td:first-child, .flatTable > tbody > tr.active-tr > td:first-child {
                border-left: 1px solid #5d4a82;
            }

            .flatTable > tr.active-tr > td:last-child, .flatTable > tbody > tr.active-tr > td:last-child {
                border-right: 1px solid #5d4a82;
            }

        .flatTable td {
            border: none;
            padding: .75em;
        }

            .flatTable td td {
                background: none;
                padding: .25em;
            }

        .flatTable.ruled td + td {
            border-left: 1px solid #dfdfdf;
        }


/*-- Table Sorting --*/
/* Dependant Javascript Include: https://resource.gifts.washington.edu/JS/jquery.tablesorter.js */
th.tablesorter-header .tablesorter-header-inner:after {
    content: "\f0dc";
    font-family: FontAwesome;
    font-weight: normal;
}

th.tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner:after {
    content: "\f0dd";
}

th.tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner:after {
    content: "\f0de";
}

th.tablesorter-header.sorter-false .tablesorter-header-inner:after {
    content: "";
}

th.tablesorter-header {
    cursor: pointer;
}

    th.tablesorter-header.sorter-false {
        cursor: default;
    }


/*-- Pagination --*/
/* Compatible with jquery.tablesorter.js */
.pagination {
    font-weight: bold;
    padding: .75em;
    text-align: center;
}

    .pagination a, .pagination span {
        /*border-radius: 2px; to be removed */
        display: inline-block;
        padding: 0.3em 0.5em;
        margin-right: 5px;
    }

    .pagination a {
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
        background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
        border: 1px solid #ccc;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: background .2s;
        -moz-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s;
    }

        .pagination a:hover {
            background: #f7f7f7;
        }

    .pagination .current {
        background: #51416f;
        background: -webkit-gradient(linear, left top, left bottom, from(#6e6187), to(#39275b)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #6e6187, #39275b); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6187', endColorstr='#39275b'); /* for IE */
        background: linear-gradient(to bottom, #6e6187 0%, #39275b 100%); /* W3C */
        color: #fff;
    }

    .pagination .prev, .pagination .next {
    }


 .pagination.large.purple a {
    background: #39275b;
    color: #FFF;
}

.pagination.large a {
    padding: 0em 0.45em;
    font-size: 1.5em;
}


/*-- Secondary Nav --*/
/* HTML structure:
    <ul class="secondaryNav">
        <li><a class="selected">Hello World</a></li>
        <li>
			<a>Hello World</a>
			<ul>
				<li><a>Hello World</a></li>
				<li><a>Hello World</a></li>
				<li><a>Hello World</a></li>
			</ul>
		</li>
        <li><a>Hello World</a></li>
    </ul>
*/
.secondaryNav {
    margin: 1.8em 0;
    white-space: nowrap;
}

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

    .secondaryNav li {
        display: inline-block;
        position: relative;
    }

        .secondaryNav li + li {
            margin-left: -.3em;
        }

        .secondaryNav li:first-child a {
            border-radius: 4px 0 0 4px;
        }

        .secondaryNav li:last-child a {
            border-radius: 0 4px 4px 0;
            border-right: 1px solid #cfcfcf;
        }

    .secondaryNav a {
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
        background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
        -moz-background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #cfcfcf;
        border-right: none;
        color: #39275b;
        display: inline-block;
        font-weight: bold;
        padding: .6em 1.2em;
        text-decoration: none;
        -webkit-text-shadow: 0 -1px 1px #fff;
        text-shadow: 0 -1px 1px #fff;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

        .secondaryNav a:hover {
            background: #eee;
            background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)); /* for webkit browsers */
            background: -moz-linear-gradient(top, #ffffff, #e7e7e7); /* for firefox 3.6+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7'); /* for IE */
            background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%); /* W3C */
        }

        .secondaryNav a:active {
            background: #e9e9e9;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #e9e9e9), color-stop(1, #f9f9f9)); /* for webkit browsers */
            background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%); /* for firefox 3.6+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); /* for IE */
            background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); /* W3C */
        }

        .secondaryNav a.selected, .secondaryNav a.selected:hover {
            background: #51416f;
            background: -webkit-gradient(linear, left top, left bottom, from(#39275b), to(#6e6187)); /* for webkit browsers */
            background: -moz-linear-gradient(top, #39275b, #6e6187); /* for firefox 3.6+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39275b', endColorstr='#6e6187'); /* for IE */
            background: linear-gradient(to bottom, #39275b 0%, #6e6187 100%); /* W3C */
            border-top: 1px solid #39275b;
            border-bottom: 1px solid #6e6187;
            border-left: none;
            border-right: none !important;
            color: #FFF;
            -webkit-text-shadow: none;
            text-shadow: none;
        }

    .secondaryNav ul {
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
        background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
        -webkit-box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.2);
        border-radius: 0 4px 4px 4px;
        display: none;
        font-size: .85em;
        left: 0;
        margin: -1px 0 0 1px;
        position: absolute;
        top: 100%;
        z-index: 1000;
    }

    .secondaryNav a.selected + ul {
        margin: 0;
    }

    .secondaryNav li:hover ul {
        display: block;
    }

    .secondaryNav ul li {
        display: block;
        margin: 0;
    }

        .secondaryNav ul li a {
            background: none;
            border: none !important;
            border-radius: 0 !important;
            width: 100%;
        }

            .secondaryNav ul li a:hover {
                background: rgba(255, 255, 255, 0.75);
            }

        .secondaryNav ul li:last-child a {
            border-radius: 0 0 4px 4px !important;
        }


/*-- Breadcrumbs --*/
/* HTML structure:
    <ul class="breadcrumbs">
        <li><a>Hello World</a></li>
        <li><a>Hello World</a></li>
        <li><a class="disabled">Hello World</a></li>
    </ul>
*/
.breadcrumbs {
    font-size: .8em;
    margin: 1.8em 0;
    white-space: nowrap;
}

    .breadcrumbs li {
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
        background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
        border-color: #cfcfcf;
        border-style: solid none solid none;
        border-width: 1px;
        display: inline-block;
    }

        .breadcrumbs li + li {
            margin-left: -.3em;
        }

        .breadcrumbs li:first-child {
            border-left: 1px solid #cfcfcf;
            border-radius: .25em 0 0 .25em;
        }

        .breadcrumbs li:last-child {
            border-radius: 0 .25em .25em 0;
            border-right: 1px solid #cfcfcf;
        }

    .breadcrumbs a {
        background: url("https://resource.gifts.washington.edu/images/breadcrumb-separator.png") no-repeat 0 50%;
        color: #232323;
        display: inline-block;
        padding: .4em 1em .4em 1.6em;
        text-decoration: none;
        -webkit-text-shadow: 0 -1px 1px #fff;
        text-shadow: 0 -1px 1px #fff;
        -webkit-transition: color .2s;
        -moz-transition: color .2s;
        -o-transition: color .2s;
        transition: color .2s;
    }

    .breadcrumbs li:first-child a {
        background: none;
        padding-left: 1em;
    }

    .breadcrumbs a:hover {
        color: #0062ea;
    }

    .breadcrumbs a.disabled, .breadcrumbs a[disabled], .breadcrumbs a:not([href]), .breadcrumbs a.aspNetDisabled {
        cursor: default;
        color: #999;
        pointer-events: none;
    }

ol.breadcrumbs {
    counter-reset: breadcrumb-counter;
}

    ol.breadcrumbs li {
        border: 1px solid #cfcfcf;
        border-radius: .25em !important;
    }

        ol.breadcrumbs li:before {
            background: #cfcfcf;
            color: #ffffff;
            content: counter(breadcrumb-counter, decimal);
            counter-increment: breadcrumb-counter;
            display: inline-block;
            font-family: "Arial Black", "Arial Bold", Arial, Sans-Serif;
            line-height: 2em;
            margin-right: 0.4em;
            padding: 0 0.4em;
        }

        ol.breadcrumbs li + li {
            margin-left: .3em;
        }

        ol.breadcrumbs li a {
            background: none;
            padding: 0.4em 1em 0.4em 0.4em !important;
        }


/*-- Tabs --*/
/* HTML structure:
	<div class="tabs">
		<ul>
			<li class="selected"><a href="#tab1">Tab 1</a></li>
			<li><a href="#tab2">Tab 2</a></li>
			<li><a href="#tab3">Tab 3</a></li>
		</ul>
		<div id="tab1">
			Tab 1 Content
		</div>
		<div id="tab2">
			Tab 2 Content
		</div>
		<div id="tab3">
			Tab 3 Content
		</div>
	</div>
*/
/* Dependant Javascript Include: https://resource.gifts.washington.edu/JS/jquery.tabs.js */

/* ^^^^^^^^^^^ I get a 404 error on the above js file, find out if any projects are using this or the class "tabs" and if not delete code above and below - RWG ^^^^^^^^^^^^^ */

.tabs > ul:after {
    clear: left;
    content: "";
    display: block;
    height: 0;
}

.tabs > ul li {
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); /* for IE */
    background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%); /* W3C */
    border: 1px solid #cfcfcf;
    display: inline-block;
    float: left;
    font-size: .8em;
}

    .tabs > ul li + li {
        border-left: none;
    }

    .tabs > ul li:first-child {
        border-top-left-radius: 3px;
    }

    .tabs > ul li:last-child {
        border-top-right-radius: 3px;
    }

    .tabs > ul li:hover {
        background: #eee;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #e7e7e7); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7'); /* for IE */
        background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%); /* W3C */
    }

    .tabs > ul li.selected, .tabs > ul li.ui-tabs-selected {
        background: #fff;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #cfcfcf;
        border-radius: .25em .25em 0 0;
        margin-top: -0.2em;
    }

    .tabs > ul li + li.selected, .tabs > ul li + li.ui-tabs-selected {
        margin-left: -1px;
    }

    .tabs > ul li a {
        color: #232323;
        display: inline-block;
        padding: .5em 1em;
        text-decoration: none;
        -webkit-text-shadow: 0 -1px 1px #fff;
        text-shadow: 0 -1px 1px #fff;
    }

    .tabs > ul li.selected a, .tabs > ul li.ui-tabs-selected a {
        padding-top: .7em;
    }

    .tabs > ul li.disabled, .tabs > ul li.ui-state-disabled {
        background: #f8f8f8;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }

        .tabs > ul li.disabled a, .tabs > ul li.ui-state-disabled a {
            color: #aaa;
        }

.tabs > div {
    border: 1px solid #cfcfcf;
    border-radius: 0 .25em .25em .25em;
    margin-top: -1px;
    padding: 1em;
}

.tabs.disabled, .tabs.ui-tabs-hide {
    opacity: 0.5;
    position: relative;
}

    .tabs.disabled:after, .tabs.ui-tabs-hide:after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }


/*-- Buttons --*/
/* HTML structure:
    <a href="" class="button">Hello World</a>
*/
.button, .buttonTall {
    background: #f9f9f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.05, #f9f9f9), color-stop(1, #e9e9e9)); /* for webkit browsers */
    background: -moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); /* for IE */
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%); /* W3C */
    border-radius: .3em;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #434343;
    cursor: pointer;
    font-family: arial;
    font-weight: bold;
    line-height: 1em;
    margin: .5em 0;
    padding: .45em .75em;
    text-align: center;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
}

.button a {
    text-decoration: none;
}

    .button.small, .buttonTall.small {
        padding: .4em .6em;
    }

    .button.grey, .buttonTall.grey {
        background: #a5a5a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#a5a5a5)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #d3d3d3, #a5a5a5); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#a5a5a5'); /* for IE */
        background: linear-gradient(to bottom, #d3d3d3 0%, #a5a5a5 100%); /* W3C */
        border-color: #999;
        /* box-shadow: 0 0 0 1px rgba(204, 204, 204, .6) inset; */
        color: #fff !important;
        -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
    }

    .button.purple, .buttonTall.purple {
        background: #51416f;
        background: -webkit-gradient(linear, left top, left bottom, from(#6e6187), to(#39275b)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #6e6187, #39275b); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6187', endColorstr='#39275b'); /* for IE */
        background: linear-gradient(to bottom, #6e6187 0%, #39275b 100%); /* W3C */
        border-color: #39275b;
        /* box-shadow: 0 0 0 1px #7a6a9a inset; */
        color: #fff !important;
        -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
    }

    .button.green, .buttonTall.green {
        background: #5cab00;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #88be25), color-stop(.57, #5cab00), color-stop(1, #3c9700)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #88be25 0%, #5cab00 57%, #3c9700 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be25', endColorstr='#3c9700'); /* for IE */
        background: linear-gradient(to bottom, #88be25 0%, #5cab00 57%, #3c9700 100%); /* W3C */
        border-color: #669808;
        /* box-shadow: 0 0 0 1px #84c40a inset; */
        color: #fff !important;
        -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
    }

    .button.blue, .buttonTall.blue {
        background: #37699b;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #7492be), color-stop(.57, #436fa2), color-stop(1, #37699b)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #7492be 0%, #436fa2 57%, #37699b 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7492be', endColorstr='#37699b'); /* for IE */
        background: linear-gradient(to bottom, #7492be 0%, #436fa2 57%, #37699b 100%); /* W3C */
        border-color: #336699;
        /* box-shadow: 0 0 0 1px rgba(139, 171, 213, .5) inset; */
        color: #fff !important;
        -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
    }

    .button.red, .buttonTall.red {
        background: #e31c1c;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #e51d1d), color-stop(.57, #c00101), color-stop(1, #a80d0d)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #e51d1d 0%, #c00101 57%, #a80d0d 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51d1d', endColorstr='#a80d0d'); /* for IE */
        background: linear-gradient(to bottom, #e51d1d 0%, #c00101 57%, #a80d0d 100%); /* W3C */
        border-color: #990202;
        /* box-shadow: 0 0 0 1px #de5555 inset; */
        color: #fff !important;
        -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
    }

    .button.orange, .buttonTall.orange {
        background: #FD9727;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD454), color-stop(1, #F17D00)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #FFD454 0%, #F17D00 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD454', endColorstr='#F17D00'); /* for IE */
        background: linear-gradient(to bottom, #FFD454 0%, #F17D00 100%); /* W3C */
        border-color: #F99D48;
        color: #fff !important;
        -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
        text-shadow: 0 -1px 1px rgba(0, 0, 0, .38);
    }

.buttonTall {
    -webkit-box-shadow: 0 .25em 0 0 #d6d6d6;
    box-shadow: 0 .25em 0 0 #d6d6d6;
}

    .buttonTall.grey {
        -webkit-box-shadow: 0 .25em 0 0 #ccc;
        box-shadow: 0 .25em 0 0 #ccc;
    }

    .buttonTall.purple {
        -webkit-box-shadow: 0 .25em 0 0 #7a6a9a;
        box-shadow: 0 .25em 0 0 #7a6a9a;
    }

    .buttonTall.green {
        -webkit-box-shadow: 0 .25em 0 0 #84c40a;
        box-shadow: 0 .25em 0 0 #84c40a;
    }

    .buttonTall.blue {
        -webkit-box-shadow: 0 .25em 0 0 #8babd5;
        box-shadow: 0 .25em 0 0 #8babd5;
    }

    .buttonTall.red {
        -webkit-box-shadow: 0 .25em 0 0 #de5555;
        box-shadow: 0 .25em 0 0 #de5555;
    }

    .buttonTall.orange {
        -webkit-box-shadow: 0 .25em 0 0 #EEA550;
        box-shadow: 0 .25em 0 0 #EEA550;
    }

    .button:hover, .buttonTall:hover { /* Hover states are usually 10% lighter */
        background: #e9e9e9;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #FFFFFF), color-stop(1, #EDEDED)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #FFFFFF 5%, #f9f9f9 100% ); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); /* for IE */
        background: linear-gradient(to bottom, #FFFFFF 5%, #EDEDED 100%); /* W3C */
    }

    .button.grey:hover, .buttonTall.grey:hover {
        background: #B2B2B2;
        background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#B2B2B2)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #E0E0E0, #B2B2B2); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#B2B2B2'); /* for IE */
        background: linear-gradient(to bottom, #E0E0E0 0%, #B2B2B2 100%); /* W3C */
    }

    .button.purple:hover, .buttonTall.purple:hover {
        background: #66518A;
        background: -webkit-gradient(linear, left top, left bottom, from(#81739A), to(#493176)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #81739A, #493176); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81739A', endColorstr='#493176'); /* for IE */
        background: linear-gradient(to bottom, #81739A 0%, #493176 100%); /* W3C */
    }

    .button.green:hover, .buttonTall.green:hover {
        background: #67C100;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #93CC28), color-stop(.57, #64BC00), color-stop(1, #43A800)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #93CC28 0%, #64BC00 57%, #43A800 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93CC28', endColorstr='#43A800'); /* for IE */
        background: linear-gradient(to bottom, #93CC28 0%, #64BC00 57%, #43A800 100%); /* W3C */
    }

    .button.blue:hover, .buttonTall.blue:hover {
        background: #3c75ad;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #859FC5), color-stop(.57, #4B7CB3), color-stop(1, #3C75AD)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #859FC5 0%, #4B7CB3 57%, #3C75AD 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#859FC5', endColorstr='#3C75AD'); /* for IE */
        background: linear-gradient(to bottom, #859FC5 0%, #4B7CB3 57%, #3C75AD 100%); /* W3C */
    }

    .button.red:hover, .buttonTall.red:hover {
        background: #E52E2E;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E64646), color-stop(.57, #D00101), color-stop(1, #B70A0A)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #E64646 0%, #D00101 57%, #B70A0A 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E64646', endColorstr='#B70A0A'); /* for IE */
        background: linear-gradient(to bottom, #E64646 0%, #D00101 57%, #B70A0A 100%); /* W3C */
    }

    .button.orange:hover, .buttonTall.orange:hover {
        background: #FD9727;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD147), color-stop(1, #FF8605)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #FFD147 0%, #FF8605 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD147', endColorstr='#FF8605'); /* for IE */
        background: linear-gradient(to bottom, #FFD147 0%, #FF8605 100%); /* W3C */
    }

    .button:active, .buttonTall:active {
        position: relative;
        top: 1px;
    }

    .buttonTall:active {
        top: .25em;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.button:active { /* Active states are the same as regular, but upsidedown*/
    background: #e9e9e9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.05, #e9e9e9), color-stop(1, #f9f9f9)); /* for webkit browsers */
    background: -moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9'); /* for IE */
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%); /* W3C */
}

.button.grey:active {
    background: #a5a5a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#a5a5a5), to(#d3d3d3)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #a5a5a5, #d3d3d3); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a5a5', endColorstr='#d3d3d3'); /* for IE */
    background: linear-gradient(to bottom, #a5a5a5 0%, #d3d3d3 100%); /* W3C */
}

.button.purple:active {
    background: #51416f;
    background: -webkit-gradient(linear, left top, left bottom, from(#39275b), to(#6e6187)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #39275b, #6e6187); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39275b', endColorstr='#6e6187'); /* for IE */
    background: linear-gradient(to bottom, #39275b 0%, #6e6187 100%); /* W3C */
}

.button.green:active {
    background: #5cab00;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #3c9700), color-stop(.43, #5cab00), color-stop(1, #88be25)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #3c9700 0%, #5cab00 43%, #88be25 100%); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c9700', endColorstr='#88be25'); /* for IE */
    background: linear-gradient(to bottom, #3c9700 0%, #5cab00 43%, #88be25 100%); /* W3C */
}

.button.blue:active {
    background: #37699b;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #37699b), color-stop(.43, #436fa2), color-stop(1, #7492be)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #37699b 0%, #436fa2 43%, #7492be 100%); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37699b', endColorstr='#7492be'); /* for IE */
    background: linear-gradient(to bottom, #37699b 0%, #436fa2 43%, #7492be 100%); /* W3C */
}

.button.red:active {
    background: #e31c1c;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #a80d0d), color-stop(.43, #c00101), color-stop(1, #e51d1d)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #a80d0d 0%, #c00101 43%, #e51d1d 100%); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a80d0d', endColorstr='#e51d1d'); /* for IE */
    background: linear-gradient(to bottom, #a80d0d 0%, #c00101 43%, #e51d1d 100%); /* W3C */
}

.button.orange:active {
    background: #FD9727;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F17D00), color-stop(1, #FFD454)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #F17D00 0%, #FFD454 100%); /* for firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F17D00', endColorstr='#FFD454'); /* for IE */
    background: linear-gradient(to bottom, #F17D00 0%, #FFD454 100%); /* W3C */
}

.button h1, .button h2, .button h3, .button h4, .button h5, .button h6,
.buttonTall h1, .buttonTall h2, .buttonTall h3, .buttonTall h4, .buttonTall h5, .buttonTall h6 {
    font-family: "Arial Black", "Arial Bold", Arial, Sans-Serif;
    margin: 0;
}

.button[disabled], .buttonTall[disabled],
.button[disabled]:hover, .buttonTall[disabled]:hover,
.button[disabled]:active, .buttonTall[disabled]:active,
.button.disabled {
    background: #f5f5f5;
    border-color: #c0c0c0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #bbb !important;
    cursor: default;
    position: inherit;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.button.disabled i {
    color:#bbb !important;
}

/*
.button.small {
    box-shadow: none;
}
*/

/*-- flat button --*/
/* html structure
<a href="" class="flat-button"><i class="icon-user"></i>test</a>    
*/

.flat-button {
    padding: 0.5em 1em;
    background-color: #ccc;
    cursor:pointer;
}

input.flat-button {
    border: 0;
}

a.flat-button:link,
a.flat-button:visited,
a.flat-button:hover, 
span.flat-button a:link,
span.flat-button a:visited,
span.flat-button a:hover {
    text-decoration: none;
    color:#333333;
}

.flat-button.softPurple {
    background-color: #5d4a82;
}

.flat-button.darkGrey {
    background-color: #777777;
}

.flat-button.softPurple,
.flat-button.softPurple i,
.flat-button.softPurple span,
.flat-button.softPurple a:link,
.flat-button.softPurple a:visited,
.flat-button.softPurple a:active,
a.flat-button.softPurple:link,
a.flat-button.softPurple:active,
a.flat-button.softPurple:visited,
.flat-button.darkGrey,
.flat-button.darkGrey i,
.flat-button.darkGrey span,
.flat-button.darkGrey a:link,
.flat-button.darkGrey a:visited,
.flat-button.darkGrey a:active,
a.flat-button.darkGrey:link,
a.flat-button.darkGrey:active,
a.flat-button.darkGrey:visited
 {
    color: #fff;
}

    input.flat-button.softPurple,
    input.flat-button.darkGrey {
        color: #fff !important;
    }

.flat-button [class^="icon-"] {
    display: inline-block;
    margin-right: .8em;
}

.flat-button:active {
    position:relative;
    top:1px;
}



/*-- Messages --*/
[class*="message-"], .validation-summary-errors {
    background: #f4f4f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* for firefox 3.6+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4'); /* for IE */
    border: 1px solid #ccc;
    display: block;
    font-weight: bold;
    line-height: 1.5em;
    padding: .5em .5em .5em 2.5em !important;
    margin: .75em 0;
    position: relative;
    border-radius: .25em;
    -webkit-box-shadow: 0 1px 1px #ddd;
    box-shadow: 0 1px 1px #ddd;
}

    [class*="message-"]:before, .validation-summary-errors:before {
        content: "\f0ac";
        font-family: FontAwesome;
        font-weight: normal;
        font-size: 1.5em;
        font-style: normal;
        left: .5em;
        margin-top: -.5em;
        position: absolute;
        text-decoration: inherit;
        top: 50%;
    }

.message-info {
    border-color: #436fa2;
    color: #436fa2;
}

    .message-info:before {
        color: #436fa2;
        content: "\f05a";
    }

.message-success {
    border-color: #3c9700;
    color: #3c9700;
}

    .message-success:before {
        color: #3c9700;
        content: "\f058";
    }

.message-warning {
    border-color: #ff960d;
    /* color: #ff960d; */
    padding-left: 2.75em !important;
}

    .message-warning:before {
        color: #ff960d;
        content: "\f071";
    }

.message-error, .validation-summary-errors {
    border-color: #df1111;
    color: #df1111;
}

    .message-error:before, .validation-summary-errors:before {
        color: #df1111;
        content: "\f06a";
    }


/*-- Shapes --*/
/*-- Depricated: Use Icons --*/
.smallArrowUp, .smallArrowDown {
    border-color: transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
}

.smallArrowDown {
    border-top-color: inherit;
    border-style: solid;
    border-width: .3em .3em .01em;
}

.smallArrowUp {
    border-bottom-color: inherit;
    border-style: solid;
    border-width: .01em .3em .3em;
}


/*-- Modal Window --*/
/* Compatible with lightbox.js */
/* HTML structure:
    --Note: Must have one nested div with content inside it.
    <div class="modal">
        <div>
            content
        </div>
    </div>

    note: use "on" jquery method instead of "live" if you are using jquery 1.7 or greater

	Javascript for modal:
	Depends: jQuery
	//Modal Opener
	$("#someElement").live("click", function (e) {
        $("#targetModal").fadeIn();
    });
    //Modal Closer
    $(".modal, .closeModal").live("click", function (e) {
		var $target = $(e.target);
		if ($target.hasClass("modal") || $target.hasClass("closeModal")) {
			$(this).closest(".modal").fadeOut();
		}
    });


*/
.modal {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);
    -ms-zoom: 1;
    zoom: 1;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

    .modal > div {
        background: #f4f4f4;
        background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ffffff)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #f4f4f4, #ffffff); /* for firefox 3.6+ */
        background: linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ffffff'); /* for IE */
        border: 5px solid #fff;
        border-radius: .25em;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
        display: inline-block;
        max-width: 60%;
        padding: .8em;
        position: relative;
        text-align: left;
        vertical-align: middle;
        z-index: 10000;
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }

.modalCloseButton {
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: .1em .05em .15em #414141;
    box-shadow: .1em .05em .15em #414141;
    color: #39275b;
    cursor: pointer;
    font-size: 1.75em;
    line-height: .9em;
    padding: .1em;
    position: absolute;
    right: -.65em;
    top: -.7em;
}

.closeModal {
    cursor: pointer;
}

/* ribbon modal */

/* 
    <div id="ribbon-modal-ct">
        <div id="ribbon-modal-inner">
        	<div id="ribbon-modal-title">Title<span class="closeModal">X</span></div>
        	<div id="rm-ribbon-triangle"></div>
			
            <!-- contents -->        	
        	
        	<div class="clearFix"></div>
        
        </div>
    </div>
</div>

    Javascript for ribbon-modal:
	Depends: jQuery
	//Modal Opener
	$("#someElement").on("click", function (e) {
		$("#ribbon-modal").fadeIn();
    });
    //Modal Closer
    $(".modal, .closeModal").on("click", function (e) {
		var $target = $(e.target);
		if ($target.hasClass("modal") || $target.hasClass("closeModal")) {
			$(this).closest(".modal").fadeOut();
		}
    });


*/

#ribbon-modal, #ribbon-modal h2 {
    color: #484848;
    font-weight: normal;
}

#ribbon-modal h2 {
    font-size:1.3em;
}

    #ribbon-modal #ribbon-modal-ct {
        background-color: none !important;
        background: none;
        filter: none;
        border: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        width: 525px;
        min-height: 334px;
    }

    #ribbon-modal #ribbon-modal-inner {
        width: 500px;
        min-height: 315px;
        padding: 67px 5px 20px 20px;
        background: #fff;
        position: relative;
        border-radius: 8px;
        -webkit-box-shadow: #666666 2px 5px 5px;
        box-shadow: #666666 2px 5px 5px;
    }


#ribbon-modal-title {
    background-color: #5d4a82;
    -webkit-box-shadow: #666666 0px 2px 5px;
    box-shadow: #666666 0px 2px 5px;
    color: #FFF;
    width: 538px;
    position: absolute;
    top: 16px;
    left: -22px;
    font-size: 18px;
    padding: 5px 5px 5px 44px;
    z-index: 999;
}

#rm-ribbon-triangle {
    background-image: url(https://resource.gifts.washington.edu/images/modal-ribbon-triangle.png);
    width: 20px;
    height: 18px;
    position: absolute;
    top: 51px;
    left: -20px;
    z-index: 998;
}

#ribbon-modal span.closeModal {
    display: inline-block;
    position: absolute;
    left: 92%;
    top: 2px;
    font-weight: bold;
    font-size: 1.1em;
    -webkit-text-shadow: 0px 0px 2px #cdc9d7;
    text-shadow: 0px 0px 2px #cdc9d7;
}

#ribbon-modal ul {padding:0;}
#ribbon-modal ul li.large {
    margin-bottom:5px;
}

#ribbon-modal ul#rm-modal-left {
   width:51%;
}

#ribbon-modal ul#rm-modal-right {
    width:35%;
    padding-top:30px;
}

#ribbon-modal #rm-separator {
    border-right: 1px solid #d3cedd;
    width: 1px;
    position: relative;
    top: 30px;
    height: 185px;
    margin: 0 25px 0;
}

#ribbon-modal a.button {
    display: block;
    font-size: 1.4em;
    text-align: left;
    font-weight: normal;
    margin-bottom: 20px;
}

#ribbon-modal a.button, #ribbon-modal i {
     color:#5d4a82;
}

#ribbon-modal i {
    display:inline-block;
    margin-right:10px;
}

/*-- Icons --*/
/* Depricated */
.error, .warning, .pending, .success {
    background: url("https://resource.gifts.washington.edu/images/check.png") 50% 0 no-repeat;
    display: inline-block;
    padding-top: 30px;
}

.pending {
    background-image: url("https://resource.gifts.washington.edu/images/pending.gif");
}

.warning {
    background-image: url("https://resource.gifts.washington.edu/images/warning.png");
}

.error {
    background-image: url("https://resource.gifts.washington.edu/images/x.png");
}
/* Depricated */

.textIcon {
    background: #555;
    border-radius: 0.2em;
    -webkit-box-shadow: 1px 1px 1px 0 #999;
    box-shadow: 1px 1px 1px 0 #999;
    color: #FFF !important;
    display: inline-block;
    font-family: "Arial Black", "Arial Bold", Arial, Sans-Serif;
    font-size: .85em;
    line-height: 1em;
    min-width: 1.4em;
    padding: 0.2em;
    text-align: center;
}

    .textIcon.blue {
        background: #37699b;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #7492be), color-stop(.57, #436fa2), color-stop(1, #37699b)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #7492be 0%, #436fa2 57%, #37699b 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7492be', endColorstr='#37699b'); /* for IE */
        background: linear-gradient(to bottom, #7492be 0%, #436fa2 57%, #37699b 100%); /* W3C */
    }

    .textIcon.green {
        background: #5cab00;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #88be25), color-stop(.57, #5cab00), color-stop(1, #3c9700)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #88be25 0%, #5cab00 57%, #3c9700 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88be25', endColorstr='#3c9700'); /* for IE */
        background: linear-gradient(to bottom, #88be25 0%, #5cab00 57%, #3c9700 100%); /* W3C */
    }

    .textIcon.purple {
        background: #51416f;
        background: -webkit-gradient(linear, left top, left bottom, from(#6e6187), to(#39275b)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #6e6187, #39275b); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e6187', endColorstr='#39275b'); /* for IE */
        background: linear-gradient(to bottom, #6e6187 0%, #39275b 100%); /* W3C */
    }

    .textIcon.red {
        background: #e31c1c;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #e51d1d), color-stop(.57, #c00101), color-stop(1, #a80d0d)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #e51d1d 0%, #c00101 57%, #a80d0d 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51d1d', endColorstr='#a80d0d'); /* for IE */
        background: linear-gradient(to bottom, #e51d1d 0%, #c00101 57%, #a80d0d 100%); /* W3C */
    }

    .textIcon.orange {
        background: #FD9727;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD454), color-stop(1, #F17D00)); /* for webkit browsers */
        background: -moz-linear-gradient(center top, #FFD454 0%, #F17D00 100%); /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD454', endColorstr='#F17D00'); /* for IE */
        background: linear-gradient(to bottom, #FFD454 0%, #F17D00 100%); /* W3C */
    }

    .textIcon.gold {
        background: #ebb700;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#ebb700)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffd65e, #ebb700) !important; /* for firefox 3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65e', endColorstr='#ebb700'); /* for IE */
        background: linear-gradient(to bottom, #ffd65e 0%, #ebb700 100%); /* W3C */
    }

/* Depricated */
.iconCsv:before {
    background: url(../Images/csv-icon.png) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: .3em;
    vertical-align: middle;
    width: 16px;
}

.iconPrint:before {
    background: url(../Images/print-icon-purple.png) no-repeat 50% 50%;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: .3em;
    vertical-align: middle;
    width: 16px;
}
/* Depricated */




/*-- Custom UW Logo Font --*/
/*	WARNING: for reasons unknown logos will be pixilated if defined with a font size larger than 100px
	Created at http://icomoon.io/app
	Can be edited by uploading https://resource.gifts.washington.edu/Fonts/UW-Logos.dev.svg to Icomoon app
*/
.icon-w-block:before, .icon-w:before, .icon-w-foundation:before, .icon-foundation:before,
.icon-w-foundation-horizontal:before, .icon-foundation-horizontal:before, .icon-w-advancement:before,
.icon-advancement:before, .icon-uwaa:before, .icon-uwaa-tag:before {
    font-family: UW-Logos;
}

.icon-w-block:before {
    content: "\e000";
}

.icon-w:before {
    content: "\e001";
}

.icon-w-foundation:before {
    content: "\e002";
}

.icon-foundation:before {
    content: "\e003";
}
/* .icon-w-foundation-horizontal:before	{ content: "\e008"; } This logo breaks the set for some reason. Too wide maybe */
/* .icon-foundation-horizontal:before		{ content: "\e009"; } This logo breaks the set for some reason. Too wide maybe */
.icon-w-advancement:before {
    content: "\e007";
}

.icon-advancement:before {
    content: "\e006";
}

.icon-uwaa:before {
    content: "\e004";
}

.icon-uwaa-tag:before {
    content: "\e005";
}

/*-- Tooltip --*/
/* Dependant Javascript Include: https://resource.gifts.washington.edu/JS/Tooltip.js */
/*-- Popup --*/
/* Dependant Javascript Include: https://resource.gifts.washington.edu/JS/Popup.js */
[data-tooltip], [data-popup] {
    cursor: help !important;
}

.tooltipBox {
    background: #FFF;
    border: 1px solid #b1b1b1;
    color: #333;
    display: none;
    line-height: 1.5em;
    max-width: 350px;
    padding: 1em;
    position: absolute;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    z-index: 100000;
}


/*-- Print --*/
@media print {
    .printHide {
        display: none;
    }
}


/*-- rules that need extra precedence --*/
.hide {
    display: none;
}