/*
 * CSHL-maintained global CSS file for Genesdev */

/* add styles below */

#col-2 div {

            margin: 0px 0px 0px 0px;

            /*padding: .5em 1em .5em 2em;*/

            padding: 0px;

}
#col-2 div.open-access-note
{
            margin: 0px 0px 0px 0px;
            padding: 10px;
}
#col-2 div.edited-state
{
            margin: 0px 0px 0px 0px;
            padding: 10px;
}

div.twtr-tweet-text {
 font-size:90%;
}

#pageid-home #content-block .main-block .other-pub {
   margin-left: 10px;
    margin-bottom: 1em;
padding-left:5px;
padding-right:5px;
padding-bottom:7px;
padding-top:5px;
    width: 252px;
    color:#333333;
    /* background-color: #a95219; */
   text-align:center;
}


#mypubs {
        padding-left:2px;
       padding-top:0px;
        padding-right:0px;
       line-height:1.0em;
}
#mypubs a {
        font-size:85%;
        color:#666666;
        line-height:90%;
}
#mypubs a:hover {  
   border-bottom:1px dotted #333333;
         color:#333333;
}
#mypubs a:visited {
        border:0px;
         color:#666666;
}
a.gd_issue {
  color:#333333;
  line-height:135%;
  font-weight:bold;
}
a.gd_issue:hover {  
   border-bottom:1px dotted #333333;
         color:#333333;
}
div#toc-up {
        display: none;
        position: absolute;
        width: 240px;
        padding: 10px;
       background: #eeeeee;
        color: #000000;
        border: 1px solid #333333;   
        overflow-y: scroll;
        height:101%;
      }
div#toc-up h1 {
  font-size:1.2em;
}

/* sample widget styling */
div#col-3-widget-placeholder {
padding-bottom: 12px;
}
div#col-2-widget-placeholder p,
div#col-3-widget-placeholder p {
  font-size: 90%;
  padding-left: 15px;
padding-bottom: 10px;

padding-right: 15px;;

  border: 1px solid #ffffff;
margin: .2em .4em;

  }
div#pageid-home div#col-3-widget-placeholder p {
  color: #880000;
}
div#pageid-search div#col-2-widget-placeholder p {
  color: #000088;
}
div#pageid-search div#col-3-widget-placeholder p {
  color: #008800;
}
#content-block div.in-this-issue dl,dt,dd {
  text-align:center;
}
#content-block div.in-this-issue dd.xsmall {
  text-align:center;
  font-size:90%;
}
#content-block div.in-this-issue dt.clbl,dd.clbl {
  text-align:center;
  color:#003366;
  
}
#content-block div.in-this-issue dd.clblsm {
  text-align:center;
  color:#003366;
  font-size:85%;  
}

#content-block div.in-this-issue dt.clrd,dd.clrd {
  text-align:center;
  color:#660000;
  
}
#content-block div.in-this-issue dd.clrdsm {
  text-align:center;
  color:#660000;
  font-size:85%;  
}
#content-block div.in-this-issue td.covlinesi {
  margin:0;
   padding-bottom:20px;
         padding-top:5px;
  border:0;
  line-height:120%;
        vertical-align:top;
  overflow: hidden;
        font-size:90%;
}

#content-block div.in-this-issue td.covlines {
  margin:0;
  padding-left:13px;
        padding-bottom:20px;
         padding-top:5px;
  border:0;
  line-height:1.0;
        vertical-align:middle;
  overflow: hidden;
}


#pageid-home #content-block .in-this-issue h2.col2 {
  padding-bottom: 18px;
        border-top: 1px dotted #003366; 
  }
/* end sample */

/* code below supports column contract */

div.hide-cols {
  max-width: 970px;
}
div#content-option-box {
  float: right;
  padding: 5px;
  margin: 10px 0 0;
  background-color: none;
}
div#content-option-box ul,
div#content-option-box li {
  margin: 0;
  padding: 0;
}

