throw an exception if Avalara is misconfigured, and clean up exception handling for...
[freeside.git] / httemplate / elements / freeside.css
1 * {
2   font-family: Arial, Verdana, Helvetica, sans-serif;
3   /* font-family: Verdana, Arial, Helvetica, sans-serif; */
4 }
5
6 pre {
7   font-family: monospace;
8 }
9
10 A:link IMG, A:visited { border-style: none }
11 /* A:focus {text-decoration: underline } */
12
13 a:link, a:visited {
14   /* text-decoration: none; */
15   color: #000000;
16
17
18 a[href]:hover {
19   text-decoration: underline;
20   color: #7e0079;
21 }
22
23 textarea, input[type="text"], input[type="password"] {
24   border: 1px solid #666666;
25   padding: 1px;
26          -moz-border-radius: 2px;
27          -webkit-border-radius: 2px;
28          border-radius: 2px;
29 }
30
31 textarea:hover, input[type="text"]:hover:not([disabled]), input[type="password"]:hover:not([disabled]) {
32   border: 1px solid #7e0079;
33   padding: 1px;
34          -moz-border-radius: 2px;
35          -webkit-border-radius: 2px;
36          border-radius: 2px;
37 }
38
39 textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
40   background-color: #ffffdd;
41   border: 1px solid #7e0079;
42          -moz-border-radius: 2px;
43          -webkit-border-radius: 2px;
44          border-radius: 2px;
45 }
46
47 .fsdisabled {
48   background-color: #dddddd;
49   color: #666666;
50   border: 1px solid #999999;
51   padding: 1px;
52          -moz-border-radius: 2px;
53          -webkit-border-radius: 2px;
54          border-radius: 2px;
55 }
56
57 input[type="reset"], input[type="submit"], input[type="button"] {
58   background-color: #dddddd;
59   border: 1px solid #666666;
60          -moz-border-radius: 4px;
61          -webkit-border-radius: 4px;
62          border-radius: 4px;
63   -moz-box-shadow: #666666 1px 1px 2px;
64   -webkit-box-shadow: #666666 1px 1px 2px;
65   box-shadow: #666666 1px 1px 2px;
66   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
67 }
68
69 input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
70   background-color: #e4e4e4;
71   border: 1px solid #7e0079;
72   color: #7e0079;
73          -moz-border-radius: 4px;
74          -webkit-border-radius: 4px;
75          border-radius: 4px;
76   -moz-box-shadow: #7e0079 1px 1px 2px;
77   -webkit-box-shadow: #7e0079 1px 1px 2px;
78   box-shadow: #7e0079 1px 1px 2px;
79   filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2);
80 }
81
82 /*input[type="select"] {
83   background-color: #eeeeee;
84   border: 1px solid #666666;
85          -moz-border-radius: 4px;
86          -webkit-border-radius: 4px;
87          border-radius: 4px;
88 }
89
90 input[type="select"]:hover {
91   background-color: #eeeeee;
92   border: 1px solid #7e0079;
93   color: #7e0079;
94          -moz-border-radius: 4px;
95          -webkit-border-radius: 4px;
96          border-radius: 4px;
97 }
98 */
99
100
101 /* a:focus { background-color: #ccccee } */
102
103 a.fstab {
104          background-color:#cccccc;
105          color: #666666;
106          border:1px solid;
107          border-top-color:#666666;
108          border-left-color:#666666;
109          border-right-color:#666666;
110          border-bottom-color:#7e0079;
111          -moz-border-radius-topleft:8px;
112          -moz-border-radius-topright:8px;
113          -webkit-border-radius-topleft:8px;
114          -webkit-border-radius-topright:8px;
115          border-top-left-radius:8px;
116          border-top-right-radius:8px;
117          /*font-weight:bold;*/
118          /*padding-left:12px;
119          padding-right:12px;*/
120          padding-left:3px;
121          padding-right:3px;
122          font-size:17px;
123          font-weight:bold;
124          text-decoration:none;
125          overflow:visible;
126     margin-left:6px;
127     margin-right:6px;
128 }
129 a.fstab:hover {
130   text-decoration:none;
131   border-color:#7e0079;
132 }
133
134 /* a:link:hover.fsblackbutton,
135 a:visited:hover.fsblackbutton
136 */
137 a.fstabselected {
138          background-color:#ffffff;
139          color: #000000;
140          border-top:1px solid #7e0079;
141          border-left:1px solid #7e0079;
142          border-right:1px solid #7e0079;
143          border-bottom:1px solid #ffffff;
144          -moz-border-radius-topleft:8px;
145          -moz-border-radius-topright:8px;
146          -webkit-border-radius-topleft:8px;
147          -webkit-border-radius-topright:8px;
148          border-top-left-radius:8px;
149          border-top-right-radius:8px;
150          /*font-weight:bold;*/
151          /*padding-left:12px;
152          padding-right:12px;*/
153          padding-left:3px;
154          padding-right:3px;
155          font-size:17px;
156          font-weight:bold;
157          text-decoration:none;
158          overflow:visible;
159     margin-left:6px;
160     margin-right:6px;
161 }
162 a.fstabselected:hover {
163   text-decoration:none;
164   color: #000000;
165 }
166
167 div.fstabs {
168   padding-left:8px;
169   border-bottom:1px solid #7e0079;
170 }
171
172 div.fstabcontainer {
173   background-color:#ffffff;
174   padding:8px;
175   border-left:1px solid #7e0079;
176   border-right:1px solid #7e0079;
177   border-bottom:1px solid #7e0079;
178   border-top:1px solid #7e0079;
179 }
180
181 .fscontainer {
182   overflow:hidden;
183   display:inline-block;
184 }
185 .fscontainer {
186   display:block;
187 }
188
189 .fsbox {
190
191   float:left;
192
193   background-color:#ffffff;
194
195   padding:8px;
196   border-top:1px solid #7e0079;
197   border-left:1px solid #7e0079;
198   border-right:1px solid #7e0079;
199   border-bottom:1px solid #7e0079;
200          -moz-border-radius-bottomleft:8px;
201          -moz-border-radius-bottomright:8px;
202          -webkit-border-radius-bottomleft:8px;
203          -webkit-border-radius-bottomright:8px;
204          border-bottom-left-radius:8px;
205          border-bottom-right-radius:8px;
206   -moz-box-shadow: #666666 1px 1px 2px;
207   -webkit-box-shadow: #666666 1px 1px 2px;
208   box-shadow: #666666 1px 1px 2px;
209   filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
210 }
211
212 .fsbox .fsbox-title {
213   /*float:left;*/
214   font-size:150%;
215   font-weight:bold;
216 }
217
218 .fsinnerbox {
219   /* background-color:#cccccc; */
220   padding:2px;
221   border: 1px solid #dddddd;
222   border-radius: 2px;
223 }
224
225 .fsinnerbox th {
226   font-weight:normal;
227   font-size:75%;
228   valign: bottom;
229   color: #666666;
230 }
231
232 .fsinnerbox-title {
233   font-size:110%;
234   font-weight:bold;
235   color: #333333;
236 }
237
238 .background {
239   background-color:#f8f8f8;
240 }
241
242 table.grid {
243   border: 1px solid #999999;  
244   border-radius: 2px;
245 }
246
247 th, td {
248   vertical-align: top;
249 }
250
251 thead th.grid {
252   padding-left: 3px;
253   padding-right: 3px;
254   padding-bottom: 2px;
255   border: none;
256   empty-cells: show;
257   font-weight:normal;
258   font-size:90%;
259   valign: bottom;
260   color: #666666;
261   background: #ffffff;
262   border-bottom: 1px solid #666666;
263 }
264
265 td.grid {
266   padding-left: 3px;
267   padding-right: 3px;
268   padding-bottom: 2px;
269   border: none;
270   empty-cells: show;
271 }
272
273 table.inv { border: none }
274 th.inv { border: none }
275 td.inv { border: none }
276
277 td.label {
278   text-align: right;
279 }
280
281 .required {
282   font-weight: bold;
283 }
284
285 .required::before {
286   content: "* ";
287   color: #ff0000;
288 }
289
290 .error {
291   font-size: large;
292   color: #ff0000;
293 }