/*------------------------------
	CONTACT-CSS
------------------------------*/
/*------------------------------
	INDEX:
	TAG styling:
		label
        legend

	ID styling
		#?

	CLASS styling
		.action
        .progress
        .progress-bar
        .setp-button-*
        .textarea

------------------------------*/

/*------------------------------
	TAG styling
------------------------------*/

label, legend {
        font-size:16px;
        margin-left:-20px;
  }

  /*------------------------------
  	ID styling
  ------------------------------*/

  	#? {

    }
    
    /*------------------------------
    	CLASS styling
    ------------------------------*/

  	.action, .step-button-jump, .step-button-next, .step-button-prev {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        padding: 6px 12px;
        margin: 5px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
   	    }

  	.action, .step-button-next, .step-button-prev {
        border-radius: 4px;
        width: 90px;
    	}

  	.action {
		background-color: #5bb75b;
		background-image: linear-gradient(to bottom, #62c462, #51a351);
		background-repeat: repeat-x;
        border-color: #51a351 #51a351 #387038;
    	}

  	.progress-bar, .step-button-jump, .step-button-next {
		background-color: #49afcd;
		background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
		background-repeat: repeat-x;
        border-color: #2f96b4 #2f96b4 #1f6377;
    	}

    .progress {
        margin-bottom: 10px;
        }

  	.step-button-jump {
        width: 34px;
        border-radius: 17px;
    	}

  	.step-button-prev {
		background-color: #363636;
		background-image: linear-gradient(to bottom, #444444, #222222);
		background-repeat: repeat-x;
        border-color: #222222 #222222 #000000;
    	}

    .step-buttons {
        height: 40px;
    }

    .textarea {
        width: 600px;
     }