#cao-results {
    padding:        0 10px 20px 10px;
    font-family:    sans-serif;
}
    #cao-results h2, h2.cao  {
        font-family:    sans-serif;
        font-weight:    bold;
        clear:          both;
        padding:        20px 0 10px 0;
        margin:         0px;
        font-size:      20px;
        width: 350px;
        float:          left;
    }
    #cao-results .sub {
        color: #A1A1A1;
        padding-bottom: 5px;
        display: block;
    }
    #cao-results select {
        margin:     10px 0px 10px 0px;
        width:      100%;
        padding:    10px 20px 10px 10px;
        font-weight: bold;
        border-color: #E2E2E2;
        position:   relative;
        z-index:    4;
        font-size:  16px;
    }
    #cao_points .row .course_id {
    }
    #cao_points .course_row {
        border-top:         1px solid #C0C0C0;
        border-left:        1px solid #C0C0C0;
        border-right:       1px solid #C0C0C0;
    }
    #cao_points .row .course_name {
        border-left:        1px solid #C0C0C0;
        border-right:       1px solid #C0C0C0;
    }
    #cao_points .cao_couse_block div.course_row:last-of-type {
        border-bottom:      1px solid #C0C0C0;
        margin-bottom:      10px;
    }
    #cao_points .div div {
        padding-top: 5px;
        padding-bottom: 5px;
    }
.loading_cao {
    display:            none;
    width:              100px;
    height:             100px;
    margin:             0 auto;
    background-image: url("/desktop/i/loading-large.gif");
}
#cao_error {
    text-align: center;
    font-size: 14px;
    background: #ffdede;
    padding: 1rem;
    font-weight: bold;
}
#cao_error a {
    color: #e00909;
}
.level_block {
    margin-bottom:      10px;
}
.level_title {
    font-weight:        bold;
    font-size:          20px;
    width:              40% !important;
}
#cao_points .level_link {
    color:              #0F558E;
    text-decoration:    underline;
    cursor:             pointer;
    font-size:          16px;
    line-height:        20px;
    padding-right:      0;
    text-align:         right;
    float:              right;
}
.cao_couse_block {
    display:            none;
}
.cao_smallprint {
    font-size:          13px;
    color:              #554F4F;
    margin-bottom:      10px;
}
.row.center-text {
    width:              100%;
    text-align:         center;
    font-size:          20px;
    font-weight:        bold;
    display:            block;
    padding:            10px 0;
}
/* lifted from bootstrap */
.row {
    position:   relative;
    margin-left: 0px;
    margin-right: 0px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.course_row {
    display:    block;
    clear:      both;
}
.col-xs-3 {
    width: 12%;
    vertical-align:     top;
    display:    inline-block;
    padding:    5px;
}
.col-xs-7 {
    width: 70%;
    display:    inline-block;
    padding:    5px;
}
.col-xs-2 {
    display:    inline-block;
    padding:    5px;
    width:      14%;
}
.col-xs-6 {
    width:      50%;
    display:    inline-block;
    padding:    5px;
}
.new_river_header h2 {
    font-family: sans-serif;
    font-weight: bold;
    clear: both;
    font-size: 20px;
    padding: 18px;
    line-height: 17px;
    background-color: #F6F6F6;
    border-bottom: 1px solid #EBEBEB;
}
.title-row {
    font-weight:    bold;
}
    .title-row .course_p_one
    , .title-row .course_p_two {
        font-size:      12px;
    }
.course_p_two {
    position: absolute !important;
    right: 0;
    height: 100%;
    padding-top:    0px;
    padding-bottom: 0px;
    line-height: 29px;
    border-left: 1px solid #C0C0C0;
}
.cao-sponsor {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cao-sponsor-copy {
    color: #888;
    font-family: Ballinger, sans-serif;
    font-size: 14px;
}
.cao-page .cao-2014 .cao-header {
    background-color: #f7de9b;
    height: 200px;
    text-align: center;
}
.cao-page .cao-2015 .cao-header {
    background-color: #85cdc4;
    height: 200px;
    text-align: center;
}
.cao-page .cao-2016 .cao-header {
    background-color: #e1cf5e;
    height: 200px;
    text-align: center;
}
.cao-page .cao-2017 .cao-header {
    background-color: #a3e3e9;
    height: 200px;
    text-align: center;
}
.cao-page .cao-2018 .cao-header {
    background-color: #84f8ee;
    height: 200px;
    text-align: center;
}
.cao-page .cao-2019 .cao-header {
    background-color: #e6ffa1;
    height: 200px;
    text-align: center;
}

.cao-page .cao-2020 .cao-header {
    background-color: #bebdf2;
    height: 200px;
    text-align: center;
}

.cao-page .cao-2021 .cao-header {
    background-color: #f2bde3;
    height: 200px;
    text-align: center;
}

.cao-page .cao-2022 .cao-header {
    background-color: #f2d3bd;
    height: 200px;
    text-align: center;
}

.cao-page .cao-2023 .cao-header {
    background-color: #f2bdbd;
    height: 200px;
    text-align: center;
}

.cao-page .cao-2024 .cao-header {
    background-color: #6fe2e1;
    height: 200px;
    text-align: center;
}

.cao-page .cao-2025 .cao-header {
    background-color: #f65103;
    height: 200px;
    text-align: center;
}

#cao-results select {
    margin-top: 20px;
}
#cao-results .monday-notice {
    width: 610px;
    text-align: center;
}
#cao-results .monday-notice h2 {
    margin: 20px 0;
    width: 610px;
    text-align: center;
}

