﻿.roundedbox
{
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    padding: 2px 8px 8px 8px;
    margin: 0px 0px 12px 0;
    font-size: 11px;
    background: none;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.roundedbox h2
{
    border-width: 1px;
    border-color: #e3e3e3;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom-style: solid;
    color: #4D4D4D;
}

.roundedbox p
{
    padding-top:4px !important;
    padding-bottom:4px !important;
    line-height: 20px !important;
}

.roundedbox p:first-of-type
{ 
 padding-top:0px !important;
} 
.roundedbox p:last-child
{ 
 padding-bottom:2px !important;
}

.roundedbox.green {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  border-color: #b2dba1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.roundedbox.green h2
{
    border-bottom: solid 1px #b2dba1;

}