/*remove focus ring around active links and images in FF*/
:focus { -moz-outline-style: none; }


/* Force tables to inherit font-size, fixes IE 5.x problems */
table {font-size:100%;}


/* Fixes alignment and spacing problems for embedded media */
object {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
embed {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
iframe {
	margin:0;
	padding:0;
}
/* Clear Fix */
/* Apply the clearfix class to any element which acts as a container for floats. */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {}
/* End hide from IE-mac */


/* General styles */
img { 
	display:block; 
	border:0; 
	behavior: url("/rocheRimPortal/framework/skins/basic/htc/trans_png.htc");
}

img.inline {display:inline}

img.pdf-icon {display:inline; margin-left:3px;}
img.word-icon {display:inline; margin-left:3px;}

ul, li {margin:0;padding:0;list-style:none;}

h1 {font-size:16px; margin:0;}
h2 {font-size:11px;  margin:0;}

#interstitial h1 { margin-top:20px;}

/* =Forms
=============================================================*/
form {
	margin:0;
	padding:0;
}

input.text, textarea.text {
	height:1.4em;
	font-size:1em;
	color:#2C3366;
	border:1px solid #D9D9D9;
	background-color: #FFFFFF;
	margin-right:10px;
	padding-left:3px;
	padding-right:3px;
}

select.text {
	height:1.7em;	
	font-size:1em;
	color:#666666;
	border:1px solid #0D5399;
}

span.invalid {color:red; font-weight:bold; }


/* =TOPNAV
=============================================================*/

#topnav {
	position:relative;
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:4px;
	padding-right:55px;
	text-align:right;
	margin-top:-10px;
	height:18px;
	
}
#topnav ul li {
	display:inline;
	padding-left:18px;
}

#topnav ul li #text-zoom {
	margin-top:-3px;
}

#topnav a {
	color:#FFFFFF;
	text-decoration:none;
}

#topnav a:hover {text-decoration:underline;}

/* =HEADER
=============================================================*/

#header {
	position:absolute;
	width:690px;
	height:142px;
	background-color:#FFFFFF;
}

#header_left {
	position:absolute;
	top:0px;
	left:0px;
}
#header_right {
	position:absolute;
	top:0px;
	right:-1px;
}
#header #logo {
	position:absolute;
	top:20px;
	left:15px;
}

#header #search {
	position:absolute;
	top:35px;
	right:16px;
}
#search {
	border-collapse:collapse;
	font-size:11px;
}
#search .text {
	width:134px;
	height:15px;
	border:#D9D9D9 1px solid;
	margin:0 8px 0 3px;
}

#header_banner {
	position:absolute;
	top: 38px;
	left: 198px;
	z-index:8;
	display:block;

}

/* = SHELL
=============================================================*/

body {
    margin:0;
    padding:18px 18px;
    background-color:#FFFFFF;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:100%;
	background:url(/rocheRimPortal/framework/skins/basic/images/bg.jpg) repeat-x;
}

#no_bg {
    background-color:#FFFFFF;
	background: none;
}

#wrapper {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	
}


/* = MAINNAV
=============================================================*/

#mainnav {
	position:absolute;
	width:197px;
	z-index:4;
	background-repeat:repeat-y; 
	font-size:11px;
	font-weight:bold;
	top:130px;
	padding-bottom:5px;
}

.mainnav_home {
	height:525px;

}

.mainnav_small {
	height:300px;

}

.mainnav_med {
	height:350px;

}


#mainnav_top {
	position:absolute;
	top:0px;
	left:0px;

}

#mainnav_bottom {
	position:absolute;
	bottom:0px;
	left:0px;

}

*html #mainnav_bottom {
	position:absolute;
	bottom:-1px;
	left:0px;

}

#home_image, #sub_home_image, #sub_image   {
	position:relative;
	left:0px;
}

#mainnav ul {
	clear:both;
}
#mainnav li a {
	display:block;
	width:150px;
	padding:8px 15px 6px 28px;
}

#mainnav li a {text-decoration:none;}

/* = MAIN CONTENT AREA
=============================================================*/



