* {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(bg_body.jpg);
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
}

a:link {
  color: darkblue;
  text-decoration: none;
}

a:visited {
  color: darkblue;
  text-decoration: none;
}

a:hover {
  color: #000000;
}

#container {
  border: 1px solid #7d7d7d;
  background: #fffffc;
  width: 99%;
  margin: 5px auto;
}

#login-box {
  border: 1px solid #7d7d7d;
  background: #fffffc;
  width: 300px;
  margin: 30px auto;
}

#top {
  margin: 0 auto;
  color: #7d7d7d;
  width: 99%;
  text-align: center;
  border-collapse: collapse;
}

#info {
  text-align: right;
  width: 40%;
}
#site {
  width: 20%;
  text-align: center;
  font-weight: bold; 
}
#title {
  width: 40%;		
  text-align: left;
}

#navigation {
  color: #7d7d7d;
  width: 100%;
  border-bottom: 1px solid #7d7d7d;
  border-top: 1px solid #7d7d7d;
  margin: 5px 0 0 0;
  text-align: center;
  border-collapse: collapse;
}

#navigation td {
  border-left: 1px solid #7d7d7d;
  height: 30px;
  text-align: center;
}

#navigation td.home {
  border-left: none;
}

#navigation td:hover {
  cursor: pointer;
  color: #000000;
}

#navigation td.inactive {
  cursor: auto;
}

#tool {
  margin: 20px auto 20px auto;
  padding: 10px;
  border: 1px solid #7d7d7d;
  color: #7d7d7d;
  text-align: center;
}

#tool.add:hover {
  cursor: pointer;
  color: #000000;
}

#content {
  clear: both;
  width: 99%;
  margin: 0 auto;
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}

#content td, #content th {
  border-width: 1px;
  padding: 2px;
  border-style: inset;
  border-color: #7d7d7d;
}

#content td.multimedia-title, #content th.multimedia-title {
  width: 25%;
}
#content td.multimedia-tags, #content th.multimedia-tags {
  width: 30%;
}
#content td.multimedia-type, #content th.multimedia-type {
  width: 10%;
  text-align: center;
}
#content td.multimedia-views, #content th.multimedia-views {
  width: 5%;
  text-align: center;
}
#content td.multimedia-date, #content th.multimedia-date {
  width: 15%;
  text-align: center;
}
#content td.multimedia-action, #content th.multimedia-action {
  width: 15%;
  text-align: center;
}

#content td.news-title, #content th.news-title {
  width: 45%;
}
#content td.news-action, #content th.news-action {
  width: 10%;
  text-align: center;
}
#content td.news-date, #content th.news-date {
  width: 15%;
  text-align: center;
}
#content td.news-heading, #content th.news-heading {
  width: 10%;
  text-align: center;
}
#content td.news-author, #content th.news-author {
  width: 10%;
  text-align: center;
}
#content td.news-views, #content th.news-views {
  width: 10%;
  text-align: center;
}
#content td.comments-user, #content th.comments-user {
  width: 10%;
  text-align: center;
}
#content td.comments-ip, #content th.comments-ip {
  width: 10%;
  text-align: center;
}
#content td.comments-comment, #content th.comments-comment {
  width: 35%;
}
#content td.comments-date, #content th.comments-date {
  width: 15%;
  text-align: center;
}
#content td.comments-article, #content th.comments-article {
  width: 15%;
  text-align: center;
}
#content td.comments-action, #content th.comments-action {
  width: 5%;
  text-align: center;
}

#content td.users-name, #content th.users-name {
  width: 20%;
}
#content td.users-email, #content th.users-email {
  width: 20%;
  text-align: center;
}
#content td.users-usergroup, #content th.users-usergroup {
  width: 10%;
  text-align: center;
}
#content td.users-ip, #content th.users-ip {
  width: 20%;
  text-align: center;
}
#content td.users-active, #content th.users-active {
  width: 5%;
  text-align: center;
}
#content td.users-avatar, #content th.users-avatar {
  width: 5%;
  text-align: center;
}
#content td.users-action, #content th.users-action {
  width: 20%;
  text-align: center;
}
#content td.shop-title, #content th.shop-title {
  width: 40%;
}
#content td.shop-price, #content th.shop-price {
  width: 10%;
  text-align: center;
}
#content td.shop-bought, #content th.shop-bought {
  width: 10%;
  text-align: center;
}
#content td.shop-views, #content th.shop-views {
  width: 10%;
  text-align: center;
}
#content td.shop-date, #content th.shop-date {
  width: 15%;
  text-align: center;
}
#content td.shop-action, #content th.shop-action {
  width: 15%;
  text-align: center;
}

#content tr:hover {
  background-color: #7d7d7d;
}

#tools {
  margin: 20px auto;
  width: 60%;
}
#tools td {

}

.field {
  border: 1px solid #7d7d7d;
  width: 200px;
}

#pages {
  margin: 10px auto;
  width: 99%;
  text-align: center;
}

#pages span.page {
  margin-left: 10px;
  border: 1px solid #7d7d7d;
  text-align: center;
  padding: 3px;
}

#pages span.page:hover {
  background-color: #7d7d7d;
}

#pages span.current {
  margin-left: 10px;
  background-color: #7d7d7d;
  border: 1px solid #7d7d7d;
  text-align: center;
  padding: 3px;
}

#pages span.dots {
  margin-left: 10px;
  border: 1px solid #7d7d7d;
  text-align: center;
  padding: 3px;
}
#news-form {
  clear: both;
  width: 99%;
  margin: 10px auto 10px auto;
  border-width: 1px;

  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}
#users-form {
  clear: both;
  width: 80%;
  margin: 10px auto 10px auto;
  border-width: 1px;

  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}
#gallery-form {
  clear: both;
  width: 99%;
  margin: -25px auto 10px auto;
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}
#news-form td {
  border: 0;
  padding: 2px;
}
#news-form td.left, #news-form th.left {
  text-align: left;
}
#news-form td.right, #news-form th.right {
  text-align: right;
}
#news-form td.center, #news-form th.center {
  text-align: center;
}
#shop-form {
  width: 99%;
  margin: 10px auto 10px auto;
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}
#shop-form td {
  border: none;
  padding: 2px;
}
#shop-form td.left, #shop-form th.left {
  text-align: left;
}
#shop-form td.right, #shop-form th.right {
  text-align: right;
}
#shop-form td.center, #shop-form th.center {
  text-align: center;
}
#form {
  width: 500px;
  margin: 10px auto;
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}
#form td {
  border: none;
  padding: 2px;
}
#form td.left {
  text-align: left;
}
#form td.right {
  text-align: right;
}
#form td.center {
  text-align: center;
}
#other {
  width: 99%;
  margin: 10px auto;
  border-width: 1px;
  border-spacing: 0px;
  border-style: outset;
  border-color: #7d7d7d;
  border-collapse: collapse;
}
#other td {
  border: none;
  padding: 2px;
}
#other td.left {
  text-align: left;
}
#other td.right, th.right {
  text-align: right;
}
#other td.center {
  text-align: center;
}
#message {
  border: 1px solid #7d7d7d;
  padding: 10px;
  width: 400px;;
  margin: 10px auto;
  text-align: center;
}

.picmenu {

  border-top: 1px solid #7d7d7d;
  width:200px;
  height:850px;
  overflow:auto;
}
.picmenu2 {
  border: 1px solid #7d7d7d;
  width:750px; 
  margin: 0 auto;
  min-height:200px;
  overflow:auto;
}