/*-------------------------------------------------------
DFG

author:    kos korolev
email:     kos[at]pixeco.com
-------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(generic/reset.css);
@import url(generic/helpers.css);
@import url(branding/header.css);
@import url(branding/footer.css);
@import url(branding/navigation.css);
@import url(modules/forms.css);

@import url(../css/modules/flash_data.css);
/*@import url(../css/modules/frontend_forms.css);*/
@import url(../css/modules/ajax.css);
@import url(../css/modules/development_styles.css);
@import url(/assets/javascripts/shadowbox/shadowbox.css);

/* =Fonts
-------------------------------------------------------*/
@font-face {
	font-family:'GillSansExtraBoldDisplay';
	src:url('../fonts/GillSans-ExtraBoldDisplay.eot');
	src:local('Gill Sans Extra Bold Display'),
		local('GillSans-ExtraBoldDisplay'),
		url('../fonts/GillSans-ExtraBoldDisplay.woff') format('woff'),
		url('../fonts/GillSans-ExtraBoldDisplay.otf') format('opentype'),
		url('../fonts/GillSans-ExtraBoldDisplay.svg#GillSans-ExtraBoldDisplay') format('svg');
	}
	p.join a,
	h1,h2,h3,h4,h5,
	a.next-month,
	ul.buttons li,
	ul.add-work li a,
	a.book, a.become-member,
	.course-details form button.book,
	form.find-members label,
	body#Home .header h1 strong,
	body#Home .content .pnl-wrapper.join .pnl a,
	.sidebar ul.navigation,
	body#Courses a.back,
	p.loveit {
		font-family:'GillSansExtraBoldDisplay';
		}
@font-face {
	font-family:'GillSansBold';
	src:url('../fonts/GillSans-Bold.eot');
	src:local('Gill Sans Bold'), 
		local('GillSans-Bold'),
		url('../fonts/GillSans-Bold.woff') format('woff'),
		url('../fonts/GillSans-Bold.otf') format('opentype'),
		url('../fonts/GillSans-Bold.svg#GillSans-Bold') format('svg');
	}
	p.plus,
	p.join,
	p.intro-text,
	.header ul,
	ul.account-nav,
	.intro h2,
	.header h6,
	.footer h6,
	ul.films li h6,
	.joined a.member,
	div.pnl.events h6,
	div.pnl.activity h6,
	.header form label,
	body#Home .header h1,
	body#Home .content .pnl-wrapper.join .pnl p,
	a.become-member span,
	.sidebar form legend,
	body#Home .content .pnl h3,
	ul.latest-courses > li div p.date span,
	.sidebar form label,
	#sb-player form legend  {
		font-family:'GillSansBold';
		}

/* =Elements
-------------------------------------------------------*/

html {
	}
	body {
		font-family: Helvetica, Arial, sans-serif;
		color:#505050;
		background:#dbdbdb url(/assets/i/mainBg.jpg) repeat fixed center top;
		}
		a:link {
			text-decoration:none;
			color:#f7941e;
			}
		a:visited {
			text-decoration:none;
			color:#f7941e;
			}
		a:hover {
			text-decoration:none;
			color:#4d4d4d;
			}
		a:active {
			text-decoration:none;
			outline:none;
			}
		h1, h2, h3, h4, h5, h6 {
			text-transform:uppercase;
/*			font-weight:bold;*/ /* Already using Gill Sans Extra bold font, so by using bold here is over-bolds the font and makes it look odd - please do not reinstate */
			color:#555;
			}
			h6 { 
				font-weight: bold; /* ok here as just using Helvetica on most, but needs checking as some h6 use Gill Sans Bold */
				}
				.pnl-wrapper h6 { 
					text-transform: none;
					}
			.content h2 {
/*				padding: 0 60px 24px 0;*/
				padding: 0 0 24px 0;
				line-height:1;
				font-size:28px;
				letter-spacing:-1px;
				color:#005b79;
				}
				body#News .content h2,
				body#News .content h3,
				body#News .content h4 {
					color:#76b1ec;
					}
				body#Members .content h2,
				body#Members .content h3,
				body#Members .content h4,
				body#Account .content h2,
				body#Account .content h3,
				body#Account .content h4 {
					color:#59a13d;
					}
				body#Resources .content h2,
				body#Resources .content h3,
				body#Resources .content h4,
				body#Resources .content h5,
				body#Resources .content h6 {
					color:#87599c;
					}
				body#Directory .content h2,
				body#Directory .content h3,
				body#Directory .content h4,
				body#Directory .content h5 {
					color:#75d270;
					}
			.content h3 {
				font-size:14px;
				/*letter-spacing:-1px;*/
				}
		p {
			line-height:1.4;
			padding:0 0 0.8em;
			}
			p br { 
				line-height:1;
				}

