#project_viewer {margin-bottom: 15px; background:#000; overflow: hidden;}
#project_viewer .widthandcenter {border-top: solid 25px #2CCCF4;  overflow: hidden; position: relative; padding-top: 14px; position: relative}
#project_viewer h2  {position: absolute; left:14px; top:14px; color:#fff;}

/** restrict width on casestufy nodes */
.node-type-casestudy #project_viewer {
  width: 650px;
}

/*Tabs for project viewer*/
  .ui-tabs { zoom: 1; overflow: hidden;}
  .ui-tabs .ui-tabs-nav { list-style: none; position: relative;  float: right; }
  .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-left: solid 1px #666; border-right: solid 1px #666; border-top: solid 1px #666; margin-left: 5px;}
  .ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding: .5em 1em; background-color: #2B2B2B; font-weight: bold; color: #fff; position: relative;}
  .ui-tabs .ui-tabs-nav li.ui-state-active a span {display: block; background: url(/sites/all/themes/yf/images/viewer_arrow_span.gif) no-repeat bottom center; width:13px; height:7px; position: absolute; bottom: -7px;}
  
  .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; background: #2CCCF4; color:#000;}
  
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
  .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; }
  
  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  
  
  .ui-tabs .ui-tabs-panel { padding: 14px; display: block; background: none; border:solid 1px #666; clear: both;}
  .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }

#project_tabs {float:left; width: 634px; margin-right:19px;}

#featured_project {float:left; width:304px; color: #fff;}
#featured_project h3 {border-bottom: solid 15px #2CCCF4; padding-bottom: 5px; text-transform: none; font-size: 138.5%; color: #fff; font-weight: normal;
margin-bottom: 10px;
}
#featured_project h4 {font-weight:normal; font-size: 138.5%; margin-bottom: 0.8em;}
#featured_project img {width:304px;}

#project_filter {clear: both; padding: 10px; color:#fff;}
#project_filter label {font-weight:bold; margin-right: 7px; font-size: 93%;}
#project_filter input {margin-right: 25px;}