body
{
  background-color: #ffffff;
  /*color: #5c5c5c;*/
  color: #000;
  font-family: verdana,sans-serif;
  font-size: 75%;
  line-height: 140%;
  margin: 0;
  padding: 7px 10px 10px 10px;
}
h1, h2
{
  margin: 10px 0 10px 0;
  font-size: 150%;
}
a, a:active, a:link, a:visited { color: blue; }
a img { border: 0; }
.sep { color: #c8c8c8; }
div.errorMessage
{
  margin-bottom: 10px;
  padding: 5px;
  background-color: #ffe0e0;
  color: #000;
}

/*--- minWidth ---------------*/
#minWidth1
{
  width: 100%;
  min-width: 760px;
  margin: 0 auto;
}
#minWidth2
{
  border-left: 760px solid #fff;
  height: 1px;
}
#minWidth3
{
  margin-left: -760px;
  position: relative;
  height: 1px;
}

/*--- linkBox ---------------*/
#linkBox
{
  text-align: center;
  font-size: 75%;
  margin-top: 0;
}
#linkBox a { color: #5c5c5c; }

/*--- bodyBox ---------------*/
#bodyBox
{
  margin-top: 7px;
  padding: 0;
}

/*--- topBox ----------------*/
#topBox { height: 75px; }
#topLogo { float: left; }
#topBanner { float: right; }

/*--- toolBox ---------------*/
#toolBox { margin: 7px 0 0 10px; }
#toolBox a { color: blue; }

/*--- mainBox ---------------*/
#mainBox { margin: 10px 0 0 0; }

/*--- leftBox ---------------*/
#leftBox
{
  margin: 0;
  float: left;
  width: 160px;
}
#leftBox ul
{
  margin: 0 0 1.1em 0;
  padding: 0;
  list-style-type: none;
}
#leftBox ul ul
{
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}
#leftBox a
{
  margin-bottom: 1px;
  padding: 0 0 0 10px;
  display: block;
  background-color: #f4f4f4;
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
  text-decoration: none;
  color: #5c5c5c;
}
#leftBox li a:hover { text-decoration: underline; }
#leftBox li.active a { font-weight: bold; color: #000; }
#leftBox li.no-filter a { background-color: #e0e0e0; }
#leftBox li.active-no-filter a { background-color: #e0e0e0; font-weight: bold; color: #000; }

.rightTextAd h3, .innerTextAd h3 { margin-bottom: 2px; }
.rightTextAd p, .innerTextAd p { margin: 0; }
.rightTextAd span, .innerTextAd span { font-size: 80%; }

.innerTextAds
{
  margin: 4px auto 6px auto;
  width: 572px;
}

.innerTextAd
{
  margin: 0 auto 0 auto;
  width: 280px;
}

.innerAdsense
{
  margin: 0 auto 0 auto;
  width: 468px;
}

.innerBanner
{
  margin: 0 auto 10px auto;
  width: 468px;
  padding: 0px;
}

.rightBanner
{
  margin: 0 0 10px 0;
  padding: 0px;
}

.rightTextAd
{
  margin: 0 0 10px 0;
  padding: 0px;
}


/*--- rightBox --------------*/
#rightBox
{
  margin: 0;
  float: right;
  width: 180px;
}

/*--- contentBox ------------*/
#contentBox
{
  padding: 0 10px 0 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.withRightBox { margin: 0 180px 0 160px; }
.withoutRightBox { margin: 0 -10px 0 160px; }

/*--- searchBox -------------*/
#searchBox
{
  height: 26px;
  margin: 0 0 15px 0;
  padding: 0 0 0 5px;
  background-color: #eee;
}
#searchEditBox { width: 150px; }
#searchButton { width: 52px; }

/*--- items -----------------*/
.item
{
  margin: 0 0 14px 0;
  padding: 0;
}

.item-main
{
  margin: 0;
  padding: 0;
  background-color: #f8f8f8;
  border-left: 4px solid #ddd;
  border-top: 4px solid #ddd;
}
.item-border
{
  padding: 0;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.item-title
{
  padding: 0 5px 2px 5px;
  font-weight: bold;
  background-color: #e4e4e4;
  color: #2c2c2c;
}
.item-date
{
  margin: 0;
  padding: 0 5px 2px 5px;
  line-height: 1em;
  text-align: right;
  font-weight: normal;
  font-size: 78%;
}
.item-info
{
  margin: 0;
  padding: 0 0 2px 5px;
  float: right;
  font-weight: normal;
  color: #000;
}
.item-body { padding: 4px 5px 2px 5px; }
.item-image
{
  margin-left: 5px;
  width: 90px;
  height: 68px;
  float: right;
}
.item-footer { margin-top: 4px; }
.item table,
.item tbody,
.item tr,
.item td
{
  margin: 0;
  padding: 0;
}
.item table,
.item tbody
{
  width: 100%;
}
.item a { color: #000; }
.item .highlight
{
  font-weight: bold;
  color: #ff4444;
}
.item .email { color: #000; }
.item .email-highlighted { color: #000; background-color: #ffffd5; }
.item .email-at { color: #5c5c5c; font-style: italic; }

.item .phone { color: #000; }
.item .phone-highlighted { color: #000; background-color: #ffffd5; }

.item .top { color: #f00; font-size: 90%; }

/*--- item colors -----------*/
.item .usage0 .item-main { border-color: #24ae41; }
.item .usage0 .item-title { background-color: #b8e9c2; }

.item .usage1 .item-main { border-color: #c3442b; }
.item .usage1 .item-title { background-color: #f4c7be; }

.item .usage2 .item-main { border-color: #ca4291; }
.item .usage2 .item-title { background-color: #f5c5e1; }

.item .usage3 .item-main { border-color: #2b7fc3; }
.item .usage3 .item-title { background-color: #bedcf4; }

.item .usage4 .item-main { border-color: #9eca24; }
.item .usage4 .item-title { background-color: #e7f6bb; }

.item .usage5 .item-main { border-color: #3da6b0; }
.item .usage5 .item-title { background-color: #c4eaed; }

.item .usage6 .item-main { border-color: #707b7c; }
.item .usage6 .item-title { background-color: #d6dada; }


/*--- detail ----------------*/
.detail .email { color: #000; }
.detail .email-highlighted { color: #000; background-color: #ffff99; }
.detail .email-at { color: #5c5c5c; font-style: italic; }

.detail .phone { color: #000; }
.detail .phone-highlighted { color: #000; background-color: #ffff99; }

.detail-image
{
  margin-top: 10px;
  width: 100%;
  max-width: 600px;
  -ms-interpolation-mode: bicubic;
}

/*--- editForm --------------*/
#editForm
{
  padding: 5px 10px 0 0;
  background: #f4f4f4;
}
#editForm td { vertical-align: top; }
#editForm .help
{
  color: gray;
  font-size: 90%;
}
#editForm input.small,
#editForm select.small
{
  width: 120px;
}
#editForm input.middle,
#editForm select.middle
{
  width: 230px;
}
#editForm textarea { width: 100%; }

/*--- editOrDeleteForm ------*/
#editOrDeleteForm input[type=text] { width: 100px; }

/*--- pager -----------------*/
.pager
{
  margin: 10px 0 10px 0;
  line-height: 220%;
  text-align: center;
}
.pager a
{
  margin: 0;
  padding: 5px 4px 5px 4px;
  background-color: #f4f4f4;
  border: 1px solid #e4e4e4;
}
.pager a.prev, .pager a.next
{
  background-color: #fff;
  border-width: 0;
}
.pager .current
{
  margin: 0;
  padding: 5px 4px 5px 4px;
  background-color: #e4e4e4;
  border: 1px solid #d4d4d4;
  font-weight: bold;
}

a.grayLink
{
  text-decoration: none;
  color: #333;
}