/*=============================================================
// All contents Copyright 2004, Kraan and Richards, Switzerland
//
// This code may be freely used for educational purposes.
//
// Commercial use requires the permission of the copyright
// owner. Our website is http://www.kri.ch/
//===========================================================*/


BODY {
  background: #102a1b;
  margin: 0px; padding: 0px;
  font-family: "Times New Roman", serif;
}

TABLE { width: 100%; border-collapse: collapse; }
H1, H2, H3, H4 {color: #000000;}
P, TD {color: #000000;}

/*===== Page structure elements =====*/
TABLE.Page {
  border: thick solid #102a1b; margin: 0px; padding: 0px; max-width: 1000;
  background: url("/graphics/smwsback.jpg") #ffffff;
}

TABLE.Popup {border: medium solid #102a1b; margin: 1px; padding: 0px; width:99%; height:99%;
             background: #ffffff; }
TD.PageLogo {width: 183px; text-align: center; vertical-align: middle;}
TD.PageTitle {vertical-align: middle;}
TD.PageLogin {vertical-align: bottom; text-align: right; width: 134px; margin: 0px; padding: 4px;}
TD.PageMenu {margin: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 1em; vertical-align: top; width: 183px;}
TD.PageContent {vertical-align: top; padding-top: 4px; padding-left: 4px; padding-right: 4px; padding-bottom: 1em;}
TD.PageFooter {border-top: solid thin; padding: 1em; text-align: center; font-size: x-small; font-weight: bold;}

H1.Page, H2.Page {text-align: center;}
P.PageFooter {font-size: smaller; font-weight: bold; text-align: center;}
IMG {border-style: none;}

/* Formatting for the small window with the login status */
TABLE.LoginGreen {background: #ccff99; border: solid medium #102a1b; margin: 0px; padding: 3px;}
TABLE.LoginRed {background: #f8e5c1; border: solid medium #8C3838; margin: 0px; padding: 3px;}
P.Login {text-align: center;}
P.LoginLink {text-align: center; font-size: smaller; font-style: italic;}
a.red:link {font-style: italic; color: #8C3838;}
a.red:active {font-style: italic; color: #8C3838;}
a.red:visited {font-style: italic; color: #8C3838;}

/* What the shopping-cart link should look like */
P.CartLink { font-style: italic; font-size: smaller; }
IMG.CartLink {width: 24px; height: 24px; vertical-align: middle;}

/*===== Elements in the menu area =====*/

TABLE.Menu {border-style: none; margin: 0px; padding: 0px; width: 180px; font-family: "Arial", sans-serif;}
TD.MenuImage {border-style: none; margin: 0px; padding: 0px; text-align: center;}
TD.MenuEntry {border-style: none; margin: 0px; padding: 4px; text-align: left; background: #102a1b; font-weight: bold; color: #FFFFFF;}
TD.MenuEntry A {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.MenuEntry A:link {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.MenuEntry A:visited {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.MenuEntry A:active {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.MenuEntryHere {border-style: none; margin: 0px; padding: 4px; text-align: left; background: #102a1b; font-weight: bold; color: #a3a16e;}
TD.SubMenuEntry {border-style: none; margin: 0px; padding: 0px 4px 4px 20px; text-align: left; background: #102a1b; font-weight: bold; font-size: smaller; color: #f3d784;}
TD.SubMenuEntry A {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.SubMenuEntry A:link {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.SubMenuEntry A:visited {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.SubMenuEntry A:active {text-align: left; background: #102a1b; font-weight: bold; color: #f3d784; text-decoration: none;}
TD.SubMenuEntryHere {border-style: none; margin: 0px; padding: 0px 4px 4px 20px; text-align: left; background: #102a1b; font-weight: bold; font-size: smaller; color: #a3a16e;}

P.Language {padding-top: 15px; padding-bottom: 10px; text-align: center; font-size: smaller; font-weight: bold; }
P.Contact {font-size: smaller; text-align: center;}
P.SiteMap {text-align: center; font-size: smaller;}

/*===== General styles =====*/

.happy {font-family: Arial; font-size: 14pt; font-style: italic; font-weight: bold; text-align: center; letter-spacing: 0.1em; color: #102a1b;}
.green {font-family: Arial; text-align: center; letter-spacing: 0.1em; color: #102a1b;}

HR {color: #102a1b;}
HR.thick {color: #102a1b; height: 4; }

A:link {font-style: italic; color: #102a1b;}
A:active {font-style: italic; color: #102a1b;}
A:visited {font-style: italic; color: #102a1b;}

/* Special (temporary?) formatting for the link to the page we are on */
.here {font-style: italic; font-weight: bold; color: #102a1b;}

.SmallTitle {font-weight: bold; font-style: italic; }
.SmallText {font-size: smaller; font-style: normal; }

IMG.Framed { border: solid medium #102a1b; padding: 1ex; margin-left: 1em; margin-bottom: 1ex; }
IMG.LeftUnframed { border: none; margin-right: 1em; margin-bottom: 1ex; }
IMG.RightUnframed { border: none; margin-left: 1em; margin-bottom: 1ex; }

/*===== Formatting for the login-page =====*/

TABLE.login TD { border-collapse: collapse; border-bottom: thin solid #102a1b; padding: 16px; }