@import url('reset.css');
@import url('../common/header.css');
@import url('../common/footer.css');

/*********************
****** GLOBAL *********
**********************/
body {
	margin:0;
	padding:0;
	font:75% Arial, Helvetica, Verdana, Sans-Serif;
	color:#4c4c4c;
}
h1,h2,h3,h4 {margin:0px 0px 5px 0px;color:#454545;font-weight:bold}
h2,h3,h4 {margin-top:30px}
h1 {font:200% Arial, Helvetica, Verdana, Tahoma, Sans-Serif; color:#4d5054;color:#707070; font-weight:bold}
h1 a {color:#fc6c0d}
h2 {font-size:150%;color:#707070}
h2 a {color:#707070}
h3 {font-size:130%;color:#707070}
h4 {font-size:110%;color:#454545}

h1 a:active, h1 a:focus, h2 a:active, h2 a:focus, h3 a:active, h3 a:focus { color:#fc6c0d!important; background:transparent; }

p { font-size:1.1em; margin:0 0 10px 0}
strong { font-weight:bold }
em {font-style:italic}
/*a {color:#4c4c4c}*/
a { color:#4c7ded; }
a:hover { text-decoration:none; }
a:visited { color:#800080; }

.stashed { display:none; }

/*#content ul {margin:15px;color:#666;line-height:1.6em;}
#content ul li {
	margin:0 0 5px 0;
	padding:0 20px;
	background:url(/images/tefl-v3/common/bullets/blt-arrow-dark-grey.png) no-repeat 0px 2px;
	_background:url(/images/tefl-v3/common/bullets/blt-arrow-dark-grey.gif) no-repeat 0px 2px;
	
}*/
/* default ul style, added late in the game, may mess up a few styled <ul> elements so keep an eye out */
ul {margin:15px;color:#666; line-height:1.6em;}
ul li {
	margin:0 0 5px 0;
	padding:0 20px;
	background:url(/images/tefl-v3/common/bullets/blt-arrow-dark-grey.png) no-repeat 0px 2px;
	_background:url(/images/tefl-v3/common/bullets/blt-arrow-dark-grey.gif) no-repeat 0px 2px;
	
}

.placement-nav ul { margin:0 0 5px 0; }
.placement-nav ul li, .location-info ul li { display:block; background: none!important; padding:0; }
.placement-nav ul li a.btn-small { display:block!important; }
/* */

.list {margin:0 15px 15px;color:#666;line-height:normal}
.list li {padding:2px 0 2px 20px}
.list li a {color:#656565;}
.list li a:hover {text-decoration:none}

.list.list-arrows-dark-grey li {background:url(/images/tefl-v3/common/bullets/blt-arrow-dark-grey.png) no-repeat 0px 2px; _background:url(/images/tefl-v3/common/bullets/blt-arrow-dark-grey.gif) no-repeat 0px 2px}
.list.list-arrows-dark-grey li ul li { background:url(/images/tefl-v3/common/bullets/blt-arrow-light-grey.png) no-repeat 0px 2px; margin-bottom:0;}
.list.list-ticks-dark-grey li {background:url(/images/tefl-v3/common/bullets/blt-tick.png) no-repeat 0px 3px; _background:url(/images/tefl-v3/common/bullets/blt-tick.gif) no-repeat 0px 3px}

/* .list li.flash-new { background:url(/images/tefl-v3/common/flash-rect-new.png) no-repeat left; padding-left:40px; } */
.list li.flash-new a { background:url(/images/tefl-v3/common/flash-rect-new.png) no-repeat top left; padding-left:40px; line-height:1.4em; }
.list li.flash-save a { background:url(/images/tefl-v3/common/flash-rect-save.png) no-repeat top left; padding-left:43px; line-height:1.4em; }

.list li .flash-blue {font-weight:bold;color:#FFFFFF;background:#08B7FF; margin-right:2px;padding: 0 2px;text-decoration:none;}
.list li .flash-green {font-weight:bold;color:#FFFFFF;background:#A4BF4E; margin-right:2px;padding: 0 2px;text-decoration:none;}
.list li .flash-orange {font-weight:bold;color:#FFFFFF;background:#F69800; margin-right:2px;padding: 0 2px;text-decoration:none;}
.list li .flash-purple {font-weight:bold;color:#FFFFFF;background:#AF6AC7; margin-right:2px;padding: 0 2px;text-decoration:none;}
.list li .flash-red {font-weight:bold;color:#FFFFFF;background:#FF0000; margin-right:2px;padding: 0 2px;text-decoration:none;}

.spaced-list li {padding-bottom:10px}

ol.numbered-list {margin:0 0 15px 15px;color:#666}
ol.numbered-list li {padding:2px 0 2px 25px;background-repeat:no-repeat;margin-bottom:5px}
ol.numbered-list li.list-no1 {background-image: url(/images/tefl-v3/common/bullets/blt-number-01.png)}
ol.numbered-list li.list-no2 {background-image: url(/images/tefl-v3/common/bullets/blt-number-02.png)}
ol.numbered-list li.list-no3 {background-image: url(/images/tefl-v3/common/bullets/blt-number-03.png)}
ol.numbered-list li.list-no4 {background-image: url(/images/tefl-v3/common/bullets/blt-number-04.png)}
ol.numbered-list li.list-no5 {background-image: url(/images/tefl-v3/common/bullets/blt-number-05.png)}
ol.numbered-list li.list-no6 {background-image: url(/images/tefl-v3/common/bullets/blt-number-06.png)}
ol.numbered-list li.list-no7 {background-image: url(/images/tefl-v3/common/bullets/blt-number-07.png)}
ol.numbered-list li.list-no8 {background-image: url(/images/tefl-v3/common/bullets/blt-number-08.png)}
ol.numbered-list ol li.list-no9 {background-image: url(/images/tefl-v3/common/bullets/blt-number-09.png)}

/*********************
****** LAYOUT ********
**********************/

#container {
	margin:30px auto 40px auto;
	padding-top:20px !important;
	width:960px;
}

#intro-content {
	margin:0 0 20px 0;
	padding:0 0 12px 0;
	background: url(/images/tefl-v3/backgrounds/intro-bg-end.png) no-repeat bottom left;
}
#intro-content .inner-content {
	padding:5px 10px 0 30px;
	background: url(/images/tefl-v3/backgrounds/intro-bg-top.png) no-repeat top left;
}

#intro-content .inner-content .fullwidth-half {width:400px}
#intro-content .inner-content .welcome {width:460px; margin-right:40px}
#intro-content .inner-content h1 {color:#7f8455;font-size: 2.4em;letter-spacing-1px;}
#intro-content .inner-content p {color:#999c7d;font-size:1.2em;font-weight:bold;}
/*#intro-content .inner-content strong {color:#686b50}*/


#content {float:right;width:720px;padding:0}

#content h1 { color:#71735c; font-size: 2.2em; }
#content h1 span,#content h1 strong,#content h2 strong,#content h3 strong,#content h4 strong { color:#16a8ff }

/*#content .page-top-online-tefl h1,#content .page-top-classroom-tefl h1 {width:420px}*/
#content .course-online h1,#content .course-classroom h1 {}
#content .page-top-classroom-tefl h1 span, #content .course-classroom h1 span {color:#f28506}

#content p.intro { color:#9fa285; font-size:1.4em; font-weight:bold; }
#content.content-full { width: 960px; }

.full-width-row {overflow:hidden;float:left;width:100%;padding:0 0 30px 0;}
.full-width-third, .fullwidth-third {width:30%;margin-right:5%;float:left}
.full-width-twothirds { overflow:hidden; float:left; width:65%; padding:0 0 30px 0;  }

.half { float:left; /*width:50%;*/ }
.third { float:left; width:31.9%; }

.half a:link img { border:0; }

.half-block { width:345px; margin:0 30px 30px 0;}
.third-block { margin:0 20px 30px 0; }

.fullwidth-half { float:left; width:475px; }
.fullwidth-half.welcome { padding-top:15px; }

.key-sections .fullwidth-twothirds {width:480px!important;margin-right:1px;float:left}
/*.key-sections .fullwidth-twothirds .inner-content-half { width:215px; _width:210px; margin-left:25px;_margin-left:15px; float:left; padding:10px 0 0 0; } */
.key-sections .fullwidth-twothirds .inner-content-half { float:left; width: 215px; padding:10px 0 0 20px; }
.key-sections .fullwidth-twothirds .inner-content-half h5 { font-weight:bold; padding-bottom:10px; }
.key-sections .fullwidth-twothirds .inner-content-half ul { margin-left:0; }
.key-sections .fullwidth-third { width:239px!important; margin-right:0!important;}
.key-sections .fullwidth-third .inner-content { background-color:#f5f6ec; padding:10px 15px 15px 15px;}
.key-sections a.btn-arrow { float:right; }
.key-sections .fullwidth-third .inner-content a.btn-arrow { margin-right:15px; }

.fullwidth-quarter {width:24%;margin-right:1%;float:left;}
.solid-block .inner-content {padding:20px;background-color:#ebedda}

.key-sections h4.tefl-title-top { background:url(/images/tefl-v3/homepage/text-sectiontitle-1.png) no-repeat;height:57px; margin:0; padding:0;}
.key-sections h4.jobs-title-top { background:url(/images/tefl-v3/homepage/text-sectiontitle-2.png) no-repeat;height:57px; margin:0; padding:0;}
.key-sections h4.tefl-title-top strong, .key-sections h4.jobs-title-top strong { display:block; margin-left:-5000px; }

.big-quote {padding:0 35px;font-size:1.3em;color:#96978e;background:url(/images/tefl-v3/courses/course-speech-marks.png) no-repeat top}
.big-quote em {font-size:0.8em;margin:10px 0 0 0;display:block;color:#666}

.copy-quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-style:italic;
	line-height:100%;
	color:#888;
}

/* course page restyling - including sidebar area */
.course-main { width: 480px; float:left; }
.course-sidebar { width: 230px; float:right; }

/*.other-courses h4 a {color:#94b43d;text-decoration:none;font-size:1.2em}
.other-courses h4 a:hover,.other-courses h4 a:focus,.other-courses h4 a:active {text-decoration:underline}*/


.other-courses .fullwidth-third {text-align:center}
.other-courses img {margin:auto;padding:0 0 15px}
.other-courses ul {margin:0;line-height:normal}
.other-courses ul li {display:block;padding:0;margin:0;background:none;padding:0 0 10px}

.blue-text-links a {color:#16A8FF!important}
.orange-text-links a {color:#F28506!important}

/***** Global Classes *****/
.clear         { clear:both }
.float-left    { float:left }
.float-right   { float:right }
.text-left     { text-align:left }
.text-right    { text-align:right }
.text-center   { text-align:center }
.text-justify  { text-align:justify }
.sentencecase  { text-transform:none!important }
.bold          { font-weight:bold }
.italic        { font-style:italic }
.underline     { border-bottom:1px solid }
.highlight     { background:#ffc }
.wrap          { width:960px;margin:0 auto }
.img-left      { float:left;margin:4px 15px 4px 0 }
.img-right     { float:right;margin:4px 0 4px 15px }
.nopadding     { padding:0 }
.noindent      { margin-left:0;padding-left:0 }
.nobullet      { list-style:none;list-style-image:none }
.no-padding		 { padding:0!important }
.no-r-padding  { padding-right:0!important }
.no-r-margin   { margin-right:0!important }
.no-t-margin	 { margin-top:0!important; }
.no-b-margin	 { margin-bottom:0!important; }
.no-bg				 { background: none!important; }
.nowrap			{ white-space: nowrap; }
a img          { border:0; }
.border-bottom-dashed { border-bottom:1px dashed #ccc; padding-bottom:15px;}



/* quotes */
blockquote { background: url(/images/tefl-v3/common/quote-left.png) no-repeat top left; _background: url(/images/tefl-v3/common/quote-left.gif) no-repeat top left; margin:10px 0 0; }
blockquote p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	line-height:140%;
	font-style:italic;
	font-size:1.2em;
	display:block;
	padding:10px 25px 10px 25px;
	text-align:left;
	background: url(/images/tefl-v3/common/quote-right.png) no-repeat bottom right;
	_background: url(/images/tefl-v3/common/quote-right.gif) no-repeat bottom right;
}
blockquote p.quote-credit {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:1.0em;
	line-height:100%;
	font-style:normal;
	text-align:right;
	margin:0;
	padding:0;
	background:none;
}



/* green highlighted box */
.breakout {	
	background-color:#DFF89C;
	color:#7A9D1A;
	text-transform: uppercase;
	padding:15px;
	margin:25px 0;
	font-weight:normal;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.breakout h3 {color:#7A9D1A;font-weight:normal;font-size:2.2em;letter-spacing:-1px;margin-top:5px}

div.breakout p, p.breakout {font-size:1.2em!important}

div.breakout.cta-add-to-cart {}
div.breakout.cta-add-to-cart ul:after { content:"."; display:block; height:0px; clear:both; visibility:hidden }
div.breakout.cta-add-to-cart ul {float:right;font-weight:bold;margin:0;padding:0 0 5px 0;width:340px; display:inline-block;}
* html div.breakout.cta-add-to-cart ul { height:1% }
div.breakout.cta-add-to-cart ul { display:block; }
div.breakout.cta-add-to-cart ul li {float:left;margin:0 0 0 15px;padding:0;background:none}
div.breakout.cta-add-to-cart ul li a {display:block;white-space:nowrap;width:125px}

div.breakout.cta-add-to-cart p {float:left;width:350px;margin:5px 0 0 0;font-size:1.3em!important}
div.breakout.cta-add-to-cart .cta-price-large {font-size:3.2em;font-weight:bold;letter-spacing:-2px;margin:5px 0 0 0;padding:0px!important;color:#7A9D1A;}

div.breakout.info-textpanel { background-color:#e6efff; color:#626e9c; text-align:center;}
div.breakout.info-textpanel h3 { color:#626e9c!important; font-size:1.6em }
div.breakout.info-textpanel p { margin-bottom:0; }

div.breakout.info-quotepanel { background-color:#fff6e6; color:#a79657; text-align:center;}
div.breakout.info-quotepanel h3 { color:#a79657; }
div.breakout.info-quotepanel p { margin-bottom:0; font-weight:bold;font-size:2.2em; }

/* alternate breakout styles */
div.breakout-white { background-color:#fff; border:1px solid #DFF89C; }
div.cta-add-to-cart.breakout-white p { font-size:1.2em!important; font-weight:bold; width:330px; }
div.cta-add-to-cart.breakout-white ul {width:350px}
div.cta-add-to-cart.breakout-white .cta-price-large { font-size:3em; }

div.breakout a.btn-standard { margin-top:5px; }

.breakout-tefltv { clear:both; border-top:1px dashed #94b43d; padding:6px 0 0 0; }
.breakout-tefltv p { width:280px!important; background: url(/images/tefl-v3/courses/image-assets/tefltv-icon-new.png) no-repeat left; padding: 5px 0 5px 50px; }
.breakout-tefltv p strong { font-size:1.8em; font-weight:bold; }
.breakout-tefltv .cta-price-large { color:#91b03c!important; padding:0; }

.breakout-tefltv .cta-price-large span.price-was { 
	position:relative!important;
	top:-10px;
	padding:5px 5px 3px;
	margin:0;
}
p.icon-iphone { background: url(/images/tefl-v3/courses/image-assets/icon-iphone.png) no-repeat top left; padding:10px 20px 20px 75px; }

.course-sidebar .course-buy-now h3 { margin-bottom:2px; font-size:2em; font-weight:bold; color:#94b43d; letter-spacing:-2px; text-align:center; line-height:1em; }

.course-sidebar .breakout { margin:0 0 15px 0; padding:10px 15px 5px 15px; }
.course-sidebar .breakout.cta-add-to-cart p { width:auto; text-align:center; float:none; margin:0 0 10px 0; text-transform: none;}
.course-sidebar .breakout.cta-add-to-cart ul { width:auto; float:none; display:block;}
.course-sidebar .breakout.cta-add-to-cart ul li { float:none; margin:0; padding:0; }
.course-sidebar .breakout.cta-add-to-cart ul li.cta-price-large { text-align:center; margin-bottom:5px; display:block; }
.course-sidebar .breakout.cta-add-to-cart ul li a { width:auto!important; display:block!important; float:none!important; text-align:center; }
.course-sidebar .breakout-tefltv { border:0; padding:0; }
.course-sidebar .breakout-tefltv p { width:auto!important; text-align:left!important; }
.course-sidebar .breakout .cta-price-large span.price-was {
	display:block;
	color:#a7a7a7;
	position:relative!important;
	padding:0!important;
	top:-5px!important;
	background-color:transparent!important;
	border:none!important;
	-moz-border-radius:0px!important;
}

.course-sidebar .course-reminder {
	background-color:#f4f4eb;
	padding:15px;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.course-sidebar .course-reminder p { margin:0; padding:0; }

.page-top-tefltv { background: url(/images/tefl-v3/backgrounds/tefl-tv-landing.jpg) no-repeat top right; }
/*.page-top-tefltv { background: url(/images/tefl-v3/backgrounds/tefl-videos-landing.jpg) no-repeat top right; }*/
.page-top-tefltv h1 { width: 360px; margin-bottom:10px; }
.page-top-tefltv p { width:330px; }

.tefl-tv-booknow {   -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; background-color:#f1ffca; padding:10px; margin:0 0 15px 0; }
.tefl-tv-booknow ul { margin:0; padding:0; }
.tefl-tv-booknow ul li { text-align:right; float:left; width:49%; background: none; margin:0; padding:0;}
.tefl-tv-booknow ul li.tefltv-desc { clear:left; text-align:left; font-weight:bold; line-height:1.3em; font-size:1.1em; padding:15px 0 0 0;}
.tefl-tv-booknow ul li.tefltv-desc a { color:#94b43d; }
.tefl-tv-booknow p.cta-price-large { font-weight:bold; font-size:1.8em; color:#7A9D1A; margin:0 0 3px 0; padding:0; }
.tefl-tv-booknow p.cta-price-large span.price-was { 
	position:relative!important;
	top:0px;
	padding:5px 5px 3px;
	font-size:0.9em;
	margin:0;
	background:transparent;
	padding:0;
	border:0;
	-moz-border-radius:0px
}
.tefl-tv-booknow ul.tefltv-last { margin-top:10px; padding-top:10px; border-top:1px dashed #7a9d1a; }

/* .page-top div.breakout.cta-add-to-cart { float:right; width:200px;} */


.breakout-small { clear:left; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:10px 0 10px 0; font-size:1.4em!important; }

/*homepage specific*/
.welcome-list {float:left;;width:210px;margin:10px 20px 0 0;color:#63683c;font-size:1.1em;}
.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}

#three-questions { background:url(/images/tefl-v3/backgrounds/three-questions.png) no-repeat top left; padding:0 10px 0 20px;}
#three-questions-top {background:url(/images/tefl-v3/backgrounds/three-questions-text.gif) no-repeat;height:75px;}
#three-questions-top p {display:none}
#three-questions-bottom {background:#dff89c;font-size:1.2em;}
#three-questions-bottom p {color:#7a9d1a;padding:0;margin:0}
.three-questions-text { margin:65px 0 20px 0; padding:0; color:#13607c; font-size:1.2em; }

#three-questions .fullwidth-third { width:31%;margin-right:3%;float:left; margin-bottom:0; }
#three-questions .fullwidth-third .title-block { border-top: 1px solid #78d5f7; border-bottom: 1px solid #78d5f7; background-color: #f5fcfe; }
#three-questions .fullwidth-third .title-block strong { color:#046487; }



/* image headers for top of some pages */
.page-top {overflow:hidden;margin:0 0 30px 0}

/*
.page-top.page-top-online-tefl {background: url(/images/tefl-v3/courses/image-assets/bg-online-courses.jpg) no-repeat top right}
.page-top.page-top-classroom-tefl {background: url(/images/tefl-v3/courses/image-assets/bg-classroom-courses.jpg) no-repeat top right}
*/


/* online course headers */
/*.page-top-online-40,.page-top-online-60,.page-top-online-80,.page-top-online-100 {background-repeat:no-repeat;background-position:top right;padding-right:250px}*/

/*.page-top-online-40 .intro,
.page-top-online-60 .intro,
.page-top-online-100 .intro {padding-right:150px!important} */
.page-top-online-40 .intro,
.page-top-online-60 .intro,
.page-top-online-80 .intro,
.page-top-online-100 .intro,
.page-top-online-120 .intro {padding-right:0px!important}

/*
.page-top-online-40 {background-image: url(/images/tefl-v3/courses/image-assets/bg-online-40h-v.jpg)}
.page-top-online-60 {background-image: url(/images/tefl-v3/courses/image-assets/bg-online-60h-v.jpg)}
.page-top-online-80 {background-image: url(/images/tefl-v3/courses/image-assets/bg-online-80h-v.jpg)}
.page-top-online-100 {background-image: url(/images/tefl-v3/courses/image-assets/bg-online-100h-v.jpg)} */


.course-sidebar .course-page-icon { width:230px; display:block; }
.course-sidebar .course-page-icon span { width:230px; height:220px; display:block; margin-left:-5000px; }

.page-top-online-40 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-40h-online.png) no-repeat top center; }
.page-top-online-60 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-60h-online.png) no-repeat top center; }
.page-top-online-80 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-80h-online.png) no-repeat top center; }
.page-top-online-100 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-100h-online.png) no-repeat top center; }
.page-top-online-120 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-120h-online.png) no-repeat top center; }

.course-sidebar .side-resources-pack {
	padding:2px 5px 2px 60px;
	text-transform: uppercase;
	border:1px solid #d4d4d4;
	background: url(/images/tefl-v3/courses/image-assets/icon-resources-pack.png) no-repeat left;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.course-sidebar .side-resources-pack p { padding-top:10px; }

/* classroom course headers */
/*.page-top-classroom-20,.page-top-classroom-40,.page-top-classroom-80,.page-top-classroom-120, */
.page-top-classroom-120-pti  {background-repeat:no-repeat;background-position:top right;padding-right:250px}

.page-top-classroom-20 .intro,
.page-top-classroom-40 .intro,
.page-top-classroom-80 .intro,
.page-top-classroom-120 .intro,
.page-top-classroom-140 .intro,
.page-top-classroom-120-pti .intro {padding-right:0!important}

/*.page-top-classroom-20 {background-image: url(/images/tefl-v3/courses/image-assets/bg-classroom-20h-v.jpg)}
.page-top-classroom-40 {background-image: url(/images/tefl-v3/courses/image-assets/bg-classroom-40h-v.jpg)}
.page-top-classroom-80 {background-image: url(/images/tefl-v3/courses/image-assets/bg-classroom-80h-v.jpg)}
.page-top-classroom-120 {background-image: url(/images/tefl-v3/courses/image-assets/bg-classroom-120h-v.jpg)}*/
.page-top-classroom-120-pti {background-image: url(/images/tefl-v3/courses/image-assets/bg-classroom-120h-china-v.jpg)}

.page-top-classroom-20 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-20h-weekend.png) no-repeat top center; }
.page-top-classroom-40 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-40h-weekend.png) no-repeat top center; }
.page-top-classroom-60 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-60h-weekend.png) no-repeat top center; }
.page-top-classroom-80 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-80h-weekend.png) no-repeat top center; }
.page-top-classroom-120 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-120h-weekend.png) no-repeat top center; }
.page-top-classroom-140 .course-sidebar .course-page-icon { background: url(/images/tefl-v3/courses/icons/icon-other-course-140h-weekend.png) no-repeat top center; }


/* Titles */

.title-block {
	font-size:1.75em;
	letter-spacing:-1px;
	font-weight:normal;
	display:block;
/*	border-top: 1px solid #a4b69c; */
	border-bottom: 1px solid #a4b69c;
	/*background-color: #ebedda;*/
	background-color: #f5f6ed;	
	padding:13px 18px;
	clear:left;
/*	text-transform: uppercase; */
	margin:0 0 15px 0;
}


.title-block-white {background-color: #fff;padding-left:0}
.title-block-white span {font-size:0.70em;letter-spacing:normal}

.title-block-small {font-size:1.4em;letter-spacing:normal;}

.title-block strong {color:#16a8ff}

.green-text strong {color:#94b43d!important}
.blue-text strong {color:#16A8FF!important}
.orange-text strong {color:#f28506!important}
.grey-text strong { color:#707070!important; }
.purple-text strong { color:#a55cc1!important; }

.course-classroom .title-block strong,.title-block.orange-text strong, .course-classroom h3 strong {color:#f28506!important}
.course-tefltv .title-block strong { color:#a55cc1!important; }

.online-icon h4.title-block { line-height:0.9em; font-size:1.7em; background: #fff url(/images/tefl-v3/common/titles/title-icon-online.png) no-repeat left; padding-left:63px;}
.classroom-icon h4.title-block { line-height:0.9em; font-size:1.7em; background: #fff url(/images/tefl-v3/common/titles/title-icon-classroom.png) no-repeat left; padding-left:51px; }
.jobs-icon h4.title-block { line-height:0.9em; font-size:1.7em; background: #fff url(/images/tefl-v3/common/titles/title-icon-jobs.png) no-repeat left; padding-left:53px; }
.tefltv-icon h4.title-block { line-height:0.9em; letter-spacing:-1px; font-size:1.7em; background: #fff url(/images/tefl-v3/common/titles/title-icon-tefltv.png) no-repeat left; padding-left:50px; }

.online-icon h4.title-block a, .classroom-icon h4.title-block a, .jobs-icon h4.title-block a, .tefltv-icon h4.title-block a { text-decoration: none; }
.online-icon h4.title-block a:hover strong { color:#6fc9ff!important; }
.classroom-icon h4.title-block a:hover strong { color:#fbac50!important; }
.jobs-icon h4.title-block a:hover strong { color:#b6de48!important; } 
.tefltv-icon h4.title-block a:hover strong { color:#b579cc!important; } 


h2.sub-title { font-size:1.8em; color:#7f8455; margin:0 0 15px 0; padding:0; }

/*.specialist-item .title-block {font-size:1.2em;font-weight:bold;letter-spacing:normal}*/

.half-block.course-classroom .title-block strong {color:#f28506}

.solid-block .title-block { margin-bottom:0; background-color:#cbceaf; color:#fff; }
.solid-block .title-block h3 { color:#fff; font-weight:bold!important; letter-spacing:0px; }
.solid-block .inner-content h4 { color:#94b43d; font-size:1.4em; margin-top:0px }

/* Shared content classes*/

.content-half { float:left; width:360px;}

.media-image {
	padding:17px 20px 22px 12px;
	background: url(/images/tefl-v3/common/bg-main-image.png) no-repeat top left;
}

/* newsletter signup widget */
#newsletter-widget {
	width:100%;
	background: url(/images/tefl-v3/common/footers/bg-newsletter.gif) repeat-x top left;
}
#newsletter-widget .inner-content { padding:10px 10px 10px 10px; }
#newsletter-widget .newsletter-info { float:left; width:28%; }
#newsletter-widget .newsletter-info h3 { color:#fff; font-size:1.6em; margin:0 0 3px 0!important;}
#newsletter-widget .newsletter-info p { font-weight:bold; color:#000; font-size:1.2em; }
#newsletter-widget form, #newsletter-load, #newsletter-success { float:left; width:55%; padding:5px 0 0 0;}
#newsletter-widget form div { float:left; width:140px; }
#newsletter-widget form label { display:block; width:120px; color:#fff; padding:0!important; margin:0!important; }
#newsletter-widget form label.text { padding:0!important; margin:0!important; }
#newsletter-widget form label em { font-weight:bold; color: red; font-size:1.4em; padding:0!important; margin:0!important; }
#newsletter-widget form label span {  padding:0!important; margin:0!important; }
#newsletter-widget form input { width:120px; float:left; border:2px solid #0978b9; }
#newsletter-widget form input.submit { border:0; width:auto; float:left; margin:15px 0 0 0; }
#newsletter-widget .newsletter-close { padding:0 10px 0 0; text-align:right; float:right; width:14%; }
#newsletter-widget .newsletter-close a { display:inline-block; color:#fff; padding:5px 26px 5px 0;}
#newsletter-widget .newsletter-close a.newsletter-widget-close { background: url(/images/tefl-v3/common/footers/btn-close.gif) no-repeat right; margin:0 0 5px 0;}
#newsletter-widget .newsletter-close div.newsletter-widget-deshow a { background: url(/images/tefl-v3/common/footers/btn-deshow.gif) no-repeat right; }
#newsletter-widget .newsletter-close a:hover { text-decoration: none; }
#newsletter-widget #newsletter-load p, #newsletter-widget #newsletter-success p { display:block; color:#fff; }
#newsletter-widget #newsletter-load p span, #newsletter-widget #newsletter-success { font-weight:bold; font-size:1.5em; padding:10px 0 0 0;}
#newsletter-widget #newsletter-load p img { float:left; margin-right:15px; }

#set-location {float:right;width:145px}
#set-location p {float:left;font-weight:bold}
#set-location form {float:right;position:relative;top:-3px}

/* Standard button styles */

a.btn {
	display:inline-block;
	position:relative;
	color:#fff!important;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	padding: 7px 25px 7px 15px;
	background-image: url(/images/tefl-v3/common/buttons/btn-arw-white.png);
	_background-image: url(/images/tefl-v3/common/buttons/btn-arw-white.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color:#94b43d;
}

a.btn:hover { background-color:#769522; }

a.btn-small {
	display:inline-block;
	position:relative;
	padding:2px 4px;
	color:#fff!important;
	background-color:#94b43d;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	/*float:left;*/
}

a.btn-standard {
	display:inline-block;
	position:relative;
	color:#fff!important;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	padding: 7px 25px 7px 10px;
	background-image: url(/images/tefl-v3/common/buttons/btn-arw-white.png);
	_background-image: url(/images/tefl-v3/common/buttons/btn-arw-white.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color:#94b43d;
}

a.btn-standard em { font-size:0.8em; letter-spacing:-1px; font-weight:normal; font-style:normal;}

a.btn-large {
	display:inline-block;
	position:relative;
	padding:15px 55px 15px 10px!important;
	color:#fff!important;
	text-decoration:none;
	font-size:1.6em;
	letter-spacing:-1px;
	font-weight:bold;
}

/* small rounded corners for buttons */
a.btn-small .tl,a.btn-small .tr,a.btn-small .br,a.btn-small .bl {position:absolute;width:3px;height:3px;background:url(/images/tefl-v3/common/corners/corners-small-white.png) no-repeat}
#secondary-nav li .tl,#secondary-nav li .tr,#secondary-nav li .br,#secondary-nav li .bl {position:absolute;width:3px;height:3px;background:url(/images/tefl-v3/common/corners/corners-small-white.png) no-repeat}

/* medium rounded corners for standard buttons */
a.btn-standard .tl,a.btn-standard .tr,a.btn-standard .br,a.btn-standard .bl {position:absolute;width:5px;height:5px;background:url(/images/tefl-v3/common/corners/corners-medium-white.png) no-repeat;padding:0;}
.side-taster .content-inner .otl,.side-taster .content-inner .otr,.side-taster .content-inner .obr,.side-taster .content-inner .obl {position:absolute;width:5px;height:5px;background:url(/images/tefl-v3/common/corners/corners-medium-white.png) no-repeat;padding:0;}

/* large rounded corners for standard buttons */
a.btn-large .tl,a.btn-large .tr,a.btn-large .br,a.btn-large .bl {position:absolute;width:10px;height:10px;background:url(/images/tefl-v3/common/corners/corners-medium-white.png) no-repeat;padding:0;}

a.btn-grey-bg .tl,a.btn-grey-bg .tr,a.btn-grey-bg .br,a.btn-grey-bg .bl {position:absolute;width:10px;height:10px;background:url(/images/tefl-v3/common/corners/corners-medium-grey.png) no-repeat;padding:0;}

a .tl, .otl {top:0;left:0;background-position:top left!important}
a .tr, .otr {top:0;right:0;background-position:top right!important}
a .br, .obr {bottom:0;right:0;background-position:bottom right!important}
a .bl, .obl {bottom:0;left:0;background-position:bottom left!important}



/* alternate button corner colours, dependant on their containing div */
.breakout a.btn-large .tl, .breakout a.btn-large .tr, .breakout a.btn-large .br, .breakout a.btn-large .bl {background-image:url(/images/tefl-v3/common/corners/corners-large-dff89c.png)}
.breakout-white a.btn-large .tl, .breakout-white a.btn-large .tr, .breakout-white a.btn-large .br, .breakout-white a.btn-large .bl {background-image:url(/images/tefl-v3/common/corners/corners-medium-white.png)}
.side-buy-now a.btn-large .tl, .side-buy-now a.btn-large .tr, .side-buy-now a.btn-large .br, .side-buy-now a.btn-large .bl {background-image:url(/images/tefl-v3/common/corners/corners-large-dff89c.png)} 
.solid-block a.btn-standard .tl, .solid-block a.btn-standard .tr, .solid-block a.btn-standard .br, .solid-block a.btn-standard .bl,
#map-links a.btn-standard .tl, #map-links a.btn-standard .tr, #map-links a.btn-standard .br, #map-links a.btn-standard .bl,
.spotlight-cta a.btn-standard .tl, .spotlight-cta a.btn-standard .tr, .spotlight-cta a.btn-standard .br, .spotlight-cta a.btn-standard .bl,
.side-taster a.btn-standard .tl, .side-taster a.btn-standard .tr, .side-taster a.btn-standard .br, .side-taster a.btn-standard .bl {background-image:url(/images/tefl-v3/common/corners/corners-medium-ebedda.png)} 

/* button colours */
a.btn-grey {background-color:#bababa}
a.btn-grey:hover,a.btn-grey:focus,a.btn-grey:active {background-color:#959595}

a.btn-learn { background-color:#969696; }
a.btn-learn:hover,a.btn-learn:focus,a.btn-learn:active {background-color:#b3b4b3}

a.btn-green {background-color:#94b43d}
a.btn-green:hover,a.btn-green:focus,a.btn-green:active {background-color:#b6de48}

a.btn-blue {background-color:#16a8ff}
a.btn-blue:hover,a.btn-blue:focus,a.btn-blue:active {background-color:#6fc9ff}
a.btn-blue-active {background-color:#2e729a!important}

a.btn-pink {background-color:#e62549}
a.btn-pink:hover,a.btn-pink:focus,a.btn-pink:active {background-color:#ff5474}

a.btn-orange {background-color:#f28506}
a.btn-orange:hover,a.btn-orange:focus,a.btn-orange:active {background-color:#fbac50}

a.btn-yellow {background-color:#dcb606}
a.btn-yellow:hover,a.btn-yellow:focus,a.btn-yellow:active {background-color:#efcf3c}

a.btn-purple {background-color:#9d50ba}
a.btn-purple:hover,a.btn-purple:focus,a.btn-purple:active {background-color:#b579cc}




/* button icons */
a.btn-add-to-cart {
	text-align:center!important;
	padding:7px 17px 7px 18px; 
	/*border:1px solid #b20404; */
	background:#f28506 url(/images/tefl-v3/common/buttons/btn-addtocart.png) repeat-x top left;
/*	background-color:#f28506;
	background-image: none;
	background-image:url(../images/tefl-v3/common/buttons/btn-icon-plus.png);
	_background-image:url(../images/tefl-v3/common/buttons/btn-icon-plus.gif);
	background-position:center right;
	background-repeat:no-repeat; */
	-moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
a.btn-add-to-cart:hover { background:#f28506 url(/images/tefl-v3/common/buttons/btn-addtocart-ov.png) repeat-x top left; }

/*ie6*/ a.btn-add-to-cart {/*_background-image:url(/images/tefl-v3/common/buttons/btn-icon-plus.gif)*/ _background:#f28506 url(/images/tefl-v3/common/buttons/btn-addtocart.png) repeat-x top left;}
a.btn-large.btn-add-to-cart{padding-right:55px; text-align:left!important; background-position:center right; background-repeat:no-repeat; background-image:url(/images/tefl-v3/common/buttons/btn-icon-plus-large.png);_background-image:url(/images/tefl-v3/common/buttons/btn-icon-plus-large.gif)}
a.btn-arrow {padding-right:25px;background-image:url(/images/tefl-v3/common/buttons/btn-arw-white.png);_background-image:url(/images/tefl-v3/common/buttons/btn-arw-white.gif);background-position:center right;background-repeat:no-repeat}
a.btn-info {padding-right:27px!important;background-image:url(/images/tefl-v3/common/buttons/btn-icon-i.png);_background-image:url(../images/common/buttons/btn-icon-i.gif)}
a.btn-download {padding-right:27px;background-image:url(/images/tefl-v3/common/buttons/btn-icon-arrow-down.png);_background-image:url(../images/common/buttons/btn-icon-arrow-down.gif)}




/* MEDIA PLAYER */
#mediaplayer-container {margin-top:20px}
div#mediaplayer, div#mediaplayer-btm {background: #eeeeee; text-align: center;  }
div#mediaplayer span, div#mediaplayer-btm span {display:block; padding-top: 105px;}
/*#mediaplayer-container {
	width:392px;
	height:244px;
	padding:20px 0 0 14px;
	margin:0 0 0 60px;
	background: url(/images/tefl-v3/common/bg-mediaplayer.jpg) no-repeat top left;
} */

/* Tabbed elements */

.tabs-full .ui-tabs-panel {
	border: 1px solid #cacaca;
	font-size:0.8em;
}

/* google maps popup comment boxes */
.gmnoprint .gmnoprint {  }
.gmnoprint .gmnoprint h3 { margin:0; padding:0 0 5px 0; }
.gmnoprint .gmnoprint p { margin-bottom:0!important; padding-bottom:0!important; }
.gmnoprint .gmnoprint div, .gmnoprint .gmnoprint div div { padding-bottom:0!important; margin-bottom:0!important; }


/*
============================================================================
HOMEPAGE SPECIFIC
============================================================================
*/

#content.page-home .fullwidth-third.online-icon ul,
#content.page-home .fullwidth-third.classroom-icon ul,
#content.page-home .fullwidth-third.jobs-icon ul,
#content.page-home .fullwidth-third.tefltv-icon ul { margin-left:5px; margin-right:0; }

#content.page-home .fullwidth-quarter .inner-content { min-height:230px; height:auto!important; height:230px; }
#content.page-home .fullwidth-quarter a.btn-standard { }

#content.page-home .fullwidth-quarter.online-icon ul,
#content.page-home .fullwidth-quarter.classroom-icon ul,
#content.page-home .fullwidth-quarter.jobs-icon ul,
#content.page-home .fullwidth-quarter.tefltv-icon ul { margin-left:0px; margin-right:0; }

#content.page-home .fullwidth-quarter.online-icon ul li,
#content.page-home .fullwidth-quarter.classroom-icon ul li,
#content.page-home .fullwidth-quarter.jobs-icon ul li,
#content.page-home .fullwidth-quarter.tefltv-icon ul li { padding-left:15px; margin-bottom:5px; }

#content.page-home .fullwidth-third.online-icon, .page-home .half-block.online-icon { position:relative; 	}


/*
============================================================================
COURSE PAGES
============================================================================
*/

/* tabs on the course detail pages */
#course-tabs {
	overflow:hidden;
	font-size:1em;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
	margin:0 0 20px 0;
	background:url(/images/tefl-v3/courses/course-tabs-line.png) repeat-x bottom
}

#course-tabs li {float:left;margin:0 2px 0 0;padding:0;background:none}
#course-tabs li a {
	display:block;
	position:relative;
	color:#c1c4ae;
	text-decoration:none;
	background:#ebedda url(/images/tefl-v3/courses/course-tabs-line.png) repeat-x bottom;
	/*padding:12px 12px 8px 12px;*/
	padding:8px 8px 6px;
}

#course-tabs li a:hover,#course-tabs li a:focus,#course-tabs li a:active {background-color:#16a8ff;	color:#fff}
#course-tabs.course-classroom-tabs li a:hover,#course-tabs.course-classroom-tabs li a:focus,#course-tabs.course-classroom-tabs li a:active {background-color:#f28506}

#course-tabs li.tab-course-active a {
	padding:6px;
	background:#fff!important;
	color:#74775c!important;
	border:2px solid #a9ac93;
	border-bottom:none;
	top:0px;
	cursor:default;
}

#tab-course-details {}
#tab-course-features {}
#tab-course-venue {}

/* course item layout */
.item-container {overflow:hidden}
.item-container-row {padding:1px 0;_padding-bottom:20px;}

.item-title-block {font-size:1.2em;font-weight:bold;letter-spacing:normal;line-height:1.0em;margin-bottom:15px;background-repeat:no-repeat;padding-top:17px;padding-bottom:17px}

.item-title-block strong {font-weight:bold}

.s-item {margin-bottom:20px}
.course-item { position:relative; }
#content .course-item-l {float:left;width:180px}
#content .course-item-r {float:right;width:150px;text-align:right;margin:0;padding:0;}
#content .course-item-r li {overflow:hidden; margin:0;padding:0;padding:5px 0 0 0;background:none!important;}
#content .course-item-r .btn-standard {width:90px;text-align:left;margin:0; float:right; display:block;}

.course-item-r strong {color:#16a8ff;font-size:2.1em;letter-spacing:-2px}
.course-item-r em {color:#16a8ff;font-size:1.2em;font-weight:bold;font-style:normal}
.course-classroom .course-item-r strong {color:#f28506}

#content .full-block .course-item-l { width:500px; }

/*.course-item h3 {}*/

.course-item.online-40 h3,.course-item.online-60 h3,.course-item.online-80 h3,.course-item.online-100 h3, .course-item.online-120 h3 {background-image:url(/images/tefl-v3/courses/headers/icons-courses-online.png)}
.course-item.classroom-20 h3,.course-item.classroom-40 h3,.course-item.classroom-60 h3,.course-item.classroom-80 h3,.course-item.classroom-120 h3, .course-item.classroom-140 h3  {background-image:url(/images/tefl-v3/courses/headers/icons-courses-classroom.png)}

.course-item.online-40 h3 {background-position:15px 5px}
.course-item.online-60 h3 {background-position:15px -145px}
.course-item.online-80 h3 {background-position:15px -295px}
.course-item.online-100 h3 {background-position:15px -445px}
.course-item.online-120 h3 {background-position:15px -595px}

.course-item.classroom-20 h3 {background-position:15px 5px}
.course-item.classroom-40 h3 {background-position:15px -145px}
.course-item.classroom-60 h3 {background-position:15px -295px}
/*.course-item.classroom-80 h3 {background-position:15px -295px}*/
.course-item.classroom-120 h3 {background-position:15px -445px}
.course-item.classroom-140 h3 {background-position:15px -595px}

.specialist-item h3 {background-image:url(/images/tefl-v3/courses/icons/icon-rosette.png);background-repeat: no-repeat;background-position: 15px 5px;}

.course-new-ribbon { position:absolute; top:0; left:0; display:block; width:41px; height:41px; background: url(/images/tefl-v3/courses/headers/new-corner.gif) no-repeat top left; }
.course-new-ribbon span { display:block; width:41px; height:41px; margin-left:-5000px; }

/* PRICING */

span.price-was, span.wasPrice { font-size:0.6em; text-decoration: line-through; color:#a7a7a7; display:block;letter-spacing:-1px}

.course-item-r strong {}
.course-item-r li p.item-price { display:block;  margin:0; padding:0 2px 0 0; line-height:1.8em }

.cta-price-large {position:relative}
.cta-price-large span.price-was, .cta-price-large span.wasPrice { 
	position:absolute;
	top:-30px;
	font-size:0.4em;
	color:#668513;
	background:#effbd0;
	padding:5px 5px 3px;
	border-right:1px solid #b9ce82;
	border-bottom:1px solid #b9ce82;
	-moz-border-radius:5px
}



/* large rounded corners for course tabs */
#course-tabs .tl,#course-tabs .tr {position:absolute;width:10px;height:10px;background:url(/images/tefl-v3/common/corners/corners-course-tabs.png) no-repeat;padding:0;}
#course-tabs .tab-course-active .tl,#course-tabs .tab-course-active .tr {background:url(/images/tefl-v3/common/corners/corners-course-tabs-outline.png) no-repeat;}
#course-tabs .tab-course-active .tl {top:-2px;left:-2px;background-position:top left!important}
#course-tabs .tab-course-active .tr {top:-2px;right:-2px;background-position:top right!important}



/* TEFL Learn Panel - On TEFL courses main landing page */

#tefl-learn-panel {
	width:100%;
	background-color:#a1a78e;
}
#tefl-learn-panel .inner-content {
	width:960px;
	margin:0 auto 0 auto;
}
#tefl-learn-panel h4 {
	float:left;
	color:#fff;
	margin:0 0 10px 0;
	padding:0;
	text-transform: uppercase;
	background: #555d4c url(/images/tefl-v3/courses/learn-panel-title-left.gif) no-repeat bottom left;
}
#tefl-learn-panel h4 span { display:block; padding:10px; background: transparent url(/images/tefl-v3/courses/learn-panel-title-right.gif) no-repeat bottom right; }
#tefl-learn-panel .learn-links { clear:left; padding:10px; background-color:#90967f; }
#tefl-learn-panel .learn-links .learn-panel {
	float:left;
	width:240px;
	margin-right:15px;
}
#tefl-learn-panel .learn-links .learn-panel-long {
	width:320px;
}
#tefl-learn-panel .learn-links h5 {
	font-size:1.2em;
	color: #545c4d;
	font-weight:bold;
	text-transform: uppercase;
	margin:0 0 8px 0;
}

#tefl-learn-panel .learn-links a { font-weight:bold; color:#fff; }
#tefl-learn-panel .learn-links p { color:#fff; }
#tefl-learn-panel .learn-links ul { margin-bottom:10px; }
#tefl-learn-panel .learn-links ul li {
	padding:2px 0 2px 10px;
	background: url(/images/tefl-v3/common/arw-small-white.png) no-repeat left;
	_background: url(/images/tefl-v3/common/arw-small-white.gif) no-repeat left;
}



/* compare courses */
.table {
	border-left:1px solid #ebebeb;
	border-top:1px solid #a4b69c;
}

.table td,.table th {
	padding:1px 5px;
	text-align:center;
	background:#fff;
	border-right:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
}
.table th {
	background:#EBEDDA;
	border-bottom:1px solid #a4b69c;
	border-right:1px solid #d4d6c2;
	text-transform:uppercase;
	font-size:1.2em;
	color:#454545;
	padding:5px;
	vertical-align:bottom;
}
.table th strong {color:#16a8ff}


.table th.compare-table-features {
	text-align:left;
	font-weight:bold;
}
.table td.compare-table-features {
	text-align:left;
	font-weight:bold;
	font-size:0.9em;
	vertical-align:middle;
}
.table td.compare-table-price {
	font-size:2.0em;
	letter-spacing:-1px;
	font-weight:bold;
	color:#FF6600;
	vertical-align:bottom;
}
.table tr.compare-table-book td {
	border:0;
}
/* online colors */
.table td.highlight-column {background:#e3f4ff;border-bottom-color:#ceedff;border-right:none}
.table th.highlight-column {background:#78c6f6;color:#fff;border-right:none}
.table th.highlight-column strong {color:#fff}
.table td.highlight-column.compare-table-price {color:#88a830}

/* classroom colors */
.table.classroom-tefl td.highlight-column {background:#fdebd5;border-bottom-color:#ceedff;border-right:none}
.table.classroom-tefl th.highlight-column {background:#f28506;color:#fff;border-right:none}
.table.classroom-tefl th strong {color:#f28506}
.table.classroom-tefl th.highlight-column strong {color:#fff}
.table.classroom-tefl td.highlight-column.compare-table-price {color:#88a830}

.table.compare-buttons { border:0; margin-top:10px; }
.table.compare-buttons td { border:0; }
.table.compare-buttons td a.btn-standard { padding: 7px 15px 7px 15px!important; font-size:0.9em; text-align: center; }

/* Late availability table */

table.lad-table { margin-bottom:10px; }
table.lad-table th { padding:5px; font-size:1.4em; }
table.lad-table td { padding:5px; }

.icon-availability-low span, p.icon-availability-low { background: url(/images/tefl-v3/image-assets/icon-availability-low.png) no-repeat left; padding:0 0 0 15px; }
.icon-availability-high span, p.icon-availability-high { background: url(/images/tefl-v3/image-assets/icon-availability-high.png) no-repeat left; padding:0 0 0 15px; }
.icon-availability-none span, p.icon-availability-none { background: url(/images/tefl-v3/image-assets/icon-availability-none.png) no-repeat left; padding:0 0 0 15px; }

div.courseKey.lad-page { float:none; margin-bottom:10px; width:712px;}
div.courseKey.lad-page span { margin:0; padding:0; float:right;}
div.courseKey.lad-page .courseKey-icons { float:left; }




/*
============================================================================
VENUE FINDER
============================================================================
*/

.ui-dialog {
/*	width:760px!important;
	height:650px; */
	border:1px solid #000;
}
.venueFinder { background-color:#fff!important; }
.venueFinder h3 { color: #616255; margin-top:0; }

.ui-widget-content { border: 1px solid #dddddd; background-color: #fff!important; }

.venueSearch {
	float:left;
	width:180px!important;
	background-color:#fff!important;
	margin-right:15px;
}
.venueSearch form select {
	width:180px;
	margin:0 0 10px 0;
}
.venueSearch form input#btn_submit_query {
	width:auto;
}

.venueResults { padding:0; margin:0;}

#venueResultsBox {
/*	float:left; */
	position:relative;
	width:568px;
	height:370px;
	overflow:auto;
	background-color:#fff;
	padding:5px;
	border:1px solid #cccccc;
}
.venueResultsRow {
/*	background-color:#f00; */
	position:relative;
	padding:3px;
	border-top:1px dashed #ccc;
}
.venueResultsRow:hover { background-color:#f3f3f1; }
.venueResultsRow a.btnBook {
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	padding:4px 23px 4px 4px!important;
	color:#fff;
	background-color:#94b43d;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
}
.venueResultsRow a.btnBook:hover,.venueResultsRow a.btnBook:focus,.venueResultsRow a.btnBook:active {background-color:#b6de48}
.venueResultsRow p.course-location-title {
	width:450px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.venueResultsRow p.course-location-address {
	width:470px;
	margin:0;
	padding:0;
}

/* layout for placement pages etc with 3rd column */

.content-col-l {float:left;width:480px}
.content-col-r {float:right;width:210px}

.content-col-l-item {padding:0 0 50px 0}
.content-col-l-item.note {background:#F1FFCA;padding:20px 20px 10px 20px;font-size:0.9em;border-bottom:30px solid #fff}
.content-col-l img.intro-image {width:50%;float:right;margin:0 0 20px 20px}
.content-col-l .list {font-size:1.2em;margin-top:15px;margin-bottom:30px;color:#888}

ol ul.list {margin-top:7px!important;margin-bottom:0!important}
ol ul.list li {padding:0 0 0 15px}

img.intro-image {width:50%;float:right;margin:0 0 20px 20px}


/* testimonials block */
.testimonials {}
.testimonials-mugshot-small {float:right;margin:0 0 10px 15px;border:1px solid #c3c6ac;padding:5px 5px 10px;background:#fff}

.testimonials blockquote {margin-top:0; margin-bottom:10px; }
.testimonials blockquote p {color:#777;padding:20px 0 10px 0}
.testimonials blockquote p.quote-credit {padding:0}
.testimonials a.testimonial-video-link {
	text-align:right;
	font-weight:bold;
	padding:9px 40px 8px 25px;
	display:block;
	color:#fff;
	background: url(/images/tefl-v3/image-assets/bg-video-button.gif) no-repeat top left;
}



/* tutor pages */

#tutor-profile-links {float:left;width:100%;margin:50px 0;font-weight:bold;list-style:none}
#tutor-profile-links li {float:left;width:18%;text-align:center;margin:0 2% 0 0;height:165px;padding:0}
#tutor-profile-links a {text-decoration:none}
#tutor-profile-links a:hover {text-decoration:underline}
#tutor-profile-links a img {border:none;margin:0}

#tutor-profile h3 {color:#16A8FF}



/*
============================================================================
BOOKMARKS PANEL - Digg, del.icio.us etc
============================================================================
*/
#tipBookmarks {margin-left:15px;cursor:pointer;color:#fff;font-style:italic;border-bottom:1px dashed #fff}
#tipBookmarks:hover {border-bottom:1px solid #fff}
#tipBookmarks p {margin:0;padding:0}
#bookmarks p #tipBookmarks { #000; }
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #fff;
	background:#fff url(/images/tefl-v3/common/icon-tooltip-info.png) no-repeat 10px 15px;
	color:#111;
	opacity: 0.93;
	filter: alpha(opacity = 93);
	-moz-border-radius:4px;
	width:220px;
	padding:15px 15px 15px 40px;
}
#tooltip h3, #tooltip div {margin:0}

/** box custom layout **/
#tooltip.pretty {}
#tooltip.pretty h3 {}
#tooltip.pretty div {}
#tooltip.fancy {}
#tooltip.fancy.viewport-right {}


/*
============================================================================
TEFL SHOP ITEMS (Accessories etc)
============================================================================
*/

.shop-item { margin:0 0 20px 0; }
.shop-item .shop-item-img { float:left; width:120px; }
.shop-item .inner-content { float:left; width: 600px; }
.shop-item .inner-content h3 { position:relative; font-weight:bold; font-size:1.4em; padding:10px 100px 10px 10px;}
.shop-item .inner-content h3 a.btn-standard { position:absolute; top:4px; right:5px; font-size:0.9em; }
.shop-item .panel-info { clear:both; }
.shop-item .inner-content p.textDesc { float:left; width:470px; }
.shop-item .panel-info p.textDesc { width:600px; }
.shop-item .shop-item-price { float:right; width:120px; text-align:right; }
.shop-item .shop-item-price p { font-weight:bold; font-size:1.4em; color:#7a9d1a; }
.shop-item .shop-item-price p span { font-weight:normal; font-size:0.8em; color:#4c4c4c; padding-right:5px; }
.shop-item .inner-content a.panel-expand { clear:both; }


/* SPOTLIGHT CONTENT AREAS */

#spotlight {float:left;margin:0 0 30px 0; }
#spotlight-inner {background:#f5f6ec;color:#73755d;padding:20px 20px 1px 20px;float:left}

#spotlight .title-block {
	background:#cbceaf;
	color:#86896d;
	letter-spacing:normal;
	font-size:1.0em;
	padding-right:50%;
	_padding-right:0;
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:0;
	_margin:0;
}
#spotlight .title-block strong {
	color:#fff;
	font-size:2.2em;
	letter-spacing:-1px;
	font-weight:normal;
	position:relative;
	top:-5px;
}

.spotlight-row  {padding:0 0 20px 0;width:100%}
.spotlight-l  {float:left;width:48%}
.spotlight-r {float:right;width:48% position:relative;}
.spotlight-cta {
	background:#ebedda;
	padding:20px;
	font-size:1.1em;
	color:#676b65;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#spotlight-gallery {
	display:block;
	position:relative;
	background:#fff;
	border:1px solid #b3b791;
	padding:11px 11px 20px;
	margin-top:-70px;
	margin-bottom:10px;
}
#spotlight-gallery img {position:relative; width:100%;margin:0 0 10px 0; display:block;}
.spotlight-gallery-caption {font-size:0.9em;font-style:italic;color:#aaac92}

#spotlight-contact strong {color:#e62549;font-size:2.5em;font-weight:normal;letter-spacing:-2px}
#spotlight-contact a {color:#e62549}
.spotlight-intro {font-size:1.3em}


/* Smaller Spotlight panel ovverrides */
.spotlight-compact .title-block {
	background-color:transparent!important;
	font-size:1em;
	padding-left:0;
	padding-right:220px!important;
	_padding-right:0!important;
}
.spotlight-compact .title-block strong {
	display:block;
	_padding-right:200px;
	color:#73755d!important;
	font-size:1.8em!important;
	letter-spacing:-1px;
	font-weight:normal;
	position:relative;
	top:-5px;
}
.spotlight-compact .spotlight-l  {float:left;width:72%!important; padding-right:10px; }
.spotlight-compact .spotlight-r  {float:left;width:26%}
.spotlight-compact .spotlight-r a.btn-standard {  }
.spotlight-compact #spotlight-gallery { position:relative; padding-bottom:10px; }
.spotlight-compact #spotlight-gallery img {position:relative; display:block; width:100%; margin-bottom:0}
.spotlight-compact .spotlight-row  {padding:0 0 5px 0;}

/*
============================================================================
NEW (DEC '09) SPOTLIGHT PANEL, AS SEEN ON THE HOMEPAGE
============================================================================
*/

#spotlight-new {background:url(/images/tefl-v3/spotlights/spotlight-header-bar.jpg) no-repeat top left; float:left;width:100%;margin:0 0 40px;position:relative;}
#spotlight-new-inner {background:url(/images/tefl-v3/spotlights/spotlight-polaroids-china.jpg) no-repeat top right;padding:75px 0 1px; position:relative;}
#spotlight-new h3 {display:none}
#spotlight-new h2 {text-transform:uppercase;color:#494d3d;margin:0 0 10px;font-size:180%}
#spotlight-new-inner p { width:440px; }
#spotlight-new-inner p.spotlight-last { width:300px!important;}
#spotlight-new ul li {margin:0;background:url(/images/tefl-v3/common/bullets/blt-arrow-blue.gif) 0 4px no-repeat;padding:0 0 0 13px}
ul#spotlight-new-buttons {margin:20px 0}
ul#spotlight-new-buttons li {padding:0 5px 0 0;background:none;display:inline}

li#spotlight-new-prices-from span {display:none}
li#spotlight-new-prices-from {position:relative;text-align:center;color:#18b5ff;letter-spacing:-1px;font-size:250%;background:url(/images/tefl-v3/spotlights/spotlight-prices-from-arrow.gif) no-repeat top center!important;padding:80px 0 0 10px!important;bottom:-5px;font-weight:bold}


/*TEFL CHALKBOARD PANEL on HOMEPAGE*/
#tefl-chalkboard-panel {clear:both;margin:0 0 30px;float:left;width:100%}
#tcp-intro {background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-updates.jpg);width:720px;height:78px}
#tcp-intro h3,#tcp-intro p {display:none}

.tcp-col {float:left;width:33%;padding:0 0 30px 0;position:relative}
.tcp-col ul {margin:0 5px 0 15px;line-height:130%}
.tcp-col ul p {line-height:110%;color:#6e745b;font-size:90%}
.tcp-col ul li {padding:0;background:none;margin-bottom:15px}

.tcp-col h4 {background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-panel-bg.png);text-transform:uppercase;font-size:140%;margin:15px 15px 0 15px;padding:21px 0 20px;color:#6e745b}
.tcp-news h4 {background-position:-15px 0px}
.tcp-journals h4 {background-position:-274px 0px}
.tcp-discussions h4 {background-position:-512px 0px}

.tcp-col h4 span {display:none}

.tcp-col a {font-weight:bold;}
.tcp-news a {color:#bbbd0b}
.tcp-journals a {color:#9fb717}
.tcp-discussions a {color:#57b717}

.tcp-col .btn-standard {position:absolute;bottom:25px;left:15px}

.tcp-date {color:#92997e!important;font-size:80%;margin:6px 0 3px}


/*TEFL CHALKBOARD BANNER*/
#tefl-chalkboard-banner {background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-banner.jpg) no-repeat;float:left;clear:both;padding:0 0 35px;width:100%}
#tefl-chalkboard-banner h3 {display:none}
#tefl-chalkboard-banner p {margin:105px 380px 15px 15px;color:#fff;font-size:90%;font-weight:bold}
#tefl-chalkboard-banner a {display:block;width:103px;height:27px;margin:0 0 0 15px;background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-banner-btn.png);_background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-banner-btn.gif)}
#tefl-chalkboard-banner a:hover {background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-banner-btn-over.png);_background:url(/images/tefl-v3/tefl-chalkboard/tefl-chalkboard-banner-btn-over.gif)}
#tefl-chalkboard-banner a span {display:none}

/* PRICE MATCH BUTTON */

.price-match {
	width: 130px;
	height: 102px;
	/* background: transparent url(/promo/2011/08/offer-ribbon-uk-aug26.png) no-repeat top left;
	_background:transparent url(/promo/2011/08/offer-ribbon-uk-aug26-8.png) no-repeat top left; */
	background: transparent url(/images/tefl-v3/image-assets/price-match/price-match-button.png) no-repeat top center;
	_background:transparent url(/images/tefl-v3/image-assets/price-match/price-match-button-8.png) no-repeat top center;
	text-indent: -9999px;
	display: inline-block;
	/* float:left; */
	}
#home-intro .price-match {
	position: absolute;
	top: 15px; /* 24 */
	z-index: 999;
	margin-left: 16px; /* 22 */
	float :none;
	}
.promo-inner-panel .price-match {
	width: 100%;
	margin: 15px auto;
}
#panel-combined-courses .promo-inner-panel .price-match {
/* _background:transparent url(/images/image-assets/price-match/price-match-button-8.png) no-repeat top center; */
}
#panel-online-courses .promo-inner-panel .price-match {
/* _background:transparent url(/images/image-assets/price-match/price-match-button-8.png) no-repeat top center; */
}
.course-sidebar .price-match {
	width: 100%;
	margin: 15px auto 25px auto;
	background: transparent url(/images/tefl-v3/image-assets/price-match/price-match-wide.png) no-repeat top center;
	float: left;
}

.sidebar .price-match {
	width: 100%;
	margin: 0 auto 20px auto;
	background: transparent url(/images/tefl-v3/image-assets/price-match/price-match-wide.png) no-repeat 8px 5px;
	clear: both;
	display: block;	
	height: 110px;
}

/*
============================================================================
VIDEO PLAYER - LIGHTBOX JOBBY
============================================================================
*/

.ui-dialog, .ui-widget, .ui-widget-content, .ui-corner-all, .ui-draggable { border:0; }
.video-player.ui-dialog-content, .video-player.ui-widget-content { padding:0; }
.video-player {
	width:460px;
	padding: 0 0 62px 0!important;
	background: transparent url(/images/tefl-v3/backgrounds/bg-videoplayer-tv-end.png) no-repeat bottom left!important;
}
.video-player .content-inner {
	padding:31px 0 0 31px;
	background: url(/images/tefl-v3/backgrounds/bg-videoplayer-tv-top.png) no-repeat top left;
}

/* Accreditation Page Logos etc */
.tefl-accreditation { margin-bottom:25px;}
.tefl-accreditation img { float:left; margin:0 15px 10px 0; }
.tefl-accreditation h3 { margin:0; padding:0; }
.tefl-accreditation .inner-content { float:left; width:475px; }

/*
============================================================================
jQuery Gallery implemetation
============================================================================
*/

.gallery-medium {

}
#gallery-view span.panel-overlay { padding:0 0 0 5px; font-size:1em; }
.gallery-right { float:right; margin:0 0 15px 15px; }
ul.filmstrip li { background-image:none; }


/* Generic Backgrounds */

.content-full #bg-thank-you {
	min-height: 570px;
	height: auto !important;
	height: 570px;
	padding:15px 565px 80px 0;
	background: url(/images/tefl-v3/common/thanks-image.jpg) no-repeat top right;
}


/* TEFL MAIN PAGE OVERRIDE */

#container.olt-landing { width:100%; margin:0; padding:0 0 60px 0; background-color:#fff; }
#container.olt-landing #intro-content { min-height:440px; height:auto!important; height:440px; width:100%; background: #5eabd7 url(/images/tefl-v3/backgrounds/bg-tefl-landing.jpg) no-repeat bottom; }
#container.olt-landing #intro-content .inner-content { position:relative; width:980px; margin:0 auto 0 auto; background:none; padding: 45px 0 120px 0; }
#container.olt-landing h1 { color:#fff; width:650px; font-size:1.8em; padding-bottom:10px; }
#container.olt-landing h2 { color:#021c42; width:560px; margin:0; padding:0 0 10px 0; }
#container.olt-landing p { color:#021c42; width:560px; font-weight:normal; }
#container.olt-landing ul { color:#021c42; margin:25px 0 25px 15px; font-size:1.2em; font-weight:normal; width:560px; }
#container.olt-landing ul li { background-image: url(/images/tefl-v3/homepage/landing-arrow.gif); }
#container.olt-landing ul li a, #container.olt-landing p a {color:#04306f; font-weight:bold;}
#container.olt-landing a.btn-mainlink { display:block; width:152px; height:43px; position:absolute; bottom:10px; left:400px;  background: url(/images/tefl-v3/homepage/btn-visit-now.gif) no-repeat top left;}
#container.olt-landing a.btn-mainlink:hover { background: url(/images/tefl-v3/homepage/btn-visit-now-ov.gif) no-repeat top left;}
#container.olt-landing a.btn-mainlink span { display:block; width:152px; height:43px; margin-left:-5000px; }
#container.olt-landing a.large-image-link { display:block; width:370px; height:320px; position:absolute; bottom:35px; right:0px; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

#termsandconditions ol {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style-type:decimal;
}
#termsandconditions ol li {
	margin:0 0 5px 0;
}

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }@import url("ui.core.css");

@import url("ui.accordion.css");
@import url("ui.datepicker.css");
@import url("ui.dialog.css");
@import url("ui.progressbar.css");
@import url("ui.resizable.css");
@import url("ui.slider.css");
@import url("ui.tabs.css");
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; margin-bottom:0px;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; font-size:1.4em; font-weight:bold; color:#616255; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?tr=&ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #fff; /*background: #fff url(/images/tefl-v3/ui-widgets/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; */ color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f5f4f2 url(/images/tefl-v3/ui-widgets/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; /*background: #f6f6f6 url(/images/tefl-v3/ui-widgets/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;*/ font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; /* background: #fdf5ce url(/images/tefl-v3/ui-widgets/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; */ outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; /* background: #ffffff url(/images/tefl-v3/ui-widgets/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/ font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; /*background: #ffe45c url(/images/tefl-v3/ui-widgets/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;*/ color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; /* background: #b81900 url(/images/tefl-v3/ui-widgets/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; */ color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/tefl-v3/ui-widgets/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/tefl-v3/ui-widgets/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/tefl-v3/ui-widgets/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/tefl-v3/ui-widgets/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/tefl-v3/ui-widgets/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/tefl-v3/ui-widgets/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/tefl-v3/ui-widgets/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/tefl-v3/ui-widgets/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
/*.ui-widget-overlay { background: #666666 url(/images/tefl-v3/ui-widgets/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }*/
.ui-widget-overlay { background: #666666 url(/images/tefl-v3/ui-widgets/ui-bg_flat_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/images/tefl-v3/ui-widgets/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/* Fancybox CSS */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/js/jquery/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/js/jquery/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/js/jquery/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/jquery/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/js/jquery/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/js/jquery/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/js/jquery/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/js/jquery/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/jquery/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


body#free-resources-widget { overflow:hidden; }


/*
============================================================================
FLOATFIX - MAGIC
============================================================================
*/
/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html
might cause some problems? Keep an eye on it, seems to work well though */

.floatfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden
}
.floatfix { display:inline-block }
/* Hides from IE-mac \*/
* html .floatfix { height:1% }
.floatfix { display:block }
/* End hide from IE-mac */