@media only screen and (min-width:1024px){
    
    #wizard {
        border:1px solid #c0c0c0;
        font-size:12px;
        min-height:450px;
        margin:20px auto;
    	width: 900px;
        overflow:hidden;
        position:relative;
        border-radius: 10px;

        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }

    #wizard .items {
    	width:20000em;
        clear:both;
        position:absolute;
    }

    #wizard .page {
        padding:20px 30px;
        width:850px;
    	float:left;
    }

    #wizard h2 {
        border-bottom:1px dotted #ccc;
        font-size:22px;
        font-weight:normal;
        margin:10px 0 0 0;
        padding-bottom:15px;
    }

    #wizard h2 em {
        display:block;
        font-size:14px;
        color:#666;
        font-style:normal;
        margin-top:5px;
    }

    #wizard ul {
        padding:0px !important;
        margin:0px !important;
    }

    #wizard li {
        list-style-type:none;
        list-style-image:none;
        margin-bottom:1px;
    }

    #wizard label {
        font-size:16px;
        display:block;
    }

    #wizard label strong {
        color:#789;
        position:relative;
        top:-1px;
    }

    #wizard label em {
        font-size:11px;
        color:#666;
        font-style:normal;
    }

    #wizard .text {
        width:100%;
        padding:5px;
        border:1px solid #ccc;
        color:#456;
        letter-spacing:1px;
    }

    #wizard select {
        border:1px solid #ccc;
        width:94%;
        padding:4px;
    }

    #wizard span {
        color:#fc6605;
        font-weight:bold;
        position:relative;
        top:4px;
        font-size:20px;
    }

    #wizard .double label {
        width:100%;
        float:left;
    }

    #wizard .double .text {
        width:93%;
    }

    #wizard .clearfix {
        clear:left;
        padding-top:10px;
    }

    #wizard .right {
        float:right;
    }

    #drawer {
        background:#fff url(/media/img/gradient/h80.png) repeat-x scroll 0 0;
        _background-color:#fff;
        overflow:visible;
        position:fixed;
        left:0;
        top:0;
        text-align:center;
        padding:15px;
        font-size:18px;
        border-bottom:2px solid #789;
        width:100%;
        display:none;
        z-index:2;
    }

    #wizard .error {
        border:1px solid red;
    }

    #wizard #status {
        margin:0px !important;
        border-bottom: 1px solid #fc6605;
        height:35px;
        background:#fafafa;
        padding-left:25px !important;
        _background:#123;
    }

    #status li {
        list-style-type:none;
        list-style-image:none;
        float:left;
        color:#fc6605;
        font-weight: 500;
        padding:7px 30px;
    }

    #status li.active {
        background-color:#fc6605;
        font-weight:normal;
        color: #ffffff;
    }
}

