/* style sheet for boxes */
/* written by math for zoo 08.09.18 */

/* ===== Box180 - width 180px ===== */
.box180 {
  margin: 0 auto 1em;
  width: 180px;
  background-image: url(../images/box180_bg_mid.gif);
  background-repeat: repeat-y;
}
.box180_top {
  padding: 10px 0 0 0;
  background-image: url(../images/box180_bg_top.gif);
  background-repeat: no-repeat;
}
.box180_bottom {
  width: 180px;
  height: 10px;
  background-image: url(../images/box180_bg_bottom.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}

/* ===== Box612 - width 612px ===== */
.box612 {
  margin: 0 auto 1em;
  width: 612px;
  background-image: url(../images/box612_bg_mid.gif);
  background-repeat: repeat-y;
}
.box612_top {
  padding: 5px 0 0 0;
  background-image: url(../images/box612_bg_top.gif);
  background-repeat: no-repeat;
}
.box612_bottom {
  width: 612px;
  height: 5px;
  background-image: url(../images/box612_bg_bottom.gif);
  background-repeat: no-repeat;
  overflow: hidden;
}
.box612 p {
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 8px;
}
/* ===== Login-Box ===== */
.box180 ul {
  list-style: none;
}
.box180 table {
  background-color: White;
  margin: 5px 2px;
  width: 170px;
  text-align: center;
  table-layout: auto;
  font-size: 13px;
  border: 0px;
}
.box180 tr,td {
  padding: 0;
}

.box_clear {
  clear: both;
}
/* ==== Image Frame ==== */
img#shadow {
	margin-top: 4px;
	border-width: 1px 4px 4px 1px;
	border-color: #CCCCCC;
	border-style: solid;
}
img#shadow_r {
	float: right;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 4px;
	border-width: 1px 4px 4px 1px;
	border-color: #CCCCCC;
	border-style: solid;
}