/* Styles for pun_bbcode extension */

#pun_bbcode_bar {
	margin: .45em 0 -.1em 1em;
	position: relative;
}

.oldie #pun_bbcode_bar {
	margin: .45em 0 -.45em 1em;
}

#pun_bbcode_bar input[type="button"] {
	background: #F3F3F3;
	background: -moz-linear-gradient(top, #fff, #F3F3F3);
	background: -o-linear-gradient(top, #fff, #F3F3F3);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#F3F3F3));
	background: -webkit-linear-gradient(top, #fff, #F3F3F3);
	background: -ms-linear-gradient(top, #fff, #F3F3F3);
	background: linear-gradient(top, #fff, #F3F3F3);
	border-radius: 1px;
	border-color: #E3E3E3;
	padding: .45em .5em;
	margin-right: 1px;
	margin-bottom: -1.5px;
}

#pun_bbcode_bar input[type="button"]:active {
	position: relative;
	top: 1px;
}

#pun_bbcode_bar input[type="button"]:hover
#pun_bbcode_bar input[type="button"]:focus {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0, .1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0, .1);
	box-shadow: 0 1px 2px rgba(0,0,0, .1);
}

#pun_bbcode_bar input.image {
	width: 26px;
	height: 26px;
	border-color: #eee;
}

#pun_bbcode_bar input[type="button"]:hover {
	border-color: #84BCE4;
}

#pun_bbcode_bar input[type="button"]:first-child {
	margin-left: 0;
}

#pun_bbcode_bar input.group_start {
	margin-left: 2px;
}

#pun_bbcode_button_b {
	font-weight: bold;
}

#pun_bbcode_button_i {
	font-style: italic;
}

#pun_bbcode_button_u {
	text-decoration: underline;
}

#pun_bbcode_bar #pun_bbcode_wrapper {
	width: 95%;
	position: relative;
}

#pun_bbcode_bar input[name="i"].image {
	background: url(img/i.png) no-repeat;
}

#pun_bbcode_bar input[name="b"].image {
	background: url(img/b.png) no-repeat;
}

#pun_bbcode_bar input[name="u"].image {
	background: url(img/u.png) no-repeat;
}

#pun_bbcode_bar input[name="list"].image {
	background: url(img/list.png) no-repeat;
}

#pun_bbcode_bar input[name="list item"].image {
	background: url(img/li.png) no-repeat;
}

#pun_bbcode_bar input[name="color"].image {
	background: url(img/color.png) no-repeat;
}

#pun_bbcode_bar input[name="code"].image {
	background: url(img/code.png) no-repeat;
}

#pun_bbcode_bar input[name="quote"].image {
	background: url(img/quote.png) no-repeat;
}

#pun_bbcode_bar input[name="img"].image {
	background: url(img/img.png) no-repeat;
}

#pun_bbcode_bar input[name="url"].image {
	background: url(img/url.png) no-repeat;
}

#pun_bbcode_bar input[name="email"].image {
	background: url(img/email.png) no-repeat;
}

#pun_bbcode_bar input[name="off"].image {
	background: url(img/off.png) no-repeat;
}