.button_link {
background: #983a08;
background: -moz-linear-gradient(top, #983a08 0%, #6b1a02 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#983a08), to(#6b1a02));
border: 1px solid #6b1a02;
border-bottom: 1px solid #3b0b00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #B3B3B3;
color: #ffffff !important;
font-size: 11px;
line-height: 1;
padding: 7px 15px 7px 15px;
margin-bottom: 5px;
text-align: center;
display: inline-block;
position: relative;
}
.button_link:hover {
color: #ffffff !important;
text-decoration:none !important;
background: #6b1a02;
background: -moz-linear-gradient(top, #6b1a02 0%, #983a08 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6b1a02), to(#983a08));
-moz-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #4c4c4c;
cursor: pointer;
}
.button_link:active {
-moz-box-shadow: inset 0 0 8px 4px #6b1a02, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #6b1a02, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #6b1a02, 0 1px 0 0 #eee;
}
.button_link.medium_button {
font-size: 14px;
padding: 10px 15px;
}
.button_link.large_button {
font-size: 16px;
padding: 15px 20px;
}
.button_link.super_button {
font-size: 16px;
padding: 20px 25px;
} .black_gradient { 
background: #434343;
background: -moz-linear-gradient(top, #434343 0%, #1a1a1a 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#1a1a1a));
border: 1px solid #3f3f3f;
border-bottom: 1px solid #0a0a0a;
-moz-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #B3B3B3;
}
.black_gradient:hover {
background: #1a1a1a;
background: -moz-linear-gradient(top, #1a1a1a 0%, #434343 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a1a1a), to(#434343));
-moz-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #4c4c4c;
}
.black_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #1a1a1a, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #1a1a1a, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #1a1a1a, 0 1px 0 0 #eee;
}
.red_gradient {
background: #840003;
background: -moz-linear-gradient(top, #840003 0%, #540300 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#840003), to(#540300));
border: 1px solid #460300;
border-bottom: 1px solid #3a0200;
-moz-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #B3B3B3;
}
.red_gradient:hover {
background: #540300;
background: -moz-linear-gradient(top, #540300 0%, #840003 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#540300), to(#840003));
-moz-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #4c4c4c;
}
.red_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #540300, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #540300, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #540300, 0 1px 0 0 #eee;
}
.blue_gradient {
background: #002757;
background: -moz-linear-gradient(top, #002757 0%, #001733 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002757), to(#001733));
border: 1px solid #001733;
border-bottom: 1px solid #001024;
-moz-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #B3B3B3;
}
.blue_gradient:hover {
background: #001733;
background: -moz-linear-gradient(top, #001733 0%, #002757 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#001733), to(#002757));
-moz-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #4c4c4c;
}
.blue_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #001733, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #001733, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #001733, 0 1px 0 0 #eee;
}
.purple_gradient {
background: #450068;
background: -moz-linear-gradient(top, #450068 0%, #230035 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#450068), to(#230035));
border: 1px solid #230035;
border-bottom: 1px solid #190026;
-moz-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #B3B3B3;
}
.purple_gradient:hover {
background: #230035;
background: -moz-linear-gradient(top, #230035 0%, #450068 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#230035), to(#450068));
-moz-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #4c4c4c;
}
.purple_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #230035, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #230035, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #230035, 0 1px 0 0 #eee;
}
.coffee_gradient {
background: #3a2800;
background: -moz-linear-gradient(top, #3a2800 0%, #1d1400 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a2800), to(#1d1400));
border: 1px solid #1d1400;
border-bottom: 1px solid #160f00;
-moz-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #B3B3B3;
}
.coffee_gradient:hover {
background: #1d1400;
background: -moz-linear-gradient(top, #1d1400 0%, #3a2800 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d1400), to(#3a2800));
-moz-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #4c4c4c;
}
.coffee_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #1d1400, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #1d1400, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #1d1400, 0 1px 0 0 #eee;
}
.gray_gradient {
background: #959595;
background: -moz-linear-gradient(top, #959595 0%, #656565 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#656565));
border: 1px solid #656565;
border-bottom: 1px solid #525151;
-moz-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #B3B3B3;
}
.gray_gradient:hover {
background: #656565;
background: -moz-linear-gradient(top, #656565 0%, #959595 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#959595));
-moz-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #4c4c4c;
}
.gray_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #656565, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #656565, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #656565, 0 1px 0 0 #eee;
}
.green_gradient {
background: #4a5100;
background: -moz-linear-gradient(top, #4a5100 0%, #3d4300 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a5100), to(#3d4300));
border: 1px solid #3d4300;
border-bottom: 1px solid #2d3100;
-moz-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #B3B3B3;
}
.green_gradient:hover {
background: #3d4300;
background: -moz-linear-gradient(top, #3d4300 0%, #4a5100 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d4300), to(#4a5100));
-moz-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #4c4c4c;
}
.green_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #3d4300, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #3d4300, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #3d4300, 0 1px 0 0 #eee;
}
.teal_gradient {
background: #007081;
background: -moz-linear-gradient(top, #007081 0%, #00434d 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007081), to(#00434d));
border: 1px solid #00434d;
border-bottom: 1px solid #00373f;
-moz-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #B3B3B3;
}
.teal_gradient:hover {
background: #00434d;
background: -moz-linear-gradient(top, #00434d 0%, #007081 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00434d), to(#007081));
-moz-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #4c4c4c;
}
.teal_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #00434d, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #00434d, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #00434d, 0 1px 0 0 #eee;
}
.orange_gradient {
background: #dc4b01;
background: -moz-linear-gradient(top, #dc4b01 0%, #c04100 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc4b01), to(#c04100));
border: 1px solid #c04100;
border-bottom: 1px solid #b13c00;
-moz-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #B3B3B3;
box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #B3B3B3;
}
.orange_gradient:hover {
background: #c04100;
background: -moz-linear-gradient(top, #c04100 0%, #dc4b01 100%);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c04100), to(#dc4b01));
-moz-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #4c4c4c;
-webkit-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #4c4c4c;
box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #4c4c4c;
}
.orange_gradient:active {
-moz-box-shadow: inset 0 0 8px 4px #c04100, 0 1px 0 0 #eee;
-webkit-box-shadow: inset 0 0 8px 4px #c04100, 0 1px 0 0 #eee;
box-shadow: inset 0 0 8px 4px #c04100, 0 1px 0 0 #eee;
} .button_link.norating.has-star {margin-top: 0;}
.button_link span.norating_stars { display: none; }
.button_link.has-star { margin-top: 50px; }
.one_stars,
.two_stars,
.three_stars,
.four_stars,
.five_stars {
position: absolute;
left: 0;
top: -43px;
background: url(//dentox.com/botox-edu-news/wp-content/themes/socrates/images/star-rating.png) 0 0 no-repeat;
width: 177px;
height: 38px;
overflow: hidden;
text-indent: -9999px;
display: inline-block;
}
.four_stars { background-position: 0 -60px; } 
.three_stars { background-position: 0 -120px; } 
.two_stars { background-position: 0 -180px; } 
.one_stars { background-position: 0 -240px; }