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;
64 -webkit-border-radius: 5px;
65 -moz-border-radius : 5px;
69 .swMain .stepContainer .StepTitle {
73 border:1px solid #E0E0E0;
75 font: bold 16px Verdana, Arial, Helvetica, sans-serif;
77 background-color:#E0E0E0;
81 -webkit-border-radius: 5px;
82 -moz-border-radius : 5px;
92 border: 0px solid #CCCCCC;
93 background: transparent; /*#EEEEEE */
102 border: 0px solid #E0E0E0;
105 /* Anchor Element Style */
106 .swMain ul.anchor li a {
114 text-decoration: none;
116 -moz-border-radius : 5px;
117 -webkit-border-radius: 5px;
120 .swMain ul.anchor li a .stepNumber{
127 font: bold 45px Verdana, Arial, Helvetica, sans-serif;
129 .swMain ul.anchor li a .stepDesc{
136 font: bold 20px Verdana, Arial, Helvetica, sans-serif;
138 .swMain ul.anchor li a .stepDesc small{
139 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
141 .swMain ul.anchor li a.selected{
143 background: #EA8511; /* EA8511 */
144 border: 1px solid #EA8511;
146 -moz-box-shadow: 5px 5px 8px #888;
147 -webkit-box-shadow: 5px 5px 8px #888;
148 box-shadow: 5px 5px 8px #888;
150 .swMain ul.anchor li a.selected:hover {
155 .swMain ul.anchor li a.done {
159 border: 1px solid #8CC63F;
162 .swMain ul.anchor li a.done:hover {
165 border: 1px solid #5A5655;
167 .swMain ul.anchor li a.disabled {
170 border: 1px solid #CCC;
173 .swMain ul.anchor li a.disabled:hover {
178 .swMain ul.anchor li a.error {
179 color:#6c6c6c !important;
180 background: #f08f75 !important;
181 border: 1px solid #fb3500 !important;
183 .swMain ul.anchor li a.error:hover {
184 color:#000 !important;
187 .swMain .buttonNext {
190 margin:5px 3px 0 3px;
192 text-decoration: none;
194 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
198 background-color: #5A5655;
199 border: 1px solid #5A5655;
200 -moz-border-radius : 5px;
201 -webkit-border-radius: 5px;
203 .swMain .buttonDisabled {
204 color:#F8F8F8 !important;
205 background-color: #CCCCCC !important;
206 border: 1px solid #CCCCCC !important;
209 .swMain .buttonPrevious {
212 margin:5px 3px 0 3px;
214 text-decoration: none;
216 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
220 background-color: #5A5655;
221 border: 1px solid #5A5655;
222 -moz-border-radius : 5px;
223 -webkit-border-radius: 5px;
225 .swMain .buttonFinish {
228 margin:5px 10px 0 3px;
230 text-decoration: none;
232 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
236 background-color: #5A5655;
237 border: 1px solid #5A5655;
238 -moz-border-radius : 5px;
239 -webkit-border-radius: 5px;
245 border:1px solid #CCCCCC;
247 font:13px Verdana,Arial,Helvetica,sans-serif;
252 border:1px solid #EA8511;
260 padding:8px 10px 8px 40px;
261 border: 1px solid #FFD700;
262 font: bold 13px Verdana, Arial, Helvetica, sans-serif;
264 background: #FFF url(../images/loader.gif) no-repeat 5px;
265 -moz-border-radius : 5px;
266 -webkit-border-radius: 5px;
275 border: 1px solid #FFD700;
276 background-color: #FFFFDD;
277 font: normal 12px Verdana, Arial, Helvetica, sans-serif;
279 -moz-border-radius : 5px;
280 -webkit-border-radius: 5px;
284 .swMain .msgBox .content {
285 font: normal 12px Verdana,Arial,Helvetica,sans-serif;
289 .swMain .msgBox .close {
290 border: 1px solid #CCC;
297 padding: 0 2px 0 2px;
300 text-decoration: none;
302 .swMain .msgBox .close:hover{
304 border: 1px solid #EA8511;