body { background-image:url("../images/background-checkerboard.png"); background-repeat:repeat; font-family:Helvetica, sans-serif; font-size:12px; }
p, ul li { color:#333; font-size:12px; line-height: 1.45em; }
a { color:#333; text-decoration:none;  }
    a img { border:0; }
    .mainCopy a { font-weight:bold; }
a:hover{text-decoration:underline;}
h1, h2, h3, h4, h5 { color:#2C0076; font-weight:normal; font-size: 23px; border-width: 0 0 1px 0; border-style:solid; border-color:#2C0076;  }
h2{font-size:16px;margin:30px 0 10px 0;}
table tr td { vertical-align:top; } 
form { display:inline; }

    #container { width: 920px; padding: 0 25px; margin:0 auto; background-color:#fff; background-image:url("../images/background-purple-gradient.jpg"); background-repeat:repeat-x; }
        .header { margin: 0 0 0px 0; position:relative; z-index:100; }
            .ligandLogo { float:left; padding: 15px 0 0 0; width:204px; height: 67px; }
            .shortcutLinks { float:right; padding:10px 0 0 0; font-size:11px; position:relative; }
                .shortcutLinks a { padding: 0 10px;  }
                .shortcutLinks input { width: 95px; height:14px; }
                .shortcutLinks img { margin: 0px 0 -7px -2px; }
                    *:first-child+html .shortcutLinks img, * html .shortcutLinks img { margin: 0px 0 -4px -2px; }
                .stockTicker { position:absolute; right:0; top: 40px; color:#2C0076; font-size:12px; }
            .mainNav { clear:both; float:left; margin: 12px 0px 0 0px; background-image:url("../images/nav/main-nav-middle.png"); padding: 0 30px; height:31px; width: 858px;
                -moz-box-shadow: -3px 3px 5px #aaa; box-shadow: -3px 3px 5px #aaa; -webkit-box-shadow: -3px 3px 5px #aaa;
                border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
            }
                * html .mainNav { padding: 0 30px; }
                .mainNavItem.active, .mainNavItem.activePerm { background-color:#2d0076 !important; }
                .mainNavItem { float:left; position:relative; display:block; z-index: 95; }
                    .mainNav a { display:inline-block; float:left; padding: 9px 18px 4px; color:#fff; font-size:16px; font-family:Arial, sans-serif; _font-size:16px; width:auto; }
                    * html .mainNav a, *:first-child+html .mainNav a { padding: 4px 0px; margin-left: 19px; margin-right: 19px; margin-top: 4px;}
                    * html .mainNav a { margin-left: 10px; margin-right:10px; }
                        .mainNav a.last { border:0; margin-right: 10px; }
                        .mainNav a.active, .mainNav a:hover { text-decoration:none; background-color:#2D0076; }
                    .subNav { display:none; position:absolute; z-index: 95; top:31px; *top:30px; right: -20px; left: -20px; background-repeat:repeat;  background-color:#9084A4;}
                    
                        .mainNav .subNav a { display:block; padding: 6px 10px; margin: 0; color:#fff; z-index: 100; float:none; font-size:12px;
                                   border-style:solid; border-width: 0 0 2px 0; border-color:#C1BACC;  *padding-left:10% !important; *position:relative; *left:-20px !important; *padding-right:0px; *width:90%;}
                       * html .mainNav .subNav a{width:180px !important; position:static;padding-left:20px !important; padding-right:20px; left:0;}
                        .mainNav .subNav a.last { border-width:0; }
                       .mainNav .subNav a:hover { text-decoration:none; color:#2C0076; background:#F5EE69; }

       .breadcrumbs { color:#8C7FA1; padding:15px 0 0 0; }
            .breadcrumbs a { color:#8C7FA1; }
            a.lastBreadcrumb { color:#2C0076; }
        .unnamedPromo { background-color:#F8F3FF; border-style:solid; border-color:#ccc; border-width:1px; width:238px; height:191px; background-repeat:repeat; background-color:#DEE9F8;
                       padding: 10px; float:left; margin-right:7px; /*margin-bottom: 100px;*/ background-image:url("../images/home/blue-stripe-bg.gif");  font-family:Arial, sans-serif;
                       border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -webkit-border-radius:8px;
        }
        .stretch{width:456px;}
            .unnamedPromo p { color:#2C0076; }
            .unnamedPromo h1{border-bottom:solid 1px #2C0076;}
        .promo212 { width: 192px; height:191px; border-style:solid; border-width:1px; border-color:#ccc; margin: 0 6px 0 0; float:left; font-family:Arial, sans-serif;
                                padding: 10px; background-image:url("../images/home/dark-blue-stripe-bg.gif"); background-repeat:repeat; background-color:#6C7FA1;
                                border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -webkit-border-radius:8px;
        }
        .events{margin-right:0;}
            .promo212 *{ color:#FFF !important; }
            .promo212 h1{margin-top:0; border-bottom:solid 1px #FFF;}
            .promo212 h1, .unnamedPromo h1 { font-size: 16px;  }
            .mirror{display:block;margin:5px 0 80px 0;}
        .unnamedPromo p,
        .promo212 p,
        .news a,
        .events a{padding:0; margin:10px 0;line-height: 115%;}
        .news a,
        .events a{display:block;}
        .leftNav { width: 143px; border-width:0 1px; border-style:solid; border-color:#ccc; float:left; margin: 20px 25px 0 0; position:relative; z-index:1; }
            .leftNav h1 { font-size: 10px; }
            .leftNav a { display:block; padding: 10px 10px; font-size:11px; color:#000; }
            .leftNav a.active { color:#2c0076; font-weight:bold; }
        .leftNav .tertiary{margin:-8px 0 0 0;}
        .leftNav .tertiary a{margin:2px 10px 2px 25px;padding:0;}
        .mainCopy { width: 745px; float:right; padding-bottom:40px; margin: 20px 0 0 0; }
        .drugDiscoveryPage { float:left; padding-bottom:40px; margin: 20px 0 0 0; }

        .footer { clear:both; text-align:right; border-style:solid; border-width:1px 0 0 0; border-color:#ccc; margin: 20px 0 0 0; padding: 10px; color:#333; }
            .footer a { color:#333; font-size:11px; padding: 0 8px; }
.clear { clear:both; }


/* Drug Discovery  and pipeline pages*/
#drugSliderCarrot { display:none; position:absolute;}
* html #drugSliderCarrot{margin-left:75px;}


.pipelineFloat { float:left; width: 750px; padding: 0 0 0 0px; }
#pipelineContainerTop { position:relative; z-index: 20; float:left; }
    #pipelineListing { padding: 0px 0 0 0; height: 75px;  }
        #pipelineListing a { background-repeat:repeat-x; height: 34px; width: 100px;
            display:block; float:left; margin: 0 5px 39px 5px; font-size:14px; color:#666; padding: 15px 0 0 10px; }
        #pipelineListing img { margin: 0 10px;
            -moz-box-shadow: -3px 3px 5px #aaa; box-shadow: -3px 3px 5px #aaa; -webkit-box-shadow: -3px 3px 5px #aaa;
        }

#pipelineSlider { width: 710px; height: 50px; overflow:hidden; margin: 5px 0 30px 0;  border-style:solid; border-width:1px; border-color:#ccc; float:left; background-image:url("../images/pipeline-slider-bg.png"); }
    #pipelineContainer { width: 9000px; background-repeat: repeat; }
        #pipelineContainer h1 { border-width: 0 0 1px 0; }
        .pipelineItem { width:680px; /*height:300px;*/ float:left; padding: 15px; }
            .pipelineDescription { width: 530px; float:right; }
            .pipelineDescription strong { font-size:14px; color:#2C0076; }

            .pipelineTertiary {  }
                .pipelineTertiary a { float:left; padding: 5px 10px 5px; border-width: 0 1px 0 0; border-style:solid; border-color:#2D0076; }
            .pipelineTable { color:#333; font-size:12px; }
                .pipelineTable td { padding: 10px; width: 150px; vertical-align: top; }
                td.tableBorderRight { border-width: 0 1px 0 0; border-style: solid; border-color:#ccc; padding: 10px 5px 5px; width: 60px; }


#drugDiscoveryContainer { position:relative; z-index: 5; }
    #drugDiscoveryListing { padding: 70px 0 0 0; }
        #drugDiscoveryListing img { margin: 0 10px;
            -moz-box-shadow: -3px 3px 5px #aaa; box-shadow: -3px 3px 5px #aaa; -webkit-box-shadow: -3px 3px 5px #aaa;
        }
        
#drugSlider { width: 850px; height: 330px; overflow:hidden; margin: 35px 0 30px 0;  border-style:solid; border-width:1px; border-color:#cdcdcd;
                    -moz-box-shadow: -3px 3px 5px #aaa; box-shadow: -3px 3px 5px #aaa; -webkit-box-shadow: -3px 3px 5px #aaa;
}
    #drugItemContainer { width: 9000px; background-image:url("../images/pipeline-slider-bg.png"); background-repeat:repeat; }
        .drugSliderItem { width:820px; height:300px; float:left; padding: 15px; }
            .drugDescription { width: 530px; float:right; }
            .drugDescription strong { font-size:14px; color:#2C0076; }

            /* view all pipelines page */
            .pipelineChart { width: 825px; border-width:2px; border-style:solid; border-color:#ccc; clear:left; margin: 20px 0 0 -145px; padding: 0 20px 0 20px;  }
                .pipelineChart strong { color:#2C0076; }
                .pipelineChart table { border-collapse:collapse; color:#333; font-size:12px; }
                    .pipelineChart th { border-style:solid; border-color:#ccc; border-width:0 1px 1px 0; padding: 0 5px 5px 5px; color:#2C0076; font-style:italic; }
                    .pipelineChart td { border-style:solid; border-color:#ccc; border-width:1px 1px 0px 0; padding: 5px 5px 10px; }
                    .barWidth { width: 67px; }
                    .pipelineBar { padding:5px 0 0 0 !important; }
                        .pipelineBar div { width: 100%; padding: 0 1px 0 1px; background-color:#2C0076; position:relative; right:-1px; z-index:95; }
            #unpartneredPipeline { background-color:#F9F6D2; background-image:url("../images/background-unpartnered-pipeline.png"); background-repeat:repeat-x;  }
            #partneredPipeline { background-color:#fff; background-image:url("../images/background-partnered-pipeline.png"); background-repeat:repeat-x; }

            /*Extra */
            .overflowHidden { overflow:hidden; }
            .displayNone { display:none; padding: 0px 0 0 0; }

.borderedTable{border-collapse: collapse;}
.borderedTable p{margin:0;}
.borderedTable td{border:solid 1px #000;padding:5px 10px;vertical-align: top; text-align: left;}
            .pipelineImageContainer { position:relative; display:inline; z-index: 56; }
            .pipelineOverlay { position:absolute; top:-139px; *top:30px; left:10px; z-index: 96; padding: 3px; max-width: 110px; height:26px; width:110px; }

.triggerContent{display:none;}
.purple { color:#2C0076; }
.homeFlash {  }

#newContainerBackground { background-color:#fff; height:50px; width: 100%; border-width:1px; border-color:#ccc; border-style:solid;
    -moz-box-shadow: 3px 3px 5px #aaa; box-shadow: 3px 3px 5px #aaa; -webkit-box-shadow: 3px 3px 5px #aaa;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='A5A5A5', Direction=135, Strength=4);
}

#pipelineTertiaryCarrot { position:absolute; top:-30px; left:-30px; }
.tertiaryPipelineProgram { padding:0 10px; float:left; display:block; width: 125px; padding: 0 10px 10px 0; height: 35px; }
.tertiaryPipelineProgram em { font-size: 11px; }
.programDescription { font-size:13px; float:left; padding: 0 0 0 15px; }
.programDescriptionsContainer { display:none; background-color:#fff; padding: 10px; margin-top: 0px;
    -moz-box-shadow: 3px 3px 5px #aaa; box-shadow: 3px 3px 5px #aaa; -webkit-box-shadow: 3px 3px 5px #aaa;
     filter:progid:DXImageTransform.Microsoft.Shadow(color='A5A5A5', Direction=235, Strength=4);
}
.tertiaryActive, .fourthLevelActive, .mainActive { color:#2D0076 !important; }

/* Inner 2 */
.mainContent{width:484px;margin-right:15px;}
.subContent{
    background:url('../images/home/blue-stripe-bg.gif') repeat #DEE9F8;
    width:208px;
    padding:10px;
    border:solid #CCCCCC;
    border-width:1px 1px 2px 1px;
    margin-top:55px;
    position:relative;
     border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -webkit-border-radius:8px; 
    *margin-top:45px;
}
.subContent *{ color:#666;}
.subContent h2{margin:10px 0 20px 0; border-bottom:solid 1px #666;font-size:15px;}
.subContent a{color:#2C0076; text-decoration: underline; font-weight:normal;}
.mainContent,
.subContent{float:left;margin-bottom:50px;}
.subContent .mirror{
    margin:0;
    position:absolute;
    bottom:-40px;
    left:0px;
}