#beta {
	background: #F1F4E5;
}

/* Main background of the page */
html {
	/* Modern browsers */
	background:url(data:image/gif;base64,R0lGODlhAwADAIAAAPH05eXo2SH5BAAAAAAALAAAAAADAAMAAAIEjAOAUAA7);
	/* IE < 8 */
	*background:url(/desktop/i/thescore/backgroundMain.gif);
}

/* Masthead */
.masthead .publications li.main { margin-top:-20px; }

/* Links */
a,.widgetOpinions .head h3,.widgetOpinions .head h3 a, .postMain .text h3 a { color:#1a6b5c; }

/* Various backgrounds */
.startSlideshow, .postShort .text, .postMain .text blockquote, .featuredCommentList, .js .dropdownContent,.js .dropdownOpened .dropdownHandle { background-color:#e5eae0; }

/* Navigation */
.navigation { background:#3a4d43; border: 0; width: 970px; height: 31px; line-height: 31px; }
.navigation:before { height: 0; }
.navigation .menu a:after { border-right-color:#3a4d43; border-left-color:#3a4d43;}
.navigationTrendingTags { width: 319px; }

/* Section separator */
.sectionSeparator { border: 0; background: #536e60; text-shadow: none; }
.sectionSeparator > h3, .sectionSeparator .details, .sectionSeparator a.details, .sectionSeparator > h3 > a { color:#fff;   }
.ie-lt8 .sectionSeparator { background-image:url(/desktop/i/thescore/sectionSeparator.png);}

.sectionSeparator > h3 > .tag { padding-left: 0; background: transparent; }
.sectionSeparator > h3 > .tag:before { content: "#"; font-size: 13px; margin-right: 4px; }

.sectionSeparator.widget-facebook-box { background: transparent; }

/* Drop down */
.dropdownTags .tags a { color:#fff;}
.dropdownContent h3, .dropdownTags .dropdownContent .tags a { color:#555; }
.js .dropdownContent, .js .dropdownOpened .dropdownHandle { border-color:#1a6b5c; }
.iconDropdownClosed { background-position:-100px -25px; }
.iconDropdownOpened { background-position:-50px -50px; }


/* Widgets */
.widget { background-color:#f1f4e5; border-color:#bfc1b5; }

/* Tabs */
.tabMenu li a { color: #fff; text-shadow: none; }
.js li.ui-tabs-selected { background-color: #f1f4e5; box-shadow: none; }
.js .ui-tabs-selected { background-color: #f1f4e5; border-color:#85bcb0; }
.js .ui-tabs-selected a { color:#555555; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); }

/* Buttons */
button, .button, #fancybox-close { background-image:url(/desktop/i/thescore/sprite-buttons.png); }

/* Li */
.postMain .text ul li {  background-image:url(data:image/gif;base64,R0lGODlhBgAGAIAAABprXAAAACH5BAAAAAAALAAAAAAGAAYAAAIFhI+pywUAOw==); }
.ie-lt8 .postMain .text ul li { background-image:url(/desktop/i/thescore/li.gif);}

/* Icons */
.iconEmail { background-position:-25px -75px; }
.iconTwitterAuthor { background-position:-0px -150px; }

/* IE Fixes */
	/* We need to set the h1 width for IE6 because we absolutly position it */
	.ie6 .masthead .publications li.main { width:220px; }

.loading_comments {
    background-image: url("/desktop/i/thescore/loading-large.gif");
}
.action-button {
    background:     #145315;
}
    .action-button:hover {
        background: #138656;
    }
    .action-button:active {
        background: #124A13;
    }
    .action-button a {
        color:          #ffffff;
    }
