/*================================== defaults ===================================*/

body           { font-size: 100%; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 line-height: 1.2em;
                 background-color: #548499;  /* default override if reqd */
                 margin-top:       30px;     /* default override if reqd */
}

table      { padding: 0px; border-collapse:collapse; }
td         { padding: 0px; margin: 0px; }
td.corner  { width: 32px; height: 32px; padding: 0px;
             margin: 0px; color: #F8F8F8; background-color: #548499; }
img        { border: 0px; padding: 0px; vertical-align: bottom;}
img.corner { width: 32px; height: 32px; display:block; }


/*================================== tables ===================================*/

table.stdTable { color: #F8F8F8; background-color: #385866; width: 100%; border: 0px; padding: 0px; }

tr.b { color: #385866 }
tr.w { color: #F8F8F8; }

/* used on Storal front page */
p.mainInfo      { font-size: 12pt; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: center; color: #F8F8F8; background-color: #385866;
}

h2.dark          { font-size: 16pt; font-weight: bold; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: center; color: #F8F8F8; background-color: #385866;
}
h2.light         { font-size: 16pt; font-weight: bold; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: center; color: #F8F8F8; background-color: #548499;
}

/* used in data pages */
td.instruction { font-size: 16pt; font-weight: bold; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: right
}
td.title { font-size: 1.3em; font-weight: bold; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: left; vertical-align: top; height: 2.5em;
}
td.subtitle { font-size: 1.2em ; font-weight: bold; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: left;
}
td.header      { font-size: 1em; font-weight: bold; font-family: "trebuchet MS", arial, helvetica, sans-serif;
                 text-align: left;
}
td.label       { font-size: 1em; font-family: "times new roman", serif; text-align: right
}

td.input       { text-align: right
}

td.button      { float: right; }

/* data */

/* cells with a light background */
td.dataLight   { font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%;
                 color: #F8F8F8; background-color: #548499;
}
td.dataLight:hover {color: #1C2C33; background-color: #e0b66e;}

/* cells with a dark background */
td.dataDark    { font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%;
                 color: #F8F8F8; background-color: #385866;
}
td.dataDark:hover  {color: #1C2C33; background-color: #e0b66e;}

/* cells with an error background */
td.dataWarning { font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%;
                 color: #F8F8F8; background-color: #bcb300;
}
td.dataWarning:hover  {color: #1C2C33; background-color: #e0b66e;}

/* cells with an error background */
td.dataError    { font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%;
                 color: #385866; background-color: #fff526;
}
td.dataError:hover  {color: #1C2C33; background-color: #e0b66e;}

/* cells with an alarm background */
td.dataAlarm    { font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%;
                 color: #F8F8F8; background-color: #f20056;
}
td.dataAlarm:hover  {color: #1C2C33; background-color: #e0b66e;}

/* cells with a light background containing an icon */
td.dataLightIcon {font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%; text-align: center;
                 color: #F8F8F8; background-color: #548499;
}
/* cells with a dark background containing an icon */
td.dataDarkIcon    { font-size: 10pt; font-weight: normal; font-family: arial, helvetica, sans-serif;
                 margin-right: 5%; margin-left: 5%; text-align: center;
                 color: #F8F8F8; background-color: #385866;
}


/*================================== links ===================================*/
a:link.onblue    { text-decoration: none; color: #385866; font-size: 10pt; background-color: #385866; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
a:visited.onblue { text-decoration: none; color: #385866; font-size: 10pt; background-color: #385866; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
a:hover.onblue   { text-decoration: none; color: #548499; font-size: 10pt; background-color: #385866; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
a:active.onblue  { text-decoration: none; color: #385866; font-size: 10pt; background-color: #385866; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

a:link.silent    { text-decoration: none; color: #F8F8F8; background-color: #385866; }
a:visited.silent { text-decoration: none; color: #F8F8F8; background-color: #385866; }
a:hover.silent   { text-decoration: none; color: #F8F8F8; background-color: #385866; }
a:active.silent  { text-decoration: none; color: #F8F8F8; background-color: #385866; }

a.tooltip         { z-index:24;  color: #385866; position:relative; /*this is the key*/ text-decoration: none; }
a.tooltip:hover   { z-index:25;  color: #F8F8F8; text-decoration: none;}
a.tooltip span    { display: none; text-decoration: none;}

/* the span will display just on :hover state */ /* for use on right side of page */
a.tooltip:hover span {display:block; position:absolute; top:2em; left:-8em; width:10em;
    border:2px solid #e0b66e; color: #385866; background-color: #e5e5e5;
    text-align: left;
}
/*================================== images ==================================*/
/* remove the border to get rid of blue box in ie but position the same by padding same size */
img.linkicon { text-decoration: none; border-width: 0px; padding:2px;  }


/*=================================== divs ===================================*/

div.r { text-align: right; }

div.stdTable { margin-left: auto; margin-right: auto; width: 800px; }

/*================================== forms ===================================*/

input.input                { border: 1px solid #665138; background: #cfcfcf; color: #1C2C33; }
input.input:hover          { border: 1px solid #665138; background: #e0b66e; color: #1C2C33; }
input.button               { border: 1px solid #665138; background: #cfcfcf; color: #1C2C33; }
input.button:hover         { border: 1px solid #665138; background: #e0b66e; color: #1C2C33; }
/* drop down box */
select.select              {                            background: #cfcfcf; color: #1C2C33; }
select.select:hover        {                            background: #e0b66e; color: #1C2C33; }
option.option              {                            background: #cfcfcf; color: #1C2C33; }


/*=============================== just colours ===============================*/
.StoralBlue           { color: #F8F8F8; background-color: #385866 }
.StoralBlueLight      { color: #F8F8F8; background-color: #548499 }
.StoralBlueDark       { color: #F8F8F8; background-color: #1C2C33 }
.StoralWhite          { color: #385866; background-color: #f8f8f8 }
.StoralWhiteLight     { color: #385866; background-color: #FFFFFF }
.StoralWhiteDark      { color: #385866; background-color: #e5e5e5 }
.StoralWhiteVeryDark  { color: #385866; background-color: #cfcfcf }
.StoralBrownCoffee    { color: #385866; background-color: #e0b66e }
.StoralBrownMud       { color: #F8F8F8; background-color: #b27d3e }
.StoralBrownMurk      { color: #F8F8F8; background-color: #665138 }
.StoralGreenMustard   { color: #F8F8F8; background-color: #bcb300 }
.StoralYellowWild     { color: #385866; background-color: #fff526 }
.StoralOrange         { color: #385866; background-color: #de8823 }
.StoralPeach          { color: #385866; background-color: #ff6e40 }
.StoralPurpleMud      { color: #F8F8F8; background-color: #734A51 }
.StoralPurpleCocktail { color: #F8F8F8; background-color: #732451 }
.StoralGreenPondDark  { color: #F8F8F8; background-color: #333217 }
.StoralGreenPondLight { color: #385866; background-color: #b2af59 }
.StoralRedAlarm       { color: #385866; background-color: #f20056 }
.StoralPink           { color: #385866; background-color: #f97aa0 }
.StoralRedBerry       { color: #F8F8F8; background-color: #730011 }