/**
* Webcore project Support/Bug-report forms
* version 1.1.0 
* 10.12.2014
*/

html, body {margin:0; padding:0; -webkit-text-size-adjust: none;}

img {border: 0;}
td {vertical-align: top;}

form {margin:0; padding:0;}

.clear {clear: both;}

.line {padding-top: 8px;}

.main-container {padding: 40px 0 0 0;}
.body-block {width: 970px; margin: 0 auto; padding: 10px;}

.top-fields {padding: 0px 8px 20px 8px;}

h1 {display: block; margin:0; display: block; z-index: 11; padding: 0 8px;}

.steps-fields {display: block; margin: 0; padding: 20px 8px 0 8px; clear: both;}
.steps-fields li {display: block; padding: 0 0 18px 0; margin: 0; list-style: none;}

.text-field {padding: 14px 14px;
resize: none;
-webkit-border-radius:0px;
-webkit-appearance: none;
border-radius:0;
}

textarea.text-field, textarea.text-field.sel {line-height: normal; padding: 14px 12px;}
#step1 {}

.top-fields .text-field {width: 423px; float: right;}
.top-fields .text-field:first-child {float: left;}

.steps-fields .text-field {width: 924px;}
.steps-fields textarea.text-field {width: 928px; height: 120px;}

.top-fields { zoom: 1 } 
.top-fields:after {
  content: "";
  clear: both;
  display: block;
  width: 0; height: 0;
  overflow: hidden;
  font-size: 0;
}

input[type=submit],
input[type=button] {padding: 12px 40px; display: block; float: right; cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
}

.submit-block {padding: 7px 8px 0 8px;}
.submit-block input[type=submit],
.submit-block input[type=button] {float: right;}
.submit-block { zoom: 1 } 
.submit-block:after {
  content: "";
  clear: both;
  display: block;
  width: 0; height: 0;
  overflow: hidden;
  font-size: 0;
}

.mess-sent-box {padding: 0 8px 20px 8px; display: none;}
.mess-sent-box h1 {padding:0 3px; margin-bottom: 25px;}
.mess-sent-box table {margin: 0 auto; width: 100%;}
.mess-sent-box table tr td {padding-bottom: 15px; white-space: normal; word-wrap: break-word;}
.mess-sent-box table tr td:first-child {padding-bottom:0; width: 200px;}
.mess-sent-box table tr td.mes-block {padding-bottom: 20px;}
.mess-sent-box .submit-block {padding: 25px 0 0 0;}

.mess-sent-box tr.websiterow {display: none;}

