html, body{ min-height: 100%; }

.stb { 
	position:fixed; 
	right: 10px; 
	bottom: 10px; 
	z-index:999;
	-moz-box-shadow: 0 0 10px 1px #888;
	-webkit-box-shadow: 0 0 10px 1px #888;
	box-shadow: 0 0 10px 1px #888;
	padding: 25px;
}

.stb.stb-top-left{ 
	top: 10px; left: 10px; bottom: auto; right: auto;
}

.stb.stb-top-right{ 
	top: 10px; right: 10px; bottom: auto; left: auto;
}

.stb.stb-bottom-left{ 
	bottom: 10px; left: 10px; top: auto; right: auto;
}

.stb.stb-bottom-right{ 
	bottom: 10px; right: 10px; top: auto; left: auto;
}

.stb-content > *:first-child {	
	margin-top: 0; padding-top: 0;
}

.stb-content > *:last-child {
	margin-bottom:0; padding-bottom:0;
}

.stb-close{ 
	position:absolute; 
	right:5px; 
	top:5px;
	height:20px;
	width:20px;
	text-align:center;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #fff;
	opacity: .3;
	filter: alpha(opacity=30);
}

.stb-close:hover, .stb-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .6;
	filter: alpha(opacity=60);
}