/**************
	GENERAL
 **************/

body.jc_body {
	background-color:#f1f1f1;
}

.text {
	font-family:Verdana, Arial, sans-serif;
	color:#666666;
	line-height: 17px;
}

td {
	font-family:Verdana, Arial, sans-serif;
	color:#666666;
	line-height: 17px;
}

div {
	font-family:Verdana, Arial, sans-serif;
	color:#666666;
	line-height: 17px;
}

a {
	font-family:Verdana, Arial, sans-serif;
	color:#0daeeb;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

th {
	text-align:left;
}

form {
	display: inline;
}

.white {
	background-color:#ffffff;
}

div#resolutionwidth {
	max-width: 969px;
	width: expression(document.body.clientWidth > 969? "968px":"auto");
}

/***************
	HEADINGS
 ***************/

h1 {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#0daeeb;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	color:#666666;
	margin-top: 5px;
	margin-bottom: 2px;
}

h3 {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 1px;
}

h4 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
}

h5 {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	color:#0daeeb;
}

h6 {
	display: block;
	font-family: Verdana, Arial, sans-serif;
	font-weight: italic;
	margin-top: 2px;
	margin-bottom: 2px;
}

h2.heading2hr {
	border-bottom: 1px solid #ccc;
}

/****************
	HOMEPAGE
 ****************/

.welcome {
	padding-left:45px;
	padding-right:45px;
	color: #075798;
	line-height: 19px;
}

.welcome a{
	color: #0daeeb;
	text-decoration: underline;
}

.welcome a:hover{
	text-decoration: none;
}

.simpleindent {
	padding-left:20px;
}

/*********************
	BLUE HEAD BOXES
 *********************/
div.box_container {
	height:100%;
	background-color:#eff5f8;
	_height:expression(this.parentNode.clientHeight); /*foortruk*/
}

div.box_container_login {
	background-color:#eeeeee;
}

td.box_header {
	background-image:url('/images/content/generated/corners/qua=1/w=18/h=18/cbg=ffffff/carc=00afee/cfg=null/corner.png');
	background-repeat:no-repeat;
	background-position: right top;
	height:23px;
	background-color:#00afee;
	vertical-align:middle;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding-left:9px;
	padding-right:15px;
	margin-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
}

.box_header_rightnav {
	/*
	The same as boxheader when this is empty,
	but can be different in product sites
	*/
}

td.box_header_login {
	background-image:url('/images/content/generated/corners/qua=1/w=19/h=19/cbg=ffffff/carc=d3d9c1/cfg=null/corner.png');
	background-color:#d3d9c1;
	color:#666666;
}

td.box_header a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

td.box_header a:hover {
	text-decoration: underline;
}

td.box_text {
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-top: 5px;
	background-color: #eff5f8;
	height: 67px;
	vertical-align: top;
	line-height: 17px;
}

td.box_text_login {
	background-color:#eeeeee;
}

td.box_image{
	background-color: #ffffff;
}

td.box_image_login{
	background-image:url('/images/layout/middle/profileboxbackground.gif');
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color:#eeeeee;
	padding-left:4px;
}

td.box_image_login_doccheck{
	background-image:url('/images/Eumel_120px_tranparent.gif');
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color:#ffffff;
	padding-left:4px;
}

td.box_text a {
	color: #0daeeb;
	text-decoration: underline;
}

td.box_text_login a {
	color: #666666;
}

td.box_text a:hover {
	text-decoration: none;
}

/*******************
	TOP & BOTTOM
 *******************/

div#topcontainer{
	position:relative;
	height:64px;
	background-color:#dbedfb;
	min-width:744px;
	width: expression(document.body.clientWidth < 744? "743px":"auto");
	text-align:left;
}

div#topcontainer div#upperleftcorner {
	position:absolute;
	top:0px;
	left:0px;
	width:19px;
	height:19px;
	background-image: url('/images/content/generated/corners/qua=2/w=19/h=19/cbg=f1f1f1/carc=dbedfb/cfg=null/corner.png');
	background-repeat: no-repeat;
	background-position: left top;
}

div#topcontainer div#upperrightcorner {
	position:absolute;
	top:0px;
	right:0px;
	_right:-1px;
	width:19px;
	height:19px;
	background-image: url('/images/content/generated/corners/qua=1/w=19/h=19/cbg=f1f1f1/carc=dbedfb/cfg=null/corner.png');
	background-repeat: no-repeat;
	background-position: right top;
}

div#topcontainer div#textsizeandsearchcontainer {
	position:absolute;
	top:10px;
	right:20px;
}

