article,aside,footer,header,main,nav,section{display:block}
html, body{background:#ffffff;overflow-x:hidden;}
html{font-size:17px;line-height:170%}
body{font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; margin:0;}
h1{font-size:24px}
h2{font-size:20px;color:#006600}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px}

.tn-mo-links {
line-height: 2;
}

.tn-links-url {
color: green;
font-size: x-small;
}

.tn-links-desc {
font-size: small;
}

a {
text-decoration: underline;
color: #006699;
}

a:hover {
color: #33ccff;
}

/*Colours*/

.clr-tn-beige {
color: #ecc;
}

.clr-tn-grey {
color: #777;
}

.clr-tn-pink {
color: #eccecc;
}

.clr-black {
color: #333;
}

.clr-blue {
color: blue;
}

.clr-red {
color: #c00;
}

.clr-green {
color: green;
}

.clr-green-bold {
color: green;
font-weight: bold;
}

.clr-red-bold {
color: #c00;
font-weight: bold;
}

.exception {
color: #7026a3;
font-weight: bold;
}

.clr-schonbrunn {
color: #FFDB95;
}

.clr-schonbrunn-light {
color: #F9E9C3;
}


/*Masthead*/

#tn-mo-topmenu {
background-color:#FFFFFF;
padding: 10px 20px 0 10px;
width:auto;
}

#tn-dt-topmenu {
display: none;
}

#tn-topban {
margin: 1em 0;
}

#tn-search {
display: none;
}

#tn-headban {
text-align: center;
margin: .3em;
}

.ban-mo {
  display: block;
}

.ban-dt {
  display: none;
}


/*Page*/

#tn-navbar {
font-size: small;
line-height: 200%;
background: #ECF8FF;
border-color: #b4d7e8;
border-style: solid;
border-width: 1px 0;
font-weight: normal;
padding: 7px;
margin-top: 0;
}

.tn-navbar {
font-size: small;
line-height: 200%;
background: #ECF8FF;
border-color: #b4d7e8;
border-style: solid;
border-width: 1px 0;
font-weight: normal;
padding: 7px;
margin-top: 0;
}

.subnavbar {
background: #ececec;
font-size: small;
line-height: 200%;
text-align: right;
padding: 7px;
margin: 10px 0 20px 0;
}

.subnavbar li {
display: inline;
margin-left: 0.5em;
white-space: nowrap;
}

.subnavbar ul {
list-style: none;
margin: 0;
padding: 0;
}

.topnavbar {
display: none;
}


.refnavbar {
background: #ececec;
font-size: small;
line-height: 200%;
padding: 0;
margin: 5px 0 0;
}

.refnavbar li {
display: inline;
margin-left: 0.5em;
white-space: nowrap;
}

.refnavbar ul {
list-style: none;
margin: 0;
padding: 0;
}

#tn-page {
background-color: #fff;
}

#tn-main {
padding-left: 10px;
padding-right: 10px;
text-align: left;
}

#tn-solo {
padding-left: 10px;
padding-right: 10px;
text-align: left;
}

#tn-sidebar {
text-align: center;
margin: 3px 0;
}

img {
max-width:100%;
height:auto;
}

img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
max-width:50%;
height:auto;
}

img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
max-width:50%;
height:auto;
}

textarea {
width: 90%;
font-size: large;
padding: 5px;
}

input[type=text], input[type=email], input[type=url], input[type=password] {
width: 90%;
font-size: large;
padding: 5px;
}

form.quiz input[type=reset] {
margin: 1em 0
}

.error {
font-weight: bold;
color: #c00;
}

.message {
font-weight: bold;
color: #0567A4;
}

label {
color: #777;
font-size: small;
}

.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 1em 0
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#jo-map area {
outline:none;
}

