@charset "UTF-8";
/* CSS Document */
.like, .liked{

	position: absolute;
	margin: 5px;
	display: block;
	text-align: center;
	background: #FFF586;
	width: 22px;
	padding:5px 5px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	border-radius: 25px 25px 25px 25px;
	right: 0;

	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width;
	-o-transition-timing-function: ease;

}

.like:after, .liked:after{
content:"\0000a0";
}		

.like span, .liked {
color: #222222 !important;
font-weight: bold;
}

.like:hover {
text-decoration: none;
width: 36px;
}

.like:hover span, .liked:hover span {
display: none;
}

.like:hover:after{
content:"Like";
}	

.liked:hover {
width: 49px;
margin-left: 7px;
}

.liked:hover:after{
content:"Liked";
}	

	
.bottomlike .like,
.bottomlike .liked {
	position: absolute;
	top: 10px;
	}
	
.loading {
	background: url(../images/loading.gif) no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 15px;
	}


.bigdot {
    padding-top: 15px;
    background-image: url("../images/bigdot_mr.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: #49413C;
    cursor: pointer;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    height: 56px;
    line-height: 15px;
    margin-bottom: 15px;
    padding: 15px 280px;
    text-align: center;
    width: 60px;
     margin-left: auto;
    margin-right: auto;
}

.bigdot hr{
	margin-bottom:5px;
}

.bigdot .bigger {
    font-size: 30px;
}

.liked, .bigliked {
  cursor: default;
}

@media (max-width: 800px) {
	.like, .liked{
		font-size: 20px;
		width: 35px;
	}

	.like:hover {
	
	width: 56px;
	}

	.liked:hover {
	
	width: 69px;
	}

}