* { 
    margin: 0; 
    padding: 0; 
}

body {
    background-color: #999;
}

a {
  text-decoration: none;
}

table {
    border-spacing: 0;
}

input {
	text-align:left;
	padding-left: 2px;
	color: #444;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
}

#wrapper {
  position: relative;    left: 0;    top: 0;
  margin: 10px auto 0 auto;
  width: 1024px;    height: auto;
  color: #FFF;
}

#table_wrapper {
  width: 762px; height: auto;
}

#container tr:first-child td:first-child img {
    margin-top: -10px;
}

hr.thin {
	height: 1px;
	border: 0;
	background-color: #000;
	vertical-align:text-bottom;
} 

/* == Navigation =====================================================
    (includes a few rules common to #pointOfAction)
*/
#mainNav {
	background-color: #2b3f52;
	position: absolute;
	top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 1024px;
	left: 0px;
}

#mainNav a{
    text-decoration: none;
    color: #FFF;
    font-size:12px;
    font-weight: normal;
}

#mainNav dl {
  float: left; 
}

dl {
  margin-left: 0;
}

#mainNav dt {
  display: inline; font-weight: normal; 
}

#mainNav dt a,#mainNav dl dd dl dt a {
  display: block;
}

#mainNav dt a {
  float: left;
  padding: 0px 42px 10px 20px;
  text-transform: uppercase;
}

#mainNav dt:last-child a {
    padding-right: 0;
}

/* 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: 10px !important;
 vertical-align:middle;
 padding-top: 0px;
}

#mainNav dt a #main_nav_home,
#mainNav dt a #main_nav_tech,
#mainNav dt a #main_nav_techlib,
#mainNav dt a #main_nav_codeshare,
#mainNav dt a #main_nav_newsevents,
#mainNav dt a #main_nav_discussion,
#mainNav dt a #main_nav_membership{
	/*width: 118px;
	height: 30px;*/
	z-index: +1;
	position: absolute;
	left: 649px;
	top: 1px;
}

#mainNav dt a #main_nav_tech {
	width: 65px;
	left: 725px !important;
}

#mainNav dt a #main_nav_apps {
	width: 164px;
	left: 196px !important;
}

#mainNav dt a #main_nav_comm {
	width: 90px;
	left: +293px !important;
}

#mainNav dt a #main_nav_newsevents {
	width: 121px;
	left: 360px !important;
}

#mainNav dt a #main_nav_careers {
	width: 164px;
	left: 482px !important;
}

/* end nav target area adjustments */
/* End Hack for IE7 dropdown issue */
body#homePage #mainNav dt.navhome a,          /* highlight current main Nav item */
body#techPage #mainNav dt.navtech a,
body#appsPage #mainNav dt.navtechlib a,
body#commPage #mainNav dt.navcodeshare 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#drophome {
  left: 30px;
}

#mainNav dd dl#droptech {
  left: 755px;
}

#mainNav dd dl#dropapps {
  left: 115px;
}

#mainNav dd dl#dropcomm {
  left: 370px;
}

#mainNav dd dl#dropnewsevents {
  left: 495px;
}

#mainNav dd dl#dropdiscussion{
  left: 655px;	
}

#mainNav dd dl#dropmembership{
  left: 850px;	
}

#mainNav dd dl.dropDown {
  display: none;
  position: absolute; top: 20px;
  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: 142px;
}

#mainNav dd dl#dropcomm a {
  width: 120px;
}
#mainNav dd dl#droptech a {
  width: 153px;
}

#mainNav dd dl#dropmembership a{
  width: 70px;	
}

body.homePage dl#mainNav dl dt.snavHome a,    /* highlight current subnav item */
body.historyPage dl#mainNav dl dt.snavHistory a,
body.techPage dl#mainNav dl dt.snavTech a,
body.appsPage 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.membershipPage dl#mainNav dl dt.snavMembership a,
body.discussionPage dl#mainNav dl dt.snavDiscussion 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(../images/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;
}

#mainNav dt.primaryNav a:active {  
	color: orange;
}

#navTershtech a {
	color: #edc;
}

#navTershtech a:hover {
	color: orange;
}

#content{
      min-width: 615px;
      max-width: 615px;
      vertical-align: top;
}

#sideNav {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
  	color: #FFF;
  	font-size:12px;
	left: 10px;
	text-align:right;
	padding: 88px 30px 0 30px;
        min-width: 279px; 
        max-width: 279px;
        background: url('http://www.pacificbiosciences.com/Devnet/images/Icon_Open_DEF1.png') 30px 240px no-repeat;
}

#sideNav.blankNav{
        background: url('http://www.pacificbiosciences.com/Devnet/images/Icon_Open_DEF1.png') 30px 74px no-repeat;
}

#sideNav dt {
    line-height: 18px;
}

#sideNav dl br { 
    display: none;
}

#sideNav ul li{
	list-style:none;
	direction:rtl;
	font-size:9px;
	line-height:15px;
	text-indent:0px;
}

.chpass{
	float:left;			
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
  	color: #FFF;
  	font-size:12px;
}

.title{
	float:left;			
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
  	color: #FFF;
  	font-size:16px;
}

/* Search box in header */
#search {
    margin-right: -45px;
    margin-top: 10px;
}

#search label {
    color: white; /* fixes black text on login page */
}

/* Page Footer */

#page_footer {
        margin: 0 auto;
	width: 1024px;
	height: 24px;
	border-top: solid 1px;
        background: #ccc;
}

#powered_by {
        font-family: Arial, Helvetica, sans-serif;
	padding: 5px 15px 5px 0px;
	float: right;
        font-size: 10px;
	color: #444;
}

#powered_by a {
	color: #444;
}


#tou {
        font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;
	float: left;
        font-size: 10px;
	color: #444;
	text-transform:uppercase;
}

#tou a {
	color: #444;
}

/* Hide Salesforce navigation for Ideas page */
#AppBodyHeader {
    display: none;
}

#bodyCell {
    padding-left: 10px;
    padding-top: 10px;
}

#bodyCell, #bodyTable {
    background: rgb(7,23,40) url(../images/Gradient.png) repeat-x;
}

.bodyDiv {
    padding-top: 0px;
    margin: auto;
    border-bottom: none;
    width: 1024px;
    max-width: 1024px;
    min-width: 1024px;
}

.sectionHeaderWithCommunityNavLinks, .communityIntro, .ideaSubtabs,
 .ideaPageBlock {
    width: 1004px;
    max-width: 1004px;
    min-width: 1004px;
}

.ideaContentWidth {
    width: 800px;
    max-width: 800px;
    min-width: 800px;
}

#sidebarDiv {
    display: none;
}