/** @import url("reset.css"); **/

#InternalLeftCol {
    width: 245px;
    border: 0px solid green;
    float: left;
}

#InternalNotices {
    background: url(/images/internal/sas/bottom-gradient.png) no-repeat bottom center #F0F0F0;
    margin: 0 0 10px 0;
}

#InternalNotices h2 {
    background-color: #52575B;
    color: #fff;
    font-size: 14px !important;
    padding: 4px;
    margin: 0;
}

#LaunchNotices {
    background: url(/images/internal/sas/bottom-gradient.png) no-repeat bottom center #F0F0F0;
    margin: 20px 20px 20px 20px;
    padding: 10px;
}

#AllUsersNotice {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding: 10px;
    background-color: #52575B;
    color: #EEB111;
    margin: 5px 0;
}

#AllUsersNotice h3 {
    font-size: 13px;
    color: #EBAC14;
}

#AllUsersNotice h4 {
    font-size: 12px;
    color: #EBAC14;
}

#AllUsersNotice a {
    color: #fff !important;
}

#StandardNotice {
    font-size: 11px;
    padding: 10px 10px 20px 10px;
}

#StandardNotice h3 {
    font-size: 13px;
}

#StandardNotice h4 {
    font-size: 12px;
}

#LeftNav {
    margin: 0 0 0 0;
    border: 0px solid red;
    background: url(/images/internal/sas/bottom-gradient.png) no-repeat bottom center #F0F0F0;
}

#LeftNav h2 {
    background-color: #52575B;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
}

#LeftNav ul {
    margin: 0;
    padding: 0;
}

#LeftNav ul li {
    list-style: none;
    margin: 4px;
    padding: 0 auto;
}

#OfflineSessionMessage {
    font-size: 11px;
    padding: 0 10px 20px 10px;
}

#InternalRightCol {
    width: 695px;
    border: 0px solid blue;
    float: right;
}

.subheader-left {
    float: left;
    width: 450px;
    padding-top: 5px;
}

.subheader-right {
    float: right;
}

#utilities-left-col {
    width: 400px;
    float: left;
    padding-left: 50px;
    margin-top: 20px;
}

#utilities-right-col {
    width: 400px;
    float: right;
    padding-right: 50px;
    margin-top: 20px;
}

.utilities-menu h2 {
    font-size: 18px !important;
}

.utilities-menu ul {
    list-style-image: url(/images/internal/sas/bbc-bullet.png);
}

.utilities-menu ul li {
    font-size: 11px;
    padding: 0 0 3px 0;
}

.utilities-menu ul li a {
    font-size: 13px;
    padding-right: 5px;
}

#schedule-table-container {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 2px solid #666;
    padding-top: 10px;
    border-bottom: 2px solid #666;
    padding-bottom: 10px;
}

#schedule-table-container table tr th {
    background-color: #52575B;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    font-size: 13px;
}

#schedule-table-container .row-label {
    background-color: #fff;
    color: #52575B;
}

#schedule-table-container table tr th a:link {
    color: #EBAC14 !important;
}

#schedule-table-container table tr th a:visited {
    color: #EBAC14 !important;
}

#schedule-table-container table tr th a:active {
    color: #EBAC14 !important;
}

#schedule-table-container table tr th a:hover {
    color: #EBAC14 !important;
    text-decoration: underline !important;
}

#schedule-table-container table tr td {
    border-bottom: 1px solid #999;
    font-size: 12px;
    padding: 2px 2px 0 2px;
}

#schedule-table-container table tr:hover {
    background-color: #C4CED4;
}

#schedule-table-container table td.pager-on-page {
    font-weight: bold;
    text-decoration: underline !important;
}

#sw-download-container {
    font-size: 12px;
}

#sw-download-container h1 {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    background-color: #52575B;
    color: #fff;
}

#sw-download-container h2 {
    font-size: 16px;
    margin: 20px 0 20px 20px;
    padding: 5px;
    *background-color: #eee;
    border-bottom: 1px solid #666;
}

#sw-download-container h2 span {
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 20px;
}

#sw-download-container h3 {
    font-size: 14px;
}

#sw-download-container .indented {
    margin-left: 40px
}

#sw-download-container .instructions {
    float: left;
    width: 360px;
    margin-right: 20px
}

#sw-download-container img {
    display: block;
}

#sw-dowload-select-os-container {
    margin-bottom: 30px;
}

