/*
 * Synthesis Explorer v3
 *
 * Style rules for the files compound-data.asp and compound-spectra.asp
 *
 * v3 Major revision undertaken 2014-15 by Martin Bellwood || martin@scicommstudios.co.uk || http://www.scicommstudios.co.uk/
 *
 */


* { margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

html {height: 100%;}

body {height: 100%; background-color: #ffffff; background-image: none; overflow-y: hidden;}

div#safari-iframe-fix { padding: 0; margin: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}

h1 { text-align: center; color: #000fff; font-weight: bold;   font-size: 110%; margin: 0 0 1em 0;}
h2 { text-align: left;   color: #000fff; font-weight: bold;   font-size: 100%;}
h3 { text-align: left;   color: #000fff; font-weight: normal; font-size: 100%;}

h2.SCSSectionTitle {margin: 12px 5px 0px 5px; padding: 2px 4px 2px 20px; border: 1px solid #aaaaff; height: 18px; 
                    font-size: 16px; color: #666666; cursor: pointer; white-space: nowrap; overflow: hidden; 
                    background-color: #e0e0e0; background-repeat: no-repeat; background-position: 4px 5px; 
                    -moz-box-shadow: inset 0px 0px 1px #999999; -webkit-box-shadow: inset 0px 0px 1px #999999; box-shadow: inset 0px 0px 1px #999999;}

h2.SCSSectionTitle.SCSSectionOpen   { background-image: url(../images/planner/v3-arrow-up.gif);
                                      -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
h2.SCSSectionTitle.SCSSectionClosed { background-image: url(../images/planner/v3-arrow-down.gif); 
                                      -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

  h2.SCSSectionTitle + div.SCSSectionHolder { margin: 0 5px; padding: 5px 0 0 0; display: none; border: 1px solid #aaaaff; border-top: 0; overflow: hidden; font-size: 14px;
                                              -moz-border-radius: 0 0 4px 4px; -wekbit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}

  h2.SCSSectionTitle + div.SCSSectionHolder:nth-of-type(1) { display: block;}

h3.SCSSectionTitle {margin: 12px 0px 0px 0px; padding: 2px 4px 2px 20px; border-top: 1px solid #aaaaaa; height: 16px; 
                    font-size: 14px; color: #666666; cursor: pointer; background-color: #e0e0e0; background-repeat: no-repeat; background-position: 4px 5px;}

h3.SCSSectionTitle.SCSSectionOpen   {background-image: url(../images/planner/v3-arrow-up.gif); border-bottom: 1px solid #aaaaaa; 
                                     -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

h3.SCSSectionTitle.SCSSectionClosed {background-image: url(../images/planner/v3-arrow-down.gif);
                                     -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
  h3.SCSSectionTitle + div.SCSSectionHolder { margin: 0; padding: 2px; display: none; border: 0; background-color: #fefefe; border-top: 0; overflow: hidden; 
                                              text-align: justify; font-size: 12px;
                                              -moz-border-radius: 0 0 4px 4px; -wekbit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}

div.SCSSectionHolder {-ms-touch-action: none; touch-action: none;}
  div.SCSSectionHolder p { text-align: left; padding: 1px 5px;}

p { line-height: 1em; margin: 0 0 0.25em 0;}

sub { vertical-align: -30%; font-size: 75%;}

sup { vertical-align: +30%; font-size: 75%;}

/* standard links */
a:link {text-decoration: underline; color: blue;}
a:visited {color: blue;}
a:hover {color: blue;}
a:active {color: blue;}