/* =Layout elements
-------------------------------------------------------*/
.header,
.inner-wrapper,
.content-wrapper {
	width:980px;
	margin:0 auto;
	}
.content {
	float:left;
	width:630px;
	}

/*.content,*/
.pnl,
.pnl-wrapper {
	float:left;
	background:url(../i/content_Main_Bg.png) -1260px 0 no-repeat;
	}
	.sidebar .pnl,
	.placeholder .pnl,
	.sidebar .pnl-wrapper,
	.placeholder .pnl-wrapper,
	.pnl-wrapper .pnl.joined,
	body#Home .pnl,
	body#Home .pnl-wrapper { 
		background-image:url(../i/contentBg.png);
		}
	.pnl-wrapper {
		margin:0 0 22px;
		padding:0 0 20px;
		background-position:-630px 100%;
		}
		.sidebar .pnl-wrapper,
		body#Home .pnl-wrapper,
		.placeholder .pnl-wrapper {
			padding-bottom:13px;
			background-position:-1560px 100%;
			}
			body#Home.page .pnl-wrapper { 
				background-position:-630px 100%;
				}
			.pnl {
				position:relative;
				clear:left;
				width:250px;
				padding:25px 25px 5px;
				font-size:1.2em;
				}
				.pnl.full-width {
					width:570px;
					/*margin:0;*/
					padding:30px 30px 0;
					background-position:0 0;
					}
				.pnl img.plus { 
					position: absolute;
					top: 66px;
					right: -16px;
					}
	body#Home .content {
		width:630px;
		padding:0;
		background:none;
		}
		.pnl.right {
			clear:none;
			}
.placeholder {
	}
	.placeholder.left {
		clear:left;
		}
.sidebar {
	float:right;
	width:300px;
	}

.sidebar ul.venue,
#sb-body, #sb-loading {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	}

/* =Sidebar
-------------------------------------------------------*/
.sidebar h5,
.placeholder h5 {
	clear:both;
	margin:0 0 6px;
	padding:0 0 12px;
	line-height:1;
	font-size:20px;
	color:#fff !important;
	background:url(../i/sidebarHeadingsBg.png) -300px 100% no-repeat;
	}
	.placeholder h5 {
		margin:0 0 10px;
		font-size:17px;
		}
		.sidebar h5 span,
		.placeholder h5 span {
			display:block;
			padding:16px 20px 0;
				white-space:nowrap; /* for IE7 */
			background:url(../i/sidebarHeadingsBg.png) 0 0 no-repeat;
			}
			body#News .sidebar h5,
			body#News .placeholder h5 {
				background-position:-2700px 100%;
				}
				body#News .sidebar h5 span,
				body#News .placeholder h5 span {
					background-position:-2400px  0;
					}
			body#Members .sidebar h5,
			body#Members .placeholder h5 {
				background-position:-2100px 100%;
				}
				body#Members .sidebar h5 span,
				body#Members .placeholder h5 span {
					background-position:-1800px 0;
					}
			body#Resources .sidebar h5,
			body#Resources .placeholder h5 {
				background-position:-1500px 100%;
				}
				body#Resources .sidebar h5 span,
				body#Resources .placeholder h5 span {
					background-position:-1200px 0;
					}
			body#Directory .sidebar h5,
			body#Directory .placeholder h5 {
				background-position:-900px 100%;
				}
				body#Directory .sidebar h5 span,
				body#Directory .placeholder h5 span {
					background-position:-600px  0;
					}

.sidebar ul.venue {
	margin:0 0 30px;
	padding:20px 24px 30px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2;
	background:#fff;
	}
	.sidebar ul.venue { 
		font-weight: normal;
		}
	.sidebar ul.courses li,
	.sidebar ul.venue li {
		padding:10px 0 10px 25px;
		border-bottom: 1px dotted #999;
		background: url(../i/bullet_blue.png) no-repeat left center;
		}
		.sidebar ul.courses li:first-child,
		.sidebar ul.venue li:first-child { 
			border-top: 1px dotted #999;
			}

img.user,
.joined img {
	float:left;
	margin:0 11px 10px 0;
	padding:4px;
	border:1px solid #97958e;
	background:#fff;
	}
.joined h6 {
	padding:0;
	line-height:1;
	font-size:15px;
	text-transform:none;
	}
