/* Start of CMSMS style sheet 'ESKA' */
/*############################################################
  Author: Simon A. Platten
  Date:   26/08/2007
  Notes:  ESKA web-site CSS
############################################################*/
body {  
  margin: 0px 0px 0px 75px;
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  background-image: url('/images/eska/karate.png');
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  }

/* Set font size for all divs, this overrides some body rules */
div {
  font-size: 1em;
  }
  
/* If img is inside "a" it would have borders, we don't want that */
img {
   border: 0;
  }  

iframe {
  border: 0;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#main {
/*
  background-image: url('/images/eska/watermark.png');
  background-repeat: repeat-y;
  background-position: top center; */
  margin: 4px 4px 4px 4px;
}

/* Header */
#header {
  background-color: #000000;
  color: #ffffff;
  font-family: arial, verdana, sans-serif;
  font-size: 16pt;
  }

.title {
  background-image: url('/images/eska/titlebar.png');
  background-repeat: no-repeat;
  background-position: 0px 0px; 
  background-color: transparent;
  color: #ffffff;
}

h1 {
  font-family: arial, verdana, sans-serif;
  font-size: 14pt;
}

h2 {
  font-family: arial, verdana, sans-serif;
  font-size: 12pt;
}

h3 {
  font-family: arial, verdana, sans-serif;
  font-size: 10pt;
}

/* Address */
.address, 
.address a,
.address a:visited,
.address a:active {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  text-decoration: none;
  color: #888888;
  }
.address a:hover {
  background-color: #b11a1a;
  color: #ffffff;
  }
a {
  text-decoration: none;
}

.classlink, 
.classlink a,
.classlink a:visited,
.classlink a:active,
.classlink a:hover {
  font-family: arial black, avant garde;
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  }

#loginbg {
  background-image: url('/images/eska/redbanner.png');
}

.menu {
  background-color: #000000;
  color: #ffffff;
  font-family: arial, verdana, sans-serif;
  font-size: 10pt;
  width: 100%;
  }

div.breadcrumbs {
  padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
  font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
  margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
  border-bottom: 1px dotted #000;
  }

div.breadcrumbs span.lastitem { 
  font-weight:bold; 
  }   

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

.search {
   font-family: arial, verdana, sans-serif;
   font-size: 8pt;
}

.eska_button {
  background-color: #dde0df;
  color: #000000;        
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  border-left: #dddddd solid 1pt;
  border-top: #dddddd solid 1pt;
  border-right: #979a99 solid 1pt;
  border-bottom: #979a99 solid 1pt;
}

input, textarea {
  background-color: #ffffff;
  color: #000000;
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  border-left: #979a99 solid 1pt;
  border-top: #979a99 solid 1pt;
  border-right: #dddddd solid 1pt;
  border-bottom: #dddddd solid 1pt;
  }

.question {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  font-weight:bold;
  background-Color: #ffffff; 
  color: #b11a1a;
  cursor: pointer;
  }

.answer {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  background-Color: #ffffff;
  color: #000000;
  display: none;
  }

#myframe {
  height: 4096px;
  }

.products {
  border: 1px solid #b11a1a;
  padding: 4px 4px 4px 4px;
  }

.basket {
  border: 1px solid #b11a1a;
  width: 200px;
  padding: 4px 4px 4px 4px;
  vertical-align: top;
  }

.right_sidebar {
  float: right;
  width: 200px; 
  }

.whos_online {
  padding: 4px 4px 4px 4px; /* padding for the news article summary */
  margin: 0px 0px 0px 0px; /* margin to the bottom of the news article summary */
  border: 1px solid #b11a1a;
  }

.whos_online_title {
  background-color: #b11a1a;
  color: #ffffff;
  }

.img_border {
  float:left;
  margin: 4px 4px 4px 4px;
  padding: 4px 4px 4px 4px;
  border: 1px solid #b11a1a;
  background-color: #000000;
  text-align: center;
  vertical-align: middle;
  color: #b11a1a;
  width: 200px;
  height: 200px;
  }

.eskacard,
.eskacard a,
.eskacard a:visited, 
.eskacard a:active { 
  background-color: transparent; 
  color: #000000;
  }
.eskacard a:hover {
  background-color: #b11a1a;
  color: #ffffff;
  }
/* End of 'ESKA' */