.ironCurtain {background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 111; opacity: 0.5; display: none; overflow:auto; right:0px; bottom:0px}
.progressBar {color: #fff; display: none; text-align: center; z-index: 112; padding-bottom: 1px; font-weight: bold;}

.progressBar .container {width: 272px; height: 8px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px auto 0 auto;;
-moz-box-shadow: inset 0 2px 6px #000, 0 1px 0px #2a2a28;
-webkit-box-shadow: inset 0 2px 6px #000, 0 1px 0px #2a2a28;
box-shadow: inset 0 2px 6px #000, 0 1px 0px #2a2a28;	
}

.progressBar .bar {width: 0px; height: 6px; border: 1px solid #000; -moz-border-radius: 3px; border-radius: 3px; background: #717171;
-moz-box-shadow: inset 0 0 1px #d7d7d7;
-webkit-box-shadow: inset 0 0 1px #d7d7d7;
box-shadow: inset 0 0 1px #d7d7d7;	
}

.footer {padding: 20px 10px 10px 10px; text-align: right; max-width: 950px; margin: 0 auto;}

iframe {border:0; background: transparent; width: 1px;height: 1px; display: block; position: absolute; left: 0; top: 0;}


/* iPad */
@media screen and (device-width: 768px) and (device-height: 1024px) {
.main-container {width:100%;margin: 0 auto; padding: 20px 0 0 0;}
.body-block {padding: 8px 0; width: 728px; margin: 0 auto;}
.footer {max-width: 708px;}

.top-fields .text-field {width: 308px; float: right;}
.top-fields .text-field:first-child {float: left;}

.top-fields {padding: 0px 8px 20px 8px;}
.steps-fields {display: block; margin: 0; padding: 20px 8px 0 8px; clear: both;}

.steps-fields .text-field {width: 686px;}
.steps-fields textarea.text-field {width: 688px;}

.text-field {display:block; border: 1px solid #ccc;}

.mess-sent-box table tr td:first-child {width: 150px;}

.line {padding-top: 8px; border-bottom: 1px solid #ccc;}

input[type=submit],
input[type=button] {}

.submit-block {padding: 7px 8px 0 8px;}
}

/* iPhone */
@media screen and (max-device-width: 480px){
.main-container {width: 320px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 300px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 270px; float: none; }
.top-fields .text-field:first-child {float: none; margin-bottom: 12px;}
.steps-fields textarea.text-field {width: 274px;}

h1 {padding:0;}

.top-fields {padding: 0 0 20px 0;}
.steps-fields {padding: 8px 0 0 0;}

.text-field {display:block;}

.mess-sent-box {padding: 0 0 20px 0;}
.mess-sent-box table tr td:first-child {width: 100px;}

.bottom-fields .file-field {max-width: 274px; float: left;}

.line {border: 0; padding:2px 0 0 0;}

input[type=submit],
input[type=button] {width: 298px; padding: 12px 0;}

.submit-block {padding: 7px 0 0 0;}
}

/* iPhone landscape*/
@media only screen and (min-width: 480px) and (max-device-width: 480px) and (orientation: landscape) {
.main-container {width: 480px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 460px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 430px;}
.steps-fields textarea.text-field {width: 434px;}

.bottom-fields .file-field {max-width: 434px;}

input[type=submit],
input[type=button] {width: 458px; padding: 12px 0;}
}

/* iPhone 5 CSS */
@media only screen and (min-width: 560px) and (max-device-width: 1136px) and (device-aspect-ratio: 40/71) {
.main-container {width: 320px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 300px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 270px; float: none; }
.top-fields .text-field:first-child {float: none; margin-bottom: 12px;}
.steps-fields textarea.text-field {width: 274px;}

.top-fields {padding: 0 0 20px 0;}
.steps-fields {padding: 8px 0 0 0;}

.text-field {display:block;}

.bottom-fields .file-field {max-width: 274px; float: left;}

.line {border: 0; padding: 2px 0 0 0;}

input[type=submit],
input[type=button] {width: 298px; padding: 12px 0;}

.submit-block {padding: 7px 0 0 0;}
}

/* iPhone 5 CSS horizontal */
@media only screen and (min-width: 560px) and (max-device-width: 1136px) and (device-aspect-ratio: 40/71) and (orientation:landscape)  {
.main-container {width: 568px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 548px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 518px;}
.steps-fields textarea.text-field {width: 522px;}

.bottom-fields .file-field {max-width: 434px;}

input[type=submit],
input[type=button] {width: 546px; padding: 12px 0;}
}

/* iPhone 6 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) {
.main-container {width: 375px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 355px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 325px; float: none; }
.top-fields .text-field:first-child {float: none; margin-bottom: 12px;}
.steps-fields textarea.text-field {width: 329px;}

.top-fields {padding: 0 0 20px 0;}
.steps-fields {padding: 8px 0 0 0;}

.text-field {display:block;}

.bottom-fields .file-field {max-width: 329px; float: left;}

.line {border: 0; padding: 2px 0 0 0;}

input[type=submit],
input[type=button] {width: 353px; padding: 12px 0;}

.submit-block {padding: 7px 0 0 0;}
}

/* iPhone 6 horizontal */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio : 2) {
.main-container {width: 667px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 647px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 617px;}
.steps-fields textarea.text-field {width: 621px;}

.bottom-fields .file-field {max-width: 533px;}

input[type=submit],
input[type=button] {width: 645px; padding: 12px 0;}
}

/* iPhone 6+ */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) {
.main-container {width: 414px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 394px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 364px; float: none; }
.top-fields .text-field:first-child {float: none; margin-bottom: 12px;}
.steps-fields textarea.text-field {width: 368px;}

.top-fields {padding: 0 0 20px 0;}
.steps-fields {padding: 8px 0 0 0;}

.text-field {display:block;}

.bottom-fields .file-field {max-width: 368px; float: left;}

.line {border: 0; padding: 2px 0 0 0;}

input[type=submit],
input[type=button] {width: 392px; padding: 12px 0;}

.submit-block {padding: 7px 0 0 0;}	
}

/* iPhone 6+ horizontal */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) {
.main-container {width: 736px; padding: 8px 0 0 0;}
.body-block {padding: 8px 0; width: 716px;}
.top-fields .text-field, .steps-fields .text-field, .text-field {width: 686px;}
.steps-fields textarea.text-field {width: 690px;}

.bottom-fields .file-field {max-width: 602px;}

input[type=submit],
input[type=button] {width: 714px; padding: 12px 0;}
}