.joined p {
	clear:left;
	padding:0 0 18px;
	}
.joined a.member {
	font-size:19px;
	text-decoration:none;
	color:#59a13d;
	}
	.joined a.member:hover {
		text-decoration:underline;
		}
.joined dl dt {
	float:left;
	padding:0 4px 0 0;
	font-weight:bold;
	}

/* =Content elements
-------------------------------------------------------*/
/*.placeholder h5 {
	clear:both;
	margin:0 0 10px;
	padding:12px 20px 7px;
	font-size:17px;
	line-height:1;
	color:#fff !important;
	background:#97d891;
	}
	body#News .placeholder h5 {
		background:#f9a94b;
		}
	body#Courses .placeholder h5 {
		background:#48889a;
		}
	body#Resources .placeholder h5 {
		background:#a482ae;
		}
	body#Directory .placeholder h5 {
		background:#59A13D;
		}*/
	.placeholder h5 strong {
		display:block;
		color:#000;
		}
div.pnl.recent h6,
div.pnl.events h6,
div.pnl.activity h6 {
	line-height:1;
	font-size:15px;
	text-transform:none;
	font-weight: normal;
	padding-bottom: 20px;
	}

ul.list {
	padding:0 0 12px;
	list-style:none;
	border-top:2px dotted #d2d2d2;
	}
	ul.list li {
		position:relative;
		padding:7px 0 4px 44px;
		border-bottom:2px dotted #d2d2d2;
		}
		.recent ul.list li {
			padding-left:112px;
			}
			ul.list li img {
				position:absolute;
				top:9px;
				left:0;
				padding:3px;
				border:1px solid #9e9e9e;
				}
			ul.list li a,
			ul.list li p,
			ul.list li strong {
				padding:0 0 5px;
				}
				ul.list li a {
/*					display:block;*/
					line-height:1.4;
					font-weight:bold;
					padding-right: 5px;
					}
				ul.list li strong {
					display:block;
					}

/* =MEMBERS Section
--------------------------------------------------*/
form.find-members,
.content div.section {
	position:relative;
	float:left;
	width:570px;
	padding:16px 28px 0;
	margin:0 -28px;
	background:url(../i/gradient.gif) 0 0 repeat-x;
	}
	.content div.section { 
		padding-top: 20px;
		padding-bottom: 16px;
		}
	.content div.section.controls {
		padding-bottom: 14px;
		}
	.content div.section div.column.left {
		width:168px;
		}
	.content div.section div.column.right {
		width:380px;
		}
		select.choose-rate {
			position:relative;
			z-index:1;
			width:290px;
			}

p.intro-text {
	font-size:23px;
	line-height: 1.3;
	color:#808080;
	}

ul.buttons {
	padding:0;
	margin: 0 0 25px 0;
	display: inline-block;
	list-style:none;
	}
	a.button,
	ul.buttons li {
		float:left;
		margin:0 0 0 12px;
		padding: 9px 13px 6px;
		text-align:center;
		font-size: 19px;
		color:#fff;
		line-height:1;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			-o-border-radius:6px;
			border-radius:6px;
		background:#59a13d;
		overflow: hidden;
		}
		ul.buttons li:first-child {
			margin:0;
			}

p.plus {
	padding:20px 0;
	font-size: 18px;
	line-height: 1.2;
	color:#a4a4a4;
	text-indent:50px;
	background:url(../i/petalPLus.png) 0 0 no-repeat;
	}

.browse-by-role h3 {
	text-transform:none;
	font-size:15px;
	color:#696969 !important;
	}
.browse-by-role ul {
	float:left;
	width:180px;
	padding:0 10px 0 0;
	list-style:none;
	}
	.browse-by-role ul li {
		padding:10px 0;
		font-size: 15px;
		line-height: 1;
		border-bottom:1px dotted #ccc;
		}
		.browse-by-role ul li:first-child { 
			border-top: 1px dotted #ccc;
			}

div.pullout-box h4,
div.pullout-box h5 { 
	font-family: helvetica, arial, sans-serif;
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	background: transparent;
	}
	div.pullout-box h4 {
		font-size: 20px;
		line-height: 1.1;
		color: #59A13D;
		}
	div.pullout-box h5 {
		color: #505050 !important;
		line-height: 1.2;
		margin-bottom: 15px;
		}

				
				
				


p.join {
	font-size:19px;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#696969;
	}
	
p.loveit { 
	padding: 18px 0;
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
	text-indent: 55px;
	background:url(../i/petal_love.png) 0 0 no-repeat;
	}

