/* VICAL */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0px; padding: 0px; }
html { min-height: 100%; margin-bottom: 1px; }

body { font-size: 12px; font-family: tahoma, arial, sans-serif; color: #333; background: url(../images/bg_sub.gif) repeat-x 0px 117px;  }
body#home { background: url(../images/bg_home.gif) repeat-x 0px 117px; }
table, th, td { font-size: 12px; font-family: tahoma, arial, sans-serif; color: #333; text-align: left;}

a img, :link img, :visited img { border: none; }

a:link { color: #3672c9; text-decoration: none; }
a:visited { color: #7aa6e5; text-decoration: underline; }
a:hover, a:active { color: #094295; text-decoration: underline; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

#skip { display: none; }

#bg_home	{ background: url(../images/bg_home.jpg) no-repeat 0px 117px; }
#bg_sub		{ background: url(../images/bg_sub.jpg) no-repeat 0px 117px; }

#container { width: 760px; text-align: left;}
#header { position: relative; height: 107px; z-index: 50;  }



/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav	{ position: absolute; top: 37px; right: 0px; width: 634px; height: 70px; }
#nav li { float: left; position: relative; height: 70px; width: 88px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 70px; width: 88px; text-decoration: none; font-size: 13px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 70px; width: 88px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong							{ background-position: 0px 0px; }
#nav li.technology, #nav li.technology a, #nav li.technology a strong			{ background-position: -88px 0px; }
#nav li.products, #nav li.products a, #nav li.products a strong					{ background-position: -176px 0px; }
#nav li.clinicaltrials, #nav li.clinicaltrials a, #nav li.clinicaltrials a strong	{ background-position: -264px 0px; }
#nav li.manufacturing, #nav li.manufacturing a, #nav li.manufacturing a strong	{ background-position: -352px 0px; width: 106px; }
#nav li.news, #nav li.news a, #nav li.news a strong								{ background-position: -458px 0px; }
#nav li.investors, #nav li.investors a, #nav li.investors a strong 				{ background-position: -546px 0px; }

/* HOVER STATE */
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong 					{ background-position: 0px -70px; }
#nav li.technology:hover a, #nav li.technology:hover a strong, #nav li.technology a:hover, #nav li.technology a:hover strong { background-position: -88px -70px; }
#nav li.products:hover a, #nav li.products:hover a strong, #nav li.products a:hover, #nav li.products a:hover strong 		{ background-position: -176px -70px; }
#nav li.clinicaltrials:hover a, #nav li.clinicaltrials:hover a strong, #nav li.clinicaltrials a:hover, #nav li.clinicaltrials a:hover strong	{ background-position: -264px -70px; }
#nav li.manufacturing:hover a, #nav li.manufacturing:hover a strong, #nav li.manufacturing a:hover, #nav li.manufacturing a:hover strong { background-position: -352px -70px; width: 106px; }
#nav li.news:hover a, #nav li.news:hover a strong, #nav li.news a:hover, #nav li.news a:hover strong 						{ background-position: -458px -70px; }
#nav li.investors:hover a, #nav li.investors:hover a strong, #nav li.investors a:hover, #nav li.investors a:hover strong 	{ background-position: -546px -70px; }

/* ON STATE */
#nav li.abouton, #nav li.abouton strong						{ background-position: 0px -140px; }
#nav li.technologyon, #nav li.technologyon strong			{ background-position: -88px -140px; }
#nav li.productson, #nav li.productson strong 				{ background-position: -176px -140px; }
#nav li.clinicaltrialson, #nav li.clinicaltrialson strong	{ background-position: -264px -140px; }
#nav li.manufacturingon, #nav li.manufacturingon strong		{ background-position: -352px -140px; width: 106px; }
#nav li.newson, #nav li.newson strong						{ background-position: -458px -140px; }
#nav li.investorson, #nav li.investorson strong				{ background-position: -546px -140px; }

/* IF NO DROP DOWNS ARE USED IN THE NAVIGATION YOU CAN REMOVE THE FOLLOWING STYLES DOWN TO THE LINE OF STARS */
/* DROP DOWNS */
/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li.investors:hover ul, #nav li.investors a:hover ul { left: -54px; }
#nav li.investors:hover li:hover ul, #nav li.investors a:hover li a:hover ul { visibility: visible; position: absolute; left: -140px; top: 0px; }

#nav li table { margin: 0px -1px -1px; border-collapse: collapse; }
#nav li td { font-size: 11px; }
#nav li:hover, * html #nav a:hover { position: relative; }
#nav li li a { font-size: 12px; text-align: left; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display: none; }
#nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; top: 70px; left: 1px; width: 140px; }

#nav li:hover li, #nav li a:hover li { height: auto; width: 140px !important; border-bottom: 1px solid #e1edff; }

	#nav li:hover li a, #nav li a:hover li a { padding: 5px 10px 6px 17px; display: block; width: 113px !important; height: auto; color: #3672c9; background: #c2d8f8 !important; }
	* html #nav li:hover li a, * html #nav li a:hover li a { width: 140px !important; w\idth: 113px; }
	#nav li:hover li a:hover, #nav li a:hover li a:hover { color: #fff; background: #85a8db !important; }

/* SECOND LEVEL DROP DOWNS, FLYOUTS */
#nav li:hover li ul, #nav li a li a ul { visibility: hidden; }
#nav li:hover li:hover ul, #nav li a:hover li a:hover ul { visibility: visible; position: absolute; top: 0px; left: 140px;}
	#nav li.news:hover li:hover ul, #nav li.news a:hover li a:hover ul, #nav li.investors:hover li:hover ul, #nav li.investors a:hover li a:hover ul { left: -140px;}
	#nav li:hover li li a, #nav li a:hover li li a { color: #fff; background: #85a8db !important; }
	#nav li:hover li li a:hover, #nav li a:hover li li a:hover { color: #fff; background: #557eba !important; }

/* MAKES THE HOVER 'STICK' IN FIREFOX */
/* CLASS 'drop' MUST BE ON THE 'href', NOT THE 'li' OR IT WILL NOT WORK */
#nav ul a.drop:hover, #nav ul :hover > a.drop{ color: #fff; background: #85a8db !important; }
/**************************************************************************************************************/

/* NAVIGATION
------------------------------------------------------------------------------------- */
#headnav { position: absolute; top: 0px; right: 0px; width: 320px; height: 25px; text-align: right; }
#headnav li { float: left; position: relative; height: 25px; list-style: none; }
#headnav li a { cursor: pointer; }
#headnav li a, #headnav li div { position: relative; display: block; height: 25px; text-decoration: none;  font-size: 10px; }
#headnav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 25px; }
#headnav li, #headnav li a, #headnav li strong, #headnav li div { background-image: url(../images/headnav.gif); }

#headnav li.careers, #headnav li.careers a, #headnav li.careers a strong	{ background-position: 0px 0px; width: 50px; }
#headnav li.requestinfo, #headnav li.requestinfo a, #headnav li.requestinfo a strong	{ background-position: -50px 0px; width: 116px; }
#headnav li.contact, #headnav li.contact a, #headnav li.contact a strong	{ background-position: -166px 0px; width: 68px; }

/* HOVER STATE */
#headnav li.careers:hover a, #headnav li.careers:hover a strong, #headnav li.careers a:hover, #headnav li.careers a:hover strong	{ background-position: 0px -25px; width: 50px; }
#headnav li.requestinfo:hover a, #headnav li.requestinfo:hover a strong, #headnav li.requestinfo a:hover, #headnav li.requestinfo a:hover strong	{ background-position: -50px -25px; width: 116px; }
#headnav li.contact:hover a, #headnav li.contact:hover a strong, #headnav li.contact a:hover, #headnav li.contact a:hover strong	{ background-position: -166px -25px; width: 68px; }

/* ON STATE */
#headnav li.careerson, #headnav li.careerson strong, #headnav li.careerson div				{ background-position: 0px -50px; width: 50px; }
#headnav li.requestinfoon, #headnav li.requestinfoon strong, #headnav li.requestinfoon div	{ background-position: -50px -50px; width: 116px; }
#headnav li.contacton, #headnav li.contacton strong, #headnav li.contacton div				{ background-position: -166px -50px; width: 68px; }

#searchform	{position: absolute; top: 4px; left: 260px; width: 316px;}
	#searchform .input	{ padding: 1px; margin-right: 2px; border: 1px solid #bababa; font-size: 11px; font-family: tahoma, arial, sans-serif; width: 120px;}

/* HOME PAGE
------------------------------------------------------------------------------------- */
#flashContainer	{}
#h_main { min-height: 345px; background: url(../images/bg_h_main.jpg) no-repeat; margin: 0px 0px ;}
	* html #h_main { height: 345px; }
.h_col1	{ float: left; display: inline; margin: 25px 30px 30px 40px; width: 220px;}
	.h_col1 p	{ padding: 0px 0px 10px; line-height: 16px;}
	.h_clinicaltrials	{ margin-top: -25px;}
	.h_investor		{ margin: 10px 0px 0px;}
	.h_investor td	{ padding: 1px 3px; font-size: 11px; color: #666;}
	.increase	{ color: #690;}
	
.h_col2	{ float: left; width: 430px; margin: 25px 0px 0px; line-height: 16px;}
	.h_col2 li	{ list-style: none; background: url(../images/arrow.gif) no-repeat 0px 4px; padding: 0px 0px 5px 8px; line-height: 14px; color: #6a6a6a;}
	.h_col2 li.viewmore	{font-size: 10px;}
	.h_news		{ float: left; display: inline; width: 210px; margin: 20px 10px 0px 0px; font-size: 11px; }
	.h_events	{ float: left; width: 210px; margin: 20px 0px 0px; font-size: 11px;}
	
.h_news h1, .h_events h1, .h_investor h1	{ border-bottom: 1px solid #d0d0d0;}

.h_investor li { list-style: none; background: url(../images/arrow.gif) no-repeat 0px 4px; padding: 0px 0px 0px 8px; line-height: 10px; color: #6a6a6a; }

#bg_footer	{ background: url(../images/bg_footer.gif) repeat-x; padding: 20px 0px 50px 20px; }
#footer		{ width: 720px; font-size: 10px; color: #696969; }
	#footer p	{ float:right;}
	#footer span	{ color: #e3383d;}

/* SUB PAGE
------------------------------------------------------------------------------------- */
#subnav		{ float: left; display: inline; width: 145px; margin: 70px 10px 70px 25px; }
	#subnav ul	{ margin: 0px 0px 80px;}
	#subnav li	{ font-size: 11px; list-style: none; padding: 2px 0px;}
	#subnav li a:link, #subnav li a:visited	{ display: block; background: url(../images/arrow.gif) no-repeat 0 4px; padding-left: 10px; color: #3672c9; text-decoration: none; }
	#subnav li a:hover	{ background: url(../images/arrow_hover.gif) no-repeat 0px 4px; }
	#subnav li.on	{ background: url(../images/arrow_on.gif) no-repeat 0px 6px; padding: 2px 0px 2px 10px; color: #bababa;}
	#subnav li.on ul{ margin-left: -10px; }

	#subnav ul ul	{ margin: 0px;}
	#subnav li li	{ padding-left: 5px; margin-left: 10px; border-bottom: 1px solid #e7e7e7; }
	#subnav li li a:hover { background:none; }
	#subnav li li.last	{ border: 0px;}
	#subnav li li a:link, #subnav li li a:visited	{ background: none; padding-left: 0px; color: #3672c9; text-decoration: none;}
	#subnav li li li	{ font-size: 10px; }
	#subnav li li.on	{ background: none; padding-left: 5px; color: #bababa;}
	#subnav li li.onlast	{ background: none; padding-left: 5px; color: #bababa; border: 0px;}
	
#content	{ float: left; width: 580px; margin: 70px 0px 0px; }
	#content p	{ line-height: 16px; padding: 0px 0px 15px; }
	#content ul	{ padding: 0px 20px 15px; }
	#content ol { padding: 0px 28px 15px; } 						/* padding so ie won't cover higher numbers digits */
	#content ol.long { padding: 0px 36px 15px; width: 500px; }  /* shortened width prevents content dropping down in ie */
	#content ol.long li { border-bottom: 1px solid #d0d0d0; margin-bottom: 8px; }
	#content ul ul { padding: 10px 20px; }
	#content li	{ padding: 0px 0px 10px; }
	#content a:link	{ text-decoration: underline;}

.footnotes	{ color: #999; font-size: 10px; }
	.footnotes p	{ line-height: 14px !important;}

.breadcrumbs	{ padding: 4px 0px; margin: 0px 0px 10px; border-bottom: 1px solid #d0d0d0; font-size: 10px; color: #696969;}
	.breadcrumbs span	{ color: #b1b1b1;}
	
.producttable	{ margin: 0px 0px 15px; width: 100%;}
	.producttable th	{ padding: 5px; color: #f9d7d8; background: #e3383d; text-transform: uppercase;}
	.producttable td	{ padding: 8px 5px; font-size: 11px; border-left: 1px dotted #d0d0d0; border-bottom: 1px solid #d0d0d0;}
	.producttable .subline td	{ padding: 5px; color: #838383; background: #ececec; border-left: 1px solid #fff; font-weight: bold;}


/* ELEMENTS
------------------------------------------------------------------------------------- */
a.arrow:link, a.arrow:visited	{ background: url(../images/arrow.gif) no-repeat 0px 4px; padding-left: 8px; text-decoration: none; font-size: 11px;}

blockquote	{ margin: 0px 20px 15px; padding: 15px; background: #eee; font-size: 13px;}

.contactform	{ margin: 0px 0px 15px; }
	.contactform td	{ padding: 3px; }
	.contactform td label	{ font-weight: bold; display: block; }
	.input		{ padding: 2px; font-family: tahoma, arial, sans-serif; }
	.btn		{ padding: 1px; font-weight: bold; font-family: tahoma, arial, sans-serif; color: #094295; }

.backtotop	{ clear: both; padding: 0px 20px 20px; }
.backtotop a:link, .backtotop a:visited	{ background: url(../images/arrow_backtotop.gif) no-repeat 0px 5px; text-decoration: none;  padding-left: 10px; font-size: 10px;}

.backtotop2	{ clear: both; padding: 0px 0px 5px; }
.backtotop2 a:link, .backtotop2 a:visited	{ background: url(../images/arrow_backtotop.gif) no-repeat 0px 5px; text-decoration: none;  padding-left: 10px; font-size: 10px;}


/* sIFR
------------------------------------------------------------------------------------- */
/* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */
.sIFR-flash { margin: 0px; visibility: visible !important;	}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; 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; }

/* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED... 
NEGATIVE-LETTER SPACING IS USED TO MAKE THE BROWSER TEXT METRICS MATCH UP WITH
THE sIFR TEXT METRICS SINCE THE sIFR TEXT MAY NOT ALWAYS MATCH UP. YOUR OWN
SETTINGS MAY VARY... ANY WEIRD SIZING ISSUES YOU MAY RUN INTO ARE USUALLY
FIXED BY TWEAKING THESE DECOY STYLES. BE AS SPECIFIC AS NEEDED. */
.sIFR-hasFlash h2 { visibility: hidden;  font-size: 14px; margin: 0px 0px 10px; }
.sIFR-hasFlash #h_main h1 { visibility: hidden;  font-size: 14px; margin: 0px 0px 10px; }
.sIFR-hasFlash #subnav h1 { visibility: hidden;  font-size: 16px; margin: 0px 0px 10px; border-bottom: 1px solid #d0d0d0; }

/* If sIFR breaks, use styles to try to match what sIFR should have done */
#h_main h1	{font-size: 14px;}
#subnav h1	{font-size: 15px;}	/* bigger than 15px breaks layout in ie 6 */

/* HEADER TAGS */
/* smaller headers to prevent layout break in ie */
h1			{font-size: 14px;}   /* 14, 14, 13, 12, 12, 11 */
h2			{font-size: 14px;}
h3 			{font-size: 13px;}
h4 			{font-size: 12px; margin-bottom: -5px; color: #e1292e; }
h5 			{font-size: 12px;}
h6			{font-size: 11px;}

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio { padding: 0px 15px 0px 0px; background: url(images/link_audio.gif) no-repeat 100% 4px; }
.doc { padding: 0px 15px 0px 0px; background: url(images/link_worddoc.gif) no-repeat 100% 4px; }
.excel { padding: 0px 15px 0px 0px; background: url(images/link_excel.gif) no-repeat 100% 4px; }
.external { padding: 0px 16px 0px 0px; background: url(images/link_external.gif) no-repeat 100% 4px; }
.flash { padding: 0px 15px 0px 0px; background: url(images/link_flash.gif) no-repeat 100% 4px; }
.ical { padding: 0px 15px 0px 0px; background: url(images/link_ical.gif) no-repeat 100% 4px; }
.itunes { padding: 0px 15px 0px 0px; background: url(images/link_itunes.gif) no-repeat 100% 4px; }
.outlook { padding: 0px 15px 0px 0px; background: url(images/link_outlook.gif) no-repeat 100% 4px; }
.pdf { padding: 0px 14px 0px 0px; background: url(/assets/images/link_pdf.gif) no-repeat 100% 4px; }
.podcast { padding: 0px 15px 0px 0px; background: url(images/link_podcast.gif) no-repeat 100% 4px; }
.popup { padding: 0px 16px 0px 0px; background: url(images/link_popup.gif) no-repeat 100% 4px; }
.ppt { padding: 0px 15px 0px 0px; background: url(images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt { padding: 0px 15px 0px 0px; background: url(images/link_quicktime.gif) no-repeat 100% 4px; }
.rar { padding: 0px 16px 0px 0px; background: url(images/link_rar.gif) no-repeat 100% 4px; }
.rp { padding: 0px 16px 0px 0px; background: url(images/link_realplayer.gif) no-repeat 100% 4px; }
.rss { padding: 0px 15px 0px 0px; background: url(images/link_rss.gif) no-repeat 100% 4px; }
.txt { padding: 0px 13px 0px 0px; background: url(images/link_text.gif) no-repeat 100% 4px; }
.video { padding: 0px 15px 0px 0px; background: url(images/link_video.gif) no-repeat 100% 4px; }
.wmp { padding: 0px 16px 0px 0px; background: url(images/link_wmp.gif) no-repeat 100% 4px; }
.zip { padding: 0px 16px 0px 0px; background: url(images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0px; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { /*\*/display: block;/**/ }

hr	{ height: 1px; color: #d0d0d0; background-color: #d0d0d0; border: 0px; padding: 0px; margin-top: 5px; margin-bottom: 5px; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ }

.floatleft { float: left; }
.floatright { float: right; }

img.floatleft { margin: 0px 10px 5px 0px; position: relative; }
img.floatright { margin: 0px 0px 5px 25px; position: relative; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.aligntop { vertical-align: top; }
.alignbottom { vertical-align: bottom; }

* html  .publications p { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ }
.sifr_reg { display:inline; width:20px; }
.sifr_reg img { position: relative; padding-bottom: 8px; .padding-bottom:6px; _padding-bottom:6px; 
				margin-left:-24px; .margin-left:-4px; _margin-left:-3px; }
.sifr_special { display: inline; }
.sifr_special2 { display: inline; margin-left: -18px !important; .margin-left:-5px !important; _margin-left:-4px; }

.sifr_image { padding-bottom: 10px; .padding-bottom: 0px; _padding-bottom: 0px; }