/* 
    Document   : 02.form.elements
    Created on : May 14, 2013, 11:52:59 AM
    Author     : nms
    Description:
        Purpose of the stylesheet follows.
*/
.validationError{
    	background-color: #ffEEEE !important;
        outline: 2px solid #CD0A0A !important;
        color: #CD0A0A !important;
}
.sz-form-element a{
    font-family: 'Lato',Arial,sans-serif;
    color:#4593E3;
    cursor: pointer;
    position: relative;
}
.sz-form-element a:hover{
    color:#226FBE;
    
}
.sz-form-element a:active{
    top:2px;
}
.sz-form-element{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    display:inline;
    vertical-align: top;
}
.sz-form-text{
        font-family: 'Lato',Calibri,Arial,sans-serif;
}
.sz-form-text ul,.sz-form-text li{
    list-style: circle outside none !important;
    padding-left: 20px;
}
.sz-form-element-hovered,.sz-form-element-selected{
    box-shadow: inset 0 0 25px 5px #60B7E1,0 0px 5px #60B7E1;
    -o-box-shadow: inset 0 0 25px 5px #60B7E1,0 0px 5px #60B7E1;
    -webkit-box-shadow: inset 0 0 25px 5px #60B7E1,0 0px 5px #60B7E1;
    -moz-box-shadow: inset 0 0 25px 5px #60B7E1,0 0px 5px #60B7E1;
}
.wordCounterContainer{
    font-family: 'Lato',Calibri,Arial,sans-serif;
    float:right;
}
.zahrahFormButton {
    float:right;
    width: 65px;
    height: 65px;
    padding: 10px;
    z-index: 2;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 
        0 0 2px rgba(0,0,0,0.1),
        0 3px 2px rgba(0,0,0,0.1),
        inset 0 -3px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.zahrahFormButton:hover{
    width: 85px;
    height: 85px; 
    padding: 10px;
}
.back_button{
    float:left !important;
}
.zahrahFormButton > button:active {
    background: #42A2BC;
    box-shadow: 
        inset 0 0 5px rgba(0,0,0,0.3),
        inset 0 3px 4px rgba(0,0,0,0.3);
}
.disabled_button{
    opacity: .35; 
    filter:Alpha(Opacity=35);
}
.zahrahFormButton > button {
    width: 100%;
    height: 100%;
    margin-top: -1px;
    font-size: 1.4em;
    line-height: 1.75;
    color: white;
    border: none; 
    border-radius: inherit;
    background: #52cfeb; 
    background: -moz-linear-gradient(#52cfeb, #42A2BC);
    background: -ms-linear-gradient(#52cfeb, #42A2BC);
    background: -o-linear-gradient(#52cfeb, #42A2BC);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
    background: -webkit-linear-gradient(#52cfeb, #42A2BC);
    background: linear-gradient(#52cfeb, #42A2BC);
    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);
    cursor: pointer;
}
.form-section-buttons > .descriptiveButtonText{
    float:right;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding:30px;
}
.form-divert-message{
    float:right;
    clear:both;
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
margin: 0 10%;
    text-transform: uppercase;
    position: relative;
    top:-50px;
}
.form-divert-message span{
     text-transform: lowercase !important; 
}

 .sz-form-element h5{
    font-size: 16px;
    padding-bottom: 1px;
    border-bottom: 1px solid #EBE6E2;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    display: inline-block;
    color: #6c6763;
    font-family: 'Lato', Calibri, Arial, sans-serif; 
    width:90%;
}