/* General */

.plugin-content
{
	font-size: 90%;
	padding-left: 3px;
	padding-right: 5px;
}

span.clickable-span
{
	cursor: pointer;
	color: #780000;
}

/* Share fields - i.e. link and embed. */

.share-field-area
{
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	line-height: 20px;
}

.share-field-area div.share-field-title
{
	margin-bottom: 5px;
	font-size: 70%;
	float: left;
	width: 40px;
	vertical-align: middle;
}

input.share-field-input
{
	width: 140px;
}

/* Embed size selection */

.img-btn-container
{

}

.embed-title
{
    font-weight: bold;
    font-size: 90%;
    padding-left: 1px;
}

#ToggleEmbedSelBtn
{
	cursor: pointer;
	vertical-align: middle;
}

#EmbedSizeSelArea
{	
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
	background-color: #fafafa;
	padding: 5px;
	font-size: 80%;
}

.embed-size-sel
{
	float: left;
	text-align: center;
}

.embed-size-sel .embed-size-box
{
	background-color: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	cursor: pointer;
	margin: 10px 10px 5px 10px;
	font-size: 90%;
	vertical-align: top;
}

#EmbedSizeSel_small .embed-size-box
{
	width: 28px;
	height: 23px;
	line-height: 23px;
}

#EmbedSizeSel_normal .embed-size-box
{
	width: 38px;
	height: 30px;
	line-height: 30px;
}

#EmbedSizeSel_large .embed-size-box
{
	width: 48px;
	height: 38px;
	line-height: 38px;
}

.embed-size-sel .embed-size-label
{
	font-size: 90%;
}

.embed-size-sel-selected .embed-size-box
{	
	background-color: #2020c4;
	color: #ffffff;
}

.embed-size-sel-mouseover .embed-size-box
{
    border-color: #888;
	background-color: #999;
	vertical-align: middle;
	color: White;
}

.embed-size-sel-mouseover .embed-size-label
{
    text-decoration: underline;
}

/* Social Buttons */

#SocialButtonsArea
{
	margin-top: 15px;
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 80%;
}

.social-buttons
{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10px;	
}

.social-buttons-heading
{
	clear: both;
	text-align: center;
}