/* Mobile Buttons */
	
	@media only screen and (max-width: 767px) {
		.btn { display: block; }
		button.btn { width: 100%; padding-left: 0px; padding-right: 0px; }
		
		.btn.primary, .btn.secondary, .btn.tertiary, .btn.large {
			width: 100% !important;
		}
		
		.btn.medium {
			min-width: 75% !important;
		}
	}
	
	/* Correct FF button padding, thx ZURB */
	@-moz-document url-prefix(http://) {
		input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
		input[type=submit].small.button		{ padding: 7px 20px 8px; }
		input[type=submit].medium.button	{ padding: 8px 34px 9px; }
		input[type=submit].large.button		{ padding: 9px 48px 10px; }
	}


/*	--------------------------------------------------
	Alerts
	-------------------------------------------------- */

	div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 1px rgba(255,255,255,0.9); position: relative; }
	.alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
	.alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
	.alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
	
	.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0px; font-size: 18px; opacity: 0.2; padding: 4px; }
	.alert-box a.close:hover { opacity: 0.4; }    
    
    
    
/*=======================================================================

    Pagination
    
 ========================================================================*/
 
 
    ul.pagination { display: block; height: 24px; margin-left: -5px; }
    ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
    ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
    ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
    ul.pagination li.unavailable a { cursor: default; color: #999; }
    ul.pagination li.unavailable:hover a { border-bottom: none; }
    	


 
		
/*=====================================================

 	Tables
 	
 ======================================================*/
 	
 	table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }
 	
 	table thead { background: #f5f5f5; }
 	table thead tr th,
 	table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
 	table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
 	table thead tr th:first-child { border-left: none; }
 	table thead tr th:last-child { border-right: none; }
 	
 	table thead tr {  }
 	table tbody {  }
 	table tbody tr {  }
 	table tbody tr.even,
 	table tbody tr.alt { background: #f1f8fe; }
 	table tbody tr:nth-child(even) { background: #f1f8fe; }
 	table tbody tr td { color: #999; padding: 9px 10px; vertical-align: top; border: none;}


/*=====================================================

   Navigation (with dropdowns)
   	
 ======================================================*/
 
	/*BLICKA - BETA here is the border and background for Nav standard tabs ALSo margins */
	/*BLICKA - BETA here is the margins for pulling the nice bars closer to the buttons */
	.navbar {
		width: 100%;
		display: table;
		height:44px;
		margin:-6px auto -9px 0;
		/*border: 1px solid #969696;*/
		/*margin:2px 0 20px 0;*/
		background: transparent; /* Change this to suit the color theme of your site */
		/*BLICKA IE fix button padding */
		

		
		
	}
	
	.navbar .logo {
		display: table-cell;
		height: 44px;
		margin: 0;
		line-height: 0;
		vertical-align: middle;
	}
	
	.navbar .logo a {
		display: block;
		height: 44px;
		line-height: 44px;
		padding: 0 0 0 15px;
		overflow: hidden;
	}
	
	.navbar ul {
		display: table;
		width:100%;
		height:44px;
		float: none;
		vertical-align: middle;
		margin-bottom: 0;
	}
	/*BLICKA added the 33% width here to create some symmetry above the services cells 
	NB in IE this required a  conditional * width of 
	101% in the class shown above to fix the extra little nav tab*/
	.navbar ul li {
		display: table-cell;
		/*width:33%;*/
		float: none;
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
		text-align: center;
		/*border-right: 1px solid #114a1e;*/
	}
	/* The next two create % based spacing across the buttons to compensate for non-conforming grid sizes*/
	.navbar_60 {
		width:6.382978%;
		}
	
	.navbar_252 {
		width:252px;
		padding:0 1.530612% 0 1.530612%;
		}
	
	
	/*BLICKA - text-shadow here changes the link writing 
	- 1st data=the shadow around the writing 
	- 2nd data= the offset of the drop writing
	- Also forced the height to match the graphics otherwise mystery padding occurs
	*/
	.navbar > ul > li > a {
		display: block;
		height: 44px;
		/*line-height: 34px;*/
		font-size: 22px;
		padding: 0 0;
		color: #fff;
		font-weight: bold;
		text-shadow: 0 1px 2px #114a1e,	0 3px 0 #767676;
	}
	
	.navbar > ul > li .field {
		position: relative;
		display: inline-block;
		text-align: center;
	}
	
	.navbar > ul > li .field .search input {
		line-height: 14px;
	}
	/*BLICKA - changes general colour hover on the link buttons */
	.navbar > ul > li:hover > a {	
		position: relative;
		z-index: 1000;
	}
	.navbar > ul > li > li > a {
		padding: 0 33px;
	}
	
	.navbar > ul > li:last-child, .navbar > ul > li:last-child a:hover {
		border-right: none;
	}
	
	
	/**** Navbar positioning for Microsoft's browser who deserves not to be mentioned ****/
	
	.oldie .navbar, .oldie .navbar > ul > li > a { display: block; }
	
	.oldie .navbar .logo, .oldie .navbar ul, .oldie .navbar ul li { float: left; display: inline-block; }
	
	.oldie .navbar .logo a { display: block; overflow: hidden; }
	
	.oldie .navbar > ul > li .field { display: inline-block; padding: 0 18px; }
	
	/******** Pretty Navbar Styles *********/
	
	.pretty.navbar {
		border-radius: 4px;
		}
	
	
	
	.pretty.navbar ul:first-child li:first-child a {
		border-radius: 4px 0 0 4px;
	}
	
	.pretty.navbar ul li:last-child a {
		border-radius: 0 4px 4px 0;
	}
	
	.pretty.navbar > ul > li:hover > a {/*
		-webkit-box-shadow:	2px 0 0 #114a1e;
		-moz-box-shadow: 2px 0 0 #114a1e;
		box-shadow: 2px 0 0 #114a1e;*/
	}
	
	
	.pretty.navbar > ul > li:first-child, .pretty.navbar > ul > li:first-child a:hover {	
		box-shadow: none;
	}
	
	
	

	/* ############################################################################*/
	/* below here must be ratified to adopdt background colours for mobile devices */
	/* ############################################################################*/
	
	@media only screen and (max-width: 767px) {
		
	 /*Blicka Added as well as other css docs */
	 
		.navbar, .pretty.navbar {
	  	background: transparent;
	  	
	  	text-align: center;
	  	-webkit-box-shadow: none !important;
	  	box-shadow: none !important;
	  }
	  
	  .navbar .logo {
	  	display: block;
	  	margin-bottom: 30px;
	  }
		  
	  .navbar ul {
	  	display: block;
	  	width: 100%;
	  	margin-left: 0 !important;
	  	box-sizing: border-box;
	  }
	  .navbar ul li {
	  	display: block;
	  	width: 100%;
	  	border-right: 0 !important;
	  }
	
	  .navbar ul li > a {
			font-size: 22px !important;
			background: #5dbb73; /* Old browsers */
	  }
	  
	  .navbar > ul > li .field {
	  	padding-top: 20px;
	  	width: 90%;
	  }
	  
	  .navbar > ul > li .search {
	  }
	  
	  .navbar li a:hover, .navbar > ul > li:first-child, .navbar > ul > li:first-child a:hover, .navbar > ul > li:last-child, .navbar > ul > li:last-child a:hover {	
	  	box-shadow: none;
	  }
	  
	  .navbar > ul > li:last-child, .navbar > ul > li:last-child a:hover {
	  	border-right: none;
	  }
	  
	  .navbar li:first-child a {
	  	border-radius: 4px 4px 0 0 !important;
	  }
	  
	  .navbar li:last-child a {
	  	border-radius: 0 0 4px 4px !important;
	  }
	  
	  .navbar li:hover .dropdown {
	  	display: none;
	  }
	  
	  .pretty.navbar ul li > a {
	  	background:transparent;
	  
	  }


	  /*Blicka - add for tidy up mobile scheme */
	  .navbar_60 {
		display:none;
		}
		.navbar_252 {
		width:252px;
		/*Blicka - these side paddings may be what upsets the button centreing on a mobile device
		padding:0 1.530612% 0 1.530612%;*/
		
		padding:0;
		}
	  
	}
	
	

  


	
	/** Line Section Row Dividers **/
	
	
	.line {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom-style: solid;
		border-bottom-color: #ccc;
	}
	
	.thin.line {
		border-width: 1px;
	}
	
	.medium.line {
		border-width: 2px;
	}
	
	.thick.line {
		border-width: 4px;
	}
	
	
	/* Skip Links */
	
	.skipnav li {
	  display: inline-block;
	  margin-left: 2%;
	}
	
	.skipnav li:first-child {
	  margin-left: 0;
	}
	
	.skiplink a, .skipnav a {
	  background: #5dbb73;
	  color: #05390a;
	  padding: 6px 15px;
	  border-radius: 4px;
	  text-shadow: 0 1px 1px #77d58e;
	}
	
	.skiplink a:hover, .skipnav a:hover {
	  background: #72dd8d;
	}
	
	.skiplink a i, .skipnav a i {
	  margin-left: 10px;
	}
	

	


  /* Contain floats: h5bp.com/q */ 
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }