@charset "utf-8";

/* 
------------------------------------------------------------
@Third party plugins customization for smart-forms 
------------------------------------------------------------ */


/*
========================================================= 
jQUERY STEPS PLUGIN
http://www.jquery-steps.com/
========================================================= 
*/


.wizard > .steps, .wizard h2.title,.wizard li a.previous{
	display:none;
}

.wizard > .content{
    display: block;
    margin:0;
    padding:0;
    min-height:7em;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	overflow: hidden;
	width: auto;
}

.wizard.vertical > .content{
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
	display: inline;
    width: 65%;
}

.wizard > .content > .body{
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    padding:10px 8px;
	padding-right:10px;
}

.wizard > .content > .body ul{ list-style: disc !important; }
.wizard > .content > .body ul > li { display: list-item; }
.wizard > .content > .body > iframe{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .actions{
	position: relative;
	display: block;
	text-align: right;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #F5F5F5 url(../../img/foobg.png) top left repeat-x;
    }

.wizard.vertical > .actions{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li{ margin: 0;padding-right:0 }
.wizard.vertical > .actions > ul > li{ margin: 0 0 0 1em; }
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active{
    background: #bd4520;
    color: #fff;
    display: block;
    padding: 1em 1.5em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* Customized for smartforms v.4
 * Add .smart-steps class to .form-body
-------------------------------------------------------------- */
.smart-steps .wizard > .content > .body{     
	padding:0;margin:0;
}

/* custom styling 
-------------------------------------------------------------------- */
.smart-steps form{  padding-bottom:10px; }
.smart-steps .wizard > .steps{ display: none; }
.smart-steps .xsteps{ position:relative; z-index:2;  }
.server-response{ margin-bottom:10px; }
.smart-steps .wizard.vertical > .content .step-group{ padding-right:0; }
.smart-container{ 
	position:relative;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;	   
}

/*
--------------------------------------------- 
Adjustments for Smart Forms 
---------------------------------------------*/

.telErrorMsg,
.telValidMsg {
   display: block;
   margin-top: 6px;
   padding: 0 3px;
   font-style: normal;
   line-height: normal;
   font-size: 0.85em;
}

.telErrorMsg { color: #DE888A; }
.telValidMsg { color: #00C900; }

.gui-input.telErrorNum,
.gui-input.telErrorNum:hover,
.gui-input.telErrorNum:focus {
   background: #FEE9EA;
   border-color: #DE888A;
}

.gui-input.telErrorNum:focus {
   -webkit-box-shadow: 0px 0px 3px #DE888A inset;
   -moz-box-shadow: 0px 0px 3px #DE888A inset;
   -o-box-shadow: 0px 0px 3px #DE888A inset;
   box-shadow: 0px 0px 3px #DE888A inset;
}

.gui-input.telValidNum,
.gui-input.telValidNum:hover,
.gui-input.telValidNum:focus {
   background: #F0FEE9;
   border-color: #A5D491;
}

.gui-input.telValidNum:focus {
   -webkit-box-shadow: 0px 0px 3px #A5D491 inset;
   -moz-box-shadow: 0px 0px 3px #A5D491 inset;
   -o-box-shadow: 0px 0px 3px #A5D491 inset;
   box-shadow: 0px 0px 3px #A5D491 inset;
}

.intFormat { color: #DE888A; }
.telHideMsg { display: none; }

/*
--------------------------------------------------
Overide container border-radius 
-------------------------------------------------*/
.smart-container{
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-o-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}


@media (max-width: 800px) {
	.wizard > .steps > ul > li{ width: 100%;}
	.smart-steps .wizard > .steps > ul > li{ width: 100%;}
	.smart-steps .wizard > .steps a:after,
	.smart-steps .wizard > .steps a:before { display:none!important;  }	
	.smart-steps .wizard.vertical > .steps{
		display: block;
		float: none;
		width: 100%;
	}
	
	.smart-steps .wizard.vertical > .content{
		display: block;
		float: none;
		width:100%;
		padding:0;
		margin:0;
		padding-right:5px;
	}
	
	.steps-progress .wizard > .steps{ overflow:visible; padding-bottom:10px; }
	.steps-progress .wizard > .steps .number,
	.steps-progress .wizard > .steps li:before{ display:none;}	
	
}

@media (max-width: 400px) {
	.smart-steps .wizard > .actions a,
	.smart-steps .wizard > .actions li,
	.smart-steps .wizard > .actions > ul{ display:block; text-align:center;}
    .smart-steps .wizard > .actions li a.previous{ display:none; }
	.smart-steps .wizard > .actions a{ margin-bottom:5px; }
}