Send Button Screwed Up!

[tfmy2k]

I am using the default JOOMLA MILKY WAY tempate and the SEND button display is screwed up: the button appears broken with a blue border.

I have attached a screenshot.

PLEASE HELP!

[smart]

Use FireBug plugin for Firefox to find that style is affect this border. In default Joomla installation there is no such issue. So I think that this is some 3rd party extension overrides default styles.

[tfmy2k]

Here is what The FireBug plugin showed:

#comments-form .btn a, #comments-report-form .btn a {
border:medium none;
color:#777777;
font-size:12px;
font-weight:bold;
height:22px;
line-height:22px;
padding:0 5px;
text-decoration:none;
}
style.css?v=12 (line 120)
#jc a:link, #jc a:visited, #jc a:hover {
outline:medium none;
}
style.css?v=12 (line
a:link, a:visited {
color:#135CAE;
}
black.css (line 2)
a:link, a:visited {
font-weight:normal;
text-decoration:none;
}
template.css (line 23)
Inherited fromdiv
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromdiv#comments-form-send.btn
#whitebox div {
text-align:left;
}
template.css (line 192)
.btn {
border-style:solid;
color:#000000;
}
199-a-...de.html (line 86)
Inherited fromdiv#comments-form-buttons
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {
font:1em Verdana,Arial,Sans-Serif;
}
style.css?v=12 (line 88)
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromform#comments-form javascri...d(null);
#comments-form, #comments-form p, #comments-report-form, #comments-report-form p, #comments-form span, #comments-form .counter {
text-align:left;
text-decoration:none;
text-indent:0;
text-transform:none;
}
style.css?v=12 (line 86)
Inherited fromdiv#comments-form-link
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromdiv#jc
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromtable.nopad
table.nopad {
border-collapse:collapse;
}
template.css (line 317)
Inherited fromdiv#maincolumn
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromdiv#area
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromdiv#whitebox_m
#whitebox div {
text-align:left;
}
template.css (line 192)
Inherited fromdiv.center
div.center {
text-align:center;
}
template.css (line 47)
Inherited frombody#page_bg.color_black
body {
color:#333333;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1.3em;
}
template.css (line 15)
body {
font-family:verdana;
font-size:1em;
}

PLEASE HELP!!!

[smart]

Sorry, but now I've no time to investigate yours styles. You have to make it yourself. I can only give you advice how to find them. If some element has a border you need to search what style is used to set it. You need inspect styles of your Joomla's template and 3rd party extensions' styles because JComments has no border around this button.

[tfmy2k]

I can't figure this out as i am newbie.

I was able to identify that the following code but i can't figure out where is the location of this template.css?

template.css (line 192)
.btn {
border-style:solid;
color:#000000;
}


Please help!!!