.TNtip {
background: url(//www.tefl.net/images/TNtip.png) no-repeat;
padding: 35px 10px 10px;
background-color: #fbf8da;
margin: 1.5em 0;
}

.TNpractice {
background: url(//www.tefl.net.com/images/TNpractice.png) no-repeat;
width: 90%;
padding: 35px 5px 5px 10px;
background-color: #F0FFF0;
margin: 1em 0;
}

.tn-small {
font-size: 80%;
}

.tn-big1 {
font-size: 125%;
}

.tn-big2 {
font-size: 150%;
}

blockquote.tn-quote-big {
font-size: 150%;
}

blockquote p {
font-family: Georgia, serif;
margin: 0;
}

blockquote {
font-family: Georgia, serif;
font-style: italic;
width: 85%;
margin: 0.7em 0 0 0;
padding: 0.35em 0 0 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: medium;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

#map-tp area {
outline:none;
}

.tn-indent {
margin-left: 5%;
}

#about-page {
background: #f9f9f9;
padding : 10px;
margin: 1em 0;
border: solid 3px #cccccc
}

#about-quiz {
background: #f9f9f9;
padding : 10px;
margin: 1em 0;
border: solid 3px #cccccc
}

.teachers-notes{background:#ffc;padding:10px;margin:1em 0;border:solid 1px green; color:green}

.meta-notes{padding:10px;margin:1em 0;border:solid 1px #006699; color:#666666}

.tn-panel-author {
background: #fff;
padding: 10px;
margin: 1em 0;
border: solid 3px #ececec
}

.tn-panel-error {
background: #fee9ea;
padding: 10px;
margin: 1em 0;
border: solid 1px #973E38
}

.tn-panel-highlight {
background: #F6FBFD;
padding: 10px;
margin: 1em 0;
border: solid 1px #2480B1
}

.tn-panel-note {
background: #ececec;
padding: 10px;
margin: 1em 0;
border: solid 1px #999
}

.tn-panel-definition {
background : #f8f8f8;
padding : 10px;
margin: 1em 0;
border: outset 2px #999;
}

.tn-panel-definition dfn {
font-weight: bold;
}

.tn-panel-example {
background: #effac6;
padding : 10px;
margin: 1em 0;
border: solid 1px #788A15
}

.tn-panel-elsewhere:before { 
content: "Elsewhere on TEFL.net";
display: block;
margin: 5px 0 7px 0;
font-size: .7em;
color: #777;
font-weight: bold;
}

.tn-panel-elsewhere {
background: #fff;
padding : 0 10px 5px;
margin: 1em 0;
border: dotted 1px #E09E00
}

.tn-panel-games { /*show only to desktop*/
display: none;
}

.lesson-index {
}

#wordchecker:before { 
content: "TEFL.net Wordchecker";
display: block;
margin: .5em 0 1em;
color: green;
font-weight: normal;
font-size:smaller
}

#wordchecker {
background: #f9f9f9;
padding : 0 10px 5px;
margin: 1em 0;
border: solid 1px #ececec
}

.tn-panel-myec {
background: #fff;
padding : 10px;
margin: 1em 0;
border: dotted 2px #e09e00
}

