/* Home Page CSS */
.header-logo { cursor: default; }

h2, h3 {
    color: #dc4413;
    font-weight: normal;
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 5px 0;
}

h2 span  {
    color: #333;
    font-style: italic;
    font-size: 12px;
}

.wrapper { padding-top: 0; }

.wrapper, .wrapper p { font-size: 12px; }

.wrapper a { text-decoration: none; color: #00529a; font-size: 12px; }
.wrapper a:hover { text-decoration: underline; }

.wrapper h3 a,
.topic-index-list span a {
    font-size: 14px!important;
    font-weight: normal;
}

#slideshow-audience-box {
    background: url(/Img/backgrounds/slideshow-bg.jpg);
    height: 387px;
    margin: 0 0 30px 0;
    overflow: hidden;
    padding-top: 5px;
}

#slides {
    float: left;
    width: 525px;
}

/* Expandable/collapsable audience panels */

#audience {
   float: right;
   margin-top: 15px;
   width: 455px; 
}

#audience h2 {    
    cursor: pointer;
    margin: 0 0 6px;    
}

#audience h2 span {
    background: url("/Img/Home/homepage-sprite.png") -60px -573px  no-repeat; 
    display: inline-block;
    height: 19px;
    margin-right: 6px;
    position: relative;
    top: 4px;
    *top: 0;
    width: 19px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
      
}

#audience h2:hover span,
#audience .span-hover { background-position: -81px -573px; }

#audience .open h2 span { background-position: -60px -593px; }

#audience .open h2:hover span { background-position: -81px -593px; }

#audience .content p,
#audience .expand-content { padding-left: 30px; }

.panel  { margin: 0 0 10px; }

.panel-inner { 
	height: 112px;
	margin-right: 20px;
	position: relative;
}

#panel-students .panel-inner ,
#panel-professionals .panel-inner  {
	border-bottom: 1px solid #cecfcf;
}

#audience .content {
	float: left;
	width: 285px;
}

#audience .open .content { width: auto; }

#audience .img-bg {
	float: right;
}

#audience .img-bg {
	background: #fff url(/Img/backgrounds/thumbnail-gradient-bg.png) repeat-x bottom left;
    margin: 8px 0;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: -6px;
    border: 1px solid #cfcfcf;
}

#audience .img-bg:hover, #audience .img-bg-hover 
{
    cursor: pointer;
    border: 1px solid #9a9a9a;
}

#audience .img {
    background: url(/Img/Home/audience-thumbs.jpg) 0 0;
    border: 1px solid #E3E3E3;
    cursor: pointer;
    height: 77px;
    width: 118px;
}

#panel-professionals .img { background-position: 0 -77px; }
#panel-everyone .img { background-position: 0 -154px; }

.expand-content {
	clear: both;
	display: none;
}

#audience ul {
    overflow: hidden;
    margin: 0 0 12px;
}

#audience li {
    background: url("/Img/backgrounds/bullet-orange.png") no-repeat 0 5px;
    float: left;
    width: 125px;
}

#audience li.rt {
    width: 250px;
}

/* Columns*/
.col-1 {    
    padding-left: 10px;
    width: 505px;
}

.col-2 {    
    border-left: none;
    padding: 0 0 0 10px;
    width: 425px;
}

.featuredTopics, .exploreTopics, .featuredArticles,
.findArticles, .findPublications, .back-stories {  
    border-bottom: 1px solid #cecfcf;
    float: left;
    padding: 0 0 20px;
    width: 100%;
}

.back-stories,
.findPublications { border-bottom: 0; }

.rvi-xxx { border-top: 1px solid #cecfcf; }

.exploreTopics, .researchTools, .findArticles,
.findPublications, .back-stories, .rvi-xxx {
    clear: both;
    padding: 20px 0;
}

.topic-index-list img {
    clip: rect(0px 140px 99px 0px)!important;
    position:absolute;
}

.topic-content { width: 100%; }

.featured {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;    
}

.featured .info,
.featured .image {
    float: left;
    width: 470px;
}

.featured .info 
{
    width: 330px;
}

.featured .image {
    margin-right: 15px;
    overflow: hidden;
    width: 140px;
}

.topic-index-list .featured {
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0px;
    width: 100%;
}

.featured p { margin-bottom: 4px!important; }

.view-topic-link { float: left; }

.topic-index-list {
    margin: 0px;
    padding: 0px;
}

.topic-index-list .featured:first-of-type { margin-top: 12px; }

.topic-index-list .image,
.topic-index-list .info { float: left; }

.topic-index-list .image,
.topic-index-list .image:hover {        
    background: #EBEDEF;    
    color: #333;
    height: 99px;
    line-height: 120px;
    overflow: hidden;
    position: relative;    
    text-decoration: none;
    width: 140px;
    z-index: 1;
}

.topic-index-list img {
    clip: rect(0px 170px 120px 0px);
    position:absolute;
}

.image .credit,
#dvRelatedImagesResult div span {    
    background: rgba(255,255,255,0.7) url("/Img/icons/tools-icon-sprite.png") no-repeat right -545px ;
    background: #eee url("/Img/icons/tools-icon-sprite.png") no-repeat right -545px \9;
    bottom: 0;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.1;
    padding: 4px 24px 4px 4px;
    position: absolute;
    right: 0;
}
.exploreTopics .left-col, .researchTools .left-col {
    float: left;
    margin: 0 30px 0 0;
}
.researchTools .left-col { margin-right: 50px; }

