/*
-----------------------------------------------
Style
----------------------------------------------- */

/* Reset
----------------------------------------------- */

/* general reset */
html {
	color:#000;
	background:#fff;
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
strong {font-weight: bold;}
i,em {font-style: italic;}

/* apply a natural box layout model to all elements */
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

/* stops ie 7 badly scaling images */
img { -ms-interpolation-mode: bicubic; }

/* selection highlight */
body:selection { 
	background: #fe57a1; 
	color: #fff; 
	text-shadow: none;
}
body:-moz-selection { 
	background: #fe57a1; 
	color: #fff; 
	text-shadow: none;
}

body {
  text-align:center;
  color:#333;
  font:81.3% "Helvetica Neue", Arial, "HelveticaNeue LT", "Helvetica LT", Helvetica, sans-serif;
  height: 100%;
  float: left;
  width: 100%;
}
#ie8 {
	display: none;
}
#content ul li, #content ol li, #course_description ul li, #course_description ol li {
	margin: 1em 0 1em 1.5em;
	line-height: 150%;
}
.access {
	display: none;
}

/* Text
----------------------------------------------- */

p {
	margin: 1em 0;
	line-height: 150%;
}
p.standfirst, 
p.important {
	font-size: 1.154em;
}
p.note {
	font-size: 0.846em;
}
p.final_link {
	clear: left;
	margin-top: 1em;
	float: left;
	width: 100%;
}
blockquote {
	font-size: 1.154em;
	font-style: italic;
	padding-left: 30px;
	background: url(../images/icons/blockquote.png) 0 0 no-repeat;
	line-height: 150%;
}
#article ul li, #course_description ul li {
	list-style: disc;
}
#article ol li, #course_description ol li {
	list-style: decimal;
}
#article ul.feature li {
	list-style: none;
}
p.ssl_note img {
	float: left;
}


/* Tables
----------------------------------------------- */

table {
	border-collapse: collapse;
}
table tr th,
table tr td {
	text-align: left;
	padding: 5px;
	border: 1px solid #ccc;
}
table tr th, 
table thead tr td {
	font-weight: bold;
}
table tr th {
	background: #eee;
}
table tr td {
	
}
table.large tr th,
table.large tr td {
	font-size: 0.8em;
}
table img {
	width: 100%;
}

