/* ------------------------ BOX ------------------------ */
.box
{
  border: 1px solid;
  margin-top: 15px;
}

.box .inner
{
  border: 0px solid #ffffff;
  min-height: 90px;
  padding: 15px;
}

/* ------------------------ BLUE ------------------------ */
.blue
{
  border-color: #818e9e;
}

.blue .inner
{
  background: #eff3f8 url(../layout/box/blue_bg.gif) repeat-x;
  color: #425465;
}

.blue h2
{
  color: #818e9e;
}

/* ------------------------ GREEN ------------------------ */
.green
{
  border-color: #92b164;
}

.green .inner
{
  background: #f6ffe8 url(../layout/box/green_bg.gif) repeat-x;
  color: #547325;
}

.green h3
{
  color: #92b164;
}

/* ------------------------ ORANGE ------------------------ */
.orange
{
  border-color: #b1986b;
}

.orange .inner
{
  background: #fef6e9 url(../layout/box/orange_bg.gif) repeat-x;
  color: #795c2a;
}

.orange h2
{
  color: #b1986b;
}

/* ------------------------ YELLOW ------------------------ */
.yellow
{
  border-color: #6c7425;
}

.yellow .inner
{
  background: #ffffe9 url(../layout/box/yellow_bg.gif) repeat-x;
  color: #aab165;
}

.yellow h2
{
  color: #6c7425;
}

/* ------------------------ TEXT ------------------------ */
.box h2
{
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}

.box h2 span
{
  font-size: 11px;
  font-weight: normal;
  left: 0px;
  position: relative;
  top: -8px;
}

.box h2 a
{
  background: inherit;
  color: inherit;
  text-decoration: inherit;
}

.box p
{
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
}

/* ------------------------ IMAGE ------------------------ */
.box .inner img.preview
{
  float: left;
  margin: 0px 17px 10px 0px;
}