/*======================================================================*\
|| #################################################################### ||
|| # vt.Lai ShareSide CSS Script                                      # ||
|| # ---------------------------------------------------------------- # ||
|| # Copyright ©2010-2011 Vu Thanh Lai. All Rights Reserved.          # ||
|| # Please do not remove this comment lines.                         # ||
|| # -------------------- LAST MODIFY INFOMATION -------------------- # ||
|| # Last Modify: 23-03-2012 20:40:00 PM by: Vu Thanh Lai             # ||
|| #################################################################### ||
\*======================================================================*/

.side-sharebar {
    top: 175px;
    left: 50%;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-right: none;
    position: fixed;
    -webkit-box-shadow: -6px 0 6px -6px rgba(0,0,0,0.25) inset,0 1px 0 #fff inset;
    -moz-box-shadow: -6px 0 6px -6px rgba(0,0,0,0.25) inset,0 1px 0 #fff inset;
    box-shadow: -6px 0 6px -6px rgba(0,0,0,0.25) inset,0 1px 0 #fff inset;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
	padding:0px;
}


.side-sharebar .item {
    border-bottom: 1px solid #CCC;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    padding: 10px 2px 10px 0;
    text-align: center;
	width: 76px;
}


 .side-sharebar .item:last-child{
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    font-size:.8em;
    line-height:1.133em;
}




.side-sharebar .recentCount{
    display:block;
    text-align:center;
    width:58px;
    height:40px;
    padding:2px 0 0 0!important;
    background-color:#b7b7b8;
    background:none,-khtml-gradient(linear,left top,left bottom,from(#d7d8d9),to(#aaaaab));
    background:none,-moz-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#d7d8d9),color-stop(100%,#aaaaab));
    background:none,-webkit-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,-o-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,-ms-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    color:#39434c;
    border:1px solid #A7A7A8;
    -webkit-box-shadow:0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
    -moz-box-shadow:0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
    box-shadow:0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
    -moz-text-shadow:0 1px 0 rgba(255,255,255,0.65);
    -webkit-text-shadow:0 1px 0 rgba(255,255,255,0.65);
    -khtml-text-shadow:0 1px 0 rgba(255,255,255,0.65);
    text-shadow:0 1px 0 rgba(255,255,255,0.65);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:10px;
    font-weight:bold;
    -webkit-box-shadow:0 2px 0 #8b8b90;
    -moz-box-shadow:0 2px 0 #8b8b90;
    box-shadow:0 2px 0 #8b8b90;
    position:relative;
    margin:0 auto;
	text-decoration: none;
}

.side-sharebar .recentCount .countNumber{
    font-size:1.8em;
}

.side-sharebar .recentCount:after{
    width:0;
    height:0;
    border-top:5px solid #aaaaab;
    border-bottom:5px solid transparent;
    border-right:5px solid #aaaaab;
    display:block;
    position:relative;
    bottom:-7px;
    position:absolute;
    right:10px;
}

.side-sharebar .recentCount:before{
    width:0;
    height:0;
    border-top:5px solid #8b8b90;
    border-bottom:5px solid transparent;
    border-right:5px solid #8b8b90;
    display:block;
    position:relative;
    bottom:-8px;
    position:absolute;
    right:10px;
}


#shareBar p.recentCount{
    font-weight:bold;
}