body {
  background-color: #eee;
  color: #000;
  margin-top:20px;
  /*min-width:960px;*/
}
#wrap {
    background-color:#fff;
    margin: 10px; /* auto; */
    /*width       : 99%; */ /*960px;*/
    border-width: 0 1px;
    border-style: solid;
}
#header {
    background-color: #898;
    color           : #fff;
    border-width    : 1px 0;
    border-style    : solid;
}
    #header h1 {
        padding : 5px;
        margin  : 0;
    }
    #header a { text-decoration : none; }

#nav {
  background-color: #aba;
  color: #000;
  padding:5px;
  text-align: right;
  border-bottom: 1px;
  border-style: solid;
}
    #nav ul {
      margin:0;
      padding:0;
      list-style:none;
    }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
    }
    #nav a {
      text-decoration: none;
      background-color: #bcb;
      color: #000;
      padding: 4px 5px 4px 5px;
      border: solid 1px #000;
    }
    #nav a:hover {
      text-decoration: none;
      background-color: #787;
      color: #fff;
      padding: 4px 5px 4px 5px;
    }
#main {
    /*
  background:#fff;
  float:right;
  width:750px;
  */
    width   : 99%;
    margin  : 15px 15px 5px 15px;
}
    #main h2, #main h3, #main p {
      padding: 4px 0;
    }
    #main p {
      line-height: 14px;
    }

#sidebar {
  color: #000;
  float:left;
  width : 190px;
  margin-top: 10px;
}
    #sidebar h3 {
      margin: 5px 10px 1px 10px;
      padding-bottom: 0;
    }
    #sidebar ul {
      border: solid 1px #fff;
      border-bottom-width: 0;
      margin: 0px 10px;
      margin-bottom: 2px;
    }
    #sidebar ul, #sidebar ul li {
      list-style-type: none;
      display: block;
    }
    #sidebar ul li {
      border-bottom: solid 1px #fff;
    }
    #sidebar ul li, #sidebar ul li a {
      margin: 0;
      display: block;
      padding: 0;
      line-height: normal;
    }
    #sidebar ul li a {
      display: block;
      padding: 2px 5px 3px 5px;
    }
    #sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
      text-decoration: none;
      background-color: #cdc;
      color: #000;
    }
    #sidebar ul li a:hover {
      text-decoration: none;
      background-color: #898;
      color: #fff;
    }
    #sidebar h3, #sidebar p {
      padding:0 10px 0 0;
    }

#footer {
  background-color: #898;
  color: #DDDDDD;
  text-align: center;
  clear:both;
  border-width: 1px 0;
  border-style: solid;
  margin-top: 150px;
}
    #footer p {
      padding:5px;
      margin:0;
    }

#wrap, #header, #footer, #nav, #nav ul li a, #sidebar, #sidebar ul, #sidebar ul li {
  border-color: #565;
}

/*
table {
  width: auto;
  min-width: 80%;
  border: 1px solid #565;
  background-color: #fff;
}


th {
  padding: 3px 4px;
  color: #fff;
  background-color: #898;
  border-top: 1px solid #565;
  border-bottom: 1px solid #565;
  text-align: left;
}

td {
  text-align: left;
  font-size: 11px;
  padding: 4px;
  line-height: 16px;
}
*/

table { float: left; }
th { background-color: #C1D8C1; }

/*
input, textarea {
  font-size: 11px;
  font-weight: normal;
  cursor: text;
  vertical-align: middle;
  padding: 2px;
  color: #000;
  border: 1px solid #565;
  background-color: #ded;
}
    input:hover, textarea:hover {
      border: solid 1px #f00;
    }

    input.button {
      padding: 1px 3px;
      background-color: #aba;
      color: #000;
      cursor: pointer;
      line-height: 13px;
    }

    input.button:hover {
      background-color: #898;
      color: #fff;
    }
    .input { width: 120px; }
*/

.input28 { height: 28px !important; }

option {
  padding: 0 12px 0 0;
  color: #000;
}
    option.disabled-option { color: #9D9D9D; }

.pagination span {
  font-family: Tahoma,arial,Verdana,Sans-serif;
  background-color: #787;
  color: #fff;
  border: 1px solid #787;
  padding: 0px 3px 1px 3px;
}
    .pagination a {
      font-family: Tahoma,arial,Verdana,Sans-serif;
      text-decoration: none;
      background-color: #bcb;
      color: #000;
      border: 1px solid #565;
      padding: 0px 3px 1px 3px;
    }
    .pagination a:hover {
      font-family: Tahoma,arial,Verdana,Sans-serif;
      border-color: #787;
      background-color: #787;
      color: #fff;
    }

/* new mic */
.help { color: #989898 }
#debug { font-size: 12px; margin: 10px; padding: 10px; border: 1px solid #FF0000; background-color: #FFF6F6; }
    #debug ol, ul { list-style: disc; }
    #debug ul { margin: 0 0 0 15px; }

/*
#subnav { float: left; }
    #subnav .item { float: left; width: 120px; margin-left: 15px; }
*/

.button { margin: 20px auto; text-align: center; }
    .button input { cursor: pointer; }

/*
#message {
    float: left;
    margin: 20px 20px 20px 200px;
    padding: 10px;
    text-align: left;
    border: 1px solid #116924;
    background-color: #E5FFE9;
}
*/

#message { margin: 20px; float: right; width: 50%; }

.center { margin: 0 auto; text-align: center; }
.edit { color: #10682D; font-weight: bold; }
.new { color: #106F26; font-weight: bold; }
.filterForm { margin: 10px 0; }
.red { color: #FF0000; }
.green { color: #166427; }
.bold { font-weight: bold; }

/* icons */
.icon-16 { margin-bottom: -3px; height: 16px; width: 16px; }
.success { background: #FFFFFF url('../../../system/images/success.png') no-repeat left top; }
.success span { margin-left: 20px; }

#subnav {
    background-color: #C6D8C6;
    color           : #666666;
    padding         : 2px;
    text-align      : right;
    border-bottom   : 1px;
    border          : 1px solid #AFAFAF;
    height          : 17px;
}
    #subnav ul {
        margin-top  : 3px;
        padding     : 2px;
        list-style  : none;
    }
    #subnav li {
        display     : inline;
        margin      : 0;
        padding     : 0;
    }
    #subnav a {
        text-decoration : none;
        background-color: #D8EAD8;
        color           : #707070;
        padding         : 3px 5px 3px 5px;
        border          : solid 1px #949494;
    }
    #subnav a:hover {
        text-decoration : none;
        background-color: #ABBFAB;
        color           : #383838;
        padding         : 3px 5px 3px 5px;
    }