/* 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 {
	background-position: -103px 10px;
	border-left: 1px solid;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 22px;
	width: 16px;
}

.dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
	background-position: -103px -10px;
}

.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					{ background-position: -20px 0; }
.reply-icon:hover:before, .pmreply-icon:hover:before		{ background-position: -20px -20px; }

.post-icon:before, .newpm-icon:before, .reply-all:before	{ background-position: 0 0; }
.post-icon:hover:before,
.newpm-icon:hover:before,
.reply-all:hover:before										{ background-position: 0 -20px; }

.locked-icon:before											{ background-position: -60px 0; }
.locked-icon:hover:before									{ background-position: -60px -20px; }

.forwardpm-icon:before										{ background-position: -40px 0; }
.forwardpm-icon:hover:before								{ background-position: -40px -20px; }

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

.tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before {
	background-position: -80px 0;
	height: 16px;
	margin-top: 2px;
	width: 16px;
}

.dropdown-visible .tools-icon:before,
.nojs .dropdown-container:hover .tools-icon:before			{ background-position: -80px -20px; }

.search-icon:before											{ background-position: -245px 0; }
.search-icon:hover:before									{ background-position: -245px -20px; }

.search-adv-icon:before										{ background-position: -265px 0; }
.search-adv-icon:hover:before								{ background-position: -265px -20px; }

.modtools-icon:before										{ background-position: -225px 0; }
.dropdown-visible .modtools-icon:before,
.nojs .dropdown-container:hover .modtools-icon:before		{ background-position: -225px -20px; }

/* 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 18px;
}

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 */
.pm-icon		{ background-position: 0 0; }
.email-icon		{ background-position: -21px 0; }
.jabber-icon	{ background-position: -80px 0; }
.phpbb_icq-icon	{ background-position: -61px 0 ; }
.phpbb_wlm-icon	{ background-position: -182px 0; }
.phpbb_aol-icon	{ background-position: -244px 0; }
.phpbb_website-icon		{ background-position: -40px 0; }
.phpbb_youtube-icon		{ background-position: -98px 0; }
.phpbb_facebook-icon	{ background-position: -119px 0; }
.phpbb_googleplus-icon	{ background-position: -140px 0; }
.phpbb_skype-icon		{ background-position: -161px 0; }
.phpbb_twitter-icon		{ background-position: -203px 0; }
.phpbb_yahoo-icon		{ background-position: -224px 0; }

/* 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: absolute;
	width: 1px;
}

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

.quote-icon:before							{ background-position: -122px 0; }
.quote-icon:hover:before					{ background-position: -122px -21px; }
.edit-icon:before							{ background-position: -137px 0; }
.edit-icon:hover:before						{ background-position: -137px -21px; }
.warn-icon:before							{ background-position: -208px 0; }
.warn-icon:hover:before						{ background-position: -208px -21px; }
.delete-icon:before							{ background-position: -152px 0; }
.delete-icon:hover:before					{ background-position: -152px -21px; }
.report-icon:before							{ background-position: -165px 0; }
.report-icon:hover:before					{ background-position: -165px -21px; }
.info-icon:before							{ background-position: -175px 0; }
.info-icon:hover:before						{ background-position: -175px -21px; }
.button.responsive-menu-link:before			{ background-position: -191px 0; }
.button.responsive-menu-link:hover:before	{ background-position: -191px -21px; }

/* 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
}


/* BBcode */

.bold {background: url("./images/bold.png") no-repeat;}
.italic {background: url("./images/italic.png") no-repeat;}
.underline {background: url("./images/underline.png") no-repeat;}
#center {background: url("./images/center.png") no-repeat;}
#justify {background: url("./images/justify.png") no-repeat;}
#right {background: url("./images/right.png") no-repeat;}
.quote {background: url("./images/quote.png") no-repeat;}
.float_right {background: url("./images/float_right.png") no-repeat;}
.float_left {background: url("./images/float_left.png") no-repeat;}
.ulist {background: url("./images/ulist.png") no-repeat;}
.olist {background: url("./images/olist.png") no-repeat;}
.listitem {background: url("./images/listitem.png") no-repeat;}
.spoil {background: url("./images/spoil.png") no-repeat;}
.img {background: url("./images/img.png") no-repeat;}
.link {background: url("./images/link.png") no-repeat;}
.youtube {background: url("./images/youtube.png") no-repeat;}
.flash {background: url("./images/flash.png") no-repeat;}
.mp3 {background: url("./images/mp3.png") no-repeat;}