ul.films {
	padding:20px 0;
	list-style:none;
	}
	ul.films li {
		float:left;
		clear:left;
		padding:0 0 27px;
		}
		ul.films li img {
			float:right;
			margin:15px 0 15px 25px;
			padding:4px;
			border:1px solid #9a9a9a;
			}
		ul.films li h6 {
			padding:12px 0;
			/*margin:0 -10px 0 391px;*/
			border-top:1px solid #9a9a9a;
			letter-spacing:-0.5px;
			font-size:16px;
			text-transform:none;
			}
		ul.films li a.more {
			float:left;
			width:52px;
			height:82px;
			text-indent:-999em;
			outline:none;
			background:url(../i/petals.png) -333px 0 no-repeat;
			}
			ul.films li a.more:hover {
				opacity:.8;
				}

ul.add-work li {
	padding:0 0 25px;
	}
	ul.add-work li.join {
		padding-bottom:10px;
		}
	ul.add-work li a {
		font-size:21px;
		text-decoration:none;
		color:#59a13d;
		}
		ul.add-work li a span {
			position:absolute;
			top:4px;
			right:6px;
			width:114px;
			height:75px;
			text-indent:-999em;
			background:url(../i/petals.png) -386px 0 no-repeat;
			}
			ul.add-work li.join a span {
				top:100px;
				right:50px;
				width:60px;
				height:78px;
				background-position:-501px 0;
				}
				ul.add-work li a:hover span {
					opacity:.8;
					}

ul.recent-comments {
	padding:6px 0 0;
	}
	ul.recent-comments li {
		position:relative;
		float:right;
		clear:both;
		width:200px;
		padding:15px 15px 15px 36px;
		margin:0 0 12px;
			-moz-border-radius:7px 7px 7px 34px;
			-webkit-border-bottom-right-radius:7px;
			-webkit-border-bottom-left-radius:34px;
			-o-border-radius:7px 7px 7px 34px;
			/*-ie-border-radius:7px 7px 7px 34px;*/
			border-radius:7px 7px 7px 34px;
		font-size:12px;
		background:url(../i/recentCommentsBg.png) 0 0 no-repeat;
		}
		ul.recent-comments li img.user {
			position:absolute;
			top:0;
			left:-50px;
			}
	
	
/* Comments for New articles etc */
ul.comments { 
	margin: 0;
	padding: 0;
	list-style:none;
	}
	ul.comments li {
		margin-bottom: 25px;
		padding-bottom: 29px;
		overflow: hidden;
		clear: both;
		position: relative;
		background:url(../i/commentsBg.png) -528px 100% no-repeat;
		}
		ul.comments li div.comment-wrapper {
			padding:2px 20px 0 0;
			background:url(../i/commentsBg.png) 47px 0 no-repeat;
			}
			ul.comments li img.avatar {
				padding: 2px;
				margin-right: 18px;
				float: left;
				display: inline;
				border: 1px solid #9E9E9E;
				}
			ul.comments li div.commentText {
				padding: 40px 15px 5px 93px;
		/*		margin-top: 18px;*/
				color: #909090;
				line-height: 1.3;
				}
				ul.comments li div.commentText p.userInfo {
					position: absolute;
					top: 13px;
					left: 93px;
					padding: 0;
					margin: 0;
					color: #505050;
					font-size: 11px;
					}
				ul.comments li div.commentText p {
					padding:0 0 7px 0;
					margin:0;
					}
			ul.comments li.noComments {
				margin: 25px 0 10px 0;
				font-weight: bold;
				background: none;
				}

form.post-comment { 
	padding: 0 0 30px 0;
	margin: 10px 0 0 0;
	float: left;
	display: inline;
	clear: both;
	position: relative;
	}
	form.post-comment legend { 
		margin-bottom: 5px;
		font-weight: bold;
		}
	form.post-comment textarea { 
		width: 565px;
		height: 80px;
		padding: 7px 0 0 0;
		margin: 0 0 15px 0;
		text-indent: 5px;
/*		border: 1px solid #545454;*/
		font-family: helvetica, arial, sans-serif;
		font-size: 1.1em;
		}


/* =Festivals
-------------------------------------------------------*/
div.festival-summary ul { 
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display:inline-block;
	}
	div.festival-summary ul li {
		padding: 5px 0 5px;
		margin: 0 0 15px 0; 
		font-size: 15px;
		clear: both;
		border-bottom: 1px dotted #999;
		overflow:hidden;
		}
		div.festival-summary ul li.total { 
			padding: 10px 0 23px 0;
			}
		