#content-container-main {
	position:relative;
	margin-bottom: 20px;
	float:right;
	right:5px;
	top:80px;
	background-color:#FFFFFF;
}

.content_small {
	min-height:370px;
}

*html .content_small {
	height:370px;
}

.content_med {
	min-height:410px;
}

*html .content_med {
	height:410px;
}

.content_norm {
	min-height:620px;
}

*html .content_norm {
	height:620px;
}

#content-hdr p {
	margin-top:5px;
	margin-bottom:5px;
}

#content-hdr ul li {
	font-size:12px;
	list-style:outside square;
	margin-left:15px;
	
}

#content-hdr i {
	font-size:9px;
}

.subpage {
	height:145px;
}

#content-hdr {
	position:relative;
	margin-top:15px;
	margin-bottom:0px;
	text-align:left;
	padding-left:10px;
	z-index:10;
	color:#666666;
	width:350px;
	float:left;
	left:15px;
}

#content-home #content-hdr h1 {
	font-size:14px;
}

#content-home {
	position:relative;
	text-align:left;
	padding-left:10px;
	z-index:10;
	color:#666666;
	width:340px;
	float:left;
	left:15px;
}

#content-home a {
	color:#666666;

}

#content {
	position:relative;
	text-align:left;
	padding-left:10px;
	z-index:10;
	color:#666666;
	width:523px;
	float:left;
	left:15px;
}


#main-content {
	position:relative;
	padding-bottom:15px;

}

#main-content-sub {
	position:relative;
	padding-bottom:15px;

}

#disclaimer {
	position:relative;
}

#divider {
	padding-top:10px;
	padding-bottom:10px;

}

#main_top_left {
	position:absolute;
	top:-2px;
	left:-.02em;
}

#main_top_right {
	position:absolute;
	top:-2px;
	right:-2px;
	z-index:4;
}

*html #main_top_right {
	position:absolute;
	top:-2px;
	right:-2px;
}

#main_bottom_left {
	position:absolute;
	bottom:-2px;
	left:-.03em;
}

#main_bottom_right {
	position:absolute;
	bottom:-2px;
	right:-2px;
}

#home-columns {
	position:relative;
	padding-bottom:20px;
}

#column-one {
	left:0px;
	float:left;
}

#column-two {
	right:0px;
	float:right;
}

#home-columns .column {
	padding-right:10px;
	width:47%;
	min-height:100px;
	display:block;
	min-height:100px;
}

/* IE-specific hack*/
* html #home-columns .column {
	height:100px;
	
}

#home-columns ul {
	margin:0;
	padding:0;
}
#home-columns ul li {
	list-style-type:disc;
	padding:4px 0 0 0px;
	margin-left:15px;
}

#assistance-columns ul li {
	list-style-type:disc;
	padding:4px 0 0 0px;
	margin-left:15px;
}

.grey_shade	{
	background-color: #dddddd;
	
}

.grey_bold	{
	background-color: #dddddd;
	font-weight:bold;
}

#sitemap-rule {
	margin:13px 0 0px 0;
	height:3px;
}

/* =CALL OUTS HOME
=============================================================*/

#callouts-home {
	width:169px;
	margin-top:15px;
	margin-left: auto;
	font-size:12px;
	width:169px;
	min-height:160px;
	position:relative;
	float:right;
	right:15px;
}

#callouts-home p, .register_sub p {
	margin-top:10px;
	margin-bottom:10px;
}

#callouts-home h1, .register_sub h1 {
	font-size:12px;
	padding-left:9px;
	padding-top:2px;
	margin-top:0px;
	margin-bottom:0;
}

#callouts-home a.more, #callouts a.more, .register_sub a.more {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	display:block;
	height:16px;
	text-align:right;
	padding-right:15px;
}

#updates, #register, #hotline {
	position:relative;
	margin-bottom:10px;
}

.register_sub {
	margin-top:20px;
	margin-bottom:20px;
	left:11px;
}

#register_top{
	position:relative;
	top:0px;
	left:0px;
}

