/* CSS Reset (Eric Meyer) */
@font-face {
}
body {
  font-family: Open Sans;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.clear { clear: both; }

#container {

    width: 754px;
    height: 400px;
    margin: 0px auto;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
}
    #container #step_0, #step_1, #step_2, #step_3, #step_4, #step_5, #step_6, #step_7, #step_8, #step_9, 
    #step_10, #step_11, #step_12, #step_13, #step_14, #step_15, #step_16, #step_17,
    #step_18, #step_19, #step_20, #step_21, #step_22, #step_23, #step_24, #step_25 { display: none; }
    #container #step_0 { display: block; }

    #container .form { margin: 15px 72px 0 72px; }
    
    h1{
        font-weight: 300;
        color: #0abaee;
    }
        #container h1 span { color: #3399cc; }
        
    h2 {
    font-weight: 300;
        color: #333;
        text-align: left;
        text-shadow: none;
    }
    
    #container table {
        margin: 30px 110px;
        font-size: 14px;
        font-weight: bold;
    }
        #container table td {
            padding: 5px 5px;
            color: #ffffff;
        }
            #container table td:nth-child(2) {
                color: #3399cc;
            }   
        
    #container input, #container select {
        margin: 5px 0;
    }
    
    #container #step_3 #copy {
      width: 20px;
      padding-left: 280px;
      float: left;      
    }
    #container #step_3 #copy input{
      width: 20px;
      background:  none;
      outline: none;
      border: none;     
    }
    
    
        #container input.submit {
            border: none;
            cursor: pointer;
            position: relative;
            padding: 20px;
            bottom: 2px;
            left: 655px;
        }
            #container input.submit:focus { border: none; }
        
        #container input.send{ }
            
        #container input.error { border: 1px solid red; }
        #container input.valid { border: 1px solid #3399ff; }
        
        #container input:focus, #container select:focus {
            border: 1px solid #00ccff;
            color: #006699;
        }

    #container select { padding: 5px 0 5px 25px; }
        #container option { padding: 0 15px; }

    #container label {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        float: right;
        margin: 13px -25px;
        width: 270px;
    }
    

#progress_bar {
    background: url('../images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: 0 auto;
    position: relative;
}

#progress {
    background: url('../images/progress.png') repeat-x;
    width: 0px;
    height: 23px;
    
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    left: 0;
}