/* Links
----------------------------------------------- */
a { color: #3E728C; text-decoration: none; }
a:link { color: #3E728C; text-decoration: none;}
a:visited { color: #3E728C; }
a:hover { color: #3E728C; text-decoration: underline;}
a:active { color: #3E728C; text-decoration: none;}

a:hover h2 {
	text-decoration: underline;
}
.icon {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
.icon.tools {
	background-image: url(../images/icons/tools.png);
}
.icon.calendar {
	background-image: url(../images/icons/calendar.png);
}
.icon.news {
	background-image: url(../images/icons/news.png);
}
.icon.facebook {
	background-image: url(../images/icons/facebook.png);
}
.icon.linkedin {
	background-image: url(../images/icons/linkedin.png);
}
.icon.twitter {
	background-image: url(../images/icons/twitter.png);
}
.icon.rss {
	padding-left: 0px;
	background-image: url(../images/icons/rss.png);
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	text-indent: -9999px;
	outline: none;
	margin: 5px 0 0 5px;
}
#news_list .icon.rss {
	float: right;
	text-indent: 0;
	width: auto;
	height: auto;
	padding-left: 20px;
	margin-top: 12px;
}
a.button {
	color: #fff;
	font-weight: bold;
	background: #3E728C;
	padding: 8px 32px 8px 12px;
	background: url(../images/icons/button_arrow.png) right center no-repeat #3E728C;
}
.button.funding {
	background: url(../images/icons/funding.png) left center no-repeat #3E728C;
	padding-left: 32px;
	padding-right: 12px;
	margin-top: 10px;
	float: left;
}
.button.homebooking {
	margin-top: 10px;
	float: right;
}
a.button:hover {
	background-color: #D8E3E8;
	color: #3E728C;
}
a.button.topbook {
	float: right;
}
a.button.linkedin {
	background: url(../images/icons/linkedin.png) left center no-repeat;
	padding: 8px 8px 8px 23px;
	color: #3E728C;
}
a.button.blogspot {
	background: url(../images/icons/blogspot.png) left center no-repeat;
	padding: 8px 8px 8px 23px;
	color: #3E728C;
}
/* Resource list
----------------------------------------------- */

.file {
	font-weight: bold;
	width: 100%;
	float: left;
	display: block;
	padding: 1em 0;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/blk.png);
}
.file.pdf {
	background-image: url(../images/icons/pdf.png);
}
.file.doc, 
.file.docx {
	background-image: url(../images/icons/doc.png);
}

.file a {
	padding-bottom: 1px;
	display: block;
}
.file a:hover {
	text-decoration: none;
	border: none;
	color: #333;
}
.file a img {
	margin-bottom: -2px;
}

/* Headings
----------------------------------------------- */
h1 {
	font-size: 2.154em;
	text-transform: uppercase;
	font-weight: bold;
}
h2 {
	font-size: 1.538em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
h2 {
	width: 100%;
	float: left;
	clear: both;
}
.column h2 {
	margin-top: 0;
}
h3 {
	font-size: 1.154em;
	font-weight: bold;
	margin: 2em 0 0.5em 0; 
}
h4 {
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}




/* Forms
----------------------------------------------- */

form {
	
}
form .row {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
}
form .row.text input {
	width: 50%;
	float: left;
	clear: left;
	border: 1px solid #ccc;
	padding: 8px;
	margin-top: 2px;
	color: #777;
}
form input#id_postal-code {
	width: 30%;
}
form .row select {
	width: 50%;
	float: left;
	clear: left;
	border: 1px solid #ccc;
	margin-top: 2px;
	color: #777;
}
form .row textarea {
	width: 80%;
	float: left;
	clear: left;
	border: 1px solid #ccc;
	padding: 8px;
	margin-top: 2px;
	line-height: 150%;
	color: #777;
}
form .row textarea:focus, 
form .row.text input:focus, 
form .row select:focus {
	color: #333;
	border: 1px solid #666;
}
form .row label {
	width: 50%;
	float: left;
}
form .row.error input, 
form .row.error textarea {
	border-color: #900;
}
form .row p#signup {
	float: left;
	clear: both;
}
form .row p#signup label {
	width: auto;
	margin-right: 10px;
}
form .row p#signup span {
	display: block;
	font-size: 0.9em;
	color: #666;
}
form .row p#signup input#newsletter_checkbox {
	width: auto;
	margin-right: 5px;
}
.required {
	color: #900;
	font-size: 1.692em;
	line-height: 0.9em;
}
#article ul.errorlist, #booking ul.errorlist {
	width: 100%;
	float: left;
	list-style: none;
}
#article ul.errorlist li, #booking ul.errorlist li {
	width: 50%;
	float: left;
	clear: left;
	background: #EBCCCC;
	padding: 5px;
	list-style: none;
	margin:1px 0 0 0;
	color: #900;
}
span.validation_valid {
	display: none;
}
span.validation_invalid {
	width: 50%;
	display: block;
	float: left;
	clear: left;
	background: #EBCCCC;
	padding: 5px;
	list-style: none;
	margin:1px 0 0 0;
	color: #900;
}
form .row.submit input {
	color: #fff;
	font-weight: bold;
	background: #3E728C;
	padding: 8px 32px 8px 12px;
	background: url(../images/icons/button_arrow.png) right center no-repeat #3E728C;
	cursor: pointer;
	border: none;
	outline: none;
}
form .row.submit input:hover {
	background-color: #D8E3E8;
	color: #3E728C;
}

form .row.delete {
	margin-top: 2px;
}

form#booking .attendees_management .row.delete input, 
form .row.delete input {
	color: #fff;
	width: 24px;
	height: 24px;
	display: block;
	background: url(../images/icons/button_cross.png) center center no-repeat #900;
	cursor: pointer;
	border: none;
	outline: none;
	float: left;
	text-indent: -9999px;
}
form#booking .attendees_management .row.delete input:hover,
form .row.delete input:hover {
	background-color: #E3AEAE;
}


#ila_funding {
	display: block;
	float: left;
	width: 100%;
	padding: 1em 0 1em 50px;
	background: url(../images/page/ila_logo.png) left center no-repeat;
}
#ila_funding strong {
	font-size: 1.2em;
}



/* Layout
----------------------------------------------- */

