@charset "UTF-8";
/* CSS Document */

body {
    margin:0;
    padding:0;
    font: 12px Arial, Helvetica, sans-serif;
}
textarea {resize: vertical;}

.header {
    background:#0053A6;
    text-align:center;
}
.disabled{
    display:none;
}
.page {
    margin:0 auto;
    width: 520px;
}
.footer {
    border-top:1px solid gray;
    padding:4px 0 7px 0;
    margin:20px 0 0 0;
    font-size: 11px;
    width:100%;
    float:left;
    clear:both;
}
.footer .copyright {
    float:left;
    width:400px;
    margin-top:5px;
}
.footer .smk-logo {
    float:right;
    width:123px;
}

.form-title {
    text-align:center;
    font: bold 14px Arial, Helvetica, sans-serif;
    margin:15px 0;
}
.form-subtitle {
    color: #021F6D;
    font: bold 13px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-align:center;
}
.row {
    float:left;
    clear:both;
    width:100%;
}
.row .required {
    color:red;
}

.privacy a {
    float:right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0033CC;
    text-decoration: underline;
}
textarea {
    overflow:auto;
}
img {
    border:none;
}
label {
    font: bold 12px/12px Arial;
}

.head-title {
    margin-bottom:10px;
    padding:12px 0 5px 0;
    background:url('/images/line_bt.gif') bottom left repeat-x;
    color:#021F6D;
    font-weight: bold;
    font-size: 16px;
    font-family: Geneva, Helvetica, Arial, sans-serif;
}

.l-col{
    float:left;
    width:219px;
}

.l-col.bg{
    background:url('/images/news_box_31.gif') top right repeat-y;
    padding-right:23px;
}

.r-col{
    float:right;
    width:219px;
}

.r-col.bg{
    background:url('/images/news_box_31.gif') top left repeat-y;
    padding-left:24px;
}

a{text-decoration:underline;}
a:hover{text-decoration:none;}

.spacer{
    float:left;
    width:100%;
    clear:both;
    height:14px;
}

#determine-pop{
    margin-left:135px;
}
#determine-pop a{
    font-size:10px;
}

/*********** REGISTRATION FORM ***********/

.reg-form form {
    margin:3px 0 0 0;
    padding:0;
}
.reg-form .subscribe {
    margin:0 115px;
    float:left;
    clear:both;
}

.reg-form .subscribe .descr {
    margin:0 0 15px 20px;
    width:300px;
}

.reg-form .contacts {
    margin:17px 0 20px 0;
    float:left;
}
.reg-form .contacts .row {
    margin-bottom:3px;
}
.reg-form .contacts .note {
    margin-top:10px;
    height:15px;
}

.reg-form p {
    text-align:center;
}
.reg-form .block-title {
    font: bold 12px Arial;
    float:left;
}
.reg-form textarea {
    width: 518px;
    margin:5px 0;
    padding:0;
}
.reg-form .g-label {
    text-align:right;
    width: 130px;
    float:left;
    margin-top:5px;
    color: #323232;
    font: 12px/12px Arial;
}
.reg-form #version .g-label,
.reg-form .location .g-label {
    margin-top:0;
}

.reg-form .g-input {
    margin-left:5px;
    width:301px;
}
.reg-form select {
    width:307px;
    margin-left:5px;
}
.reg-form .submit {
    text-align:center;
    margin-top:15px;
}
.reg-form .submit input, .support-form .submit input, .feedback-form .submit input{
    padding: 2px 6px;
    width:94px;
}
#StLoc, #StLoc1, #StLoc2, #country, #kpver, #purchased {
    display: none;
}
.feedback-form  #StLoc1{
    display:block;
    float:left;
}
#SingUserDescr {
    margin-left:135px;
}
#EduReg {
    background-color: #ecf0f3;
    width: 504px;
    clear:both;
    padding: 7px;
    border: 1px solid #CDD5D7;
    text-align: left;
    margin-top:10px;
    float:left;
    display: none;
}
#EduReg .block-title {
    margin-bottom:10px;
}
#EduReg .g-label {
    width:150px;
}
#EduReg .g-input {
    width: 250px;
    margin-right:2px;
}

/*********** FEEDBACK FORM ***********/

.feedback-form {width:484px;}
.feedback-form .row {
    margin:0 0 16px 0;
}

