/*
 * 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:         5px;
}
body {
  background: url(MobileCnty107_bg.jpg) repeat-y;
  text-align: center;
}

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:         5px 0px;
  border-bottom:   0px solid #999; }

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

a, a:link, a:active, a:visited { color: #009 ! important; text-decoration: underline; }
a:hover { color: #900 ! important; text-decoration: underline;  }


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


/***************************************************************************
 * MAIN
 */
.main {
  border: 0px solid #fff;
  }


/***************************************************************************
 * HEADER
 */
.header {
  background: none;
  border-top: none;
  
  
}


/***************************************************************************
 * TOPNAV
 */
.topnav {
  background: #000044;
  border: none;
}

.topnav td {
  color: #FFFFFF;
  border: 2px solid white;
}

.topnav a {
  text-decoration: none;
}

.topnav a p, .topnav a:link p, .topnav a:visited p, .topnav a:active p {
  background: #000044;
  padding: 6px 20px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  
}


.topnav a:hover p {
  color: #FFFFFF;
  font-weight: none;
  background: #000044;
  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: #000044;
  color: #FFFFFF;
  
  text-transform: none;
}
.topnav a:hover p.on {
  
}

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

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

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

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


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


/***************************************************************************
 * SUBNAV
 */
.subnav {
  background: #000B5C;
  padding: 0px 5px;
  border-right: none;
}

.subnav table.nav-box th {
}

.subnav table.nav-box th {
  background: #000B5C;
  color: #FFFFFF;
  border: none;
  border-bottom: 1px dotted #fff;
  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: #fff;
  background: #000B5C;
  border-bottom: none;
  text-decoration: none;
  padding-top: 4px;
  padding-bottom: 4px;
}

.subnav a:hover, .subnav a:hover p {
  color: #fff;
  background: #333366;
  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: #000B5C;
  border-left: none;
}

.subnav a:hover p.on {
  color: #fff;
  font-weight: bold;
  background: #333366;
  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: #000B5C;
  border-top: none;
}

.footer p, .footer td { background: #000B5C; color: #fff; }

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