@media only screen and (min-width:768px) and (max-width: 1023px){
    #wizard {
        border:1px solid #c0c0c0;
        font-size:12px;
        min-height:450px;
        margin:20px auto;
        width: 748px;
        overflow:hidden;
        position:relative;
        border-radius: 10px;

        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }


    #wizard .items {
        width:20000em;
        clear:both;
        position:absolute;
    }

    #wizard .page {
        padding:20px 30px;
        width:700px;
        float:left;
    }

    #wizard h2 {
        border-bottom:1px dotted #ccc;
        font-size:22px;
        font-weight:normal;
        margin:10px 0 0 0;
        padding-bottom:15px;
    }

    #wizard h2 em {
        display:block;
        font-size:14px;
        color:#666;
        font-style:normal;
        margin-top:5px;
    }

    #wizard ul {
        padding:0px !important;
        margin:0px !important;
    }

    #wizard li {
        list-style-type:none;
        list-style-image:none;
        margin-bottom:1px;
    }

    #wizard label {
        font-size:16px;
        display:block;
    }

    #wizard label strong {
        color:#789;
        position:relative;
        top:-1px;
    }

    #wizard label em {
        font-size:11px;
        color:#666;
        font-style:normal;
    }

    #wizard .text {
        width:100%;
        padding:5px;
        border:1px solid #ccc;
        color:#456;
        letter-spacing:1px;
    }

    #wizard select {
        border:1px solid #ccc;
        width:94%;
        padding:4px;
    }

    #wizard span {
        color:#fc6605;
        font-weight:bold;
        position:relative;
        top:4px;
        font-size:20px;
    }

    #wizard .double label {
        width:100%;
        float:left;
    }

    #wizard .double .text {
        width:93%;
    }

    #wizard .clearfix {
        clear:left;
        padding-top:10px;
    }

    #wizard .right {
        float:right;
    }

    #drawer {
        background:#fff url(/media/img/gradient/h80.png) repeat-x scroll 0 0;
        _background-color:#fff;
        overflow:visible;
        position:fixed;
        left:0;
        top:0;
        text-align:center;
        padding:15px;
        font-size:18px;
        border-bottom:2px solid #789;
        width:100%;
        display:none;
        z-index:2;
    }

    #wizard .error {
        border:1px solid red;
    }

    #wizard #status {
        margin:0px !important;
        border-bottom: 1px solid #fc6605;
        height:35px;
        background:#fafafa;
        padding-left:25px !important;
        _background:#123;
    }

    #status li {
        list-style-type:none;
        list-style-image:none;
        float:left;
        color:#fc6605;
        font-weight: 500;
        padding:7px 30px;
    }

    #status li.active {
        background-color:#fc6605;
        font-weight:normal;
        color: #ffffff;
    }
}

@media screen and (max-width: 769px) {

    #wizard {
        border:1px solid #c0c0c0;
        font-size:12px;
        min-height:450px;
        margin:20px auto;
        width: 300px;
        overflow:hidden;
        position:relative;
        border-radius: 10px;

        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }

    #wizard .items {
        width:20000em;
        clear:both;
        position:absolute;
    }

    #wizard .page {
        padding:20px 30px;
        width: 250px;
        float:left;
    }

    #wizard h2 {
        border-bottom:1px dotted #ccc;
        font-size:22px;
        font-weight:normal;
        margin:10px 0 0 0;
        padding-bottom:15px;
    }

    #wizard h2 em {
        display:block;
        font-size:14px;
        color:#666;
        font-style:normal;
        margin-top:5px;
    }

    #wizard ul {
        padding:0px !important;
        margin:0px !important;
    }

    #wizard li {
        list-style-type:none;
        list-style-image:none;
        margin-bottom:1px;
    }

    #wizard label {
        font-size:16px;
        display:block;
    }

    #wizard label strong {
        color:#789;
        position:relative;
        top:-1px;
    }

    #wizard label em {
        font-size:11px;
        color:#666;
        font-style:normal;
    }

    #wizard .text {
        width:100%;
        padding:5px;
        border:1px solid #ccc;
        color:#456;
        letter-spacing:1px;
    }

    #wizard select {
        border:1px solid #ccc;
        width:94%;
        padding:4px;
    }

    #wizard span {
        color:#fc6605;
        font-weight:bold;
        position:relative;
        top:4px;
        font-size:20px;
    }

    #wizard .double label {
        width:100%;
        float:left;
    }

    #wizard .double .text {
        width:93%;
    }

    #wizard .clearfix {
        clear:left;
        padding-top:10px;
    }

    #wizard .right {
        float:right;
    }

    #drawer {
        background:#fff url(/media/img/gradient/h80.png) repeat-x scroll 0 0;
        _background-color:#fff;
        overflow:visible;
        position:fixed;
        left:0;
        top:0;
        text-align:center;
        padding:15px;
        font-size:18px;
        border-bottom:2px solid #789;
        width:100%;
        display:none;
        z-index:2;
    }

    #wizard .error {
        border:1px solid red;
    }

    #wizard #status {
        margin:0px !important;
        border-bottom: 1px solid #fc6605;
        height:35px;
        background:#fafafa;
        padding-left:25px !important;
        _background:#123;
    }

    #status li {
        list-style-type:none;
        list-style-image:none;
        float:left;
        color:#fc6605;
        font-weight: 500;
        padding:7px 10px;
    }

    #status li.active {
        background-color:#fc6605;
        font-weight:normal;
        color: #ffffff;
    }
}