div.festival-summary dl dt,
div.festival-summary dl dd { 
	float: left;
	padding-bottom: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.3;
	}
	div.festival-summary dl dt { 
		clear: both;
		padding-right: 10px;
		font-weight: bold;
		width: 140px;
		}
	div.festival-summary dl dd { 
		width: 415px;
		}
		div.festival-summary dl dd.summary { 
			font-size: 1.1em;
			font-weight: normal;
			}
			div.festival-summary dl dd ul.attendees li { 
				border: none;
				font-size: 0.8em;
				font-weight: normal;
				margin: 0;
				padding: 3px 0;
				}

div.festival-summary ul li.total dl dt,
div.festival-summary ul li.total dl dd { 
	font-size: 19px;
	padding-bottom: 0;
	margin-bottom: 0;
	}
	div.festival-summary ul li.total dl dt { 
		color: #8c8c8c;
		}


/* =Courses
-------------------------------------------------------*/
div.course-details h4 {
	font-size:16px;
	font-weight: bold;
	text-transform:none;
	font-family:inherit;
	}
div.course-details div.column.right p { 
	width: 288px;
	}
	div.course-details p.discount { 
		padding:0 0 5px 0;
		line-height: 1.2;
		width: 265px;
		}
	
ul.book-options {
	position:relative;
	padding:0;
	list-style:none;
	}
	ul.book-options li { 
		width: 260px;
		}
	
a.book,
a.become-member {
	position:absolute;
	top:-147px;
	right:-25px;
	width:113px;
	height:90px;
	padding:20px 0 0 21px;
	/*text-indent:-999em;*/
	line-height:12px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	line-height: 0.8;
	color:#fff;
	background:url(../i/petals.png) 0 0 no-repeat;
	}
	a.book {
		top:8px;
		right:20px;
		width:73px;
		height:51px;
		text-transform:uppercase;
		background-position:-134px 0;
		}

div.course-total h3 { 
	margin-top: 10px;
	margin-bottom: 14px;
	}
div.course-total ul { 
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display:inline-block;
	}
	div.course-total ul li {
		padding: 5px 0 5px;
		margin: 0 0 15px 0; 
		font-size: 15px;
		clear: both;
		border-bottom: 1px dotted #999;
		overflow:hidden;
		}
		div.course-total dl dt,
		div.course-total dl dd { 
			float: left;
			padding-bottom: 10px;
			margin-bottom: 5px;
			font-weight: bold;
			font-size: 15px;
			line-height: 1.3;
			}
			div.course-total dl dt { 
				clear: both;
				padding-right: 10px;
				font-weight: normal;
				width: 140px;
				}
				div.course-total dl dd { 
					width: 415px;
					}
					div.course-total dl dd.summary { 
						font-size: 1.1em;
						font-weight: normal;
						}
					div.course-total dl dd ul.attendees li { 
						border: none;
						font-size: 0.8em;
						font-weight: normal;
						margin: 0;
						padding: 3px 0;
						}
			div.course-total ul li.total { 
				padding: 10px 0 23px 0;
				}
				div.course-total ul li.total dl dt,
				div.course-total ul li.total dl dd { 
					font-size: 19px;
					padding-bottom: 0;
					margin-bottom: 0;
					}
					div.course-total ul li.total dl dt { 
						color: #8c8c8c;
						}
						
ul.related-courses { 
	list-style: none;
	margin: 0;
	padding: 0;
	}
	ul.related-courses li { 
		margin: 0;
		padding: 13px 0;
		border-bottom: 1px dotted #999;
		}
		ul.related-courses li:first-child { 
			border-top: 1px dotted #999;
			}
		ul.related-courses li h4 { 
			font-family: helvetica, arial, sans-serif;
			font-weight: bold;
			font-size: 14px;
			}
		form.main.discount-code ul.related-courses li p { 
			padding-bottom: 15px;
			}
			form.main.discount-code ul.related-courses li p.booking { 
				padding: 0;
				}
		ul.related-courses li input.checkbox { 
			margin-right: 5px;
			}

body#Courses a.button {
	float:none;
	display:inline-block;
	margin:0;
	padding:5px 9px;
	font-size:12px;
	font-weight:bold;
	background:#ff9400;
	}
body#Courses a.back {
	position:absolute;
	top:-25px;
	left:-40px;
	width:65px;
	height:32px;
	padding:19px 8px 0 0;
	line-height:1;
	font-weight:normal;
	font-size:14px;
	text-align:right;
	text-transform:uppercase;
	color:#fff;
	background:url(/assets/i/petals.png) -617px 0 no-repeat;
	}
	
	

