/* Banner */

.contact-support-banner
{ background: url('/getImage.php?src=contact-support-banner.png') no-repeat top center; margin: -19px 0 45px 0; width: 100%; }

.contact-support-banner-content
{ width: 1000px; margin: 0 auto; }

.contact-support-banner-content h1
{ font: 600 36px 'proxima_nova', Arial; margin: 0; padding: 62px 0 10px 0; color: #222; }

.contact-support-banner-content p
{ font: 100 20px 'proxima_nova', Arial; margin: 0; padding: 0 0 115px 0; color: #222; }

/* Contact form & Support Information */

.contact-support-container
{  width: 1000px; margin: 20px auto 0 auto;  }

.contact-support-form .success
{
    width: 100%;  font: 100 12px/18px 'proxima_nova', Arial; padding: 10px 8px 8px 10px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.contact-support-container h1,
.complaint-support h2
{ font: 600 26px 'proxima_nova', Arial; color: #222; text-align: center;  }

.contact-support-container h1 span.prev,
.contact-support-container h1 span.next,
.complaint-support h2 span.prev,
.complaint-support h2 span.next
{ display: inline-block; vertical-align: middle; height: 3px; width: 148px; }

.contact-support-container h1 span.prev,
.complaint-support h2 span.prev
{ background: url('/getImage.php?src=kvm-vps-heading-prev.png') no-repeat; margin: 0 15px 0 0; }

.contact-support-container h1 span.next,
.complaint-support h2 span.next
{ background: url('/getImage.php?src=kvm-vps-heading-next.png') no-repeat; margin: 0 0 0 15px; }

.contact-support-container p
{ font: 100 15px 'proxima_nova', Arial; color: #1b1b1b; text-align: center; }


.contact-support-form
{ border: 1px solid #ddd;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 0 0 5px #ddd; margin: 30px auto; padding: 30px;
}

.contact-support-container .lfloat,
.contact-support-container .rfloat
{ width: 45%; }

.contact-support-container .lfloat label.frm-label
{ font: 600 15px/26px 'proxima_nova', Arial; color:#1b1b1b; display: block; margin-bottom: 1px; }

.contact-support-container #contact-form input[type="text"]
{ background: #fff; box-shadow: none;
    border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 11px 0 11px 10px; width: 428px; margin-bottom: 23px;
}

.contact-support-container #contact-form textarea
{ background: #fff; box-shadow: none;
    border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 5px 0 5px 10px; margin-bottom: 17px; width: 428px; height: 128px; resize: none;
}

.contact-support-container #contact-form select
{
    -webkit-appearance: none;  -moz-appearance: none;  display: inline-block;
    background: url(/getImage.php?src=images/selectbox-icon.png) no-repeat right 8px top 3px #fff;
    margin-bottom: 23px; padding:11px 10px; box-shadow: none;
    border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    width: 438px;
}


.contact-support-form h3
{ font: 600 20px 'proxima_nova', Arial; color: #1b1b1b; margin-bottom: 17px; }

.contact-support-container #contact-form input[type="submit"],
.kb-support a
{
    background: #0893d8; border: 1px solid #044bbc;
    font: 100 16px 'proxima_nova', Arial; color:#fff;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 10.5px 20px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
}

.contact-support-container .rfloat h5.ui-heading
{ font: 600 16px/26px 'proxima_nova', Arial; color:#1b1b1b; border-bottom: 1px solid #e4e4e4;
    margin: 0 0 17px 0; padding: 10px 0 5px 0;
}

.contact-support-container .rfloat .support-info
{ margin: 24px 0 0 0; }

.contact-support-container .rfloat .support-info td
{  border: 1px solid #e4e4e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding: 0 20px 17px 20px; display: inline-block;  width: 382px;
}

.contact-support-container .rfloat .support-info tr.space td
{ height: 30px; border: 0; padding: 0; }

.contact-support-container .rfloat .support-info td p
{ text-align: left; display: inline-block; vertical-align: top; width: 188px; }

.contact-support-container .rfloat .support-info td p span{ display: block; padding-bottom: 5px; }

.contact-support-container .rfloat .support-info td .img-posi { top:3px; }

.contact-support-container .chk-icons label.error { top:-20px; position: relative; }

.contact-support-container .rfloat .support-info td table td { max-width: 340px; width: 340px; padding: 0 0 17px 10px; }

/* KB */

.kb-support
{ background: #f8f8f8; text-align: center; padding: 45px 0 61px 0; margin: 70px 0 0 0; }

.kb-support h2
{ font: 600 26px 'proxima_nova', Arial; color: #222; padding: 0 0 5px 0; }

.kb-support  p { font: 100 15px 'proxima_nova', Arial; color: #1b1b1b; margin: 0 0 32px; text-align: center;  }

.kb-support a:hover { color:#fff; }


/* Complaints */

.complaint-support h2 { margin: 53px auto 0 auto; }

.complaint-support .com-links-wrapper
{ border: 1px solid #ccc;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding: 30px 0; width: 1000px; margin: 0 auto 20px auto; }

.complaint-support .com-links-wrapper .complaints
{ display: inline-block; vertical-align: top; width: 405px; padding: 0 30px 0 62px;  }

.complaint-support .com-links-wrapper .complaints:first-child { padding: 0 62px 0 30px; border-right: 1px solid #ccc; }

.complaint-support .com-links-wrapper .complaints h3
{ font: 600 15px 'proxima_nova', Arial; color: #1b1b1b; margin: -4px 0 12px 0; }

.complaint-support .com-links-wrapper .complaints p { font: 100 14px 'proxima_nova', Arial; color: #1b1b1b; }

.complaint-support .com-links-wrapper .complaints p a,
.complaint-support .com-links-wrapper .complaints p a:hover
{ display: block; color: #377ce4; }