/************************************************/
/* Generic style set for various neat Web pages */
/*          oxana.smirnova@hep.lu.se            */
/************************************************/

BR { line-height: 2px; height: 2px;}

BODY, P, DIV, TD 
{
  font-family: "times new roman", times, serif;
  }

BODY 
{
  padding-top: 10px;
  padding-right: 10px;
  background-color: #FFCC66;
  color:#000000;
  font-size: 12pt;
  height:auto;
  }

BODY.LONG 
{
  height:auto;
  }

A         {text-decoration:none;}
A:link    {color:#990000;}
A:visited {color:#990000;}
A:hover   {color:#FF0000;}

DIV.MAIN 
{
  background-color:#FFFFCC;text-align:left;color:#000000;
  margin: 50px 50px 50px 50px;
  border: 2px solid #FF9900;
  padding-left: 5px; padding-right: 5px;
  vertical-align: top;
  }

IMG.LEFT {float: left; margin-right: 10px;}

/* sets default alignment to left-right justified */
P, LI {text-align:justify;padding-left: 5px; padding-right: 5px;} 

/* sets small blue condenced monospace font for the PRE tag */
PRE 
{
  font-size: 10pt; font-family:monospace;
  font-stretch: condensed;
  color:#000033;
  }

/* ==== various header styles ==== */

H1 
{
  margin-left:40px; 
  font-size: 14pt; font-weight:bold; font-style:normal; color:#990000;
  font-family: arial, helvetica, sans-serif;
  }


H2
{
  font-size: 14pt; font-weight:bold; font-style:normal; color:#330000;
  font-family: arial, helvetica, sans-serif;
  }

H3
{
  font-size: 14pt; font-weight:normal; font-style:italic; color:#660066;
  font-family: arial, helvetica, sans-serif;
  }

H4
{
  font-size: 12pt; font-weight:normal; font-style:italic; color:#000000;
  font-family: arial, helvetica, sans-serif; text-decoration: underline;
  }

/* ==== list styles ==== */

UL.ALPHA 
{
  list-style-image: none;
  list-style-type: lower-latin;
  }

/* ==== tables, rows, cells ==== */

TABLE.CLASSIC
{
  empty-cells: show;
  padding:0px;
  border: none;
  border-spacing: 0px 0px;
  }

TABLE.FIXED 
{
  empty-cells: show;
  padding: 0px;
  border-spacing: 0px;
  border: none;
  }

TABLE.ORANGE 
{
  empty-cells: show;
  padding: 0px;
  border-spacing: 0px;
  border: 1px solid #FF9900;
  }

TABLE.ORANGE TD
{
  border: 1px solid #FF9900;
  padding: 4px;
  }

TD 
{
  vertical-align: middle;
  text-align: left;
  }

TD.SPACER 
{ 
  padding: 0px;
  width: 1px; height: 0px;
  color: none;
  background-color: none;
  font-size: 0px;
  margin: 0px;
  border-width: 0px;
  border-color: none;
  }

TD.DASHLB 
{
  border: none;
  margin: 0px; padding: 2px;
  border-left: 1px dashed #FF9900;
  border-bottom: 1px dashed #FF9900;
  vertical-align: top;
  font-family: sans-serif,arial,helvetica;
  padding: 4px;
  }

TD.DASHB 
{
  border: none;
  margin: 0px; padding: 2px;
  border-bottom: 1px dashed #FF9900;
  vertical-align: top;
  font-family: sans-serif,arial,helvetica;
  padding: 4px;
  }

/* ==== some enhancements: background and text effects ==== */

.TOP { vertical-align: top; }

.MIDDLE { vertical-align: middle;}

/*.LEFT {text-align:left;}*/

.RIGHT {text-align:right;}

.MITT {text-align:center; }

.THIN { padding: 0px;}

.BIG {font-size: 14pt;font-weight: bold;}

.SMALL {font-size: 10pt;}

.BF {font-weight:bold;}

.UL {text-decoration:underline;}

.FIX {font-family: monospace;}

.STRAIGHT
{   
  font-family: "times new roman", times, serif;
  color: #000000;
  font-size: 12pt;
  font-style: roman;
  font-weight: none;
}

/* emphasised bold red text */
.CRIMSON {color:#990000; font-weight:bold;}

/* black sans serif text */
.ARIAL
{
  font-size: 12pt;
  font-family: sans-serif, arial, helvetica;
  }

/* slanted sans-serif text */
.SLANTED
{
  font-size: 12pt;
  font-style: italic;
  font-family: sans-serif, arial, helvetica;
  }

/* sets white text color (suitable for dark backgrounds) */
.WHITETX {color:#ffffff;} 

/* sets light grey background */
.GREY {background-image:none; background-color:#cccccc;} 

/* sets white background */
.WHITE {background-image:none; background-color:#ffffff;}

/* sets yellow background */
.HILI {background-image:none; background-color:#ffffcc;}

/* sets pink background */
.PINK {background-image:none; background-color:#FFEEEE;}

/* left-padded text */
.LPADDED {padding-left: 30px; padding-right: 0px;} 

/* ==== complex text decorations ==== */

/* right and left pads a la abstract*/
.ABSTRACT 
{
  clear:both;
  margin-left:15%; 
  margin-right:15%;
  font-size: 12pt;
  }

/* flushed to the right address */
.ADDRESS 
{
  clear:both;
  margin-left:60%; 
  margin-right:5%;
  font-size: 12pt;
  text-align: justify;
  }

/* neat right-flushed blue box with dotted border */
.TRUEBLUE 
{
  background-color:#ccddff;
  font-family: arial, helvetica, sans-serif;
  font-size: 12pt;
  text-align: justify;
  border: 1px dotted #6600FF;
  float: right;
  width: 260px;
  margin:20px;
  padding: 14px;
  display:inline;
  }

/* blue box with dotted border */
.JUSTBLUE 
{
  background-color:#ccddff;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  border: 1px dotted #6600FF;
  margin: 10px;
  padding: 6px;
  }

/* yellow padded background for any standing out text */
.FLASH 
{
  background-color:#ffffcc;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  padding: 10px;
 }

/* neat pink box with red dashed border */
.REMARK 
{
  background-color:#FFEEEE;
  margin-left: 60px;
  margin-right: 60px;
  margin-top:10px; 
  margin-bottom:10px;
  padding: 10px;
  font-family: arial, helvetica, sans-serif;
  font-style:normal;
  border: 2px dashed #990000;
  display:block;
  }
/* P.REMARK:before { content: ">>> " } */

/* grey background, monospace text, padded */
.FORMULA 
{
  background-color:#EEEEEE;
  padding: 10px;
  margin: 10px;
  font-family: monospace;
  border: none;
  text-align: left;
  display:block;
  }

/* dashed orange border, sans-serif slightly stretched text */
.DASHED 
{
  border: 1px dashed #FF9900;
  color: #000000;
  font-size: 12pt;
  font-family: sans-serif, arial, helvetica;
  text-align: left;
  letter-spacing: 110%;
  vertical-align: top;
  }

/* left and top solid black borders, pale yellow background */
.PALE 
{ 
  background-color: #ffffcc;
  color: #000000;
  font-family: sans-serif, arial, helvetica;
  font-weight: bold;
  font-size: 14pt;
  letter-spacing: 110%;
  padding: 4px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  display: table-cell;
  }

/* left solid and top dashed black borders, white background  */
.LRULE 
{ 
  background-color: #ffffff;
  color: #000000;
  font-family: sans-serif, arial, helvetica;
  padding: 4px;
  padding-left: 20px;
  border-left: 1px solid #000000;
  border-top: 1px dotted #000000;
  display: table-cell;
  }

/* solid grey border, white background */
.GREYWIN
{ 
  background-color: #ffffff;  
  border: 2px solid #999999;
  display: table-cell;
 }

/* solid red border, white background */
.REDWIN
{ 
  background-color: #ffffff;  
  border: 2px solid #990000;
  padding: 4px;
  display: table-cell;
 }

/* solid blue border, white background */
.BLUEWIN 
{ 
  background-color: #ffffff;  
  border: 2px solid #6600ff;
  padding: 4px;
  display: table-cell;
 }

/* solid orange border, white background */
.GOLDWIN 
{ 
  background-color: #ffffff;  
  border: 2px solid #ff9900;
  padding: 4px;
  display: table-cell;
 }

/* hidden popping-up on mouse over note */
SPAN.NOTE SPAN
{ 
  color: #990000;
  font--family: sans-serif, arial, helvetica;
  font-weight: bold;
  display:none;
  }
SPAN.NOTE:before { display:inline; content:"(*" }
SPAN.NOTE:after { display:inline; content:")" }
SPAN.NOTE:hover SPAN { display:inline }