/* =Training
-------------------------------------------------------*/
h2 span.month {
	position:absolute;
	top:-17px;
	right:-14px;
	width:133px;
	height:65px;
	padding:42px 0 0;
	text-indent:48px;
	color:#fff;
	background:url(../i/petals.png) 0 0 no-repeat;
	}
a.next-month {
	display:inline-block;
	margin:0 0 16px;
	font-size:14px;
	text-decoration:none;
	color:#005b79;
	}
	a.next-month:hover {
	text-decoration:underline;
		}
.controls ul {
	float:left;
	padding:0;
	list-style:none;
	}
	.controls ul.filter.jump {
		margin-right: 20px;
		}
		.controls ul li {
			float:left;
			padding:0 9px;
			line-height:1;
			border-left:1px solid #adadad;
			}
			.controls ul li:first-child,
			.controls ul li.second-child {
				padding-left:0;
				border:none;
				}
				.controls ul li h6 {
					font-size:12px;
					padding: 0;
					line-height: 1;
					}

ul.results {
	margin:0 0 0 -44px;
	padding:0;
	list-style:none;
	}
	ul.results > li {
		float:left;
		width:263px;
		min-height:150px;
		margin:0 0 35px 44px;
		padding: 0 0 1px;
		border-bottom:1px solid #999;
		}
		body#News ul.results > li,
		body#Resources ul.results > li { 
			min-height:210px;
			}
		ul.results > li.left {
			clear:left;
			}
		ul.results li p { 
			clear: both;
			}
			ul.results li p.postDetails {
				padding: 0 0 6px 0;
				margin-bottom: 7px;
				border-bottom: 1px dotted #bfbfbf;
				}	
			ul.results li p.date { 
				font-size: 14px;
				padding: 0 0 2px;
				margin: 0 0 10px;
				position: relative;
				border-bottom:2px solid #999;
				}
				ul.results li p.date span { 
					float: right;
					font-size: 11px;
					font-weight: bold;
					position: absolute;
					top: 2px;
					right: 0;
					}
		ul.results li ul.info,
		.placeholder ul.info,
		ul.post-info { 
			list-style: none;
			padding: 0;
			margin: 0 0 5px 0;
			font-size: 10px;
			line-height: 1.3;
			}
			ul.results li ul.info { 
				display: inline-block;
				}
			.placeholder ul.info { 
				border-bottom: 1px dotted #bfbfbf;
				padding-bottom: 6px;
				margin-bottom: 8px;
				display:inline-block;
				width: 100%;
				}
			ul.results li ul.info li,
			.placeholder ul.info li,
			ul.post-info li { 
				display:inline-block;
				padding: 0;
				margin: 0 7px 0 0;
				overflow:hidden;
				}
				ul.post-info li { 
					font-size: 12px;
					margin-right: 15px;
					margin-bottom: 20px;
					}
				.placeholder h6 { 
					padding-bottom: 6px;
					margin-bottom: 8px;
					border-bottom:1px dotted #bfbfbf;
					}
				body#News .placeholder ul.info li { 
					color: #498acc;
					font-weight: bold;
					}
				body#Courses .placeholder ul.info li { 
					color: #005b79;
					}
					.placeholder ul.info li strong { 
						color: #505050;
						}
				body#Resources .placeholder ul.info li { 
					color: #87599C;
					}
				body#Members .placeholder h6 { 
					border-bottom: none;
					margin-bottom: 0;
					}
					
					
		ul.results li h4,
		ul.results li h5,
		ul.results li h6 {
			text-transform:none;
			line-height:1.2;
			font-size:16px;
			font-family: Helvetica, Arial, sans-serif;
			}
			ul.results li h4 {
				margin: 0 0 9px;
				padding: 0 0 7px;
				font-weight: bold;
				border-bottom:1px dotted #bfbfbf;
				}
			ul.results li h5 {
				padding: 0 0 7px;
				margin: 0 0 7px;
				font-size: 14px;
				color:#005b79;
				border-bottom:1px dotted #bfbfbf;
				}
		ul.results li a.more {
			text-transform:uppercase;
			text-decoration:none;
			font-weight:bold;
			}
			ul.results li a.more:hover {
				text-decoration:underline;
				}
								


