/************ MODULE-DESIGN: DEFAULT  ************/

.mod.modSocialbar
{
    overflow: visible;
}

.modSocialbar .box
{
    overflow: visible;
}

.modSocialbar .helpCon,
.modSocialbar .likeCon {
    float: left;
    width: 334px;
	position: relative;
	margin: 0 2px 0 0;
	height: 36px;
}

.modSocialbar .helpCon {
    width: 400px;
    margin: 0 2px 0 6px;
}

.modSocialbar .agreeCon
{
    float: left;
    position: relative;
}

.modSocialbar .info,
.modSocialbar .like {
    float: left;
    padding: 0 40px 0 0;
    width: 300px;
    margin-bottom: 0;
}

.modSocialbar .info {
    width: 386px;
}

.modSocialbar .like a
{
    float: left;
}

.modSocialbar .infoText,
.modSocialbar .agreement
 {
    position: absolute;
    top: 36px;
    width: 330px;
    z-index: 5000;
    padding: 8px 5px 8px 5px;
 }
 
 .modSocialbar .infoText {
	height: 424px;
	overflow:auto;
	width: 416px;
 }

.modSocialbar .agreement .text
{
    font-size: 0.85em;
    line-height: 140%;
}

.modSocialbar .agree
{
    margin-top: 8px;
    float: right;
}

.modSocialbar .agreement strong
{
	font-size: 1.2em;
    width: 100%;
    float: left;
    display: block;
    margin: 2px 0 4px 0;

}

.modSocialbar .likes
{
    float: left;
    margin: 0 0 0 0;
    width: 130px;
}

.modSocialbar .likes > *
{
    float: left;
}


.modSocialbar .shareCon
{
    float: left;
    position: relative;

}

.modSocialbar .share
{
    position: static;
    float: left;
    width: 130px;

}

.modSocialbar .shares
{
    padding: 5px;
    position: absolute;
    top: 36px;
    width: 120px;
    z-index: 5000;
}

.modSocialbar .shares li:last-child
{
	border-bottom: none;
}

.modSocialbar .shares li
{
    border-bottom: 1px solid #000000;
    clear: left;
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    width: 120px;
}


.modSocialbar .like .fb, 
.modSocialbar .like .twitter,
.modSocialbar .like .google
{
	margin: 10px 4px 0 0;
    width: 18px;
    height: 16px;
    float: left;
}

.modSocialbar .shares li a
{
	display: block;
    float: left;
    padding: 4px 0 4px 24px;
	width: 100px;
}


.modSocialbar .shares li:hover
{
	background-color: #fff;
}

.modSocialbar .shares .fb
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px 5px transparent;
}

.modSocialbar .shares .del
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -95px transparent;
}

.modSocialbar .shares .twitter
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -45px transparent;
}

.modSocialbar .shares .wong
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -145px transparent;
}

.modSocialbar .shares .yigg
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -245px transparent;
}

.modSocialbar .shares .digg
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -195px transparent;
}

.modSocialbar .shares .google
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -295px transparent;
}

.modSocialbar .shares .webnews
{
    background: url('../../../img/base/icon/bookmark_icons.gif') no-repeat scroll -1196px -345px transparent;
}

.wrapper.recipe .modSocialbar .like {
	width: 296px;
}


/* weired EOF behaviour */