1 .charinputlabel {
  2     text-align: left; 
  3     margin: 3px 3px 0px 3px; 
  4     background: none; 
  5     font-size: 15px; 
  6 }
  7 
  8 .charinputlabel:hover {
  9     background: #87CEFA; 
 10 }
 11 
 12 .charinputlabel:hover:active {
 13     background: #87CEFA; 
 14 }
 15 
 16 #fireinputToggleIMEButton {
 17     margin: 0 ;
 18     text-align: center;
 19 }
 20 
 21 #fireinputToggleIMEButton:hover {
 22     cursor: pointer;
 23 }
 24 
 25 #fireinputToggleIMEButton:hover:active {
 26     cursor: pointer;
 27 }
 28 
 29 #fireinputIMEBarCloseButton {
 30     margin: 0 0 0 0;
 31     -moz-appearance: none;
 32     border:none !important;
 33     background: transparent !important;
 34     -moz-image-region: rect(auto, auto, auto, auto);
 35     list-style-image: url("chrome://fireinput/skin/close.png");
 36 }
 37 
 38 #fireinputIMEBarCloseButton:hover {
 39     list-style-image: url("chrome://fireinput/skin/closeHover.png");
 40 }
 41 
 42 #fireinputIMEBarCloseButton:hover:active {
 43     list-style-image: url("chrome://fireinput/skin/closeHover.png");
 44 }
 45 
 46 #fireinputToggleHalfButton {
 47     margin: 0 0 0 0;
 48     -moz-image-region: rect(auto, auto, auto, auto);
 49     list-style-image: url("chrome://fireinput/skin/half-letter.png");
 50 }
 51 
 52 #fireinputToggleHalfButton:hover {
 53     cursor: pointer;
 54 }
 55 
 56 #fireinputToggleHalfButton:hover:active {
 57     cursor: pointer;
 58 }
 59 
 60 #fireinputTogglePunctButton {
 61     margin: 0 0 0 0;
 62     -moz-image-region: rect(auto, auto, auto, auto);
 63     list-style-image: url("chrome://fireinput/skin/half-punct.png");
 64 }
 65 
 66 #fireinputTogglePunctButton:hover {
 67     cursor: pointer;
 68 }
 69 
 70 #fireinputTogglePunctButton:hover:active {
 71     cursor: pointer;
 72 }
 73 
 74 #fireinputPrevSelButton[disabled="true"] {
 75     list-style-image: none; 
 76 }
 77 
 78 #fireinputPrevSelButton[disabled="true"]:hover {
 79     list-style-image: none; 
 80 }
 81 
 82 #fireinputPrevSelButton[disabled="true"]:hover:active {
 83     list-style-image: none; 
 84 }
 85 
 86 #fireinputPrevSelButton {
 87     -moz-appearance: none;
 88     border:none !important;
 89     background: transparent !important;
 90     list-style-image: url("chrome://fireinput/skin/fp-prev.png");
 91 }
 92 
 93 #fireinputPrevSelButton:hover {
 94     list-style-image: url("chrome://fireinput/skin/fp-prevHover.png");
 95 }
 96 
 97 #fireinputPrevSelButton:hover:active {
 98     list-style-image: url("chrome://fireinput/skin/fp-prevHover.png");
 99 }
