/* Button Styles
---------------------------------------- */

.button {
	cursor: pointer;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	font-size: 13px;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: 4px;
	background: transparent none 0 0 repeat-x;
	padding: 2px 8px;
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	position: relative;
	text-decoration: none !important;
	outline-style: none !important;
	vertical-align: bottom;
}

.dropdown-select {
	padding-right: 24px;
}

.icon-button:before {
	background: transparent 0 0 no-repeat;
	content: '';
	display: inline-block;
	float: right;
	height: 12px;
	margin: 3px 0 0 2px;
	width: 12px;
}

.dropdown-select.icon-button:before {
	margin-right: 4px;
}

.dropdown-select:after {
	font-size: 12px;
	border-left: 1px solid;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 22px;
	width: 16px;
	padding-left: 7px;
	font-family: FontAwesome;
}

.buttons, .buttons .button {
	float: left;
}

.buttons .button, .dropdown-select {
	margin-right: 5px;
}

#jumpbox .dropdown-select {
	margin: 0;
}

/* Big button images */
.reply-icon:before, .pmreply-icon:before, .post-icon:before, .newpm-icon:before, .reply-all:before, .locked-icon:before, .forwardpm-icon:before {
	font-family: FontAwesome;
	margin: 2px 0 0 5px;
}

.reply-icon:before, .pmreply-icon:before					{ content: "\f112"; }

.post-icon:before, .newpm-icon:before						{ content: "\f040"; }
.reply-all:before											{ content: "\f122"; }

.locked-icon:before											{ content: "\f023"; }

.forwardpm-icon:before										{ content: "\f064"; }

.modtools-icon {
	font-size: 0;
}

.tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before {
	font-family: FontAwesome;
	font-size: 16px;
	height: 16px;
	width: 16px;
	margin: 1px 2px 2px 2px;
}

.tools-icon:before											{ content: "\f0ad"; }

.search-icon:before											{ content: "\f002"; }
.search-icon:hover:before									{ color: #ffe74a; }

.search-adv-icon:before										{ content: "\f013"; }
.search-adv-icon:hover:before								{ color: #ffe74a; }

.modtools-icon:before										{ content: "\f0e3"; }

/* Icon images
---------------------------------------- */
.small-icon {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
}

.small-icon > a {
	display: inline-block;
	padding: 0 0 0 20px;
}

ul.linklist.bulletin > li.small-icon:before {
	display: none;
}

.dropdown .small-icon > a {
	display: block;
}

/* Poster contact icons
----------------------------------------*/
.contact-icons.dropdown-contents {
	min-width: 0;
	padding: 0;
	font-size: 0;
}

.contact-icon {
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}
.contact-icons a {
	border-bottom: 1px dotted;
	border-right: 1px dotted;
	display: block;
	float: left;
	padding: 8px;
}

.contact-icons .last-cell {
	border-right: none;
}

.contact-icons div:last-child a {
	border-bottom: none;
}

.contact-icons div {
	clear: left;
}

/* Profile icons */
.profile-contact a:hover		{ text-decoration: none; }
.contact-icon::before			{ font: 16px FontAwesome; }
.pm-icon::before				{ content: "\f27b"; }
.email-icon::before				{ content: "\f0e0"; }
.jabber-icon					{ background-image: url("./images/icons_contact_jabber.svg"); }
.phpbb_icq-icon					{ background-image: url("./images/icons_contact_icq.svg"); }
.phpbb_wlm-icon					{ background-image: url("./images/icons_contact_wlm.svg"); }
.phpbb_aol-icon					{ background-image: url("./images/icons_contact_aim.svg"); }
.phpbb_website-icon::before		{ content: "\f0ac"; }
.phpbb_youtube-icon::before		{ content: "\f16a"; }
.phpbb_facebook-icon::before	{ content: "\f230"; }
.phpbb_googleplus-icon::before	{ content: "\f0d5"; }
.phpbb_skype-icon::before		{ content: "\f17e"; }
.phpbb_twitter-icon::before		{ content: "\f099"; }
.phpbb_yahoo-icon::before		{ content: "\f19e"; }

/* Post control buttons
--------------------------------------------- */
.post-buttons {
	float: right;
	list-style: none;
	margin-top: 2px;
}

.has-profile .post-buttons {
	float: none;
	position: absolute;
	margin: 0;
	right: 0;
	top: 5px;
}

.post-buttons > li {
	float: left;
	margin-right: 3px;
}

.post-buttons .icon-button {
	padding: 0 5px;
}

.hastouch .post-buttons .icon-button {
	padding: 2px 8px;
}

.post-buttons .icon-button span {
	display: block;
	height: 0;
	overflow: hidden;
	position: relative;
	width: 1px;
}

.post-buttons .icon-button:before {
	margin-left: 0;
}

.quote-icon:before, .edit-icon:before, .warn-icon:before, .delete-icon:before, .report-icon:before, .info-icon:before, .button.responsive-menu-link:before {
	font-family: FontAwesome;
	display: inline-block;
	color: #ffe74a;
	margin: 1px 2px 2px 2px;
	width: auto;
}

.quote-icon:before							{ content: "\f10e"; }
.quote-icon:hover:before					{ color: #ffc000; }
.edit-icon:before							{ content: "\f044"; }
.edit-icon:hover:before						{ color: #ffc000; }
.warn-icon:before							{ content: "\f071"; }
.warn-icon:hover:before						{ color: #ff0000; }
.delete-icon:before							{ content: "\f00d"; }
.delete-icon:hover:before					{ color: #ff0000; }
.report-icon:before							{ content: "\f024"; }
.report-icon:hover:before					{ color: #ff0000; }
.info-icon:before							{ content: "\f129"; }
.info-icon:hover:before						{ color: #ffc000; }
.button.responsive-menu-link:before			{ content: "\f0c9"; }
.button.responsive-menu-link:hover:before	{ color: #ffc000; }

.quote-icon span, .edit-icon span, .warn-icon span, .delete-icon span, .report-icon span, .info-icon span {
	margin-left: 3px;
}

/* Responsive buttons in post body */
.post-buttons .dropdown {
	top: 18px;
}

.post-buttons .dropdown a {
	display: block;
	font-size: 1.2em;
	text-align: right;
}

.hasjs .postbody .post-buttons {
	max-width: 40%;
}

/* Browser-specific tweaks */
button::-moz-focus-inner {
	padding: 0;
	border: 0
}
