/* Content body CSS */

.content { line-height: 1.5; }
.content P { /* OLD: margin-top: 1pt; */ margin-top: 0pt; margin-bottom: 1em; }

.content A { text-decoration: underline; color: #CF9A1E; }												/* golden link colour */
.content A:hover, .content A:active { color: #3D4778; font-weight: bold; }				/* mid blue hover colour */

/* OLD: 
	#centercontent .content A { color: #3D4778; text-decoration: underline; }
	#centercontent .content A:hover { color: #CF9A1E; }
*/

.content H1, H1.pageTitle { margin: 1em 0 0.5em 0; font-size: 1.9em; font-weight: normal; color: #3D4778; }
.content H1 STRONG, .content H1 B, H1.pageTitle STRONG, H1.pageTitle B { color: #040E32; font-weight: normal; }
.content H2, .divModTitle H2 { margin-bottom: 0.5em; font-size: 1.65em; font-weight: normal; color: #06144A; }
.content H3 { margin-bottom: 0.3em; font-size: 1.2em; font-weight: bold; color: #333; }
.content H4 { margin-bottom: 0.2em; font-size: 1em; font-weight: bold; color: #4C4C4C; }

.content IMG.levelWithH2 { margin-top: 1em; }
.content IMG.levelWithH3 { margin-top: 1em; }

.content BIG { color: red; }		/* e.g., footnote asterisks */



/* Central List Styles etc. */
.content UL, .content OL { margin: 0; padding: 0; margin-bottom: 12pt; }
.content UL { list-style: none; margin-left: 10pt; }
.content UL, .content OL { overflow: hidden; /* CSS HACK: fix bullet position in IE6-IE8 */ }
.content OL { padding-left: 26pt; }
.content UL LI { margin-bottom: 0.7em; background: url(../images/ui/bullet_top_arrow.gif) no-repeat left 2pt; padding-left: 16pt; }
.content OL LI { margin-bottom: 0.5em; }
.content .compact LI { margin-bottom: 0.25em!important; }

/* Second Level */
.content UL UL, .content OL UL { margin: 0.5em 0 1em 2pt; 	/* OLD: margin: 0.5em 0 1em 20pt; */ }
.content UL UL LI, .content UL OL LI, .content OL UL LI, .content OL OL LI { margin-bottom: 0.4em; }
.content UL UL LI { background: url(../images/ui/bullet_second_arrow.gif) no-repeat left 2pt; }


.content BLOCKQUOTE { margin-left: 15pt; color: #666; font-style: italic; line-height: 1.6; }
.content BLOCKQUOTE EM { color: #3D4778; }

.content HR {
	border: 0;
	color: #ceb7b7;
	background-color: #ceb7b7;
	height: 1px;
	margin-top: 15px;
}




/* CONTENT IMAGES ********************************************* */

.content IMG, .imgBorder { 
	border: 1px solid lightgrey; padding: 4px; border-top-color: #F1F1F1; border-left-color: #F1F1F1; 
}
.photoRight, .rightFloat, .photoLeft, .leftFloat { margin-bottom: 10pt; }
.photoRight, .rightFloat { float: right; margin-left: 10pt; }
.photoLeft, .leftFloat { float:left; margin-right: 12pt; }

DIV.rightFloat IMG, DIV.leftFloat IMG { margin: 0; }
/* image captions */
.imgCaption, .content DIV.rightFloat P, .content DIV.leftFloat P { text-align: center; padding: 2pt 4pt; /* from HDNN2 */ font-style: italic; font-size: 0.8em; color: gray; }

/* CSS HACK: ensure visible over background in IE6 */
.content .leftFloat, .content .rightFloat { _position: relative; }


/* remove border + bgcolour for UI, signature, inline Icon, etc images */
.content .noBorder, .content .ui, IMG.inlineIcon, .signature IMG, .rightFloatLogo, .leftFloatLogo, .content TABLE IMG { 
	border: 0!important; background-color: transparent!important; 
}
/* also remove padding for everything except "noBorder" */
.content .ui, IMG.inlineIcon, .signature IMG, .rightFloatLogo, .leftFloatLogo, .content TABLE IMG { padding: 0px!important; }
/* also remove margin for UI + signature images (unneeded as Windsor doesn't default to margins on content images?) */
.content .ui, .signature IMG { margin: 0!important; }

.centerPhoto { padding-right: 3px; padding-bottom: 3px; border-right: #e4e4e4 2px solid; border-bottom: #e4e4e4 2px solid; }



/* TEMP TEST: HTML BODY A.pdfLink { font-style: italic;  } */

.content A[href$='.pdf'], .content A[href*='fileticket='], 
.content A.extLink, .content A.pdfLink, .content A.wordLink {
	padding-right: 18px;
	margin-right: 2pt;		/* OLD: 2px */
}
.content A.extLink { 		background: url(../images/ui/icon_web_tiny.gif) no-repeat right 2px; }
.content A[href$='.pdf'], .content A[href*='fileticket='], 
.content A.pdfLink { 		background: url(../images/ui/icon_pdf_tiny.gif) no-repeat right 1px; }
.content A.wordLink { 	background: url(../images/ui/icon_word_tiny.gif) no-repeat right 1px; }

#wrapper .content A.ui { background: none; padding: 0; margin: 0; }




/* TABLE STYLES  ***************************************** */

/* give content tables fancy styling by default, can be removed via 'ui' class */
.content TABLE { 
	/* border-collapse: collapse; */ border: 1px solid #9296A0; 
	padding: 1px; /* *padding: 0; */ margin-bottom: 10pt; margin-top: 15pt; margin-left: 5pt; 
	border-spacing: 2px;
	background-color: white;
	color: #595959;
}
.content TH { 
	background: #f8d8a6 url(../images/ui/table_header_gradient.gif) repeat-x bottom; /*OLD: f0d7a7 */
	height: 14pt; 
	padding: 2pt 4pt 4pt 4pt;
	text-align: center; 
	border: 0;
	font-weight: normal;
	vertical-align: bottom;
	color: #4C4C4B; /* OLD: #62210E #323232 */
}

.content TD { background: #FAE8CC; padding: 3pt 4pt; /* 4px; */ border: 0; vertical-align: top; }
.rightCol { text-align: right; }
.rightLabel { text-align: right; font-weight: bold; }
.colouredBox { background-color: #f9e1bc!important; /* OLD: #f6d49e */ }

/* requires full CSS3 support - FF3.6 / IE9 upwards */
.stripyRows TR:nth-child(even) TD { background-color: #FAE2BD; }
.altColBg { background-color: #FAE2BD!important; }

/* undo TABLE style for .ui, nested tables and fckEditor drop-down lists */
.content TABLE.ui, .content TABLE TABLE, .content .SC_Panel TABLE { border: 0!important; margin: 0!important; background: none!important; font-size: 1em!important; }
.content TABLE.ui TD, .content TABLE TABLE TD, .content .SC_Panel TABLE TD { background: none!important; border: 0!important; }

TABLE.partWidth { width: auto; }



/* SIGNATURES / PERSON DETAILS ***************************************** */

.signature { margin-top: 12pt; margin-bottom: 15pt; }
.name { font-weight: bold; color: #3D4778; letter-spacing: -0.1em; }

/* make person name bigger in signatures */
.signature .name { margin-top: 2pt; margin-bottom: 2pt; font-size: 1.25em; letter-spacing: 0em; }

/* person's position (sometimes also their email/tel address in sig) */
.signature .position { margin-top: 2pt; margin-bottom: 2pt; font-size: 0.85em; text-transform: uppercase; font-style: normal; }



/* IMAGE GALLERIES ************************* */

.photoGallery { margin-top: 15pt; margin-bottom: 5pt; /*clear: both;*/ }

.photoGallery IMG { margin: 0 5pt 10pt 5pt; vertical-align: top; }
.photoGallery DIV.divImg, DIV.vtThumb {
	float: left; width: auto; vertical-align: top;
	_position: relative; 				/* CSS HACK: ensure visible over background in IE6 */
}
.photoGallery.thumbs IMG { margin-right: 5pt; cursor: pointer; }

.photoGallery DIV.imgCaption { /* margin-top: -7pt; */ color: gray; }





/* MISC STYLES ******************************************** */

/* From old Haybridge - lists to the right of left floated elements have messed up left margin.
		Wrap with DIV with this class to fix. */
DIV.fixIEListFloatBug {	zoom: 1; }
DIV.fixIEListFloatBug UL { 
	margin-top: 0em; margin-bottom: 0em;
	/* OLD:  margin-top: 0.3em; margin-bottom: 1em; */
}

INPUT.noBorder { background-color: transparent; border: 0px!important; }


SPAN.docTitle { font-style: italic; }
SPAN.dlSize { font-size: 0.8em; color: gray; font-style: italic; }		/* download size */
.urgentText { font-weight: bold; color: red; } 	/* FCKeditor custom style */

.content .date, .content A.date { color: #71879A!important; }

.errorUrl { color: #71879A; font-style: italic; }		/* 404 page invalid URL */


/* abbreviation - dashed underline to show that can see explanation by mouseovering */
SPAN.abbr { border-bottom: 1px #71879A dashed; cursor: help; }
.infoTip { cursor: help; }

/* apply to (eg) DIV after an H1 to float to right of it */
.rightOfTitle { float: right; margin-top: -3em; color: gray; font-style: italic; font-size: 0.9em; }

/* e.g., PDF software instructions footnotes */
.footnote, .footnote A { font-size: 8.5pt; }
.footnote { padding-top: 15pt; margin-left: 6pt; clear: both; color: gray; font-style: italic; }
.footnote P { margin-bottom: 0em; }
.footnote BIG { font-size: 12pt; position: relative; top: 1px; }


P.intro { font-weight: bold; }
.redText { color: red; }
.urgentText { color: red; font-weight: bold; }



/* PAGE SPECIFIC STYLES *********************************** */

/* HOME PAGE */
.homePage H1.pageTitle STRONG { color: #4A599C; }
.homePage .homePolaroid { margin-top: -8pt!important; margin-left: 10pt!important; }
.homePage #centercontent .content P { font-size: 1.0em; }

/* VIRTUAL TOUR GALLERY */
DIV.vtGallery { clear: none; }
IMG.vtThumb { margin: 0px!important; cursor: pointer; padding: 0; }
DIV.vtThumb { height: 130px; margin-left: 20px; }

/* FLV VIDEOS - in-place quality switching */
.flvVideo { text-align: center; }
.flvVideo IFRAME { border: gray 1px solid; vertical-align: middle; }
.divQuality { margin-top: 3pt; }
.divQuality SPAN { color: gray; margin: 0 2pt; }
.divQuality A.currQuality { color: gray!important; text-decoration: none; }
/* OLD:
	.divVidVers { margin-top: 3pt; font-size: 7pt; }
	.divVidVers SPAN { color: gray; margin: 0 2pt; }
*/

/* House System table */
.houseSystem { font-size: 7pt; margin-left: 0pt!important; z-index: 99; position: relative; }
.houseSystem TABLE { border: 0px; }
.houseSystem TABLE TD { border: 0px; white-space: nowrap; }

.houseSystem TD { vertical-align: top; padding: 2pt 4pt; }
TABLE.houseSystem TABLE { width: 100%; border-collapse: collapse; }
TABLE.houseSystem TABLE TD { padding-right: 3pt; }
TABLE.houseSystem TABLE EM { display: block; font-size: 0.8em; }
.houseSystem .rowLabel { width: 35pt; background: #666; /*color: white;*/ }		/* OLD */
.houseSystem .yellow { background: #FFF17E; }
.houseSystem .red { background: #FF9999; }
.houseSystem .green { background: #CCFFCC; }
.houseSystem .blue { background: #BCE6FC; }
.houseSystem .white { background: white; }

/* uniform listings */
.schoolStock { color: blue; }

/* vacancies */
UL.vacancies { margin-bottom: 20pt; /* OLD: -10pt */ }
UL.vacancies UL { margin-bottom: 15pt; }
UL.vacancies UL STRONG { color: #666; margin-right: 3pt }

.page_job_vacancies #dnn_ContentPane H2 { font-size: 1.2em; font-weight: bold; }

/* 404 Error page */
.page_404_error #breadcrumb { display: none; }


/* SIXTH FORM APPLY ************************************************* */
.dimmed { color: #AAA; line-height: 1.3!important; }		/* field notes and box numbering */
.disabled { background-color: #CCCCCC; }
.sixthFormApply H2 { margin: 20pt 0 5pt 0; }
.sixthFormApply H2 SMALL { margin-left: 3pt; }
.inpText { width: 150pt; }
INPUT.error, SELECT.error { border: 1px solid red; }
LABEL.error { margin-left: 5px; color: red; display: none; }
.dpicker {
	display: inline; width: 150px; padding: 2px 3px 2px 24px;	border: 1px solid #a5acb2;
	background: url(/NWS_Custom/sixthFormApply/images/date.gif) no-repeat left -1px;
	cursor: pointer;
	font-size: 13px;
}
.arrow { font-size: larger; font-weight: bolder; }
A.arrow { text-decoration: none!important; cursor: pointer; }
#infoMsg, .infoMsg { 
	margin: 10pt 0; padding: 20pt 10pt 10pt 10pt!important; 
	border: 2px dashed #71879a; background-color: #f2f3ee; color: red; 
	overflow: auto;
}
.successMsg { color: green; }
.infoMsg IMG.ui { margin-right: 10pt!important; position: relative; top: -7pt; }

.sixthFormApply FIELDSET { margin: 10pt 20pt; padding: 10pt; }
OL.numberedBoxes { color: #AAA; float: left; margin-right: 20pt; margin-top: 5pt }
.sixthFormApply PRE { margin-top: 40pt; }

#submitBtnText { margin-left: 5pt; }
#submitBtnText BIG { margin-right: 2pt; }
#submitBtnText STRONG { color: red; }

#errorsWarning { margin-top: 15pt; margin-left: 20pt; display: none; color: #c70606; }
#errorsWarning B { color: red; margin-left: 3pt; }