.bg_img {
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: -1000;
}
#home img.bg_img {
	display: none;
}
#wrapper {
	width: 95%;
	max-width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}
#header {
	width: 100%;
	border-top: 4px solid #fff;
	float: left;
}
#main {
	width: 75%;
	float: left;
}
#content {
	background: #fff;
	width: 77.777%;
	float: left;
	padding: 10px;
}
#home #content {
	width: 58.333%;
}
.column {
	width: 25%;
	padding-left: 10px;
	float: left;
}
.column a.button.funding {
	width: 100%;
}
#home .column {
	width: 40.625%;
	margin-left: 1.041%;
	padding-left: 0;
}
#training_list {
	background: #D2E3E6;
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
}
#training_list h2 {
	margin-top: 0;
}
#latest_news {
	background: #DBDBDB;
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
}
#testimonials {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	background: #fff;
}
#bottom {
	width: 100%;
	float: left;
	clear: both;
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 0 10px;
}


/* Header
----------------------------------------------- */

#logo_container {
	float: left;
	width: auto;
	padding: 16px 20px 20px 20px;
	background: #fff;
	border-bottom: 4px solid #345358;
}
a#logo {
	width: 200px;
	height: 60px;
	background: url(../images/page/logo_200.png) 0 0 no-repeat;
	float: left;
	display: block;
	text-indent: -9999px;
	overflow: auto;
}
#home a#logo {
	width: 251px;
	height: 77px;
	background: url(../images/page/logo.png) 0 0 no-repeat;
}
a#getintouch {
	background: url(../images/icons/getintouch.png) left center no-repeat #fff;
	padding: 6px 10px 8px 34px;
	text-transform: uppercase;
	font-size: 0.846em;
	font-weight: bold;
	float: right;
}


/* Carousel
----------------------------------------------- */

#carousel {
	width: 40.625%;
	float: right;
	background: url(../images/page/carousel_bg.png) 0 0;
	margin: -60px 0 20px 0;
}
#carousel a, 
#carousel a:link {
	color: #A5C7CE;
}
#carousel #carousel_buttons {
	float: left;
	width: auto;
	margin: -35px 0 0 0;
}
#carousel a#previous_button {
	width: 34px;
	height: 34px;
	background: url(../images/page/nav_boxes.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: auto;
	float: left;
	display: block;
	margin-right: 1px;
}
#carousel a#next_button {
	width: 34px;
	height: 34px;
	background: url(../images/page/nav_boxes.png) -34px 0 no-repeat;
	text-indent: -9999px;
	overflow: auto;
	float: left;
	display: block;
}
#carousel a#previous_button:hover {
	background-position: 0 -34px;
}
#carousel a#next_button:hover {
	background-position: -34px -34px;
}
#carousel #description {
	text-align: right;
	padding: 20px 10px 0 10px;
	color: #fff;
	min-height: 125px;
}
#carousel #description h2 {
	font-size: 2.154em;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0;
}
#carousel #description p {
	margin-top: 0;
}


/* Breadcrumb
----------------------------------------------- */

#breadcrumb {
	width: 100%;
	float: left;
	background: #fff;
	padding: 10px;
}
#breadcrumb ul li {
	float: left;
}
#breadcrumb ul li a {
	margin-right: 10px;
	padding-right: 20px;
	background: url(../images/icons/breadcrumb.png) right center no-repeat;
}


/* Nav
----------------------------------------------- */

#nav {
	width: 100%;
	float: left;
	font-size: 0.846em;
	padding-bottom: 1px;
	margin-top: 30px;
}
#home #nav {
	margin-top: 0;
}
#nav ul {
	width: 100%;
	background: #3E728C;
	float: left;
}
#nav ul li {
	float: left;
}
#nav ul li a {
	float: left;
	display: block;
	width: auto;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 10px;
	font-weight: bold;
}
#nav ul li a:hover {
	background: #D8E3E8;
	color: #3E728C;
	text-decoration: none;
}
#nav ul li.on a, #nav ul li.ancestor a {
	background: #fff;
	color: #3E728C;
	padding-bottom: 9px;
	margin-bottom: -1px;
}



/* Subnav
----------------------------------------------- */

