﻿/* image positioning */

/* -------------- begin Box, Block -------------- */
.Block
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.Block-body{
  position: relative;
  z-index: 0;
  margin: 0px;
}

.Block{
  margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 5px;
  margin-bottom: 0px;
}

.BlockHeader-text{
  white-space : nowrap;
  color: #DDECF8;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  line-height: 30px;
}

.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div {
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l {
  left: 0;
  right: 8px;
}

.BlockHeader .r {
  right: 0;
  width: 8px;
}

.BlockHeader .r div {
  width: 996px;
  right: 0;
}

.BlockHeader .l, .BlockHeader .r div {
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/BlockHeader.png');
}

.header-tag-icon {
  display:inline-block;
  background-position:left top;
  background-image: url('images/BlockHeaderIcon.png');
  padding:0 0 0 28px;
  background-repeat: no-repeat;
  min-height: 21px;
  margin: 0 0 0 5px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent {
  overflow: hidden;
  min-width:19px;
  min-height:19px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

.BlockContent-body {
  position: relative;
  z-index: 0;
  margin: 6px;
}

.BlockContent-tl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 9px;
  height: 9px;
  background-image: url('images/BlockContent-s.png');
}

.BlockContent-tr {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 9px;
  height: 9px;
}

.BlockContent-tr div {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -9px;
  width: 18px;
  height: 18px;
  background-image: url('images/BlockContent-s.png');
}

.BlockContent-bl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 9px;
  height: 9px;
}

.BlockContent-bl div {
  position: absolute;
  z-index: -1;
  top: -9px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url('images/BlockContent-s.png');
}

.BlockContent-br {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 9px;
  height: 9px;
}

.BlockContent-br div {
  position: absolute;
  z-index: -1;
  top: -9px;
  left: -9px;
  width: 18px;
  height: 18px;
  background-image: url('images/BlockContent-s.png');
}

.BlockContent-tc {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 9px;
  right: 9px;
  height: 9px;
}

.BlockContent-tc div {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  background-image: url('images/BlockContent-h.png');
}

.BlockContent-bc {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 9px;
  right: 9px;
  height: 9px;
}

.BlockContent-bc div {
  position: absolute;
  z-index: -1;
  top: -9px;
  left: 0;
  width: 100%;
  height: 18px;
  background-image: url('images/BlockContent-h.png');
}

.BlockContent-cl {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 9px;
  left: 0;
  width: 9px;
  bottom: 9px;
}

.BlockContent-cl div {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  background-image: url('images/BlockContent-v.png');
}

.BlockContent-cr {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 9px;
  right: 0;
  width: 9px;
  bottom: 9px;
}

.BlockContent-cr div {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -9px;
  width: 18px;
  height: 100%;
  background-image: url('images/BlockContent-v.png');
}

.BlockContent-cc {
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  background-image: url('images/BlockContent-c.png');
}

.BlockContent-body {
  color:#242424;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.BlockContent-body a:link {
  color: #1C5482;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

.BlockContent-body a:visited, .BlockContent-body a.visited {
  color: #878787;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}

.BlockContent-body a:hover, .BlockContent-body a.hover {
  color: #2572B1;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
}

.BlockContent-body ul {
  list-style-type: none;
  color: #363636;
  margin:0;
  padding:0;
}

.BlockContent-body li {
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

.BlockContent-body ul li {
  padding:0px 0 0px 9px;
  background-image: url('images/BlockContentBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}

/* end Box, BlockContent */

/* start SHEET corners */

.Sheet-tl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tr {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
}

.Sheet-tr div {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -6px;
  width: 12px;
  height: 12px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-bl {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
}

.Sheet-bl div {
  position: absolute;
  z-index: -1;
  top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-br {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
}

.Sheet-br div {
  position: absolute;
  z-index: -1;
  top: -6px;
  left: -6px;
  width: 12px;
  height: 12px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tc {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 6px;
  right: 6px;
  height: 6px;
}

.Sheet-tc div {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-bc {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 6px;
  right: 6px;
  height: 6px;
}

.Sheet-bc div {
  position: absolute;
  z-index: -1;
  top: -6px;
  left: 0;
  width: 100%;
  height: 12px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-cl {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 6px;
  left: 0;
  width: 6px;
  bottom: 6px;
}

.Sheet-cl div {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 12px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cr {
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 6px;
  right: 0;
  width: 6px;
  bottom: 6px;
}

.Sheet-cr div {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -6px;
  width: 12px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cc {
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  /* changes background color of main content
    background-image: url('images/Sheet-c.png'); */
}

