#contentReplace { clear: both; margin: 0; }
#contentReplace p { margin-left: 0; }

/* home and landing page styles */
#invest .smFeature .readMore { color: #006699; text-decoration: none; font-size: 8px; line-height: 13px; font-weight: bold; }
#invest .smFeatureDivider { margin: 0 0 17px -15px; padding-bottom: 10px; }

/* GLOBAL SITE ELEMENTS
------------------------------------------------ */

#preload { width: 0; height: 0; display: inline; background-image:url(../../img/globalnav/nav-sprite1.png); }

/* GLOBAL SITE ELEMENTS
------------------------------------------------ */
html, body { height: 98.7%; }
#outer[id] { min-height: 98.7%; position: relative; }
body { text-align: center; font-size: 62.5%; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../../img/globalhdr/bg-header.gif) repeat-x 0 0; }
#wrapper { position: relative; margin: 0 auto; text-align: left; }
a { color: #006699; }
img { border: none; }

/* GLOBAL HEADER and Top Nav
------------------------------------------------ */
#globalHdr { width: 960px; position: relative; height: 50px; margin: 0 auto; z-index: 2000; }

/* deprecating usage of css embedded background images. Step 1: replace */
/* Step2: remove. */
#globalHdr h1 { 
background:url(../../img/globalhdr/global-logo.gif) no-repeat; 
width: 129px; 
height: 34px; 
margin: 11px 0 8px 0px; 
float: left; }

/*positioning for the Genentech logo - replacing h1 embedded backbround image method */
#logoImage{
position: relative;
width: 129px; 
height: 34px; 
margin: 8px 0 8px 20px;
float: left;;
}

#admin { float: right; height: 27px; width: 380px; position: relative; }
#jobsPart #admin, #jobsFull #admin { width: auto; }
#admin ul { margin-right: 9px; }
#admin ul, #admin ul li { float: left; }
#admin ul li { padding-right: 9px; margin: 20px 0 0 9px; background: url(../../img/globalhdr/nav-divider.gif) no-repeat right; }
#admin ul li.last { background: none; padding: 0; }
#admin ul li a, #admin form input { font: 10px/normal Verdana; text-decoration: none; color: #666; }
#admin ul li a:hover { text-decoration: underline; color: #333; }
#admin #globalSearch { width: 174px; height: 20px; position: absolute; top: 15px; right: 0; }
#admin #globalSearch label { display: none; }

/* Homepage Green Bar
------------------------------------------------ */
#localHdr { text-align: center; clear: both; min-width: 760px; background: url(../../img/localhdr-design.gif) no-repeat 50% 0; background-color:#b8ca38; margin: 0 auto; }
#localHdr h2 { 
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	padding-top: 4px;
	padding-left: 2px;
	font-size-adjust: none; 
	height: auto; 
	position: relative;
}
	
#localHdr h1 { 
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight: 500;
	font-size: 22px;
	color: #fff;
	padding-top: 8px;
	padding-left: 6px;
	font-size-adjust: none; 
	height: auto; 
	position: relative;
}
	
#localHdrText { text-align: left; position: relative; display: block;}
/* Main - Global - Content Divs
------------------------------------------------ */
#contentCont { 
	clear: both; 
	background: #fff url('/gene/img/content/middle-divider.gif') no-repeat 50% 10px; 
	z-index: 2; 
	position: relative; 
	margin: 0 auto; 
	min-width: 960px;
	text-align: left;
}
#contentCont3 { clear: both; background: #fff url(../../img/content/middle-divider.gif) no-repeat 50% 10px; z-index: 1; position: relative; margin: 0 auto; min-width: 960px; text-align: left; }
#content { 
	clear: both; 
	width: 770px !important; 
	min-height: 305px; 
	z-index: 1; 
	position: relative; 
}
#flashcontent { width: 99.9%; min-width: 760px;  position: relative; background: #195695  url(../../img/upgrade-your-flash.png) no-repeat;}
#home #flashcontent { width: 100%; height: 373px; background: #648C96/* url(../../img/bg-noflash.jpg) no-repeat 50% 0*/; }

/* @jmusick - We need to see a banner for printing, so putting in image that shows only for print style */
/* not displaying in base, so this element is invisible and banner is handled by flashcontent element   */
#wrapper #printBannerImg{
display:none;
}

/* @jmusick - We need to see a banner for printing, so putting in image that shows only for print style */
/* not displaying in base, so this element is invisible and banner is handled by flashcontent element   */
#printBannerImg img{
display:none;
} 

#upgradeFlash p { vertical-align:middle;  /* margin: 0 0 0 35px; */ font: 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0.02em; background: #195695; }
#upgradeFlash p a { color: #6E8210; }

