/*
9px = 69.3%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,em,strong,th,var{font-style:normal;font-weight:normal;}li{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;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	text-align: center;
}

a {
	text-decoration: none;
	border: none;
	outline: none;
	color: #0066cc;
}

:focus
{
  -moz-outline-style: none;
outline: none;
}


a:hover {
	text-decoration: underline;
}

h2 {
	font-family: "Verdana", Verdana, Geneva, sans-serif;
	font-size: 123.1%;
	font-weight: bold;
	font-style: normal;
	color: #0066cc;
	padding-top: 0.8em;
	margin-bottom : 0.6em;
}

h3{
	font-family: "Verdana", Verdana, Geneva, sans-serif;	
	font-size: 108%;
	font-weight: bold;
	font-style: normal;
	color: #0066cc;
	padding:0px;
	margin:0px;
	padding-top: 1em;
	margin-bottom : 0.6em;
}

h4{
	font-family: "Verdana", Verdana, Geneva, sans-serif;	
	font-size: 93%;
	font-weight: bold;
	font-style: normal;
	color: #0066cc;
	padding:0px;
	margin:0px;
	padding-top: 0.2em;
	margin-bottom : 0.4em;
}

strong {
	font-weight: bold;
}

/*=CONTAINER*/
html, body {
	height: 100%;
}

body {
	background: url('../library/images/pagebgtile.jpg');
}

/*.container {
	min-height:100%;
	background: url('../library/images/pagebgtile.jpg');
}*/

div.wrapper {
	min-height:100%;	
	width: 948px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
 	border-left: 1px solid #d9d9d9;
 	border-right: 1px solid #d9d9d9;
	padding:0px 2px;
}


/*div.footer {

}*/

/*=HEADER*/
div.header {
/*	background: url("../library/images/roche-logo2.gif") no-repeat 850px 33px #fff;*/
	font-size: 93%;
	height: 127px;
}

	div.header a.roche-logo {
		display: block;
		float: right;
		position: relative;
		top: 33px;
		right: 25px;
	}

div.header ul.nav {
	position:relative;
	z-index:999;
	clear:left;
	list-style: none;
	width:100%;
	margin:0 auto;
	padding: 0;
	color: #999999;
	padding-top:25px;
	padding-left: 10px;
}

div.header ul.nav li {
	float: left;
    position: relative;
	text-align: left;
	width:auto;
	cursor: default;
	margin:5px 7px;
	font-family: Verdana !important;	
}

div.header ul.nav li.first {
	font-weight: bold;
	color: #000;
}

div.header ul.nav a, div.header ul.nav a:visited {
	display:block;
	cursor:pointer;
	text-decoration:none;
	color: #999999;	
}
div.header ul.nav a:hover {
	color: #0066cc;
}

.textUp {
	background: url(../library/images/icon-increase.gif) no-repeat 0 -13px;
	width: 8px;
	height: 13px;
}


.textDown
{
	background: url(../library/images/icon-decrease.gif) no-repeat 0 -13px;
	width: 8px;
	height: 13px;
}

.icon-enabled{
	background-position: 0 4px; 
}

li.symbol-up {
	margin-right: 0px !important;
}

li.symbol-down {
	margin-left: 0px !important;
}

/*=CONTENT*/
div.content-header {
	width: 100%;
}
	div.content-logo {
		width: 230px;
		text-align:center;
	}

div.content-header-title {
	height: 100px;
	width: 100%;
	background-color: #0066cc;
	background-repeat: no-repeat !important;
	margin-top: -25px;
}
	div.content-header div.page-50 {
		background: url("../library/images/headers/header1.gif");
	}

	div.content-header div.page-52 {
		background: url("../library/images/headers/header2.gif");
	}
	
	div.content-header div.page-53 {
		background: url("../library/images/headers/header3.gif");
	}
	
	div.content-header div.page-54 {
		background: url("../library/images/headers/header4.gif");
	}
	
	div.content-header div.page-55 {
		background: url("../library/images/headers/header5.gif");
	}
	
	div.content-header div.page-56 {
		background: url("../library/images/headers/header6.gif");
	}
	
/*	div.content-logo {
		width: 230px;
	}*/
	
	
div.main {
	width: 100%;
}

div.content {
	margin-left: 230px;
	padding-left : 38px;
	padding-right: 36px;
	line-height: 1.3em;
	background-color: #f6f6f6;	
	border: 1px solid #f6f6f6; /* hack, need to have this border so the background can be pulled up top */
}

body.blood-cancer div.content, body.bowel-cancer div.content {
	background-color: #f0f9fb;	
	border: 1px solid #f0f9fb; /* hack, need to have this border so the background can be pulled up top */
}

body.brain-cancer div.content, body.breast-cancer div.content {
	background-color: #f2f3fa;	
	border: 1px solid #f2f3fa; /* hack, need to have this border so the background can be pulled up top */
}

body.site-map div.content {
	margin-left: 0px;	
}
	
	div.content a {
		color: #0066cc;
	}
	
/*	div.content a:hover {
		color: #007c85;
	}*/

	div.content p {
		margin-bottom: 1em;
	}

	div.content ul {
		padding: 5px 30px;
	}
	
		div.content ul li {
			list-style-image: url(../library/images/dot.gif);
		}
		
/*=== SEARCH ===*/
div.content.search .excerpt {
    padding: 1em 0;
    border-top: 1px solid #ddd;
}

div.content.search .excerpt p {
    margin-bottom: 0.25em;
}

div.sidebar {
	float:left;
	width: 230px;
	background-color: white;
/*	border-right: 1px solid #d9d9d9;	
	overflow: hidden !important;	*/
}