.select-field, .text-field {
    font-size: 11px !important;
    border: 1px solid #e5e5e5;
    padding: 4px;
    margin: 0 0 3px 0;
    font-size: 13px;
    background: url(/images/internal/sas/field.png) repeat-x bottom center #F0F0F0;
}

.select-field:focus, .text-field:focus {
    outline: none;
    border: 1px solid #EEC97F;
    box-shadow: 0 0 5px rgba(255, 204, 102, 1);
    -webkit-box-shadow: 0 0 5px rgba(255, 204, 102, 1);
    -moz-box-shadow: 0 0 5px rgba(255, 204, 102, 1);
}

/* Form fields
.reqd { color:#B10101; font-weight:bold; }
.text-field { font-family:Helvetica,sans-serif; font-size:11px; color:#52575B; background-color:#fff; padding:0 0 0 1px; border:solid 1px #4393B5;}
.select-field { font-family:Helvetica,sans-serif; font-size:10px; color:#52575B; background-color:#fff; border: solid 1px #4393B5;}
.field-pair { clear:both; margin-bottom:0.5em; }
.readonly-field { font-family:Helvetica,sans-serif; font-size:11px; color:#555; background-color:#eee; padding:0 0 0 1px; border:solid 1px #4393B5; }
*/

.event-register-field-label-width {
    width: 16em;
}

/* Form field errors
.text-field-error { font-family:Helvetica,sans-serif; font-size:11px; color:#52575B; padding-left:1px; border: solid 1px #B10101; background-color:#fff6a9; }
.select-field-error { font-family:Helvetica,sans-serif; font-size:10px; color:#52575B;  border: solid 1px #B10101; background-color:#fff2a2;}
.field-label { padding-top:0.2em; float:left; text-align:right; margin-right:0.7em; display:block; font-size:14px;}
.field-label-error { color:#52575B; font-weight:bold; font-size:11px; padding-top:0.2em; float:left; text-align:right; margin-right:0.7em; display:block;}
.field-error { margin-top:5px; color:#B10101; font-size:11px; }

*/

/* Expanding button
.button-container { clear:both; min-height:20px; }
a.button { background: transparent url('/images/internal/sas/bg_button_a.gif') no-repeat scroll top right; color: #06c; display: block; float: left; font-family:Helvetica,sans-serif; font-size: 11px;font-weight:normal;height: 24px;margin-right: 6px;padding-right: 18px; text-decoration: none;}
a.button span { background: transparent url('/images/internal/sas/bg_button_span.gif') no-repeat; display:block; font-weight:bold; color:#52575B; line-height: 14px; padding: 5px 0 5px 18px; }
a.button:active { background-position:bottom right; color:#000; font-weight:bold; outline:none; }
a.button:active span { background-position:bottom left; color:#000; font-weight:bold; padding: 6px 0 4px 18px; }
*/

/* Call out boxes
.call-out-white {background-color:#fff;border:1px solid #4393B5; font-size:10px; font-family:Helvetica,sans-serif; padding:10px}
.call-out-light {background-color:#C4CED4;border:1px solid #4393B5;padding:10px; font-size:10px; font-family:Helvetica,sans-serif;}
.call-out-warning {background-color:#fff6a9;border:1px solid #B10101;color:#B10101;font-size:10px;font-family:Helvetica,sans-serif;margin:2px;padding:5px}
.call-out-normal-light {background-color:#C4CED4;border:1px solid #4393B5;padding:10px;}
div.call-out-light h2 { font: 76% Calibri, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
div.call-out-light h3 { font: 76% Calibri, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
div.call-out-light h4 { font: 76% Calibri, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
*/

/* Events table */
table.event-formatted-table th {
    color: #fff;
    font-weight: bold;
    background-color: #52575B;
    padding: 4px 6px;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    text-align: left;
}

table.event-formatted-table td {
    padding: 4px 6px;
    border-collapse: collapse;
    border-bottom: 1px solid #52575B;
    text-align: left;
    font-size: 13px;
}

table.event-formatted-table tr:hover {
    background-color: #E7EBED;
}

table.event-formatted-table td.label {
    font-weight: bold;
}

table.event-formatted-table td.label:hover {
    background-color: #D9E5F0;
}

table.event-formatted-table td.section-header {
    background-color: #C4CED4;
    padding: 4px 6px;
    text-align: center;
    border-top: 2px solid #52575B;
    border-bottom: 0;
    font-size: 14px;
}

