/* general styles for all buttons */
.loveclaw_button{ position:relative; display:inline-block; margin:0px 3px 5px; text-decoration: none !important; z-index:10; text-indent:0 !important;}
.loveclaw_button *{display:inline-block; cursor:pointer;  font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; zoom:1;}
.loveclaw_button .button_left{padding-left:8px; position:relative; z-index:10;}
.loveclaw_button .button_center{ background-position:left -24px; background-repeat:repeat-x; height:20px; padding-top:4px; text-align:center; line-height:normal;}
.loveclaw_button .button_right{ background-position:right -48px; padding-right:8px;}
.loveclaw_button:hover .button_left{background-position:left -72px;}
.loveclaw_button:hover .button_center{background-position:left -96px;}
.loveclaw_button:hover .button_right{background-position:right -120px;}
.loveclaw_button .clicks, .loveclaw_button .clicks:hover{ display:block; background:#f8f8f8; border-width:1px; border-style:solid; border-top:none; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; color:#000; text-align:center; line-height:24px; height:20px; text-shadow:none; position:relative; top:-4px; font-size:11px;}
.loveclaw_button .prebutton { position:absolute; width:100%; height:24px; z-index:100; background:none; border:none; top:0; left:0; filter: alpha(opacity=0); opacity:0;}
.loveclaw_wrapper {line-height: normal;margin: 8px 0;position: relative;clear: both;text-align: center;}
.loveclaw_overlay { display: none; /* Hidden as default */ position: fixed; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100%; opacity: 0.6; filter:alpha(opacity=60); z-index: 20000; background:#000;}
.loveclaw_custom_button *{ cursor:pointer; }
.loveclaw_wrapper .loveclaw_image_button {margin: 0 5px;display:inline-block;border-radius: 3px;-webkit-border-radius: 3px;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;overflow: visible;cursor:pointer;text-decoration:none;}
.loveclaw_wrapper img{ position:relative; z-index:10;}
.loveclaw_wrapper .loveclaw_image_button_50 {width: 60px;height: auto;}
.loveclaw_wrapper .loveclaw_image_button_75 { width: 75px; height: auto; }
.loveclaw_wrapper .loveclaw_image_button_100 { width: 100px; height: auto; }
.loveclaw_wrapper .loveclaw_image_button img{margin:0 !important;padding: 5px;border-radius: 2px;-webkit-border-radius: 2px;position:relative;z-index:10;width: 60px;}
.loveclaw_wrapper .loveclaw_custom_button{ display:inline-block; *display:inline; margin-right:5px; text-decoration:none;}
.loveclaw_wrapper .loveclaw_custom_button img{ display:block;}
.loveclaw_wrapper:hover .loveclaw_custom_button{-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
.loveclaw_wrapper:hover .loveclaw_image_button, .loveclaw_wrapper:hover .loveclaw_custom_button{ opacity: 0.65; filter: alpha(opacity=65); }
.loveclaw_wrapper .loveclaw_image_button:hover, .loveclaw_wrapper .loveclaw_custom_button:hover { opacity: 1; filter: alpha(opacity=100); }
.loveclaw_wrapper .loveclaw_image_button:hover img {box-shadow: 0 0px 1px 0 rgba(0,0,0,0.4);-webkit-box-shadow: 0 0px 1px 0 rgba(0,0,0,0.4);}
.loveclaw_wrapper .clicks{text-align:center;text-decoration:none;font: 11px/22px Arial, Helvetica, sans-serif;height: 20px;position:relative;top: -2px;border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;background: #f7f7f7;color: #3e6fcb;}
.loveclaw_wrapper .loveclaw_custom_button .clicks{ background:none; border:1px solid #ccc; background:#eaeaea; background:rgba(0,0,0,0.08); border-radius:0; -webkit-border-radius:0}

#loveclaw_flybox{ z-index: 5000; position:fixed; right:-550px; bottom:0; box-shadow:0 2px 8px 0 rgba(0,0,0,0.3); background:#fff; color:#000; width:470px; padding:10px 30px 15px; text-align:left; border-top:4px solid #00acee; font:13px Arial, Helvetica, sans-serif;}
#loveclaw_flybox .loveclaw_flybox_close{ position:absolute; left:-12px; top:-12px; height:29px; width:29px; z-index:6000; cursor:pointer; background-position: -36px top; background-repeat: no-repeat; }
#loveclaw_flybox .loveclaw_flybox_close:hover{ background-position: -36px -29px;}

/*specific styles for each button*/
.loveclaw_button2 span{ background:url(http://cdn4.loveclaw.com/images/button_sprite2.png) no-repeat left top; color:#95a6ad; text-shadow:0 1px 0 #fbfbfb;}
.loveclaw_button2:hover span{color:#389dc8;}
.loveclaw_button2 .clicks {border-color:#bec3bd;} 

/* the arrow */
.loveclaw_arrow{display:inline-block;font-size:12px;height:18px;background:url(http://cdn4.loveclaw.com/images/social_sprite.png) left -15px repeat-x;position:relative;margin-right:15px;padding:4px 2px 0;display: none;}
.loveclaw_arrow .arrow_head{ position:absolute; display:inline-block; background:url(http://cdn4.loveclaw.com/images/social_sprite.png) no-repeat; right:-13px; top:15px; width:13px; height:10px;}

/* popup social chooser */
.loveclaw_box { display:none; /* Hidden as default */ float: left; padding:6px; position: fixed; top: 50%; left: 50%; margin-left: -131px; margin-top: -59px; z-index: 50000; max-width:500px;}
.loveclaw_box .close_popup{ position:absolute; right:-12px; top:-12px; height:29px; width:29px; z-index:6000; cursor:pointer; background-position: -36px top;}
.loveclaw_box .close_popup:hover{ background-position: -36px -29px;}
.loveclaw_box .box_n { height:9px; position:absolute; left:9px; right:9px; top:0; }
.loveclaw_box .box_ne { width:9px; height:9px; right:0; top:0; position:absolute; background-position: -9px 0; }
.loveclaw_box .box_e { width:9px; right:0; top:9px; bottom:9px; position:absolute; background-position: -27px 0; }
.loveclaw_box .box_se { width:9px; height:9px; right:0; bottom:0; position:absolute; background-position: -9px -9px; }
.loveclaw_box .box_s { height:9px; position:absolute; bottom:0; right:9px; left:9px; background-position: -0px -9px; }
.loveclaw_box .box_sw { width:9px; height:9px; left:0; bottom:0; position:absolute; background-position: 0px -9px; }
.loveclaw_box .box_w { width:9px; left:0; bottom:9px; top:9px; position:absolute; background-position: -18px 0px; }
.loveclaw_box .box_nw {width:9px; height:9px; left:0; top:0px; position:absolute; background-position: 0px 0px; }
.loveclaw_box .box_center { padding:0px; background:#fff; position:relative; z-index:5000; border: 1px solid white;}
.loveclaw_box ul { margin:0; padding:0 }
.loveclaw_box .box_center .links li{ padding:5px 5px 4px; border-top:1px solid #ced1cd; background:#f6f6f6; list-style-type: none;}
.loveclaw_box .box_center .links li:first-child{ border:none;}
.loveclaw_box .box_center .links li:hover{ background:#fff;}
.loveclaw_box .box_center .links li a{ display:block; height:32px; padding-left:40px; font:bold 14px/32px Arial, Helvetica, sans-serif; color:#8b8b8b; cursor:pointer; background:url(http://cdn4.loveclaw.com/images/social_sprite.png) no-repeat;}
.loveclaw_box .box_center .links li.twitter a{ background-position: left -63px; }
.loveclaw_box .box_center .links li.facebook a{ background-position: left -95px; }
.loveclaw_box .box_center .links li.stumbleupon a{ background-position: left -127px; }
.loveclaw_box .box_center .links li.pinterest a{ background-position: left -159px; }
.loveclaw_box .box_center img{max-width:100%; height:auto;}
.loveclaw_box .thanks { margin: 0; display: block; font: bold 16px/32px Arial, Helvetica, sans-serif; color: #8b8b8b; background: #fff; padding:40px; }
.loveclaw_box .thanks.autosize{ padding:0;}
.loveclaw_box .thanks img{ max-width:248px;}
.loveclaw_box .thanks a{ color: #8B8B8B;}
.loveclaw_wrapper ul, .loveclaw_wrapper li {margin:0; padding:0; list-style:none; font-family: Arial, Helvetica, sans-serif; text-align: left; }

/* individual popup styles */
.loveclaw_box a{text-decoration:none;}
.loveclaw_box.p2 .close_popup { background-image: url(http://cdn4.loveclaw.com/images/p2_main.png); }
.loveclaw_box.p2 .box_center .links li:hover a, .loveclaw_box.p2 .thanks a:hover { color: #48b1de; }
.loveclaw_box.p2 .box_n, .loveclaw_box.p2 .box_s { background-image: url(http://cdn4.loveclaw.com/images/p2_ns.png); }
.loveclaw_box.p2 .box_ne, .loveclaw_box.p2 .box_e, .loveclaw_box.p2 .box_se, .loveclaw_box.p2 .box_sw, .loveclaw_box.p2 .box_w, .loveclaw_box.p2 .box_nw { background-image: url(http://cdn4.loveclaw.com/images/p2_main.png); }
#loveclaw_flybox.loveclaw_theme2{ border-top-color:#e3e5e3;}
#loveclaw_flybox.loveclaw_theme2 .loveclaw_flybox_close{ background-image:url(http://cdn4.loveclaw.com/images/p2_main.png); }

.loveclaw_popular {padding: 0;border-radius: 4px;-webkit-border-radius: 4px;margin-bottom: 12px;text-align: center;padding-top: 25px;margin-bottom: 0;}
.loveclaw_popular .loveclaw_popular_header {color: #989898;display: inline-block;padding: 0 5px 0 0;height: 24px;font: bold 13px/24px Arial, Helvetica, sans-serif;}
.loveclaw_popular_message {color: #fff;font: bold 13px/24px Arial, Helvetica, sans-serif;border-radius: 3px;-webkit-border-radius: 3px;display: inline-block; *display:inline;zoom: 1;}

.loveclaw_chart_container { padding-top: 24px; padding-bottom: 20px; }
.loveclaw_chart { background: #f9f9f9; border: 1px solid #a4a4a4; border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2); overflow: hidden; display: inline-block; width: 300px; }
.loveclaw_chart .loveclaw_chart_header { height: 26px; display: block; font: bold 14px/26px Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0 -1px 0 #949494; text-align: center; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #fff; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; padding: 0 20px; background: #c8c8c8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmE2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c8c8c8 0%, #a6a6a6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8c8c8), color-stop(100%, #a6a6a6)); background: -webkit-linear-gradient(top, #c8c8c8 0%, #a6a6a6 100%); background: -o-linear-gradient(top, #c8c8c8 0%, #a6a6a6 100%); background: -ms-linear-gradient(top, #c8c8c8 0%, #a6a6a6 100%); background: linear-gradient(to bottom, #c8c8c8 0%, #a6a6a6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#a6a6a6', GradientType=0 );}
.loveclaw_chart .loveclaw_chart_body { padding: 20px 45px 14px 30px; position: relative; }
.loveclaw_chart .loveclaw_chart_body table { width: 100%; }
.loveclaw_chart .loveclaw_buttons_names { float: left; font: 11px/18px Arial, Helvetica, sans-serif; color: #4e5056; }
.loveclaw_buttons_names .loveclaw_name { height: 19px; text-align: right; position: relative; top: -4px; white-space: nowrap; }
.loveclaw_chart .loveclaw_chart_bars { position: relative; left: 5px; }
.loveclaw_chart_bars .loveclaw_bar_holder { height: 19px; min-width: 10px; position: relative; }
.loveclaw_chart_bars .loveclaw_bar { background: #ebebeb; border-top: 1px solid #d9d9d9; height: 10px; margin-bottom: 8px; border-radius: 2px; -webkit-border-radius: 2px; position: absolute; left: 0; right: 0; }
.loveclaw_bar_value { background: #b6e078; border: 1px solid #94b663; border-bottom-color: #758f4d; border-radius: 2px; -webkit-border-radius: 2px; height: 9px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6); position: relative; top: -1px; }
.loveclaw_chart_bars .loveclaw_bar_percentage { color: #fff; font: bold 10px/12px Arial, Helvetica, sans-serif; position: absolute; right: -36px; top: -3px; height: 13px; background: #4e68c7; border: 1px solid #4560b5; border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 0 1px 4px 0 rgba(0,0,0,0.25); -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4), 0 1px 4px 0 rgba(0,0,0,0.25); text-align: center; min-width: 28px; }
.loveclaw_bar_percentage:after { content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #4e68c7 transparent transparent; border-width: 4px 4px 4px 0; position: absolute; left: -4px; top: 2px; }

.loveclaw_theme2 .loveclaw_popular_message {color: #000;}
.loveclaw_theme2 .loveclaw_bar_percentage { background: #c9cec7; color: #000; border-color: #a5a9a4; }
.loveclaw_theme2 .loveclaw_bar_percentage:after { border-color: transparent #a5a9a4 transparent transparent; }


@media only screen and (max-width: 599px) {

	.loveclaw_wrapper .loveclaw_image_button{
		width: 46px;
		margin: 0 2px;
	}

	.loveclaw_wrapper .clicks{
		font-size: 10px;
		height: 16px;
		line-height: 16px;
	}

}