@CHARSET "UTF-8";

/* SQUARE GREEN */    
.wpl-square-green {
	background: -moz-linear-gradient(top , #a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(top , #a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(top , #a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top , #a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: auto;
    margin: -6px 0 0 -6px;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 0 -1px 0 #85ad74;
}

/* SQUARE BLUE */    
.wpl-square-blue {
	background: -moz-linear-gradient(top , #6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(top , #6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(top , #6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top , #6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: auto;
    margin: -6px 0 0 -6px;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 0 -1px 0 #003C79;
}

/* SQUARE RED */    
.wpl-square-red {
	background: -moz-linear-gradient(top , #DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(top , #DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(top , #DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(top , #DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: auto;
    margin: -6px 0 0 -6px;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 0 -1px 0 #9F2D20;
}

/* ROUND GREEN */    
.wpl-round-green {
	background: -moz-radial-gradient(#a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: radial-gradient(#a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-radial-gradient(#a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-radial-gradient(#a2c094 0px, #85ad74 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: auto;
    margin: -6px 0 0 -6px;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 0 -1px 0 #85ad74;
}

/* ROUND BLUE */    
.wpl-round-blue {
	background: -moz-radial-gradient(#6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: radial-gradient(#6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-radial-gradient(#6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-radial-gradient(#6ad4ff 0px, #003C79 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: auto;
    margin: -6px 0 0 -6px;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 0 -1px 0 #003C79;
}

/* ROUND RED */    
.wpl-round-red {
	background: -moz-radial-gradient(#DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: radial-gradient(#DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-radial-gradient(#DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-radial-gradient(#DC241F 0px, #9F2D20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: auto;
    margin: -6px 0 0 -6px;
    left: 0;
    top: 0;
    text-align: center;
    text-shadow: 0 -1px 0 #9F2D20;
}