/* @override http://www.sandersondance.co.uk/themes/sanderson/styles/sanderson.css */

/*
Custom CSS File
*/ 
* { outline: none!important; }

/* Basic Layout */
.clear-border {
  border:0px!important;
}
.left-right-padding {
  padding:5px 20px 0px 0px!important;
}
.top-bottom-padding {
  padding-left:0px!important;
}
.margin-top {
  margin-top: 30px;
  float:left;
}
.content-item 	 { float:left; margin-bottom: 20px; }
.content-item h2 { margin-bottom: 10px; }
#header {
  height:80px;
  background: black;
  padding:0 0 40px 0px;
  border-bottom: 5px solid #CCC;
}
#logo {
  float:left;
  margin-top:20px;
}
ul#menu {
  float:right;
  padding:0px 0;
  font-size: 0.8em;
}
ul#menu li {
  display: inline;
  float:left;
  text-align: center;
}
ul#menu li a,ul#menu li a:visited {
  text-decoration: none;
  color:white;
  float:left;
  padding-left:20px;
  padding-right:20px;
  padding-top:50px;
  padding-bottom:20px;
  vertical-align:text-bottom;  
}
ul#menu li a:hover {
  /* background: url('../images/general/menu-bg.jpg') repeat-x; */
  color:#F60;
}
a.selected {
  color:#FF6600!important;
  background: url('../images/general/menu-bg.jpg') repeat-x;  
}
#content {
  background: url('../images/backgrounds/sanderson-background.jpg') no-repeat top center;
  width:100%;
  min-height: 500px;
}
#link-footer {
  border-top:5px solid #CCC;
  padding-top: 20px;
  padding-bottom:20px;
  float:left;
  width:100%;
}
.circles {
  background: url('../images/general/circle.png') no-repeat;
  background-position: 280px 100px;
  min-height:400px;
}
.circles p {
  padding: 10px;
  color:black!important;
}
#footer {
  border-top:5px solid #CCC;
  padding-top: 20px;
  height:100px;
  text-align: center;
  font-size: 0.9em;
}
#footer p {
  margin-top:7px;
  color:#999;
}
#footer strong {
  font-size: 0.8em;
}

/* Columns */
.column1,.column2,.column3 {
  float:left;
  width:33%;
}
.column1c {
  float:left;
  width:100%;
}
.column2b {
  float:left;
  width:66%;    
}
.column3b {
  float:left;
  width:34%;
  font-size:0.9em;
}
.column1 {
  border-left:1px solid #CCC;
}
.column1,.column2 {
  border-right:1px solid #CCC;
}
.column3 {
  border-right:1px solid #CCC;
}
h2.column-heading {
  margin-bottom: 20px;  
}
.home {
  background: white;    
}
.home h1 {
  margin-top: 10px;
  margin-bottom: 30px;
}

.inner-column {
  padding:20px;
}
.inner-column h1 {
  font-size:1.5em;
}

#content a			{ text-decoration: none; color:#ff9900; }
#content a:hover 	{ text-decoration: none; color:#ff6600;}

.column3b .inner-column {
  padding-bottom: 0px;
  padding-top: 10px;
}
#link-footer h1 {
  color:#F60;
  font-size: 1em;
}
#link-footer ul li {
  margin-left:5px; 
  margin-bottom:2px;
  font-size:0.75em;
}

/* Slideshow */
.slideshow {
  float:left;
}

#home-banner {
  float:left;
  border-bottom:7px solid black;
  border-top:7px solid black;
  margin-top: 35px;
}
.orange-line {
  clear:both;
  border-top:4px solid #F60;
}

/* Home Page Image Links */
.link-home-box {
  position: relative;
  float:left;
  width:313px;
  height:170px;
}
.link-home-box-frame {
  position: absolute;
  background: url('../images/general/home-page-frame.png');
  z-index: 2;
  width:313px;
  height:170px;
  top:0px;
  left:0px;
}
.link-home-box-picture {
  position: absolute;
  z-index: 0;
  top:0px;
  left:0px;
  overflow: hidden;
  width:313px;
  height:170px;   
}
.link-home-box-info {
  position: absolute;
  color:white;
  background: #000;
  filter: alpha(opacity=80); 
  -moz-opacity: 0.8; 
  -khtml-opacity: 0.8; 
  opacity: 0.8;  
  z-index: 1;
  bottom:20px;
  left:0px;
  padding:12px 0 0 15px;
  width:295px;
  height:50px;
}
.link-home-box-info h1 {
  font-size: 0.8em;
  letter-spacing: 0px;
  margin:0px!important;
  padding:0px!important;
  color:white;
  text-transform:uppercase;
}
.link-home-box-info p {
  padding: 0px;
  margin:0px;
  font-size: 0.75em;
  color:white;
}
.section-title {
  margin-top:50px;
  margin-bottom:20px;
  font-size:2.5em;
}
.class-title {
  clear:both;
  float:left;
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: normal;
  color:#666;
}

