.circle-extra-small {
	display: block;
	height: 25px;
	width: 25px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.circle-large {
	display: block;
	width: 140px;
	height: 140px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/circles/large.jpg);
	background-repeat: no-repeat;
}
.circle-large:active {
    background-position: 0px -280px;
}
.circle-large p {
	text-align: center;
	font-size: medium;
	height: 140px;
	width: 140px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 0px 0px;
	display: table-cell;
	vertical-align: middle;
	color: white;
}
.circle-large table tr td {
	text-align: center;
	height: 140px;
	width: 140px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}
.circle-large a {
    color: white;
    font-size: medium;
    text-decoration: none;
}
.circle-large table tr td a:visited {
    color: white;
    text-decoration: none;
}

.circle-large.blue {
    background-position: 0px 0px;
}
.circle-large.blue:hover {
    background-position: 0px -140px;
}
.circle-large.blue:active {
    background-position: 0px -280px;
}
.circle-large.green {
    background-position: -140px 0px;
}
.circle-large.green:hover {
    background-position: -140px -140px;
}
.circle-large.green:active {
    background-position: -140px -280px;
}
.circle-large.pink {
    background-position: -280px 0px;
}
.circle-large.pink:hover{
    background-position: -280px -140px;
}
.circle-large.pink:active {
    background-position: -280px -280px;
}
.circle-large.purple {
    background-position: -420px 0px;
}
.circle-large.purple:hover {
    background-position: -420px -140px;
}
.circle-large.purple:active {
    background-position: -420px -280px;
}
.circle-large.red {
    background-position: -560px 0px;
}
.circle-large.red:hover {
    background-position: -560px -140px;
}
.circle-large.red:active {
    background-position: -560px -280px;
}
.circle-large.yellow {
    background-position: -700px 0px;
}
.circle-large.yellow:hover {
    background-position: -700px -140px;
}
.circle-large.yellow:active {
    background-position: -700px -280px;
}
.circle-large.aqua {
    background-position: -840px 0px;
}
.circle-large.aqua:hover {
    background-position: -840px -140px;
}
.circle-large.aqua:active {
    background-position: -840px -280px;
}
.circle-large.clear {
    background-position: -980px 0px;
}
.circle-large.clear:hover {
    background-position: -980px -140px;
}
.circle-large.clear:active {
    background-position: -980px -280px;
}
.circle-large.lightblue {
    background-position: -1120px 0px;
}
.circle-large.lightblue:hover {
    background-position: -1120px -140px;
}
.circle-large.lightblue:active {
    background-position: -1120px -280px;
}

.circle-medium {
	display: block;
	height: 100px;
	width: 100px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/circles/medium.jpg);
	background-repeat: no-repeat;
    background-position: 0px 0px;
}
.circle-medium p {
	text-align: center;
	font-size: medium;
	color: white;
	height: 100px;
	width: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px 0px 0px 0px;
	display: table-cell;
	vertical-align: middle;
}
.circle-medium table tr td {
	text-align: center;
	height: 100px;
	width: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}

.circle-medium a {
	color: white;
	font-size: medium;
	text-decoration: none;
}
.circle-medium a:visited {
	color: white;
	text-decoration: none;
}

.circle-medium.blue {
    background-position: 0px 0px;
}
.circle-medium.blue:hover {
    background-position: 0px -100px;
}
.circle-medium.blue:active {
    background-position: 0px -200px;
}
.circle-medium.blue.active {
    background-position: 0px -300px;
}
.circle-medium.green {
    background-position: -100px 0px;
}
.circle-medium.green:hover {
    background-position: -100px -100px;
}
.circle-medium.green:active {
    background-position: -100px -200px;
}
.circle-medium.green.active {
    background-position: -100px -300px;
}
.circle-medium.pink {
    background-position: -200px 0px;
}
.circle-medium.pink:hover {
    background-position: -200px -100px;
}
.circle-medium.pink:active {
    background-position: -200px -200px;
}
.circle-medium.pink.active {
    background-position: -200px -300px;
}
.circle-medium.purple {
    background-position: -300px 0px;
}
.circle-medium.purple:hover {
    background-position: -300px -100px;
}
.circle-medium.purple:active {
    background-position: -300px -200px;
}
.circle-medium.purple.active {
    background-position: -300px -300px;
}
.circle-medium.red {
    background-position: -400px 0px;
}
.circle-medium.red:hover {
    background-position: -400px -100px;
}
.circle-medium.red:active {
    background-position: -400px -200px;
}
.circle-medium.red.active {
    background-position: -400px -300px;
}
.circle-medium.yellow {
    background-position: -500px 0px;
}
.circle-medium.yellow:hover {
    background-position: -500px -100px;
}
.circle-medium.yellow:active {
    background-position: -500px -200px;
}
.circle-medium.yellow.active {
    background-position: -500px -300px;
}
.circle-medium.aqua {
    background-position: -600px 0px;
}
.circle-medium.aqua:hover {
    background-position: -600px -100px;
}
.circle-medium.aqua:active {
    background-position: -600px -200px;
}
.circle-medium.aqua.active {
    background-position: -600px -300px;
}
.circle-medium.lightblue {
    background-position: -700px 0px;
}
.circle-medium.lightblue:hover {
    background-position: -700px -100px;
}
.circle-medium.lightblue:active {
    background-position: -700px -200px;
}
.circle-medium.lightblue.active {
    background-position: -700px -300px;
}