div.opinions {
	float:left;
	margin:50px 0 0;
	padding:0 0 11px;
	font-size:1.2em;
	background:url(../i/opinionsBg.png) -299px 100% no-repeat;
	}
	div.opinions h3 {
		float:right;
		width:150px;
		padding:0 30px 0 0;
		line-height:24px;
		letter-spacing:-1.5px;
		text-transform:none;
		font-size:29px;
		color:#005b79;
		}
	div.opinions div {
		clear:both;
		float:left;
		width: 255px;
		margin:-20px 0 0;
		padding:50px 20px 5px;
		background:url(../i/opinionsBg.png) 0 0 no-repeat;
		}


div.pnl.full-width ul.courses {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2;
	}
	div.pnl.full-width ul.courses li {
		padding:10px 0 10px 25px;
		border-bottom: 1px dotted #999;
		background: url(../i/bullet_blue.png) no-repeat left center;
		}
		div.pnl.full-width ul.courses li:first-child { 
			border-top: 1px dotted #999;
			}

/* =Home page
-------------------------------------------------------*/
body#Home .content .pnl h2,
body#Home .content .pnl h3 {
	position:relative;
	margin:0 0 12px;
	padding:0 0 6px;
	border-bottom:1px solid #b7b7b7;
	font-size:22px;
	text-transform:none;
	color:#f7941e;
	}
	body#Home .content .pnl h3 { 
		line-height: 1.3;
		}
		body#Home .content .pnl h3 span {
			position:absolute;
			top:-13px;
			right:0;
			width:54px;
			height:42px;
			text-indent:-999em;
			background:url(../i/petals.png) -562px 0;
			}
		body#Home .content .pnl-wrapper.join .pnl h3 { 
			color: #59a13d;
			margin-bottom: 17px;
			}
		body#Home .content .pnl-wrapper.join .pnl p { 
			font-size: 17px;
			line-height: 1.2;
			color: #59a13d;
			}
		body#Home .content .pnl-wrapper.join .pnl a { 
			font-size: 19px;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
		
div.latest-articles {
	padding-bottom: 12px;
	margin-bottom: 6px; 
	background: url(../i/gradient.gif) repeat-x left bottom;
	}
	div.latest-articles h4 {
		position:relative;
		font-size: 23px;
		padding: 0;
		margin: 0;
		}
		div.latest-articles.news h4 { 
			color: #76b1ec;
			}
		div.latest-articles.training h4 { 
			color: #005b79;
			}
		div.latest-articles.resources h4 { 
			color: #87599c;
			}
			div.latest-articles h4 a {
				position:absolute;
				top:10px;
				right:0;
				line-height:16px;
				font-size: 11px;
				font-family: helvetica, arial, sans-serif;
				text-transform: none;
				font-weight: bold;
				}
	div.latest-articles h5 { 
		font-size: 12px;
		font-weight: bold;
		font-family: helvetica, arial, sans-serif;
		text-transform: none;
		line-height: 1.3;
		padding: 0 0 2px;
		}
		div.latest-articles.training h5 { 
			padding: 0;
			}
	div.latest-articles p { 
		padding: 0;
		}
	div.latest-articles ul { 
		padding: 0;
		margin: 0;
		list-style: none;
		}
		div.latest-articles ul li { 
			padding: 7px 0 0;
			margin: 0 0 10px;
			border-top: 1px dotted #ccc;
			}
			div.latest-articles ul li:first-child { 
				border: none;
				padding: 0;
				}
			div.latest-articles ul li img { 
				padding: 5px;
				border: 1px solid #B7B7B7;
				width: 237px;
				float: left;
				margin-bottom: 8px;
				}

ul.latest-courses,
ul.latest-courses ul {
	padding:0;
	list-style:none;
	}
	ul.latest-courses > li {
		position:relative;
		width:237px;
		margin:0 0 30px;
		padding:5px;
		border:1px solid #b7b7b7;
		}
		ul.latest-courses > li div {
			position:absolute;
			bottom:10px;
			left:5px;
			width:217px;
			padding:8px 10px;
			opacity:.5;
			background:#fff;
			}
			ul.latest-courses > li div:hover {
				opacity:.8;
				}
				ul.latest-courses > li div p.date {
					position:absolute;
					bottom:8px;
					right:15px;
					text-align:center;
					text-transform:lowercase;
					color:#000;
					}
					ul.latest-courses > li div p.date span {
						display:block;
						margin:0 0 -4px;
						letter-spacing:-4px;
						font-size:29px;
						}
			ul.latest-courses > li div p,
			ul.latest-courses > li div h6 {
				padding:0;
				line-height:1;
				color:#000;
				}
		ul.latest-courses > li ul {
			position:absolute;
			bottom:-16px;
			left:16px;
			}
			ul.latest-courses > li ul li {
				float:left;
				padding:0 6px 0 21px;
				line-height:15px;
				background:url(../i/icons.gif) 0 0 no-repeat;
				}
				ul.latest-courses > li ul li.comments {
					background-position:0 -16px;
					}
				ul.latest-courses > li ul li.time {
					background-position:0 -32px;
					}
					ul.latest-courses > li ul li a {
						text-decoration:none;
						}
