/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
  margin: 0;
  padding: 0;
}

body, th, td, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
}

h1, h2, h3 {
  color: #246030;
}

h1 {
  font-size: 3em;
}

h2 {
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  color: #246030;
}

h3 {
  font-size: 1em;
}

ul, ol {
  margin-left: 3em;
}

a {
  text-decoration: underline;
  color: #246030;
}

a:hover {
  border: none;
  text-decoration: none;
}

h1 a, h2 a, h3 a {
  border: none;
  text-decoration: none;
  color: #246030;
}

h1 a:hover, h2 a:hover, h3 a:hover {
  background: none;
  color: #246030;
}

#main
{
/*
width: 665px;
margin: 0 auto;
*/
width: 706px;
margin: 0;
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
background: #ffffff;
}

#console {
  width: 750px;
  margin: 0;
  height: 500px;
  background: black;
}

#title {
  float: left;
  width: 706px;
  background: #ffffff url(images/menu.gif) repeat-x;

  display: block;
  float: left;
  height: 40px;
  text-decoration: none;
  font-size: 18px;
  padding-top: 21px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

#menu {
  float: left;
  height: 65px;
  width: 556px;
  padding-left: 65px;
  background: #ffffff url(images/menu.gif) repeat-x;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
}

#menu li {
  float: left;
}

#menu a {
  display: block;
  float: left;
  height: 40px;
  width: 100px;
  text-decoration: none;
  font-size: 14px;
  padding-top: 25px;
  font-weight: bold;
  color: #000000;
    text-align: center;

}

#menu a:hover {
  color: #ffffff;
  background: url(images/menu_r.gif) repeat-x;
}

/* Logo */

#logo {
  width: 665px;
  height: 437px;
  margin: 0 auto;
  background: url(images/header.jpg) no-repeat left top;
  text-align: lefr;
}

#logo h1 {
  padding-top: 180px;
  padding-left: 20px;
  color: #246030;
  font-size: 18px;
}

#logo h2 {
  font-style: italic;
  font-size: 10px;
  padding-left: 20px;
}

#logo a {
  color: #ffffff;
}

/* Page */

#page {
  /*margin-left:10px;*/
  width: 706px;
  background: url(images/table_back.gif) repeat-x;
  border-top: none;
}

/* Content */

#content {
  float: left;
  width: 706px;
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#content H4
{
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #246030;
}

#content p
{
line-height: 20px;
}

#content .boxes {
  float:left;
  margin:0;
  padding:0;
}

#content .box-l
{
  border: 1px solid #246030;
  width: 460px;
  width: 570px;
  margin-bottom: 20px;
  margin: 10px;
}

#content .box2-l
{
  border: 1px solid #ffffff;
  background: #ffffff url(images/box_back.gif) repeat-x top;
  width: 438px;
  width: 548px;
  padding: 10px;
}

.box2-l th {
  width: 120px;
  text-align: right;
  vertical-align: top;
  padding-right:5px;
}

#content .box-r
{
  border: 1px solid #246030;
  width: 460px;
  width: 352px;
  margin-bottom: 20px;
  margin: 10px;
}

#content .box2-r
{
  border: 1px solid #ffffff;
  background: #ffffff url(images/box_back.gif) repeat-x top;
  width: 438px;
  width: 330px;
  padding: 10px;
}

.date {
  text-align: right;
  color: #918E48;
  font-size: 11px;
}

.date a {
  color: #918E48;
}

dl {
  /*
  margin-top: 5px;
  margin-left: 10px;
  */
  margin: 5px 10px;
  padding: 10px 15px;
  border: 1px solid #246030;
}

dt {
  line-height: 1.5em;
  font-weight: bold;
  width: 100px;
  float: left;
  clear: both;
}

dd {
  display: block;
  line-height: 1.5em;
}

/* Sidebars */

.sidebar {
  float: left;
}

.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sidebar2 {
  width: 218px;
  position: absolute;
  top: 0;
  left:0;
  background-color: white;
}