.circle-small {
	display: block;
	height: 60px;
	width: 60px;
	padding: 0px 0px 0px 0px;
	background-image: url(../../images/circles/small.jpg);
	background-repeat: no-repeat;
}
.circle-small p {
	text-align: center;
	font-size: small;
	color: white;
	height: 60px;
	width: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px 0px 0px 0px;
	display: table-cell;
	vertical-align: middle;
}
.circle-small table tr td {
	text-align: center;
	height: 60px;
	width: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}
.circle-small a {
    font-size: small;
    color: white;
    text-decoration: none;
}
.circle-small a:visited {
    color: white;
    text-decoration: none;
}

.circle-small.blue {
    background-position: 0px 0px;
}
.circle-small.blue:hover {
    background-position: 0px -60px;
}
.circle-small.blue:active {
    background-position: 0px -120px;
}
.circle-small.blue.active {
    background-position: 0px -180px;
}
.circle-small.green {
    background-position: -60px 0px;
}
.circle-small.green:hover {
    background-position: -60px -60px;
}
.circle-small.green:active {
    background-position: -60px -120px;
}
.circle-small.green.active {
    background-position: -60px -180px;
}
.circle-small.pink {
    background-position: -120px 0px;
}
.circle-small.pink:hover {
    background-position: -120px -60px;
}
.circle-small.pink:active {
    background-position: -120px -120px;
}
.circle-small.pink.active {
    background-position: -120px -180px;
}
.circle-small.purple {
    background-position: -180px 0px;
}
.circle-small.purple:hover {
    background-position: -180px -60px;
}
.circle-small.purple:active {
    background-position: -180px -120px;
}
.circle-small.purple.active {
    background-position: -180px -180px;
}
.circle-small.red {
    background-position: -240px 0px;
}
.circle-small.red:hover {
    background-position: -240px -60px;
}
.circle-small.red:active {
    background-position: -240px -120px;
}
.circle-small.red.active {
    background-position: -240px -180px;
}
.circle-small.yellow {
    background-position: -300px 0px;
}
.circle-small.yellow:hover {
    background-position: -300px -60px;
}
.circle-small.yellow:active {
    background-position: -300px -120px;
}
.circle-small.yellow.active {
    background-position: -300px -180px;
}
.circle-small.aqua {
    background-position: -360px 0px;
}
.circle-small.aqua:hover {
    background-position: -360px -60px;
}
.circle-small.aqua:active {
    background-position: -360px -120px;
}
.circle-small.aqua.active {
    background-position: -360px -180px;
}
.circle-small.lightblue {
    background-position: -420px 0px;
}
.circle-small.lightblue:hover {
    background-position: -420px -60px;
}
.circle-small.lightblue:active {
    background-position: -420px -120px;
}
.circle-small.lightblue.active {
    background-position: -420px -180px;
}

.circle-rss-small {
	background: url(../../images/circles/rss-small.jpg) 0px 0px no-repeat;
}
.circle-rss-small:hover {
	background: url(../../images/circles/rss-small.jpg) 0px 0px no-repeat;
}

.circle-small.facebook {
	background: url(../../images/circles/facebook-small.jpg) 0px 0px no-repeat;
}
.circle-small.facebook:hover {
	background-position: 0px -60px;
}
.circle-small.twitter {
	background: url(../../images/circles/twitter-small.jpg) 0px 0px no-repeat;
}
.circle-small.twitter:hover {
	background-position: 0px -60px;
}
.circle-small.greatvine {
	background: url(../../images/circles/greatvine-small.jpg) 0px 0px no-repeat;
}
.circle-small.greatvine:hover {
	background-position: 0px -60px;
}
.circle-small.youtube {
	background: url(../../images/circles/youtube-small.jpg) 0px 0px no-repeat;
}
.circle-small.youtube:hover {
	background-position: 0px -60px;
}