/*
-----------------------------------------------------------------------------------------
Copyright : Copyright 2019 Kalmar Software Deveopment
Name      : screen.css
Version   : 1.00.07
Under SCM : 29 Sepetmeber 2019
Purpose   : Default Screen Style sheet for www.kalnartrading.com.au
Author    : Thomas Stojanovic (Kalmar Software Development)
Email     : tom.stojanovic@kalmartrading.com.au
Web site  : www.kalnartrading.com.au
Comments  : Any hacks are contained in filter.css
-----------------------------------------------------------------------------------------
*/
/* global ----------------------------------------------------------------------------- */
*
{
  margin: 0;
  padding: 0;
  float: none;
}

/* Body ----------------------------------------------------------------------------- */
body
{
  background-color: #E0E0E0;
  color: #202020;
  font: 0.84em/1.333 Arial, Helvetica, sans-serif;
  margin: 0 auto 0 auto;
  min-width: 55em;
  padding: 0 0 0 0;
}

p
{
  margin: 0 0 1em 0;
}

p.tight
{
  margin: 0 0 0.1em 0;
}

p.figure
{
  font-style:italic;
  margin: 0 0 0.1em 0;
}

h1
{
  color: #88C007;
  color: #000;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.6em;
  margin: 1em 1em 0.6em 0em;
  padding: 0.25em 0 0.3em 0;
  border-bottom: solid 1px #aaa;
}

h2
{
  color: #88C007;
  color: #000;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.3em;
  margin: 1.25em 1em 0.5em 0em;
  padding-bottom: 0.1em;
}

h3
{
  color: #538D4D;
  color: #000;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.1em;
  margin: 1.25em 0 0.5em 0;
  padding-bottom: 0.1em;	
}

h3.date
{
  color: #538D4D;
  font-size: 1.0em;
  margin: 0 0 0.25em 0;
}

h4
{
  color: #000;
  font-size: 0.9em;
  margin: 0.33em 0 0 0;
}

h5
{
  font-size: 0.84em;
  margin: 0.33em 0 0;
}

h6
{
  font-size: 0.84em;
  color: #545454;
  margin: 0.33em 0 0;
}

th
{
  width:35px;
}

th.text
{
  width:75%;
}

th.col1
{
  width:25%;
}

td
{
  width:75px;
  color: #ffffff;
}

td.col1
{
  width:25%;
  color: #ffffff;
}

td.text
{
  width:75%;
  color: #ffffff;
}

a
{
  color: #0646AD;
  text-decoration: none;
  margin: 0 0 0 0;
}

a:link
{
  color: #0646AD;
}

a:visited
{
  color: #473F9E;
}

a:hover
{
  color: #473F9E;
  text-decoration: underline;  
}

a img
{
  border:0;
}

ul
{
  padding: 0 1em 1em 2em;
}

li
{
  margin: 0 0 0 0;
}


li.first
{
  margin: -0.75em 0 0 0;
}

li.last
{
  margin-bottom: -1.5em;
  padding: 0 0 0 0;
}

ol
{
  padding: 0 1em 1em 2em;
}

blockquote
{
  font-style:italic;
  margin-bottom: 1.5em;
  padding: 0.75em 0.75em 0.75em 0.75em;
  background: #F0F0F0;
}

blockquote p
{
  margin-bottom: 0em;
}
/* masthead ---------------------------------------------------------------------------- */

#masthead
{
  background: rgb(16,16,16);
  height: 6.1em;
  padding-left: 0em;
  position: relative;
}

#masthead h1
{
  
  background-position: left;
  border-bottom: none;
  color: #538D4D;
  color: #88C007;
  display: Block;
  font-size: 2.1em;
  letter-spacing: 0em;
  margin: 0.25em 0em 0.0em 0em;
  padding-left: 1em;
  padding-bottom: 0.5em;
  position: absolute;
  text-decoration: none;
}

#masthead h2
{
  color: #538D4D;
  color: #88C007;
  border-bottom: none;
  font-size: 1em;
  margin: 3.4em 0em 0em 0em;
  padding-left: 2.5em;
  position: absolute;
}
/* Nav  ----------------------------------------------------------------------------- */
#nav
{
  list-style: none;
  font-weight: normal;
  margin: 43px 0 10px 0;
  float: left;
  width: 100%;
  position: relative;
  z-index: 5;
}

#nav li
{
  float: left;
  margin-right:10px;
  position:relative;
}

#nav li.first
{
  float: left;
  margin: 0 10px 0 2.0em;
  position:relative;
}

