/*
 * PACIFICGROVE55
 *
 * version: 1.1--04/05/09--19:35:50--/local/www/dev.comcate.com/htdocs/includes\
/SCCS/s.cupertino.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, div, p, a, em, small,
h1, h2, h3, h4, h5, h6,
table, td, th,
ul, li,
input, textarea, option, select
{ font-family:     "tahoma" "verdana", "tahoma", "arial", "helvetica", "sans-serif";
  color:           #222; }

h1, h2, h3, h4, h5, h6 { font-family: "helvetica" "arial", "verdana", "sans-serif"; }

h1
{ color:           #334d55;
  font-size:       medium;
  margin:          0px 0px 20px 0px;
  padding:         5px 0px;
  border-bottom:   0px solid #999; }

h2, h3, h4, h5, h6
{ color:           #334d55;
  font-size:       x-small; }


/*
 **************************
 **** OVERRIDING CUSTOM.CSS
 **************************
*/


/***************************************************************************
 * MAIN
 */


/***************************************************************************
 * HEADER
 */
.header, .header-image { background: #fff; }


/***************************************************************************
 * TOPNAV
 */
.topnav { background: #fff; border-bottom: 1px solid #ccc; }

.topnav td
{ color:           #e5edf7;
  border:          1px solid #fff; }

.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;
  background:      #006;}

.topnav a:hover p
{ background:      #f60;
  border:          #fff;
  text-decoration: 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
{ text-transform: none;
  background:      #f60;
  color:           #fff; }


/***************************************************************************
 * USERBAR
 */
.topnav td.userbar
{ background:      #fff;
  color:           #333;
  border:          none; }

.topnav.td.userbar p
{ color:           #333; }

td.userbar a, td.userbar a:link,
td.userbar a:visited, td.userbar a:active
{ color:           #060; }

td.userbar a:hover { color: #060; text-decoration: underline; }


/***************************************************************************
 * BODY
 */
.body { background: #fff; }
.body a { text-decoration: none ! important; }
.body a:hover { text-decoration: underline ! important; }

/***************************************************************************
 * SUBNAV
 */
.subnav
{ background:      #eee; padding: 0px; }

.subnav table.nav-box th, .subnav table.nav-box td
{ font-size:       x-small;
  border-bottom:      1px solid #ccc; }

.subnav table.nav-box th
{ background:      none;
  color:           #334d55; }

.subnav a p, .subnav a:link p, .subnav a:visited p, .subnav a:active p
{ font-size:       11px;
  color:           #060;
  background:      #eee; }

.subnav a:hover p { color: #060; background: #ddd; }

.subnav a p.on, .subnav a:link p.on, .subnav a:visited p.on,
.subnav a:active p.on
{ border-left:     4px solid #999; }


/***************************************************************************
 * BODY
 */
.body   { padding: 5px 5px 5px 15px; }
.body a { text-decoration: underline ! important; }
.body p { margin: 5px 0px; }


/***************************************************************************
 * FOOTER
 */
.footer { padding: 10px; }

.footer p, .footer td { background: #fff; color: #333; }

.footer a, .footer a:link, .footer a:visited, .footer a:active
{ color: #060; }

.footer a:hover
{ text-decoration: underline; color:           #060; }


/***************************************************************************
 * FORM
 */
.form th { font-size: 11px; }


/***************************************************************************
 * 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: #4D654D url(/images/highlight.png);
color: #fff;
font-size: 16px;
}

.coda-slider-wrapper .coda-slider {
border-bottom: 3px solid #4D654D;
border-left: 3px solid #4D654D;
border-right: 3px solid #4D654D;
}

.coda-slider-wrapper .coda-nav ul li a {
background: #EEEEEE url(/images/highlight.png) repeat-x;
color: #000;
font-size: 16px;
}

.coda-slider-wrapper .coda-nav ul li a:hover {
background: #DDDDDD url(/images/highlight.png) repeat-x;
color: #000;
font-size: 16px;
}

.coda-slider-wrapper .coda-nav-left a, .coda-nav-right a {
background: #4D654D url(/images/button-highlight.png) repeat-x;
color: #000;
}

.coda-slider-wrapper .coda-nav-left a:hover, .coda-nav-right a:hover {
	background: #4D654D url(/images/button-highlight.png) repeat-x;
	color:#000;
	border:1px solid #222;
}

.coda-slider-wrapper .panel h3.direction {
background: #4D654D;
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: #4D654D;
color: #fff;
}

.coda-slider-wrapper .ui-tabs  {
background: #E7CE9C;
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: 2px solid #000;
cursor: pointer;
}


.button:hover, a.xtrig.button:hover {
background: #FFC !important;
font-weight: bolder;
border: 2px solid #000;
color: #000;
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;
}