/* MODULES
------------------------------------------------ */
/* news */
.newsItemMod { float: left; /* width: 31.4em; */ margin: 0 0 0 0; } 
.newsItemMod p { word-spacing: -0.06em; line-height: 14px; margin-bottom: 1.5em; }
.newsItemMod p span { color: #333; }
.newsItemMod p a { color: #006699; text-decoration: underline; }
.newsDivider { float: left; margin: 0 0 15px -50px; position: relative; }

/* small news  */
.sm ul { float: left; }
.sm ul li { margin: 0 0 15px 0; color: #666; }
.sm ul li.last { margin: 0; }
.sm ul li a { color: #006699;}
.sm ul li span { color: #666; font-weight: bold; }

/* FOOTER
------------------------------------------------ */
#footer { height: 33px; color: #666; border-top: 1px solid #CFCFCF; clear: both;  background-color: #ECF1F3; }
#footer ul { margin: 0 auto; width: 950px; }
#footer ul li { float: left; margin-left: 1px; padding-right: 0px; }
#footer ul li a { color: #666; text-decoration: none; line-height: 33px; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li#privacy { margin-right: 5px; }
#footer ul li#terms { margin-right: 5px; }
#footer ul li#copy { float: right; line-height: 33px; }
#footer ul li#feedback { text-align: left; height: 33px; line-height: 33px; margin: 0; padding: 0; position: relative; }
#footer ul li#feedback span { float: left; width: 130px; }
#footer ul li#feedback ul { background: url(../../img/footer/feedback.gif) no-repeat 0 0; height: 12px; width: 71px; line-height: 12px; position: absolute; top: 11px; right: 0; }
#footer ul li#feedback ul li { float: left; height: 12px; width: 12px; margin: 0 2px 0 0; padding: 0; }
#footer ul li#feedback ul li a { display: block; height: 100%; overflow: hidden; }
#footer ul li#feedback ul li#vpoor a:hover{ background: url(../../img/footer/feedback.gif) no-repeat 0 -14px; }
#footer ul li#feedback ul li#poor a:hover{ background: url(../../img/footer/feedback.gif) no-repeat -14px -14px; }
#footer ul li#feedback ul li#fair a:hover{ background: url(../../img/footer/feedback.gif) no-repeat -28px -14px; }
#footer ul li#feedback ul li#good a:hover{ background: url(../../img/footer/feedback.gif) no-repeat -42px -14px; }
#footer ul li#feedback ul li#vgood a:hover{ background: url(../../img/footer/feedback.gif) no-repeat -56px -14px; }

/* UTILITY STYLES
------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}#wrapper,#hdr,#navCont,#content,.navCont ul,#flashcontent,#footer ul, #contentCont {margin: 0 auto;} 
.col1, .col2, .col3 { text-align: left; } 
img { border: none; }

.hide{ position: absolute; top: 0; left: -4000px; }
.show{ position: static; display: table; top: 0; /*left: 1em;*/ }

/* float clearing hack */
.clearthis:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearthis { display: inline-table; }
.clearthis { display: block; } /* Hides from IE-mac \*/

/* image replacement */
.imgTxt { text-indent: -5000px; }
.imgTxt a { display: block; height: 100%; overflow: hidden; }
.alt { display: none; visibility: hidden; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash #localHdr h2 { /*height:60px;  letter-spacing: 0px; font-size: 40px !important; font-stretch: line-height: 1em;*/ display:block; float:left; margin-bottom:-14px; width:500px; font-size-adjust:none; height:auto; width:300px; position:relative; left:-000px; letter-spacing: 0px;}
.detail .sIFR-hasFlash #localHdr h2 { position:relative; }
/*.land .sIFR-hasFlash #localHdr h2 { height:60px;  letter-spacing: 0px; font-size: 40px !important; font-stretch: line-height: 1em; display:block; float:left; margin-bottom:-30px; width:500px; font-size-adjust:none; height:auto; width:300px; position:absolute; left:400px;  letter-spacing: 0px;}*/
.land .sIFR-hasFlash #localHdr h2 { position:relative; }
/*.detail .sIFR-hasFlash #localHdr h2 { height:32px; letter-spacing: 0px; font-size: 24px; line-height: 1em; display:block; float:left; margin-bottom:10px;}  
#localHdr h2 { font-size: 28px; width: 300px; }*/
.sIFR-hasFlash #leftNavHdr h5 { visibility: hidden; letter-spacing: 0px; font-size: 17px; line-height: 17px; } 
.sIFR-hasFlash .expandMod h5.trigger{ /*visibility: hidden;*/ font-size: 9px; line-height: 10px; height: 10px; }
.sIFR-hasFlash #rightNav blockquote { font-size: 16px; line-height: 20px;}

/* ADDED BY WARNER
-------------------------------------------------------- */
.sectionPageTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#006699; display: block; margin-bottom: 12px; margin-top:4px;  }
#legacyContent .appHeader {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#6e8210; display: block; margin-bottom: 12px; margin-top:4px;  }
.homePageTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; display: block; margin-bottom: 8px; margin-top:4px; text-decoration:none;  }
.noFlashSection {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#006699; display: block; margin-bottom: 3px;  } 
.rightModuleTitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666666; display: block; text-transform:capitalize;}
.sectionHighlight {color:#6e8210;}
/* Set default Font Face for Left Nav */
.pdemargin {font-family: Verdana, Arial, Helvetica, sans-serif;}
.imageborder {padding:1px; border:1px solid #cccccc; margin-bottom:6px;}
td.webcastTitle {font-family: Verdana, Arial, sans serif; text-transform:uppercase; font-size: 10px; font-weight: bold; color: #666666;}

#home span a {font-size:10px; text-decoration:underline; font-weight:normal;}
#skipnav { position: absolute; top: -500px; width: 500px;}
/* Added for table style */
#format { background-color: #FFFFFF; margin-top: 12px; margin-bottom:12px; }
#format td, #format th { margin: 0px; padding: 5px;15px;5px;15px; border: 1px solid #666666; }
#format td .nobdr, #format td table.nobdr, { margin: 0px; padding: 0px; border: 0px; }
#format .tablecaption { padding-bottom: 5px; font-weight: bold; color:#666666; padding-top: 4px; }
#format th { color: #333333; background-color: #cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:  
bold; text-align: center; }
#format tr.grey { background-color: #eff3f9; }
#format .description { text-align: left; }

/* Added to Fix IR layout for IE6 on XP  */
.tableColLarge {width:522px;}

/* Classes to enable show/hide of dynamic form elements (see process.html for examples of usage) - @jmusick  */
.dependentselect_hidden{
	visibility:hidden;
}
.dependentselect_shown{
	visibility:visible;
}