/*
 * CCTA main css
 * Misc styles
 *
 * @author Benjamin Lowenstein 04/2009
 */


/*** DROPSHADOWS ***/

#ds_l {
  background: transparent url(../img/gradient_ds_l.png) repeat-y scroll right center;
}

#ds_r {
  background: transparent url(../img/gradient_ds_r.png) repeat-y scroll left center;
}

#header {
  border-bottom:1px solid #d3d3d3;
  z-index: 2;
}

/*** HEADER ***/

#header {
  background: transparent url(../img/gradient_header.png) repeat-x scroll center top;
}

  /* Logo */

#header #logoImg {
  margin-left:11px;
}

#header #logoText {
  position:absolute;
  top: 15px;
  left: 80px;
}

  /* Search */

#header #headerSearch #hSSubmit {
  position:absolute;
  top:22px;
  right:33px;
  z-index:5;
}

#header #headerSearch #hSInput {
  position:absolute;
  top:30px;
  right:131px;
  border: 0;
  padding: 0; 
  width: 122px;
  z-index:5;
  background: #eeeeee;
}

#header #hSInputBG {
  position:absolute;
  top:24px;
  right:127px;
  z-index:4;
}

  /* Primary Nav */
  /* Also see dropdowns.css */

#header #primaryNav {
  margin-left: 67px; 
  padding-bottom:.3em;
  z-index: 3;
}

#header #primaryNav {
  ]margin-top: -20px;
}

/* we need a hack for safari here, too */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #header #primaryNav {    
    margin-top: -15px;
  }       
}

#header ul {
  background: #fff;
}

#header #primaryNav li {
  display:inline;
  z-index: 6;
}

#header #primaryNav li a {
  line-height: 1.45em;
  padding:  0 14px;
  display:block;
  border-right:1px solid #D3D3D3;
  font-size: 15px;  
}

#header #primaryNav li li a {
  border:0;
  font-size:14px;
}

#header #primaryNav li.sfHover,
#header #primaryNav li:hover,
* html #primaryNav li a:hover /* ie6 */
{
  background: #e2e8f9;
}

#header #primaryNav ul > li a.sf-with-ul {
  background:	#fff	url('../img/dropdown_arrow.gif') no-repeat 95% 50%; /* Our custom arrow */
}

#header #primaryNav ul > li:hover a.sf-with-ul,
#header #primaryNav ul > li.sfHover a.sf-with-ul {
 background:	#e2e8f9	url('../img/dropdown_arrow.gif') no-repeat 95% 50%; /* Our custom arrow */
}


#header #primaryNav li a:hover {
  color: #003399;
}

#header #primaryNav li a.noBorder,
#header #primaryNav li a.clear {
  border-right:0px;
}

#header #primaryNav li a.clear {
  clear:left;
}

/*** MAIN CONTENT ***/

.primary #mainContent #col-left p {
  margin-top:0;
}

div.sMore a.moreLink,
.secondary #col-left a.moreLink {
  display:block;
  padding: .3em 15px;
  text-transform:uppercase;
  background: #003399;
  font-size:11px;
  width:2.7em;
  color:#ffffff;
  margin-top:-25px;
}



  /* Gradient */

#mainContent {
  display:block;
  width:100%;
}

.primary #mainContent {
  background: transparent url(../img/gradient_content.png) repeat-x scroll center bottom;
}

  /* Star - primary pg */
.primary #col-right {
  background: transparent url(../img/star_bg_transparent.png) no-repeat scroll right bottom;
}

  /* Star - secondary pages */
.secondary #starSecondary {
  position:absolute;
  top:0;
  right:0;
  z-index:1;
}

  /* node image */
.secondary .node img.nodeImg {
  float:right;
}

  /* left navigation */

.secondary #col-left h2 {
  font-size:22px;
}

.secondary #col-left h2.sm {
  font-size:16px;
  color: #000066;
}

.secondary #col-left h3 {
  font-size:15px;
  font-weight:bold;
  margin: .8em 0 .3em 0;
}

.secondary #col-left a {
  font-size:13px;
}

.secondary #col-left a.moreLink {
  font-size:11px;
}

.secondary #col-left ul#secondaryNav a {
  padding: .2em 10px;
  width:230px;
  display:block;
  border-bottom: 1px solid #DDDDDD;
}

.secondary #col-left ul#secondaryNav li.last a {
  border-bottom:0;
}

.secondary #col-left ul#secondaryNav li ul {
  padding-left:19px;
  margin-left:0;
}

.secondary #col-left ul#secondaryNav li ul li a {
  width:210px;
}

.secondary #col-left .sidebarSeperator {
  position:relative;
  margin:1.5em 0;
  zoom:1;
  height:.5em;
}

.secondary #col-left .sidebarSeperator .ln {
  border-top:1px solid #dddddd; 
  width:300px;
  position:absolute;
  left:0;
  top:0;
}

.secondary #col-left .sidebarNews li {
  padding:.5em 0;
  display:block;
}

.secondary #col-left a.moreLink {
  margin-top: .5em;
}

.secondary #col-right #breadcrumb {
  font-size:12px;
}

.secondary #col-right #breadcrumb span.seperator {
  padding:0 .5em;
}

.secondary #col-right .node {
  font-size: 14px;
}

/*
# internal pg: left navigation <h2> 'cable industry info' 16px #000066, left navigation links 13px; left bar <h2> 'CCTA Updates' 22px; <h3> 'In the News' 15px bold; links 13px; 
# content area breadcrumbs (home > cable industry info etc) 12px, <h2> (High Definition) 32px #CC9900; main content 14px #333333
*/


  /* Spotlight */

.primary #mainContent #col-right ul#spotlight li div.sTitle h3 {
  margin:0;
  line-height: 1.3em;
}

.primary #mainContent #col-right ul#spotlight li div.sBody {
  border-left:1px solid #dddddd;
  color: #003399;
}

/*** BOTTOM CONTENT ***/
#bottomContent {
  background: transparent url(../img/gradient_bottomContent.png) repeat-x scroll center bottom;  
}

/*** FOOTER ***/

#footer {
  background: transparent url(../img/gradient_footer.png) repeat-x scroll center bottom;
}

#footer #fColC,
#footer #fColR {
  border-left: 1px solid #a9a9a9;
}

    /*TODO - change to EM */
#footer #fColL {
  font-size: 14px;
}

#footer #fColC {
  font-size: 12px;
}

#footer #fColR {
  font-size: 11px;
}
/*** HELPER CLASSES ***/


  /* A generic clear-block */

.clear-block {
  clear:left;
  display:block;
}

h1{
  line-height:35px !important;
}

#rpr {
	list-style-type: none;
}