@charset "utf-8";



/* pacbio.css

   global style sheet for Pacific Biosciences site

*/



* {

  margin: 0;  padding: 0;

}

body {

  background-color: #999;

  font: 12px arial, helvetica, sans-serif;

}

a {

  text-decoration: none;

}

a img {

  border: none;

}

a:active, a:focus {

  outline: none;

}

a.youAreHere {

  cursor: default;

}



sup {

  font-size: 0.74em;

  vertical-align: 0.4em;

}

.clearFloat {

  clear: both;

  width: auto;

  height: 1px;

  font-size: 1px;

  lineheight: 1px;

}

.accessSpace {          /* place elements that ... uh, huh?! */

  visibility: hidden;

}

.printOnly { /* don't display print-specific elements */

  display: none;

}

.screenOnly { /* screen-only */

  display: inline;

}

.more {

  text-transform: uppercase;

  font-size: 90%;

}











/* == Page positioning and background images =========================

*/

#wrapper {

  position: relative;    left: 0;    top: 0;

  margin: 10px auto;

  border: solid 1px #333;

  width: 955px;    height: 600px;

  color: #FFF;

}





/* == Header =========================================================

*/

#header {

/*

  width: 561px;    height: 156px;

*/

  height: 156px;

}





/* == Logo ===========================================================

*/

#logo {

  position: absolute; top: 18px; left: 418px;

}

#logoLink a {

  display: block;

  width: 279px; height: 60px;

  background: #FFF;

}

#logoImgPrint { /* screen-specific rule */

  display: none;

}





/* == Navigation =====================================================

    (includes a few rules common to #pointOfAction)

*/

#mainNav {

  position: absolute; top: 86px; left: 407px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 10px;

  width: 548px;

}

#mainNav a

{

  text-decoration: none;

  color: #FFF;

}

#mainNav dl {

  float: left;

}

#mainNav dt {

  display: inline;

}

#mainNav dt a,

#mainNav dl dd dl dt a {

  display: block;

/* for debug only 

  outline: 1px dotted #CCC;  

*/  

}

#mainNav dt a {

  float: left;

  padding: 0px 10px 12px 11px;

  text-transform: uppercase;

}







/* Hack for IE7 dropdown issue



    IE7 does not recogonize a hotspot created by padding or by lineheight so

    the dropdown menus aren't accessible. Workaround the issue by adding a

    transparent GIF to give IE7 something to hover over ...

*/

/* Adjust target area for drop down nav in ie7

   Added class to nav_main.htm

   About Us, Technology, Applications, Community, News and Events, and Careers*/

#mainNav dt a.top_nav {

 line-height: 26px !important;

}



#mainNav dt a #main_nav_about,

#mainNav dt a #main_nav_tech,

#mainNav dt a #main_nav_apps,

#mainNav dt a #main_nav_comm,

#mainNav dt a #main_nav_newsevents,

#mainNav dt a #main_nav_careers {

	width: 70px;

	height: 24px;

	z-index: +1;

	position: absolute;

	left: 11px;

}



#mainNav dt a #main_nav_tech {

	width: 80px;

	left: +88px !important;

}



#mainNav dt a #main_nav_apps {

	width: 90px;

	left: +181px !important;

}

#mainNav dt a #main_nav_comm {

	width: 90px;

	left: +293px !important;

}

#mainNav dt a #main_nav_newsevents {

	width: 85px;

	left: +374px !important;

}



#mainNav dt a #main_nav_careers {

	width: 50px;

	left: +474px !important;

}





/* end nav target area adjustments */

/* End Hack for IE7 dropdown issue */







body#aboutPage #mainNav dt.navabout a,          /* highlight current main Nav item */

body#techPage #mainNav dt.navtech a,

body#appsPage #mainNav dt.navapps a,

body#commPage #mainNav dt.navcomm a,

body#newsPage #mainNav dt.navnewsevents a,

body#eventsPage #mainNav dt.navnewsevents a,

body#press-releasesPage #mainNav dt.navnewsevents a,

body#careersPage #mainNav dt.navcareers a,

body#contactPage #mainNav dt.navcontact-us a,

#mainNav dt.primaryNav a:hover

{

  color: #F90;

}



/* Secondary Navigation

*/

#mainNav dd dl#dropabout {

  left: 11px;

}

#mainNav dd dl#droptech {

  left: 86px;

}

#mainNav dd dl#dropapps {

  left: 180px;

}

#mainNav dd dl#dropcomm {

  left: 290px;

}

#mainNav dd dl#dropnewsevents {

  left: 375px;

}

