/* Heading */
.su-heading {
	margin: 0 0 1.5em 0;
	padding: 2px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.su-heading-shell {
	padding: 20px 0;
	text-align: center;
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	font-size: 1.5em;
}

/* Divider */
.su-divider {
	clear: both;
	height: 0px;
	margin: 1.5em 0;
	border-top: 4px solid #eee;
}
.su-divider a {
	display: block;
	float: right;
	padding-left: 10px;
	margin-top: -1.2em;
	background: #fff;
	color: #777;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
}

/* Lists */
.su-list ul {
	list-style-type: none !important;
	margin: 0.5em 0 1.5em 0.5em !important;
	padding: 0 !important;
}
.su-list ul li {
	list-style-type: none !important;
	display: block !important;
	padding: 3px 0 3px 22px !important;
}
.su-list-style-star li { background: 0 50% url(../images/list-style-star.png) no-repeat !important }
.su-list-style-arrow li { background: 0 50% url(../images/list-style-arrow.png) no-repeat !important }
.su-list-style-check li { background: 0 50% url(../images/list-style-check.png) no-repeat !important }
.su-list-style-cross li { background: 0 50% url(../images/list-style-cross.png) no-repeat !important }
.su-list-style-thumbs li { background: 0 50% url(../images/list-style-thumbs.png) no-repeat !important }
.su-list-style-link li { background: 0 50% url(../images/list-style-link.png) no-repeat !important }
.su-list-style-gear li { background: 0 50% url(../images/list-style-gear.png) no-repeat !important }
.su-list-style-time li { background: 0 50% url(../images/list-style-time.png) no-repeat !important }
.su-list-style-note li { background: 0 50% url(../images/list-style-note.png) no-repeat !important }
.su-list-style-plus li { background: 0 50% url(../images/list-style-plus.png) no-repeat !important }
.su-list-style-guard li { background: 0 50% url(../images/list-style-guard.png) no-repeat !important }
.su-list-style-event li { background: 0 50% url(../images/list-style-event.png) no-repeat !important }
.su-list-style-idea li { background: 0 50% url(../images/list-style-idea.png) no-repeat !important }
.su-list-style-settings li { background: 0 50% url(../images/list-style-settings.png) no-repeat !important }
.su-list-style-twitter li { background: 0 50% url(../images/list-style-twitter.png) no-repeat !important }
.su-list-style-check li.x { background: 0 50% url(../images/list-style-cross.png) no-repeat !important }
.su-list-style-cross li.v { background: 0 50% url(../images/list-style-check.png) no-repeat !important }

/* Note */
.su-note { margin: 0 0 1.5em 0 }
.su-note-shell { padding: 15px }

/* Button */
.su-button {
	display: inline-block;
	text-decoration: none !important;
}
.su-button span {
	display: block !important;
	text-decoration: none !important;
	text-transform: uppercase;
}
.su-button img {
	display: inline !important;
	padding: 0 !important;
}
.su-button-style-1 span { background: 0 -20px url(../images/button-style-1.png) repeat-x }
.su-button-style-1:hover span { background: 0 0 url(../images/button-style-1.png) repeat-x }
.su-button-style-2 span { background: 0 50% url(../images/button-style-2.png) repeat-x }
.su-button-style-2:hover span { background: 100% 50% url(../images/button-style-2.png) repeat-x }
.su-button-style-3 span { background: 0 50% url(../images/button-style-3.png) no-repeat }
.su-button-style-3:hover span { background: -710px 50% url(../images/button-style-3.png) no-repeat }
.su-button-style-4 span { background: 0 0 url(../images/button-style-4.png) repeat-x }
.su-button-style-4:hover span { background: 0 0 url(../images/button-style-1.png) repeat-x }
.su-button-style-5 span {
	margin: 1px;
	border: 1px dashed #fff !important;
}
.su-button-style-5:hover span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}