[RESOLVIDO]Problema no CK Forms

Bom Galera,

estou apanhando um pouco desse módulo, já está instalado, configurado e testado. O problema está na cor do bendito botão de submit, não acho onde altera-lo, ja tentei no ckfomrs.css e no template.css, alguem pode me dar um luz no fim do tunel ?

o site é http://www.dbmusic.com.br/joomla

ckforms css

#ckformcontainer {

width: 100%;

}



.ck_mandatory {

color:#FF0000;

padding: 0px;

font-size:0.83em;

font-weight: bold;

}



.ckform_tooltip, .ckform_tooltipcss {

margin-top: 13px;

margin-left: 5px;

}



.ckform {

margin-top: 10px;

}



.ckform div.error {

display: none;

}



.ckform div.fc-error {

margin-left: 20%;

border: none;

background:none;

padding: 0px;

}



.ckform div.fc-error p {

margin: 0px;

padding: 0px;

color:#F00 !important;

}



.ckform input {

border: 1px solid #999;

padding: 2px;

}



.ckform input:focus {

border: 1px dotted #999;

}



.ckform input.error {

border: 1px dotted #FF0000 !important;

}

.ckform textarea.error { border: 1px dotted red; }



#ckpoweredby {

text-align:center !important;

margin-top: 10px;

margin-bottom: 10px;

}



#ckpoweredby a {color:#666666;}



.captchaCont {

margin-top: 10px;

}



.ckBtnCon {

text-align: center !important;
margin-bottom: 10px;
margin-top: 10px;
color: #FFF;



}



/* CSS layout */



.ckCSSlabel {

display: block;

float: left;

margin-top: 10px;

width: 20%;

font-size:1em;

}



.ckCSSinput {

width: 76%;

margin-top: 10px;

background:#FFF;

}



.ckCSSinput input {

background:#000;

}



.ckCSSinputnowidth {

display: block;

float: left;

margin-top: 10px;

}



.ckCSSTip {

background-image: url(../img/info-bck.png);

background-repeat:no-repeat;

background-position:right;

}



.ckCSSclear {

margin: 0px;

padding: Opx;

clear: both;

}



.ckCSSFloatLeft {

float: left;

}



.ckCSSbot10 {margin-bottom: 10px;}

.ckCSSbot5 {margin-bottom: 5px;}

.ckCSStop10 {margin-top: 10px;}



.ckCSScenter {

text-align:center !important;

margin-top: 10px !important;

}



.ckCustomText {

margin-top: 10px;

}



.ckNoBorder {

visibility:hidden;

}



.ckpagination {

text-align:center !important;

margin-bottom: 15px;

}



.ckdatatable {

margin-top: 20px;

margin-bottom: 10px;

width: 100%;

border-collapse:collapse;

}



.ckdatatableborder td {

border : 1px solid #ccc;

}



.ckfrontlabel {

height: 30px;

padding-right: 20px;

font-weight: bold;

color:#666;

}

Template css onde está a parte do botão.

button {
color: #ccc;
font-size: 11px;
border: none;
background: #fff;
cursor: pointer;
}


#modlgn_remember.inputbox {
background: none;
border: none;
width: auto;
vertical-align:middle;
}

input.button, .validate {
color: #ccc;
background: #fff;
font-size: 11px;
cursor: pointer;
font-weight: 700;
border: none;
height:20px;
line-height:19px;
padding: 2px 4px 4px;
margin:6px 0 0 0;
}

a cor do botão você altera no ckforms.css

.ckform input {

border: 1px solid #999;
background:#000000; ----> adcionar esta linha

padding: 2px;

}

a cor do texto você altera em template.css

input {
color: #ccc;

---

> cor do texto
outline: none;
margin: 0;
}

esse fórmulário é pra deixar o cara louco, mudei tambem os campos de input pois estavam pretos com os dois campos de cima (Nome e E-mail ) com a fonte cinza e o resto com a fonte preta, coloquei o fundo branco e a cor da fonte em preto, os dois de cima continuam cinzas quase brancos e os dois ultimos pretos ARRRRGHHHHH <!-- s:evil: --><img src="{SMILIES_PATH}/icon_evil.gif" alt=":evil:" title="Mal ou Muito Furioso" /><!-- s:evil: -->

vou testar o botão vlw Dimineon

testei o lance do botão

button {
color: #000;
font-size: 11px;
border: none;
background: #fff;
cursor: pointer;
}


#modlgn_remember.inputbox {
background: none;
border: none;
width: auto;
vertical-align:middle;
}

input.button, .validate {
color: #000;
background: #fff;
font-size: 11px;
cursor: pointer;
font-weight: 700;
border: none;
height:20px;
line-height:19px;
padding: 2px 4px 4px;
margin:6px 0 0 0;
}

mesmo assim nada feito. Essa praga de formulário vai pecando css quem duzentos pedaços não seria mais facil se trabalha-se só com o css dele. <!-- s:? --><img src="{SMILIES_PATH}/icon_e_confused.gif" alt="" title="Confuso" /><!-- s:? -->

fiz uma correção acima, estava olhando outras coisas e me embananei no meio do caminho, agora ali ta certo

vishi agora os dois campos de box estão em preto e o botão também rs