/* Tables */
h2.table-heading {
  padding:5px 0 5px 0;
  color:#FF6600;  
  font-weight: normal;
  font-size: 0.8em;
  background: white;
  width: 100%;
  border-top:1px solid #CCC;
}
.results-table {
  background-color:white;
  font-family: sans-serif!important; 
  margin-bottom: 20px;
  font-size: 0.7em;
}
.results-table caption {
  padding:5px;
  padding-bottom:2px;
  margin-bottom: 2px;
  color:white;  
  background: #999;
  font-weight: bold;
}
.results-table tbody tr th {
  background-color: #333;
  color:white!important;
  border-right: 1px solid white;
  border-bottom: 2px solid white;
  font-weight: bold;
}
.results-table tbody tr td {
  border-bottom:1px solid #333;
}
.results-table tbody tr td,.results-table tbody tr th {
  padding:5px;
  color:#666;!important;
}
.results-table .table-row-odd { }
.results-table .table-row-even { }

.results-table .table-cell-odd { }
.results-table .table-cell-even { }

.th-0 { width:10%!important; }
.th-1 { width:30%!important; }
.th-2 { width:10%!important; }
.th-3 { width:7%!important; }
.th-4 { width:25%!important; }
.th-5 { width:5%!important; }
.th-6 { width:15%!important; }
.th-7 {}
.th-8 {}
.th-9 {}
.th-10 {}

.mini-results-table {
  background-color:white;
  font-family: sans-serif!important; 
  margin-bottom: 0px;
  font-size: 0.7em;
}
.mini-results-table caption {
  padding:5px;
  padding-top: 0px;
  padding-bottom:2px;
  margin-bottom: 2px;
  color:#FF6600;  
  border-bottom:1px solid #CCC;
  font-weight: bold;
}
.mini-results-table tbody tr th {
  color:black!important;
  background-color: #CCC;
  padding-left:5px;
  font-weight: bold;
  font-size:0.8em;
}
.mini-results-table tbody tr td {
  border-bottom:1px solid #333;
}
.mini-results-table tbody tr td,.results-table tbody tr th {
  padding:5px;
  color:#666;!important;
}
.mini-results-table .table-row-odd { }
.mini-results-table .table-row-even { }

.mini-results-table .table-cell-odd { }
.mini-results-table .table-cell-even { }

.mini-results-table .th-0 { width:50px!important; }
.mini-results-table .th-1 { width:50px!important; }
.mini-results-table .th-2 { width:50px!important; }
.mini-results-table .th-3 { width:100px!important; }
.mini-results-table .th-4 { }
.mini-results-table .th-5 { }
.mini-results-table .th-6 {}
.mini-results-table .th-7 {}
.mini-results-table .th-8 {}
.mini-results-table .th-9 {}
.mini-results-table .th-10 {}