div#topcontainer div#textsizecontainer {
	margin-right:10px;
}

input#topsearchbox {
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	width: 140px;
}

div#topcontainer div#janssencilaglogo {
	position:absolute;
	top:18px;
	left:18px;
}

div#topcontainer div#topmenuandtabs{
	position:absolute;
	bottom:0px;
	right:20px;
}

div#topcontainer div#topmenu a {
	color: #666666;
	text-decoration: none;
}

div#topcontainer div#topmenu a:hover {
	text-decoration: underline;
}

div#topcontainer div#tabs {
	margin-left:20px;
}

div.tab{
	border-top:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	background-color:#ffffff;
	position:relative;
}

div.tab div.leftcorner{
	position:absolute;
	top:-1px;
	_top:0px;
	left:-1px;
	width:9px;
	height:9px;
	background-image: url('/images/content/generated/corners/qua=2/w=6/h=6/cbg=dbedfb/carc=ffffff/cfg=dbedfb/corner.png');
	background-repeat: no-repeat;
	background-position: top left;
}

div.tab div.rightcorner{
	position:absolute;
	top:-1px;
	_top:0px;
	right:-1px;
	width:9px;
	height:9px;
	/*the carc cccccc is just default grey*/
	background-image: url('/images/content/generated/corners/qua=1/w=6/h=6/cbg=dbedfb/carc=ffffff/cfg=dbedfb/corner.png');
	background-repeat: no-repeat;
	background-position: top right;
}

div.tab a,div.tab a:hover{
	display:block;
	line-height:18px;
	padding-bottom:4px;
	padding-left:7px;
	padding-right:7px;
	color:#666666;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
}

div#topcontainer hr#headline{
	display:none;
}

/* FOOTER */
table#footer{
	background-color:#dbedfb;
}

td#footerleft{
	background-image:url('/images/content/generated/corners/qua=3/w=19/h=19/cbg=f1f1f1/carc=dbedfb/cfg=null/corner.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}

td#footerright{
	background-image:url('/images/content/generated/corners/qua=4/w=19/h=19/cbg=f1f1f1/carc=dbedfb/cfg=null/corner.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}

/**************
	CONTENT
***************/

.contentcell_3col {
	vertical-align: top;
}

/*.contentcell_3col table {
	width: 95%;
}*/

.contentcell {
	margin-right: 0px;
}

div#pagefunctions {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	/*background-color: red;*/
}

div#contentcontainer {
	text-align:left;
	_height:300px;
	min-height:300px;
}

div#pagefunctions_left {
	/*position: relative;
	bottom: -25px;*/
	float:left;
}

div#pagefunctions_left a{
	color: #666666;
	vertical-align: middle;
}

div#pagefunctions_left a:hover{
	color: #0daeeb;
}

div#pagefunctions_right {
	float:right;
	/*text-align: center;
	position: relative;
	float:right;*/
}

div#pagefunctions_right a{
	color: #666666;
	vertical-align: middle;
}

div#pagefunctions_right a:hover{
	color: #0daeeb;
}

/* added for CR 8873, to put padding-right on a paragraph containing a table.. */

p.rightPaddedTable {
	padding-right:0px;
	width:100%; /* solves the problem of the paragraph containing a table growing out of the 'frame' */
}

/*********************************
   TOP LEFT PROFILE/LOGIN PORTLET
 *********************************/

div#lefttopcell {
	width:168px;
	padding-top:8px;
	padding-bottom:4px;
	z-index:1;
	background-color:#ffffff;
}

td#header_profile_topleft {
	height:22px;
	background-color:#d3d9c1;
	vertical-align:middle;
	font-weight:bold;
	text-decoration:none;
	padding-left:9px;
	padding-right:15px;
	margin-right:15px;
	padding-top:3px;
	padding-bottom:3px;
}