#subnav {
	width: 22.222%;
	float: left;
	font-size: 0.846em;
	padding-top: 10px;
}
#subnav ul li a {
	float: left;
	display: block;
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 10px;
	font-weight: bold;
	background: #3E728C;
	text-decoration: none;
}
#subnav ul li a:hover {
	background: #D8E3E8;
	color: #3E728C;
}
#subnav ul li.on a, #subnav ul li.ancestor a {
	background: #fff;
	color: #3E728C;
}
#subnav ul li {
	margin-bottom: 1px;
	float: left;
	width: 100%;
}

/* Feature boxes
----------------------------------------------- */

ul.feature {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
ul.feature li h2 {
	margin-top: 10px;
}
#content ul.feature li {
	width: 48.148%;
	float: left;
	margin: 30px 0 0 0;
}
#content ul.feature li.odd {
	margin-right: 3.704%;
	clear: left;
}
ul.feature li img {
	border-bottom: 4px solid #345358;
	width: 100%;
}
ul.feature li .faux_image {
	border-bottom: 4px solid #345358;
	width: 100%;
	padding: 10px;
}
ul.feature li p {
	margin: 10px 0;
}
.column ul.feature li.noimg {
	padding-top: 10px;
}
.sidebox {
	float: left;
	width: 100%;
	background: #fff;
	padding: 10px;
	margin: 10px 0 0 0;
	border-top: 4px solid #345358;
}
.sidebox img {
	max-width: 100%;
}
.column ul.feature li {
	width: 100%;
	background: #fff;
	margin-top: 10px;
	margin-right: 0;
	padding: 10px;
}
.column ul.feature li img, 
.column ul.feature li .faux_image {
	margin: -10px -10px 0 -10px;
	width: 109.523%;
}
.column ul.feature li h2 {
	font-size: 1.154em;
	margin-top: 10px;
}
.column ul.feature li a {
	font-weight: bold;
}
.infobox {
	width: 52%;
	margin-right: -2%;
	margin-bottom: 10px;
	float: left;
	background: #D2E3E6;
	padding: 10px;
}
.infobox dt {
	width: 33%;
	margin-right: 2%;
	float: left;
	clear: left;
	font-weight: bold;
	padding-top: 2px;
}
.infobox dd {
	width: 65%;
	float: left;
	padding-top: 2px;
}
.infobox dd p {
	display: block;
	margin: 0 0 0.5em 0;
	line-height: 130%;
}
img.feature_img, .feature_img img {
	width: 48%;
	float: right;
	margin-left: 2%;
	margin-bottom: 10px;
}
img.fullwidth_img {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.definition {
	width: 100%;
	float: left;
	background: #D2E3E6;
	padding: 10px;
	margin: 20px 0 20px 0;
}
.definition p {
	margin:0;
}

#content ul.photo_gallery {
	width: 100%;
	float: left;
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
#content ul.photo_gallery li {
	list-style: none;
	width: 48%;
	float: left;
	margin:0 2% 10px 0;
	padding: 0;
}
#content ul.photo_gallery li:nth-child(odd) {
	clear: left;
}
#content ul.photo_gallery li a {
	display: block;
	float: left;
	width: 100%;
}
#content ul.photo_gallery li a img {
	border: none;
	width: 100%;
	height: auto;
}


/* Training List
----------------------------------------------- */

#training_list h2 {
	width: 50%;
	float: left;
}
#training_list .training_links {
	width: 50%;
	float: right;
	text-align: right;
	font-weight: bold;
}
#training_list .training_links a {
	margin-left: 10px;
	margin-top: 5px;
	float: right;
}
#training_list p {
	clear: left;
	margin-top: 10px;
	float: left;
	width: 100%;
}
#training_list ul {
	border-top: 1px solid #3E728C;
	float: left;
	width: 100%;
}
#training_list ul li {
	border-bottom: 1px solid #3E728C;
}
#training_list ul li a .date {
	display: block;
	font-weight: normal;
	color: #333;
}
#training_list ul li a {
	font-weight: bold;
	padding: 10px 0;
	display: block;
	text-decoration: none;
}
#training_list ul li a:hover {
	background: #E4EEF0;
}
.column #training_list a.button {
	width: auto;
}


/* Latest News
----------------------------------------------- */

