.form_bap_filter {
	display: inline-block;
	zoom: 1;
    *display: inline;
    margin-bottom: 10px;}
  
.form_bap_filter input[type="submit"] {
	width: 80px;}
				
.form_bap_filter input[type="text"] {
	width: 250px;
	padding: 5px;}
  
.form_bap_filter input[type="submit"],.form_bap_filter input[type="text"] {
	-webkit-appearance: none; -moz-appearance: none;}
  
.ulFilter {
	margin: 0;
	padding: 0;}
  
.ulFilter li {
	display: inline-block;
	margin-right: 10px;
	zoom: 1;
	*display: inline;}
			
.placesResults {
	border: 1px solid #c0c0c0;
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;}
			
caption {
	position: absolute;
	left: -999px;}
			
.placesResults th {
	padding: 2px 2px;
	color: #fff;
	border: 1px solid #c0c0c0;
	white-space: nowrap;}
			
.placesResults td {
	padding: 5px 0 5px 1px;
	border: 1px solid #c0c0c0;}
	
.citycode {
	width: 145px;}
	
.placename {
	text-indent: 5px;
	width: 400px;}
	
.dates {
	width: 175px;}
	
.count {
	width: 95px;}
	
.gridref {
	width: 125px;}
	
th {
	background: #7CAEDC;
	cursor: pointer;}
	
td.padding {
	padding-left: 5px;}
	
.vtop {
	vertical-align: top;}
	
table.sortable tbody tr:nth-child(2n) td {
  background: #f0f0f0;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #fff;
}

/* Scrollability of table */
    /*table { width: 940px; }  fixed width table */
    /* thead tr { display: block; } makes it sizeable */
    /*tbody { 
      display: block;  makes it sizeable */
      /*  height: 300px;height of scrollable area */
      /* overflow: auto; scroll rather than overflow */
      /* width: 100%; fill the box 
    }*/
    
    /* the tbody needs to be 16px less than the thead, for the scrollbar */
			
.placeSearch input[type="text"] {
	width: 250px;}
			
.placeSearch p {
	text-align: center;}
			
.tooltip {
	cursor: pointer;
	font-size: 90%;} 
			
.tooltip span {
	z-index:10;
	display:none;
	padding:14px 20px;
	margin-top:-75px;
	margin-left:-230px;
	width:auto;}
					
.tooltip:hover span,.tooltip:focus span, .tooltip:active span{
	display:inline;
	position:absolute;
	color:#111;
	border:1px solid #DCA;
	background:#fffAF0;}
					
.callout {
	z-index:20;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;}
					
/*CSS3 extras*/
.tooltip span {
	border-radius:4px;
	box-shadow: 5px 5px 8px #000;}
	
/*Mobile Portrait:*/
@media only screen and (max-width : 640px) {
/* Styles */
.citycode,.gridref,.dates{display: none;}
.ulFilter .li_first {display: block;}
.ulFilter .li_last, .ulFilter .search{margin-top: 10px;}

.ulFilter input[type="text"] {width: 150px;}
.ulFilter .search .gobtn,.ulFilter input[type="submit"] {width: auto;}
.ulFilter li {margin-right: 5px;}
.ulFilter .search {margin-right: 0px; padding-top: 10px;}
#divTable {height: 400px; overflow: scroll; border: 1px solid #c0c0c0;  -webkit-overflow-scrolling: touch;}
}

@media only screen and (max-width : 800px) {
/* Styles */
.ulFilter .search {margin-right: 0px; padding-top: 10px;}
}