:focus { outline: none }

body { font-family: Verdana,Arial ,sans-serif }
h1 {
    font-size: 1.5em;
    color: #c00;
    text-transform: uppercase;
}
h2 {
    font-size: 1.2em;
    font-weight: normal;
    color: #c00;
    text-transform: uppercase;
}
h3 {
	font-size: 1em;
	font-weight: normal;
	color: #c00;
	font-style: italic;
}
#topbanner { 
  background: url("/img/banner-extention.gif"); 
  text-align: right; 
  width: 100%;
  max-height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
#topbanner img { max-width: 75% }

#footer {font-size: 75%; text-align: right; padding-right: 1%; }
#footer::before { background-color: black; height:20px; }
#readerfriendly .clickable { text-decoration: underline; cursor: pointer; color: #c00; }

#content { padding: 100px 2% 0; 
}
#footer { padding: 0 0.5%; }
dd { margin-bottom: 0.5em; font-size: 0.8em; }
.email { margin-left: 0.25em }
img.external { margin-left: 0.25em; }
a.external::after {content: url("/img/link.png"); padding-left: 0.25em}

div.toggle-section .toggler { cursor: pointer; color: #c00; }
div.toggle-section { padding:0 1em; margin:1em; border: solid 2px #c00; border-radius: 0.25em; }
div.toggle-section.mini { border: none; }
div.toggle-section > .toggler::after { content: url('/img/icon-arrow-right-c00-16.png'); padding-left: 0.5em; }
div.toggle-section.expanded > .toggler::after { content: url('/img/icon-arrow-down-c00-16.png'); padding-left: 0.5em; }

div.toggle-section.floating { 
    position: fixed;
    z-index: 1000;
    right: 0px;
    bottom: 0em;
    box-shadow: 0px 0px 0px 2px white;
    opacity: 0.75;
    background-color: white;
  }
div.toggle-section.floating:hover { opacity: 1 }
div.toggle-section.floating.expanded { opacity: 1; }
div.toggle-section.floating .hide {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  
  width: 18px;
  height: 17px;
  cursor: pointer;
}
div.toggle-section.floating .hide:hover { background: url("/img/close_icon.png"); }

.currentSubmissionCost { display: inline }
.obfuscatedemail { cursor: pointer; color: #c00; text-decoration: underline }

@media screen and (max-width: 600px)
{
  .hidden-on-mobile { display: none; }
  div.toggle-section .toggler::after { content: url('/img/icon-arrow-right-c00-16.png'); padding-left: 0.5em; }
  div.toggle-section.expanded .toggler::after { content: url('/img/icon-arrow-down-c00-16.png'); padding-left: 0.5em; }
  #footerawards { display: none }
  #content {padding-top: 1em;}
}