/* CSS for Ambit */

/* puts all browsers at same starting point */
*	{ margin: 0px; padding: 0px; border: 0px; }

/* no scroll bar jump for firefox, netscape, opera */
html { min-height: 100%; margin-bottom: 1px; }

body	{ font-size: 11px; font-family: tahoma, trebuchet ms, arial, sans-serif; color: #666; text-align: center; }
body.home	{ background: #fff url(../images/H_body_back.jpg) no-repeat 50% 0px;}
body.sub	{ background: #fff url(../images/S_body_back.jpg) no-repeat 50% 0px;}

/* must have same font styles as body. ie55 doesn't cascade */
table, td, th	{font-size: 11px; font-family: tahoma, trebuchet ms, arial, sans-serif; color: #666; text-align: left;}

#skip		{display: none;}

/* LAYOUT */
.container	{ position: relative; margin: 0px auto; width: 740px; text-align: left;}

#header	{ position: relative; z-index: 5; height: 108px;}
#logo	{ float: left;}/* for IE */



/* navigation 
-------------------------------------------- */
#nav					{ position: absolute; top: 66px; left: 114px; height: 37px; width: 626px; background: #eee;}
#nav li 				{ position: relative; float: left; list-style: none; height: 37px; }
#nav li a, #nav li div 	{ position: relative; display: block; height: 37px; text-decoration: none; color: #fff; font-size: 9px; }
#nav li a				{ cursor: pointer; }
#nav li strong 			{ position: absolute; left:0px; top: 0px; height: 37px; display: block; }
#nav li, #nav li a, #nav li a strong, #nav li div, #nav li div strong	{ background-image:  url(../images/nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: 0 0px; width: 101px;}
#nav li.kinomescan, #nav li.kinomescan a, #nav li.kinomescan a strong	{ background-position: -101px 0px; width: 86px; }
#nav li.products, #nav li.products a, #nav li.products a strong		{ background-position: -187px 0px; width: 116px; }
#nav li.partners, #nav li.partners a, #nav li.partners a strong		{ background-position: -303px 0px; width: 71px; }
#nav li.news, #nav li.news a, #nav li.news a strong					{ background-position: -374px 0px; width: 99px; }
#nav li.investors, #nav li.investors a, #nav li.investors a strong	{ background-position: -473px 0px; width: 75px; }
#nav li.careers, #nav li.careers a, #nav li.careers a strong		{ background-position: -548px 0px; width: 78px; }

/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong				{ background-position: 0 -37px; width: 101px; }
#nav li.kinomescan, #nav li.kinomescan a:hover strong	{ background-position: -101px -37px; width: 86px;  }
#nav li.products, #nav li.products a:hover strong		{ background-position: -187px -37px; width: 116px;  }
#nav li.partners, #nav li.partners a:hover strong		{ background-position: -303px -37px; width: 71px;  }
#nav li.news, #nav li.news a:hover strong				{ background-position: -374px -37px; width: 99px;  }
#nav li.investors, #nav li.investors a:hover strong		{ background-position: -473px -37px; width: 75px;  }
#nav li.careers, #nav li.careers a:hover strong			{ background-position: -548px -37px; width: 78px;  }
/* old hover stete */
/*
#nav li.about, #nav li.about a:hover strong				{ background-position: 0 -37px; width: 95px; }
#nav li.kinomescan, #nav li.kinomescan a:hover strong	{ background-position: -95px -37px; width: 86px;  }
#nav li.products, #nav li.products a:hover strong		{ background-position: -181px -37px; width: 116px;  }
#nav li.partners, #nav li.partners a:hover strong		{ background-position: -297px -37px; width: 71px;  }
#nav li.news, #nav li.news a:hover strong				{ background-position: -368px -37px; width: 99px;  }
#nav li.investors, #nav li.investors a:hover strong		{ background-position: -467px -37px; width: 75px;  }
#nav li.careers, #nav li.careers a:hover strong			{ background-position: -542px -37px; width: 84px;  }
*/

/* ON STATE */ 
#nav li.about div, #nav li.about div strong				{ background-position: 0 -74px; width: 101px; }
#nav li.kinomescan div, #nav li.kinomescan div strong	{ background-position: -101px -74px; width: 86px; }
#nav li.products div, #nav li.products div strong		{ background-position: -187px -74px; width: 116px; }
#nav li.partners div, #nav li.partners div strong		{ background-position: -303px -74px; width: 71px; }
#nav li.news div, #nav li.news div strong				{ background-position: -374px -74px; width: 99px; }
#nav li.investors div, #nav li.investors div strong		{ background-position: -473px -74px; width: 75px; }
#nav li.careers div, #nav li.careers div strong			{ background-position: -548px -74px; width: 78px; }


/* HOME PAGE */
#H_whatsnew, #H_gleevec, #H_pipeline, #H_partnership	{ position: relative; float: left; /*width: 170px;*/ margin: 5px 5px 0px 0px; font-size: 11px; line-height: 15px;}
#H_whatsnew	{ width: 230px; background: url(../images/bg_tl_new.gif) no-repeat; font-size: 10px; line-height: 12px; }
	#H_whatsnew div.inner { background: url(../images/bg_tr_new.gif) no-repeat 100% 0%; }
#H_gleevec	{ width: 151px; background: url(../images/bg_tl_gleevec.gif) no-repeat; }
	#H_gleevec div.inner { background: url(../images/bg_tr_gleevec.gif) no-repeat 100% 0%; }
#H_pipeline	{ width: 172px; background: url(../images/bg_tl_pipeline.gif) no-repeat; }
	#H_pipeline div.inner { background: url(../images/bg_tr_pipeline.gif) no-repeat 100% 0%; }
#H_partnership	{width: 172px; background: url(../images/bg_tl_choice.gif) no-repeat; margin: 5px 0 0; }
	#H_partnership div.inner { background: url(../images/bg_tr_choice.gif) no-repeat 100% 0%; }

.H_pad	{ padding: 13px 10px 5px; min-height: 200px;}
.moreinfo	{ position: relative; float: right; padding: 0px 0px 50px 10px; }

#flash_area	{position: relative;}

/* SUB PAGE */
#title	{ position: relative; }

#leftColContainer{
    float:left;
    width: 148px;
}
#subnav{ 
    float: left; 
    width: 148px; 
    height: 200px; 
    min-height: 200px; 
    margin: 5px 0px 0px 0px; 
    color: #90B2D5; 
    background: url(../images/subnav_back.jpg) no-repeat;
}
#subnav ul{padding: 10px;}
#subnav li{list-style: none; padding: 4px 10px; border-top: 1px solid #E8EFF6;}
#subnav li.noborder	{border: 0px;}

#leftbanner{
    margin: 10px 0px 0px 0px;
    padding:0px;
    float: left; 
    width: 148px; 
    height: 200px; 
    background: url(../images/box2.jpg) no-repeat;
}

#bannerspot1{margin-top:40px;text-align:center;}
#bannerspot1 img{border:0px solid blue; padding-top:3px;}
#bannerspot2{margin-top:10px;text-align:center;border:0px solid grey;}

#content	{ position: relative;  float: right; width: 590px; line-height: 16px; padding: 5px 0px; }
#content .pad	{ padding: 15px 15px 60px;}
#content sup	{ font-size: 9px;}
#content ul	{ margin: 0px 0px 10px 20px; list-style: square;}
#content ol	{ margin: 5px 0px 10px 35px; }

#fullcontent {position: relative;  float: left; width: 740px; line-height: 16px; padding: 5px 0px; border: 0px solid blue;}
#flash_movie {text-align: center; border: 0px solid pink;}

.section	{ border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 12px;}/* for parts with bottom gray line */

#events td	{ padding: 10px 0; border-bottom: 1px solid #E5E5E5; }

.pullquote1			{ float: right;  width: 225px; margin: 0 0 20px 20px; background: #FBF3EA url(../images/pullquote_top.gif) no-repeat top;}
.pullquote1_in		{ height: 10px; background: url(../images/pullquote_bott.gif) no-repeat bottom;}
.pullquote1 h1	{ padding: 20px 20px 0 20px; color: #D68533; font-size: 11px; }
.pullquote1 p	{ padding: 20px 20px 10px 20px; line-height: 1.75;  }
.pullquote1 table	{ margin: 0 20px; }
.pullquote1 ul		{ padding: 20px; }
.pullquote2	{ width: 400px; margin: 10px auto; background: url(../images/pullquote_left.gif) no-repeat top left;}


.pq1_inline	{ margin: 0 0 20px 0; width: 325px; background: #FBF3EA url(../images/pullquote325_top.gif) no-repeat top; }

.pq1_inline_in		{ height: 10px; background: url(../images/pullquote325_bott.gif) no-repeat bottom;}
.pq1_inline h1	{ padding: 20px 20px 0 20px; color: #D68533; font-size: 11px; }
.pq1_inline p	{ padding: 20px 20px 10px 20px; line-height: 1.75;  }
.pq1_inline table	{ margin: 0 20px; }
.pq1_inline ul		{ padding: 20px; }




/* FOOTER */
#footer	{ position: relative; height: 37px; padding: 0px 0px 40px 15px; background: url(../images/H_footer_back.jpg) no-repeat; font-size: 10px; clear: both; }
#copyright	{ float: right; padding-right: 0px; width: 180px; }

#footnav li, #copyright li	{ list-style: none; float: left; padding: 0px 5px; margin: 12px 0px 0px 0px; border-left: 1px solid #fff; color: #999;}
#footnav li, #copyright li span	{ color: #9CB6D1;}
#footnav li.left, #copyright li.left	{ border: 0px;}

/* LINKS */
a:link, a:visited	{ color: #5388BE; text-decoration: none; }
a:hover				{ color: #369; }

/* CLASSES */
.pad	{ padding: 30px 10px 0px 20px;border: 0px solid pink;}
.floatright	{ position: relative; float: right; margin: 0px 0px 10px 40px;}
.backtotop	{ font-size: 9px;}
h4.sitemap	{ font-size: 12px; margin: 20px 0px 5px; }
.pdf		{ list-style-image: url(../images/ICN_pdf_sm.gif); list-style-position: inside; margin-bottom: 5px; }

/* TABLES */
.table		{ margin: 15px 0px; width: 550px; border: 1px solid #e5e5e5; border-width: 1px 1px 0px 0px; }
.table td	{ padding: 10px; vertical-align: top; border: 1px solid #e5e5e5; border-width: 0px 0px 1px 1px; }
.stdtable   {padding:5px 0px 5px 0px;margin:0px;border: 0px solid blue;}
.stdtable td {vertical-align: top; padding:0px; border: 0px solid green;}
.stdtable td.imageHolder {padding: 5px 10px 5px 0px;text-align:right; width:100px;}
.stdtable td.imageHolderDot {padding: 5px 5px 0px 0px;text-align:right; width:50px;}
.tblRequest  {padding:5px 0px 5px 0px;margin:0px;border: 0px solid blue; width: 600px;}
.tblRequest td {vertical-align: top; padding: 5px 5px 5px 5px; border: 0px solid green;}
.tblRequest td .remarks {vertical-align: top; padding-bottom:0px; border: 0px solid pink;}
.tblRequest input {vertical-align: top; padding: 0px 5px 0px 0px;}

/* ELEMENTS */
h2	{ font-size: 13px; color: #D68533; padding: 5px 0px;}
h3	{ font-size: 11px; padding: 10px 0px 0px 0px}
h4	{ font-size: 12px; padding: 10px 0px 0px 0px}
p	{ padding: 3px 0px 8px;}
sup	{ font-size: 8px;}

/* FORMS */
#form				{ margin: 15px 0px 0px; }
#form td			{ padding: 4px 5px; background: #CDDDED; border: 1px solid #fff; border-width: 0px 1px 1px 0px; }
#form td.darkbg		{ background: #f3f3f3; text-align: right; font-weight: bold; }
#form input, #form textarea		{ border: 1px solid #C0C9D2; padding: 2px; font-size: 11px; }
#form .noborder		{ border: none;}
.required			{ color: #f00; }
.submit				{ width: 50px; height: 20px; font-size: 10px; background: #eee; }
.pdfpullq	{ margin: 0 20px 10px; line-height: 1.2; background: url(../images/ICN_pdf_sm.gif) no-repeat; padding: 0 0 0 20px; }
.printlink	{ float: right; margin-top: 4px; font-size: 10px }
.printlink a	{ background: url(../images/icon_print.gif) no-repeat 0px 0px; padding: 0 0 0 16px; }
#content .pad h2	{ width: 400px; }
.awardlogo	{ float: right; padding: 7px; }
.pullquote1 #quoter  { text-align:right; }
textarea{border: 1px solid #C0C9D2; padding: 2px; font-size: 11px;}

#topcontent{
    float:left;
    width:325px;
    border: 0px solid blue;
    margin: 0px;
    padding: 0px;
}
.contentHead{
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    font-size: 13px; 
    font-weight: bold;
    color: #D68533; 
    padding: 5px 0px;
    border: 0px solid green;
}

#topimage{
    float:right;
    width:225px;
    border: 0px solid pink;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
#bottomcontent{
    float:left;
    width:100%;
    padding-top: 20px;
    border: 0px solid blue;
}

/****** eMarket CSS Styles ******/
#eMarketHeader{
	border: 0px solid blue;
	height: 25px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#eMarketHeader h1{font-size: 13px; color: #D68533; padding: 5px 0px;}
#eMarketHeaderLink{
	font-family: tahoma, trebuchet ms, arial, sans-serif;
    font-size: 13px; 
    font-weight: bold;
    color: #369; 
	text-decoration: none;
}
p.eMarketImageText{
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    font-size: 13px; 
    font-weight: bold;
    color: #5388BE; 
    text-decoration: none;
}
td.eMarketTable{text-align:center;}
#eMarketFull{clear:both;width:100%;}


#selector_box{
    width: 370px;
    border: 0px solid blue;
}
.fixed_box{
    width: 325px;
    border: 0px solid blue;
}
.new_kinase{
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    font-size: 11px; 
    font-weight: bold;
    color: red; 
    text-decoration: none;
}

a.bigLink, a.bigLink:active, a.bigLink:visited, a.bigLink:link{font-size: 12px;}
a.bigLink:hover{font-size: 12px;}

#topLeftText{
    border:1px solid #E8EFF6;
    padding: 3px;
    margin: 0px 0px 5px 0px;
    width:224px;
    background-color:#FFFFE5;
}
#confirmation{
    color: Red;
    font-family: tahoma, trebuchet ms, arial, sans-serif;
    font-size: 12px; 
    font-weight: bold;
    border: 0px solid blue;
    margin: 5px 0px -10px 0px;
}