ul.twitter {
	padding:0;
	list-style:none;
	}
	ul.twitter li { 
		padding-bottom: 13px;
		line-height: 1.2;
		}
	ul.twitter li p,
	ul.twitter li h6 {
		padding:0;
		}
		ul.twitter li h6 {
			font-size:12px;
			color: #000;
			font-family:inherit;
			}

.intro {
	position:relative;
	width:252px;
	height:322px;
	padding:76px 0 0 12px;
	color:#fff;
	background:url(../i/introBg.png) 0 0 no-repeat;
	}
	.intro h2 {
		line-height:1.2;
		font-size:17px;
		letter-spacing:-1px;
		text-transform:none;
		color:#000;
		}
		.intro h2 strong {
			display:block;
			/*padding:0 0 4px;*/
			font-size:22px;
			color:#fff;
			}
	.intro p {
		margin:0 0 0 -16px;
		text-align:center;
		font-weight:bold;
		font-size:11px;
		}
	.intro a {
		position:absolute;
		bottom:23px;
		left:127px;
		width:60px;
		height:40px;
		text-indent:-999em;
		}
		.intro a.more {
			bottom:48px;
			left:195px;
			width:40px;
			height:28px;
			}

/* =Account
-------------------------------------------------------*/
img.profilePicLarge { 
	padding: 10px;
	margin: 10px 0 30px 0;
	border: 1px solid #ccc;
	}
img.profilePicSmall { 
	padding: 5px;
	margin: 0 20px 10px 0;
	float: left;
	border: 1px solid #ccc;
	}
input.file { 
	margin-bottom: 20px;
	}
ul.newsletters { 
	margin: 10px 0 15px 0;
	padding: 0;
	list-style: none;
	}
	ul.newsletters li { 
		padding: 10px 0;
		border-bottom: 1px dotted #ccc;
		}
		ul.newsletters li:first-child { 
			border-top: 1px dotted #ccc;
			}
		ul.newsletters li div { 
			float: right;
			}
			ul.newsletters li div label { 
				width: 20px;
				}
			ul.newsletters li div input.checkbox { 
				margin: 0;
				}

/* =News articles
-------------------------------------------------------*/
div.pnl.full-width div.section div.CEL  {
	margin-bottom: 25px;
	}
	div.pnl.full-width div.section hr { 
		border-style: dotted none none;
		margin: 20px 0 5px;
		}
	div.pnl.full-width div.section span.a_o span { 
		padding-bottom: 15px;
		}
		div.pnl.full-width div.section span.a_o span img { 
			border: 1px solid #ccc;
			padding: 8px;
			} 

/* =Shadowbox
-------------------------------------------------------*/
#sb-wrapper-inner {
	border:none !important;
	}

/* =Forms
-------------------------------------------------------*/
span.complete {
	color: red;
	font-weight: bold;
	}
	
/* =Frontend membership styling
-------------------------------------------------------*/
div.membership-renewal-box {
	width:320px;
	padding: 15px;
	border: 1px dashed #FD0000;
	background: #FBE6F2;
	font-size: 1.1em;
	margin-bottom: 30px;
	}


/* =Google Map
-------------------------------------------------------*/
#MapCanvas {
	clear:both;
	width:570px;
	height:400px
	}
	#MapCanvas h6 {
		padding:0 0 8px;
		line-height:1;
		font-size:12px;
		}
	#MapCanvas p {
		padding:0;
		font-size:11px;
		}

#cse-search-results iframe { 
	height: 950px;
	}

.content ul.courses {
    list-style: none;
}

.content ul.courses li{
    padding:10px 0 10px 25px;
    border-bottom: 1px dotted #999;
    background: url(../i/bullet_blue.png) no-repeat left center;
}
.content ul.courses li:first-child {
    border-top: 1px dotted #999;
}

/* =The directory
-------------------------------------------------------*/

body#Directory.Add #synopsis {
	height:60px;
	}

body#Directory.Add #summary {
	height:150px;
	}

body#Directory.Add #trailer_url {
	height:80px;
	}	

body#Directory.Add #trailer_embed_code {
	height:100px;
	}