#container {
	/* margin:30px auto 40px auto; */
	width:985px!important;
}


h1, #content h1 { font-size:2.6em!important; letter-spacing:-2px; color:#009dff; }
h2, #content h2 { font-size:2.2em; letter-spacing:-1px; color:#686868; }

/*============================================================================
==============================================================================
NOTE: "fw" stands for FULL WIDTH - most of the new panels are full width,
and i know there's a 'row' class or something already but I set up this new
set of classes to avoid confusion... (Richh)
==============================================================================
============================================================================*/
/*
============================================================================
Full Width panels - common stuff (Richh)
============================================================================
*/
.fw-row {
	background:#efefef; /*temporary background colour for testing and build */
	overflow:hidden;
	margin:0 0 40px;
	position:relative;
	clear:both;
	padding:0;
}
.fw-row-blank { background: none }
.fw-row h2 {
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	/*letter-spacing:-1px;*/
	font-size:150%;
}

/* Two thirds width grey panel */
.tt-panel {width:675px;background:url(/images/tefl-v3/v2/panels/undecided/panel-undecided-bg-top.png) no-repeat top;float:left}
.tt-panel-inner {background:url(/images/tefl-v3/v2/panels/undecided/panel-undecided-bg-end.png) no-repeat bottom;padding:15px 15px 38px;margin:0;overflow:hidden;_float:left}

/* Two thirds width grey panel - 650px wide - to account for 20px margin */
.tt-panel-a {width:650px;background:url(/images/v2/two-third-panels/panel-two-thirds-grey-top.png) no-repeat top;float:left}
.tt-panel-a-inner {background:url(/images/tefl-v3/v2/two-third-panels/panel-two-thirds-grey-end.png) no-repeat bottom;padding:15px 15px 38px;margin:0;overflow:hidden;_float:left}


.tt-panel h2 {color:#3c3d39;margin:0 0 5px 0}

/* Individual boxes - for lining 3 in a row - full page width */
.third-row { width:315px; margin-right:20px; float:left; background:url(/images/tefl-v3/v2/common/third-width-panel-top.png) no-repeat top;_float:left}
.third-row-inner {position:relative; background:url(/images/tefl-v3/v2/common/third-width-panel-end.png) no-repeat bottom;padding:20px 20px 40px;overflow:hidden;margin:0;_float:left; min-height:170px; height:auto!important; height:170px;}

/* Panel styles */
.panel-full { margin:15px 0 5px 0; }
.panel-full .inner-content { padding:15px 15px 40px 14px; overflow:hidden; }
.panel-grey { background: url(/images/tefl-v3/v2/panels/panel-full-grey-top.png) no-repeat top left; }
.panel-grey .inner-content { overflow:hidden; background: url(/images/tefl-v3/v2/panels/panel-full-grey-end.png) no-repeat bottom left; }
.panel-green { background: url(/images/tefl-v3/v2/panels/panel-full-green-top.png) no-repeat top left; }
.panel-green .inner-content { overflow:hidden; background: url(/images/tefl-v3/v2/panels/panel-full-green-end.png) no-repeat bottom left; }
.panel-light-green { background: url(/images/tefl-v3/v2/panels/panel-full-lightgreen-top.png) no-repeat top left; }
.panel-light-green .inner-content { overflow:hidden; background: url(/images/tefl-v3/v2/panels/panel-full-lightgreen-end.png) no-repeat bottom left; }
.panel-blue { background: url(/images/tefl-v3/v2/panels/panel-full-blue-top.png) no-repeat top left; }
.panel-blue .inner-content { overflow:hidden; background: url(/images/tefl-v3/v2/panels/panel-full-blue-end.png) no-repeat bottom left; }
.panel-full .inner-content .panel-inner-half { width:340px; float:left;}

/*
============================================================================
panel: Intro/media panel
============================================================================
*/
#fw-intro-media-panel {background:#fff}
#fw-intro-media-panel #intro-panel {margin:0}
#fw-intro-media-panel .fullwidth-half { width:500px; }
#fw-intro-media-panel #intro-content .inner-content .welcome { width:490px; }
#fw-intro-media-panel .welcome-list { width:200px; }
#fw-intro-media-panel #mediaplayer-container { float:left; width:406px; }

#intro-panel { padding:0px 0 0 0; margin:0 0 20px 0; background: url(/images/tefl-v3/homepage/bg-intro-panel-blue.jpg) no-repeat bottom center; }
#intro-panel .inner-content { width:980px; margin:0 auto 0 auto; padding:0 0 10px 0; }
#intro-panel .inner-content .fullwidth-half {width:400px; padding:0;}
#intro-panel .inner-content .welcome {width:560px; /*width:520px;*/ /*width:460px;*/ margin-right:0px; padding-top:0;}
#intro-panel .inner-content h1 {color:#f28506;font-size: 2.4em;letter-spacing:1px; margin-top:0; padding-top:0;}
#intro-panel .inner-content p {color:#4e556b;font-size:1.2em;font-weight:bold;}
#intro-panel .inner-content ul li {color:#4e556b;}
/*#intro-panel .inner-content strong {color:#686b50}*/

#intro-panel .welcome-list {float:left;width:265px;margin:10px 20px 0 0;color:#63683c;font-size:100%;}
#intro-panel .welcome-list li {padding:0 0 10px 20px;background:url(/images/tefl-v3/common/bullets/blt-tick-green.png) no-repeat 0px 3px; _background:url(/images/tefl-v3/common/bullets/blt-tick-green.gif) no-repeat 0px 3px}

#intro-panel .inner-content .welcome h1 {font-size:2.2em; margin:0 0 5px 0; padding:0;}
#intro-panel .inner-content .welcome h2 {font-size:1.4em; margin:0 0 5px 0; padding:0; color:#4e556b;}



#media-image-panels { float:right; width:460px!important; }
#media-image-panels a {
	float:left;
	display:block;
	width:216px;
	height:146px;
	padding:14px 0 0 14px;
	border:0;
	background: transparent url(/images/tefl-v3/common/bg-mpanel-thumb.png) no-repeat top left;
	_background: transparent url(/images/tefl-v3/common/bg-mpanel-thumb.gif) no-repeat top left;
}
#media-image-panels a:hover {
	background: transparent url(/images/tefl-v3/common/bg-mpanel-thumb-ov.png) no-repeat top left;
	_background: transparent url(/images/tefl-v3/common/bg-mpanel-thumb-ov.gif) no-repeat top left;
}
#media-image-panels a img { margin:0!important; }



