/* == STYLESHEET FUNCTIONS - Site layout and base style overrides
----------------------------------------------------------------------------------------------------------------------*/
#compound #wrap .templateTwo .zoneTwo .highlight{background:url(/_img/bg-maintext-compound.gif) no-repeat 0;padding:10px 15px;}
#compound #wrap .templateTwo .zoneTwo .highlight p,
#compound #wrap .templateTwo .zoneTwo .highlight a{color:#fff;}

#libraries #wrap #mainContent{background:url(/_img/libraries-img.jpg) no-repeat !important;}
#libraries #wrap .templateTwo .zoneTwo p.highlight {background:url(/_img/bg-green-sml.gif) no-repeat 0;padding:10px 15px; color:#fff;}
#libraries #wrap .templateTwo .zoneTwo p.highlight a{color:#fff;}

#protein-kinase #wrap #mainContent .zoneThree .sideControl{display:none;}
#protein-kinase #wrap #mainContent .zoneThree .contactform{display:none;}
#protein-kinase #wrap #mainContent .zoneThree .viewLink{display:none;}
#protein-kinase #wrap #head .logo{display:none;}
#protein-kinase #wrap #head ul.contactInfo{display:none;}
#protein-kinase #wrap #head .register{display:none;}
#protein-kinase #wrap #head .siteSearch{display:none;}
#protein-kinase #wrap #head #nav ul{display:none;}
#protein-kinase #wrap #mainContent .bookmarks{display:none;}
#protein-kinase #wrap #head .proteinKinase{display:inline-block;width:100%;} 
#protein-kinase #wrap #head .proteinKinase h1{float:left;margin-left:40px;margin-top:40px;display:inline;font-size:350%;line-height:1.2em;}
#protein-kinase #wrap #head .proteinKinase label{margin-left:40px;width:100%;color: #003e37;font-size:130%;font-weight:bold;display:inline;}
#protein-kinase #wrap #head #nav h2{display:block;color:#fff;margin: 25px 0 0 20px;border:none;} 
#protein-kinase #wrap .templateTwo .zoneTwo h1{display:none;}
#protein-kinase #wrap #footer ul li{display:none;}
#protein-kinase #wrap .templateTwo .zoneOne .proteinKinase{display:inline-block;}
/* == Elements
----------------------------------------------------------------------------------------------------------------------*/



/* == Global Classes
----------------------------------------------------------------------------------------------------------------------*/
.divLoading{float: left;font-size: 95%;margin: 3px 0 0 0;}
.hide { display: none;}
.error {margin:0 0 5px 18px; float:left;}
ul.error li {}

