.edgLabelRed
{
   color:Red;
   font-weight:bold;
   
}

.edgSelect 
{
   font-family: sans-serif; 
   cursor: hand;  
   font-size: 100%;
   border:none 0px ;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   height:.75em;
   color:blue;
}

.edgSelect2
{
   font-family: sans-serif; 
   color:Blue;
   cursor: hand;  
   font-size: 100%;
   border: solid 1px #ffffff;

   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   
   height:.75em;
}


.edgLastRow
{
   border: dotted 1px red;
}

div.edgDebug
{
   border: dotted 1px red;
}

.debugDiv
{
   border: solid 1px white;
}


body
{
   background-color: #ffffff;  
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

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

input.edgText
{
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextDate
{
   behavior: url(/edgBehaviors/dateOnly.htc);
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextTime
{
   behavior: url(/edgBehaviors/timeOnly.htc);
   font-family: arial, verdana, helvetica, sans-serif; 
   font-size: 1.1em;
   color:blue;
   line-height: 1em;
   border: solid 1px #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextNumber
{
   behavior: url(/edgBehaviors/numbersOnly.htc);
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextNumberRequired
{
   behavior: url(/edgBehaviors/numbersOnly.htc);
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px red;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextNumberRequiredGroup
{
   behavior: url(/edgBehaviors/numbersOnly.htc);
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: dotted 1px red;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}


input.edgTextCurrency
{
   behavior: url(/edgBehaviors/currencyOnly.htc);
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextUpper
{
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextRequiredField
{
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: solid 1px red;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

input.edgTextRequiredGroup
{
   font-family: sans-serif; 
   font-size: 100%;
   color:blue;
   line-height: 1em;
   border: dotted 1px red;
   margin: 0px 0px 0px 0px;
   padding: 1px 2px 1px 2px;
   height:1.3em;
}

.note
{
   font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	font-style:italic;
   font-size: 13px;
   margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
}

@media (min-width:300px) {
  .note {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
	text-align:left;
	font-style:italic;
   font-size: 4vw;
   margin: 0px 0px 0px 0px;
	 padding: 5px 0px 0px 5px;
  }
}

@media (min-width:1000px) {
  .note {
   font-family: Helvetica, Arial, sans-serif;
	text-align:left;
   font-size: calc(13px + (25 - 13) * ((100vw - 900px) / (1600 - 900)));
   padding: 5px 0px 0px 5px;
   margin: 0px 0px 0px 0px;
  }
}

@media (min-width:1200px) {
  .note {
   font-family: Helvetica, Arial, sans-serif;
	text-align:left;
   font-size: calc(18px + (19 - 18) * ((100vw - 1600px) / (1800 - 1600)));
   padding: 5px 0px 0px 5px;
   margin: 0px 0px 0px 0px;
  }
}

img {
width: 100%;
height: 100%;
}

table
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


tr
{
    margin: 0px 0px 0px 0px;
    border: none;
}

th.auto-text
{
   background-color:transparent;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   padding-right:0px;
   padding-left:0px;
 }

@media (min-width:300px) {
  th.auto-text {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
   background-color:transparent;
   font-weight: bold;
	text-align:center;
	color: #18468e;
  }
}

@media (min-width:1000px) {
  th.auto-text {
   font-family: Helvetica, Arial, sans-serif;
   background-color:transparent;
   font-weight: bold;
   /*font-size: calc(46px + (50 - 46) * ((100vw - 900px) / (1600 - 900)));*/
	text-align:center;
	color: #18468e;
  }
}

@media (min-width:1200px) {
  th.auto-text{
   font-family: Helvetica, Arial, sans-serif;
   background-color:transparent;
   font-weight: bold;
   /*font-size: calc(36px + (40 - 36) * ((100vw - 1600px) / (1800 - 1600)));*/
	color: #18468e;
  }
}

td.auto-text
{
   font-family: Helvetica, Arial, sans-serif;

   padding: 0px 0px 0px 0px;

   margin: 0px 0px 0px 0px;
	text-align:center;
	color: #18468e;
}


@media (min-width:300px) {
  td.auto-text {
   font-family: Helvetica, Arial, sans-serif;

   margin: 0px 0px 0px 0px;

	color: #18468e;
  }
}

@media (min-width:1000px) {
  td.auto-text {
   font-family: Helvetica, Arial, sans-serif;
  /* font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));*/

   margin: 0px 0px 0px 0px;
	color: #18468e;
  }
}

@media (min-width:1200px) {
  td.auto-text {
   font-family: Helvetica, Arial, sans-serif;
  // font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
   margin: 0px 0px 0px 0px;
	color: #18468e;
  }
}

.banner
{
   background-color:transparent;
   padding-right:0px;
   padding-left:0px;
   width: 900px;
 }

@media (min-width:300px) {
  .banner {
    /* Never get smaller than this */
   background-color:transparent;
   width: 100%;
   height: 50%;
   max-width: 100vw;
  text-align:center;
  }
}

@media (min-width:1000px) {
  .banner {
   background-color:transparent;
   /*height: calc(175px + (275 - 175) * ((100vw - 900px) / (1600 - 900)));*/
   width: 100%;
   max-width: 100vw;
   text-align:center;
  }
}

@media (min-width:1200px) {
  .banner {
   background-color:transparent;
   /*height: calc(175px + (200 - 175) * ((100vw - 1600px) / (1800 - 1600)));*/
   width: 100%;
   max-width: 100vw;

	text-align:center;
  }
}

.auto-button
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 110px;
	width: 100%;
	background-size:100% 100%;
	
}

@media (min-width:300px) {
  .auto-button {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
   font-size: 6vw;
    font-style:italic;
     font-weight: bolder;
   color:White;
  /*width: 100%;
  height: 100%;
    /* Magic! */
    max-width: 100vw;
  max-height: 100vh;
  }
}

@media (min-width:1000px) {
  .auto-button {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));
   /*width: 100%;
   height: 100%;*/
   max-width: 100vw;
   max-height: 75vh;	
  }
}

@media (min-width:1200px) {
  .auto-button {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1200)));
   /*width: 100%;
  height: 100%;*/
   max-width: 75vw;
   max-height: 75vh;	
  }
}

@media (min-width:1600px) {
  .auto-button {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
   //height: 100%;
   //width: 100%;
   max-width: 75vw;
   max-height: 75vh;	

  }
}

.photo-button
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	height:110px;
	width:480px;
	background-size:100% 100%;
}

@media (min-width:300px) {
  .photo-button {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(40px + (30 - 20) * ((100vw - 300px) / (1000 - 300)));
   //width: 100%;
   //height: auto;
   max-width: 50vw;
   max-height: 100vh;
  }
}

@media (min-width:1000px) {
  .photo-button {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));
   //width: 100%;
   //height: auto;
   max-width: 50vw;
   max-height: 100vh;	
  }
}