.tn-related:before{content:"Related Topics";display:block;margin:5px 0 7px 0;color:#777777;font-weight:bold;}
.tn-related{background:#ffffff;margin:1em 0;}


.quickquiz {
margin: 1em 0;
padding: .5em .5em 1em 2em;
background: #fbf8da;
border: solid 1px #F88B10;
}

.tn-back {
display: none;
}

.tn-next a {
padding: 10px;
display: block;
margin: 1em 0;
text-align: right;
text-decoration: none;
}

.tn-next a:after {
content: " →";
}



summary {
outline:none;
}

.tn-q-radio {
display: none;
}

.paper-choices {
display: none;
}

#paper-quiz {
display: none;
}

/* TABLES */

table.tn-table {
font-size: smaller;
border-width: 1px;
border-color: #cbcbcb;
border-collapse: collapse;
margin: 1em 0;
}
table.tn-table th {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #cbcbcb;
background-color: #ececec;
text-align: left;
vertical-align: bottom;
}
table.tn-table td {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #cbcbcb;
text-align: left;
vertical-align: top;
}

table.tn-table-quiz {
width: 100%;
}

table.tn-table-quiz td {
padding: 7px;
vertical-align: top;
}

.tn-table-wrapper {
overflow: auto;
}

.tn-table-quiz:after { 
content: "Please note that you can also print this quiz on paper.";
display: block;
margin: 1em 0 0;
font-size: .7em;
color: #2480B1;
font-weight: bold;
}

.bg-accent-1 {
background: #fbf8da;
}

.bg-accent-2 {
background: #fbf1da;
}

.bg-accent-3 {
background: #fbebda;
}

.bg-accent-neutral {
background: #f9f9f9;
}

.bg-accent-dark {
background: #999;
}

.bg-exception {
background: #f7f3fc;
}

.bg-example {
background: #effac6;
}

.bg-error {
background: #fee9ea;
}

div.timeline {
margin-left: auto;
margin-right: auto;
height: 0.7em;
background-color:#777;
}




li.li-compact, dd {
margin-bottom: 0;
}

li, dd {
margin-bottom: 1.4em;
}

.tn-caption {
font-size: small;
}



/* start GT */
.new-item, .updated-item, .popular-item {
font-weight: normal;
font-size: xx-small;
color: #ffffff;
vertical-align: text-top;
}
.new-item {
background-color: #8c3030;
}
.updated-item {
background-color: #c5a600;
}
.popular-item {
background-color: #314fb1;
}

/* search highlighting */
.searchhl-1 {
font-weight: bold;
}

.gt-searchbar {
padding: 10px;
}

/* paging */
.paging {
text-align: right;
margin-bottom: 25px;
}
.paging img, .paging select, .paging input {
vertical-align: middle;
}


.linklisting .linkdescription {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #bbbfa1;
background: #f8faed;
overflow: hidden;
}

.linklisting h3.linktitle, .linklisting p.linkurl {
overflow: hidden;
width: 100%;
margin: 2px 0px;
}

.linklisting {
margin: 15px 0px 20px 0px;
}

.informal-item {
background-color: #330099;
}

.formal-item span, .informal-item span, .offensive-item span, .vulgar-item span, .taboo-item span {
padding: 0px 3px;
background: transparent url(images/button-right.gif) top right no-repeat;
}

#category dl {
width: 100%;
float: left;
margin: 1em 0 0;
}

#category dt {
margin: 0 10px .5em 0;
}

#category dd {
margin: 0 0 1.4em 0;
}


#narrow_cats {
display: block;
} 

#wide_cats { 
display:none; 
}


#home dl {
width: 99%;
float: left;
margin: 0;
}

#home dd {
margin: 0 0 1.4em 0;
}

#home h2 {
margin: 0;
}


.clear {
display: block;
}

/* start GT nec.=? */

.errormessage {
color: #8c3030;
font-weight: bold;
}
.infomessage {
color: #3a5841;
font-weight: bold;
}

/* end GT nec.=? */

/* end GT */

/* start WP */

.alignright {
float : right;
font-size: 12px;
margin-bottom: 20px;
}
.alignleft {
float : left;
font-size: 12px;
margin-bottom: 20px;
}
.wp-nav {
display : block;
text-align : center;
margin-top : 20px;
margin-bottom : 70px;
font-size : 12px;
margin-right : 20px;
}

.postmetadata {
font-size:small;
color: gray;
}

.commentmetadata {
font-size:small;
color: gray;
}

#jo-header {
display: none;
}

li.cat-item {
margin-bottom: 10px;
}

.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow content area */
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
max-width: 50%;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
max-width: 50%;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size: small;
color: gray;
margin: 0;
padding: 0 4px 5px;
}

/* end WP */

/*Mastfoot*/

#tn-break {
display:none;
}

#tn-mastfoot {
text-align: left;
}

#tn-mofootnav {
border-bottom: #000;
color: #fff;
padding: 0 0 1em;
}

.tn-mofootlinks {
list-style: none; 
padding: 0;
}

.tn-mofootlinks li a {
display: block;
margin: 0 10px;
padding: 1em 0 .7em .4em;
text-decoration: none;  
}

.tn-mofootlinks a {
border-bottom: solid 1px #A7A7A7;
}

li.tn-mo {
margin-bottom: 0;
}


#tn-copy {
text-align: center;
font-size: small;
margin: 1em 5px 1em 5px;
}

#tn-footban {
margin: 1em 5px 1em 5px;
}

