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