/** this is restyled highlights code implemented via external link across all homepages on November 13, 2014 **/

/** tweet-related styles **/

    .mytweet {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #eee;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    .mytweet:hover {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon_hover.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #c0deed;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    
     .mytw {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #eee;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    .mytw:hover {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon_hover.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #c0deed;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    .mytweet2 {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: none;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    .mytweet2:hover {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon_hover.png');
    background-repeat: no-repeat;
    background-color: none;
    background-position: center left;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
   
    .mtw1 {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: none;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    .mtw1:hover {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon_hover.png');
    background-repeat: no-repeat;
    background-color: none;
    background-position: center left;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    
     .mtw {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-color: none;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    .mtw:hover {
    background-image: url('http://jama.jamanetwork.com/ImageLibrary/JamaNetwork/2013/tweet_icon_hover.png');
    background-repeat: no-repeat;
    background-color: none;
    background-position: center left;
    text-decoration: none;
    text-decoration-color: #333 !important;
    color: #333 !important;
    }
    
    
    .myspace {
    padding-left: 1.2em;
    }
    .myhead a {
    color: #333333 !important;
    }
    .myhead a:hover {
    color: #333333 !important;
    }
     

/** styles targeting elements outside of the highlights widget **/

.latestContent {
border: 0px solid #ccc!important;
}

.latestContent .hd {
border-bottom: 0px solid #ccc;
padding-bottom: 0px;
margin: 0px;}

.latestContent .fd {
border-top: 0px;
}



/** universal styles for highlights content **/

.article-blurb h5 {
    font-size:1.4rem;
    margin-top: 12px;
    margin-bottom: 0px;
    color: #333333 !important;
    }

.article-blurb p {
    margin-top: 0px;
    margin-bottom: 0px;
    }

h5 a {
    color: #333333 !important;
    }

.indent {text-indent: -12px; padding-left: 12px; position: relative; left: 12px;}

.ft-indent  {text-indent: -12px; padding-left: 12px;}






.lozenge-fix {margin-bottom:0.5em;line-height:1em;}


/** universal styles for highlights-main divs **/










.latestContent .bd .highlights-main .article-right .article-info {
margin-bottom: 6px;
}

.latestContent .bd .highlights-main .image-left img {
margin-bottom: 0px;
}

.latestContent .bd .highlights-main {
padding-bottom: 15px;
padding-top: 13px;
}

.latestContent .bd .highlights-main .article-right .article-title{
font-size:15px;
margin-bottom:2px;
font-weight:700;
line-height: 22px;
}

/** most recent change is addition of line-height to article-title **/


/** universal styles for highlights divs **/

.latestContent .bd .highlights .article-right .article-info {
font-size: 12px;
margin-bottom: 10px;
}

.latestContent .bd .highlights .image-left {
float: left;
margin-right: 10px;
max-width: 240px;
}

.latestContent .bd .highlights .article-right .article-title{
font-size:15px;
margin-bottom:1px;
font-weight:700;
}

.latestContent .bd .highlights .article-right .article-title a {
color: #333;
}

.latestContent .bd .highlights .article-right .article-title {
line-height: 25px;
}

/** journal-color group styles for article type **/







/** section styles **/
    
.section-name {border-bottom:1px solid #ccc; margin-top:6px; margin-bottom:0px;}
    
.section-name p {font-size: 14px;line-height: 1em;font-weight: bold;margin: 0 0 0.5em 0;}
 
.section-foot {border-bottom: 0px solid #ccc; margin-top:1px; margin-bottom:20px;}
    
.section-foot p {font-size:10px; line-height: 1em; font-weight: normal; font-style: italic; margin: 0 0 0 0; text-align:right}



/** journal-color section head styles **/

.section-jama {
color: #333;}

.section-imd {
color: #006e96;}

.section-neu {
color: #981b1e;}

.section-ped {
color: #0084c0;}

.section-der {
color: #006b39;}

.section-psy {
color: #005276;}

.section-sur {
color: #f47920;}

.section-fps {
color: #e91c2c;}

.section-oph {
color: #66bc29;}

.section-oto  {
color: #34b6e4;}





/** november 2014 restyle work in progress **/


.latestContent .bd span.onlineFirst, .latestContent .bd span.freeArticle{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 0 0 0 2px;
font-size:10px;
}


span.freeArticle, span.quizArticle, span.onlineFirst {
	color:#069;
}


#scm6MainContent_dvLatestContent h4 {color: #333;}

.article-jama {
color:#333;}


.article-red {
color:#333;}

.article-blue {
color:#333;
}

.article-green {
color:#333;
}


.jama  span.onlineFirst {
background-image: linear-gradient(#fff,#fff)!important; 
background-color: #fff;
}

.jama  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.jama  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.jama  .section {color: #333;}
.jama  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.imd  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.imd  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.imd  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.imd  .section {color: #333;}
.imd  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.neu  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.neu  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.neu  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.neu  .section {color: #333;}
.neu  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.ped  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.ped  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.ped  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.ped  .section {color: #333;}
.ped  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.der  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.der  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.der  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.der  .section {color: #333;}
.der  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.psy  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.psy  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.psy  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.psy  .section {color: #333;}
.psy  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.sur  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.sur  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.sur  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.sur  .section {color: #333;}
.sur  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.fps  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.fps  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.fps  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.fps  .section {color: #333;}
.fps  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.oph  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.oph  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.oph  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.oph  .section {color: #333;}
.oph  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.oto  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.oto  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.oto  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.oto  .section {color: #333;}
.oto  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}


.onc  span.onlineFirst {background-image: linear-gradient(#fff,#fff)!important; background-color: #fff;}
.onc  span.freeArticle {background-image: linear-gradient(#fff,#fff); background-color: #fff;}

.onc  .av {position:relative; top:0.2em; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}
.onc  .section {color: #333;}
.onc  h4  {line-height:24px; color: #333; margin-bottom: 0px; height:25px;}




/** experiments for journal-level master div **/

.imd   span.onlineFirst {background-image:linear-gradient(#10a6d6,#0092c1);}
.imd  .av {position:relative; top:0.05em; background-image: linear-gradient(#006e96,#003b63); height:12px; display:inline-block; zoom:1; *display: inline;}
.imd  .section {color: #006e96; }
.imd  h4  {line-height:24px; color: #006e96; margin-bottom: 0px; height:25px;}

.neu   span.onlineFirst {background-image:linear-gradient(#981b1e,#650000);}
.neu  .av {position:relative; top:0.05em; background-image: linear-gradient(#d71635,#981b1e); height:12px; display:inline-block; zoom:1; *display: inline;}
.neu  .section {color: #981b1e;}
.neu  h4  {line-height:24px; color: #981b1e; margin-bottom: 0px; height:25px;}

.ped   span.onlineFirst {background-image:linear-gradient(#0092c1,#0084c0);}
.ped  .av {position:relative; top:0.05em; background-image: linear-gradient(#0084c0,#00518d); height:12px; display:inline-block; zoom:1; *display: inline;}
.ped  .section {color: #0084c0; }
.ped  h4  {line-height:24px; color: #0084c0; margin-bottom: 0px; height:25px;}

.der   span.onlineFirst {background-image:linear-gradient(#399941,#006b39);}
.der  .av {position:relative; top:0.05em; background-image: linear-gradient(#006f3b,#003c08); height:12px; display:inline-block; zoom:1; *display: inline;}
.der  .section {color: #006b39; }
.der  h4  {line-height:24px; color: #006b39; margin-bottom: 0px; height:25px;}

.psy   span.onlineFirst {background-image:linear-gradient(#0092c1,#005276);}
.psy  .av {position:relative; top:0.05em; background-image: linear-gradient(#005276,#001f43); height:12px; display:inline-block; zoom:1; *display: inline;}
.psy  .section {color: #005276;}
.psy  h4  {line-height:24px; color: #005276; margin-bottom: 0px; height:25px;}

.sur   span.onlineFirst {background-image:linear-gradient(#f47920,#d71635);}
.sur  .av {position:relative; top:0.05em; background-image: linear-gradient(#f47920,#c14600); height:12px; display:inline-block; zoom:1; *display: inline;}
.sur  .section {color: #f47920;}
.sur  h4  {line-height:24px; color: #f47920; margin-bottom: 0px; height:25px;}

.fps   span.onlineFirst {background-image:linear-gradient(#d71635,#e91c2c);}
.fps  .av {position:relative; top:0.05em; background-image: linear-gradient(#ed1c24,#ba0000); height:12px; display:inline-block; zoom:1; *display: inline;}
.fps  .section {color: #e91c2c;}
.fps  h4  {line-height:24px; color: #e91c2c; margin-bottom: 0px; height:25px;}

.oph   span.onlineFirst {background-image:linear-gradient(#66bc29,#399941);}
.oph  .av {position:relative; top:0.05em; background-image: linear-gradient(#66bc29,#338900); height:12px; display:inline-block; zoom:1; *display: inline;}
.oph  .section {color: #66bc29; }
.oph  h4  {line-height:24px; color: #66bc29; margin-bottom: 0px; height:25px;}

.oto   span.onlineFirst {background-image:linear-gradient(#34b6e4,#0092c1);}
.oto  .av {position:relative; top:0.05em; background-image: linear-gradient(#34b6e4,#0183b1); height:12px; display:inline-block; zoom:1; *display: inline;}
.oto  .section {color: #34b6e4;}
.oto  h4  {line-height:24px; color: #34b6e4; margin-bottom: 0px; height:25px;}






/** styles for featured topics left-col box **/

    .ft-image {padding-top: 13px;}


.article-blurb p a {
color: #069;}



/** styles for manual reproduction of automated issueBox **/

.issueBox a {color:#333;}

.issueBox a:hover {color:#333;}

.issueBox h6 {margin-bottom:0px;}


/** styles to be evaluated and deleted if unused **/


.image-right {float:right; margin-left: 10px; margin-right:0px; margin-bottom: 10px;}

.image-left p {clear: both;margin: 0 0 -1.4em 0;line-height: 2em;font-size: 1rem;}


.indent-8 {
	padding-left:8px;
}

.indent-16 {
	padding-left:16px;
}

#indent {
	padding-left:8px;
}


/** new ch styles for highlights **/

.ch-item {height: auto; overflow: auto; padding-bottom:1em; padding-top:1em; border-bottom: 1px solid #ccc; width: 100%; zoom: 1;}

.ch-image {float: left; width: 22%;}

.ch-image img {border: 1px solid #cccccc;}

.ch-text {float: left; display: inline; width: 78%;}

.ch-blurb {margin:0px;}

.ch-info {line-height:1em; font-size:0.9em; margin-bottom:0.5em;margin-top:0.1em;}

.ch-short-title {font-size:1.16em; margin-bottom:0.25em; font-weight:700; line-height:22px; color:#333; }

.ch-item .ch-short-title a {color:#333;}

.ch-item .ch-short-title a:hover {color:#333;}

.ch-indent  {text-indent: -12px; padding-left: 12px;}

.ch-label {margin-left:10px;font-size:10px;font-weight:bold;color:#069;padding:0 0 0 2px;}

.ch-av-icon {position:relative; top:0.14em; margin-left: 10px; background-color: #069; height:12px; display:inline-block; zoom:1; *display: inline;}


    
.ch-section-head {border-bottom:1px solid #ccc; margin-top:6px; margin-bottom:0px;}
    
.ch-section-head p {font-size: 14px;line-height: 1em;font-weight: bold;margin: 0 0 0.5em 0;color: #333;}
 
.ch-section-foot {border-bottom: 0px solid #ccc; margin-top:1px; margin-bottom:20px;}
    
.ch-section-foot p {font-size:10px; line-height: 1em; font-weight: normal; font-style: italic; margin: 0 0 0 0; text-align:right}