.paging {float:right;}
.paging ul {margin:0 0 0 18px; list-style-type:none; list-style-image:none; margin:0; background-color:#ddd;}
.paging li{float:left; font-weight:bold; margin:3px 3px ;}
.paging li.det {float:left; margin-right:10px; }
.zoneTwo p {margin:5px 0 5px 0;}
.sub {color:#DF8107}

/* == Form
----------------------------------------------------------------------------------------------------------------------*/

.formHolder {padding:0; background:#FFF url(../_img/bg-form.gif) repeat-x;}
.formHolder .btn {background:transparent url(../_img/btn-small.gif) no-repeat scroll left top; border:0 none; color:#333333; cursor:pointer; font-size:90%; font-weight:bold; height:23px; letter-spacing:0; padding:0; text-align:center; width:51px;} 
.formHolder input.input {width: 228px;background:transparent url(../_img/input-bg.gif) repeat-x scroll left top; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;}
.formHolder textarea {width: 228px;background:#FFF; font-family:inherit; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;} 
.formHolder select {width: 234px;} 
.formHolder input.input{float:left}
.formHolder label {width:130px; float:left;} 
.formHolder h3 {margin:0 0 10px 0;}
.formHolder .innerform{padding:0 15px 15px 15px;}
.formHolder .innerform table{width: 234px;}
.formHolder .innerform table td{border:none;}
.formHolder .innerform table label{width:200px;}
/*.contactform p {border:1px #fb9c12 solid; padding:5px; color:#FFF; background:url(../_img/bg-error.gif) repeat-x; margin:0 0 10px 0; } */

/* == Form Overide (right column)
----------------------------------------------------------------------------------------------------------------------*/
#wrap .zoneThree .formHolder select {width:180px;}
#wrap .zoneThree .formHolder input.input{ width:173px;}
#wrap .zoneThree .formHolder textarea {width:173px;}
#wrap .zoneThree .formHolder p {margin:10px 0 5px 15px;}
#wrap .zoneThree .formHolder label {display:none;}

/* == Main Layout Structure
----------------------------------------------------------------------------------------------------------------------*/

#wrap{width: 950px;margin: 0 auto; padding: 0 9px 0 9px;text-align: left;background: #fff url(../_img/shadow.gif) top left repeat-y;}
#wrap #head{float: left;width: 950px;}
#wrap #head #nav{float: left; width: 950px;height: 60px;background: url(../_img/nav-bg.gif) bottom left repeat-x;}
#wrap #mainContent{float: left;width: 950px; background: url(../_img/dots.gif) bottom right no-repeat;}
#wrap #footer{float: left;width: 950px;background: #3f4041 url(../_img/foot-gradient.gif) top left repeat-x;}

/* == Main Content Divisions
----------------------------------------------------------------------------------------------------------------------*/

#wrap .templateOne .zoneOne{float: left;width: 604px;margin: 15px 0 0 23px;display: inline;}
#wrap .templateOne .zoneTwo{float: right;width: 300px;margin-top: -30px;position: relative; z-index: 10;}

#wrap .templateTwo .zoneOne{float: left;width: 190px;padding: 20px 20px 0 20px;background: #f0f7f9;}
#wrap .templateTwo .notFound {background: #ffffff;}

#wrap .templateTwo .zoneTwo{float: left;width: 456px;margin: 20px 0 0 20px;}
#wrap .templateTwo .zoneThree{float: right;width: 210px; margin: 20px 14px 0 0;display: inline;}

#wrap .templateOne .zoneOne .splitLeft{float: left; width: 49%;}
#wrap .templateOne .zoneOne .splitRight{float: right; width: 49%;}

#wrap .templateFour .zoneOne{float: left;width: 190px;padding: 20px 20px 0 20px;background: #f0f7f9;}
#wrap .templateFour .zoneTwo{float: left;width: 656px;margin: 20px 0 0 20px;}

#wrap .blankTemplate .zoneOne{width: 690px;padding: 20px 20px 0 20px; margin-left: 110px; background: #f0f7f9;}


/* == Head Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head .logo{float: left;margin: 0 0 0 50px;}

#wrap #head ul.contactInfo{float: left;margin: 32px 0 0 65px;list-style-image: none;font-size: 130%;color: #124035;}
#wrap #head ul.contactInfo li{margin: 5px 0;padding-left: 30px;}
#wrap #head ul.contactInfo li.phone{background: url(../_img/phone.gif) center left no-repeat;}
#wrap #head ul.contactInfo li.email{background: url(../_img/mail.gif) center left no-repeat;}
#wrap #head ul.contactInfo li a{text-decoration: none;color: #124035;}

#wrap #head .register{float: right;color: #0f3f33;letter-spacing: -1px;width: 290px;margin: 28px 0 0 0;}
#wrap #head .register p{font-size: 150%;margin: 0px; font-weight: bold;}
#wrap #head .register p a {text-decoration: none; font-weight: bold; margin-top: 10px; color: #DF8107;}
#wrap #head .register p a:hover {text-decoration: underline;}
#wrap #head .register form{margin: 0;}
#wrap #head .register input.inputSmall{height: 18px; width: 120px; border: 0;  margin: 0; padding:0; color: #858484;}
#wrap #head .register input.submitSmall{float: right;margin: 5px 20px 0 0;}
#wrap #head .register .holder{float:left;height: 20px; width: 123px; background: url(../_img/input-small.gif) top left no-repeat;border: 0; padding: 3px 0 0 5px; margin: 0; color: #858484;margin-right: 10px; overflow:hidden; background-attachment:scroll;}

#wrap #head .siteSearch{float: right;padding: 27px 5px 0 0;width: 300px;}
#wrap #head .siteSearch form{margin: 0;}
#wrap #head .siteSearch label{color: #fff; font-weight: bold; font-size: 110%;float: left;margin: 3px 5px 0 0;}
#wrap #head .siteSearch .searchInput{float: left;height: 20px; width: 202px; border: 0;padding:0;}
#wrap #head .siteSearch .holder{float: left;background: url(../_img/search-input.gif) top left no-repeat; height: 21px; width: 203px; border: 0;padding: 2px 0 0 5px;}

#wrap #head .siteSearch .searchBtn{border: 0; padding: 0; margin: 0 0 0 5px; height: 23px; width: 23px; background: url(../_img/search-btn.gif) top left no-repeat;cursor: pointer;}

#wrap #head .proteinKinase{display:none;}


/* == Navigation
----------------------------------------------------------------------------------------------------------------------*/

#wrap #head #nav ul{float: left; list-style: none; margin: 12px 0 0 10px;display: inline;}
#wrap #head #nav ul li{float: left; margin: 0; background: url(../_img/nav-dot.gif) bottom right no-repeat; padding: 0 8px 0 0;margin: 0 8px 0 0;}
#wrap #head #nav ul li a{float: left;color: #fff;font-size: 110%;text-decoration: none;}
#wrap #head #nav ul li a span{float: left;height: 29px;cursor: pointer;padding: 18px 8px 0 8px;}
#wrap #head #nav ul li a:hover, #wrap #head #nav ul li a.on{background: url(../_img/nav-hover-left.gif) top left no-repeat;}
#wrap #head #nav ul li a:hover span,  #wrap #head #nav ul li a.on span{background: url(../_img/nav-hover-right.gif) top right no-repeat;}
#wrap #head #nav h2{display:none;}

#wrap .templateTwo .zoneOne ul{margin: 5px 0 5px 20px;list-style-image: url(../_img/bullet-target.gif);}
#wrap .templateTwo .zoneOne ul li{margin: 8px 0;}
#wrap .templateTwo .zoneOne ul li a{color: #666;text-decoration: none;}
#wrap .templateTwo .zoneOne ul li a:hover,
#wrap .templateTwo .zoneOne ul li a.on{color: #0f3f33;font-weight: bold;}
#wrap .templateTwo .zoneOne ul li ul{margin: 5px 0 5px 20px;list-style-image: url(../_img/bullet-green.gif);}
#wrap .templateTwo .zoneOne ul li ul li a{font-weight: bold;}
#wrap .templateTwo .zoneOne ul li ul li a:hover,
#wrap .templateTwo .zoneOne ul li ul li a.on{text-decoration: underline;}

#wrap .templateTwo .zoneOne .proteinKinase{display:none;}

/* == Footer Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #footer ul{text-align: center;margin: 8px 0;color: #dc7c01;}
#wrap #footer ul li{display: inline; list-style: none;}
#wrap #footer ul li a{color: #fff;text-decoration: none;font-size: 90%;border-right: solid 1px #b57b21;padding: 0 10px 0 0; margin: 0 10px 0 0;}
#wrap #footer ul li{display: inline; list-style: none;}
#wrap #footer ul li a:hover{text-decoration: underline;}
#wrap #footer ul li.navContact a{border-right: 0;}


/* == Main Content
----------------------------------------------------------------------------------------------------------------------*/

#wrap #mainContent .leadPanel{float: left; width: 950px;background: #e8fffb url(../_img/lead-btm.gif) bottom left no-repeat;padding: 0 0 5px 0;}
#wrap #mainContent .leadPanel .offerings{float: left;margin: 12px 0 0 25px;display: inline;}
#wrap #mainContent .leadPanel .offerings h2{border: 0;background: url(../_img/offerings.gif) top left no-repeat; height: 31px; line-height: 31px; width: 240px;color: #fff; font-size: 110%;font-weight: bold;padding: 0 0 0 15px;margin: 0;}
#wrap #mainContent .leadPanel .offerings ul{margin: 5px 0 5px 30px;list-style-image: url(../_img/bullet-target.gif);}
#wrap #mainContent .leadPanel .offerings ul li a{text-decoration: none;color: #333;}
#wrap #mainContent .leadPanel .offerings ul li a:hover,
#wrap #mainContent .leadPanel .offerings ul li a.on{color: #0f3f33;font-weight: bold;}
#wrap #mainContent .leadPanel .offerings ul li a.blistselected{color: #0f3f33;font-weight: bold;}
#wrap #mainContent .leadPanel .offerings .loaderBar{background:#E8FFFB; margin-left:-2px; width:1px; height: 1px; position:absolute;}

#wrap #mainContent .leadPanel .changePanel{float: left;position: relative;height: 245px;}
#wrap #mainContent .leadPanel .changePanel div.slide{position: absolute; top: 0; left: 0;width: 620px;background: #efffff;}
#wrap #mainContent .leadPanel .featureImg{float: left;margin: 0 70px 0 30px;background: #efffff;}
#wrap #mainContent .leadPanel .links{float: left;margin: 15px 0 0 0;width: 200px;}
#wrap #mainContent .leadPanel .links h1{margin: 0;}
#wrap #mainContent .leadPanel .links ul{margin: 10px 0 10px 16px;list-style-image: url(../_img/bullet-blue.gif);}
#wrap #mainContent .leadPanel .links ul li a{color: #024d41;text-decoration: none;font-weight: bold;}
#wrap #mainContent .leadPanel .links ul li a:hover{text-decoration: underline;}

#wrap #mainContent .helpBox{float: left; background: url(../_img/help-btm.gif) bottom left no-repeat;}
#wrap #mainContent .helpBox .inner{float: left; width: 235px; background: url(../_img/help-top.gif) top left no-repeat;padding: 20px 28px 10px 20px;}
#wrap #mainContent .helpBox .inner h2{border: 0;padding: 0;color: #fff; font-size: 110%;font-weight: bold;margin: 0 0 20px 0;}
#wrap #mainContent .helpBox .inner select{width: 234px;}
#wrap #mainContent .helpBox .inner .btn{float: right;}
#wrap #mainContent .helpBox .formHolder {border:0; padding:0; margin:0; background-color:#FFF; background-image:none;}
#wrap #mainContent .helpBox .contactform label {display:none;}
#wrap #mainContent .helpBox .contactform textarea {display:none;}
#wrap #mainContent .helpBox h2.greyLozenge {display:none;}
#wrap #mainContent .helpBox div.hr {display:none;}
#wrap #mainContent .helpBox .innerform {padding:0;}
#wrap #mainContent .helpBox .innerform .clrSpacer {display:none;}
#wrap #mainContent .helpBox .innerform input.input {width:106px;margin-right:10px;}
#wrap #mainContent .helpBox .innerform input.inputEmail {margin-right:0px;}

#wrap #mainContent .homeNews{float: left; width: 277px;margin-top: 20px;}
#wrap #mainContent .homeNews ul.newsListing {margin: 0;}
#wrap #mainContent .homeNews ul.newsListing li{margin: 0 0 5px 0; list-style-image: none; border-bottom: dashed 1px #ccc;padding-bottom: 10px;}
#wrap #mainContent .homeNews ul.newsListing li a.thumbnail{float: left;border: solid 1px #f1bf7f;padding: 2px;margin: 0 5px 0 0;}
#wrap #mainContent .homeNews ul.newsListing li a{text-decoration: none;color: #6b6b6b;}
#wrap #mainContent .homeNews ul.newsListing li a:hover{text-decoration: underline;}
#wrap #mainContent .homeNews ul.newsListing li img{border:none; float:none; margin:0;}
#wrap #mainContent .homeNews p {display:none;}
#wrap #mainContent .homeNews .paging {display:none;}

#wrap #mainContent .sideControl ul.newsListing{list-style-image:url(../_img/bullet-default.gif);margin:0 0 20px 30px;}
#wrap #mainContent .sideControl ul.newsListing li {margin:8px 0;}
#wrap #mainContent .sideControl ul.newsListing .viewLink {display:none;}

#wrap #mainContent .sideControl p {display:none;}
#wrap #mainContent .sideControl .paging {display:none;}
#wrap #mainContent .sideControl .greyLozenge{margin:0;}
#wrap #mainContent .sideControl a.thumbnail{display:none;}

#wrap #mainContent .bookmarks{border: solid 1px #99cdff;float: left; width: 100%;line-height: 22px;}
#wrap #mainContent .bookmarks p{margin: 0; float: left; background: #dbe8f0; padding: 3px 10px;color: #333;}
#wrap #mainContent .bookmarks a{margin-right: 10px;}
#wrap #mainContent .bookmarks a img{margin: 3px 0 0 5px;vertical-align: middle;}
#wrap #mainContent .bookmarks a:hover img{opacity: 0.70;-moz-opacity: 0.70; filter: alpha(opacity=70);background: #fff;}
#wrap #mainContent .bookmarks a.social{float: left;}
#wrap #mainContent .bookmarks a.social span{display: none;}
#wrap #mainContent .bookmarks a.social:hover {border:0; position:relative; z-index:300; text-decoration:none;}
#wrap #mainContent .bookmarks a.social:hover span {display:block; position:absolute; bottom:26px; left:0px;z-index:500; padding: 5px; color:#fff;background:#df8107; border: solid 2px #aaa; text-decoration: none;}

#wrap .mobileShow{display: none;}
#wrap .mobileHide{display: inherit;}

#wrap #mainContent .copyHome p {font-size: 90%;}


/* == News Listing
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .newsListing {}
#wrap #mainContent .newsListing .inner {padding-left:14px; margin-bottom:15px;}
#wrap #mainContent .newsListing img {float:right; border:1px #DDD solid; padding:2px; margin-left:5px; margin-bottom:5px;}
#wrap #mainContent .newsListing .inner div.main {float:left; margin-top:10px;}
#wrap #mainContent .newsListing h2 { margin:3px 0; border-top:0; padding-left:14px; background:transparent url(../_img/bullet-default.gif) no-repeat 0 12px;}
#wrap #mainContent .newsListing h2 a {color:#78A09C; text-decoration:none;}
#wrap #mainContent .newsListing h2 a:hover {text-decoration:underline;}
#wrap #mainContent .newsListing h5 {margin:8px 0;}
#wrap #mainContent ul.newsListing { list-style-type:none; list-style-image:none; margin:0;}
#wrap #mainContent ul.newsListing  li {margin:0;}
#wrap #mainContent .newsListing .standoutText {font-size:70%; color:#A7A7A7; font-weight:normal;}

/* == News Item
----------------------------------------------------------------------------------------------------------------------*/
#wrap #mainContent .newsItem h2 { margin:3px 0; border-top:0; padding-left:14px; background:transparent url(../_img/bullet-default.gif) no-repeat 0 12px;}
#wrap #mainContent .newsItem h2 a {color:#78A09C; text-decoration:none;}
#wrap #mainContent .newsItem h2 a:hover {text-decoration:underline;}
#wrap #mainContent .newsItem h5 {margin:8px 0;}
#wrap #mainContent .newsItem p {margin:10px 0 0 0;}
#wrap #mainContent .newsItem .holder {}
#wrap #mainContent .newsItem .holder img {float:right; border:1px #DDD solid; padding:2px; margin-left:5px; margin-bottom:5px;}

/* == Table in /offerings/adme-pk-laboratory/in-vitro.htm
----------------------------------------------------------------------------------------------------------------------*/

table.ADME thead a{color:#fff;}
table.ADME td{vertical-align:top;border-width:0 2px 2px 2px;border-color:#fff;color:#000;background:#CED1C6 url(/_img/table-bottom.gif) no-repeat center bottom;padding:0;}
table.ADME th{width:206px;vertical-align:top;border-width:0 2px 0 2px;border-color:#fff;color:#fff;background:#00493F url(/_img/table-header.gif) no-repeat left top;padding:3px 0 3px 10px ;}
table.ADME ul{list-style-image:url(/_img/bullet-grey-bgd.gif);}


/* == Main content
----------------------------------------------------------------------------------------------------------------------*/
.videoPlayer{padding-left: 24px; width: 664px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-top: 20px; border: solid 2px #999}