table.event-formatted-table span.section-header-label {
    font-weight: normal;
}

table.event-formatted-table span.section-header-title {
    font-weight: bold;
}

table.event-formatted-table td.section-separator {
    background-color: #F7FBFE;
    height: 5px;
    margin: 0;
    padding: 0;
}

table.event-formatted-table a {
    font-weight: bold;
}

span.event-name {
    font-size: 13px;
}

span.event-hosted-by {
}

span.event-date {
}

span.event-time-zone {
    font-size: 10px;
}

.event-type {
    font-size: 18px;
    font-weight: bold;
}

/* simple formatted table */
table.simple-formatted-table th.subheader,
table.simple-formatted-table th {
    color: #fff;
    font-weight: bold;
    background-color: #52575B;
    padding: 4px 6px;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    text-align: left;
}

table.simple-formatted-table th {
    font-size: 14px;
}

table.simple-formatted-table th.subheader {
    font-size: 12px;
}

table.simple-formatted-table td.border-row-left,
table.simple-formatted-table td.border-row-right,
table.simple-formatted-table td {
    border-collapse: collapse;
    text-align: left;
    font-size: 12px;
}

table.simple-formatted-table td {
    padding: 4px 6px;
}

table.simple-formatted-table td.border-row-left {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 6px 15px 15px
}

table.simple-formatted-table td.border-row-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 15px 15px 6px
}

table.simple-formatted-table td.label,
table.simple-formatted-table td.label-right {
    font-weight: bold;
}

table.simple-formatted-table td.label-right {
    text-align: right
}

table.simple-formatted-table tr.extra-bottom-padding td {
    padding-bottom: 15px
}

table.simple-formatted-table tr.extra-top-padding td {
    padding-top: 15px
}

/* Formatted table */
#schedule-table-container table.formatted-table tr th.subheader,
table.formatted-table th.subheader,
table.formatted-table th {
    color: #fff;
    font-weight: bold;
    background-color: #52575B;
    padding: 4px 6px;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    text-align: left;
}

table.formatted-table th {
}

#schedule-table-container table.formatted-table tr th.subheader,
table.formatted-table th.subheader {
    font-size: 12px;
    text-align: center;
}

table.formatted-table td {
    padding: 4px 6px;
    border-collapse: collapse;
    border-bottom: 1px solid #52575B;
    text-align: left;
    font-size: 13px;
}

table.formatted-table td.centered {
    text-align: center
}

table.formatted-table td.label-right,
table.formatted-table td.label {
    font-weight: bold;
}

table.formatted-table td.label-right:hover,
table.formatted-table td.label:hover {
    background-color: #C4CED4;
}

table.formatted-table td.label-right {
    text-align: right
}

table.formatted-table td.section-header {
    background-color: #B7CCDE;
    padding: 4px 6px;
    text-align: center;
    border-top: 2px solid #52575B;
    border-bottom: 0;
    font-size: 14px;
}

table.formatted-table span.section-header-label {
    font-weight: normal;
}

table.formatted-table span.section-header-title {
    font-weight: bold;
}

table.formatted-table td.section-separator {
    background-color: #F7FBFE;
    height: 5px;
    margin: 0;
    padding: 0;
}

table.formatted-table a {
    font-weight: bold;
}

table.formatted-table tr:nth-child(odd) {
    background-color: #E7EBED;
}

table.formatted-table tr:nth-child(even) {
    background-color: #fff;
}

table.formatted-table tr:hover {
    background-color: #C4CED4;
}

table.formatted-table tfoot.total {
    color: #fff;
    font-weight: bold;
    background-color: #52575B !important;
}

/* Report Formatted table */
table.report-formatted-table th {
    color: #fff;
    font-weight: bold;
    background-color: #52575B;
    padding: 4px 6px;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    text-align: center;
}

table.report-formatted-table td {
    padding: 4px 6px;
    border-collapse: collapse;
    border-bottom: 1px solid #52575B;
    text-align: center;
    font-size: 13px;
    nowrap;
}

table.report-formatted-table td.label {
    font-weight: bold;
    text-align: left;
    wrap;
}

table.report-formatted-table td.label:hover {
    background-color: #C4CED4;
}

table.report-formatted-table td.total {
    color: #fff;
    font-weight: bold;
    background-color: #746380 !important;
    wrap;
}

table.report-formatted-table td.section-header {
    background-color: #B7CCDE;
    padding: 4px 6px;
    text-align: center;
    border-top: 2px solid #52575B;
    border-bottom: 0;
    font-size: 14px;
}

