third-party/smartwizard-1636c86/styles/smart_wizard.css

   1 /*
   2   SmartWizard 2.0 plugin
   3   jQuery Wizard control Plugin
   4   by Dipu
   5
   6   http://www.techlaboratory.net
   7   http://tech-laboratory.blogspot.com
   8 */
   9 .swMain {
  10   position:relative;
  11   display:block;
  12   margin:0;
  13   padding:0;
  14   border: 0px solid #CCC;
  15   overflow:visible;
  16   float:left;
  17   width:980px;
  18 }
  19 .swMain .stepContainer {
  20   display:block;
  21   position: relative;
  22   margin: 0;
  23   padding:0;
  24   border: 0px solid #CCC;
  25   overflow:hidden;
  26   clear:both;
  27   height:300px;
  28 }
  29
  30 .swMain .stepContainer div.content {
  31   display:block;
  32   position: absolute;
  33   float:left;
  34   margin: 0;
  35   padding:5px;
  36   border: 1px solid #CCC;
  37   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  38   color:#5A5655;
  39   background-color:#F8F8F8;
  40   height:300px;
  41   text-align:left;
  42   overflow:visible;
  43   z-index:88;
  44   -webkit-border-radius: 5px;
  45   -moz-border-radius  : 5px;
  46   width:968px;
  47   clear:both;
  48 }
  49
  50 .swMain div.actionBar {
  51   display:block;
  52   position: relative;
  53   clear:both;
  54   margin:             3px 0 0 0;
  55   border:             1px solid #CCC;
  56   padding:            0;
  57   color:              #5A5655;
  58   background-color:   #F8F8F8;
  59   height:40px;
  60   text-align:left;
  61   overflow:auto;
  62   z-index:88;
  63
  64   -webkit-border-radius: 5px;
  65   -moz-border-radius  : 5px;
  66   left:0;
  67 }
  68
  69 .swMain .stepContainer .StepTitle {
  70   display:block;
  71   position: relative;
  72   margin:0;
  73   border:1px solid #E0E0E0;
  74   padding:5px;
  75   font: bold 16px Verdana, Arial, Helvetica, sans-serif;
  76   color:#5A5655;
  77   background-color:#E0E0E0;
  78   clear:both;
  79   text-align:left;
  80   z-index:88;
  81   -webkit-border-radius: 5px;
  82   -moz-border-radius  : 5px;
  83 }
  84 .swMain ul.anchor {
  85   position: relative;
  86   display:block;
  87   float:left;
  88   list-style: none;
  89   padding: 0px;
  90   margin: 10px 0;
  91   clear: both;
  92   border: 0px solid #CCCCCC;
  93   background: transparent; /*#EEEEEE */
  94 }
  95 .swMain ul.anchor li{
  96   position: relative;
  97   display:block;
  98   margin: 0;
  99   padding: 0;
 100   padding-left:3px;
 101   padding-right: 3px;
 102   border: 0px solid #E0E0E0;
 103   float: left;
 104 }
 105 /* Anchor Element Style */
 106 .swMain ul.anchor li a {
 107   display:block;
 108   position:relative;
 109   float:left;
 110   margin:0;
 111   padding:3px;
 112   height:60px;
 113   width:230px;
 114   text-decoration: none;
 115   outline-style:none;
 116   -moz-border-radius  : 5px;
 117   -webkit-border-radius: 5px;
 118   z-index:99;
 119 }
 120 .swMain ul.anchor li a .stepNumber{
 121   position:relative;
 122   float:left;
 123   width:30px;
 124   text-align: center;
 125   padding:5px;
 126   padding-top:0;
 127   font: bold 45px Verdana, Arial, Helvetica, sans-serif;
 128 }
 129 .swMain ul.anchor li a .stepDesc{
 130   position:relative;
 131   display:block;
 132   float:left;
 133   text-align: left;
 134   padding:5px;
 135
 136   font: bold 20px Verdana, Arial, Helvetica, sans-serif;
 137 }
 138 .swMain ul.anchor li a .stepDesc small{
 139   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 140 }
 141 .swMain ul.anchor li a.selected{
 142   color:#F8F8F8;
 143   background: #EA8511;  /* EA8511 */
 144   border: 1px solid #EA8511;
 145   cursor:text;
 146   -moz-box-shadow: 5px 5px 8px #888;
 147   -webkit-box-shadow: 5px 5px 8px #888;
 148   box-shadow: 5px 5px 8px #888;
 149 }
 150 .swMain ul.anchor li a.selected:hover {
 151   color:#F8F8F8;
 152   background: #EA8511;
 153 }
 154
 155 .swMain ul.anchor li a.done {
 156   position:relative;
 157   color:#FFF;
 158   background: #8CC63F;
 159   border: 1px solid #8CC63F;
 160   z-index:99;
 161 }
 162 .swMain ul.anchor li a.done:hover {
 163   color:#5A5655;
 164   background: #8CC63F;
 165   border: 1px solid #5A5655;
 166 }
 167 .swMain ul.anchor li a.disabled {
 168   color:#CCCCCC;
 169   background: #F8F8F8;
 170   border: 1px solid #CCC;
 171   cursor:text;
 172 }
 173 .swMain ul.anchor li a.disabled:hover {
 174   color:#CCCCCC;
 175   background: #F8F8F8;
 176 }
 177
 178 .swMain ul.anchor li a.error {
 179   color:#6c6c6c !important;
 180   background: #f08f75 !important;
 181   border: 1px solid #fb3500 !important;
 182 }
 183 .swMain ul.anchor li a.error:hover {
 184   color:#000 !important;
 185 }
 186
 187 .swMain .buttonNext {
 188   display:block;
 189   float:right;
 190   margin:5px 3px 0 3px;
 191   padding:5px;
 192   text-decoration: none;
 193   text-align: center;
 194   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 195   width:100px;
 196   color:#FFF;
 197   outline-style:none;
 198   background-color:   #5A5655;
 199   border: 1px solid #5A5655;
 200   -moz-border-radius  : 5px;
 201   -webkit-border-radius: 5px;
 202 }
 203 .swMain .buttonDisabled {
 204   color:#F8F8F8  !important;
 205   background-color: #CCCCCC !important;
 206   border: 1px solid #CCCCCC  !important;
 207   cursor:text;
 208 }
 209 .swMain .buttonPrevious {
 210   display:block;
 211   float:right;
 212   margin:5px 3px 0 3px;
 213   padding:5px;
 214   text-decoration: none;
 215   text-align: center;
 216   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 217   width:100px;
 218   color:#FFF;
 219   outline-style:none;
 220   background-color:   #5A5655;
 221   border: 1px solid #5A5655;
 222   -moz-border-radius  : 5px;
 223   -webkit-border-radius: 5px;
 224 }
 225 .swMain .buttonFinish {
 226   display:block;
 227   float:right;
 228   margin:5px 10px 0 3px;
 229   padding:5px;
 230   text-decoration: none;
 231   text-align: center;
 232   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 233   width:100px;
 234   color:#FFF;
 235   outline-style:none;
 236   background-color:   #5A5655;
 237   border: 1px solid #5A5655;
 238   -moz-border-radius  : 5px;
 239   -webkit-border-radius: 5px;
 240 }
 241
 242 /* Form Styles */
 243
 244 .txtBox {
 245   border:1px solid #CCCCCC;
 246   color:#5A5655;
 247   font:13px Verdana,Arial,Helvetica,sans-serif;
 248   padding:2px;
 249   width:430px;
 250 }
 251 .txtBox:focus {
 252   border:1px solid #EA8511;
 253 }
 254
 255 .swMain .loader {
 256   position:relative;
 257   display:none;
 258   float:left;
 259   margin: 2px 0 0 2px;
 260   padding:8px 10px 8px 40px;
 261   border: 1px solid #FFD700;
 262   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
 263   color:#5A5655;
 264   background: #FFF url(../images/loader.gif) no-repeat 5px;
 265   -moz-border-radius  : 5px;
 266   -webkit-border-radius: 5px;
 267   z-index:998;
 268 }
 269 .swMain .msgBox {
 270   position:relative;
 271   display:none;
 272   float:left;
 273   margin: 4px 0 0 5px;
 274   padding:5px;
 275   border: 1px solid #FFD700;
 276   background-color: #FFFFDD;
 277   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
 278   color:#5A5655;
 279   -moz-border-radius  : 5px;
 280   -webkit-border-radius: 5px;
 281   z-index:999;
 282   min-width:200px;
 283 }
 284 .swMain .msgBox .content {
 285   font: normal 12px Verdana,Arial,Helvetica,sans-serif;
 286   padding: 0px;
 287   float:left;
 288 }
 289 .swMain .msgBox .close {
 290   border: 1px solid #CCC;
 291   border-radius: 3px;
 292   color: #CCC;
 293   display: block;
 294   float: right;
 295   margin: 0 0 0 5px;
 296   outline-style: none;
 297   padding: 0 2px 0 2px;
 298   position: relative;
 299   text-align: center;
 300   text-decoration: none;
 301 }
 302 .swMain .msgBox .close:hover{
 303   color: #EA8511;
 304   border: 1px solid #EA8511;
 305 }