﻿body {font-family:Arial;
}
html { 
        max-width: 100%;
        
    }
    
  /*.bigTitle {font-family:Arial; font-size:20px; color:#555555; font-weight:bold;}
  .cssValidator{float:right; font-family:Arial; font-size:12px; color:red; font-weight:bold; margin-top:5px; margin-right:5px;}*/
          /*   .FormTitle{font-family:Arial; font-size:12px; color:#555555; font-weight:bold; padding-left:5px;padding-top:5px;vertical-align:top;}
          
            .cssFormHelp{font-family:Arial; font-size:12px; color:#555555; font-weight:bold; vertical-align:top;}
            .cssFormMessage{font-family:Arial; font-size:14px; color:#555555; font-weight:bold; }
           /* .selectStyleN{font-family:Arial; font-size:12px; width:190px;}*/
            .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:115%}
            .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:115%}  
            .FileFieldAlignRight{float:right; font-family:Arial; font-size:12px; color:#555555; width:254px;height:22px; margin-top:5px; margin-right:5px;margin-bottom:5px;}
            .FormFieldAlignRight{float:right; font-family:Arial; font-size:12px; color:#555555; width:250px; margin-top:5px; margin-right:5px;}
            .textAreaAlignRight{float:right; font-family:Arial; font-size:12px; color:#555555; width:248px;  margin-right:5px;}
            .selectStyleAlignRight{float:right;font-family:Arial; font-size:12px; width:254px;height:22px; margin-top:5px; margin-right:5px;-webkit-appearance: none;}
            .bgTableStyle{background-image:url('media/images/bgTable.png');width:599px; height:413px;}
            .WEBtableTitleLeft{font-family:Arial;font-size:16px;font-weight:bold;color:#000000;width:70px; border-right-width:2px;border-color: #000000;vertical-align:bottom;border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;}
            .WEBtableTitleMid{font-family:Arial;font-size:124%;font-weight:bold;color:#000000;border-color: #000000 ; vertical-align:bottom;border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;}
            .WEBtableTitleRight{font-family:Arial;font-size:16px;font-weight:bold ;color:#000000;vertical-align:bottom;}
            .WEBtableIso{font-family:Arial;font-size:22px;color:Black;vertical-align:middle;font-weight:bolder;font-style:italic;border-color: #000000 ; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px;}	
            .WEBtableGradesBlack{font-family:Arial;font-size:18px;color:Black;vertical-align:middle;}
            .WEBtableGradesBlack1{font-family:Arial;font-size:18px;color:Black;vertical-align:middle;border-color: #000000 ; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px;}	
            .WEBtableGradesBlack2{font-family:Arial;font-size:18px;color:Black;vertical-align:middle;border-color: #000000 ; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px;border-left-width: 0px;}
            .sup{position: relative;bottom: 1ex; font-size: 70%; text-decoration:none;}
            #a {text-decoration:none;}
             .FormTitleB{font-family:Arial; font-size:12px; color:#555555; font-weight:bold; padding-left:5px;padding-top:5px;vertical-align:top;}
            .buttonStylefeedLeft{display:none;}
            .buttonStylefeedRight{display:none;}
            /*Tair @media only screen  and  (min-width:320px) and  (max-width: 399px) { iphone*/
         .selectStyleN{font-family:Arial; font-size:12px; width:100%;}
         .Col1{Width:18%}
    .Col2{width:18%}
    .Col3{width:18%}
    .Col4{width:18%}
    .Col5{width:18%}
   .cssRes{display:none;}
  .trComVis{display:block}
 #trCombos11{display:block;}
   .selectStyleN2{font-family:Arial; font-size:12px;width: 190px;}
   .buttonReset{background-color: #FFFFFF; color: black;   border-style: none;height: 23px; border: 1px solid #004878;    width: 70%; }        
    .buttonStyleHelp{background-color:#E26666; border-style:none;height:23px;width:88%;color: white}
    .selectStyleNLang{    font-family: Arial;font-size: 12px;width: 190px;}
   .buttonStylefeedLeft{ display:none}
   .buttonStylefeedRight{ display:none}
 .btnTD{    vertical-align: top;}
 .td1{width:100px;}
 .styleTD{    vertical-align: top;}
.cssRadioButtons{     color: #555555;  font-family: tahoma; font-size:12px;font-weight: bold;}  
 .RowButton{display: none;}

     @media   only screen  and (min-width: 390px)  and  (max-width: 700px)
   {
       
        .selectStyleNLang{    font-family: Arial;font-size: 160%;width: 160px;text-align: center;-webkit-appearance: none;}
        .style-arrow{    display: inline; position: relative;background-color: #E26666;color: white;font-size:138%;    bottom: 10%;}
     .deviceStyle{display:none;}
    .FormFieldAlignRight{float:right; font-family:Arial; font-size:12px; color:#555555; width:250px; margin-top:5px; margin-right:5px;height: 19px;-webkit-appearance: none;}
   .trCombos11{display:none;}
   .WEBtableTitleRight{font-family:Arial;font-size:124%;font-weight:bold ;color:#000000;vertical-align:bottom;}
   .WEBtableTitleLeft{font-family:Arial;font-size:16px;font-weight:bold;color:#000000;width:70px; border-right-width:2px;border-color: #000000;vertical-align:bottom;border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;}
    body{ background-image: none}
   .tdStyle{dispaly:block;font-size:124%;}
   trStyle{font-size:124%;}
   .FormTitleB{font-family:Arial; font-size:180%; color:#555555; font-weight:bold; padding-left:5px;padding-top:5px;vertical-align:top;}
   .selectStyleN{font-family:Arial; font-size:173%; width:188%;height: 40%;border: 1px solid;-webkit-appearance: none;}
   .selectStyleN2{font-family:Arial; font-size:139%; width:74%;height: 33%;border: 1px solid;position:relative;left:-401%;top:-36%}
   .cssRadioButtons{    width: 32%;font-size:140%;height: 90%; color: #555555;  font-family: tahoma;font-weight: bold;}    .styleTD{width:78%;padding-bottom:1em;height: 18%;line-height: 3.5em;display:block;}
   .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:100%; Width:594%;font-size: 172%;display:block;-webkit-appearance: none;}
   .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:100%; Width:80%;font-size: 191%;display:inline;-webkit-appearance: none;}

     .backButton{display: inline;white-space: nowrap;background-color:#E26666;  padding: 7px;}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:100%; Width:68%;font-size: 189%;  margin-left: 33px;display:inline;-webkit-appearance: none;}
   .tableTDStyle{background-position: right;  background-repeat: no-repeat; height: 540px;vertical-align: top;}
   .WEBtableTitleMid{font-family:Arial;font-size:124%;font-weight:bold;color:#000000;border-color: #000000 ; vertical-align:bottom;border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;}
   .buttonStyle2{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;Width: 468%;    border: 1px solid;}  
  .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:40%;border: 1px solid #004878;Width: 593%;   font-size: 139%;}  
  .lang{ padding-top: 5px;font-size: medium;}
  .LineDevice{    background-color: #E26666;height: 2px;   position: relative; bottom: 58px;color: white}
  .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
  .btnTD{display:none;}
  .trComVis{display:none}
  .cssRes{display:block;}
   .ColHeader0{font-size:131%}
  .ColHeader1{font-size:131%}
    .ColHeader2{font-size:131%}
      .ColHeader3{font-size:131%}
        .ColHeader4{font-size:131%}
           .FormTitle{font-family:Arial; font-size:medium; color:#555555; font-weight:bold;}
        .ColHeader5{font-size:131%}
        .td1{width:0px;}
        
     .PositionReset{position: relative;display: inline-block;bottom: 74px;padding-left: 37%}
  .buttonReset{     background-color: #FFFFFF; color: black;   border-style: none;height: 55%; border: 1px solid #004878;  Width: 102%;  font-size: 139%;text-align: center;   -webkit-appearance: none;}        
  
 .positionText {   position: relative;  bottom: 45px;}

.buttonStyleHelp{background-color:#E26666; border-style:none;height:23px;width:46%;-webkit-appearance: none;}
  .WEBtableTitleMid{display:none}
     .FormTitleB{font-family:Arial; font-size:large; color:#555555; font-weight:bold; padding-left:5px;padding-top:5px;vertical-align:top;}
 .leftButton{right: 29%;display: inline-table;position: relative;  display: table;  border-collapse: separate;background-color: #E26666;}  
    .RightButton{left: 35%;display: inline-table;position: relative; display: table;  border-collapse: separate;  background-color: #E26666;}
 .RowButton{display:flex;gap: 49%; justify-content: space-around;}
     .leftButton-add{    width: 1%;  white-space: nowrap; vertical-align: middle;}
    .RightButton-add{ width: 1%;  white-space: nowrap; vertical-align: middle;}
    }
    /*
@media   only screen  and (min-width:320px) and  (max-width: 399px)
   {
         .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
  .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}

   }
@media   only screen  and(min-width: 220px) and  (max-width: 299px)
    {
          .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
  .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
 .Col5{display:none}
}
@media   only screen  and(min-width: 520px) and  (max-width: 650px) 
        {
              .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
.selectStyleN2{font-family:Arial; font-size:70%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
       .selectStyleN{font-family:Arial; font-size:large; width:590%;}
               .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:471%;position:relative;left:12px;}
                   .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:471%;position:relative;left:12px;} 
                   .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
   .cssRes{display:block;}
}
@media only screen  and  (min-width: 700px) and  (max-width: 750px)
{
      .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
.selectStyleN2{font-family:Arial; font-size:70%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
.selectStyleN{font-family:Arial; font-size:large; width:590%;}
.buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:471%;position:relative;left:12px;}
.buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:471%;position:relative;left:12px;} 
   .cssRes{display:block;}
   .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
}
 @media only screen  and  (min-width: 760px) and  (max-width: 801px)
 {
.ColNone{display:none} 
.colBlock{width:30%}
.Col1{display:none}
.Col2{width:30%;height:44%;}
.Col2{width:30%;height:44%;}
.Col3{width:30%;height:44%;}
.Col4{width:30%;height:44%;}
.Col5{display:none}
.buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
.buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
.selectStyleN2{font-family:Arial; font-size:100%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
.selectStyleN{font-family:Arial; font-size:large; width:590%;}
.buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:473%;position:relative;left:12px;}
.buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:473%;position:relative;left:12px;} 
}
   @media only screen  and  (min-width: 801px) and  (max-width:950px) 
   {
         .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
.selectStyleN2{font-family:Arial; font-size:70%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
       .selectStyleN{font-family:Arial; font-size:large; width:590%;}
               .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:471%;position:relative;left:12px;}
                   .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:471%;position:relative;left:12px;} 
   .cssRes{display:block;}
   .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
}

    @media only screen  and  (min-width: 1180px) and  (max-width:1282px) 
    {
          .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
  .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
   .cssRes{display:block;}
   .selectStyleN2{font-family:Arial; font-size:70%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
       .selectStyleN{font-family:Arial; font-size:large; width:590%;height: 50px;}
               .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:55px;width:471%;position:relative;left:12px;    font-size: large;}
                   .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:55px;border: 1px solid #004878;width:471%;position:relative;left:12px;    font-size: large;} 
                   .FormTitleB{font-family:Arial; font-size:large; color:#555555; font-weight:bold; padding-left:5px;padding-top:5px;vertical-align:top;}
}

   
    @media only screen  and  (min-width: 1021px) and  (max-width:1025px) 
    {
          .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
 .Col5{display:none}
  .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
   .cssRes{display:block;}
   .selectStyleN2{font-family:Arial; font-size:70%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
       .selectStyleN{font-family:Arial; font-size:large; width:590%;}
               .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:471%;position:relative;left:12px;}
                   .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:471%;position:relative;left:12px;} 
}


    @media only screen  and  (min-width: 1600px) and  (max-width:1605px) 
    {
          .ColNone{display:none}
  .colBlock{width:30%}
 .Col1{display:none}
 .Col2{width:30%;height:44%;}
 .Col2{width:30%;height:44%;}
 .Col3{width:30%;height:44%;}
 .Col4{width:30%;height:44%;}
   .cssRes{display:block;}
 .Col5{display:none}
  .buttonStylefeedLeft{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;display:inline}
   .buttonStylefeedRight{ background-color:#E26666;color:white; border-style:none;height:8%; Width:23%;font-size: 189%;  margin-left: 254px;display:inline}
   .selectStyleN2{font-family:Arial; font-size:100%; width:61%;height: 40%;border: 1px solid;position:relative;left:39%;top:-30%}
    .selectStyleN{font-family:Arial; font-size:large; width:590%;}
               .buttonStyle{ background-color:#E26666;color:white; border-style:none;height:23px;width:473%;position:relative;left:12px;}
                   .buttonStyle1{background-color:#FFFFFF;color:black; border-style:none;height:23px;border: 1px solid #004878;width:473%;position:relative;left:12px;} 
}*/
  .cssRes{font-size:191%;}
             