@charset "utf-8";
/* CSS Document */
.omniExpand {
	display: none;	
	line-height: 3em;  
	width: 90%; 
}

@media all and (min-width:1200px){
  body, p, label, ul, ol, li, table, th, td, label {font-size: 96%}
 .resizedText {font-size: 90%}
  h1 {font-size: 160%}
  h2 {font-size: 140%}
  .ui-button-text {font-size: 80%}
  .ui-autocomplete {font-size: 80%}

  .Left_and_Top {width: 50%; float: left;}
  .Left_and_Top_rA {width: 50%; float: left; text-align: right;}
  .Right_and_Bottom {width: 50%; float: right;}

  .Left_and_Top_3_To_6 {width: 33%; float: left;}
  .Right_and_Bottom_3_To_6 {width: 66%; float: right;}
  .Left_and_Top_6_To_3 {width: 66%; float: left;}
  .Right_and_Bottom_6_To_3 {width: 33%; float: right;}
  #VerticalMenuIcon {
	  display: none;
  }
}

@media all and (max-width: 1199px) and (min-width: 900px){
  body, p, label, ul, ol, li, table, th, td, label  {font-size: 95%} /* fourless than 1200 styles*/
  .resizedText {font-size: 89%}
  h1 {font-size: 154%} /* six less than 1200 styles */
  h2 {font-size: 134%} /* six less than 1200 styles */
  .ui-button-text {font-size: 78%} /* four less than 1200 styles */
  .ui-autocomplete {font-size: 78%} /* four less than 1200 styles */

  .Left_and_Top {width: 50%; float: left;}
  .Left_and_Top_rA {width: 50%; float: left; text-align: right;}
  .Right_and_Bottom {width: 50%; float: right;}

  .Left_and_Top_3_To_6 {width: 33%; float: left;}
  .Right_and_Bottom_3_To_6 {width: 66%; float: right;}
  .Left_and_Top_6_To_3 {width: 66%; float: left;}
  .Right_and_Bottom_6_To_3 {width: 33%; float: right;}
  #VerticalMenuIcon {
	  display: none;
  }
}

@media all and (max-width: 899px) and (min-width: 600px){
  body, p, label, ul, ol, li, table, th, td, label  {font-size: 95%}
  .resizedText {font-size: 88%}
  h1 {font-size: 148%}
  h2 {font-size: 128%}
  .ui-button-text {font-size: 74%}
  .ui-autocomplete {font-size: 74%}

  .Left_and_Top {width: 100%; float: none;}
  .Left_and_Top_rA {width: 100%; float: none; text-align: left;}
  .Right_and_Bottom {width: 100%; float: none;}

  .Left_and_Top_3_To_6 {width: 33%; float: left;}
  .Right_and_Bottom_3_To_6 {width: 66%; float: right;}
  .Left_and_Top_6_To_3 {width: 66%; float: left;}
  .Right_and_Bottom_6_To_3 {width: 33%; float: right;}
  .Left_and_Top_3_To_6 label {color: #000; text-align: right;} 
  .Left_and_Top_3_To_6 div {color: #000; text-align: right;} 

  #VerticalMenuIcon {
	  display: block;
  }

  #HorizontalMenu {
	display: none;
  }
}
@media all and (max-width: 599px) and (min-width: 300px){
  body, p, label, li, th, td, label  {font-size: 95%}
  /* p {font-size: 84%} */
  .resizedText {font-size: 88%}
  /* table, th, td {font-size: 84%} */
  h1 {font-size: 142%}
  h2 {font-size: 122%}
  .ui-button-text {font-size: 70%}
  .ui-autocomplete {font-size: 70%}
  
  .Left_and_Top {width: 100%; float:none;}
  .Left_and_Top_rA {width: 100%; float: none; text-align: left;}
  .Right_and_Bottom {width: 100%; float:none;}

  .Left_and_Top_3_To_6 {width: 100%; float:none;}
  .Right_and_Bottom_3_To_6 {width: 100%; float:none;}
  .Left_and_Top_6_To_3 {width: 100%; float:none;}
  .Right_and_Bottom_6_To_3 {width: 100%; float:none;}
  .Left_and_Top_3_To_6 label {text-align: left;} 
  .Left_and_Top_3_To_6 div {text-align: left;}
  .Left_and_Top_3_To_6 div:nth-child(odd) { background-color: #dddddd; } 
  .Right_and_Bottom_3_To_6 div:nth-child(odd) { background-color: #dddddd; } 
  /*
  .showNthChildShadingAtSmallDeviceOnly div:nth-child(odd) { background-color: #dddddd; }
  .showNthChildShadingAtSmallDeviceOnly div:nth-child(even) { background-color: #ffffff; }
  */
  #VerticalMenuIcon {
	  display: block;
  }
 
  #HorizontalMenu {
	display: none;
  }  
}