/****************************************************************************

 SupplyTrade 'supply' style-sheet
 ================================
  

 (c) 2008. Nick Moon
****************************************************************************/


/****************************************************************************
   Global styles apply in all sections
****************************************************************************/

@import url("index.php?file=site/themes/supply/common.css");

html {
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
  background-color: white;
}

body {
  width: 55em;
  margin: auto;
  padding: 0;
}

* html body {
  margin: auto;
  text-align: center;
}

div.toolbar {
  background-color: transparent;
  font-size: 8pt;
}

a, a:visited {
  color: #517DBA;
}

div.toolbar a {
}

div.toolbar a:hover {
}


/****************************************************************************
   Header styles
****************************************************************************/

div#logo {
  height: 5.5em;
  border-style: hidden;
}

div#logo h1 {
  font-family: arial, helvetica, sans-serif;
  xxfont-family: serif;
  font-size: 48pt;
  color: #517DBA;
  text-align: center;
  margin: 0;
  padding: 0;
}

div#header {
  border-color: #517DBA;
  border-width: 2px;
  border-style: solid;
  height: 1.6em;
  margin: 0 0 1px 0;
}

* html div#header {
  width: 55em;
  text-align: left;
}


div#header > a {
  color: white;
  background-color: transparent;
}

div#header a:hover {
}


/****************************************************************************
   Body styles
****************************************************************************/

div#body {
  margin: 1px 0 1px 0;
  border-color: #517DBA;
  border-width: 2px;
  border-style: solid;
  min-height: 330px;
  padding: 0;
  line-height: 1.2em;
}


* html div#body {
  width: 55em;
  text-align: left;
}

div#body h1 {
  padding: 8px;
  text-align: center;
 }

div#body h2 {
  margin-left: 24px;
  margin-right: 24px;
  padding: 2px;
}

div#body h3 {
  margin-left: 24px;
}
div#body h4 {
  margin-left: 24px;
}
div#body h5 {
  margin-left: 24px;
}
div#body h6 {
  margin-left: 24px;
}

div#body p {
  margin-left: 24px;
  margin-right: 24px;
  font-family: verdana,arial,helvetica,sans-serif;
}

div#body ul,div#body ol {
  margin-left: 6em;
  margin-right: 6em;
  padding-left: 2em;
  background-color: #EEFAEE; /*#DEF; */
  font-family: verdana,arial,helvetica,sans-serif;
}

div#body li ul, div#body li ol {
  margin-left: 0em;
  margin-right: 0em;
  padding-left: 2em;
}

div#body b {
}

div#body a {
  color: #517DBA;
}

div#body a:hover {
}

div#body > img {
  margin: 1em;
  border-width: 3px;
  border-color: #517DBA;
  border-style: double;
  padding: 0;
}

div#body div.image {
  margin: 0 1em 1em 1.5em;
  background-color: #D0FAD0;
  border-width: 3px;
  border-color: #517DBA;
  border-style: double;
  padding: 0;
  text-align: center;
}

div#body div.image i {
  color: #517DBA;
  font-size: xx-small;
}

div#body div.image.left {
  float: left;
}

div#body div.image.right {
  float: right;
}


div#body hr {
  color: #517DBA;
}


div#body table {
  background-color: #D0FAD0;
  margin: 0 6em 0 6em;
}

div#body table input[type='submit']{
  background-color: #D0FAD0;
  cursor: pointer;
  color: #517DBA;
  border-color: #517DBA;
  border-width: 1px;
}

div#body table input[type='submit']:hover{
  background-color: #517DBA;
  color: white;
}

/*
div#body form {
  margin: 1em;
}
div#body  form table {
  width: 40em;
  margin: auto;
  border-collapse: collapse;
  border-width: 2px;
  border-color: teal;
  border-style: inset;
}

div#body form table th {
  border-width: 1px;
  text-align: right;
  color: black;
  padding: 6px;
}

div#body form table td {
  border-width: 1px;
  padding: 6px;
}
*/


div#body div.infobox {
  width:320px;
  margin: 2em 1em 1em 2em;
  border-color: #517DBA;
  border-style:solid;
  border-width:1px;
  padding: 0;
  font-size:smaller;
}

div#body div.infobox p {
  margin: 0;
  padding: 1em;
}

div#body div.infobox h3 {
  margin: 0;
  padding: 0.25em 1em 0.25em 1em;
}

div#body div.infobox ul {
  margin: 0;
  padding: 0 0 0.5em 3em;
}


/*  footer styles */

div#footer {
  margin: 1px 0 0 0;
  border-color: #517DBA;
  border-width: 2px;
  border-style: solid;
  padding: 0;
}

* html div#footer {
  font-size: 11pt;
  width: 55em;
  text-align: left;
}

div#footer a {
  background-color: transparent;
  font-size: 8pt !important;
}

/* html div#footer a {
  font-size: smaller;
} */

div#footer a:hover {
}


/*

  Menu styles (pure CSS - see Meyer)

*/

ul.menuh li {
  background-color: #EEFAEE; /*#8BE;*/
}

ul.menuh li a{
  color: #517DBA;
}

ul.menuh li:hover {
  background-color: #C5E3BD; /*#517DBA;*/
}

ul.menuh li:hover a{
}

ul.menuh li:hover ul li {
  background-color: #EEFAEE; /*#8BE;*/
  width: 11em;
  border-style: outset;
  border-width: 1px;
  border-color: #C5E3BD; /*#517DBA;*/
}

ul.menuh li ul li:hover {
  background-color: #C5E3BD; /*#517DBA;*/
}

ul.menuh li a.selected {
  outline-color: #517DBA;
}