.socbuttons_on {
	width: 100px;
	height: 29px;
	margin: 1px;
	padding: 4px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/socbuttonbg_on.png');
	text-align: center;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
}

.socbuttons_on[class] {
	background: url(images/socbuttonbg_on.png) no-repeat;
}

.socbuttons_off {
	width: 100px;
	height: 29px;
	margin: 1px;
	padding: 4px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/socbuttonbg_off.png');
	text-align: center;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
}

.socbuttons_off[class] {
	background: url(images/socbuttonbg_off.png) no-repeat;
}

.previewbutton {
	width: 100px;
	height: 29px;
	margin: 1px;
	padding: 4px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/previewbutton.png');
	text-align: center;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
}

.previewbutton[class] {
	background: url(images/previewbutton.png) no-repeat;
}

.socwrap {
	display: none;
	padding: 3px;
}

.socwrap div {
	width:480px;
	text-align: right;
}

.clear {
	clear: both;
}

.preview {
	position: absolute;
	background-color: #DDDDFF;
	width: 300px;
	font-size: 10px;
	text-align: left;
	left: -1200px;
	padding: 4px;
}

.preview h2 {
	font-size: 14px;
}