table.report-formatted-table span.section-header-label {
    font-weight: normal;
}

table.report-formatted-table span.section-header-title {
    font-weight: bold;
}

table.report-formatted-table td.section-separator {
    background-color: #F7FBFE;
    height: 5px;
    margin: 0;
    padding: 0;
}

table.report-formatted-table tr:nth-child(odd) {
    background-color: #E7EBED;
}

table.report-formatted-table tr:nth-child(even) {
    background-color: #fff;
}

table.report-formatted-table tr:hover {
    background-color: #C4CED4;
}

table.report-formatted-table tfoot tr:nth-child(odd) {
    color: #fff;
    font-weight: bold;
    background-color: #746380 !important;
}

table.report-formatted-table tfoot td:total {
    color: #fff;
    font-weight: bold;
    background-color: #746380 !important;
}

table.report-formatted-table tfoot td.label:hover {
    background-color: #746380 !important;
}

table.report-formatted-table tfoot td:empty {
    background-color: #fff;
}

table.report-formatted-table tfoot a {
    color: #fff !important;
    font-weight: bold;
}

table.report-formatted-table tr.label th {
    color: #52575B;
    background-color: #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #52575B;
}

table.report-formatted-table td.pager-on-page {
    font-weight: bold;
    text-decoration: underline !important;
}

/* Updated SAS Styles */
.error, .Error {
    color: #B00000;
}

.errorText {
    color: #B00000;
    font-size: 16px;
}

.messageText {
    color: #52575B;
    font-size: 16px;
}

.reqd {
    color: #B00000;
    font-weight: bold;
}

/* Misc common formatting */
.centered {
    text-align: center;
}

.right-aligned {
    text-align: right;
}

.normal {
    font-weight: normal
}

.small-font {
    font-size: 10px;
    font-family: Helvetica, Helvetica, sans-serif;
    color: #52575B;
}

.smaller-font {
    color: #52575B;
    font-size: 9px;
    font-family: Helvetica, Helvetica, sans-serif;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.indented {
    margin-left: 20px
}

.space-after {
    margin-bottom: 15px;
}

.space-before {
    margin-top: 15px;
}

.valign-middle {
    padding-top: 50%;
    padding-bottom: 50%;
}

.ajax-spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/internal/common/ajax-loader.gif') center center no-repeat;
    z-index: 9999;
}

ol {
    color: #52575B;
    list-style-type: decimal;
    margin: 0 0 10px 0;
    padding: 0 20px 0 20px;
}

div.clear {
    clear: both;
}

div.no_margin {
    margin-left: 0;
    margin-right: 0;
}

div.hidden {
    display: none;
}

label.midline-right {
    font-weight: bold;
    margin-left: 15px;
    text-align;
    right
}

a.blockLinkMobile,
a.blockLink {
    display: block;
    background: #fff;
    cursor: pointer;
    padding: 1.2em;
    margin: 1em;
    vertical-align: middle;
    text-decoration: none;
    border-radius: .5em;
}

a.blockLink {
    border: 2px solid #bbb;
}

a.blockLinkMobile {
    border: .25em solid #bbb;
    font-size: 30px
}

a.blockLink:hover {
    background: #bbb
}

/* there is an android browser bug that causes line wrapping/zoom to
   go crazy UNLESS you put a background on elements that contain text... */
.subpage .content h1.mobileH1 {
    font-size: 40px;
    background: #fff
}

.subpage .content h3.mobileH3 {
    font-size: 32px;
    background: #fff
}

.mobileText {
    font-size: 28px;
    background: #fff
}

.subdescription {
    font-size: .9em;
}

.sidetext {
    font-size: 11px;
}

.sidetextsmallitalic {
    font-size: 9px;
    font-style: italic;
}

.copyright {
    font-size: 11px;
    color: #999999;
}

html, body {
    margin: 0;
    padding: 0;
    outline: 0 !important;
    background: url(/images/internal/common/body-bg.jpg) repeat-x;
}

p {
    margin: 0 0 10px 0;
    color: #52575B;
}

em, span.em {
    font-style: italic;
}

span.bold, p.bold {
    font-weight: bold;
    text-transform: none;
}

span.center {
    padding: 0 50px;
    text-align: center;
    display: block;
}

span.right {
    text-align: right;
    display: block;
}