div#content-block div.option-box-docked {
  padding: 2px 2px 2px 1px;
  background-color: white;
  position: fixed;
  top: -10px;
}
div#content-option-box ul {
  list-style:none;
  padding: 0;
  margin: 0;
}
div.hide-cols div#content-block {
  width: auto;
}
div#content-block li#content-toggle a {
  display: block;
  width: 24px;
  border: none;
  margin: 0; padding: 0;
  height: 13px;
  background: url(/site/misc/images/col-expand.gif);
  background-position: center center;
  background-repeat: no-repeat;
  text-decoration: none;
}
div#content-block li#content-toggle a.expanded {
  background: url(/site/misc/images/col-contract.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
div#content-block li#content-toggle a span {
  display: none;
}
div.hide-cols div#cols-min {
  position: relative;
  /*float: right;*/
  clear: both;
}
.hide-cols div#col-2-min,
.hide-cols div#col-3-min {
  /*float: left;*/
  width: 100px;
  height: 15px;
  float: right;
}
.hide-cols div#col-2-min {
  border-bottom: 1px dashed #B8B890;/*#D5DABA;*/
  border-left: 1px solid #808000;
  background-color: #E2E5D0;
}
.hide-cols div#col-3-min {
  border-bottom: 1px dashed #B8B890;/*#C2D0A4;*/
  border-left: 1px solid #808000;
  border-right: 1px solid #808000;
  background-color: #D5DABA;
}
.hide-cols div#col-2-min .view-more,
.hide-cols div#col-3-min .view-more {
  color: black;
  border: none;
  margin: 0 2px;
  padding: 1px;
  float: right;
  width: 13px; height: 13px;
  background-color: inherit;
  background-image: url(../img/misc/pulldown.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.hide-cols div#col-2-min .view-more:hover,
.hide-cols div#col-3-min .view-more:hover {
  color: white;
  background-color: #404040;
}


div.hide-cols div#col-2,
div.hide-cols div#col-3 {
  display: none;
}
div.hide-cols div#col-2.palette,
div.hide-cols div#col-3.palette {
  display: block;
  position: absolute;
  height: auto;
  border: 1px solid gray;
  right: 0px;
}
div.hide-cols#pageid-content div.table-expansion,
div.hide-cols#pageid-data-supp div#content-block .ds-img-wrap,
div.hide-cols#pageid-data-supp div#content-block .table-wrapper
{
  width: 98%;
  overflow: visible;
}
div.hide-cols div#content-block {
  width: auto;
  overflow: visible;
  clear: both;
}

div.hide-cols#pageid-data-supp div#content-block .table-wrapper {
  width: auto;
  overflow: visible;
}
div.hide-cols#pageid-data-supp div#content-block .table-wrapper table {
  border-collapse: collapse;
  /*white-space: nowrap;*/
}
div.hide-cols#pageid-data-supp .table-wrapper table th,
div.hide-cols#pageid-data-supp .table-wrapper table td {
  font-family: monospace;
  padding: 3px;
  border: 1px solid gray;
}

div#col-hover-close {
  position: absolute;
  left: 2px; top: 2px;
  line-height: 10px;
  height: 10px;
  margin: 0;
  padding: 1px 2px 2px;
  text-align: left;
  background-color: white;
  border: 1px solid gray;
}
div#col-hover-close a span {
  font-weight: bold;
}
div#col-hover-close a, div#col-hover-close a:link,
div#col-hover-close a:hover, div#col-hover-close a:active {
  text-decoration: none;
  color: black;
  font-size: 80%;
}


/* added for figures widget */
/*hw-jnls-dynamic-elements.css*/
#col-3 #sidebar-global-nav {
    padding: 0px;
    border-bottom:1px dashed #AAAAAA;
}
      
#col-3 ul.pub-links {
    left:0;
    margin-left: 5px;
    padding-left: 15px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
}
#col-3 div#docked-nav3 {
  position: fixed;
  top: 5px;
  /* border: 1px solid #AAA; */
  border-left: 1px solid white;
  background-color: white;
  width: 190px;
  padding: 0px;
  margin: 5px 10px 0px 0px;
}

/*expandable blocks*/
#col-3.js-target #sidebar-global-nav H4.cb-section-header { font-family:Arial, sans-serif;font-size:1.0em;cursor: pointer; background: #ffffff url(../img/icon.expand.gif) no-repeat 205px -94px; }
#col-3.js-target #sidebar-global-nav .closed H4.cb-section-header { font-family:Arial, sans-serif;font-size:1.0em;margin: 0; background-position: 205px 6px; }