#register_bottom{
	position:relative;
	bottom:0px;
	left:0px;
}

#callout_inside {
	position:relative;
	overflow: hidden;
}

#callout_text {
	width:140px;
}

.callout_text_home {
	position:absolute;
	padding:15px 10px 12px 10px;
	float:right;
	left: 7px;
	z-index:8;
}

.callout_text_sub {
	position:relative;
	padding:0px 5px 0px 20px;
	font-weight:normal;
	font-size:12px;

}

#callout_shadow {
	position:absolute;
	background-repeat:no-repeat;
	background-position:0px 0px;
	z-index:3;
}

#callout_trans {
	background-repeat:no-repeat;
	background-position:7px 0px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position:absolute;
	width:169px;
	min-height:250px;

}

*html #callout_trans {
	height:250px;
}

#updates_text {
	position:absolute;
	z-index:5;
	width:169px;
}

#callouts_bottom {
	position:relative;
	bottom: 0px;
	left: 0px;
	z-index:4;
}

*html #callouts_bottom {
	position:relative;
	bottom: 0px;
	left: 0px;
}


/* =FOOTER
=============================================================*/

#footer {
	font-size:11px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:10px;
	position: relative;
	margin-top:70px;
}

.coming_soon {
	color:#666666;
	margin-top:40px;

}

#footer #safety-info h1 {
	font-size: 11px;
	margin-bottom:0;
	color:#666666;
}

#footer #safety-info p.first {margin-top:0;}

#footer #roche-info {margin-top:25px; }

#footer #roche-info #logo-copyright {
	position:relative;
	display: inline;
	width:120px;
	float:left;
	left:0px;
}

#footer #roche-info #logo-copyright p {
	margin-left:0px;
	height:100px;
}

#footer #roche-info p {margin-left:150px;}

.globalnav  {
	position:relative;
	margin-bottom:25px;
	padding-left:150px;
	
}
	
.globalnav img  {
	display:inline;
	
}

.safety_page {
	font-size:11px;
	margin-left:30px;
	margin-right:30px;
	margin-top:50px;
	margin-bottom:30px;
	width:475px;
}

.safety_page h1{
	font-size:16px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000000;
}

#safety-info #logo {
	position:absolute;
	top:15px;
	right:65px;
}

/* =SEARCH
=============================================================*/
#search_relevance_bar {
  border: #CCCCCC 1px solid;
	height: 9px;
	width: 60px;
	overflow: hidden;
}

.doc_date {
  font-size: 0.85em;
	color: #666666;
	padding-left:10px;
	padding-right: 5px;
	
}

.search_relevance {
  font-size: 0.85em;
	color: #666666;
	
}

.doc_title {
  color: #666666;
  font-size: 1.1em;
  font-weight:bold;
}

#search_results_box {
  padding: 5px 7px 5px 7px;
	background-color: #E7E7E7;
	font-size: 0.95em;
	margin-top: 0px;
	text-align: right;
	
}

/* =INTERSTICIAL
=============================================================*/



#interstitial {
	margin-top:15px;
	position:relative;
	
}

#interstitial h2 {
	margin-top:10px;
}

#interstitial #buttons {
	width:250px;
	margin:0 auto;
	text-align:center;
	xmargin-left:193px;
	padding:50px 0 130px 0;
}
#interstitial #buttons .button {float:left;}
#interstitial #buttons .last {margin-left:14px;}

/* = EMAIL UPDATES
=============================================================*/
.hide {display: none}

.label {
	text-align:left;
	font-weight:bold;
	vertical-align:middle;
    font-size:12px;

}
input.email {
	width:200px;
	font-size:10px;
	vertical-align:middle;
}

select.state {
	width:150px;
	font-size:10px;
	vertical-align:middle;
}

.error {
	font-style:italic;
	color:#FF0000;
	text-align:left;
	vertical-align:top;
	font-size:11px;
	
}

#hotline_number {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	font-weight:bold;
}

.align_middle {
	text-align:left;
	vertical-align: middle;

}

/* Added for RIM 3.1*/

#interstitial_right1 {
	margin:0px;float:right;
}