@font-face {
  	font-family: pontiac;
  	src: url(pontiac-regular.otf);
  	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: pontiac-bold;
  src: url(pontiac-bold.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: pontiac-italic;
  src: url(pontiac-italic.otf);
  font-weight: normal;
  font-style: normal;
}
body{	 
	font-family: pontiac, sans-serif;
	text-align: center;
	margin: auto;
}
html {
	min-height:100%;
}
input[type=text] {
  border-color: #696969;
  border-width: 1px;
}
input[type=password] {
  border-color: #696969;
  border-width: 1px;
}

input[type=submit]{
	border-color: #696969;
	border-radius: 6px;
	border-width: 1px;
}
.centered_box {
width:1200px;
 margin: 0 auto;
text-align:center;
}


.top_links {
text-decoration: none;

font-size: 18px;

min-width:1280px;	
text-align:center;
color: #a7a7a7;
height:20px;
width:100%;

}
table {
	margin: 0 auto;
}
.top_links a{
text-decoration: none;
color:#4b4b4b;
}
.left_align{
text-align: left;
width:500px;
margin:auto;
margin-bottom: 10px;
}

.header {

min-width:1280px;
text-align:center;
position:   absolute;
top:    0px;
height:     72px;
width:      100%;
background-image: url('img/BackgroundTop.png');
background-repeat: repeat;
}

.body_image{
position:   absolute;
width:100%;
top:    0px;
bottom: 0px;
min-height:100%;
background-image: url('img/BackgroundCenter.png');
background-repeat: repeat;

}
.main_body {
position:   absolute;
width:1280px;
min-height:100%;
left: 0; 
right: 0; 
margin-left: auto; 
margin-right: auto; 

}
.container{
	color:#444444;
	position:relative;
	min-width:1280px;
	text-align:center;
	min-height:100vh;
	margin-bottom:10px;

}
.col1{
 	width: 200px;
 	float: left;
}
.col2 {
 	width: 1200px;
 	float: right;
 	margin: 0;
 	padding: 0;
 	overflow-x: auto;
 	text-align:left;
}

.colheader {
 	
 	margin: 0;
 	float: center;
 	margin: 0;
 	/*background-color:#d7d7d7;*/
 	padding: 0;
}
#link_window {
	background-color: #e1f4ff;
	text-align: left;
	margin: 0 auto;
	padding: 5px;
}
#left_links {
	background-color: #35adfd;
	text-align: left;
	/*width:200px;
	height: 1000px;*/
	padding: 5px;
	float:left;
	/*margin-right:20px;*/
}
A {
	text-decoration: none;
	color:#444444;
}
.table_row_1{
	/*#86d1ff;*/
	background:#e1f3ff;
	
	color:black;
}
.table_row_2{
	background:#f4fbff;
	color:black;
	text-decoration: none;
}
table{
	color:#444444;
	padding:5px;
	border-spacing: 4px;
	
}
input[type="text"], textarea {

  background-color : #f4fbff;; 

}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.big_item_box{
text-align: center;
width:1000px;
margin:auto;
}
.item_picker_box{
	text-align:left;
 	width: 230px;
 	float: left;
 	display:inline-block;
 	background-color:#f4fbff;
 	margin:5px;
 	padding-left:5px;
 	border-radius: 5px;
}
.column{
text-align: center;
width:245px;

float:left;
}

.hh2{
  font-size: 22px;
}
.hh3{
  font-size: 18px;
}

.item_picker_box2{
	text-align:left;
 	width: 360px;
 	float: left;
 	display:inline-block;
 	background-color:#f4fbff;
 	margin:5px;
 	padding-left:5px;
 	border-radius: 5px;
}
.column2{
text-align: center;
width:380px;

float:left;
}
.mesh_links_master_box {
width:1200px;
 margin: 0 auto;
text-align:left;
}
.mesh_links_single_box {
position:relative;
width:380px;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;
text-align:left;
float:left;
}
.mesh_title{
  font-size: 22px;
  padding:10px;
}

.img_container {
  position: relative;
	display: flex;
  align-items: center;
}

.img_preview {
	background-color: white;
	border: 1px solid black;
	width: 100px;
	height: 100px;
}

.img_data {
	padding: 20px;
}

.img_popup {
	visibility: hidden;
	position: absolute;
	right: 530px;
	top: -110px;
	opacity: 0;
  z-index: 10;
  transition: all 0.3s ease-out;
}

.img_preview:hover ~ .img_popup {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in;
}