@media (min-width:1200px) {
  .photo-button {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1200)));
   //width: 100%;
   //height: auto;
   max-width: 50vw;
   max-height: 100vh;	
  }
}

@media (min-width:1600px) {
  .photo-button {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
   //height: auto;
   //width: 100%;
   max-width: 50vw;
   max-height: 100vh;
  }
}
//.edgButton
//{
//	font-size:80px;
//	font-family: Verdana;
//	color:White;
//	background-color:#0033a0;
//	vertical-align:middle;
//	padding-bottom:5px; 
//	padding-top:5px; 
//	padding-left:50px; 
//	padding-right:50px;
	
//}

@media (min-width:300px) {
  .edgButton {
    /* Never get smaller than this */
   font-size: 4vw;
	font-family: Verdana;
	color:White;
	background-color:#0033a0;
	vertical-align:middle;	
	   width: 100%;
   height: 100%;
   max-width: 50vw;
   max-height: 100vh;
  }
}

@media (min-width:1000px) {
  .edgButton {

   font-size: calc(80px + (90 - 80) * ((100vw - 900px) / (1600 - 900)));
	font-family: Verdana;
	color:White;
	background-color:#0033a0;
	vertical-align:middle;
  }
}

@media (min-width:1200px) {
  .edgButton {
   font-size: calc(50px + (55 - 50) * ((100vw - 1600px) / (1800 - 1600)));
	font-family: Verdana;
	color:White;
	background-color:#0033a0;
	vertical-align:middle;	
  }
}

.edgSmButton
{
	font-size:10px;
	padding-bottom:5px; 
	padding-top:5px; 
	padding-left:50px; 
	padding-right:50px;
	
}

@media (min-width:300px) {
  .edgSmButton {
    /* Never get smaller than this */
   font-size: calc(40px + (30 - 20) * ((100vw - 300px) / (1000 - 300)));
	
  }
}

@media (min-width:1000px) {
  .edgSmButton {

   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));

  }
}

@media (min-width:1200px) {
  .edgSmButton {
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
	
  }
}

//input
//{
//	font-family: Helvetica, Arial, sans-serif;
//	font-size: 16px;
//	width:auto;
//	height:auto;
	
//}

.auto-input
{
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
	color:blue;
	width:auto;
	height:auto;
	
}

@media (min-width:300px) {
  .auto-input {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
	font-style:italic;	
	color:blue;
	width:auto;
	height:auto;
	
  }
}

@media (min-width:1000px) {
  .auto-input {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));
	font-style:italic;
	color:blue;
	width:auto;
	height:auto;
	
  }
}

@media (min-width:1200px) {
  .auto-input {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
	font-style:italic;
	color:blue;
	width:auto;
	height:auto;
	
  }
}

select
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	color:blue;
	
}

@media (min-width:300px) {
  select {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
   font-size: 4vw;
	color:blue;
	
  }
}

@media (min-width:1000px) {
  select {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));
	color:blue;
	
  }
}

@media (min-width:1200px) {
  select {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
	color:blue;
	
  }
}

option
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	color:blue;
	
}