/*
============================================================================
panel: FAQ Small
============================================================================
*/

#panel-faq-small {width:315px;background:url(/images/tefl-v3/v2/panels/faq-small/panel-faq-small-bg-top.png) no-repeat top;position:relative}
#panel-faq-small-inner {background:url(/images/tefl-v3/v2/panels/faq-small/panel-faq-small-bg-end.png) no-repeat bottom;padding:15px 0 55px  15px;margin:0}

#panel-faq-small h2 {color:#fff;margin:0 0 5px 0}
#panel-faq-small h4 {color:#fff;margin:20px 0 10px}

#panel-faq-small ol {color:#fff;margin:15px 0 0 20px;list-style:decimal;line-height:90%;padding:0 40px 0 0}
#panel-faq-small ol li {margin:0 0 5px}
#panel-faq-small ol a {color:#c9e9fe;font-weight:bold;text-decoration:none}
#panel-faq-small ol a:hover {text-decoration:underline}

p.pfaq-url {position:absolute;top:22px;right:15px;font-size:90%;margin:0}
p.pfaq-url a {color:#0d486e;text-decoration:none}
p.pfaq-url a:hover {text-decoration:underline}

a.pfaq-view-all {background:url(/images/tefl-v3/v2/panels/faq-small/panel-faq-small-btn.png) no-repeat top left;width:133px;height:27px;position:absolute;bottom:28px;right:14px;}
a.pfaq-view-all:hover {background-image:url(/images/tefl-v3/v2/panels/faq-small/panel-faq-small-btn-over.png)}
a.pfaq-view-all span {display:none}


#pfaq-form {position:relative;margin:0 0 0 -1px;width:286px;height:39px}

#pfaq-input {border:none;background:url(/images/tefl-v3/v2/panels/faq-small/panel-faq-small-input-bg.png) no-repeat top left;width:221px;height:19px;position:absolute;top:0;left:0;padding:12px 55px 8px 10px}
#pfaq-submit-btn {position:absolute;top:0;right:0}


/*
============================================================================
Full width panel: TEFL ABROAD
============================================================================
*/
#panel-tefl-learn {background:url(/images/tefl-v3/v2/panels/tefl-learn/tefl-learn-panel-bg-top.png) no-repeat top;float:right;width:650px}
#panel-tefl-learn-inner {background:url(/images/tefl-v3/v2/panels/tefl-learn/tefl-learn-panel-bg-end.png) no-repeat bottom;padding:15px 20px 40px;overflow:hidden;margin:0;_float:left;}
#panel-tefl-learn h2 {color:#202127;margin:0 0 5px;font-size:110%;letter-spacing:normal}
#panel-tefl-learn h3 {color:#202127;margin:0;font-weight:normal;font-size:150%;margin-bottom:13px}

#panel-tefl-learn-panels {overflow:hidden;_float:left;font-size:90%}
#panel-tefl-learn-panels a {font-weight:bold}

#panel-tefl-learn ol {margin:0 10px 0 18px;list-style:outside;list-style-type:decimal;color:#999}
#panel-tefl-learn ol li {margin:0 0 10px}

#tl-panel-blog a {color:#e65d0b}
#tl-panel-guides a {color:#175a77}
#tl-panel-isitforme a {color:#a33363}

#tl-panel-blog h4 {color:#e65d0b;margin:0}
#tl-panel-blog p {margin:0 20px 0 0;color:#727272;font-size:90%}
.tl-panel-blog-date {color:#aeaeae!important;margin:2px 0 8px!important}

.tl-panel {width:195px;float:left;border-left:1px solid #e5e5e5;padding:0 0 0 11px}
.tl-panel-first {border-left:none;padding:0}


/*
============================================================================
Full width panel: SOCIAL MEDIA BITS
============================================================================
*/


.panel-full-dark {
	background:url(/images/tefl-v3/v2/social/panel-full-bottom-dark.png) no-repeat center bottom;
	width: 985px;
	min-height: 455px;
}
.panel-full-dark h3 {
	background:url(/images/tefl-v3/v2/social/panel-full-top-dark.png) no-repeat;
	color:#E6E6E6;
	font-size:1.1em;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
}

#fw-panel-full-dark {background:url(/images/tefl-v3/v2/fw-panels/tefl-abroad/tefl-abroad-panel-solid-bg-top.png) no-repeat top;_float:left; margin-bottom:20px;}
#fw-panel-full-dark-inner { width:953px; background:url(/images/tefl-v3/v2/fw-panels/tefl-abroad/tefl-abroad-panel-solid-bg-end.png) no-repeat bottom;padding:15px 16px 38px;overflow:hidden;margin:0;_float:left;}
.social-media-panel #fw-panel-full-dark-inner { padding:10px 0px 38px 10px; width:975px; }
.social-media-panel #fw-panel-full-dark-inner h2 {color:#dddfe8;margin:0 0 3px}

.panel-social {
	width: 239px;
	min-height:390px;
	height: auto!important;
	height: 390px;
	float: left;
	margin: 0 0 0 4px;
}

.panel-chalkboard { background:url(/images/tefl-v3/v2/social/panel-chalkboard-top.gif) no-repeat top left; margin:0; }
.panel-chalkboard-inner { background:url(/images/tefl-v3/v2/social/panel-chalkboard-end.jpg) no-repeat bottom left; padding:10px; min-height:370px; height: auto!important; height: 370px; }
.panel-chalkboard h4 { width:200px; height:30px; margin:0 0 0 -5000px; padding:0;}
.panel-chalkboard p { color:#30312d; font-weight:bold; margin:0 0 15px 0; padding:0; }
.panel-chalkboard p span { font-weight:normal; }
.panel-chalkboard ul { margin:0 0 15px 0; padding:0; list-style:none;  }
.panel-chalkboard ul li { color:#fff; font-weight:bold; line-height:1.2em; padding-left:24px;background:url(/images/tefl-v3/v2/social/panel-chalkboard-star.gif) no-repeat left; }
.panel-chalkboard a.chalkboard-btn { display:block; width:106px; height:29px; background: url(/images/tefl-v3/v2/social/panel-chalkboard-btn.png) no-repeat top left; _background: url(/images/tefl-v3/v2/social/panel-chalkboard-btn.gif) no-repeat top left; }
.panel-chalkboard a.chalkboard-btn span { display:block; width:106px; height:29px; margin:0 0 0 -5000px; }



/*.panel-chalkboard { background:url(/images/v2/social/panel-chalkboard-bottom.png) no-repeat bottom center #92997e; margin:0;}
.panel-chalkboard h4 {
	background:transparent url(/images/v2/social/panel-chalkboard-top.png) no-repeat scroll 0 0;
	height:10px;
	margin:0;
	padding: 10px 0;
}
*/
.panel-twitter { width: 239px; background:url(/images/tefl-v3/v2/social/panel-twitter-bottom.png) no-repeat bottom center; }
.panel-twitter h4 {
	background:transparent url(/images/tefl-v3/v2/social/panel-twitter-top.png) no-repeat scroll 0 0;
	height:40px;
	margin:0;
	width:239px;
	text-indent:-2000px;
}
.panel-twitter a {
	color:#30312D;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 15px;
	text-decoration:none;
}
.panel-twitter ul { color:#666666; line-height:1.3; margin:15px; }
.panel-twitter li {
	color:#FFFFFF;
	font-size:1em;
	margin:0 0 10px 0;
	padding:0;
	background: none;
}
.panel-twitter li a {
	color:#000000;
	font-size:1em;
	margin:0 0 10px;
	text-decoration: underline;
}
.panel-twitter li span a { color:#fff; text-decoration: underline; }
.panel-twitter .retweet {
	background:transparent url(/images/tefl-v3/v2/social/retweet-arrows.png) no-repeat scroll right center;
	padding:0 18px 0 0;
	text-decoration:none;
}
.panel-twitter li span { color:#CCEDFE; }
.panel-twitter .twitter-follow-bird {
	background:transparent url(/images/tefl-v3/v2/social/twitter-follow-bird.png) no-repeat scroll 0 0;
	display:block;
	float:right;
	height:58px;
	margin:0;
	text-indent:-2000px;
	width:70px;
}
.panel-facebook { background:url(/images/tefl-v3/v2/social/panel-facebook-bottom.png) no-repeat bottom center; }
.panel-facebook-top {
	background:transparent url(/images/tefl-v3/v2/social/panel-facebook-top.png) no-repeat scroll 0 0;
	height:65px;
	margin:0;
	padding:40px 0 0 0;
}
.panel-facebook-top a {
	color:#30312D;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 15px;
	text-decoration:none;
}
.panel-facebook-top div { margin: 24px 0 0 7px; }
.panel-facebook-top div a {
	font-size: 10px;
	color: #FFF;
	margin:0 14px;
}
.panel-facebook li {
	background:transparent none repeat scroll 0 0;
	color:#000000;
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 5px;
	padding:0;
}
.panel-facebook li p { font-size:1em; }
.panel-facebook li span {
	background:url("/images/tefl-v3/v2/social/panel-facebook-pin-icon.png") no-repeat scroll 0 0 transparent;
	margin-left:5px;
	padding:0 5px 0 20px;
}
.panel-youtube { background:url(/images/tefl-v3/v2/social/panel-youtube-bottom.png) no-repeat bottom center; }
.panel-youtube h4 {
	height:40px;
	margin:0;
	width:239px;
	text-indent:-2000px;
	background:transparent url(/images/tefl-v3/v2/social/panel-youtube-top.png) no-repeat scroll 0 0;
}
.panel-youtube .youtube-header-link {
	color: #F00;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 0 15px;
	text-decoration:none;
}
.panel-youtube li {
	background:none repeat scroll 0 0 transparent;
	color:#000000;
	font-size:0.9em;
	height:95px;
	line-height:1.2em;
	margin:0 0 5px;
	padding:0;
}
.panel-youtube li a img { float: left; }
.panel-youtube li div p {
	float:left;
	font-size:1em;
	margin:0 0 0 5px;
	width:100px;
}
.panel-youtube .youtube-ratings span {
	padding: 0 5px;
	color: #666;
}


/* Titles with icons */
h2.icon-placements { clear:left; background: url(/images/tefl-v3/v2/jobs/icon-placements.png) no-repeat left; padding:8px 0 8px 50px;}
h2.icon-internships { clear:left; background: url(/images/tefl-v3/v2/jobs/icon-internships.png) no-repeat left; padding:8px 0 8px 50px;}
h2.icon-guides { clear:left; background: url(/images/tefl-v3/v2/jobs/icon-guides.png) no-repeat left; padding:8px 0 8px 50px;}
