/* SmartWizard 2.0 plugin jQuery Wizard control Plugin by Dipu http://www.techlaboratory.net http://tech-laboratory.blogspot.com */ .swMain { position:relative; display:block; margin:0; padding:0; border: 0px solid #CCC; overflow:visible; float:left; width:980px; } .swMain .stepContainer { display:block; position: relative; margin: 0; padding:0; border: 0px solid #CCC; min-height: 450px; overflow:hidden; clear:both; /*height:300px;*/ } .swMain .stepContainer div.content { display:block; /*position: absolute;*/ position: relative; float:left; margin: 0; padding:5px; border: 1px solid #CCC; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background-color:#F8F8F8; /*height:300px;*/ /* new property */ min-height: 450px; text-align:left; overflow:visible; z-index:88; -webkit-border-radius: 5px; -moz-border-radius : 5px; width:968px; clear:both; } .swMain div.actionBar { display:block; position: relative; clear:both; margin: 3px 0 0 0; border: 1px solid #CCC; padding: 0; color: #5A5655; background-color: #F8F8F8; height:40px; text-align:left; overflow:auto; z-index:88; -webkit-border-radius: 5px; -moz-border-radius : 5px; left:0; } .swMain .stepContainer .StepTitle { display:block; position: relative; margin:0; border:1px solid #E0E0E0; padding:5px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background-color:#E0E0E0; clear:both; text-align:left; z-index:88; -webkit-border-radius: 5px; -moz-border-radius : 5px; } .swMain ul.anchor { position: relative; display:block; float:left; list-style: none; padding: 0px; /*margin: 10px 0;*/ clear: both; border: 0px solid #CCCCCC; background: transparent; /*#EEEEEE */ } .swMain ul.anchor li{ position: relative; display:block; margin: 0; padding: 0; padding-left:3px; padding-right: 3px; border: 0px solid #E0E0E0; float: left; } /* Anchor Element Style */ .swMain ul.anchor li a { display:block; position:relative; float:left; margin: 10px 0; padding:3px; height:60px; width:312px; text-decoration: none; outline-style:none; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:99; } .swMain ul.anchor li a .stepNumber{ position:relative; float:left; width:30px; text-align: center; padding:5px; padding-top:0; font: bold 45px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a .stepDesc{ position:relative; display:block; float:left; text-align: left; padding:5px; font: bold 20px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a .stepDesc small{ font: normal 12px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a.selected{ color:#F8F8F8; background: #EA8511; /* EA8511 */ border: 1px solid #EA8511; cursor:text; -moz-box-shadow: 5px 5px 8px #888; -webkit-box-shadow: 5px 5px 8px #888; box-shadow: 5px 5px 8px #888; } .swMain ul.anchor li a.selected:hover { color:#F8F8F8; background: #EA8511; } .swMain ul.anchor li a.done { position:relative; color:#FFF; background: #8CC63F; border: 1px solid #8CC63F; z-index:99; } .swMain ul.anchor li a.done:hover { color:#5A5655; background: #8CC63F; border: 1px solid #5A5655; } .swMain ul.anchor li a.disabled { color:#CCCCCC; background: #F8F8F8; border: 1px solid #CCC; cursor:text; } .swMain ul.anchor li a.disabled:hover { color:#CCCCCC; background: #F8F8F8; } .swMain ul.anchor li a.error { color:#6c6c6c !important; background: #f08f75 !important; border: 1px solid #fb3500 !important; } .swMain ul.anchor li a.error:hover { color:#000 !important; } .swMain .buttonNext { display:block; float:right; margin:5px 3px 0 3px; padding:5px; text-decoration: none; text-align: center; font: bold 13px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#FFF; outline-style:none; background-color: #5A5655; border: 1px solid #5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; } .swMain .buttonDisabled { color:#F8F8F8 !important; background-color: #CCCCCC !important; border: 1px solid #CCCCCC !important; cursor:text; } .swMain .buttonPrevious { display:block; float:right; margin:5px 3px 0 3px; padding:5px; text-decoration: none; text-align: center; font: bold 13px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#FFF; outline-style:none; background-color: #5A5655; border: 1px solid #5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; } .swMain .buttonFinish { display:block; float:right; margin:5px 10px 0 3px; padding:5px; text-decoration: none; text-align: center; font: bold 13px Verdana, Arial, Helvetica, sans-serif; width:100px; color:#FFF; outline-style:none; background-color: #5A5655; border: 1px solid #5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; } /* Form Styles */ .txtBox { border:1px solid #CCCCCC; color:#5A5655; font:13px Verdana,Arial,Helvetica,sans-serif; padding:2px; width:430px; } .txtBox:focus { border:1px solid #EA8511; } .swMain .loader { position:relative; display:none; float:left; margin: 2px 0 0 2px; padding:8px 10px 8px 40px; border: 1px solid #FFD700; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; background: #FFF url(../images/loader.gif) no-repeat 5px; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:998; } .swMain .msgBox { position:relative; display:none; float:left; margin: 4px 0 0 5px; padding:5px; border: 1px solid #FFD700; background-color: #FFFFDD; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5A5655; -moz-border-radius : 5px; -webkit-border-radius: 5px; z-index:999; min-width:200px; } .swMain .msgBox .content { font: normal 12px Verdana,Arial,Helvetica,sans-serif; padding: 0px; float:left; } .swMain .msgBox .close { border: 1px solid #CCC; border-radius: 3px; color: #CCC; display: block; float: right; margin: 0 0 0 5px; outline-style: none; padding: 0 2px 0 2px; position: relative; text-align: center; text-decoration: none; } .swMain .msgBox .close:hover{ color: #EA8511; border: 1px solid #EA8511; }