.exploreTopics .right-col, .researchTools .right-col { float: left; }

.exploreTopics ul {
    margin: 0 0 0 10px;
    padding: 0;
}

.exploreTopics li { margin: 0 0 10px ; }

.exploreTopics .left-col ul  {
    background: url(/Img/backgrounds/vline.png) repeat-y; 
    margin-top: 0;
}

.exploreTopics .left-col li {
    background: url(/Img/Home/homepage-sprite.png) -93px -539px no-repeat #FFF;
    padding: 0 0 0 12px;
}

.exploreTopics .left-col li.last {
    background-position: -93px -614px;
}

/* Reasearch tools flyouts*/
.researchTools ul {
    margin: 0;
    padding: 0;
}

.researchTools ul li {
    display: block;
    margin: 0 0 10px 0;
    padding: 0px;
    position: relative; 
    z-index: 1;
}

.researchTools .left-col ul li { z-index: 2; }

.researchTools a {
    display: inline-block;
    line-height: 28px;
}

.researchTools .icon {
    background-image: url("/Img/Home/homepage-sprite.png");
    height: 28px;
    width: 28px;
    line-height: 28px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    overflow: visible;
}

.icon-export { background-position: 0 -539px; }
.icon-email { background-position: 0 -567px; }
.icon-print { background-position: 0 -595px; }
.icon-cite { background-position: -31px -539px; }
.icon-save { background-position: -31px -567px; }
.icon-alert { background-position: -31px -595px; }

#researchTools .fly-out {
    display: none;     
    bottom: 41px;    
    left: 0;          
}

#researchTools .fly-out .inner { padding: 20px; z-index: 10000; }
        
#researchTools .fly-out .point {
    background-position: 0 -536px;
    background-position: 0 -551px\9;
    bottom: -9px;
    height: 10px;
    left: 6px;
    top: auto;
    width: 20px;
}

#researchTools .fly-out h3 {
    color: #e15d32;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 6px;
}

#researchTools .fly-out h3,
#researchTools .fly-out p {
    clear: both;
    float: none;
    margin: 0 0 16px;
    width: 492px;
}

#researchTools .close-link  {
    left: 512px;
    margin: 0;
    position: absolute;
    top: 6px;
}

.fly-out-image {
    width: 490px;
    height: 430px;
    border: 1px solid #adadad;
}

.slide, .fly-out-image { background: url(/Img/Home/homepage-large-images-sprite.jpg) no-repeat;}

.fo-export { background-position: 0px -1916px; }

.fo-email { background-position: 0px -2346px; }

.fo-save { background-position: 0px -2776px; }

.fo-alerts { background-position: 0px -3206px; }

/* Search articles by date control */

.findArticles .input-text,
.ui-autocomplete-input { width: 380px; }

.findArticles .css-btn {
    margin-left: 4px;
    padding: 3px 10px;
    *padding: 1px 0 0;
    *position: relative;
    *top: -8px;
}

.findArticles .input-text.error  {
    border: 1px solid #c00;
    font-size: 13px; 
}

/* Featured articles */
.featuredArticles ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.featuredArticles li {
    margin: 0 0 10px 0;
    padding: 8px 0;
    position: relative;
}

.featuredArticles .has-icons li {
    padding: 8px 15px 8px 35px;
}

.featuredArticles .has-icons .row-even {
    background: #FBFBFD;
}

.featuredArticles .icon  {
    background: url(/Img/Home/homepage-sprite.png) -60px -539px;
    display: block;
    height: 31px;
    left: 0;    
    position: absolute;
    top: 0;
    width: 31px;
}

.featuredArticles .fly-out {
    display: none;
    right: 0;
}

/* Pub finder*/
ul.ui-autocomplete li.ui-menu-item { width: 386px!important; }

.home-pub-logos a  {
    background: url(/Img/Home/homepage-sprite.png);
    display: inline-block;
    height: 27px;
    margin: 0 6px 10px 0;
}

