body {
      background-color: #f0f0f0;
      color: #000000;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: normal;
}

td {
    vertical-align: top;
}


.trcss {
      padding: 2px;
      margin: 2px;
}

.tdcss {
      padding: 3px;
      margin: 2px;
}

.datashowcss {
      background-color: #ffffff;
      color: #0000ff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: normal;
      padding: 2px;
      margin: 2px;
      border: thin solid #aaaaaa;
}

.dataeditcss {
      background-color: #0000ff;
      color: #ffffff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: normal;
      padding: 2px;
      margin: 2px;
      border: thin solid #aaaaaa;
}

.categorygroup {
    font-family:Verdana,sans-serif;
    font-size:80%;
    background-color:#e0e0e0;
    color:#000000;
    border:thin solid #202020;
    padding:2px;
    margin:2px;
/*     height:7.5ex; */
    float:left;
}

.categorygroup_imageform {
    font-family:Verdana,sans-serif;
    font-size:80%;
    background-color:#e0e0e0;
    color:#000000;
    border:thin solid #202020;
    padding:2px;
    margin:2px;
}

.catgrouptitle {
      font-family:Verdana,sans-serif;
      font-weight:bold;
      font-size:100%;
}

.navibar {
    font-size: smaller;
    font-weight: bold;
    padding: 2px;
    margin: 2px;
    margin-bottom: 5px;
}

a.navilink {
    background-color: #9999ff;
    color: #000000;
    border: thin solid #0000ff;
    padding: 2px;
    margin: 2px;
}

a.navilinkactive {
    background-color: #dddddd;
    color: #000000;
    border: thin solid #999999;
    padding: 2px;
    margin: 2px;
}

a.navilink:hover {
    background-color: #ccccff;
    color: #000000;
}

.errorbox {
    background-color: #ffff66;
    color: #000000;
    border-width: thin;
    border-style: solid;
    border-color:  #ff0000;
    padding: 2px;
}

.errortext {
    background-color: #ffff00;
    font-weight: bold;
    color: #000000;
    padding: 2px;
}

.restorebutton {
    background-color: #99ff99;
    color: #000000;
    font-size: smaller;
    font-weight: bold;
    border-width: thin;
    border-style: solid;
    border-color:  #00ff00;
    padding: 2;
    margin-left: 10px;
}

a.newbutton, a.deletebutton, a.editbutton {
    border:1px solid;
    padding:0px;
    margin:1px;
    font-size:smaller;
    font-weight:bold;
    color: #000000;
}

a.newbutton {
    background-color:#99ff99;
    border-color:#00ff00;
}

a.deletebutton {
    background-color:#ff6666;
    border-color:#ff0000;
}

a.editbutton {
    background-color:#9999ff;
    border-color:#0000ff;
}

.query {
    background-color: #ccc;
    font-weight: normal;
    fond-family: monospace;
    color: #000000;
    padding: 2;
}

.categorytable {
    margin: 2px;
    padding: 0px;
    vertical-align: top;
}

.categorymain {
    font-weight: bold;
}

.categorysub {
    font-weight: normal;
}


.noexist {
background-color: #ff0000;
color: #000000;
font-family: monospace;
padding: 1px;
margin: 1px;
}

.exists {
background-color: #00ff00;
color: #000000;
font-family: monospace;
padding: 1px;
margin: 1px;
}

.mono {
font-family: monospace;
padding: 1px;
margin: 1px;
}

.info {
    background-color: #ccccff;
    color: #000000;
    padding: 3px;
    margin: 1px;
    border: #0000ff solid
}


.palaute {
    background-color: #ccccff;
    color: #000000;
    border-width: medium;
    padding: 5;
    border-style: solid;
    border-color:  #0000ff;
    width: 50%;
}

.ohjeteksti {
    font-size: smaller;
}

.maincategory {
      font-weight: bold;
      font-size: larger;
      margin-left: 2px;
}

.subcategory {
    font-weight: normal;
    font-size: normal;
    margin-left: 40px;
}

div.ctbox {
  border:1px #ccc solid;
  float:none;
  /*width:49%;*/
}

.helpbox {
    position: absolute;
    visibility: hidden;
    background: #ffff99;
    border: solid 1px #000000;
    width: 300px;
    padding: 3px;
    margin-left: 20px;
    font-size: 12px;
    font-family: verdana, sans-serif;
    z-index:100;
}

div.container {
    float:left;
    background-color: #eee;
    margin:0px;
    padding:0px;
}

div.delimiter {
    clear:both;
    border:none;
    height:10px;
}

div.formtitle {
    padding:2px;
    font-size: 70%;
    font-family: verdana;
    float:left;
}



.helpbutton {
    background: #ffffff;
    color: #009900;
    border: 1px solid #009900;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    font-family: verdana, sans-serif;
    text-decoration: none;
}