/*
* ROCKLIN CSS
*
*/

/*
*************************
**** OVERRIDING UTIL.CSS
*************************
*/

/* SMALL WORLD */
.small,
.small p, .small a,
.small ul, .small li,
.small code, .small pre,
.small table, .small tr, .small td, .small th,
.small div, .small span,
.small select, .small option, .small input, .small textarea
{ font-size:       11px; }

/*
*************************
**** OVERRIDING BASE.CSS
*************************
*/
html {
    height: 100%;
}

body {
    margin:          0px;
    padding:         0px;
}

body {
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #c9d3df;
    background-image: -moz-linear-gradient(top, #c9d3df 0%, #ffffff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9d3df), color-stop(100%,#ffffff));
    background-image: -webkit-linear-gradient(top, #c9d3df 0%,#ffffff 100%);
    background-image: -o-linear-gradient(top, #c9d3df 0%,#ffffff 100%);
    background-image: -ms-linear-gradient(top, #c9d3df 0%,#ffffff 100%);
    background-image: linear-gradient(top, #c9d3df 0%,#ffffff 100%);
}

body, div, p, a, em, small,
h1, h2, h3, h4, h5, h6,
table, td, th,
ul, li,
input, textarea, option, select
{ font-family:     "tahoma", "verdana", "arial", "helvetica", "sans-serif";
    color:           #222; }

h1, h2, h3, h4, h5, h6 { font-family: "arial", "helvetica", "verdana", "tahoma", "sans-serif"; }

h1 {
    color:           #444;
    font-size:       28px;
    font-weight: normal;
    margin:          0px 0px 20px 0px;
    padding:         4px 0px;
    border-bottom:   0px solid #999; }

h2, h3, h4, h5, h6
{ color:           #334d55;
    font-size:       x-small; }

/*
**************************
**** OVERRIDING CUSTOM.CSS
**************************
*/

/***************************************************************************
* MAIN
*/
.main {
    border: none;
    margin-left: auto; margin-right: auto;
}

/***************************************************************************
* HEADER
*/
.header, .header-image {
    text-align: left;
    background: url('/web/20170118220127oe_/https://questions.cms.gov/images/localgovt/CMS_hbg.jpg') repeat-x;
    border-bottom: none;
    border-top: none;
    width:100%;
}

/***************************************************************************
* TOPNAV
*/
.topnav {
    background-color: #FED426;
    background-image: -moz-linear-gradient(top, #FBECB5 0%, #FED426 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBECB5), color-stop(100%,#FED426));
    background-image: -webkit-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: -o-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: -ms-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: linear-gradient(top, #FBECB5 0%,#FED426 100%);
    color: #000000;
    border-top: none;
    padding: 5px 1px 5px 1px;
    border-bottom: 3px #DCEBF0 solid;
}

.topnav td {
    color: black;
    border: none;
}

.topnav a {
    text-decoration: none;
    color: white;
    border: none;
}

.topnav a p, .topnav a:link p, .topnav a:visited p, .topnav a:active p {
    background: #FED426;
    padding: 4px 9px 4px 9px;
    color: black;
    font-weight: normal;
    text-decoration: none;
}

.topnav a:hover p {
    color: black;
    font-weight: none;
    background: #FED426;
    text-decoration: underline;
}

.topnav a p.on, .topnav a:link p.on, .topnav a:visited p.on,
.topnav a:active p.on, .topnav a:hover p.on {
    background: #FED426;
    color: black;
    text-transform: none;
}
.topnav a:hover p.on {
    color: white;
}

/***************************************************************************
* USERBAR
*/
.topnav td.userbar
{ background: #FED426;
    color:           black;
    border:          none; }

.topnav.td.userbar p
{ color:           black; }

td.userbar a, td.userbar a:link,
td.userbar a:visited, td.userbar a:active {
    color: white ! important;
    text-decoration: underline;
    font-weight: bold;
}

td.userbar a:hover {
    color: white !important;
    text-decoration: underline;
}

/***************************************************************************
* BODY
*/
.body {
    background: #fff;
    border-top: none;
}
.body a { text-decoration: none ! important; }
.body a:hover { text-decoration: underline ! important; }

/***************************************************************************
* SUBNAV
*/
.subnav {
    background: #dcebf0;
    padding: 0px 0px;
    border-top: none;
    border-right: none;
}

.subnav table.nav-box th a {
    color: black;
    font-size: 13px;
    background: none;
}

.subnav table.nav-box th {
    background: none;
    color: black;
    border: none;
    border-bottom: none;
    font-weight: bold;
    font-size: 15px;
}

.subnav a p, .subnav a:link p, .subnav a:visited p, .subnav a:active p {
    font-size: 11px;
    font-weight: normal;
    color: black;
    background: none;
    border-bottom: none;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

.subnav a:hover, .subnav a:hover p {
    color: #fff;
    background: none;
    text-decoration: underline;
}

.subnav a p.on, .subnav a:link p.on, .subnav a:visited p.on,
.subnav a:active p.on {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    background: #0385B0;
    border-left: 4px black solid
}

.subnav a:hover p.on {
    color: #fff;
    font-weight: bold;
}

/***************************************************************************
* BODY
*/
.body   { padding: 5px 5px 5px 15px; }
.body a { text-decoration: underline ! important; }
.body p { margin: 5px 0px; }

/***************************************************************************
* FOOTER
*/
.footer {
    padding: 5px;
    background: #E6E1E1;
    border-top: none;
}

.footer p, .footer td { background: #E6E1E1; color: E6E1E1; }

.footer a, .footer a:link, .footer a:visited, .footer a:active
{ color: #fff !important; }

.footer a:hover {
    text-decoration: underline;
    color: #fff !important;
}

/***************************************************************************
* FORM
*/
.form th {
    font-size: 11px;
    background: #eef0e5;
}

.report tr.alt {
    background: #f0f0ee;
}

/***************************************************************************
* NEW REQUEST PAGE : USERLINKS
*/

#user-links ul li {
    border-right: 0px solid #000;
    display: inline;
    padding: 0px 4px 0px 6px;
}

#user-links a {
    color:#009;
    border: none;
    font-size:11px;
}

/***************************************************************************
* NEW REQUEST PAGE : CODA WRAPPER
*/
.coda-slider-wrapper .coda-nav ul li a.current, .coda-slider-wrapper .coda-nav ul li a.current:hover {
    background: #FED426 url(/web/20170118220127oe_/https://questions.cms.gov/images/highlight.png);
    color: black;
    font-size: 16px;
}

.coda-slider-wrapper .coda-slider {
    border-bottom: 3px solid #FED426;
    border-left: 3px solid #FED426;
    border-right: 3px solid #FED426;
}

.coda-slider-wrapper .coda-nav ul li a {
    background: #018EB9 url(/web/20170118220127oe_/https://questions.cms.gov/images/highlight.png) repeat-x;
    color: white;
    font-size: 16px;
}

.coda-slider-wrapper .coda-nav ul li a:hover {
    background: #ffea94 url(/web/20170118220127oe_/https://questions.cms.gov/images/highlight.png) repeat-x;
    color: #333;
    font-size: 16px;
}

.coda-slider-wrapper .coda-nav-left a, .coda-nav-right a {
    background: #018EB9 url(/web/20170118220127oe_/https://questions.cms.gov/images/button-highlight.png) repeat-x;
    color: #fff;
}

.coda-slider-wrapper .coda-nav-left a:hover, .coda-nav-right a:hover {
    background: #018EB9 url(/web/20170118220127oe_/https://questions.cms.gov/images/button-highlight.png) repeat-x;
    color:#fff;
    border:1px solid #222;
}

.coda-slider-wrapper .panel h3.direction {
    background: #FED426;
    color: black;
    font-size: 18px;
    font-weight: bold;
    left: 0px;
    margin: -20px -20px 10px;
    padding: 15px;
    position: inherit;
    text-align: center;
    top: 0px;
    border:none;
}

.coda-slider-wrapper .ui-tabs .ui-state-default {
    background: #036;
    color: #000;
}

.coda-slider-wrapper .ui-tabs  {
    background: #6A96AF;
    color: #000;
}

.coda-slider-wrapper .ui-tabs .ui-state-active, .ui-tabs .ui-state-active li a:hover {
    background: white;
    color: #000;
}

.coda-slider-wrapper .ui-tabs .ui-state-default:hover {
    background: #E2E9CC;
    color: #000;
}

.coda-slider-wrapper .ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    color: #fff;
}

.coda-slider-wrapper .ui-tabs-vertical .ui-tabs-nav li a:hover {
    display: block;
    color: #000;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
    color: #000;
}

/***************************************************************************
* NEW REQUEST PAGE : TOPICS and SUBS
*/

.coda-slider-wrapper div.topicnav h5, ul.topicnav li {
    background: #dcebf0;
    border-bottom: 2px solid #4F748D;
    border-right: 1px solid #4F748D;
    text-align: left;
}

.coda-slider-wrapper div.topicnav h5:hover, ul.topicnav li:hover {
    background: #ffea94;
    color: #fff;
}

.coda-slider-wrapper div.topicnav h5:hover, ul.topicnav li:hover {
    background: #ffea94;
    color: black;
}

.coda-slider-wrapper div.topicnav h5 a {
    color: #000;
    display: block;
    text-decoration: none;
}

.coda-slider-wrapper div.topicnav h5 a {
    color: black;
    display: block;
    font-weight:none;
    text-decoration: none;
}

.coda-slider-wrapper div.topicnav h5 a:hover {
    color: black;
}

.coda-slider-wrapper div.topicnav div.subtopicnav a, ul.topicnav li ul.subtopicnav li a {
    background: #fff;
}

.coda-slider-wrapper div.topicnav div.subtopicnav a:hover, ul.topicnav li ul.subtopicnav li a:hover {
    background: #ffea94;
    color:#000;
}

.big, h2{
    color: #000;
    font-size: 20px;
    font-weight: 400;
}

.button, .button a, .button a:link, .button a:visited, a.xtrig.button {
    background: #018EB9 !important;
    font-weight: bold;
    color: white !important;
    border: 2px solid #000;
    cursor: pointer;
}

#createUserNextButton {
    background: #018EB9;
    color: white;
}

#sendrequestbutton {
    background: #018EB9;
    color: white;
}

.button:hover, a.xtrig.button:hover {
    background: #FF9;
    font-weight: bold;
    border: 2px solid #000;
    color: #000;
    cursor: pointer;
}

/***************************************************************************
* NEW REQUEST PAGE : FAQ BROWSER
*/

.header-box {
    background-color: #FED426;
    background-image: -moz-linear-gradient(top, #FBECB5 0%, #FED426 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBECB5), color-stop(100%,#FED426));
    background-image: -webkit-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: -o-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: -ms-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: linear-gradient(top, #FBECB5 0%,#FED426 100%);
    color: #000;
}
.header-box h2 {
    padding: 0px; margin: 0px; margin-bottom: 5px;
    color: #000;
}

.message-box {
    background-color: #FED426;
    background-image: -moz-linear-gradient(top, #FBECB5 0%, #FED426 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBECB5), color-stop(100%,#FED426));
    background-image: -webkit-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: -o-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: -ms-linear-gradient(top, #FBECB5 0%,#FED426 100%);
    background-image: linear-gradient(top, #FBECB5 0%,#FED426 100%);
    color: #000;
}

.sidebox a, .sidebox a:link, .sidebox a:visited, .sidebox a:active {
    color: black !important;
}

.sidebox a .button {
    color: white !important;
}

/***************************************************************************
 * UPDATES: 6/2/2014
 */

#page {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #4C4C4C;
    margin: auto;
    max-width: 980px;
    overflow: hidden;
    position: relative;
}

.sidebox {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
}

.ui-accordion .ui-accordion-header .ui-icon {
    display: none;
}

.coda-slider-wrapper div.topicnav h5:hover, ul.topicnav li:hover {
    background: none repeat scroll 0 0 #018EB9;
    color: #000000;
}

.topnav a p, .topnav a:link p, .topnav a:visited p, .topnav a:active p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.topnav a p.on, .topnav a:link p.on, .topnav a:visited p.on, .topnav a:active p.on, .topnav a:hover p.on {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.topnav td.userbar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}