.home-pub-logos .logo-independent  { background-position: 0 -259px; width: 81px; }
.home-pub-logos .logo-history-today { background-position: 0 -185px; width: 76px; }
.home-pub-logos .logo-ajp { background-position: 0 0; width: 87px;}
.home-pub-logos .logo-medsurg { background-position: 0 -296px; width: 59px; }
.home-pub-logos .logo-record { background-position: 0 -481px; width: 78px; }
.home-pub-logos .logo-sun-times { background-position: 0 -111px; width: 52px; }
.home-pub-logos .logo-american-banker { background-position: 0 -37px; width: 93px; }
.home-pub-logos .logo-mirror {  background-position: 0 -333px; width: 55px; }
.home-pub-logos .logo-supplychain { background-position: 0 -444px; width: 96px; }
.home-pub-logos .logo-science-news { background-position: 0 -407px; width: 84px; }
.home-pub-logos .logo-appraisal-journal { background-position: 0 -74px; width: 101px; }
.home-pub-logos .logo-education { background-position: 0 -148px; width: 76px;  }
.home-pub-logos .logo-hr-mag { background-position: 0 -222px; width: 69px; }
.home-pub-logos .logo-kappan { background-position: 0 -370px; width: 71px; }

/* Backstories*/

.lbl-back-stories {
    background: url(/Img/Home/homepage-sprite.png) 0 -516px no-repeat;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 96px;
}

/*  Slideshow Styles  */

.slideshow-container {
    width: 510px;
    height: 371px;
    float: left;
    overflow: hidden;
    margin: 0 0 0 9px;
    
}   

#slideshow { z-index: 1; }   
       
#slideshow .slide {
    width: 500px;
    height: 347px;    
    color: #333;
    text-align: left;
    font-size: 16px;
    top: 0;
    left: 0;
}
      
.slide .cta-link { min-width: 80px; }

.slide .cta-link-wide { *min-width: 155px; }
       
.slide-1 { background-position: 0px -25px; }
        
.slide-2 { background-position: 0px -411px; }
        
.slide-3 { background-position: 0px -797px; }
        
.slide-4 { background-position: 0px -1182px; }
        
.slide-5 { background-position: 0px -1569px; }

.slide-1 .slide-title 
{
    color: #333;
    font-style: italic;
    font-size: 40px;
    font-weight: bold;
    margin: 20px 0 25px 20px;
    display: block;
}

.slide-1 h1 
{
    display: block;
    width: 290px;
    float: right;
    font-size: 20px;
    margin: 0 18px 30px 0;
    color: #333;
}

.slide-1 h1 a { font-size: 20px; }

.slide-1 .cta-link 
{
    margin: 0 90px 0 0;
}

.slide-2 .slide-title 
{
    color: #333;
    font-style: italic;
    font-size: 40px;
    font-weight: bold;
    margin: 20px 0 25px 20px;
    display: block;
}

.slide-2 h2 
{
    display: block;
    width: 235px;
    float: right;
    font-size: 18px;
    margin: 0 25px 30px 0;
    text-align: right;
    color: #333;
}

.slide-2 h2 a { font-size: 18px; }

.slide-2 .cta-link { margin: 0 25px 0 0; }

.slide-3 .slide-title 
{
    color: #333;
    font-style: italic;
    font-size: 42px;
    font-weight: bold;
    margin: 25px 0 15px 20px;
    display: block;
}

.slide-3 h2 
{
    display: block;
    width: 322px;
    float: right;
    font-size: 20px;
    margin: 0 21px 20px 0;
    text-align: right;
    color: #333;
}

.slide-3 h2 a { font-size: 20px; }
    
.slide-3 .cta-link { margin: 0 21px 0 0; }

.slide-4 .slide-title 
{
    color: #333;
    font-style: italic;
    font-size: 34px;
    font-weight: bold;
    margin: 20px 0 20px 20px;
    display: block;
}

.slide-4 h2 
{
    display: block;
    width: 256px;
    float: right;
    font-size: 18px;
    margin: 0 30px 20px 0;
    text-align: right;
    color: #333;
}

.slide-4 h2 a { font-size: 18px; }

.slide-4 .cta-link { margin: 0 30px 0 0; }

.slide-5 .slide-title 
{
    color: #333;
    font-style: italic;
    font-size: 40px;
    font-weight: bold;
    margin: 20px 0 15px 20px;
    display: block;
}

.slide-5 h2 
{
    display: block;
    width: 240px;
    float: right;
    font-size: 17px;
    margin: 0 10px 20px 0;
    text-align: left;
    color: #333;
}

.slide-5 h2 a { font-size: 17px; }

.slide-5 h2 ul li 
{
    list-style: disc;
    margin: 0 0 0 15px;
    padding: 0px;  
}

.slide-5 .cta-link { margin: 0 55px 0 0; }
        
.nav
{
    margin: 15px 0 0px 15px;
    width: 150px;
}
#nav a
{
    width: 9px;
    height: 9px;
    display: inline-block;
    margin: 0 10px 0 0;
    background: url("/Img/Home/homepage-sprite.png") -71px -615px;    
    text-decoration: none;
    text-indent: -9999px;
    
    *color: #fff;
    *text-indent: 0px;
    *font-size: 0px;
    *display: block;
    *float: left;
}
#nav a.activeSlide { background-position: -60px -615px; }

#nav a:focus { outline: none; }

.cta-link 
{
    float: right;
    clear: both;
}

a.cta-link:hover { text-decoration: none; }

.mboxDefault { height: auto!important; }

.css-btn { *text-align: center; }