span.upper {
    text-transform: uppercase;
    font-family: Georgia;
    font-size: 10px;
}

h1, h2, h3 {
    color: #52575B;
    margin-bottom: 15px;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

blockquote {
    margin: 0 40px;
}

a {
    color: #6C217F;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* =============== */
/* = Login Pages = */
/* =============== */
.login-h1 {
    font-size: 30px;
    color: #52575B;
    margin-bottom: 5px;
    font-weight: bold
}

.login-form-label {
    font-size: 18px;
    font-weight: bold
}

.login-text-field {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    color: #52575B;
    background-color: #fff;
    padding: 8px;
    border: solid 1px #000000;
}

p#login {
    float: right;
    margin: 33px 20px 0 0;
    color: #52575B;
    text-transform: uppercase;
}

p#login a {
    color: #52575B;
    text-decoration: none;
    margin: 0 10px;
}

p.intro {
    font-size: 19px;
}

#content strong {
    font-weight: bold;
}

div#container {
    text-align: left;
    z-index: 20;
}

div#footer {
    font-size: 13px;
}

#footer ul {
    text-align: center;
    margin: 0 auto;
    width: 960px;
    border-top: 1px solid #c0daf2;
}

#footer ul li {
    float: left;
    color: #8bb1d0;
}

#footer ul li a {
    color: #449ed6;
    margin: 0 5px 0 8px;
}

#footer p {
    clear: left;
    color: #8bb1d0;
    text-align: center;
    padding-bottom: 15px;
}

*:focus {
    outline: #EEB111 solid 1px;
}

/* ============== */
/* = CONTAINERS = */
/* ============== */
div#container {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

div#flare {
    position: absolute;
    left: -340px;
    z-index: -1;
}

div#logo {
    position: absolute;
    z-index: 200;
    top: 0px;
    left: 5px;
    width: 200px;
    height: 79px;
}

div#logo img {
    margin: 15px 0 0 15px; /*display:none;*/
}

div#header {
    position: absolute;
    width: 1000px;
    height: 60px;
}

div#wrapper {
    width: 960px;
    padding: 0 20px;
    background: white;
}

div#content {
    width: 963px;
    padding-bottom: 20px;
    padding-left: 30px;
}

/* ====================== */
/* = NAV HERE = */
/* ====================== */
div#navigation {
    height: 100px;
    width: 980px;
    margin-top: 30px;
    padding-right: 20px;
}

div#navigation ul {
    margin: 70px 0 0 0;
    float: right;
}

ul#nav li {
    float: left;
}

ul#nav li a, ul#nav li span {
    text-decoration: none;
    display: block;
    /*  padding:0 20px;*/
    height: 15px;
    color: #52575B;
    font-size: 14px;
    line-height: 15px;
    width: 93px;
    text-align: center;
    padding-top: 2px;
}

ul#nav li:hover {
    overflow: visible;
    text-decoration: underline;
}

/* ========= */
/* = FONTS = */
/* ========= */

.subpage .content h1,
.subpage .content h2,
.subpage .content h3 {
    font-weight: bold;
    margin-bottom: 5px;
}

.subpage .content h1 {
    font-size: 20px;
}

.subpage .content h2 {
    font-size: 18px;
}

.subpage .content h3 {
    font-size: 16px;
}

.subpage .content a {
    color: #6C217F !important;
    font-weight: bold;
}

.subpage .content {
    color: #52575B;
    font-size: 14px;
}

.subpage div.content ul {
    margin: 0 0 20px 30px;
}

.subpage div.content ul li {
    list-style-type: disc;
}

.subpage hr {
    background: url('/images/internal/sas/hr.png') 50% 100% no-repeat;
    height: 15px;
    border-style: none;
}

/* ========== */
/* = LAYOUT = */
/* ========== */

.subpage div.cwrap {
    width: 1000px;
    float: right;
    position: relative;
    padding-bottom: 30px;
    background: url('/images/internal/sas/feature_middle_1000x10.jpg') repeat-y;
}

.subpage div.content {
    width: 952px; /*1000 - (left+right padding) */
    background: url('/images/internal/sas/feature_top_1000x247.jpg') no-repeat;
    padding: 16px 24px;
    position: relative;
}

.subpage div.content_footer {
    height: 37px;
    width: 1000px;
    /*float:right;*/
    position: absolute;
    bottom: 0;
    left: 0;
    background: url('/images/internal/sas/feature_bottom_1000x37.jpg') no-repeat;
}