div.sidebar ul.sidebar_menu {

}

div.sidebar li.page_item {
	margin-top: 2px;
}

div.sidebar a.page_item_link{
	height: 58px;
	width: 230px;
	display: block;
}

div.sidebar a.page_item_link:hover {
	background-position: -230px 0px !important;
}

div.sidebar li.current_page_item a, div.sidebar li.current_page_item a:hover{
	height: 66px;
	background-position: -460px 0px !important;	
}

div.sidebar li.current_page_item {
	background-color: #f5f5f5;
}

div.sidebar li.no_children a{
	height: 58px !important;
}

	div.sidebar a.page_item_link_50 {
		background: url("../library/images/sidebar/button1.gif");
	}
	
	div.sidebar a.page_item_link_52 {
		background: url("../library/images/sidebar/button2.gif");		
	}
	
	div.sidebar a.page_item_link_53 {
		background: url("../library/images/sidebar/button3.gif");
	}
	
	div.sidebar a.page_item_link_54 {
		background: url("../library/images/sidebar/button4.gif");
	}
	
	div.sidebar a.page_item_link_55 {
		background: url("../library/images/sidebar/button5.gif");
	}
	
	div.sidebar a.page_item_link_56 {
		background: url("../library/images/sidebar/button6.gif");
	}
	
	div.sidebar ul.submenu {
		padding-top: 32px;
		margin-left: 20px;
		margin-right: 10px;
 		padding-bottom:6px;
		font-size: 93%;
	}
	
		ul.submenu li {
			list-style-image: url(../library/images/dot.gif);
			padding-left: 0px;
			margin-left: 10px;
		}
		
		ul.submenu li a {
			color: #666;
		}
		
		ul.submenu li a:hover {
			color: #000;
			text-decoration: none;
		}
		
		ul.submenu li {
			margin-bottom : 16px;
			line-height : 1.3em;
		}
		
	div.sidebar div.widget_sp_image {
		text-align: center;
		margin-top: 30px;
		font-size: 11px;
	}
	
	div.widget_sp_image img {
		cursor: pointer;
	}
	
	div.widget_sp_image div.widget_sp_image-description{
		display: none;
	}

	.highlight {
		background-color: #E3EFFF;
			padding: 1em;
			margin-left: -1em;
			margin-right: -1em;
		}

		div.highlight {
			padding-bottom: 0.5em;
		}

		.highlight h2, .highlight h3, .highlight h4 {
			padding-top: 0em;
		}

/*=FOOTER*/
div.footer {
	border: none;
	color:#888888;
	font-size: 85%;
	text-align:center;	
	padding: 40px 10px;
}

/*div.footer a{
	color: #000099 !important;
}

div.footer a:hover{
	color: #000000 !important;
}*/

/*=UTILITIES*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.float-left {
	float:left;
}

/*.border {
	position: absolute;
	width: 948px;
	border-bottom: 1px solid #ccc;
	top: 93px;
	margin: 0;
	padding: 0;
}*/

#logos div.text {
	color: #333333;
	padding: 0em 1em;
	font-size: 11px;
}

#logos div.note {
	cursor: pointer;
}

#logos div.note a {
	color: #666;
}

#logos div.note a:hover{
	text-decoration: none;
	color: black;
}

#logos a.logo-button {
	display:block;
	height: 78px;
	width: 230px;
	margin: 0 auto;
}
	#logos a.avastin {
		background: url("../library/images/logos/avastin.jpg");
	}
	
	#logos a.herceptin {
		background: url("../library/images/logos/herceptin.jpg");
	}
	
	#logos a.mabthera {
		background: url("../library/images/logos/mabthera.jpg");
	}
	
	#logos a.neulastim {
		background: url("../library/images/logos/neulastim.jpg");
	}
	
	#logos a.tarceva {
		background: url("../library/images/logos/tarceva.jpg");
	}
	
	#logos a.xeloda {
		background: url("../library/images/logos/xeloda.jpg");
	}

#logos a.logo-button:hover {
	background-position: -230px 0px !important;
	text-decoration: none;
}

/*#logos div.note {
	text-align: left;	
}*/
/*
#logos a:hover div.note{
	color: black;
}*/

#logos div.logo {
	margin-top: 1em;
}

.sf-navbar-wrap {
	padding: 0;
	margin:		0;
	margin-top: 55px;	
	margin-right: 200px;
	font-family: Verdana !important;
}

/*=SUPERFISH SKIN*/
.sf-navbar {
	color: #999;
	padding-left: 10px;
}

.sf-navbar a {
	color: #999 !important;	
	border:			0;
	text-decoration: none !important;
	padding: 		5px 7px;
}

.sf-navbar ul {
	background-color: white !important;
}

.sf-navbar ul li {
	padding-left: 10px;
}

.sf-navbar a:hover {
	color: #0066cc !important;
}

.sf-with-ul {
	padding-right: 	19px !important; /* 10px of arrow + 7px of padding  + 2px of eye factor */
}

.sf-sub-indicator {
	right: 6px;
}

li.first a {
	font-weight: bold;
	color: black !important;
}

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	color: #0066cc;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	color: #0066cc;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	color: #0066cc;	
}

.clear {
	clear: both;
}

.word-definition {
	border-bottom: 1px dotted black;
	color: #0066cc;
}

/*CUSTOMISATION FOR SEARCH FIELD*/
div.header {
	height: 153px;
}

.search-form {
	border: 1px solid #ccc;
	position: relative;
	float: right;
	width: 148px;
	right: -43px;
	top: 102px;
}

input.search-input {
	width: 127px;
	border: none;
	padding: 2px;
}