table.topleftprofilebox {
	background-image:url(/images/layout/middle/profileboxbackground.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-color:#eeeeee;
}

table.topleftlarge {
	height:135px;
	background-position: 96px 21px;
}

td.profilecontentcell{
	vertical-align:top;
}

table.topleftlarge td.profilecontentcell{
	line-height:20px;
}

table.topleftsmall{
	height:87px;
}
table.topleftsmall td.profilecontentcell span.profiletitle {
	display:none;
}

table.topleftprofilebox td.profilecontentcell a {
	color:#666666;
	text-decoration: underline;
	padding-top:2px;
}

table.topleftprofilebox td.profilecontentcell a:hover {
	text-decoration: none;
}

/*********************
	LEFTNAVIGATION
 *********************/

td#navbarcell {
	background-image: url(/images/layout/middle/jc_logo_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#eeeeee;
	vertical-align: top;
	height: 100%;
	width: 168px;
	text-align:left;
}

div.menuitem, div.activemenuitem {
	width:168px;
	_height:23px;
	min-height:23px;
}

div.jcleftmenu div.menuitem{
	background-color:#b1d9f5;
}

div.jcleftmenu div.activemenuitem{
	background-color:#0daeeb;
}

div.menuitem a, div.activemenuitem a {
	display:block;
	line-height:23px;
	padding-left:8px;
	text-decoration:none;
	width:140px;
}

div.menuitem a:hover, div.activemenuitem a:hover {
	text-decoration:none;
}

div.jcleftmenu div.menuitem a {
	color:#666666;
}

div.jcleftmenu div.activemenuitem a {
	color:#ffffff;
}

.submenuitem {
	background-color: #e9eaeb;
	min-height: 17px;
	_height:17px;
}

.submenuitem a {
	color: #666666;
	text-decoration: none;
}

.submenuitem a:hover {
	text-decoration: none;
	font-weight: bold;
}

div.jcleftmenu div.menuseparator{
	background-color:#ffffff;
}

td.activesubmenuitem_left {
	width:15px;
	align:right;
}

div.menuitemspacer {
	width:168px;
	_height:23px;
	min-height:23px;
}

/*********************
	RIGHTNAVIGATION
 *********************/

 td#rightcell {
	background-color:#ffffff;
	vertical-align: top;
	width: 160px;
	padding-top: 12px;
	padding-left:2px;
}

td.box_text_rightnav {
	padding: 9px;
	background-color: #ebebeb;
	vertical-align: top;
	color: #0daeeb;
	/*line-height: 21px;*/
	text-decoration: underline;
	text-align:left;
}

td.box_text_rightnav a {
	color: #666666;
	text-decoration: underline;
	/*line-height: 21px;*/
}

td.box_text_rightnav a:hover {
	text-decoration: underline;
	color: #0daeeb;
}

/*********************
	BACKGROUNDERS
 *********************/

div#page_title {
	padding-left: 15px;
}

.pagetitlehr {
	color:#0daeeb;
	background-color:#0daeeb;
	height:1px;
	border-width:0px;

}

/***********************
	FUNCTIONAL PAGES
 ***********************/

.formfield {
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	width: 250px;
}

.attachmentfield {
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
}

.errormessages td {
	color: #cc0000;
}

.errormessages b {
	color: #cc0000;
}

b.generalerrormessage{
	color: #cc0000;
}

table.inputform input,select,textarea {
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
}

.gray_background {
	background-color:#EEEEEE;
	width:100%;
}

.registrationprocedure td{
	line-height: 30px;
	background-color:#EEEEEE;
	width:25%;
	padding-left:10px;
	padding-right:10px;
	font-weight: bold;
}

.registrationprocedure tr td.active{
	color:#0daeeb;
}

.registrationprocedure a{
	line-height: 30px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}

.emailaddress {
	color:#0daeeb;
	text-decoration:underline;
}

.diseaselanding a {
	color: #666666;
	text-decoration:none;
}

.diseaselanding a:hover {
	color: #0daeeb;
	text-decoration:underline;
}

/**********
	NEWS
***********/

.newshr {
	color:#EEEEEE;
	background-color:#EEEEEE;
	height:1px;
	border-width:0px;
}

.ranger {
	color:#79797D;
	text-decoration:underline;
}

td.news_box_content strong a {
	color: #666666;
	text-decoration:none;
}

td.news_box_content strong a:hover {
	color: #666666;
	text-decoration:underline;
}

td.news_box_content a:hover {
	text-decoration:none;
}

td.home_bottomleft {
	background-color:#dbedfb;
	padding:5px;
	width:100%;
}

td.home_bottomleft a {
	color:#666666;
	text-decoration:none;
}

td.home_bottomleft a:hover {
	text-decoration:underline;
}


td.home_bottomright {
	background-color:#b1d9f5;
	padding:5px;
}


/*************************
	EVENTS & CONGRESSES
*************************/

.congr_header {
	color:#8A8A8A;
	padding-left:5px;
}

/*****************
	PRODUCTS
******************/

table.productoverview th {
	background-color:#EEEEEE;
	text-align:left;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	color:#666666;
	line-height:25px;
	padding-left:5px;
}

table.productoverview a {
	color: #666666;
	text-decoration: underline;
}

table.productoverview a:hover {
	color: #0daeeb;
	text-decoration: none;
}

tr.evenrow {
	background-color:#FFFFFF;
}

tr.evenrow td {
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
}

