[sebaot]

Awesome on the !important attribute. However, when I make changes to remove padding and border on controlbar, it spans the textarea over the containing area to the right by a few pixels. Visually, that is, it becomes inconsistent. It could be semantically correct, but something's off. I override vBulletin_editor with the same, and it still happens. It looks like in the showthread quick reply template, the container with the controlbar class has a hardcoded padding-right of 8 pixels for some reason.

I am including screenshots of what I mean. The blue border is vbulletin_editor, red is controlbar, and green is textarea.

<!-- Editor Styles -->
<style type="text/css" id="vbulletin_editor_css_dynamic">
<!--
@import url("clientscript/vbulletin_editor.css?v=$vboptions[simpleversion]");

.vBulletin_editor {
	background: {$istyles[pi_button_normal][0]};
	padding: 0px !important;
	margin: 0px !important;
	border: 1px solid blue !important;
}
.imagebutton {
	background: {$istyles[pi_button_normal][0]};
	color: {$istyles[pi_button_normal][1]};
	padding: {$istyles[pi_button_normal][2]};
	border: {$istyles[pi_button_normal][3]};
}
.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle {
	background: {$istyles[pi_menu_normal][0]};
	color: {$istyles[pi_menu_normal][1]};
	border: {$istyles[pi_menu_normal][3]};
}
.popup_pickbutton {
	border: {$istyles[pi_menu_normal][3]};
}
.popup_feedback {
	background: {$istyles[pi_menu_normal][0]};
	color: {$istyles[pi_menu_normal][1]};
	border-$stylevar[right]: {$istyles[pi_menu_normal][3]};
}
.popupwindow {
	background: {$istyles[pi_menu_normal][0]};
}
#fontOut, #sizeOut, .popup_feedback div {
	background: {$istyles[pi_menu_normal][0]};
	color: {$istyles[pi_menu_normal][1]};
}
.alt_pickbutton {
	border-$stylevar[left]: 1px solid {$istyles[pi_button_normal][0]};
}
.popup_feedback input, .popup_feedback div
{
	border: 0px solid;
	padding: 0px 2px 0px 2px;
	cursor: default;
	font: 11px tahoma;
	overflow: hidden;
}

#controlbar, .controlbar
{
 padding:0px !important;
 border:1px solid red !important;
 margin:0px !important;
}
-->
</style>
<!-- / Editor Styles -->