3 jQuery Wizard control Plugin
6 http://www.techlaboratory.net
7 http://tech-laboratory.blogspot.com
14 border: 0px solid #CCC;
19 .swMain .stepContainer {
24 border: 0px solid #CCC;
30 .swMain .stepContainer div.content {
36 border: 1px solid #CCC;
37 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
39 background-color:#F8F8F8;
44 -webkit-border-radius: 5px;
45 -moz-border-radius : 5px;
50 .swMain div.actionBar {
55 border: 1px solid #CCC;
58 background-color: #F8F8F8;
65 -webkit-border-radius: 5px;
66 -moz-border-radius : 5px;
70 .swMain .stepContainer .StepTitle {
74 border:1px solid #E0E0E0;
76 font: bold 16px Verdana, Arial, Helvetica, sans-serif;
78 background-color:#E0E0E0;
82 -webkit-border-radius: 5px;
83 -moz-border-radius : 5px;
92 border: 0px solid #CCCCCC;
93 background: transparent; /*#EEEEEE */
102 border: 0px solid #E0E0E0;
106 /* Anchor Element Style */
107 .swMain ul.anchor li a {
115 text-decoration: none;
117 -moz-border-radius : 5px;
118 -webkit-border-radius: 5px;
121 .swMain ul.anchor li a .stepNumber{
128 font: bold 45px Verdana, Arial, Helvetica, sans-serif;
130 .swMain ul.anchor li a .stepDesc{
137 font: bold 20px Verdana, Arial, Helvetica, sans-serif;
139 .swMain ul.anchor li a .stepDesc small{
140 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
142 .swMain ul.anchor li a.selected{
144 background: #EA8511; /* EA8511 */
145 border: 1px solid #EA8511;
147 -moz-box-shadow: 1px 5px 10px #888;
148 -webkit-box-shadow: 1px 5px 10px #888;
149 box-shadow: 1px 5px 10px #888;
151 .swMain ul.anchor li a.selected:hover {
156 .swMain ul.anchor li a.done {
160 border: 1px solid #8CC63F;
163 .swMain ul.anchor li a.done:hover {
166 border: 1px solid #5A5655;
168 .swMain ul.anchor li a.disabled {
171 border: 1px solid #CCC;
174 .swMain ul.anchor li a.disabled:hover {
179 .swMain ul.anchor li a.error {
180 color:#6c6c6c !important;
181 background: #f08f75 !important;
182 border: 1px solid #fb3500 !important;
184 .swMain ul.anchor li a.error:hover {
185 color:#000 !important;
188 .swMain .buttonNext {
191 margin:5px 3px 0 3px;
193 text-decoration: none;
195 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
199 background-color: #5A5655;
200 border: 1px solid #5A5655;
201 -moz-border-radius : 5px;
202 -webkit-border-radius: 5px;
204 .swMain .buttonDisabled {
205 color:#F8F8F8 !important;
206 background-color: #CCCCCC !important;
207 border: 1px solid #CCCCCC !important;
210 .swMain .buttonPrevious {
213 margin:5px 3px 0 3px;
215 text-decoration: none;
217 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
221 background-color: #5A5655;
222 border: 1px solid #5A5655;
223 -moz-border-radius : 5px;
224 -webkit-border-radius: 5px;
226 .swMain .buttonFinish {
229 margin:5px 10px 0 3px;
231 text-decoration: none;
233 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
237 background-color: #5A5655;
238 border: 1px solid #5A5655;
239 -moz-border-radius : 5px;
240 -webkit-border-radius: 5px;
246 border:1px solid #CCCCCC;
248 font:13px Verdana,Arial,Helvetica,sans-serif;
253 border:1px solid #EA8511;
261 padding:8px 10px 8px 40px;
262 border: 1px solid #FFD700;
263 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
265 background: #FFF url(../images/loader.gif) no-repeat 5px;
266 -moz-border-radius : 5px;
267 -webkit-border-radius: 5px;
276 border: 1px solid #FFD700;
277 background-color: #FFFFDD;
278 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
280 -moz-border-radius : 5px;
281 -webkit-border-radius: 5px;
285 .swMain .msgBox .content {
286 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
290 .swMain .msgBox .close {
291 border: 1px solid #CCC;
298 padding: 0 2px 0 2px;
301 text-decoration: none;
303 .swMain .msgBox .close:hover{
305 border: 1px solid #EA8511;