/* Colour Setup */
.backgroundColour,	a.greyButton:hover, a.smallGreyButton:hover  { background: #626262 ; } /* primary background colour */
.foreColour {  color: #626262;}  /* primary foreground-colour (anticipate this matching .backgroundColour but split just in case) */
.bgTextColour,	a.greyButton:hover,a.smallGreyButton:hover    { color: white ;} /* when text is used on backgroundColour */





/* Define HTML Element Styles */
html, body { height: 100%; color: #636363; }
body { font-family: Tahoma, Helvetica, Verdana; font-size: 14px;margin:0px; padding:0px;}
img { border:0px} 	
h1 { margin:0px; padding:0px;font-size: 28px; font-weight: normal;}
h1 { color: #afafaf; }
h1 a { color:#afafaf; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
#siteInfo h2 a { text-decoration: none;}
#siteInfo h2 a:hover { text-decoration: underline; }

#ui-datepicker-div { font-size:12px; }

.icomoon { font: 'icomoon'; }
.icon-tel { background: black; color: white; content: 'e64c'; height: 50px; width: 50px;}

/* Useful */
.clear {  clear: both; height: 0px; }
.row { display: block; margin-bottom: 7px;} 

/* Buttons */
.button { margin:0px;border:0px; border-radius: 4px;padding: 6px 20px; } 
.siteButton {  text-decoration: none;margin:0px;border:0px; border-radius: 4px;padding: 3px 40px;  }

.greyButton { font-size: 12px;margin-right: 10px;text-decoration: none;background: #e2e2e2; color: #626262; border-radius: 4px;padding-left: 20px;padding-right:20px;padding-top: 8px; padding-bottom: 8px; } 
	a.greyButton  span { display: inline; margin-left: 10px;}
.editButton span { margin-left:2px; border-left: 0px solid white;padding-left:3px;} 
.addPlotButton {  font-size:12px;text-decoration: none;margin:0px;border:0px; border-radius: 4px;padding: 6px 20px;   }
.smallGreyButton { font-size:12px;margin-right: 10px;text-decoration: none;background: #e2e2e2; color: #626262; border-radius: 4px;padding: 6px 20px;  }
a.addPlotButton  span { display: inline; margin-left: 10px;}
a.smallGreyButton  span { display: inline; margin-left: 10px;}

.redButton {  font-size:12px;margin-right: 10px;text-decoration: none;background: #bc4343; color: white; border-radius: 4px;padding: 4px 20px; } 
	a.redButton  span { display: inline; margin-left: 10px;}


/* Alerts */

.miniAlertBox { display: inline-block;background: black; color: white;padding: 3px 2px;width: 15px;font-size: 11px;margin-left: 10px;text-align: center;}
	.redAlert  { background:#fe0000;font-weight: bold; }
	.orangeAlert { background:#ffaa00 ;}
	.greenAlert {  background:#47c43c ;}
	.greyAlert { background: #ccc; }	

/* For Footer - Keep sticky to bottom of page. */
.pageWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -109px; }
.push { height: 107px; }
.hidden  { display: none !important;}


/* Footer Area */
.spiderscope { color: white; font-size:11px;padding-top: 10px;} 
	 .spiderscope a {  color: white; text-decoration: none; }
	 .spiderscope a:hover { text-decoration: underline; }