/*
 * 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; }

#faq_div, p, div, td, th, a, select, option, span, input, strong, textarea {
    font-size: 14px !important;
}
/*
 *************************
 **** OVERRIDING BASE.CSS
 *************************
*/
body {
    font-family: 'Roboto';font-size: 22px;
    margin:          0px;
    padding:         0px;
    background: #FFF;
}

body, div, p, a, em, small,
h1, h2, h3, h4, h5, h6,
table, td, th,
ul, li,
input, textarea, option, select {
    font-family:     'Roboto';
    color:           #222;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto'; }

h1 {
    color:           #000;
    font-size:       28px;
    font-weight: normal;
    margin:          0px 0px 20px 0px;
    padding:         5px 0px;
    border-bottom:   0px solid #126628; }

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


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


/***************************************************************************
 * MAIN
 */
.main {

}


/***************************************************************************
 * HEADER
 */
.header {
    background:  #253441;
    border-bottom: none;
}

.header-image {
    text-align: center;
    margin-top: 5px;
}


/***************************************************************************
 * TOPNAV
 */
.topnav {
    background: #253441;
    color: #E9E9E9;
    border-right: none;
    padding: 4px;
    border-bottom: 2px solid #91ABBC;

}

.topnav td {
    color: #E9E9E9;
    border: none;
}

.topnav a {
    text-decoration: none;  
}

.topnav a p, .topnav a:link p, .topnav a:visited p, .topnav a:active p {
    background: #253441;
    padding: 0px 12px;
    color: #E9E9E9;
    font-weight: bold;
    text-decoration: none;
    border-right: none;
    border-right: 1px solid white;
}


.topnav a:hover p {
    color: #E2D209;
    text-decoration: none;
    background: #253441;
    border-right: none;
    border-right: 1px solid white;

}

.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: #253441;
    color: #E2D209;
    border-right: none;
    text-transform: none;
    border-right: 1px solid white;
}
.topnav a:hover p.on {
}

/***************************************************************************
 * USERBAR
 */
.topnav td.userbar {
    background:      #253441;
    color:           #E9E9E9;
    border:          none;
    font-weight: bold;
}

.topnav.td.userbar p {
    color:           #E9E9E9;
    font-weight: bold;
}

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

td.userbar a:hover {
    color: #E9E9E9 !important;
    text-decoration: underline;
    font-weight: bold;
}


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


/***************************************************************************
 * SUBNAV
 */
.subnav {
    background:  #253441; 
    padding: 0px 0px;

}

.subnav table.nav-box th a {
    color: #E2D209;
    font-size: 14px;
    font-weight: bold;
}

.subnav table.nav-box th {
    background: #253441;
    color: #E2D209;
    border: none;
    border-bottom: 1px dashed #C29730;
    border-top: none;
    font-weight: bold;
    font-size: 18px;
}

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

.subnav a:hover, .subnav a:hover p {
    color: #353C45;
    background: #253441;
    text-decoration: underline;
    border-top: none;
    border-bottom: none;
}

.subnav a p.on, .subnav a:link p.on, .subnav a:visited p.on,
.subnav a:active p.on {
    color: #E9E9E9;
    font-weight: bold;
    background: #253441;
    border-left: none;
    text-decoration: underline;
}

.subnav a:hover p.on {
    color: #E9E9E9;
    font-weight: bold;
    background: #253441;
    border-left: none;
}


/***************************************************************************
 * BODY
 */
.body   { padding: 5px 5px 5px 15px;
          border-bottom: 2px solid #91ABBC;    }
.body a { text-decoration: underline ! important; }
.body p { margin: 5px 0px; }


/***************************************************************************
 * FOOTER
 */
.footer {
    padding: 10px;
    background: #253441;
}

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

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

.footer a:hover {
    text-decoration: underline;
    color: #E9E9E9 !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:#C29730;
    border: none;
    font-size:12px;
}

#user-links {
    padding: 10px 35px 0px 5px !important;
}

#loginText .button {
    color: #000000;
}

/***************************************************************************
 * 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: #C29730 ;
    color: #fff;
    font-size: 16px !important;
}

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

.coda-slider-wrapper .coda-nav ul li a {
    background: #FFD700 repeat-x;
    color: #000;
    font-size: 16px !important;
}

.coda-slider-wrapper .coda-nav ul li a:hover {
    background: #FFD700 repeat-x;
    color: #fff;
    font-size: 16px !important;
}

.coda-slider-wrapper .coda-nav-left a, .coda-nav-right a {
    background: #212931 url(/images/button-highlight.png) repeat-x;
    color: #fff;
}

.coda-slider-wrapper .coda-nav-left a:hover, .coda-nav-right a:hover {
    background: #212931 url(/images/button-highlight.png) repeat-x;
    color:#fff;
    border:1px solid #222;
}

.coda-slider-wrapper .panel h3.direction {
    background: #C29730;
    color: white;
    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: #FFD700;
    color: #000;
}

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

.coda-slider-wrapper .ui-tabs .ui-state-active, .ui-tabs .ui-state-active, .ui-tabs .ui-state-active:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover{
    background: #FFFFFF !important;
    color: black !important;
}

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

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

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

.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: #EEEEEE url(/images/button-highlight.png) repeat-x;
    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: #bebebe url(/images/button-highlight.png) repeat-x;
    color: #fff;
}

.coda-slider-wrapper div.topicnav h5:hover, ul.topicnav li:hover{
    background: #bebebe url(/images/button-highlight.png) repeat-x;
    color: white;
}

.coda-slider-wrapper div.topicnav h5 a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 13px !important;
}

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

.coda-slider-wrapper div.topicnav div.subtopicnav a, ul.topicnav li ul.subtopicnav li a {
    background: #fff;
    font-size: 13px !important;
}

.coda-slider-wrapper div.topicnav div.subtopicnav a:hover, ul.topicnav li ul.subtopicnav li a:hover {
    background: #bebebe;
    color:#000;
    font-size: 13px !important;
    font-weight:bold;
}

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

.button, a.button, .button a, .button a:link, .button a:visited, a.xtrig.button {
    font-weight: bold;
    cursor: pointer;
    margin: 2px 0px;
    font-size: 17px !important;
    padding: 2px 8px 2px 8px !important;
    background: #fff;
    color: #333;
    border: 2px solid #666 !important;
}


.button:hover, a.xtrig.button:hover {
    background: #C29730;
    font-weight: bold;
    border: 1px solid white;
    color: #fff !important;
    cursor: pointer;
}

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

.header-box {
    background: #F2ECD3;
    color: #000;
}
.header-box h2 {
    padding: 0px; margin: 0px; margin-bottom: 5px;
    color: #000;
}

.message-box {
    background: #F2ECD3;
    color: #000;
}

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

.content{
    font-size: 14px !important;
    text-align: center;
}

.ui-corner-left {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.title-text {
    padding: 0px 0px 0px 15px !important;
}

.button{
    font-size: 14px !important;
    padding: 5px 10px 5px 10px !important;
}

#main-content.request {
    padding: 0px !important;
}

.faqs dt {
    margin-top: 10px !important;
}

.coda-slider-wrapper .ui-tabs-vertical .ui-tabs-panel {
    margin: 3px 0 0 220px !important;
}

.form td {
    padding-right: 4px;
}

.coda-slider-wrapper div.topicnav div.subtopicnav {
    width: 200px;
}

#topicContent {
    font-size: 16px !important;
    color: #000 !important;
}

#nextButton2b {
    margin: 0px 25px 25px;
}

.bold-text p{
    color: #000 !important;
}

#qhead_2 {
    text-align: left;
    margin-right: 10px;
}