#sidebar2 li h2 {
  background: url(images/title.gif) no-repeat left top;
  height: 30px;
  color: #FFFFFF;
  padding-left: 50px;
  padding-top: 14px;
}

#sidebar2 li ul {
  line-height: normal;
  margin-left: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
}

#sidebar2 li li {
  padding: 5px;

  background: url(images/small.png) no-repeat left;
  font-size: .8em;
}

#sidebar2 li a {
  border: none;
  padding-left: 10px;
}

#sidebar2 li a:hover {
  border: none;
  padding-left: 10px;
}

#sidebar2 table {
  border:1px solid gray;
  margin:5px 10px;
  padding:5px;
  width:198px;
}
#sidebar2 table td.label {
  font-weight:bold;
  width:100px;
}
#sidebar2 table td.value {
}

#timer {
  position:absolute;
  top:7px;
  left:10px;
  width:30px;
  height:30px; background-image:url(timer_white.png);
}

#sidebar2 button {
  width: 205px;
  margin: 5px 0 0 5px;
}

div.title-back {
  padding-bottom: 5px;
}

#base {
  position:absolute;
  bottom:0;
  width:100%;
  height:50px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#FFF),
    color-stop(0.01, #333),
    color-stop(0.39, #999),
    color-stop(0.40, #000),
    color-stop(0.80, #333),
    to(#666)
  );
}

#step-time {
  margin-top:2px;
}

#app-menu {
  margin-top:12px;
  float:left;
}

#base a {
  color:white;
  text-decoration:none;
  font-weight:bold;
  text-shadow:0 -1px 1px #000;
  padding:2px 5px;
  margin:5px 0 5px 5px;
  -webkit-box-shadow:1px 1px 1px #000;
  -webkit-border-radius:5px;
}

#step-time a {
  padding:1px 5px;
  background-color: #808080;	/* outside Chrome (ok.2nd) */
}

#base a.yellow {
  border:1px solid #AA9;
  background-color: #FFD700;	/* outside Chrome (ok.2nd) */
  background: -webkit-gradient(linear, left top, left bottom,
    from(#000),
    color-stop(0.01, #FFC),
    color-stop(0.60, #330),
    color-stop(0.61, #000),
    color-stop(0.99, #996),
    to(#000)
  );
}

#base a.blue {
  border:1px solid #99A;
  background-color: #0000A0;	/* outside Chrome (ok.2nd) */
  background: -webkit-gradient(linear, left top, left bottom,
    from(#000),
    color-stop(0.01, #CCF),
    color-stop(0.60, #003),
    color-stop(0.61, #000),
    color-stop(0.99, #669),
    to(#000)
  );
}

#base a.red {
  border:1px solid #A99;
  background-color: #FF0000;	/* outside Chrome (ok.2nd) */
  background: -webkit-gradient(linear, left top, left bottom,
    from(#000),
    color-stop(0.01, #FCC),
    color-stop(0.60, #300),
    color-stop(0.61, #000),
    color-stop(0.99, #966),
    to(#000)
  );
}

#base a.green {
  border:1px solid #9A9;
  background-color: #006400;	/* outside Chrome (ok.2nd) */
  background: -webkit-gradient(linear, left top, left bottom,
    from(#000),
    color-stop(0.01, #CFC),
    color-stop(0.60, #030),
    color-stop(0.61, #000),
    color-stop(0.99, #696),
    to(#000)
  );
}

#base a.gray {
  border:1px solid #AAA;
  background-color: #808080;	/* outside Chrome (ok.2nd) */
  background: -webkit-gradient(linear, left top, left bottom,
    from(#000),
    color-stop(0.01, #FFF),
    color-stop(0.60, #333),
    color-stop(0.61, #000),
    color-stop(0.99, #999),
    to(#000)
  );
}

#stroke-menu {
  margin-top:12px;
  float:left;
}

#system-menu {
  margin-top:12px;
  float:right;
}

/* dialogs */
#help td {
  padding:5px;
  vertical-align:top;
}
#help th {
  width:110px;
  text-align:left;
  vertical-align:top;
}