.tn-footer-pipe {
display: none;
}

.tn-wrap-no {
white-space: nowrap;
}

.tn-wrap-yes {
word-wrap: break-word;
}

/*MULTI NAV ARROWS*/

#navarrows {padding: 1em 25px;}

a.navarrow:link {color: white; text-decoration: none;}
a.navarrow:visited {color: white;}
a.navarrow:hover {color: white;}
a.navarrow:active {color: white;}

.navarrow {
display: inline-block;
position: relative;
padding: 17px;
width: 90%;
}

.navarrow:after {
content: '';
display: block;  
position: absolute;
right: 100%;
top: 50%;
margin-top: -25px;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
}

.navarrowL {
background: #E46B00;
}

.navarrowL:after {
border-right: 25px solid #E46B00;
border-left: 25px solid transparent;
}

.navarrowR {
background: #31A808;
text-align: right;
margin-top: 3px;
}
	
.navarrowR:after {
left: 100%;
border-right: 25px solid transparent;
border-left: 25px solid #31A808;
}

.navarrowR2 {background: #4584c5;}
.navarrowR2:after {border-left: 25px solid #4584c5;}

/*END NAVARROWS*/




/*SINGLE BACK ARROW*/

a.arrowBack:link {color: white; text-decoration: none;}
a.arrowBack:visited {color: white;}
a.arrowBack:hover {color: white;}
a.arrowBack:active {color: white;}

.arrowBack {
display: inline-block;
position: relative;
padding: 17px;
width: 85%;
background: #E46B00;
margin-left: 1em;
margin-top: 1em;
margin-bottom: 1em;
}

.arrowBack:after {
content: '';
display: block;  
position: absolute;
right: 100%;
top: 50%;
margin-top: -25px;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-right: 25px solid #E46B00;
border-bottom: 25px solid transparent;
border-left: 25px solid transparent;
}

/*END SINGLE BACK ARROW*/

/*SINGLE NEXT ARROW*/

a.arrowNext:link {color: white; text-decoration: none;}
a.arrowNext:visited {color: white;}
a.arrowNext:hover {color: white;}
a.arrowNext:active {color: white;}

.arrowNext {
display: inline-block;
position: relative;
padding: 17px;
width: 85%;
background: #31A808;
text-align: right;
margin-top: 1em;
margin-bottom: 1em;
}

.arrowNext:after {
content: '';
display: block;  
position: absolute;
left: 100%;
top: 50%;
margin-top: -25px;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 25px solid #31A808;
}


/*END SINGLE NEXT ARROW*/


.tefl-quiz-strap {font-weight: bold; color: #3399cc; font-style: italic;}

form.mcquiz input[type=radio]{margin-left:2em; margin-bottom: 1.5em;}




@media (min-width: 970px) {

body {
margin: 1em auto;
max-width: 970px;
}

.tn-mo-links {
line-height: normal;
}

/*Masthead*/

#tn-mo-topmenu {
display: none;
}

#tn-dt-topmenu {
display: block;
}

#tn-headban {
text-align: center;
padding: .7em 0;
text-align: center;
}

#tn-dt-topmenu area {
outline:none;
}

#tn-search {
display: block;
}

.ban-dt {
  display: block;
}

.ban-mo {
  display: none;
}


/*Page*/

#tn-navbar {
background: #ECF8FF;
border-color: #b4d7e8;
border-style: solid;
border-width: 1px 0;
font-weight: bold;
line-height: 125%;
padding: 7px;
margin-top: 0;
}

.tn-navbar {
background: #ECF8FF;
border-color: #b4d7e8;
border-style: solid;
border-width: 1px 0;
font-weight: bold;
line-height: 125%;
padding: 7px;
margin-top: 0;
}

.subnavbar {
font-size: small;
font-weight: normal;
text-align: right;
padding: 7px;
margin: 10px 0 25px 0;
}

.topnavbar {
display: block;
line-height: 200%;
font-size: small;
font-weight: normal;
text-align: center;
padding: 7px;
margin: 0;
border-bottom: 1px solid #eceece;
}

.topnavbar li {
display: inline;
margin-left: 1em;
white-space: nowrap;
}

