.men  {FONT-FAMILY: Arial;FONT-SIZE: 12pt;text-align:center; background-color:#A5D6FF;  }
.men:link   {background-color:#A5D6FF; }
.men:hover   {background-color:#A5D6FF; }
.men:active   {background-color:#A5D6FF; }
.men:visited   {background-color:#A5D6FF; }

.slist  {FONT-FAMILY: Arial;FONT-SIZE: 4vw;text-align:left; background-color:#FFFFFF;color:#0000FF  }
.clist  {FONT-FAMILY: Arial;FONT-SIZE: 2vw;text-align:left; background-color:#FFFFFF;color:#00B00A  }
.tlist  {FONT-FAMILY: Arial;FONT-SIZE: 2vw;text-align:left; background-color:#CFFFCF;color:#000000  }
.wlist  {FONT-FAMILY: Arial;FONT-SIZE: 2vw;text-align:left; background-color:#EEEEEE;color:#000000  }
/*.infld  {position:relative;width:400px;height:38px;FONT-FAMILY: Arial;FONT-SIZE: 14pt;BORDER: #C0C0C0;BORDER-STYLE: solid;  BORDER-TOP-WIDTH: 1px;  border-right-width: 1px;  border-bottom-width: 2px; border-left-width: 1px;}*/
.infld  {position:relative;width:400px;height:38px;FONT-FAMILY: Arial;FONT-SIZE: 14pt;BORDER: #C0C0C0;BORDER-STYLE: solid;  BORDER-TOP-WIDTH: 1px;  border-right-width: 1px;  border-bottom-width: 2px; border-left-width: 1px;}
.smh1 {FONT-FAMILY: Arial;FONT-SIZE: 14pt;FONT-WEIGHT: bold;COLOR: #404040;}

.txt1 {FONT-FAMILY: Arial;FONT-SIZE: 4vw;BACKGROUND-COLOR: #FFFFFF;COLOR: #404040;}
.txt2 {FONT-FAMILY: Arial;FONT-SIZE: 3vw;BACKGROUND-COLOR: #FFFFFF;COLOR: #404040;}
.txt3 {FONT-FAMILY: Arial;FONT-SIZE: 4vw;BACKGROUND-COLOR: #FFFFFF;COLOR: #404040;}
.txt4 {FONT-FAMILY: Arial;FONT-SIZE: 2vw;BACKGROUND-COLOR: #1DA1F2;COLOR: #FFFFFF;}


.fh1 {FONT-FAMILY:Arial;FONT-SIZE:14pt;FONT-WEIGHT:bold;BACKGROUND-COLOR: #FFFFFF;COLOR: #404040; }
.fh2 {FONT-FAMILY:Arial;FONT-SIZE:12pt;FONT-WEIGHT:bold;BACKGROUND-COLOR: #FFFFFF;COLOR: #FF9242; }

.sm { FONT-WEIGHT: bold;FONT-SIZE: 10pt;COLOR: #808080;FONT-FAMILY: Arial;BACKGROUND-COLOR: #FF9242;TEXT-DECORATION: none}
.sm:link { BACKGROUND-COLOR: #FF9242;}
.sm:visited {COLOR: #ffffff;BACKGROUND-COLOR: #FF9242;}
.sm:hover {COLOR: #f4ffff;BACKGROUND-COLOR: #3A4D75;}
.sm:active {COLOR: #f4ffff;BACKGROUND-COLOR: #4B90CB;}

.text
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #3a4d75;
	FONT-FAMILY: Arial;


}

/*h1 {FONT-WEIGHT: bold;FONT-SIZE: 14pt;COLOR: #FF9242;FONT-FAMILY: Arial;}*/
h1 {FONT-WEIGHT: bold;FONT-SIZE: 14pt;COLOR: #404040;FONT-FAMILY: Arial;}
h2 {FONT-WEIGHT: bold;FONT-SIZE: 12pt;COLOR: #F0FFFF;FONT-FAMILY: Arial;}

.tmen  {FONT-WEIGHT : normal;FONT-SIZE : 10pt;COLOR : #404040;FONT-FAMILY : Arial;TEXT-DECORATION : none;}
.tmen:link  {TEXT-DECORATION : none;}
.tmen:visited {COLOR:Gray; }
.tmen:hover  {COLOR : #00B00A;}
.tmen:active  {COLOR : Gray;}


/* Autocomplete:  background:url(ims/shadow.png) no-repeat bottom right; */
.autocomplete-w1 {font-size: 4vw;  position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete {font-size: 4vw; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected {font-size: 4vw; background:#F0F0F0; }
/* .autocomplete div { padding:2px 5px; white-space:nowrap; } */
.autocomplete strong {font-size: 4vw; font-weight:normal; color:#3399FF; }
.textbox { font-size: 4vw; padding:3px; font-size:14px; width:330px; } 


/*
html
{
width:1000px;
margin:0;
padding:0;
    }
    body
    {
width:1000px; margin:0;
overflow: hidden;
padding:0;  
        }
        .container
        {height: 500px;
width:500px; margin:0;
overflow: hidden;
padding:0;}

*/


.left, .right {
  float: left;
  width: 10%; /* The width is 10%, by default */
}

.main {
  /*float: left;*/
  width: 90%; /* The width is 80%, by default */
  margin-left: auto;
  margin-right: auto;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}



/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  font-size: 5vw;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font-size: 5vw;
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the submit button */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  font-size: 5vw;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  /*background-color: #ddd;*/
  padding: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Floating column for OK buttons */
.col-100 {
  float: left;
  width: 100%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75 /*,  input[type=submit]*/ {
    width: 100%;
    margin-top: 0;
 
 }
 
 
}
.lupe{
	 float: left;
  max-width: 100%;
   
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	
	}
  
  .g20
{
	color:#FFFFFF;
	TEXT-DECORATION:none;
	font-family:Verdana;
	font-size:4vw;
	background-color:#0EDE66;
	/* Double-sized Checkboxes */
	
}
.b20
{
	color:#FFFFFF;
	TEXT-DECORATION:none;
	font-family:Verdana;
	font-size:4vw;
	background-color:#2994DE;
	
	
}
.r20
{
	color:#FF0000;
	TEXT-DECORATION:none;
	font-family:Verdana;
	font-size:4vw;
	background-color:#FFFFFF;
	
	font-weight:small;
	
}
  
  

.buttonclass {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:#63b8ee;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
text-indent:0;
	border:3px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
height:33px;
	line-height:33px;
width:281px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
}.buttonclass:hover {
	background-color:#468ccf;
}.buttonclass:active {
	position:relative;
	top:1px;

}

/*

#addbox {
  position: relative;
  width: 500px;
  height: 70px;
  clip: rect(0px, 500px, 0px, 70px);
  overflow: hidden;
}
#banner1 {
  position: relative;
  width: 480px;
  height: 60px;
  left: 0;
  top: 5px;
}
#banner2 {
  position: relative;
  width: 480px;
  height: 60px;
  left: 500px;
  top: -55px !important;
  top:-58px;
}

*/