#nav a
{
  display:block;
  padding:5px;
  color:#fff;
  background:#000;
  text-decoration:none;
}

#nav a:hover
{
  color:#fff;
  background:#88C007;
  text-decoration:none;
}

#nav ul
{
  background:#fff;                 /* The Fallback */
  background:rgba(255,255,255,0); 
  list-style:none;
  position:absolute;
  left:-9999px; 
}

#nav ul li
{
  padding-top:1px;
  float:none;
}

#nav ul a
{
  white-space:nowrap;
}

#nav li:hover ul
{ 
  left:0; 
}

#nav li:hover a
{
  background:#88C007;
}

#nav li:hover ul a
{ 
  text-decoration:none;
}

/* Here we define the most explicit hover states--what happens when you hover each individual link. 
*/
#nav li:hover ul li a:hover
{ 
  background:#333;
}
/* NavBar ----------------------------------------------------------------------------------------------------------------- */

#navbar
{
  position: absolute;
  top: 4.1em;
  right: 2em;
}

#navbar ul
{
  list-style: none;
}

#navbar li
{
  display: inline;
  padding-right: 1.1em;
  margin-right: 1em;
  border-right: solid 1px #000;
}

#navbar li.last
{
  border: 0em;
  margin-right: 0em;
  padding-left: 0em;
}

#navbar li a
{
  color: #FFF;
  padding: 0.1em;
  text-decoration: none;
}  

#navbar li a:hover
{
  text-decoration: underline;
}
/* ----  ----------------------------------------------------------------------------------------------------------------- */
#content
{
  background-color: #fff;
  padding: 0em 2em 1.5em 3em;
  margin: 0em 19em 0em 0em;
  float: left;
  line-height: 1.5em;
}

#content img.inline
{
  float: left;
  margin: .25em 1em 1em 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */
#content-full-width
{
  background-color: #fff;
  padding: 0em 2em 1.5em 3em;
  margin: 0em 1em 0em 0em;
  float: left;
  line-height: 1.5em;
}

#content-full-width img.inline
{
  float: left;
  margin: .25em 1em 1em 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */
#content .myButton
{
  background-color: #a0a0a0;
  display: inline-block;	
  cursor: pointer;
  color: #ffffff;
  font: 0.84em/1.333 Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 2px 8px 3px 8px;
  text-decoration: none;
}

#content .myButton:hover 
{
  background-color: #88C007;
  color: #ffffff;
  text-decoration: none;
}

#content a:visited
{
  color: #fff;
}

#content .myButton:active
{

   position: relative;
   top: 1px;
}

#content .iefix.a
{
  color: #0646AD;
  text-decoration: none;
  margin: 0 0 0 0;
}

#content .iefix:link
{
  color: #0646AD;
}

#content .iefix:visited
{
  color: #473F9E;
}

#content .iefix:hover
{
  color: #473F9E;
  text-decoration: underline;  
}
/* Sidebar ---------------------------------------------------------------------------------------------------------------- */

#sidebar
{
  background-color: #E0E0E0;
  float: left;
  width: 18em;
  margin: 0 0 0 -19em;
  padding: 1em 1em 1.5em 0em;
}

#sidebar p
{
  padding: 0 0 0 1.5em;
}

#sidebar h2
{
  font-size: 150%;
  margin: 1em 1em 0.5em 0;
  color: #000;
  padding-bottom: 0.1em;
  padding-left: 1em;
  border-bottom: none;
}

#sidebar ul
{
  margin: 0 0 2em 1.5em;
  padding-left: 0em;
  list-style: square;
}

#sidebar li
{
  list-style: none;
  margin: 0;
  text-align: left;
}
/* Footer --------------------------------------------------------------------------------------------------------- */

#footer
{
  background: #7F7F7F;
  border-top: solid 1px #dfdfdf;
  clear: both;
  color: #fff;
  font-size: 0.9em;
  margin: 0em 0em 0em 0em;
  padding: 1em 2em 1em 0;
  text-align: right;
  z-index: 1;
}

#footer ul
{
  list-style: none;
}

#footer li
{
  display: inline;
  padding-left: 1.1em;
  margin-left: 1em;
  border-left: dotted 1px #fff;
}

#footer li.first
{
  border: 0em;
  margin-left: 0em;
  padding-left: 0em;
}

#footer li a
{
  color: #E0E0E0;
  padding: 0.1em;
  text-decoration: none;
}

#footer li a:hover
{
  color: #fff;
  text-decoration: underline;
}

#breadcrumbs {
  font-size: 0.84em;
  font-weight: normal;

  padding-top: 0.5em;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}