@import "compass/css3";
body {    
    margin-top: 0px !important;
    padding: 0px !important;
}
.wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  background: white;
 text-align: center;
  margin-top: 0px;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: center;
padding-right:50px;
padding-left:50px;
text-align: center;

}

.wrapper > * {
  
  flex: 1 100%;
   
}

.main_container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  background: white;
  padding-top:5px;
  padding-left:1px;
  padding-right:10px;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center;
  justify-content: center;


}
.main_container > * {
  
  flex: 1 100%;
   
}

.header {
  background: white;
  text-align: center;
  justify-content: center;
}
.header2 {
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  background: white;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  background: white;
  text-align: center;
  justify-content: center;
  padding: 5px;
  background: #5c4679;
}


.table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  background: white;
  -webkit-flex-flow: wrap;
  flex-flow: wrap;
  flex: 1 80%
  text-align: center;
  justify-content: center;
  padding:20px;
}

.table2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  background: white;
  -webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  flex: 1 80%
  text-align: center;
  justify-content: center;
  padding:5px;
}

.table_cell {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  width: 120px;
   text-align: left;
   background: white;
   padding-top: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   padding-left: 0px;
}
.table_cell_1 {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  width: 400px;
   text-align: left;
   background: white;
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 2px;
   padding-left: 0px;
}
.table_cell_2 {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  width: 50px;
   text-align: right;
   background: white;
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 2px;
   padding-left: 0px;
}

.table_left {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  width: 200px;
   text-align: right;
   background: white;
   padding-top: 2px;
   padding-right: 2px;
   padding-bottom: 2px;
   padding-left: 0px;
}
.table_right {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  width: 400px;
   text-align: left;
   background: white;
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 2px;
   padding-left: 0px;
}


.box1 {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  background: white;
  text-align: left;
  padding: 5px;
  width: 150px;
}
.box2 {
-webkit-flex-flow: no wrap;
  flex-flow: no wrap;
  -webkit-flex: none;
  flex: none;
  background: white;
  text-align: left;
  justify-content: left;
  padding: 5px;
  width: 500px;
}

.text       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 14px;
 	
 }
 .text_f       {
 	font-family: Tahoma, arial, Helvetica, sans-serif;
 	font-size: 18px;
	font-color: #00333d;
 	
 }
 
.text1       {
 	font-family: Tahoma, arial, Helvetica, sans-serif;
 	font-size: 13px;
 	color: #000000;
 }
 
 .text2       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: #000000;
 }
 .text3       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: #000000;
 }
 .text3n       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: navy;
 }
 
  .text3g       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: grey;
 }
 .text4       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 14px;
 	color: #000000;
 }
   .text4red       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 14px;
 	color: red;
	font-weight : 700;
 }
  .title_text       {
 	font-family: arial, Helvetica, sans-serif;
 	font-size: 12px;
 	color: #cc6633;
 }
 
  
 .h1       {font-family: Humanst521 BT, arial, Helvetica, sans-serif;
  font-size: 26pt;
  font-weight : 500;} 
  .h2       {font-family: Humanst521 BT, arial, Helvetica, sans-serif;
  font-size: 22pt;
  font-weight : 500;} 
  .h3       {font-family: Humanst521 BT, arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight : 600;} 
   .h4       {font-family: Humanst521 BT, arial, Helvetica, sans-serif; color: navy;
  font-size: 26pt;
  font-weight : 500;} 
   .h5       {font-family: Humanst521 BT, arial, Helvetica, sans-serif;
  font-size: 22pt; color: #ffffff;  font-weight : 500;}
    .h6       {font-family: Humanst521 BT, arial, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight : 500;} 
  

 
.newlink:link { font-family: Arial, Helvetica, sans-serif;  font-size: 14px; color: #ffffff;  text-decoration: none;}

.newlink:visited { font-family: Arial, Helvetica, sans-serif;  font-size: 14px; color: #ffffff;  text-decoration: none; }

.newlink:active {font-family: Arial, Helvetica, sans-serif;  font-size: 14px; color: #cc0066;  text-decoration: none; }

.newlink:hover { font-family: Arial, Helvetica, sans-serif;  font-size: 14px; color: Yellow;  text-decoration: none; }

#searchbutton {
color: black;
background: lightblue;
border: 2px outset lightgrey;
width: 80px; height: 25px;
style="font-family: arial; font-size: 9px;
margin-top: 5px;
padding: 0em;
border-radius: 6px;

}
#searchbutton2 {
color: white;
background: #6666ff;
border: 2px outset lightgrey;
width: 90px; height: 25px;
style="font-family: arial; font-size: 7px;
margin-top: 5px;
padding: 0em;
border-radius: 6px;

}
#searchbutton3 {
color: white;
background: lightgrey;
border: 2px outset lightgrey;
width: 90px; height: 25px;
style="font-family: arial; font-size: 7px;
margin-top: 5px;
padding: 0em;
border-radius: 6px;

}

input[type=text] {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}

input[type=text]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
outline: thin dotted \9;
}

input[type=radio]:not(old){
  width   : 15px;
  width   : 15px;
  margin  : 0;
  padding : 0;
  background-color: #5c4679;
  border-radius: 10px;
}
 

@media all and (min-width: 800px) {
.right    { flex: 2 350px; }
.left    { flex: 2 350px; }

}