.location-fragment { font-size:1em; margin-bottom: 20px; float:left; }
.location-fragment h2 { padding:0; margin:0; line-height: 1.1em; }
.location-fragment h3 { font-weight: normal;  line-height: 1.1em; font-size:0.8em; color:#666; clear:both; margin-bottom: 15px; }
.location-fragment h4 { font-weight: bold; font-size:0.7em; color:#333; clear:both; margin-top:10px; }

.whats-on {
  position: relative;
  background-color: white; 
  min-height:300px;
  padding:15px;
  margin:10px;
  border:1px solid #CCC;
  padding-bottom: 120px;
  -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;   
}
.whats-on h2 { font-weight: normal; color: #f68737; letter-spacing:-1px; font-size: 1.2em; padding-bottom:2px; border-bottom:1px solid #CCC; }
.small-grey-logo {
  position: absolute;
  bottom:20px;
  left:100px;
  height:80px;
  width:80px;
  background: url('../images/general/sanderson-logo-small.jpg') no-repeat center;
}

/* Latest News */
.news_extract 			 { padding-bottom: 0px; border-bottom:1px solid #CCC; float:left; margin-bottom: 10px;}
.news_extract .timestamp { font-size:0.7em; margin-bottom: 5px; }
.news_extract h3 		 { line-height: 1em; }
.news_extract h3 a	 	 { font-size:0.9em; color:#FF6600; font-weight:bold; line-height: 1em; }
.news_extract h3 a:hover { color:#cc3300; }
.news_extract p			 { color:#666; font-s
ize:0.7em; }

.contact_form { font-size:0.8em; margin-bottom: 0px; margin-bottom:40px; }
.contact_item { float: left; }
.contact_item_label { float:left; color:#999; }
.grey { color: #999; }
.contact_form .contact_input { padding:7px; width: 270px; border:1px solid #CCC; margin-bottom:10px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
.contact_form .contact_select { color: #f60; padding:7px; width: 285px; border:1px solid #CCC; margin-bottom:10px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
.contact_form .contact_select option { margin-bottom:3px; }
.contact_form .contact_textarea { width: 275px; padding:5px; border:1px solid #CCC; height:150px; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
a.orange-button { background:#FF6600;padding:10px;color:white!important;border:2px solid #CCC;font-size:0.8em; }
a.orange-button:hover { background:#FF9900;padding:10px;color:white!important;border:2px solid #CCC;font-size:0.8em; }

/* Meet The Team */
.staff-member 	{ float:left;font-size:0.8em; width:150px; min-height:200px; }
.staff-image	{ border:1px solid #CCC; margin:5px; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; padding:10px; text-align: center; }
.staff-name		{ float:left;width:100%; padding:10px;}
.staff-info 	{ float:left;width:100%;min-height: 50px; padding:10px; }

.s3sliderImage span p { color:white!important; }
.toggle { padding:7px; border-bottom:1px solid #CCC; }
.scroll { overflow-y: scroll; height:170px; }
.scroll-taller { height:370px; padding-right:10px; }
.man-scroll { overflow-y: scroll; height:300px; padding-top: 10px; }
#tabs { margin-bottom: 40px!important; }
.noborder { border:0px!important; }

.mini-timetable {
  float:left;
}
.image-container { float:left; border-bottom:4px solid #FF6600; border-top:4px solid black; line-height: 0.5em; margin-bottom: 20px; }
.image-container img { border-bottom:4px solid black; }
.event-item	{ font-size: 0.7em; line-height: 1.8em; }
.event-item a { color:#999!important;}
.event-item a:hover { color:#FF9900!important; }
.quite-text	{ color:#333; font-size: 0.8em; }

.register-item	 	{ float:left; width:100%; margin-bottom:15px; position: relative; }
.register-name   	{ float:left; width:100%; font-size:0.8em; color:#999; }
.register-input  	{ float:left; width:430px; padding:7px; border:1px solid #CCC; color:#F90; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; }
.register-option  	{ float:left; width:445px; padding:7px; border:1px solid #CCC; color:#F90; }
.register-textarea 	{ float:left; width:430px; border:1px solid #CCC; color:#F90; padding:7px; }

.response			{ padding:7px; padding-left:10px; padding-right:10px; margin-bottom:10px; 
 -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; padding:7px; color: #12a0ef; border:3px solid #CCC; }

.notice { position: absolute; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; padding:7px; color: #12a0ef; width:200px; height:20px; right:-60px; top:19px; border:3px solid #CCC; font-size:12px; background-color: white; }

.firstname-n 		{  }
.surname-n 			{  }
.dob-n 				{  }
.address-line-1-n 	{  }
.address-line-2-n 	{  }
.town-n				{  }
.postcode-n			{  }
.telephone-1-n 		{  }
.mobile-n 			{  }
.email-n 			{  }

.nodes	{ font-size: 14px; }
.nodes a { color:#333!important; }
.nodes a:hover { color:#FF9900!important; }
.nodes li	{ margin-bottom:5px; }

a.node-selected { color:#F90!important; }

.column1and2 {
  float: left;
  width: 650px;
}
.column1and2 .column1 { width: 340px; }
.column1and2 .column2 { width: 300px; }
.facebook-height { height: 580px!important; border-left: 1px solid #ccc!important; border-right: 1px solid #ccc!important; }
.facebook-height .inner-column { height: 540px!important; }
.facebook-height .inner-column .scroll-taller { height: 530px!important; }

.column1and2 .facebook { float:left; width:620px; border-bottom: 1px solid #ccc; height: 120px; margin-bottom: 20px;}
.column1and2 .facebook .like { float:left; }
.column1and2 .facebook .share { 
	float:left; 
	margin-bottom:10px; 
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	border-bottom-color: #333;
	border-collapse: collapse;
	border-left-color: #333;
	border-right-color: #333;
	border-top-color: #333;
	color: #333;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	text-align: left;
	unicode-bidi: normal;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;	
	padding-top:5px;
	padding-bottom:5px;
	width: 620px;
}
.column1and2 .facebook .share A { margin-right:5px; }


.news-image-container .facebook { float:left; width:300px; border-bottom: 1px solid #ccc; height: 120px; margin-bottom: 20px;}
.news-image-container .facebook .like { float:left; }
.news-image-container .facebook .share { 
	float:left; 
	margin-bottom:10px; 
	-webkit-border-horizontal-spacing: 0px;
	-webkit-border-vertical-spacing: 0px;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	border-bottom-color: #333;
	border-collapse: collapse;
	border-left-color: #333;
	border-right-color: #333;
	border-top-color: #333;
	color: #333;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	text-align: left;
	unicode-bidi: normal;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;	
	padding-top:5px;
	padding-bottom:5px;
	width: 300px;
}
.news-image-container .facebook .share A { margin-right:5px; }