/* ------------------------------------------------------------ */
/* TEACHERTREE.ORG.UK CSS   									*/
/* ------------------------------------------------------------ */
/* Please read the documentation about the CSS template before	*/
/* editing this file. (This file should only be edited by the	*/
/* Web Development Team)										*/
/*																*/
/* Version: 2.0													*/
/* ------------------------------------------------------------	*/

/* ------------------------ */
/* CORPORATE DEFAULT STYLES */
/* ------------------------ */

/* GENERAL styles for common objects */
BODY {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 82%;
}

BODY, TABLE, TR, TD, TH, P, UL, OL, LEGEND, LABEL, DT, DD, DIV, TEXTAREA {
	font-family: arial, helvetica, sans-serif; 
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	color: #000000;
}

A:link, A:visited { color: #0000ff; }
A:hover, A:active, A:focus { color: #e60000; }

CAPTION { font-family: arial, helvetica, sans-serif; font-size: 0.9em; }
FORM    { margin: 0; padding: 0; }
IMG     { border: 0; }
LABEL   { font-weight: bold; }

/* HEADING Styles */
H1, H2, H3, H4, H5, H6 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
}
H1 { font-size: 1.75em; margin: 5px 0; }
H2 { font-size: 1.3em; }
H3 { font-size: 1.2em; }
H4, H5, H6 { font-size: 1em; }
H6 { font-weight: normal; font-style: italic; }

/* LINK styles */
A:link, A:visited { color: #0000ff; text-decoration: underline; }
A:hover { color: #ff0000; text-decoration: underline; }

/* HORIZONTAL RULE style */
HR {
	background-color: #000000;
	border: 0;
	height: 1px;
}

/* FORM STYLES */
TEXTAREA   { border: 1px solid #000000; }
SELECT     { border: 1px solid #000000; }
INPUT.text { border: 1px solid #000000; padding: 2px; }
INPUT.button {
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #e6f0ff;
	border: 1px outset #000000;
	border-color: #000000;
}
INPUT.button:hover { background-color: #cce6ff; }
INPUT.button:active { background-color: #ccccff; border: 1px inset; border-color: #000000; }

/* THE FOLLOWING STYLES AND CLASSES MUST BE RETAINED AND MUST	*/
/* NOT BE EDITED WHEN USED IN A LOCAL STYLESHEET				*/

/* FORMATTING styles */
B, LEGEND, LABEL, STRONG, DT { font-weight: bold; }
Q, I, EMPHASIS { font-style: italic; }
CAPTION { text-align: left; }
PRE { font-size: small; }
TH { font-weight: bold; text-align: left; }
FIELDSET {
	border: 1px solid #99b3cc;
	padding: 5px;
	background-color: #f9fcff;
	margin: 5px 0;
}

THEAD { background-color: #eaf4ff; text-transform: uppercase; }
TFOOT { font-weight: bold; background-color: #ffcccc;}

/* THURROCK SCHOOL JOBS BRANDING */
/* HEADER */
DIV#tsj-header { 
	background-color: #3BB2E3;
	background-image: url('/images/_branding/header-fade.png');
	background-repeat: repeat-x;
	height: 110px;
	border-bottom: 1px solid #55A6C8;
}
DIV#tsj-header-text { float: left; padding: 5px 20px 0 10px; }
DIV#tsj-header-thurrock-logo { float: right; }

/* FOOTER */
DIV#tsj-footer {
	clear: both;
	background-image: url("/images/_branding/footer-collage.jpg");
	background-repeat: repeat-x;
	height: 120px;
	border-top: 1px solid #55A6C8;
}

/* NAVIGATION */
DIV#tsj-nav {
	float: left;
	width: 20%;
	margin: 2em 1%;
}

DIV.tsj-nav-section { 
	margin: 0 0 1em 0;
	border: 1px solid #55A6C8;
}
DIV.tsj-nav-header {
	font-family: verdana, arial, helvetica, sans-serif;
	border-bottom: 1px solid #55A6C8;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	background-color: #C5E5ED;
	background-image: url("/images/_branding/navigation-fade.png");
	background-repeat: repeat-x;
}
UL.tsj-nav-links {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}
UL.tsj-nav-links LI A {
	display: block;
	padding: 0 0 0 16px;
	margin: 0 0 1px 0;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left 1px;
}
UL.tsj-nav-links LI A SPAN,
UL.tsj-nav-links LI A:link SPAN,
UL.tsj-nav-links LI A:visited SPAN { 
	display: block; padding: 1px 2px; cursor: pointer; border-bottom: 1px solid #ffffff;
}
UL.tsj-nav-links LI A:hover SPAN,
UL.tsj-nav-links LI A:focus SPAN,
UL.tsj-nav-links LI A:active SPAN {
	border-bottom: 1px dotted #000000; 
}

UL.tsj-nav-links LI A {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	background-image: url(/images/_branding/navigation-bullet.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
UL.tsj-nav-links LI A SPAN,
UL.tsj-nav-links LI A:link SPAN,
UL.tsj-nav-links LI A:visited SPAN {
	border-bottom: 1px solid #ffffff;
}
UL.tsj-nav-links LI A:hover,
UL.tsj-nav-links LI A:focus,
UL.tsj-nav-links LI A:active {
	background-image: url(/images/_branding/navigation-bullet-hover.png);
}
UL.tsj-nav-links LI A:hover SPAN,
UL.tsj-nav-links LI A:focus SPAN,
UL.tsj-nav-links LI A:active SPAN {
	border-bottom: 1px solid #8AC5DD;
}

/* CONTENT LAYOUT */
DIV#tsj-content { float: left; width: 56%; }
DIV#tsj-content H1 { margin: 1em 0 1em 0; padding: 0; }

DIV#tsj-content-publisher { 
	border: 1px solid #8FBDE5;
	background-color: #DEEFF2;
	margin: 2em 0 1em 0;
}
DIV#tsj-content-publisher H2 {
	font-size: 1em;
	color: #ffffff;
	background-color: #205888;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #8FBDE5;
}

DIV#tsj-content-publisher UL {
	margin: 0.5em 5px 0.5em 25px;
	padding: 0;
	list-style-type: none;
}
DIV#tsj-content-publisher SPAN.tsj-content-publisher-date { font-weight: bold; }
DIV#tsj-content-publisher LI {
	background-image: url("/images/_branding/pageinfo-bullet.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	padding-left: 20px;
}

/* SIDEBAR */
DIV#tsj-sidebar { float: right; width: 20%; padding: 2em 1%; }
DIV#tsj-sidebar-jobs { border: 1px solid #D0C945; }
DIV#tsj-sidebar-jobs H2 { 
	font-size: 1em;
	margin: 0;
	padding: 6px;
	border-bottom: 1px solid #D0C945;
	background-color: #FFFDE0;
	background-image: url("/images/_branding/sidebar-fade.png");
	background-repeat: repeat-x;
}
DIV#tsj-sidebar-jobs UL {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
DIV#tsj-sidebar-jobs UL LI.tsj-sidebar-jobs-start { margin-top: 5px; border-top: 1px dashed #D0C945; padding-top: 4px; }

DIV#tsj-sidebar-buttons { margin: 1em 0; }
DIV.tsj-sidebar-button { margin: 0 0 5px 0; text-align: center; }

DIV#tsj-sidebar-photos { text-align: center; }
DIV#tsj-sidebar-photos IMG { border: 1px solid #D0C945; }

/* CORPORATE CONTENT classes */
/* text transform */
.allcaps { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
/* font weight */
.bold { font-weight: bold; }
.nobold { font-weight: normal; }
/* italic */
.italic { font-style: italic; }

/* map layers */
.mapHid, .mapVis { position: absolute; top: 0; left: 0; }
.mapHid { visibility: hidden; }
.mapVis { visibility: visible; }
/* alignment */
.aligncenter, .aligncentermiddle, TR.aligncenter TH, TR.aligncenter TD { text-align: center; }
.alignleft { text-align: left; }
.alignright, .alignrightmiddle, .alignrightbottom { text-align: right; }
.valignmiddle, .aligncentermiddle, .alignrightmiddle { vertical-align: middle; }
.valignbottom, .alignrightbottom { vertical-align: bottom; }
.valigntop { vertical-align: top; }
/* font size & colour */
.bigfont, .bigfontcenter { font-size: medium; }
.tinyfont, .tinyfontcenter, .sub, .super { font-size: x-small; }
.standardfont, standardfontcenter { font-size: small; }
.tinyfontcenter, .bigfontcenter, .standardfontcenter { text-align: center; }
.sub { vertical-align: sub; }
.super { vertical-align: super; }
.red { color: #E60000; }
.white { color: #ffffff; }
.accessblack { color: #000000; font-size: large; }
.accessyellow { color: #ffff00;	font-size: large; }
/* floats */
.floatright { float: right; }
.floatleft { float: left; }
.clear { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.clear-float { clear: both; width: 1px; }
/* bg colour */
.backshade1 {  background-color: #e6f0ff; }
.bgcolor-bar1 {
	background-color: #99ccff; 
	width: 100%;
	padding: 2px;
	margin: 10px 0 5px 0;
}
/* boxes & borders */
.box, .dashedbox, .bluebox, .paddedbox, .box-dashed, .box2, .boxhome, .underline, .underlinedashed,
.rowbreak, .rowbreakright, .rowbreak-yellow, .rowbreak TD, .rowbreakright TD, .rowbreak-yellow TD,
.rowbreakboth, .rowbreakboth TD, .border-topbot {
	border: 1px solid #000000;
}
.dashedbox, .box-dashed, .underlinedashed,
.rowbreak, .rowbreakright, .rowbreak-yellow, .rowbreak TD, .rowbreakright TD, .rowbreak-yellow TD
.rowbreakboth, .rowbreakboth TD {
	border-style: dashed;
}
.bluebox, .underline, .underlinedashed,
.rowbreak, .rowbreakright, .rowbreak-yellow, .rowbreak TD, .rowbreakright TD, .rowbreak-yellow TD
.rowbreakboth, .rowbreakboth TD, .border-topbot {
	border-color: #4f8cce;
}
.box2 { border-width: 2px; }
.rowbreakboth, .rowbreakboth TD, .border-topbot { border-left: 0; border-right: 0; }
.underline, .underlinedashed,
.rowbreak, .rowbreakright, .rowbreak-yellow, .rowbreak TD, .rowbreakright TD, .rowbreak-yellow TD {
	border-top: 0; border-left: 0; border-right: 0;
}
.rowbreakright, .rowbreakright TD { text-align: right; }
.rowbreak-yellow, .rowbreak-yellow TD { border-color: #cccc99; }
.paddedbox { width: 95%; text-align: center; }
.boxhome { margin: 0 0 10px 0; text-align: center; }
.noborder { border-width: 0; }
.noborder-top { border-top: 0; }
.noborder-bot { border-bottom: 0; }
.noborder-left, .noborder-sides { border-left: 0; }
.noborder-right, .noborder-sides { border-right: 0; }
/* coloured borders/backgrounds/text */
.bg-white    { background-color: #ffffff; }
.bg-standard { background-color: #EFF2F5; }
.rowcolour   { background-color: #f7fafe; }

.border-red, .border-red TD, THEAD.border-red TH          { border-color: #d04d62; }
.bg-red         { background-color: #fbeced; }
.bg-red-dark    { background-color: #f3cfd8; }
.text-red       { color: #660000; }
.border-orange, .border-orange TD, THEAD.border-orange TH { border-color: #d28a27; }
.bg-orange      { background-color: #fbf5ec; }
.bg-orange-dark { background-color: #fbf5ec; }
.text-orange    { color: #663300; }
.border-purple, .border-purple TD, THEAD.border-purple TH { border-color: #914fce; }
.bg-purple      { background-color: #fbf7fc; }
.bg-purple-dark { background-color: #dfcff3; }
.text-purple    { color: #330066; }
.border-yellow, .border-yellow TD, THEAD.border-yellow TH { border-color: #FFF301; }
.bg-yellow      { background-color: #FFFCE4; }
.bg-yellow-dark { background-color: #FFFCE4; }
.text-yellow    { color: #666600; }
.border-blue, .border-blue TD, THEAD.border-blue TH       { border-color: #4f8cce; }
.bg-blue        { background-color: #f7fafb; }
.bg-blue-dark   { background-color: #cfe2fe; }
.text-blue      { color: #003366; }
.border-green, .border-green TD, THEAD.border-green TH    { border-color: #6fc336; }
.bg-green       { background-color: #f2ffee; }
.bg-green-dark  { background-color: #e3f3cf; }
.text-green     { color: #336600; }
/* tables */
.thead { background-color: #cfe2f3; text-transform: uppercase;}
.tfoot { font-weight: bold; background-color: #f3cfd8;}
TABLE.bordered { margin: 1em 0 1em 0; background: #ffffff; border: 1px #4f8cce solid; border-collapse: collapse; }
TABLE.bordered TH, TABLE.bordered TD { border: 1px #4f8cce solid; padding: 3px; }
TABLE.bordered TH { background-color: #cfe2f3; background-image: url(/images/table-thead-fade.png); background-repeat: repeat-x; vertical-align: middle; }
TABLE.bordered.bg-white    { background-color: #ffffff; }
TABLE.bordered.nomargin { margin: 0; }
TABLE.notbordered, TABLE.notbordered TH, TABLE.notbordered TD {
	border-width: 0;
	background: none;
	vertical-align: top;
}
TABLE.bordered.aligncenter TH, TABLE.bordered.aligncenter TD { text-align: center; }
/* widths */
.width100 { width: 100%; }
.width90 { width: 90%; }
.width80 { width: 80%; }
.width70 { width: 70%; }
.width60 { width: 60%; }
.width50 { width: 50%; }
.width49 { width: 49%; }
.width40 { width: 40%; }
.width33 { width: 33%; }
.width32 { width: 32%; }
.width30 { width: 30%; }
.width25 { width: 25%; }
.width20 { width: 20%; }
/* lists */
.alphalower { list-style-type: lower-alpha; }
.alphaupper { list-style-type: upper-alpha; }
.romanlower { list-style-type: lower-roman; }
.disc    { list-style-type: disc; }
.circle  { list-style-type: circle; }
.libdisclaimer { margin: 10px; }
.noliststyle, .addressindent, .nostylemargin, .address, .addressextra { list-style-type: none; }
.nostylemargin, .address, .addressextra  { margin: 0; padding: 0; }
.addressextra { margin-top: 10px; }
/* padded lists */
UL.paddeditems LI OL LI, OL.paddeditems LI OL LI { padding-bottom: 0; }
UL.paddeditems LI UL LI, OL.paddeditems LI UL LI { padding-bottom: 0; }
UL.paddeditems LI OL LI, OL.paddeditems LI OL.paddeditems LI { padding-bottom: 1em; }
UL.paddeditems LI UL LI, OL.paddeditems LI UL.paddeditems LI { padding-bottom: 1em; }
UL.paddeditems LI, OL.paddeditems LI { padding-bottom: 1em; }
UL.paddeditems LI UL, OL.paddeditems LI UL { padding-top: 1em; }
UL.paddeditems LI OL, OL.paddeditems LI OL { padding-top: 1em; }
UL.nopaddeditems LI, OL.nopaddeditems LI { padding-bottom: 0; }
/* padding and margins */
.imgsidepad5 { margin: 0 5px; }
.pad5, .paddedbox { padding: 5px; }
.pad10      { padding: 10px; }
.padside10  { padding-left: 10px; padding-right: 10px; }
.padside5   { padding-left: 5px; padding-right: 5px; }
.margin5, .imghome { margin: 5px; }
.padright5  { padding-right: 5px; }
.padright10 { padding-right: 10px; }
.margin-top-5px { margin-top: 5px; }
.margin-bot-5px { margin-bottom: 5px; }
.margin-top-1em { margin-top: 1em; }
.margin-bot-1em { margin-bottom: 1em; }
.margin-top-2em { margin-top: 2em; }
.margin-bot-2em { margin-bottom: 2em; }
.padding-top-1em { padding-top: 1em; }
.padding-bot-1em { padding-bottom: 1em; }

/* remove padding and margins */
.nopadding, .nopad { padding: 0; }
.nopad-top { padding-top: 0; }
.nopad-bot { padding-bottom: 0; }
.nopad-left, .nopad-sides  { padding-left: 0; }
.nopad-right, .nopad-sides { padding-right: 0; }
.nomargin, .nomar { margin: 0; }
.nomargintop, .nomar-top { margin-top: 0; }
.nomarginbottom, .nomar-bot { margin-bottom: 0; }
.nomar-left, .nomar-sides { margin-left: 0; }
.nomar-right, .nomar-sides { margin-right: 0; }

/* GENERAL CONTENT STYLES */
TABLE.bordered { margin-top: 0; }
TABLE.bordered TH { vertical-align: top; }

/* LAYOUT STUFF */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

DIV.tsj-home-photo { margin: 5px }
DIV.tsj-home-photo-left { float: left; }
DIV.tsj-home-photo-right { float: right; }

/* job information */
TABLE#tsj-job-school, TABLE#tsj-job-school TH, TABLE#tsj-job-school TD { border-color: #AAAAAA; vertical-align: top; }
TABLE#tsj-job-school TH { background-color: #F2F2F2; }

/* applications */
DIV#tsj-apply-forms { border: 3px solid #C7B1DD; padding: 2px; }
DIV#tsj-apply-forms DIV { border: 1px solid #C7B1DD; background-color: #FAF8FC; }
DIV#tsj-apply-forms P { font-weight: bold; text-align: center; }

/* schools' forms */
DIV.tsj-forms-schools { border: 3px solid #C7B1DD; padding: 2px; margin: 0 0 0.5em 0; }
DIV.tsj-forms-schools UL { 
	border: 1px solid #C7B1DD;
	background-color: #FAF8FC;
	
	
	padding: 5px;
	margin: 0;
	list-style-type: none;
}
DIV.tsj-forms-schools UL LI { text-align: center; font-weight: bold; padding: 0.5em 0; }

/* PDF HELP PAGE */
DIV#spdf-download-image { float: left; margin: 10px 35px 20px 30px;}
DIV#spdf-download-link { padding: 15px 10px 10px 10px; }