body {
    font-size: 100%;
    text-align: center;
}
.clearfix:after, .row:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#container hgroup p {
    font-size: 14px;
}
.clearfix, .row {
    display: inline-block;
}

html[xmlns] .clearfix, html[xmlns] .row {
    display: block;
}

*:focus {
    outline: none;
}

body {
     font-family:"PT Sans Narrow",sans-serif;
    color: #7f7f7f;
    margin: 0;
    padding: 0;
}

input, select, textarea {
    font-family: Arial, Helvetica, sans-serif;
    color: #1B1B1B;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

a {
    outline: none;
    text-decoration: none;
    color: #dd782c;
}

a:hover {
    text-decoration: underline;
}

h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 10px;
    color: #1B1B1B;
}

h2 {
    color: #292929;
    font-size: 200%;
    padding: 0 0 10px 0;
    font-weight: normal;
    outline: none;
}

h3 {
    color: #1B1B1B;
    font-size: 105%;
    line-height: 20px;
    font-weight: normal;
    outline: none;
}

div#main {
    width: 902px;
    margin: 30px auto;
}

#left_side {
    float: left;
    width: 642px;
}

#container {
    overflow: hidden;
    padding: 20px 0 20px 20px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 20px rgba(3, 44, 52, .22);
    -moz-box-shadow: 0 0 20px rgba(3, 44, 52, .22);
    -webkit-box-shadow: 0 0 20px rgba(3, 44, 52, .22);
}

article {
    width: 620px;
    padding:   0;
}

hgroup {
    margin-right: 20px;
}

.form {
    margin: 0;
    padding: 0;
}

.form fieldset {
    border: none;
    padding: 10px 0 0;
    margin: 0;
}

.form .last {
    margin: 0 !important;
}

.form h4 {
    font-size: 25px;
    color: #6c3a13;
    line-height: 33px;
    margin-bottom: 15px;
}

.form h4 span {
    display: block;
    float: left;
    width: 13px;
    padding: 0 10px;
    height: 33px;
    background: url(images/h4_span.png) no-repeat center;
    color: #272727;
    font-size: 19px;
    font-weight: bold;
    margin-right: 15px;
 }

.form .row {
    margin-bottom: 20px;
}

.form label {
    color: #1B1B1B;
    font-size: 16px;
    display: block;
    float: left;
    padding-bottom: 9px;
    width: 100%
}

.form label em {
    color: #1B1B1B;
    font-weight: bold;
    margin-left: 3px;
}

.form label a {
    color: #dd782c;
}

.form label .tooltip {
    display: block;
    float: right;
    margin-right: 5px;
    width: 17px;
    height: 17px;
    background: url(images/tooltip.png) no-repeat;
}

.form .inner_labels label {
    padding: 7px 15px 7px 0;
    width: auto;
}

.form input[type="text"],.form input[type="email"], .form .row input[type="password"], .form select, .form textarea {
    background: #f5f5f5;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .1) inset;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form input[type="text"],.form input[type="email"], .form .row input[type="password"] {
    width: 268px;
    padding: 1px 10px;
    height: 33px;
    line-height: 33px;
}

.form select {
    padding: 6px 5px;
    width: 290px;
    height: 37px;
    line-height: 33px;
}

.form textarea {
    padding: 5px 10px;
    width: 100%;
    height: 95px;
    line-height: 19px;
    width: 580px;
    font-size: 15px;
}

.form input[type="checkbox"], .form .row input[type="radio"] {
    display: block;
    float: left;
    margin: 10px 7px 10px 0;
}

.form input.hasDatepicker {
    float: left;
    width: 113px;
    margin-right: -27px;
}

.form img.ui-datepicker-trigger {
    float: left;
    margin-top: 9px;
}

.form input[type="text"]:focus, .form .row input[type="password"]:focus, .form .row select:focus, .form .row textarea:focus, .form .row input[type="text"]:hover, .form .row input[type="password"]:hover, .form .row select:hover, .form .row textarea:hover {
    border: 1px solid #e7c971;
    box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0, 0, 0, .1) inset;
}

.form input.error, .form select.error, .form textarea.error {
    border: 1px solid #eb9393;
    box-shadow: 0 0 5px #f7c4c4;
    -moz-box-shadow: 0 0 5px #f7c4c4;
    -webkit-box-shadow: 0 0 5px #f7c4c4;
    background-color: #fce4e4;
}

.form input[type="submit"] {
    cursor: pointer;
    background: #F5F1F2 ;
    position: relative;
    text-align: left;
    color: #000000;
    border: #dedede 1px solid ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    font-size: 100%;
}

.form input[type="submit"]:hover {
    background: #cccccc;
    float: right;
    color: #fafafa;
    text-decoration: none;
}

.biginput  {
    cursor: pointer;
    background: transparent !important; ;
    position: relative;
    text-align: left;
    color: #000000;
    border: 0px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
    font-size: 100%;
    text-decoration: underline;

}

.biginput:hover {
    text-decoration: none;

}
.box .error {
    color:red;
    font-size: 15px;
}
.form span.label {
    color: #1B1B1B;
    float: left;
    line-height: 33px;
    margin: 0 10px 0 0;
}

.form p.hint {
    margin: 5px 0 0;
    color: #1B1B1B;
    font-size: 80%;
}

.form .item {
    width: 294px;
    float: left;
    margin-right: 16px;
}

