body{
	
  font-family:Helvetica, Arial, sans-serif;
}

/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  background-color:white;  
  margin:1px 0 0 15px ;
  text-align:left;
  font-size:8pt;
  max-height:300px; 
 /*  min-width: 160px;
 width:213px !important;*/
  overflow:auto;
  z-index:1000;
  
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	  div.selectbox-wrapper  {
	  /*  width:144px !important;*/
  }
}
/*Drop down list styles*/ 
div.selectbox-wrapper ul {
 
  margin: 0px 0px 2px 0px ; 
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #C6C6C6  ;
  color: #333  ;    
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s; 
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
 	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
  background-color: #FFFFFF  ;   
  
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { 
  background: url('selected.png') no-repeat 96% 50%;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
  background-color: gainsboro;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  display:block;
  margin:0;
  padding: 9px 8px 9px 8px;
  cursor:pointer;
}

/* Look and feel of select box */
.selectbox {
	margin: 0 10px 0 10px;
	padding: 9px 15px 9px 15px;
	font-size:8pt;/* Resize Font*/
	font-weight:600;
	min-height:16px;
	width : 170px; /* Resize Width */
	display : inline;
	text-align:left; 
	background: whiteSmoke url("click.png") 95% 50%  no-repeat;
	cursor: pointer; 
	font-family:helvetica, arial sans-serif; 
	color: #555  ;
	font-size:8pt;/* Resize Font*/
	font-weight:600;  		
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-ms-transition: all 0.218s;
	-o-transition: all 0.218s;
	transition: all 0.218s;
	border: 1px solid gainsboro  ;
	border: 1px solid rgba(0, 0, 0, 0.1)  ;
	background-color: whiteSmoke  ;    
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor:hand;
	cursor: pointer;
	
}
.selectbox:hover{
	border: 1px solid #C6C6C6  ;
	color: #333  ;
	-webkit-transition: all 0.0s;
	-moz-transition: all 0.0s;
	-ms-transition: all 0.0s;
	-o-transition: all 0.0s;
	transition: all 0.0s;		
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8  ),to(#f1f1f1  ));
	background-image: -webkit-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: -moz-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: -ms-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: -o-linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	background-image: linear-gradient(top,#f8f8f8  ,#f1f1f1  );
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1)  ; 
	background: #F8F8F8 url("click.png") 95% 50%  no-repeat;
}
.surrounding {
	display:inline;
	
}

/* Positioning for dropdown menus - naming is ID_container*/
#Items_container {
	left:59px;
}

#Items2_container {
	left:310px;
}



/******************LARGE*****************/

div.Largeselectbox-wrapper {
  position:absolute;
  background-color:white;  
  margin:1px 0 0 15px ;
  text-align:left;
  max-height:300px; 
 /* width:150px !important;*/
  overflow:auto;
  z-index:1000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	  div.Largeselectbox-wrapper  {
	   width:244px !important;
  }
}
/*Drop down list styles*/
div.Largeselectbox-wrapper ul {
   /* margin:0px;*/
  margin: 0px 0px 2px 0px ; 
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #C6C6C6  ;
  color: #333  ;    
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s; 
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
 	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
  background-color: #FFFFFF  ;
}
/* Selected item in dropdown list*/
div.Largeselectbox-wrapper ul li.selected { 
  background: url('selected.png') no-repeat 96% 50%;
}

/* Hover state for dropdown list */
div.Largeselectbox-wrapper ul li.current { 
  background-color: gainsboro;
}

/* Drop down list items style*/
div.Largeselectbox-wrapper ul li {
  display:block;
  margin:0;
  padding: 9px 8px 9px 8px;
  cursor:pointer;
}

/* Look and feel of select box */
.LargeSelectBox {
  margin: 0 10px 0 10px;
  padding:9px 15px 9px 15px;
 font-size:8pt;/* Resize Font*/
  font-weight:600;
  min-height:16px;
  width : 270px; /* Resize Width */ 
  display : inline;
  text-align:left; 
  background: whiteSmoke url("click.png") 95% 50%  no-repeat;
  cursor: pointer; 
  font-family:helvetica, arial sans-serif;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color:#555;
  border: 1px solid gainsboro  ;
  border: 1px solid rgba(0, 0, 0, 0.1)  ;
}

.LargeSelectBox:hover{
	border: 1px solid #C6C6C6  ;
    color: #333  ;    
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -ms-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background-color: #F8F8F8  ;   
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1)  ;
	background-color: #F6F6F6  ;   
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)  ;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)  ;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)  ;

}



/*****************************************/