/* 
USE: 			Wyeth website
AUTHOR:		Marcela Maneos, Syzygy UK Limited
DATE:		08/2007 - 11/2007
VERSION:		1.0

SECTIONS:
* S01. Global element declarations
* S02. Core layout elementspromo
* S03. Header area - H1, intro, graphical/rich media
* S04. Re-usable layout components
* S05. Content links with icons/arrows
* S06. Page-specific layout elements
* S07. Form classes
* S08. Tabs
* S09. Popup window classes	
*S10 Wyeth 
*/


/*
 S01. GLOBAL ELEMENT DECLARATIONS 
*/ 

/*
#############################
Module Style Imports START
*/

@import 'hcp_navigation.css';
@import 'hcp_sitemap.css';
@import 'hcp_pdf_disclaimer.css';
@import 'hcp_login.css';
@import 'hcp_ contactForm.css';

/*
Module Style Imports ENDE
#############################
*/



body 			{ background-color: #fff; font: 0.75em Arial, Verdana, Helvetica, Geneva, sans-serif; color: #333; margin: 0 auto; padding:0}
p				{ margin: 0 0 1.3em 0; }
img, fieldset	{ border: 0;}
a				{ color:#333; }
a:hover			{ text-decoration: underline; }
.clear			{ display: block; clear: both; height: 0; font-size: 0; margin:0; padding:0; }
.hide			{ position: absolute; left: -999em; width: 30em; overflow: hidden; } 

body, div, form, 
fieldset, h1, h2, 
h3, h4, h5, h6 		{ margin: 0; padding: 0; }
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
* html .clearfix 	{ height: 0%;}

.accessibilityNav 				{ margin: 0; padding: 0} 
.skip 							{ display: none; text-align: left; margin: 0 0 0 5px; padding: 0; position: absolute; font-size:1em; } /*All incl Opera*/
/* * html */ .skip 				{ display: block} /*Seen by IE*/
:root .skip 					{ display: block} /*Seen by Moz, FF and Safari*/
.skip a 						{ padding: 0 0.5em; display: inline; z-index: 2; text-decoration:none; position: absolute; width: 20em; left: -200em}
.skip a:focus, .skip a:active 	{ position: absolute; left: 0.5em; color: #fff; background: #006699}
.skip a:hover 					{ cursor: default}


h1		{ font-family: "Arial Narrow", Verdana, Helvetica Narrow, Geneva, sans-serif; color: #333; padding: 10px 0 0.5em 0; font-size: 2.2em; font-weight: lighter; line-height: 1em;}
h2		{ color: #1B0069; font-size: 1.25em; padding-bottom: 0.3em; line-height: 1.2em;}
h3		{ font-size: 1.15em; padding-bottom: 0.5em; }
h2 .label{ color: #333; font-size: 0.9em; padding-bottom: 1em; font-weight:normal }
h4		{ font-size: 1em; padding-bottom: 0; }
h5		{ font-size: 0.9em; padding-bottom: 0; }

h2.headRed {color:#D9000B; font-family:"Arial Narrow",Verdana,Helvetica Narrow,Geneva,sans-serif; font-size:2.2em; font-weight:lighter; line-height:1em; padding:10px 0 0.5em 0;}
h2.headingRed {color:#D9000B; font-family:"Arial Narrow",Verdana,Helvetica Narrow,Geneva,sans-serif; font-size:2.2em; font-weight:lighter; line-height:1em; padding:25px 0 0.5em 0;}

ul		{ margin: 0 0 1.5em 1.5em; padding:0; list-style-type: square  }
ul ul,
ol ul	{ margin: 1em 0 0.5em 1.6em; padding:0; list-style-type: circle }
ol ol	{ margin: 1em 0 0.5em 2em; padding:0 }
ol		{ margin: 0 0 1.5em 1.8em; padding:0; }
li		{ padding: 0 0 0.4em 0 }
hr		{ display: block;  height: 1px; background-color: #cde9f5; color: #cde9f5; border: 0; padding: 0; margin:0 0 15px  0;}

.introduction   { font-size: 1.1em; font-weight: bold; }
.imagetext		{ font-weight: bold; text-align: left; margin-top: 0.5em; font-size:0.9em; display:block;}
.imageLeft		{ float:left; padding:0 1em 5px 0;}
.imageRight		{ float:right; padding:0 0 5px 1em;}
.big			{ font-weight: bold; font-size: 1.15em;}
.small			{ font-size: 0.95em;}
.date			{ color: #1b0069; font-weight: normal; font-style:italic}
blockquote		{ clear: both; float: right; margin: 0 0 15px 1em; font-weight:normal; padding: 10px; width: 221px; border: 1px solid #cde9f5; background-color: #e7f7f7; color: #1b0069 }
acronym 		{ border-bottom: 1px dotted black; color:#000}
.highlight		{ background-color: #effafe; padding:10px; border: 1px solid #cbe9f5; margin:0 0 0 -10px;}
.disclaimer		{ font-style:italic; color:#666;}


/*	updates rene	*/




#branding #siteSearch		{ font-weight:bold; float: right; text-align: right; padding: 0 2px 6px 0; width: 260px; margin:0px 10px 0 0;}
#branding #siteSearch a	{ margin:0; padding: 3px 0 0 15px; background: transparent url(../images/generic/arrow_red_right.gif) no-repeat 0 70%; }

*html #branding #siteSearch		{ font-weight:bold; float: right; text-align: right; padding: 0 2px 6px 0; width: 265px; margin:0px 10px 0 0;}

*html #branding #siteSearch a	{ margin:-18px 0px 0px 5px; padding: 3px 0 0 15px; background: transparent url(../images/generic/arrow_red_right.gif) no-repeat 0 60%; display:inline; width:110px; height:12px; float:left;}

/* S02. CORE LAYOUT ELEMENTS */ 
#page							{ width: 964px; margin: 0 auto; border: 1px solid #82D5D5; border-top: none!important; padding: 0 10px;  }
#contentWrapper					{ padding:0; background: transparent url(../images/generic/bg_line.gif) repeat-y 686px 0; }
#contentWrapper.noBorder		{ background-image: none;}
#containerLeft					{ float: left; width: 686px; line-height: 1.35em; padding-bottom:3em; }
#containerLeft #midColumn 		{ width: 486px; float: right; padding: 0 10px 0 20px; margin:0px 0 0 0; }

#contentWrapperWelcome				{ padding:0; background: transparent url(../images/generic/bgW_line.gif) repeat-y 686px 0; }
#contentWrapperWelcome.noBorder		{ background-image: none;}

#contentWrapperSitemap				{ padding:0; background: transparent url(../images/generic/bg_line.gif) repeat-y 686px 0; }
#contentWrapperSitemap.noBorder		{ background-image: none;}

#contentWrapperSitemap h2.headRed {font-size:1.5em; font-weight:bold;}

#contentWrapperWelcome #extLeftColumn {
	padding:35px 10px 3em 10px;
}

#contentWrapper #extLeftColumn {
	padding:0px 0px 10px 10px;
}

#contentWrapperWelcome #extLeftColumn h2 {
	font-family:"Arial Narrow", Verdana, Helvetica, Geneva, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#D9000B;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0.5em 0px;
}

 #midColumn  p {
 	margin:0px 0 0 0;
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
 }

#containerRight					{ float: right; width: 792px; line-height: 1.35em; padding-bottom:3em;  }
#containerRight #midColumn 		{ width: 486px; float: left; padding: 0 10px 0 20px;}
#containerRight.wideContent		{ width: 792px; padding: 0; }
#rightColumn 					{ width: 276px; float: right; padding-bottom:3em; margin:0;}
#leftColumn						{ float: left; width: 160px; padding: 0 0 3em 0; margin-top:15px; }
#leftColumn.home 				{ margin-top: 0 }
#rightColumn.demo				{ margin-top: -15px; width:274px;}
.contentArea					{ background: #fff; padding-top:8px}
.contentArea .resources, 
.contentArea .conditions 		{ margin-top:8px}

#contentWrapperWelcome #rightColumn .std_container {
	padding:10px 10px 5px 12px;
	border-bottom:1px solid #82D5D5;
}

#rightColumn .std_container {
	padding:10px 10px 5px 12px;
	border-bottom:1px solid #CBE9F4;
}

#mikBox .mikHeader {
	margin:0px 0px 10px 0px;
}


/* Authentication layout elements */
#containerLeft.authentication			{ width: 676px; padding: 15px 10px 3em 0; border: none!important; margin:0 0 0 -10px;}
#containerLeft.authentication .formBox	{ margin-left: 0!important }
#containerLeft.authentication h1		{ font-size: 1.5em; font-weight: bold}


/* S03. HEADER AREA - H1, INTRO, GRAPHICAL/RICH MEDIA */
#headerHome	img{ float:right;  }
#headerHome				{  padding: 0px 10px 0px 0; line-height: normal; }
#headerHome h1			{ font-family: "Arial Narrow", Verdana, Helvetica Narrow, Geneva, sans-serif; color: #333; padding: 10px 0 0.5em 0; font-size: 2.2em; font-weight: lighter; line-height: 1em;}
#headerHome h2			{ padding:1em 0 0 0;}
#headerHome p			{  margin:0; padding:0; margin-bottom: 0.3em; }
#headerOverview			{ min-height: 145px; padding: 20px 230px 10px 0; margin:0; line-height: normal; }
#headerOverview li		{ padding-bottom: 0}
#headerGeneric			{ padding: 20px 0 10px 0; width: 486px; margin-bottom:10px; line-height: normal}
#headerDemo				{ min-height: 260px; padding:0; margin: 2px 0 15px 10px; border: 1px solid #cde9f5 }
.border					{ border-bottom: 1px solid #cde9f5; }
#headerDemo #flashcontent { width: 490px}
#containerLeft.authentication #headerGeneric { padding: 0; width: auto; margin:0; border: none;}

#headerGeneric .pdf, 
#headerOverview .pdf, 
#headerHome .pdf		{ font-size: 0.9em; margin-bottom:0; padding-bottom:0}
#headerOverview .pdf a, 
#headerHome .pdf a, 
#headerGeneric .pdf a		{ color: #1B0069; text-decoration:none; font-weight:bold; font-size:1.1em;}

#headerHome .next, #headerOverview .next,
#headerHome .back, #headerOverview .back, 
#headerHome .listnav, #headerOverview .listnav	{ margin-bottom:0; padding-bottom:0} 
* html #headerHome		{ height: 220px;}
* html #headerOverview	{ height: 145px;}
* html #headerDemo		{ height: 260px;}


/* S04. RE-USABLE LAYOUT COMPONENTS */
.yellow			{ background-color: #f6f52b; padding: 8px 5px 5px 8px; margin-bottom: 15px; line-height: normal; }
.yellow h3		{ color: #00a6eb!important }
.yellow dl		{ margin:0; padding:0}
.yellow dt		{ margin:0; padding:0 0 0.2em 0 } 
.yellow dd		{ margin:0; padding:0 0 0.7em 0 }

dl.feature			{ clear: both; float: right; background-color: #e7f7f7; border: 1px solid #cde9f5; width: 166px; padding: 5px 7px 0 7px; margin: 0 0 15px 10px; line-height: normal}
dl.feature dt		{ color: #00a6ec; font-size: 1.1em; padding-bottom: 5px; font-weight: bold }	
dl.feature dd 		{ margin: 0; padding:0;  }	
dl.feature dd img	{ margin: 0 -7px;  }	
dl.feature p		{ margin-bottom: 5px }
dl.feature .listnav { padding-bottom:0.5em; }

.summary			{ clear: both; float: left; background-color: #e7f7f7; border: 1px solid #cde9f5; width: 220px; padding: 5px 7px 0 7px; margin: 5px 10px 10px 0; line-height: normal}
.summary ul			{ color: #00a6ec; list-style-type: none; padding-bottom: 5px; font-weight: bold }	
.summary li 		{ margin: 0; padding:0;  }	
.summary p			{ margin-bottom: 5px }
.summary .listnav a	{ font-weight: normal; }

.resources, 
.conditions		{ clear: both; width: 496px; background-color: #fff; margin: 0px 0 12px -10px; padding:0; line-height: normal}
.resources p, 
.conditions p	{ margin-bottom: 0.7em; }
.resources h2, 
.conditions h2	{ background-color: #00a6ec; color: #fff; font-size: 1.15em; margin: 0 0 15px 0; padding: 5px 10px}

.resources h3, .navBox h3 ,
.updates h3				{ color: #00a6ec; font-size: 1.1em; padding: 0 0 0.5em 0}
.resources ul			{ margin:0; padding:0; list-style:none;}
.resources li			{ padding-bottom: 1em; }
.resources .left		{ float:left; width: 227px; padding: 0 0 0 10px;  margin:10px 0 0 0;}
.resources .right		{ float:right; width: 227px;  padding-right:0px; margin:10px 0 0 0;}
.resources .next		{ padding-bottom:0em; margin:0; }

.conditions .right		{ float: right; width: 320px; padding-right:10px}
.conditions .left		{ float: left; width: 130px; padding: 0 0 0 10px }
.conditions img			{ border: 1px solid #cbe9f5 }
.conditions .listnav	{ padding-bottom:0.8em; }
.conditions .listnav a	{ color: #1B0069; font-size: 1.1em; }

.searchPanel		 	{ clear: both; color: #1B0069; margin: 0 0 15px 0; padding:0; background-color: #e7f7f7;  line-height: normal; border:1px solid #e7f7f7; }
.searchPanel h2			{ background-color: #00a6ec; color: #fff; font-size: 1.15em; padding: 5px 10px; margin:0; height:1%; }
.searchPanel a			{ color: #1B0069; text-decoration: none; font-weight: bold; }
.searchPanel p			{ padding-bottom: 0.8em}
.searchPanel .container	{ position: relative; border: 1px solid #CBE9F5; border-top: none; padding: 10px 10px 5px 10px; }
.searchPanel .left		{ float: left; 	width: 223px; margin:0; padding: 0; }
.searchPanel .right		{ float: right; width: 223px; margin:0; padding: 0; }
.searchPanel label, 
.searchPanel .legend 	{ font-weight: bold; display:block; padding-bottom: 0.2em; } 
.searchPanel .inputTxt	{ width:220px; } 
.searchPanel select 		{ width:223px; }
.searchPanel .button		{ margin-top: 1.3em; }

.searchPanel .checkList				{ margin-bottom:1em;}
.searchPanel .checkList label		{ float: none; display:inline}

.toolsTwoCol			{ clear: both; width: 496px; margin: 0 0 15px -10px; padding:0; color: #1B0069; background: #e7f7f7 url(../images/generic/bg_2columns.gif) repeat-y center bottom; line-height: normal}
.toolsTwoCol .left		{ float: left; 	width: 243px; margin:0; padding: 0; border-top: 1px solid #cde9f5; }
.toolsTwoCol .right		{ float: right; width: 223px; margin:0; padding: 10px 10px 5px 10px; border-top: 1px solid #cde9f5; }
.toolsTwoCol p 			{ margin-bottom: 0.7em}
.toolsTwoCol a			{ color: #1B0069; font-weight: bold}
.toolsTwoCol .tools		{ border-top: none; border-bottom: none; margin:0; width: auto}
.updates				{ margin: 0; padding: 1em 0; border-top: 1px solid #cde9f5; line-height: normal}

.tools				{ clear: both; list-style-type: none; border: 1px solid #cde9f5; margin: 0 -5px 15px 0px; padding: 0; line-height: normal}
.tools a			{ color:#1B0069; font-weight:bold; text-decoration: none }
.tools a:hover		{ text-decoration: underline }
.tools li			{ color:#1B0069; padding: 8px 0 8px 35px; margin:0; border-bottom: 3px solid #fff; }
.tools .last		{ border-bottom: none; }	
.tools .pdf			{ background: #e7f7f7 url(../images/generic/icon_acrobat.gif) no-repeat 8px 5px;}
.tools .email		{ background: #e7f7f7 url(../images/generic/icon_email.gif) no-repeat 8px 5px;}
.tools .print		{ background: #e7f7f7 url(../images/generic/icon_print.gif) no-repeat 8px 5px;}
.pdf				{ background: transparent url(../images/generic/icon_acrobat.gif) no-repeat 0 0.3em; padding: 0.6em 0 1em 25px; }

.galleryPanel			{ clear: both; width: 496px; margin: 0 0 15px -10px; padding:0; line-height: normal}
.galleryPanel h2, 
.galleryPanel h3		{ background-color: #00a6ec; color: #fff; font-size: 1.15em; padding: 5px 5px 5px 10px; margin: -10px -5px 10px -10px }
.galleryPanel ul		{ margin:0; padding:0; list-style-type: none; }
.galleryPanel li		{ clear: both; margin:0; padding-bottom:0.7em; } 
.galleryPanel dl		{ clear: both; margin:0; padding:0;}
.galleryPanel dd		{ float: right; width: 148px; margin:0; } 
.galleryPanel dt		{ clear: both; float: left; width: 80px; }
.galleryPanel p			{ margin-bottom:0.7em; }
.galleryPanel img		{ float: left; padding:0 8px 10px 0; }
.galleryPanel .left		{ float: left; 	width: 228px; margin:0; padding: 10px 5px 0 10px; }
.galleryPanel .right	{ float: right; width: 228px; margin:0; padding: 10px 5px 0 10px; }

.galleryPanel2			{ clear: both; width: 496px; margin: 10px 0 0 -10px; padding:0; line-height: normal;}
.galleryPanel2 h2		{ background-color: #00a6ec; color: #fff; font-size: 1.15em; margin: 0px 0 15px 0; padding: 0px 10px}
.galleryPanel2 h3		{ color: #1b0069; font-size: 1em; margin: 0; padding: 0 0 0.2em 0}
.galleryPanel2 dl		{ margin:0 0 0 10px; padding:0; }
.galleryPanel2 dd		{ clear: both; width: 476px; margin:0; padding:0;}
.galleryPanel2 img		{ float: left; margin:0 10px 0 0;  padding:0; } 
.galleryPanel2 p		{ margin-bottom:0em;}
.galleryPanel2 p.next	{ float:left }

.videoPanel			 		{ clear: both; width: 484px; color: #1B0069; background-color:#e7f7f7; margin: 0 0 15px 0; padding:0; border: 1px solid #cbe9f5; line-height: normal}
.videoPanel .left			{ float: left; 	width: 240px; margin:0; padding: 0; }
.videoPanel .right			{ float: right; width: 224px; margin:0; padding: 10px;}
.videoBox p					{ padding: 10px}
.videoPanel .listnav		{ padding-bottom: 0.8em; }

.pagination			{ clear: both; width: 476px; background-color: #00a6ec; color: #fff;  margin: 0 0 15px -10px; padding:5px 10px; line-height: normal}
.pagination a		{ color: #fff!important; font-weight: bold; text-decoration: none}
.pagination a:hover	{ text-decoration: underline}
.pagination ul		{ list-style-type: none; margin:0; padding:0.5em 0 0 0; }
.pagination li		{ float: left}
.pagination li a	{ padding: 0 3px; text-decoration: underline}
.pagination .back	{ display:inline; padding-left: 15px; margin-left: 15px; background: transparent url(../images/generic/arrow_back_white.gif) no-repeat 0 0.2em;}
.pagination .next	{ display:inline; padding-left: 15px; margin-left: 15px; background: transparent url(../images/generic/arrow_white.gif) no-repeat 0 0.2em;}
.pagination .selected { color: #333; font-weight: bold}
.pagination select	{ margin: 2px 3px}

.patient		{ width: 474px; background-color:#fff; color:#1B0069; border: 1px solid #cde9f5; margin: 0 0 15px -10px; padding: 10px 10px 5px 10px; line-height: normal}
.patient h3		{ color: #00a6eb; font-size: 1.2em; padding-bottom: 0.7em; }
.patient ul		{ list-style-type: none; margin: 0; padding: 0; }
.patient li		{ float: left; margin:0; padding: 0 1.5em 1em 15px; background: transparent url(../images/generic/arrow_blue.gif) no-repeat 0 0.2em; }
.patient .pdf	{ float: none; clear: both; background: #fff url(../images/generic/icon_acrobat.gif) no-repeat 0 0; padding-left: 25px}
.patient a		{ text-decoration: none; color:#1B0069; font-weight: bold}
.patient a:hover{ text-decoration: underline}

.caseStudy 			{ float: right; padding: 3px 5px 0 5px; margin:0 0 15px 10px; width: 231px; color: #005476; font-size: 0.9em; line-height: 1.1em; border: 1px solid #005476; min-height:67px}
.caseStudy img		{ float: right; margin: -3px -5px -5px 10px}
.caseStudy p		{ margin-bottom:5px;}
*html .caseStudy	{ height: 67px;}

/* Gallery carousel */
.galleryImgLg				{ margin-bottom: 3em;}
.galleryImgLg ul			{ clear:both; list-style-type:none; margin:0; padding:0; }
.galleryImgLg li			{ margin:0; padding:0;}
.galleryImgLg li img		{ float:left; margin: 0 10px 2px 0; display:block; padding:0}
.galleryImgLg li p			{ margin: 0; padding:0}
.pictureListing 			{ margin-top:1em; }
.pictureListing img			{ margin-bottom:1em;}
.pictureListing ul 			{ clear:both; list-style-type:none; margin:0 0 0.5em 0; padding:0}
.pictureListing li 			{ float: left; margin:0 2px 5px 0; padding:0; }
.pictureListing h3 span		{ font-weight:normal; font-size:0.9em;}
.gallery_nav				{ margin:0; padding:0; background-color:#ccc; width: 300px}
.gallery_nav .page_left		{ float:left; border-right:2px solid #fff;}
.gallery_nav .page_right	{ float:right; border-left:2px solid #fff;}


/* S05. CONTENT LINKS WITH ICONS/ARROWS */
.next,.light, 
.top, 
.back			{ display:block; margin: 3px 0 0 0; padding: 0px 0 0px 15px; line-height: normal;  }
.light, .next 			{ background: transparent url(../images/generic/arrow.gif) no-repeat 0 0.2em; }
.top			{ background: transparent url(../images/generic/arrow_top_blue.gif) no-repeat 0 0.2em; }
.back			{ background: transparent url(../images/generic/arrow_back_blue.gif) no-repeat 0 0.2em;}
.top a, 
.light a, .next a, 
.back a			{ color: #1B0069; text-decoration: none; font-weight: bold; margin-bottom:0;} 
.light a:hover, .next a:hover, 
.top a:hover, 
.back a:hover	{ text-decoration: underline; }



.light a		{ color: #00a6eb; text-decoration: none; font-weight: bold; } 
.light 			{ background: transparent url(../images/generic/arrow.gif) no-repeat 0 0.2em; }


/* CMS case for next/back/top links: <a class="next">Link</a>*/
a.next {color:#D9000B; background: transparent url(../images/generic/arrow_red_right.gif) no-repeat 0 0.2em !important; padding:0px 0px 0px 15px; margin:0.3em 0px 0px 0px;}  		
a.top {color:#D9000B; background: transparent url(../images/generic/arrow_red_top.gif) no-repeat 0 0.2em !important; padding:0px 0px 0px 15px; margin:0.3em 0px 0px 0px;}  			
a.back			{ padding:0 0 0 0px; margin-top:0em; color: #1B0069; text-decoration: none; font-weight: bold; display:block; }
a.next ,.feature a.next			{ background: transparent url(../images/generic/arrow_blue.gif) no-repeat 0 0.2em; }
a.top			{ background: transparent url(../images/generic/arrow_top_blue.gif) no-repeat 0 0.2em; }
a.back			{ background: transparent url(../images/generic/arrow_back_blue.gif) no-repeat 0 0.2em;}
a:hover.next, 
a:hover.back, 
a:hover.top		{ text-decoration: underline; }

.action 			{ margin:0 -10px 0 -10px; padding: 5px 0 5px 27px; line-height: normal; background: #ff6500 url(../images/generic/arrow_white3.gif) no-repeat 12px 0.5em;  font-weight: bold; color: #1B0069; }
.action a			{ color: #fff; text-decoration: none; } 
.action a:hover		{ text-decoration: underline; }

.listnav, .darkcontent ,
.supportNav			{ margin:0; padding: 0 0 1.3em 0; list-style-type: none; line-height: normal; }
.listnav li, .darkcontent li, .navBox li
.supportNav li		{ margin:0; padding: 0 0 0.2em 15px; background: transparent url(../images/generic/arrow_red_right.gif) no-repeat 0 0.2em; }
.listnav a, .darkcontent a ,
.supportNav a 	{ color: #1B0069; text-decoration: none; font-weight: bold;}
.listnav a:hover
.supportNav a:hover	{ text-decoration: underline; } 

ul.listnav ul		{ list-style-type: none;}

.listnav li.pdf, 
.supportNav li.pdf		{ margin:0; padding: 0 0 0.2em 25px!important; background: url(../images/generic/icon_acrobat.gif) no-repeat 0 0; }

.supportNav li,
.supportNav li.pdf	{ padding-bottom: 0.8em!important;}


ul.searchResults 	{ margin: 0 0 1.5em 0; padding:0; list-style-type: none; }
ul.searchResults li	{ margin-bottom: 1em;}

dl.searchResults 	{ margin: 0 0 1.5em 0; padding:0; list-style-type: none; }
dl.searchResults dt	{ width: 3em; float: left; clear: both; }
dl.searchResults dd	{ padding-left: 0.5em; margin-bottom: 1em; }
.searchResults dd.pdf	{ margin:0; padding: 0 0 1em 5.5em!important; background: url(../images/generic/icon_acrobat.gif) no-repeat 45px 0; }

.newsLabel			{ background-color: #00a6eb; color:#fff;padding: 0 5px; font-weight: bold }
.question img		{ vertical-align: bottom; padding-left: 5px; }

/* S06. PAGE-SPECIFIC LAYOUT ELEMENTS */


table.generic 			{ font-size: 0.9em; width: 100%; color: #333; border: solid 1px #666; border-collapse: collapse; margin-bottom: 1.3em; line-height: normal}
table.generic caption   { font-weight: bold; text-align: left; margin-bottom: 0.5em;  }
table.generic th 		{ background-color: #e7f7f7; padding: 2px; vertical-align: top; border: 1px solid #666}
table.generic td		{ padding: 2px 4px; border: 1px solid #666; }
table.generic .firstrow { text-align: left; }
table.generic tr.odd	{ background-color:#fff; }
table.generic tr.even	{ background-color:#d7d7d7; }

/* S07. FORM CLASSES */
form select, 
form option, 
form input, 
form textarea{ font: 1em Arial, Verdana, Helvetica, Geneva, sans-serif; }

.errors		{ margin-bottom: 1.2em; color: red; line-height: normal}
.errors ul, 
.errors ol	{ margin-top: 0.5em; padding:0}
.errors li	{ padding:0}
.error		{ padding: 0 10px 5px 5px; color: #fff; background: url(../images/generic/icon_error.gif) no-repeat 1px 0.2em; vertical-align: top}
.mandatory	{ color: #00a6eb}


/*	MessageBox Formular	*/

.checklabel {
	float:right;
	margin:0;
	padding:0;
	width:200px;
	border:1px solid #000;
}


.checkBox {
	display:block;
	float:left;
}

.txtTextarea {
	width:350px;
	height:200px;
}
.txtInput			{ float:left; width: 210px; margin-top: 2px; padding: 0 2px; }
.txtInputSm			{ width: 135px; margin-top: 2px; padding: 0 2px; }
.txtArea			{ width: 440px; margin-top: 2px; padding: 0 2px; }
.selectSm			{ margin-top: 2px; width:30%}
.selectLg			{ margin-top: 2px; width: 65%;}

.txtInputBirth			{ margin: 1.3em 0 1.3em 0}
.txtInputBirth label	{ vertical-align: top}
.txtInputBirth p		{ vertical-align:top; margin:0 0 0.5em 0!important; padding:0;}
.txtInputBirth select	{ margin: 0 0.5em 0 0; font-size:1em;}

.btnSubmit, 
.btnLotSubmit, 
.btnSubmitLeft	{ font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; clear: both; padding:0 4px }

.btnSubmit		{ float: right; margin: 0 0 0.5em 0.5em; }
.btnLotSubmit	{ float: right; margin: -28px 0 0.5em 0.5em; }
.btnAutLogin	{ float: right; margin: 0 18px 0.5em 0; }
.btnSubmitLeft	{ margin: 0; }

.multiButtons 				{ float:right; margin: 0 0 0.5em 0}
.multiButtons .btnSubmit 	{ float:none}
.multiButtons p				{ display: inline}



/*  .loginBox  input		{ margin:0 0 0 10px; width: 200px; }  */

.formBox			{ width: 474px; background-color:#e7f7f7; border: 1px solid #cbe9f5; color: #333; padding: 15px 10px 5px 10px; margin: 0 0 10px -10px; line-height: normal }
.formBox h2			{ color:#333; }
.formBox p			{ margin-bottom: 1em; }
.formBox label		{ font-weight: bold;  float:left; width:150px;}
.formBox .left		{ float: left; width: 320px; margin-right: 10px; }
.formBox .right		{ float: right; width: 300px; }
.narrow				{ width: 320px}
.full				{ width: 654px}
.fullWhite			{ width: 654px; background-color: #fff!important}
.full h2, 
.fullWhite h2		{ color:#00a6eb; }
.extras label		{ float: left; font-weight: normal; padding-bottom:1em; width:85%; }	
.extras input		{ float: right; }
.extras .error		{ float: right; }
.formBox .legend 	{ font-weight: bold; display:block; padding-bottom: 0.5em; } 
.extras p label		{ display:block; clear:both;}

/*Assessment forms*/
.formBox.assessment ol					{ margin: 0 0 0 2.5em;}
.formBox.assessment	ol li				{ padding-bottom: 1em;}
.formBox.assessment	ol li select		{ font-size:1em; margin:3px 5px; padding:0; vertical-align: middle}
.formBox.assessment table				{ width:100%; margin:0 0 1em 0; padding:0}
.formBox.assessment table td			{ text-align:right; vertical-align:top}
.formBox.assessment table select		{ font-size:1; width: 90px}
.formBox.assessment .total				{ border-top: 1px solid #cbe9f5; padding: 1em 0 0 0; width:100% }
.formBox.assessment .total label		{ float:left; font-size: 1.3em; color:#005476; font-weight: bold  }
.formBox.assessment .total input		{ float: right; font-size: 1.3em; color:#005476; font-weight: bold; padding: 0 5px; width: 50px; text-align: center}
.formBox.assessment .source				{ font-style:italic; text-align:right}
.formBox.assessment .multiButtons 		{ clear:both; float: none; text-align: right}

.formBox.assessment .haq				{ list-style-type:none; margin:0; padding:0 }
.formBox.assessment .haq li				{ margin:0 0 2px 0; padding:0; }
.formBox.assessment .haq li:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.formBox.assessment .haq ul				{ list-style-type:none; margin:0 0 1em 0; padding: 0; }
.formBox.assessment .haq ul li			{ width: 100%; padding:0; border: none}
.formBox.assessment .haq ul li label	{ float: left; width: 250px; font-weight:normal; margin:0 0 0 3px; padding:0 0 0 10px; vertical-align:top; background: transparent url(../images/generic/bullet.gif) no-repeat 0 0.5em}
.formBox.assessment .haq ul li select	{ float: right; margin:0; padding:0;  vertical-align:top}

.formBox.assessment .twoCol		 		{ clear: both; width: 100%; margin: 0 0 1em 0; padding:0;}
.formBox.assessment .twoCol .left		{ float: left; 	width: 49%; margin:0; padding: 0; }
.formBox.assessment .twoCol .right		{ float: right; width: 49%; margin:0; padding: 0; }
.formBox.assessment .checkboxes	td		{ text-align:left; padding:0; margin:0}
.formBox.assessment .checkboxes	label	{ float:none; display:inline; font-weight:normal}

/* S08 TABS */
.tabber						{ display:none;}
.tabberlive .tabbertabhide	{ display:none; }
.tabberlive 				{ margin-top:0; }

ul.tabbernav 		{ margin:0 0 0 -10px; padding: 3px 0; border-bottom: 1px solid #cde9f5; font-weight:bold; line-height: normal }
ul.tabbernav li 	{ list-style: none; margin: 0; display: inline; }
ul.tabbernav li a 	{ padding: 3px 6px; margin-right: 1px; border-bottom: 1px solid #99dff9; color: #fff; background-color: #99dff9; text-decoration: none; }

ul.tabbernav li a:link			{ color: #fff; text-decoration: none;}
ul.tabbernav li a:hover			{ background-color: #00a6eb; border-bottom: 1px solid #00a6eb;}
ul.tabbernav li.tabberactive a	{ background: #00a6eb url(../images/generic/bg_tab.gif) no-repeat 100% 0; border-bottom: 1px solid #00a6eb; font-weight:bold}

.tabberlive .tabbertab 			{ padding: 15px 10px 0 10px; background: #fff; margin:0 0 15px -10px; border: 1px solid #cde9f5; border-top:none; }

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }


/* S09 POPUP WINDOW CLASSES */
.popup					{ margin:0 15px; padding:0}
.popup #branding		{ width: 100%; border-bottom: 1px solid #cbe9f4;}
.popup #contentNoNav, 
.popup #footer			{ width: auto; }

/* S10 CLASSES */  
input .logininput {
	border:1px solid #000;
	background:#ffffff;
}

/*  update rené w */

a.redlink {
	display:block; 
	margin:3px 0 3px 0px; 
	padding: 0px 0 0px 15px; 
	background: transparent url(../images/generic/arrow_red_right.gif) no-repeat 0px 3px; 
	color:#D9000B;
	text-decoration:none;
	font-weight:bold;
}



p {
	margin:0 0 10px 0px;
	padding:0;
}

#containerLeftNoBg					{ float: left; width: 686px; line-height: 1.35em; padding-bottom:3em}
#containerLeftNoBg #midColumnNoBg		{ width: 486px; float: left; padding: 0 10px 0 20px;}
#containerLeftNoBg.authentication			{ width: 676px; padding: 15px 10px 3em 0; border: none!important;}
#containerLeftNoBg.authentication .formBox	{ margin-left: 0!important }
#containerLeftNoBg.authentication h1		{ font-size: 1.5em; font-weight: bold}

h1.heading		{ font-family: "Arial Narrow", Verdana, Helvetica Narrow, Geneva, sans-serif; color: #D9000B; padding: 10px 0 0.5em 0; font-size: 2.2em; font-weight: lighter;}
.heading {margin:15px 0 15px 0;}


h1.hinterlegt { background-color:#FFFF00 }
 
.loginBox			{ width: 250px; background-color:#e7f7f7; border: 1px solid #cbe9f5; color: #333; padding: 15px 10px 5px 10px; margin: 0 0 10px 10px; line-height: normal }
.loginBox h2			{ color:#333; }
.loginBox p			{ margin:0 0 0 10px; }
.loginBox label		{ font-weight: bold; padding:10px 0 0 0; }
.loginInput			{ width: 200px; margin:0px 0 10px 10px; padding: 0 2px; }
.checkbox			{margin:0 0 10px 10px;}
 
.navBoxlight ul	{ margin:0; padding: 0 0 1.3em 0; list-style-type: none; line-height: normal; }
.navBoxlight ul	li 		{ margin:0; padding: 0 0 0.2em 15px; background: transparent url(../images/generic/arrow_blue.gif) no-repeat 0 0.2em; }
.navBoxlight ul	li a		{ color: #00a6eb; text-decoration: none; font-weight: bold;}
.navBoxlight ul	li a:hover	{ text-decoration: underline; } 
.navBoxlight,.navBoxdark			{ background-color: #e5f7fd; border: 1px solid #cbe9f5; padding: 8px 5px 5px 8px; margin-bottom: 14px  }

.navBoxdark ul, .dark ul , .loginlink ul	{ margin:0; padding: 0 0 1.3em 0; list-style-type: none; line-height: normal; }
.navBoxdark ul	li, .dark ul li	, .loginlink ul li a	{ margin:0; padding: 0 0 0.2em 15px; background: transparent url(../images/generic/arrow_blue.gif) no-repeat 0 0.2em; }
.navBoxdark ul	li a, .dark ul li a , .loginlink ul li a		{ color: #1B0069; text-decoration: none; font-weight: bold;}
.navBoxdark ul	li a:hover, .dark ul li a:hover  , .loginlink ul li a:hover	{ text-decoration: underline; } 

.listlinkdarkblue h3, .listlinklightblue h3	{ background-color: #ffffff; color: #00a6ec; font-size: 1.15em; margin: 0 0 15px 0; padding: 0px 0px}

#Table table			{ font-size: 0.9em; width: 100%; color: #333; border: solid 1px #666; border-collapse: collapse; margin-bottom: 1.3em; line-height: normal}
#Table table caption   { font-weight: bold; text-align: left; margin-bottom: 0.5em;  }
#Table table th 		{ background-color: #e7f7f7; padding: 2px; vertical-align: top; border: 1px solid #666}
#Table table td		{ padding: 2px; border: 1px solid #666; }
#Table table .firstrow { text-align: left; }
#Table table tr.odd	{ background-color:#fff; }
#Table table tr.even	{ background-color:#d7d7d7; }

#margin{
	margin:30px 0 0 0;
}

h2.s2	{ color: #00a6eb; font-size: 1.25em; padding:0 0 0.7em 0; line-height: 1.2em;  margin:0;}

h2.content	{ color: #00a6eb; font-size: 1.25em; padding:0 0 0.7em 10px; line-height: 1.2em; background-color:transparent; margin:0;}
h2.contenttemp	{ color: #00a6eb; font-size: 1.25em; padding:0 0 0.7em 8px; line-height: 1.2em; background-color:#fff; margin:0;}



dl.feature			{ clear: both; float: right; background-color: #e7f7f7; border: 1px solid #cde9f5; width: 166px; padding: 5px 7px 0 7px; margin: 0 0 15px 10px; line-height: normal}
dl.feature dt		{ color: #00a6ec; font-size: 1.1em; padding-bottom: 5px; font-weight: bold }	
dl.feature dd 		{ margin: 0; padding:0;  }	
dl.feature dd img	{ margin: 0 -7px;  }	
dl.feature p		{ margin-bottom: 5px }
dl.feature .listnav { padding-bottom:0.5em; }


.errortext		{ padding: 3px 3px 0px 15px; color: red; background: url(../images/generic/icon_error.gif) no-repeat 0px 0.2em; vertical-align: top}

/*
.conditions h2	{ background-color: #fff; color:#005476; border: 0px solid #82d5d5;  padding: 4px 10px} 
*/

.errortext {
margin:0 0 0 10px;}


#siteSearch a {
	line-height:25px;
}


#rightcontent p{
margin:0 0 0 0px;
}

blockquote img {border:0; margin:0 0 0 -10px; padding:0; }

#margintopminus {
	margin:0px 0 0 0px;
	padding:0;
}
#bgBlueHeader h2{ background-color: #00a6ec; color: #fff; font-size: 1.15em; margin: 10px 0 10px -8px; padding: 5px 10px}

#bgBlueHeader {
margin:0;
padding:0;

}

.imagecontent img		{ float: left; margin:0 10px 5px 10px;  } 

#clearer	{ float: left;} 

.headercontentimage {
	height:145px;
}

.headercontentimageH {
	height:250px;
}



#borderbottom {
	border-bottom: 1px solid #cde9f5;
	margin:0 0 20px 0;
}

#wborderbottom {
	border-bottom: 1px solid #cde9f5;
	margin:10px 0 20px 0;
}

#headersize {
	width:320px;
}

#content_picture .content {
	width:340px;
}

#content_wpicture .content {
	width:450px;
}

#headerbgimage {height:263px;}
#headerbgimage ul	{ margin:0; padding: 0 0 1.3em 0; list-style-type: none; line-height: normal; }
#headerbgimage ul	li		{ margin:0; padding: 0 0 0.2em 15px; background: transparent url(../images/generic/arrow_blue.gif) no-repeat 0 0.2em; }
#headerbgimage ul	li a		{ color: #1B0069; text-decoration: none; font-weight: bold;}
#headerbgimage ul	li a:hover	{ text-decoration: underline; } 

.right p, .left p {
	margin:0 0 0 0px;
}


.feature		{ clear: both; float: right; background-color: #e7f7f7; border: 1px solid #cde9f5; width: 166px; padding: 5px 7px 0 7px; margin: 0 0 15px 10px; line-height: normal}


.feature  img	{ margin: 0 -7px;  }	
.feature p		{ margin-bottom: 5px }


#leftColumn  p{
	margin:0;
	padding:0;
}

#leftColumn  p.next , #leftColumn  p.light{
	margin:0;
	padding:0 0 0 15px;
}

.contentmarginleft {
	padding:0 0 0 10px;
}

#branding .logo-login			{ float: left; padding: 25px 0 20px 10px; width:954px; background-color: #e7f7f7; }

#branding .logo-black			{  padding: 25px 0 20px 10px; width:954px; background-color: #e7f7f7;  height:40px;}

#branding .logo-black	img		{  float:left; margin:0 10px 0 0; }

#brandingWelcome .logo-login			{ float: left; padding: 25px 0 20px 10px; width:954px; background-color: #e7f7f7; }

#brandingWelcome .logo-black			{  padding: 25px 0 20px 10px; width:954px; background-color: #e7f7f7;  height:40px;}

#brandingWelcome .logo-black	img		{  float:left; margin:0 10px 0 0; }




#branding		{background-color: transparent; }

.sitemap {
	border-bottom:1px solid #EAEAEA !important;
}

#brandingWelcome		{background-color: #e7f7f7; }

#branding #hidden {
	float:left;
	width:120px;
	height:48px;
	background:transparent url('../images/enbrel_logo.gif') no-repeat top left;
}

#branding #hidden h1 {
	margin:0px;
	padding:0px;
}

#branding #hidden h1 a {
	display:block;
	height:48px;
}

#branding #hidden h1 span {
	display:none;
}


h2.loginheader {
	font-size:1.3em;
	padding:0;
	margin:0;
	color:#000;
	line-height:1.4em;
}

#containerLeft.authentication {
	border:medium none !important;
	padding:15px 10px 3em 0pt;
	width:676px;
}
#containerLeft.authentication .formBox {
	margin-left:0pt !important;
}
#containerLeft.authentication h1 {
	font-size:1.5em;
	font-weight:bold;
	color:#005476;
	padding:0;
	margin:0 0 10px 10px;

}


#contentLeft {
	float:left;
	margin:10px 0 0 0px;
	padding:0;
	width:328px;
}

#contentLeft #login {
	margin:10px 0 0 10px;
	padding:0;
}



#contentRight {
	float:left;
	margin:10px 0 0 10px;
	padding:0;
	width:328px;
}


.navBoxDark			{ background-color: #00A6EC; border: 1px solid #cbe9f5; padding: 8px 5px 5px 8px; margin-bottom: 14px ; color:#fff;}
.navBoxDark label	{ vertical-align: 5% }

span.closeLink a {
	line-height:30px;
	padding:10px 0;
	margin:0;
}

/* S04. RE-USABLE LAYOUT COMPONENTS */
.yellow			{ background-color: #f6f52b; padding: 8px 5px 5px 8px; margin-bottom: 15px; line-height: normal; }
.yellow h3		{ color: #00a6eb!important }
.yellow dl		{ margin:0; padding:0}
.yellow dt		{ margin:0; padding:0 0 0.2em 0 } 
.yellow dd		{ margin:0; padding:0 0 0.7em 0 }

.navBoxDark dl			{ padding: 0; margin:0 0 0.5em 0}
.navBoxDark dt			{ font-weight: normal; margin:0; padding: 0}
.navBoxDark dd			{ margin:0; paddign:0; font-size: 0.95em; color:#1b0069}
.navBoxDark dd img		{ vertical-align: top; margin: 3px 5px 10px 0}
.navBoxDark h3  {color: #fff!important; font-size: 1.1em; padding: 0 0 0.5em 0}
/* update ende*/



.contentText {
	margin:0 0 0 10px;
	
}

.uaLogout {
	color:#fff;
	font-weight:bold;
	float:right;
	margin:5px 10px 0px 0px;
}

.uaLogout a {
	color:#fff;
	text-decoration:none;
	background:transparent url('../images/generic/arrow_red_right_l.gif') no-repeat center left;
	margin:0px 0px 0px 3px;
	padding:0px 0px 0px 15px;
}

.uaLogout a:hover {
	color:#fff !important;
	text-decoration:none;
}





/*		
VOTING
*/
#voting_answers, #voting_results {
	background-color:#e7f7f7; 
	border: 1px solid #cbe9f5; 
	color: #333; 
	padding: 10px 5px 5px 10px;
	margin:10px 15px 5px -2px;

}


#voting_results img {
	margin:0px 0 0 0;	
	
}

#voting_answer {
	height:20px;

}


span.totalVotes {
	margin:10px 0 5px 0;	

}

.vText {
	margin:-10px 0 0 0;
	
}


#branding #closewindow		{ font-weight:bold; float: right; text-align: right; padding: 0 2px 6px 0; width: 310px; }
#branding #closewindow a	{ margin:0; padding: 3px 0 0 15px; background: transparent; }





#sitemap ul{
	list-style: none;
	margin-left:10px;
}

#sitemap ul li a{
	list-style: none;
	background:url('../images/generic/bullet.gif') no-repeat 0px 6px;
	padding:0 0 0 10px;		
	text-decoration:none;
}

#sitemap .sub0 {
	margin-top:5px;
	font-weight:normal;
	font-size:12px;
}

#sitemap .sub0  a{
	font-weight:bold;
	text-decoration:none;
}

#sitemap li.sub1 {
	font-weight:normal;
	margin-left:0px;
	margin-top:0px;
	padding:0px !important;
}

#sitemap .sub1 {
	font-weight:normal;

	margin-top:0px;
}

#sitemap .sub1 a {
	text-decoration:none;
}

#sitemap .sub2 {

	margin-top:5px;
}

#sitemap .sub2 a {

	margin-top:5px;
	text-decoration:none;
}

#sitemap .sub3 {

	margin-top:5px;
}

#sitemap .sub4 {

	margin-top:5px;
}

#sitemap .sub5 {

	margin-top:5px;
}