#mainNav dd dl#dropcareer {

  left: 482px;

}
#mainNav dd dl.dropDown {

  display: none;

  position: absolute; top: 23px;

  z-index: 200;

}



#mainNav dd dl a {

  float: none;

  border: 1px solid #CCC;

  border-top: none;

  padding: 2px 17px;

  width: 80px;              /* default width for dropdowns in main navigation */

  color: #666;

  background-color: #EEE;

  text-transform: capitalize;

}

#mainNav dd dl#dropapps a {

  width: 125px;

}

#mainNav dd dl#dropcomm a {

  width: 100px;

}
#mainNav dd dl#droptech a {

  width: 100px;

}

body.aboutPage dl#mainNav dl dt.snavAbout a,    /* highlight current subnav item */

body.historyPage dl#mainNav dl dt.snavHistory a,

body.teamPage dl#mainNav dl dt.snavTeam a,



body.techPage dl#mainNav dl dt.snavTech a,

body.appsPage dl#mainNav dl dt.snavTech a,

body.smrtglancePage dl#mainNav dl dt.snavTech a,

body.lookaheadPage dl#mainNav dl dt.snavTech a,

body.detailsPage dl#mainNav dl dt.snavDetails a,

body.synthPage dl#mainNav dl dt.snavDetails a,

body.realtimePage dl#mainNav dl dt.snavDetails a,

body.hqdataPage dl#mainNav dl dt.snavDetails a,

body.scalabilityPage dl#mainNav dl dt.snavDetails a,



body.advantPage dl#mainNav dl dt.snavAdvantages a,

body.pubsPage dl#mainNav dl dt.snavPubs a,



body.resourcesPage dl#mainNav dl dt.snavResources a,

body.appsPage dl#mainNav dl dt.snavApps a,

body.dnaPage dl#mainNav dl dt.snavDna a,

body.addlappsPage dl#mainNav dl dt.snavAddlApps a,

body.newsEventsLandingPage dl#mainNav dl dt.snavnewsEvents a,

body.newsPage dl#mainNav dl dt.snavNews a,

body.eventsPage dl#mainNav dl dt.snavEvents a,

#mainNav dd dl a:hover

{      

  color: #C60;

  background: #CCC url(../gfx/marker_dash_gold.gif) 4px center no-repeat;

}  



body#teamPage #mainNav dl dd dl,

body#hmartinPage #mainNav dl dd dl

{

  display: block;

}

#mainNav dl dd dl dt a {

  text-transform: none;

}



/* == Point of Action (Search dialog and Registration link) ==========

*/

#pointOfAction {

  position: absolute;    right: 19px; top: 16px;

  font-size: 9px;

}

#pointOfAction div,

#pointOfAction p,

#pointOfAction a 

{

  color: #FFF;

}

#pointOfAction a:hover {

  color: #F90;

}

#pointOfAction div {

  line-height: 2.4em;

}

#pointOfAction form#searchStyle p {

  display: inline;

}

#pointOfAction .buttonDot {

  vertical-align: -0.4em

}

#pointOfAction form {

  display: inline;

}

#pointOfAction input#query {

  border: none;  

  height: 15px;

  vertical-align: -0.1em;  

  font-size: 12px;

}

#pointOfAction {

  

}

.contact-usPage #tertiaryNav #navTershabout #navContact a,
.smrt-dna-sequencingPage #tertiaryNav #navTershapps #navSmrtDnaSequencing a,
.smrt-overviewPage #tertiaryNav #navTershapps #navSmrtOverview a,
.community-overviewPage #tertiaryNav #navTershcomm #navCommOverview a,
.current-partnersPage #tertiaryNav #navTershcomm #navCommCurrentPartners a,
.partnership-requestPage #tertiaryNav #navTershcomm #navCommPartnershipRequest a,
.partner-programPage #tertiaryNav #navTershcomm #navPartnerProgram a
{
	color:#BB0022;
}
.current-partnersPage #navCommcurrent-partners a,
.partnership-requestPage #navCommpartnership-request a{
	color:#DD6633;
	cursor:default;
}
{
    color: #DD6633;
}

/* == Footer =========================================================

*/

#footer {

/*

  width: 537px;

*/

  margin: 0px 17px 0px 415px;

  text-align: right;

  font-size: 9px;

  line-height: 29px  

}  

#footer #footerNav {

  float: left;

  text-transform: uppercase;

}  

#footer #footerNav a {

  color: #FFF;

}

#footer #footerNav a:hover {

  color: #F90;

}

#footer #copyright {

  float: right;

}