#latest_news h3 {
	font-size: 1.538em;
	font-weight: bold;
	width: auto;
	float: left;
	margin-top: 0;
}
#latest_news a.icon.news {
	float: right;
	font-weight: bold;
	margin-top: 5px;
}
ul.news_listing {
	width: 100%;
	float: left;
	margin-top: 20px;
}
ul.news_listing li {
	border-top: 1px solid #345358;
	float: left;
	width: 100%;
}
#content ul.news_listing li, #article ul.news_listing li {
	margin: 0;
	list-style: none;
}
#content ul.news_listing li a {
	padding-left: 10px;
	padding-right: 10px;
}
ul.news_listing li img {
	float: right;
	border-bottom: 4px solid #3E728C;
	margin: 1em 0 10px 10px;
}
ul.news_listing .date {
	display: block;
}
ul.news_listing li a {
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0;
}
ul.news_listing li a:hover {
	text-decoration: none;
}
#content ul.news_listing li a:hover {
	background: #E4EEF0;
}
ul.news_listing li a .date {
	color: #333;
}
ul.news_listing li a:hover h4 {
	color: #333;
}
#latest_news ul.news_listing li a:hover {
	background: #F3F3F3;
}

ul.news_listing li a p {
	font-style: italic;
	color: #333;
	margin-bottom: 0;
}
#home #latest_news ul.news_listing li img {
	width: 40%;
}
#content ul.pagination {
	width: 100%;
	float: left;
	margin-top: 1em;
	border-top: 1px solid #3E728C;
	padding: 0.5em 0 0 10px;
}
#content ul.pagination li {
	float: left;
	width: auto;
	margin-right: 0.5em;
	border-right: 1px solid #ccc;
	padding: 0.2em 0.5em 0.2em 0;
	margin: 0 0.5em 0 0;
}
#content ul.pagination li.last {
	margin-right: 0;
	padding-right:0;
	border: none;
}
#shareblock {
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.share_box {
	width: auto;
	float: left;
	padding: 10px 10px 10px 0;
}



/* Course Listing
----------------------------------------------- */

#course_description ul.course_listing {
	margin-top: 1em;
	border-top: 1px solid #ccc;
	margin-bottom: 3em;
	float: left;
	width: 100%;
}
#course_description ul.course_listing li {
	width: 100%;
	float: left;
	clear: left;
	border-bottom: 1px solid #ccc;
	margin:0;
	list-style: none;
}
#course_description ul.course_listing li a {
	display: block;
	float: left;
	width: 100%;
	padding: 10px;
	text-decoration: none;
}
#course_description ul.course_listing li h3 {
	margin: 0;
}
#course_description ul.course_listing li p {
	margin: 0;
	color: #333;
}
#course_description ul.course_listing li a:hover {
	background: #D2E3E6;
}
#course_description ul.course_listing li a:hover h3 {
	text-decoration: underline;
}
#course_description {
	display: inline-block;
}

/* Footer
----------------------------------------------- */

#footer {
	width: 100%;
	float: left;
	clear: both;
	background: url(../images/page/footer_shadow.png) 0 0 no-repeat #fff;
	padding: 30px 10px 20px 10px;
	line-height: 150%;
	margin-top: 40px;
}
#footer_nav {
	width: 35%;
	float: left;
	padding-bottom: 20px;
}
#footer_nav ul {
	width: 100%;
	float: left;
}
#footer_nav ul li {
	float: left;
	margin-right: 12px;
}
.address {
	float: left;
	clear: left;
	width: 19%;
}
.numbers {
	float: left;
	width: 19%;
}
#social {
	width: 40%;
	float: right;
}
#social ul {
	width: 100%;
	float: left;
}
#social ul li {
	width: 50%;
	float: left;
	margin: 0 0 10px 0;
}
#social a.button {
	float: left;
	margin-top: 20px;
}
#findus {
	float: right;
	width: 157px;
	height: 159px;
	background: url(../images/page/findus.png) 0 0 no-repeat;
	text-indent: -9999px;
	outline: none;
	margin-right: 20px;
}



/* Course Page
----------------------------------------------- */

#course #content h1 {
	width: 70%;
	float: left;
}
#course #content p.standfirst {
	clear: left;
}

/* News Pages
----------------------------------------------- */

#news_list ul.news_listing li a .date {
	color: #999;
}
img.article_image {
	border-bottom: 4px solid #345358;
	width: 100%;
}