@media (min-width:300px) {
  option {
    /* Never get smaller than this */
   font-family: Helvetica, Arial, sans-serif;
   font-size: 4vw;
	color:blue;
	
  }
}

@media (min-width:1000px) {
  option {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));
	color:blue;
	
  }
}

@media (min-width:1200px) {
  option {
   font-family: Helvetica, Arial, sans-serif;
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
	color:blue;
	
  }
}
textarea
{
   background-color: #ffffff;
   font-family: sans-serif;
   font-size: 100%;
   border: solid gray 1px;
   color:blue;
   padding: 0px 0px 0px 3px;
   margin: 0px 0px 0px 0px;
}


.edgLabel
{
   padding: 0px 2px 0px 2px;
   margin: 0px 0px 0px 0px;
   text-align:right;
   color:Green;   
}

@media (min-width:300px) {
  .edgLabel {
    /* Never get smaller than this */
   font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1000 - 300)));
	padding: 0px 2px 0px 2px;
    margin: 0px 0px 0px 0px;
	color:Green;
	
  }
}

@media (min-width:800px) {
  .edgLabel {
   font-size: calc(24px + (30 - 24) * ((100vw - 900px) / (1600 - 900)));
	padding: 0px 2px 0px 2px;
   margin: 0px 0px 0px 0px;
	color:Green;
	
  }
}

@media (min-width:1000px) {
  .edgLabel {
   font-size: calc(21px + (23 - 21) * ((100vw - 1600px) / (1800 - 1600)));
   padding: 0px 2px 0px 2px;
   margin: 0px 0px 0px 0px;
	color:Green;
	
  }
}

.edgLabelLeft
{
   padding: 0px 2px 0px 2px;
   margin: 0px 0px 0px 0px;
   text-align:left;
   color:Green;   
}

.edgLabelRight
{
   padding: 0px 2px 0px 2px;
   margin: 0px 0px 0px 0px;
   text-align:right;
   color:Green;   
}

.edgFeedback
{
   padding: 0px 2px 0px 2px;
   margin: 0px 0px 0px 0px;
   text-align:right;
   color:Green;
   text-align:center;
   font-weight:bold;
}

.edgRedLight
{
	background-color: ff3300;
}

.edgOrangeLight
{
	background-color: ffcc33;
}

.edgYellowLight
{
	background-color: #ffff00;
}

.edgGreenLight
{
	background-color: #66cc66;
}

.edgRowUnchecked
{
   background-color: #f5f5dc;
   color:Black;
   cursor:hand;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.edgRowUncheckedReport
{
   background-color: #f5f5dc;
   color:Black;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.edgTable
{
   background-color: #f5f5dc;
   color:Black;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
   
.edgRowChecked 
{  
   background-color: #F08080;
   color:White;
   cursor:hand;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.smallBox
{
   border:none 0px black;
   height:10px;
   width:14px;
   margin:.1ex .1ex .1ex .1ex;
   position:static;
   cursor:hand;
}

.edgRadio
{
   border:none 1px red;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   height:14px;
   width:14px;
   cursor:hand;
}

.edgRadio2
{
   border:none 1px red;
   margin:0px 0px 0px 10px;
   padding:0px 0px 0px 0px;
   height:14px;
   width:14px;
   cursor:hand;
}

@media screen 
{


   .edgButtonView
   {
      
      font-family:sans-serif;
      font-size: 100%;
      border: solid 1px Black;
      padding: 1px 5px 0px 5px;
      margin:0px 0px 0px 0px;
      line-height:1em;
      height: 1.5em;
   }
   
   .tabNormal
   {
      background-color: #87CEEB;
      border: solid 1px black;
      color: Black;
      cursor: hand;
      font-size: .7em;  

      margin-top: 0px;
      margin-right: 0px;
      margin-left: 0px:;
      margin-bottom: 1px;

      padding-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 1px;

      text-align: center;
      text-decoration: none;
      width: 15ex;
   }
   
   
   .tabNormal:hover 
   {  
      background-color: #66cdaa;
      color:#ffffff; 
      font-weight: bold;
   }
   
   .tabActive
   {
      background-color: #F5DEB3;
      border: solid 1px black;
      cursor: default;
      font-size: .7em;  
      font-weight: bold;

      text-align:center;
      text-decoration: none;

      margin-top: 0px;
      margin-right: 0px;
      margin-left: 0px:;
      margin-bottom: 1px;

      padding-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 1px;

      width:15ex;
   }

   .tabDisabled
   {
      background-color: #87CEEB;
      border: solid 1px black;
      color: Black;
      cursor: default;
      font-size: .7em;  

      margin-top: 0px;
      margin-right: 0px;
      margin-left: 0px:;
      margin-bottom: 1px;

      padding-top: 0px;
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 1px;

      text-align: center;
      text-decoration: none;
      width: 15ex;
   }

}



@media print 
{
   input:button
   {
      display: none;
   }
         
   .edgButton
   {
      display: none;
   }

   .tabNormal
   {
      display: none;
   }


   .tabActive
   {
      display: none;
   }


}