.feedback-form textarea {
    width: 482px;
    padding:0;
}
.feedback-form .g-label {
    text-align:right;
    margin:0 0 5px 0;
    color: #323232;
    font: bold 12px/12px Arial;
    float:left;
}
.feedback-form .subscribe{margin-bottom:0;}
.feedback-form .subscribe label{
    font: 12px/14px Arial;
    float:right;
    width:200px;
}
.feedback-form .subscribe input{
    float:left;
    margin:0;
    padding:0;
}

.feedback-form .g-input{width:213px;}
.feedback-form .subject .g-input{width:478px;}

.feedback-form select{width:219px;}

.feedback-form .email{
    margin-bottom:10px;
}
.feedback-form .subject{
    margin-top:16px;
}
.feedback-form .comments{
    margin-bottom:4px;
}
.feedback-form .agreement{
    text-align:center;
    margin-bottom:4px;
}
.feedback-form .agreement label{
    font: 12px/14px Arial;
}
.feedback-form .submit {
    text-align:center;
    margin:0;
}
.feedback-form .submit input {
    padding: 2px 6px 3px;
    width:94px;
}

/*********** SUPPORT FORM ***********/

.support-form {margin: 0 auto;width:484px;}

.support-form .head-title {
    margin-bottom:18px;
}
.support-form .row {
    margin:0 0 16px 0;
}
.support-form .high-row{
    margin:0 0 30px 0;
}
.support-form .high-row2{
    margin:0;
    height:68px;
}
.support-form a {
    font: 10px/10px Arial;
    color: #0033CC;
}
.support-form #download_link{
    display: inline-block;
}
.support-form input{
    margin-bottom: 3px;
}
.support-form textarea {
    width: 482px;
    margin:5px 0 2px 0;
    padding:0;
}
.support-form .g-label {
    text-align:right;
    margin:0 0 3px 0;
    color: #323232;
    font: bold 12px/12px Arial;
    float:left;
}
.support-form .subscribe{
    margin-bottom:0;
}
.support-form .subscribe label{
    font: 11px/11px Arial;
}
#compquantity,
#computer,
#os,
#kpver,
#country,
#location{
    display:none;
}
.support-form #country {
    margin:-5px 0 3px 0;
}
.support-form #compquantity {
    margin:-16px 0 1px 0;
}
#compquantity label{
    font: 11px/11px Arial;
    float:left;
    margin-top:5px;
}
#compquantity .g-input{
    width:50px;
    float:right;
}
.support-form .g-input{width:213px;}
.support-form .comp {margin-bottom:2px;}
.support-form .comp div{
    float:left;
    width:100px;
}
.support-form .comp .g-input{
    width:100px;
    margin-bottom:1px;
}
.support-form .processor {margin-right:13px;}
.support-form select{
    width:219px;
    margin-bottom:3px;
}
.support-form .submit {
    margin:-4px 108px 0 0;
    float:right;
    width:100px;
}
.support-form .submit input {
    padding: 2px 6px 3px;
    width:100px;
}
.support-form .description{
    padding:8px 0 15px 0;
    background:url('/images/line_bt.gif') top left repeat-x;
    height:10px;
}
.support-form .country {
    margin-bottom:5px;
}
.support-form .comments{
    margin-top:16px;
}
.support-form .comments p{
    float:left;
    margin:0;
}
.privacy {
    margin:3px 0 0 0;
    font-size: 11px;
    height:12px;
}
.support-form .footer{
    margin-top:17px;
}

/*********** TY PAGE ***********/

/*********** MAVIS REGISTRATION ***********/

.mavis .header{
    background:url('/mavisbeacon/2011/images/topback.jpg') top left repeat-x;
}

.mavis13 .header {
    background:url('/mavisbeacon/school/2013/images/topback.jpg') top left repeat-x;
    text-align:center;
    height:126px;
}

.mavis13 .head-title{
    color:#000;
}

.mavis13 .support-form .subscribe{
    margin-bottom:16px;
}

.mavis .reg-form .contacts .keyboard{
    height:38px;
}

.mavis #SingUserDescr,
.mavis #EduReg{
    margin-bottom:13px;
}

.state {display:none;}

