/* -------------------
   Common
*/
.commonArea
{
    margin:-2px -10px 10px -10px;
    padding-bottom:5px;
    padding-top:5px;
    background-color:rgb(240, 240, 240);
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow: 0 5px 5px -5px rgba(64, 64, 64, 0.7);
    text-shadow:0 1px 1px rgba(0,0,0,0.30);
}

.commonArea div
{
    text-align:center;


}

@media screen and (max-width: 767px)
{
    .commonArea
    {
        margin-top:-10px;
    }
}

.distributionDate
{
    font-size:x-large;
    font-weight:bolder;
}

.newCommunication {
    color:green;
}

.distributionPercent{
    font-size:xx-large;
    font-weight:bolder;
    color: green;
    text-shadow:0px 1px 3px rgba(0,0,0,.2);
}

.cardValueMedium
{
    font-size:x-large;
    font-weight:bolder;
    color: green;
    text-shadow:0px 1px 3px rgba(0,0,0,.4);
}

.cardValueSmall
{
    font-size:large;
    font-weight:bolder;
    color: #65c165;
}

.commonArea .heading
{
	padding-bottom: 2px;
	border-bottom: 1px solid #404040;
}

.commonArea .personName
{
    vertical-align: middle;
	font-size: 16px;
	font-weight:300;
	color: #221564;
}