/*
 * Custom tags for Bakersfield. 
 */

.ccmheader {
  text-align: left ! important;
  padding-top: 5px ! important;
  padding-bottom: 5px ! important;
  padding-left: 0px ! important;
  padding-right: 0px ! important;
  margin: 0 ! important;
  width: 320px ! important;
}

.ccmheader h4 {
  margin: 0 ! important;
  border: none ! important;
}


/* AD TAG */
#ccmadtag {
  padding: 9px ! important;
  margin: 0 ! important;
}

#ccmadtag h2 {
  margin: 0 ! important;
  padding: 0 ! important;
}

/*  ccmwrapper contains ccmheader, ccmsurface, and ccmadtag */ 
#ccmwrapper {
  font-family: Helvetica, Arial, sans-serif;
  font-size:12px;
  border:1px solid #ccc;

  text-align: left ! important;
  width: 320px ! important;
  margin: 0 ! important;
  padding: 0 ! important;
}

/* ccmsurface Contains tabs, headlines, and navigation. */
#ccmsurface{
  margin: 0 ! important;
  padding: 0 ! important;
  height: 160px ! important;
}

/* Note: ccmlinks used as class and id. */
#ccmlinks {
  margin: 0 ! important;
  padding: 0 ! important;
}

/* TABS */
@media projection, screen { 
    .ccm-ui-tabs-hide {
        display: none ! important;
    }
}
@media print {
    .ccm-ui-tabs-nav {
        display: none ! important;
    }
    .ccm-ui-tabs-hide {
        display: none ! important;
    }
}

.ccm-ui-tabs-nav {
  font-weight:bold;
  border-bottom: 1px solid #ccc;
  background-image: url(http://img.crosscutmedia.com/ccm_bc_unselected.gif);
  background-repeat: repeat-x; 

  list-style: none ! important;
  margin: 0 ! important;
  padding-top: 3px ! important;
  padding-bottom: 3px ! important;
  padding-left: 0px ! important;
  padding-right: 0px ! important;
}
    
.ccm-ui-tabs-nav li {
  display:inline ! important;
  margin: 0 ! important;
  padding-top: 3px ! important;
  padding-bottom: 3px ! important;
  padding-left: 0px ! important;
  padding-right: 0px ! important;
}

.ccm-ui-tabs-nav a {
  text-decoration: none;
  color: black;
  vertical-align: middle;

  margin: 0 ! important;
  padding-top: 3px ! important;
  padding-bottom: 3px ! important;
  padding-left: 5px ! important;
  padding-right: 5px ! important;
}

.ccm-ui-tabs-selected a {
  color: #cfc9af;
  vertical-align: middle;
  background-image: url(http://img.crosscutmedia.com/ccm_bc_selected.gif);
  background-repeat: repeat-x; 
  }

.ccm-ui-tabs-nav a:hover {
  text-decoration: underline;
  }

.ccm-ui-tabs-selected a:hover {
  text-decoration: underline;
  }


/* HEADLINES */
.ccmlinks {
  background-color:white;

  overflow:hidden ! important;
  width:320px ! important;
  /* Need this height for scrolling to work. */
  height:110px ! important;
  margin: 0 !important;
  padding: 0 !important;
}

.ccmlinks ol{
  padding: 0 ! important;
  margin: 0 ! important;
  padding-left: 7px ! important;
  list-style: none ! important;
}

.ccmlinks li{
  font-size: 11px;
  padding:2px ! important;
  list-style: none ! important;
}

div.ccmtab {
  padding: 0 ! important;
  margin: 0 ! important;
}

/* NAVIGATION AND LOGO */
.ccmnav {
  background: white;

  width:310px ! important;
  height:13px ! important;
  padding: 5px ! important;
  margin: 0px ! important;
}
.ccmnavcontrols {
  float: left ! important;
  margin: 0px ! important;
  margin-left: 3px ! important;
  width: 75px ! important;
}
.ccmglyph {
  float: right ! important;
  text-align: right ! important;
  margin: 0px ! important;
  margin-right: 3px ! important;
  width: 175px ! important;
}
.ccmglyph img {
  border: none !important;
}
.ccmarrow {
  cursor:pointer;

  margin: 0px ! important;
  padding: 0px ! important;
  border: none !important;
}

div.ad_box h2 {
  margin:0px;
  background:#E5E5E5 url(http://static.tbc.zope.net/images/main_layout/title_advertisement.gif) no-repeat 50% 50%;
  height:11px;
  text-align:center;
  text-indent:-250em;
}