.subpage div.applet_cwrap {
    width: 995px;
    float: right;
    position: relative;
    padding-bottom: 30px;
}

.subpage div.applet_content {
    width: 907px; /*995 - 88*/
    padding: 0px;
    position: relative;
}

.subpage div.applet_content_footer {
    width: 995px;
    /*float:right;*/
    position: absolute;
    bottom: 0;
    left: 0;
}

/*-- gray buttons resources --*/
a.gray-button-resources,
a.gray-button-resources span,
span.gray-button-resources,
span.gray-button-resources input {
    height: 26px;
    width: 210px;
    line-height: 26px;
    background: url("/images/internal/common/corporate/global/gray-btn.png") no-repeat;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    color: #4D4D4F;
    cursor: pointer;
    border: 0;
}

a.gray-button-resources,
span.gray-button-resources {
    background-position: right top;
    color: #4D4D4F;
    text-decoration: none;
    margin-left: 27px;
}

a.gray-button-resources span,
span.gray-button-resources input {
    background: url("/images/internal/common/corporate/global/gray-btn.png") no-repeat top left;
    position: relative;
    right: 27px;
    padding-left: 7px;
}

span.gray-button-resources input {
    *padding-left: 3px;
}

a.gray-button-resources:hover,
span.gray-button-resources:hover {
    color: #000;
    background-position: right bottom;
}

a.gray-button-resources:hover span,
span.gray-button-resources input:hover {
    background-position: left bottom;
}

/*-- gray buttons regular --*/
a.gray-button-regular,
a.gray-button-regular span,
span.gray-button-regular,
span.gray-button-regular input {
    height: 26px;
    line-height: 26px;
    background: url("/images/internal/common/corporate/global/gray-btn.png") no-repeat;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #4D4D4F;
    cursor: pointer;
    border: 0;
}

a.gray-button-regular,
span.gray-button-regular {
    background-position: right top;
    color: #4D4D4F;
    text-decoration: none;
    margin-left: 27px;
}

a.gray-button-regular span,
span.gray-button-regular input {
    background: url("/images/internal/common/corporate/global/gray-btn.png") no-repeat top left;
    position: relative;
    right: 27px;
    padding-left: 7px;
}

span.gray-button-regular input {
    *padding-left: 3px;
}

a.gray-button-regular:hover,
span.gray-button-regular:hover {
    color: #000;
    background-position: right bottom;
}

a.gray-button-regular:hover span,
span.gray-button-regular input:hover {
    background-position: left bottom;
}

.NormalBullet_bbCollaborate li {
    list-style-image: url("/images/internal/common/bbc_bullet.gif");
    line-height: 120%;
}

.report-body {
    background: none !important;
}

.applet {
    outline: none !important;
    border: 0px
}

.applet:focus {
    outline: none !important;
}

#sortable-table-container table tr th a:link {
    color: #ebac14;
}

#sortable-table-container table tr th a:hover {
    color: #ebac14;
    text-decoration: underline;
}

.help_list ul {
    list-style-image: url(/images/internal/sas/bbc-bullet.png);
    clear: both;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#banner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #272727;
    width: 100%;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
}

#banner a {
    color: #EEB111;
}

#banner button {
    float: right;
    color: #BBBBBB;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    background-color: transparent;
    border: 0;
    padding: 6px 10px;
    margin: 0;
    box-shadow: none;
}

#banner button:hover {
    color: #FFFFFF;
    cursor: pointer;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
#new-scheduler {
    background-color: #333;
    color: #fff;
    padding: 20px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#new-scheduler, #new-scheduler * {
    box-sizing: border-box;
    line-height: 1.4;
    font-family: Open Sans, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#new-scheduler .ns-scheduler-logo {
    margin-right: 20px;
    margin-left: -10px;
    width: 76px;
    height: 76px;
}

#new-scheduler .ns-text-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#new-scheduler .ns-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #fff;
}

#new-scheduler .ns-detail {
    margin: 0;
    color: #fff;
}

#new-scheduler .ns-button {
    text-decoration: none;
    padding: 10px 24px;
    background-color: #333;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff !important;
}

#new-scheduler .ns-button:hover, #new-scheduler .ns-button:active, #new-scheduler .ns-button:focus {
    background-color: #fff !important;
    color: #333 !important;
}

#new-experience-link {
  display: flex;
  align-items: center;
  justify-content: center;
  span {
    margin-left: 10px;
  }
}

