﻿
.box {
	background:#ffffff;
	border:1px solid #C3C3C3;
	border-collapse:collapse;
	border-radius:2px ;
	cursor:pointer;
}

.boxreport {
	height:100px;
	background:#ffffff;
	border:1px solid #C3C3C3;
	border-collapse:collapse;
	border-radius:2px ;
	cursor:pointer;
}
/*==================================================
 * Effect 
 * ===============================================*/
.effect
{
     position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect:before, .effect:after
{  
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
 }
 
 .effect:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.effectHeader
{
    font:normal 14px Verdana;
    color:#800000;
    font-weight:bold;
    padding:5px;
 
 }
.effectText
{
    font:normal 13px Verdana;
    width:90%;
    padding:5px;
    color:#777777;
    word-spacing:2px;
    float:left;
}