tr.oddrow {
	background-color:#EEEEEE;
}

tr.oddrow td {
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
}


/*****************
	SCROLL BOX
 *****************/

div.home_scroll {
	overflow:auto; 
	height:140px;
	scrollbar-3dlight-color:#ecf2f2;
	scrollbar-arrow-color:#c0c0c0;
	scrollbar-base-color:#c0c0c0;
	scrollbar-darkshadow-color:#ecf2f2;
	scrollbar-face-color:#ecf2f2; 
	scrollbar-highlight-color:#c0c0c0; 
	scrollbar-shadow-color:#c0c0c0;
}


div#breadcrumb {
	padding-left: 15px;
	position: relative;
	bottom: 10px;
}

/************
 FLASHPOLL
 ***********/

 .flashpoll {
	background-image:url(/images/layout/middle/flashpollboxbackground.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
	background-color:#ffffff;
	vertical-align:top;
	padding:2px;
	width:100%;
}

.flashpollresult {
	background-image:url(/images/layout/middle/flashpollresultbackground.gif);
	background-repeat:no-repeat;
	background-position: left top;
	width:482px;
	height:322px;
	/*position:relative;*/
}

.flashpollheader {
	font-size:36px;
	font-style:italic;
	color:#0daeeb;
	padding-left:20px;
	padding-top:15px;
}

.flashpollresultcontent {
	width:430px;
	height:225px;
	position:relative;
	top:40px;
	left:15px;
	overflow:auto;
}

/************
	SITEMAP
 ***********/

table#sitemap a {
	color: #666666;
	text-decoration: none;
}

table#sitemap a:hover {
	color: #0daeeb;
	text-decoration: underline;
}

div.services_home {
	padding-left:20px;
}

div.services_home a {
	text-decoration:none;
	font-weight:bold;
}

div.services_home p.text a {
	text-decoration:none;
	font-weight:normal;
	color:#666666;
}

.stmtTitle{
	font-size: 16px;
	font-weight:normal;
}


/*  */

td.greyrow {
	background-color:#EEEEEE;
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
}

td.whiterow {
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
}

td.greyrow a {
	color: #666666;
	text-decoration: underline;
	border: 0;
}

td.greyrow a:hover {
	color: #0daeeb;
	text-decoration: none;
}

td.whiterow a {
	color: #666666;
	text-decoration: underline;
}

td.whiterow a:hover {
	color: #0daeeb;
	text-decoration: none;
}

/* PROF LOCATOR ADMIN */

table.locadmin_listtable tr th{
	text-align:center;
	background-color:#EEEEEE;				
}
			
table.locadmin_listtable tr td{
	background-color:#FAFAFA;				
}
			
table#locadmin_profs tr#myself td{
	background-color:#DDDDDD;
}

hr.hline {
	color:#AAAAAA;
	background-color:#AAAAAA;
	height:1px;
	border-width:0px;
}

/** REQUEST MATERIAL STYLES **/

input.submitLink {
	background-color:transparent; 
	border:0; 
	padding:0;
	text-decoration:underline;
	_vertical-align:bottom;
	font-size:12px;
	font-family:Verdana, Arial, sans-serif;
	color:#79797D;
	cursor:pointer;
}

.request_material_ranger {
	color:#79797D;
	text-decoration:none;
	font-size:10px;
}

div.pager {
	font-size:12px;
}




/* ********** IONSYS SEGMENTATION ******* */

.segmentation_title {
	background-image:url('/images/content/generated/corners/qua=1/w=18/h=18/cbg=ffffff/carc=cd2e29/cfg=null/corner.png');
	background-repeat:no-repeat;
	background-position: right top;
	height:23px;
	background-color:#cd2e29;
	vertical-align:middle;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	padding-left:9px;
	padding-right:15px;
	margin-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
}

.segmentation_box .box_text {
	background-color:#d6d7d8;
	text-align: right;
}

.segmentation_box table {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.segmentation_title_table {
	font-weight: bold;
	color: #366694;
}

.segmentation_left {
	text-align: left;
}

td.segmentation_left {
	width: 75%;
}

.segmentation_right {
	text-align: right;
}

.segmentation_total {
	background-color: #babbbb;
}

.segmentation_box hr {
	color: #ffffff;
	background-color: #ffffff;
	border: 0px solid #ffffff;
	height: 1px;
}

.segmentation_line {
	height: 3px;
}

.segmentation_input {
	border: 1px solid #666666;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
}

.form_buttons_align {
	text-align: right;
	padding-right: 8px;
}

.confirm_form_buttons_align {
	text-align: right;
	padding-right: 8px;
}
