.personboxmain{
    margin:0;
    padding:0;
}
.personboxmain .col2{
    text-align:right;
}
.personboxmain ul{
    margin:0;
    padding:0;
}	

.personboxmain ul li {
    display: inline-block;
    width: 91%;
    padding: 2%;
    border: 7px solid #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    box-shadow: 4px 4px 5px -2px rgba(1,61,153,0.2);
    margin: 0 10px 15px 10px;
}

.personboxmain ul.blue li {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,224,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(209,224,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,224,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,224,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,224,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(209,224,255,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1e0ff', GradientType=0 );
}

.personboxmain ul.green li {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(133, 255, 112,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(133, 255, 112,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(133, 255, 112,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(133, 255, 112,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(133, 255, 112,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(133, 255, 112,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#85ff70', GradientType=0 );
}

.personboxmain ul li .pic {
    margin: 0 auto;
    text-align: center;
    width: 133px;
    padding: 10px;
    border: #ffffff 2px solid;
    background: url(../images/personal/bper-bg.jpg) no-repeat;
    box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
}		
.personboxmain ul li .text {float: left;width: 100%;font-size: 15px;line-height: 20px;margin-bottom: 5px;color: #000;font: 20px/20px 'THK2DJuly8', Arial, sans-serif;}	
@media screen and (max-width: 1024px) {
    .personboxmain .col2{
        text-align: left;
    }
}