/*
 * 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
 *************************
*/
body {
  margin:          0px;
  padding:         0px;
}
body {
  background: #c4e7fa;
  margin-left: 50px;
  margin-top: 10px;
}

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:           #000;
  background: none;
  font-size:       28px;
  font-weight: normal;
  margin:          0px 0px 20px 0px;
  padding:         3px;
  border-bottom:   none; }

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


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


/***************************************************************************
 * MAIN
 */
.main {
  border: 6px solid #fff;
  margin-left: auto; margin-right: auto;
}


/***************************************************************************
 * HEADER
 */
.header, .header-image {
  text-align: center;
}

.header-image img {
    width: 100%;
}


/***************************************************************************
 * TOPNAV
 */
.topnav {
  background: #124b82;
  border: 1px solid #0c355d;
}

.topnav td {
  color: #fff;
  border: 1px solid #39c;
  border: none;
  border-right: 1px solid #0c355d;
  border-left: 1px solid #0c355d;
  background: none;
}

.topnav a {
  text-decoration: none;
}

.topnav a p, .topnav a:link p, .topnav a:visited p, .topnav a:active p {
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  font-size: 9pt;
  background: none;
}


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

.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;
  color: #fff;
  text-transform: none;
}
.topnav a:hover p.on {
}

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

.topnav.td.userbar p
{ color:           #fff; }

td.userbar a, td.userbar a:link,
td.userbar a:visited, td.userbar a:active
{ color: #eee ! important; }

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


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


/***************************************************************************
 * SUBNAV
 */
.subnav {
  background: #4e7b98;
  padding: 2px;
}

.subnav table.nav-box td {
  border-bottom: 2px solid #355c82;
  background: url('laguna-subnav-bg.gif') 97% 50% no-repeat;
  padding-right: 10px;
}

.subnav table.nav-box th a {
	color: #FFFFFF;
	font-size: 13px;
}

.subnav table.nav-box th {
  background: #4e7b98;
  font-size: 13px;
  text-transform: uppercase;
  color: white;
  border-bottom: 2px solid #355c82;
}

.subnav a p, .subnav a:link p, .subnav a:visited p, .subnav a:active p {
  font-size: 11px;
  color: white;
  background: none;
  border-bottom: none;
  text-decoration: none;
  padding-top: 4px;
  padding-bottom: 10px;
}

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

.subnav a p.on, .subnav a:link p.on, .subnav a:visited p.on,
.subnav a:active p.on {
  color: #bcd9e8;
  font-weight: bold;
  background: none;
  border-left: none;
}

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


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


/***************************************************************************
 * FOOTER
 */
.footer {
  padding: 10px;
  background: #fff;
  border-top: 1px solid #666;
}

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

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

.footer a:hover {
  text-decoration: none;
  color: #355c82 !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
 */

#main-content.request {
	width: 100%;
}
 
.coda-slider-wrapper .coda-nav ul li a.current, .coda-slider-wrapper .coda-nav ul li a.current:hover {
background: #51789f url(/images/highlight.png);
color: #fff;
font-size: 16px;
}

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

.coda-slider-wrapper .coda-nav ul li a {
background: #a4c1df url(/images/highlight.png) repeat-x;
color: #000;
font-size: 16px;
}

.coda-slider-wrapper .coda-nav ul li a:hover {
background: #81a4c8 url(/images/highlight.png) repeat-x;
color: #000;
font-size: 16px;
}

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

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

.coda-slider-wrapper .panel h3.direction {
background: #51789f;
color: #fff;
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: #51789f;
color: #fff;
}

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

.coda-slider-wrapper .ui-tabs .ui-state-active, .ui-tabs .ui-state-active {
background: white;
color: black;
}

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

.coda-slider-wrapper .ui-tabs-vertical .ui-tabs-nav li a {
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: #FFE3AB 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: #FFF0D1 url(/images/button-highlight.png) repeat-x;
color: #fff;
}

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

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

.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;
}

.coda-slider-wrapper div.topicnav div.subtopicnav a:hover, ul.topicnav li ul.subtopicnav li a:hover {
	background: #FFF0D1;
	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: #fff;
font-weight: bold;
color: #000;
border: 1px solid #000;
cursor: pointer;
}


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

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

.header-box {
  background: #F2ECD3;
  color: #000;
  width: 90%;
}
.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;
}