.form .item span.label {
    width: 100%;
    line-height: normal;
    margin-bottom: 10px;
}

.copy {
    float: right;
    color: #1B1B1B;
    font-size: 85%;
    margin: 10px 16px 20px 0;
 }

aside {
    width: 240px;
    float: left;
    padding: 13px 0 0 20px;
    text-align: left;
}

aside h5 {
    font-family: Georgia;
    color: #7d4317;
    font-size: 125%;
    line-height: 30px;
    font-style: italic;
    margin-bottom: 15px;
}

aside a.login {
    display: block;
    margin-bottom: 20px;
    color: #dd782c;
    font-size: 100%;
     line-height: 19px;
    background: url(images/ico_login.png) no-repeat left center;
    padding-left: 25px;
}

aside .item {
    margin: 0 0 20px -20px;
    padding: 4px 0 0px 50px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1);
    background: url(images/aside_h6.png) no-repeat 20px top;
}

aside .item.last {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

aside h6 {
    font-size: 110%;
    margin-bottom: 10px;
    color: #82502a;
     line-height: 20px;
}

aside p,aside ul li  {
    font-size: 100%;
    line-height: 15px;
     color: #808080;
}

#tooltip {
    z-index: 100;
    position: absolute;
    display: none;
    padding: 10px;
    color: #fff;
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
    line-height: 17px;
    background: #703d15;
    background: -webkit-gradient(linear, center bottom, center top, from(#703d15), to(#bc7945));
    background: -moz-linear-gradient(bottom, #703d15, #bc7945);
    box-shadow: -1px 1px 1px #e8e8e8;
    -moz-box-shadow: -1px 1px 1px #e8e8e8;
    -webkit-box-shadow: -1px 1px 1px #e8e8e8;
}

#tooltip em {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    background: url(images/tooltip_em.png);
    display: block;
    width: 12px;
    height: 6px;
}

.form .ui-slider {
    margin-top: 42px;
    background: url(images/slider.png) repeat-x;
    border: none;
    height: 9px;
    margin-right: 4px;
}

.form .ui-slider .ui-slider-handle {
    margin-top: -1px;
    background: url("images/slider_handle.png") no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 19px;
    width: 19px;
}

.form .ui-slider .ui-slider-range {
    background: url("images/slider_range.png") repeat-x;
    border: 1px solid #bbb;
    height: 7px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}




input { font-family:Arial, Helvetica, sans-serif; color:#1B1B1B; font-size:18px;}
a { outline:none; text-decoration:none;}

div.main {   height:350px;   margin-top: 5%;  position:relative;  display: inline-block;}
.main.finish {
    width: 800px;
    left: 50%;
    margin-left: -400px;
    height: 500px;
    margin-top: -250px;
}
.main.finish .box {
    width: auto !important;
}
div.box {    padding:15px; background:#fff; border:1px solid #d5d5d5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 20px rgba(3,44,52,.22); -moz-box-shadow: 0 0 20px rgba(3,44,52,.22); -webkit-box-shadow: 0 0 20px rgba(3,44,52,.22);}
div.box h2 { color:#292929; font-size:150%; margin:0; padding:0 0 10px 0; font-weight:normal; outline:none;}
div.box h3 { color:#7f7f7f; font-size:110%; line-height:20px; margin:0; padding:0; font-weight:normal; outline:none;}

.form { margin:0; padding:0;}
.form fieldset { border:none; padding: 10px 0 0; margin:0;}
.form .row { margin-bottom:6px; position:relative; line-height:33px;}

.form .row input[type="text"],.form .row input[type="email"], .form .row input[type="password"] { height:33px; line-height:33px; border:1px solid #c5c5c5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1) inset;}
.form .row input[type="text"]:focus, .form .row input[type="email"]:focus, .form .row input[type="text"]:hover,  .form .row input[type="email"]:hover, .form .row input[type="password"]:focus, .form .row input[type="password"]:hover { border:1px solid #e7c971; box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 0 5px #ffe8b1, 0 2px 2px rgba(0,0,0,.1) inset;}
.form .row input.login { background:url(images/input_login.png) left center no-repeat #f5f5f5; width:318px; padding: 1px 5px 1px 45px;}
.form .row input.password { background:url(images/input_password.png) left center no-repeat #f5f5f5; width:193px; padding: 1px 5px 1px 45px; }
.form .row input.error { border:1px solid #eb9393; box-shadow: 0 0 5px #f7c4c4; -moz-box-shadow: 0 0 5px #f7c4c4; -webkit-box-shadow: 0 0 5px #f7c4c4; background-color:#fce4e4; }

.form .row a.forgot { position:absolute; top:2px; right:10px; color:#909090; font-size:85%; }
.form .row a.forgot:hover { color:#6e6e6e;}
.form .row input[type="checkbox"] { display:block; float:left; margin: 9px 6px 9px 2px; }
.form .row label { color:#1B1B1B; font-size:110%; display:block; float:left; }

.main .form .row {
    text-align: left;
}
.main .form .row .login {
    width: 88% !important;
}
.main .form .row .password {
    width: 88% !important;
}
.main #v4header {
    font-size: 300%;
}



@media only screen and (device-width: 768px) {
    /* For general iPad layouts */
    .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        height: 220px;
    }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        height: 220px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    .scroll-wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        height: 220px;
    }
}