.cl1 {
	background: url("./images/cl1.png") no-repeat;
	cursor: pointer;
	width: 75px; 
	height: 15px;
	border: none;
}

.cl {
	background: url("./images/cl.png") no-repeat;
	cursor: pointer;
	width: 34px; 
	height: 15px;
	border: none;
}

.score {
	background: url("./images/score.png") no-repeat;
	cursor: pointer;
	width: 34px; 
	height: 15px;
	border: none;
}

.code {
	background: url("./images/code.png") no-repeat;
	cursor: pointer; 
	width: 41px; 
	height: 15px;
	border: none;
}

.dailymotion {
	background: url("./images/dailymotion.png") no-repeat;
	cursor: pointer; 
	width: 77px; 
	height: 15px;
	border: none;
}

.vine {
	background: url("./images/vine.png") no-repeat;
	cursor: pointer; 
	width: 36px; 
	height: 15px;
	border: none;
}

.font_color {
	background: url("./images/font_color.png") no-repeat;
	cursor: pointer; 
	width: 129px; 
	height: 15px;
	border: none;
}

.tactic442 {
	background: url("./images/442.png") no-repeat;
	cursor: pointer; 
	width: 36px; 
	height: 15px;
	border: none;
}

.tactic451 {
	background: url("./images/451.png") no-repeat;
	cursor: pointer; 
	width: 36px; 
	height: 15px;
	border: none;
}

.tactic4231 {
	background: url("./images/4231.png") no-repeat;
	cursor: pointer; 
	width: 50px; 
	height: 15px;
	border: none;
}

.tactic41212 {
	background: url("./images/41212.png") no-repeat;
	cursor: pointer; 
	width: 50px; 
	height: 15px;
	border: none;
}

.tactic41212MC {
	background: url("./images/41212MC.png") no-repeat;
	cursor: pointer; 
	width: 68px; 
	height: 15px;
	border: none;
}

.tactic3412 {
	background: url("./images/3412.png") no-repeat;
	cursor: pointer; 
	width: 50px; 
	height: 15px;
	border: none;
}

.tactic3142 {
	background: url("./images/3142.png") no-repeat;
	cursor: pointer; 
	width: 50px; 
	height: 15px;
	border: none;
}

.horizontale {
	background: url("./images/horizontale.png") no-repeat;
	cursor: pointer; 
	width: 87px; 
	height: 15px;
	border: none;
}

.verticale {
	background: url("./images/verticale.png") no-repeat;
	cursor: pointer; 
	width: 87px; 
	height: 15px;
	border: none;
}

.ldc {
	background: url("./images/ldc.png") no-repeat;
	cursor: pointer; 
	width: 50px; 
	height: 15px;
	border: none;
}

.Twitter {
	background: url("./images/TT2.png") no-repeat;
	cursor: pointer; 
	width: 22px; 
	height: 15px;
	border: none;
}

.newsfoot {
	background: url("./images/NN1.png") no-repeat;
	cursor: pointer; 
	width: 40px; 
	height: 15px;
	border: none;
}

.img_resize {
	background: url("./images/resize.png") no-repeat;
	cursor: pointer; 
	width: 22px; 
	height: 15px;
	border: none;
}
	
.bold, .italic, .underline, #center, #justify, #right, .quote, .float_right, .float_left, .ulist, .olist, .listitem, .spoil, .img, .link, .youtube, .flash, .mp3 {
	cursor: pointer; 
	width: 22px; 
	height: 15px;
	border: none;
}



.bold:hover, .italic:hover, .underline:hover, #center:hover, #justify:hover, #right:hover, .quote:hover, .float_right:hover, .float_left:hover, .code:hover, .ulist:hover, .olist:hover, .listitem:hover, .spoil:hover, .img:hover, .link:hover, .youtube:hover, .flash:hover, .mp3:hover, .dailymotion:hover, .font_color:hover, .vine:hover, .tactic442:hover, .tactic4231:hover, .tactic451:hover, .tactic41212MC:hover, .tactic41212:hover, .tactic3412:hover, .tactic3142:hover, .cl:hover, .cl1:hover, .score:hover, .ldc:hover, .verticale:hover, .horizontale:hover, .Twitter:hover, .newsfoot:hover, .img_resize:hover {
	background-position: 0px -15px;
}

.postnewsfoot img {
	max-width: 640px;
	height: auto;
}