100 
101 #fireinputNextSelButton[disabled="true"] {
102     list-style-image: none;
103 }
104 
105 #fireinputNextSelButton[disabled="true"]:hover {
106     list-style-image: none;
107 }
108 
109 #fireinputNextSelButton[disabled="true"]:hover:active {
110     list-style-image: none;
111 }
112 
113 #fireinputNextSelButton {
114     -moz-appearance: none;
115     border:none !important;
116     background: transparent !important;
117     list-style-image: url("chrome://fireinput/skin/fp-next.png");
118 }
119 
120 #fireinputNextSelButton:hover {
121     list-style-image: url("chrome://fireinput/skin/fp-nextHover.png");
122 }
123 
124 #fireinputNextSelButton:hover:active {
125     list-style-image: url("chrome://fireinput/skin/fp-nextHover.png");
126 }
127 
128 #fireinputOptionBox {
129   overflow: hidden;
130   margin: 0px;
131   padding: 0px;
132 }
133 
134 #mainPopupSet, #fireinputIMEContainer {
135   -moz-user-focus: normal !important;
136 }
137 
138 #fireinputField {
139     -moz-appearance: none;
140     margin: 0; 
141     border: 1px solid;
142     -moz-border-top-colors: #96969D !important;
143     -moz-border-right-colors: #96969D !important;
144     -moz-border-bottom-colors: #96969D !important;
145     -moz-border-left-colors: #96969D !important;
146     padding: 1px 0 1px 3px;
147     background: lightgrey; 
148     font: icon;
149     font-size: 15px;
150     min-width: 100px; 
151 }
152 
153 #fireinputHelp, #fireinputSpecialCharMenu,#fireinputEmotionMenu {
154     -moz-binding: url("chrome://fireinput/content/bindings.xml#buttonmenu");
155 }
156 
157 .toolbarbuttonStyle {
158     -moz-appearance: none;
159     margin: 0; 
160     border: none !important;
161     background: transparent !important;
162 }
163 
164 .toolbarbuttonStyle:hover {
165     cursor: pointer;
166     color: blue;
167 }
168 
169 .toolbarbuttonStyle:hover:active {
170     cursor: pointer;
171     color: blue;
172 }
173 
174 .specialcharlabel {
175     text-align: center;
176     margin: 1px 2px 1px 2px; 
177     padding: 1px 5px 1px 5px; 
178     font-size: 15px; 
179     color: blue; 
180     background: none; 
181 }
182 
183 .specialcharlabel:hover {
184     background: #87CEFA; 
185 }
186 
187 .specialcharlabel:hover:active {
188     background: #87CEFA; 
189 }
190 
191 .specialcharbar {
192     margin: 0 2px;
193     font-size: 15px;
194     background: none;
195 }
196 
197 .composeeditorlabel {
198     text-align: left;
199     padding: 5px 1px 5px 1px; 
200     margin: 0px; 
201     background: #E5E8EC;
202     font-size: 14px;
203     text-decoration: underline;
204 }
205 
206 .composeeditorlabel:hover {
207     background: #87CEFA;
208 }
209 
210 .composeeditorlabel:hover:active {
211     background: #87CEFA;
212 }
213 
214 .composeeditorboxview {
215     -moz-appearance: none;
216     margin: 0px;
217     border: 1px; 
218     padding: 5px 1px 5px 1px; 
219     -moz-border-top-colors: none !important;
220     -moz-border-right-colors: none !important;
221     -moz-border-bottom-colors: none !important;
222     -moz-border-left-colors: none !important;
223     background: #E5E8EC;
224     font: icon;
225     font-size: 12px;
226 }   
227 
228 .composeeditorbox {
229     -moz-appearance: none;
230     margin: 0px; 
231     border: 1px solid;
232     -moz-border-top-colors: #96969D !important;
233     -moz-border-right-colors: #96969D !important;
234     -moz-border-bottom-colors: #96969D !important;
235     -moz-border-left-colors: #96969D !important;
236     padding: 2px 0 1px 3px;
237     background: #FFFFF0; 
238     font: icon;
239     font-size: 12px;
240 }
241 
242 .fireinputSearchbox {
243     -moz-appearance: none;
244     margin: 4px 2px 4px 3px;
245     border: 1px solid;
246     -moz-border-top-colors: #96969D !important;
247     -moz-border-right-colors: #96969D !important;
248     -moz-border-bottom-colors: #96969D !important;
249     -moz-border-left-colors: #96969D !important;
250     padding: 1px 0 1px 2px;
251     background: #FFFFF0;
252     font: icon;
253     width: 80px; 
254     font-size: 14px;
255     color: #6F767C; 
256 }
257 
258 .fireinputSearchbox:hover {
259     -moz-border-top-colors: #7197D3 !important;
260     -moz-border-right-colors: #7197D3 !important;
261     -moz-border-bottom-colors: #7197D3 !important;
262     -moz-border-left-colors: #7197D3 !important;
263 }
264 
265 .fireinputSearchbox:hover:active {
266     -moz-border-top-colors: #7197D3 !important;
267     -moz-border-right-colors: #7197D3 !important;
268     -moz-border-bottom-colors: #7197D3 !important;
269     -moz-border-left-colors: #7197D3 !important;
270 }
271 
272 #fireinputSearchButton {
273     margin: 7px 2px 4px 2px;
274 }
275 
276 #fireinputSearchButton:hover {
277    color: blue; 
278    cursor: pointer; 
279 }
280 #fireinputSearchButton:hover:active {
281    color: blue; 
282    cursor: pointer; 
283 }
284 
285 .largetablelabel {
286     margin:  4px 3px 0px 3px; 
287     font-size: 12px; 
288 }


syntax highlighted by Code2HTML, v. 0.9.1