@CHARSET "UTF-8";
/*
 * Root style sheets for ipathway.org
 * Copyright 2010 The Systems Biology Institute
 */

/* Overrides browser defaults */
body {
       margin: 0;
   background: black url(../pictures/dawn.png) repeat-x fixed bottom;
        color: white;
  font-family: Helvetica, Arial;
}
h1, h2, h3 {
   width: 99%;
  margin: 4px 4px 8px 4px;
  border: 0 LemonChiffon solid; border-bottom-width: 1px;
   clear: both;
   color: gold;
  filter: alpha(style=1, startX=0, startY=0, finishX=100%, finishY=0,
          Opacity=100, FinishOpacity=0);
}
p              { margin: 4px 4px 4px 6px; }
ul             { margin: 2px 0; padding-left: 24px;
        list-style-type: square;
}
table          {  width: 99%; }
a     { text-decoration: none; }
a img          { border: none; }
form           { margin: 4px;        padding: 4px; }
fieldset       { border: 2px LemonChiffon solid;
     -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
legend         {  color: gold;       padding: 0 4px;
              font-size: larger; font-weight: bold;
}
noscript       {  color: coral; }

/* Common extended styles */
.error         {  color: salmon; }

/* Forms */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='submit'],
button        { padding: 2px 4px;
	             border: 1px DimGray solid;
              font-size: medium; font-weight: bold;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
input[type='text'],
input[type='email']    { background-color: LemonChiffon;  }
input[type='password'] { background-color: LavenderBlush; }
input[type='submit'],
button                 { background-color: yellow;
                             border-color: orange;
}
input[type='text'][disabled],
input[type='email'][disabled],
input[type='password'][disabled],
input[type='submit'][disabled] {
                         background-color: DimGray;
                             border-color: LightGray;
}
select { font-size: 90%; }

/* Linked radio-buttons */
a:link     {   color: LightSkyBlue; }
a:visited  {   color: PowderBlue; }
.selected  {  border: 0 gold solid; border-bottom-width: 2px;}
b.selected { padding: 0 2px;           background-color: DimGray; }
.disabled  { opacity: 0.5; filter: alpha(Opacity=50); }

/* Dialogs */
.dialog        {  width: 98%;    height: 200px;
                 margin: 0 8px; padding: 0;
               overflow: hidden;
               position: absolute; top: 32%; left: 0;
}
#panel     { min-height: 186px;
                 margin: 0; padding: 0;
                 border: 1px LemonChiffon solid;
     -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#panel img.logo { float: left; }
#panel p  { padding-top: 86px; }

/* Dialog animations */
div {
  -webkit-transition-property: top, opacity;
  -webkit-transition-duration: 0.6s;
  -webkit-transition-delay:    0.2s;
  -webkit-transition-timing-function: ease-out;
}
.half { position: relative; top: 190px; opacity: 0.25; }
.full { position: relative; top:   0px; opacity: 1.0;  }

/* Headers */
#account      { display: inline;
               position: absolute; right: 8px;
}