/*figures*/
#col-3 #cb-art-figures OL { margin: 0;  padding-bottom:22px;}
#col-3 UL.fig-nav { margin: 0; padding: 0; list-style: none; position: relative; top: 1px; overflow: hidden; width: 90%; border-left: 1px solid #999; }
#col-3 UL.fig-nav LI { float: left; background: #C3C3C3 !important; color: #FFF; font-size: 0.80em; font-weight: bold; text-align: center; padding: 5px 0 4px; width: 21px; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; cursor: pointer; margin: 0 !important; }
#col-3 UL.fig-nav LI:hover,
#col-3 UL.fig-nav LI.active { background: #FFF !important; color: #3F3F3F; } 
#col-3 .fig-sidebar { border-top: 1px solid #999; padding-top: 8px; font-family: Arial, sans-serif; text-align: center; } 
#col-3 .fig-caption { font-size:0.82em; font-faimly:Arial,sans-serif;height: 10em; overflow: auto; padding: 0.25em 5px 0 10px; line-height: 1.2; border-top: 1px solid #999; }
#col-3 .callout { font-size: 0.80em; padding-bottom: 0.5em; color: #4C4C4C; }
#col-3 .callout A { font-weight: bold; }
#col-3 .callout UL.callout-links { margin: 0; padding: 0; }

.fig-win { position: fixed; border: 4px solid #555; font-size: 0.75em; background: #FFF; width: 460px; z-index: 10;}
* HTML .fig-win { position: absolute; }
.fig-win .fig-img { max-height: 405px; width: 460px; position: relative; overflow: auto; }
* HTML .fig-win .fig-img { height: 405px; }
.fig-win IMG.ui-draggable { border: 2px solid #ACD3E1; cursor: move; }
.fig-win IMG.medium { cursor: pointer; }

.fig-win .fig-img IMG { display: block; margin: 0 auto 5px; }
.fig-win .fig-zoom { text-align: center; border-top: 4px solid #555; padding: 0.5em 12px 0; }
.fig-win .fig-caption { width: 436px; padding: 0.5em 12px 0; height: 150px; overflow: auto; }
.fig-win-handle { background: #555; color: #FFF; text-align: right; cursor: move; }
.fig-win-handle EM { margin-right: 130px; }
.fig-win-handle .close { cursor: pointer; }
.fig-win-hdr { padding: 7px 10px; }
.fig-win-hdr H4 { font-size: 1em; float: left; text-transform: uppercase; }
.fig-loading { text-align: center; padding: 100px 0; }
.fig-win-ft { padding: 8px 10px 6px; }
.fig-win .fig-caption P { margin-bottom: 0.5em; line-height: 1.2; }

/*iPad styles*/
.fig-win.ipad { position : absolute; }
.fig-win.ipad .fig-img { max-height: none; }
.fig-win.ipad .fig-caption { height: auto; }  
  
.inline-expansion { margin: 0 auto 1em; float: none; }



/* hovering abstracts */
DIV#hovering-abs { background-color: #FBFBFB; padding: 0.5em 10px 0; border-color: #E4E4E4 #A5A5A5 #A5A5A5 #E4E4E4; width: 260px; font-size: 68.75%; }
DIV#hovering-abs-ptr { background-image: url(../../publisher/img/abs-ptr.gif); }
DIV#hovering-abs P { margin-bottom: 0.5em; padding: 0; }
DIV#hovering-abs-close A SPAN { font-size: 1em; }
DIV#hovering-abs H2 { font-size: 1em; margin: 0; }
DIV#hovering-abs H1 { padding: 0; margin: 1em 0 0.5em; }



/*tabs for 'similar articles by keyword' element*/
#col-3 UL.tab-control { margin: 0; padding: 0; list-style: none; overflow: hidden; width: 100%; position: relative; top: 1px; border-left: 1px solid #A3A3A3 ;} 
#col-3 UL.tab-control LI { float: left; border: 1px solid #A3A3A3; border-left: 0; cursor: pointer; margin: 0; background: #C3C3C3; padding: 6px 10px 5px; color: #FFF; font-size: 0.917em; font-weight: bold; }
#col-3 UL.tab-control LI.selected { background: #FFF; color: #4C4C4C; }
#col-3 UL.tab-control LI.hover { color: #4C4C4C; }