/* Case Study pages
----------------------------------------------- */

#content #case_listing {
	width: 100%;
	float: left;
}
#content #case_listing li {
	width: 50%;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	min-height: 230px;
}
#content #case_listing li img {
	width: 100%;
	float: left;
	border-bottom: 4px solid #345358;
}



/* About Us
----------------------------------------------- */

.staff {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px dashed #ccc;
}
.staff img {
	float: right;
	margin: 0 0 10px 10px;
}



/* FAQ
----------------------------------------------- */

.q {
	border-top: 1px solid #ccc;
}
h3.question {
	cursor: pointer;
	color: #3E728C;
	padding: 10px 0 10px 0;
}
.a {
	display: none;
}
.a p {
	margin: 0;
	padding: 0 0 1em 0;
}




/* Find Us
----------------------------------------------- */

#article iframe {
	width: 100%;
}
#article h3 {
	margin-top: 1em;
}




/* Calendar
----------------------------------------------- */

#main.calendar {
	width: 100%;
}
#main.calendar #subnav {
	width: 16.666%;
}
#main.calendar #content {
	width: 83.333%;
}
table.course_calendar {
	border-collapse: separate;
	border: 1px solid #eee;
	width: 100%;
	margin-top: 20px;
}
table.course_calendar  tr th, table.course_calendar  tr td {
    border: 1px solid #eee;
}
table.course_calendar tr td {
	width: 14.28%;
	vertical-align: top;
	text-align: left;
	height: 100px; /* acts as min-height on table cells */
}
table.course_calendar tr th {
	text-align: center;
	vertical-align: center;
	background: #fff;
}
#article table.course_calendar tr th h2 {
	margin: 0;
}
table.course_calendar tr.days th {
	text-align: left;
	background: #ddd;
}
table.course_calendar tr td .day_num {
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
}
#article table.course_calendar tr td h3 {
	margin-top: 5px;
	font-size: 0.9em;
	margin-bottom: 1em;
}
table.course_calendar tr td .info {
	font-size: 0.9em;
	line-height: 120%;
}
table.course_calendar tr td a .info {
	color: #666;
}
td.blank_day {
	background: #f0f0f0;
}
table.course_calendar tr td a {
	display: block;
	width: 100%;
	float: left;
}
table.course_calendar tr td .td_wrap {
	position: relative;
	float: left;
	width: 100%;
	display: block;
}
table.course_calendar tr td .info {
	display: none;
}

/* 
table.course_calendar tr td:hover .info {
	display: block;
	background: #eee;
	padding: 5px;
	position: absolute;
	top: 1.9em;
	border: 1px solid #ccc;
	left: 0;
}
*/


/* Booking Process
----------------------------------------------- */

ul#course_process {
	width: 100%;
	float: left;
	margin: 1em 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
ul#course_process li {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0 10px 10px 0;
	list-style: none;
}
li .process_step {
	text-transform: uppercase;
	width: 100%;
	display: block;
	float: left;
	font-size: 0.8em;
	color: #ccc;
}
li .process_desc {
	display: block;
	width: 100%;
	float: left;
	color: #999;
}
li.active .process_step {
	color: #333;
}
li.active .process_desc {
	color: #333;
}

form#booking {
	width: 100%;
	float: left;
	padding: 1em 0;
}
#content form#booking.step-one select {
	width: 100%;
}
table#booking_summary tr td {
	border:none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size: 0.9em;
	width: 100%;
}
td.num {
	text-align: right;
}
input#add_another_course {
	background: #ccc;
	color: #333;
	padding-right: 10px;
	float: right;
}
input#add_another_course:hover {
	background: #999;
}
input#add_attendee {
	float: left;
	clear: left;
}
form p.note {
	width: 48%;
	float: right;
	background: #eee;
	padding: 8px;
	margin: 2px 0 0 0;
}
input#id_postcode {
	width: 30%;
}
form#booking .attendees_management {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
}
form#booking .attendees_management .row {
	margin: 5px 0 0 0;
}
form#booking .attendees_management .row input {
	float: left;
	clear: left;
}
form#booking .attendees_management .row input.add_attendee {
	float: right;
	padding: 4px 10px;
	background-image: none;
}
form#booking .row.submit.addproduct input {
	float: right;
	padding: 4px 10px;
	background-image: none;
}