.topnavbar ul {
list-style: none;
margin: 0;
padding: 0;
}



#tn-sidebar {
background-color: #FFF;
float: left;
width: 310px; /* was 160 for sky */
}

#tn-main {
background-color: #FFF;
float: right;
width: 640px; /* was 750 for sky */
padding: 0 0 0 1em;
border-left: 0;
}

/*#tn-page br {
clear: both;
display:block;
}*/

#tn-page {
border-left: 0px solid #999;
border-right: 0px solid #999;
border-top: 0px solid #999;
}

#jo-header {
display: block;
margin-bottom: 0;
}

table.tn-table {
font-size: inherit;
}

table.tn-table th {
padding: 10px;
}

table.tn-table td {
padding: 10px;
}

#category dl {
width: 100%;
margin: 1em 0 0;
}

#category dt {
margin: 0 10px .5em 0;
}


li, dd {
margin-bottom: .4em;
}

#narrow_cats {
display: none;
} 

#wide_cats { 
display:block; 
}

.tn-panel-games { /*show only to desktop*/
display: block;
background: #fff;
padding : 0 10px 5px;
margin: 1em 0;
border: dotted 2px #77920d
}

.tn-panel-games:before { 
content: "TEFL.net Games for practice";
display: block;
margin: 5px 0 7px 0;
font-size: .7em;
color: #77920d;
font-weight: bold;
}


/*Mastfoot*/

#tn-break {
clear:both;
display:block;
}

#tn-mastfoot {
background-color: #FFF;
text-align: center;
}

#tn-mofootnav {
display: none;
}

#tn-footban {
margin: 0 0 1em;
border-left: 0px solid #999;
border-right: 0px solid #999;
border-bottom: 0px solid #999;
padding: 1em 0;
}

#tn-copy {
margin: 1em 0 1em 0;
}

.tn-footer-break {
display: none;
}

.tn-footer-pipe {
display: inline;
}

}

@media print {

body {
background: white;
font-family: Verdana,sans-serif;
font-size:12pt;
line-height: 1.3;
}

#preh1-socbuts {
display:none;
}

h1:after {
content: " (TEFL.net)";
color: #666;
font-size: 12pt;
}

.TNnoprint {
display : none;
}

#tn-headban {
  display: none;
}

nav {
display : none;
}

#tn-masthead, #tn-mastfoot, #tn-sidebar {
display : none;
}

.TNpractice {
display : none;
}

img {
max-width : 500px;
}

.subnavbar {
display: none;
}

.videowrapper {
display: none;
}

video {
display : none;
}

audio {
display : none;
}

embed {
display : none;
}

.tn-back, .tn-next, .teachers-notes {
display: none;
}

select, input {
display: none;
}

.paper-choices {
display: inline;
font-weight:bold;
}

#paper-quiz {
display: block;
}

#about-quiz {display: none;}
	
.quizIntro {display: none;}

#quizLogo {display: none;}

.tefl-quiz-strap {color: #333333}

.tn-table-quiz {
line-height: 1.7;
}

.tn-table-quiz:after {
content: "Name: _____________________ | ______________ | _______";
display: block;
margin-top: 2em;
font-size: inherit;
color: #333;
font-weight: normal;
}

.tn-panel-elsewhere {
display: none;
}

a:link {
text-decoration : none;
color : #000;
}
a:active {
text-decoration : none;
color : #000;
}
a:visited {
text-decoration : none;
color : #000;
}
a:hover {
text-decoration : none;
color : #000;
}

details {
display: none;
}

input[type=radio] {
display: none;
}

.tn-q-radio {
display: inline;
}

li, dd {
margin-bottom: auto;
}

#tn-break {
display:block;
}
	
.tn-related {display: none}

.tefl-quiz-strap {display: none}


/* start nec? */

td {
vertical-align : top;
}

#comments {
display : none;
}

.podPress_content, .commentlist {
display : none;
}

.FuncButton, .NavButtonBar {
display : none;
}

.printlogo {
float : right;
font-family : "Verdana", sans-serif;
font-size : 12pt;
}

.breakhere {
page-break-after : always;
}

/* end nec? */

}