.mavis .m-footer {
    padding:26px 0 7px 0;
    margin:0 auto;
    width:580px;
    clear:both;
}
.mavis .m-footer .hr-line{
    background:gray;
    height:1px;
    margin-bottom:4px;
}
.mavis .m-footer .copyright {
    float:left;
    width:320px;
    margin:12px 0 0 130px;
    text-align:center;
}
.mavis .m-footer .smk-logo {
    float:right;
    width:123px;
}
.mavis .m-footer .trademark{
    float:left;
    width:100%;
    clear:both;
    font-size:11px;
    margin-bottom:5px;
    padding-left: 2%;
}

.mavis13 .reg-form{width:560px;}
.mavis13 .reg-form .g-label{width:150px;}
.mavis13 .reg-form .subscribe {
    margin: 0 135px;
}
.mavis13 .reg-form a{
    font: 10px/10px Arial;
    color: #0033CC;
    margin-left:155px;
}
.mavis13 .reg-form #version .g-label{
    margin-top: 5px;
}
.mavis13 .reg-form label.error{
    margin-left:155px;
}

.mavis13  .reg-form textarea{
    width: 558px;
}

.mavis13 .reg-form .about label.error, .mavis13 .reg-form .comments label.error{
    width: 554px;
}

.support-form label.error, .feedback-form label.error{
    color: #676767;
    border: solid 1px red;
    font:10px Trebuchet MS, Tahoma, Verdana;
    padding:3px 2px;
    border-top:none;
    width:213px;
    float:left;
}

.support-form .comments label.error{
    width: 476px;
}

.support-form .comments label.error{
    width: 476px;
}

.feedback-form .subject label.error{
    width: 478px;
}

.reg-form #EduReg label.error{
    width: 250px;
    margin-left: 155px;
}

.feedback-form .comments label.error{
    width: 478px;
    margin-bottom:5px;
    margin-top:-3px;
}

.reg-form label.error{
    color: #676767;
    border: solid 1px red;
    font:10px Trebuchet MS, Tahoma, Verdana;
    padding:3px 2px;
    border-top:none;
    width:301px;
    float:left;
    margin-left:135px;
}

.reg-form .about label.error, .reg-form .comments label.error{
    width: 514px;
    margin-left:0;
    margin-bottom:5px;
    margin-top:-3px;
}

#compquantity label.error{
    margin:0 0 5px 0 !important;
    font:10px Trebuchet MS, Tahoma, Verdana !important;
}

#os, #computer, #internet{
    display:none;
}
.DxDiag{
    margin-top:15px;
    clear:both;
    float:left;
}

.blank{
    color:#FFFFFF;
    text-decoration:none;
}

.support-form .dxdiag label.error{
    width: 478px !important;
    margin-top:-3px;
}

.botNorm {
    height: 26px !important;
    padding-top: 0 !important;
}

.language-select-buttons{
    float: right;
    overflow: hidden;
    width: 145px;
    height: 42px;
}

.language-button{
    width: 76px;
    height: 43px;
    background-image: url("../kp3des/lang/eng_sgn_sprite.jpg");
    background-repeat: no-repeat;
    cursor: default;
}

.language-button.button-active{
    cursor: pointer;
}

.language-button-en{
    float: left;
    background-position: 0px -55px;
}

.language-button-es{
    float: right;
    width: 69px;
    background-position: -85px -55px;
}

.language-button-en.button-active{
    background-position: 0px -7px;
}

.language-button-es.button-active{
    background-position: -85px -7px;
}

.form-head-title {
    position: relative;
    margin: 0 0 10px 0;
    height: 42px;
    border-bottom: 1px solid #ADADAD;
    color: #021f6d;
    font-weight: bold;
    font-size: 16px;
    font-family: Geneva, Helvetica, Arial, sans-serif;
}

.form-head-title-text {
    position: absolute;
    bottom: 8px;
    left: 0;
}

/*--FIXES FOR FORM---*/

.support-form select {
    height: 20px;
    width: 219px;
    margin-bottom: 0;
}

.support-form .g-input {
    height: 20px;
    width: 219px;
    box-sizing: border-box;
    margin-bottom: 0;
}
.support-form label.error{
    width: 219px;
    box-sizing: border-box;
}

.support-form .comments label.error {
    width: 100%;
}

.support-form .comments textarea {
    display: block;
    margin-bottom: 0;
}

.support-form .comments p {
    float: none;
    clear: both;
}

.support-form .high-row {
    margin: 0 0 30px 0;
    height: 100%
}

.support-form .comp .g-input {
    margin-bottom: 0;
}
