@charset "utf-8";
/* CSS Document */

html { overflow-y:scroll}

	/* Usual suspects */
	body {
	margin: 0;
	width: 100%;
	background-color: #fafbfb;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 1em;
	background-image:url(/Images/surreySchool/content/bodyBg.gif);
	background-repeat:repeat-x; 
	background-position:top;
	background-color:#f9fcfb;
	
}
h2{font-size: 0.95em;}
p {
	margin: 0;
	padding: 0;
}

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

a:link {color:#F8A82B;}
a:visited {color:#3B255F;}
a:hover {color:#F8A82B;}
a:active {color:#F8A82B;}


/* Outermost Central Container */

	div.container {
	width: 950px;
	margin: 0 auto;
}


/* Header related */
	div.head {
	width: 950px;
	margin-top:16px;
	background-color:#02614d;
	margin-right:6px;
}

div.head img { float:left;}

/* Login area at top of page */
	div.top-login-strip-container {
	min-height: 31px;
	width: 100%;
	background-image:url(/Images/surreySchool/bg_top_login_strip.gif);
	background-repeat: repeat-x;
	background-color:#d1d6d7;
}
div.top-login-strip-outer {
	width: 950px;
	margin: 0 auto;
}
div.top-login-strip-lhs {
	width: 350px;
	float: left;
	line-height: 2.3em;
	font-size: 0.75em;
	color: #27164c;
}
div.top-login-strip-rhs {
	float: right;
	line-height: 2.3em;
	font-size: 0.75em;
}
div.top-login-description {
	float: left;
	margin-left: 1px;
	padding: 0 5px 0 5px;
	line-height: 2.3em;
	color: #27164c;
}
div.top-login-description a {
	color: #27164c;
	text-decoration:underline;
}
div.top-login-icon {
	float: left;
	padding: 5px 0 0 5px;
}
div.top-login-field {
	width: 126px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.top-login-text-field {
	width: 120px;
	min-height: 16px;
	margin-top: 2px;
	float: left;
}

/* Primary nav containers */
	div.menubar-container {
	width: 950px;
	float:left;
	margin-right:6px;
}

/*menu code new*/

#menu { height:auto; background:#d7e8e2; position:relative; margin: 0px 0px 0px 0px; width:948px; float:left; border:1px solid #ffffff; font-weight:normal;}

#menu .select, #menu .active {margin:0px; padding:0px; list-style:none; display:block;}

#menu li {display:inline; margin:0px; padding:0px;height:auto; background-image:url(/Images/surreySchool/content/topNavDivide.gif); background-position:right; background-repeat:no-repeat;  float:left;}

#menu .select a,
#menu .active a {display:block; height:21px; float:left;  padding:0px 0px 0px 3px; text-decoration:none; font-size:0.88em; line-height:20px; white-space:nowrap; font-weight:normal; }
* html #menu .select a, * html #menu .active a {width:1px;}

#menu .select b, 
#menu .active b {height:100%; display:block; padding:0px; color:#02614d; font-weight:normal; padding:7px 15px 7px 15px; background-image:url(/Images/surreySchool/content/topNavDivide.gif); background-position:right; background-repeat:no-repeat; }

#menu .select a, 
#menu .active a {height:100%; display:block; padding:0px; color:#02614d; font-weight:normal; }

#menu .select a:hover, 
#menu .select li:hover a { cursor:pointer; background-color:#02614d;}

#menu .select a:hover b, 
#menu .select li:hover a b { color:#fff;}

#menu .sub {display:none;}

#menu .sub li { background-image:url(/Images/surreySchool/content/bottomNavDivide.gif); background-position:right bottom; background-repeat:no-repeat; padding:2px 7px 2px 7px; font-size:0.81em;}
#menu .sub_active li { background-image:url(/Images/surreySchool/content/bottomNavDivide.gif); background-position:right; background-repeat:no-repeat; padding:2px 7px 2px 7px; font-size:0.81em;}

/* for IE5.5 and IE6 only */
#menu table {position:absolute; border-collapse:collapse; left:0; top:0;}

#menu .active a {font-weight:normal;  }
#menu .active a b {color:#ff6; background-color:#02614d; font-weight:normal; padding:7px 15px 7px 15px;}

#menu .sub li a:hover, 
#menu .select a:hover .sub li a:hover, 
#menu .select li:hover .sub li a:hover {background:#02614D; color:#FFFF66; text-decoration:underline;}

#menu .sub_active .active_sub a, 
#menu .sub_active a:hover {background:#02614D; color:#FFFF66; text-decoration:underline;}

#menu .select li a:hover .sub, 
#menu .select li:hover .sub {display:block; position:absolute; width:950px; top:33px; left:0; background:#02614D; margin-top:1px; padding:0px; z-index:100;}

#menu .sub, #menu .sub_active {margin:0; padding:0; list-style:none;}
#menu .sub_active {display:block; position:absolute; width:948px; top:33px; left:-1px; background:#02614d; margin-top:1px; padding:0; z-index:10; color:#000; border-color:#ffffff; border-style:solid; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; border-top-width:0px }
* html #menu .sub_active, * html #menu .select a:hover .sub {z-index:-1; margin-top:0px; margin-top:1px;}

#menu .sub_active a {height:25px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#menu .sub_active a, 
#menu .select a:hover .sub li a, 
#menu .select li:hover .sub li a {display:inline; background:#02614D; padding:0 10px; margin:0; font-size:0.94em; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#fff; height:25px; line-height:24px; }

.alignTop { vertical-align:top}


/* Main page area containers */

	div.mainarea-container {
	width: 956px;
	float:left;
}

	div.mainarea-container-crumbtrail {
	width: 956px;
	float:left;
}

.standardHolder { float:left; width: 956px;}
.homeSearchHolder { float:left; width: 947px; background-color:#FFF; padding:0px 0px 0px 9px; margin:0px; background-image:url(/Images/surreySchool/content/books.jpg); background-repeat:no-repeat; background-position:right top}
.contentHolder {float:left; width: 956px; padding:0px; margin:0px; background-image: url(/Images/surreySchool/content/contentLine.gif); background-repeat:repeat-y; background-position:top;}
.contentHolder .col1 { float:left; width:445px; padding:10px 15px 10px 15px}
.contentHolder .col1 h1 { font-size:1.25em; color:#02614d; margin:0px 0px 5px 0px; padding:0px; font-weight:bold}
.contentHolder .col1 h2 { font-size:0.94em; color:#02614d; margin:0px 0px 10px 0px; padding:0px; font-weight:normal}
.contentHolder .col1 p { font-size:0.81em; margin-bottom:15px}

.contentHolder .col2 { float:left; width:233px; padding:10px 14px 10px 15px;}
.contentHolder .col2 h3 {font-size:1.13em; font-weight:bold; margin:0px 0px 5px 0px; color:#fe7223;}
.contentHolder .col2 img { margin-bottom:12px}
.contentHolder .col2 ul { margin:10px 0px 20px 0px; padding:0px;}
.contentHolder .col2 ul li { margin:0px 0px 2px 0px; padding:5px 2px 5px 14px; background-image:url(/Images/surreySchool/content/browseJobsBg.jpg); background-repeat:repeat-y; background-position:top; }
.contentHolder .col2 ul li a:link {color:#fe7223; font-size:0.88em; font-weight:normal; text-decoration:none}
.contentHolder .col2 ul li a:visited {color:#fe7223; font-size:0.88em; font-weight:normal; text-decoration:none}
.contentHolder .col2 ul li a:hover {color:#fe7223; font-size:0.88em; font-weight:normal; text-decoration:underline}
.contentHolder .col2 ul li a:active {color:#fe7223; font-size:0.88em; font-weight:normal; text-decoration:underline}

.contentHolder .col3 { float:left; width:208px; padding:0px;}
.contentHolder .col3 .col3Bg { float:left; width:198px; padding:0px 5px 0px 5px; background-color:#b3d0ca;}
.contentHolder .col3 .col3Bg .yellowBox { float:left; width:178px; background-color:#f9f9d0; padding:10px; margin:0px;}
.contentHolder .col3 .col3Bg .yellowBox H4 { padding:0px; margin:0px 0px 5px 0px ; font-weight:bold; font-size:0.94em; color:#03624e}
.contentHolder .col3 .col3Bg .yellowBox input {float: left;}
.contentHolder .col3 .col3Bg .yellowBox p { padding:0px; margin:10px 0px 5px 0px ; font-weight:normal; font-size:0.88em; color:#03624e}
.contentHolder .col3 .col3Bg .yellowBox img { vertical-align:top;}

.contentHolder .col3 .col3Bg .sbox h2 {display: none;}

.contentHolder .col3 .col3Bg .whiteBox { float:left; width:198px; background-color:#ffffff; padding:0px 0px 10px 0px; margin:0px;}
.contentHolder .col3 .col3Bg .whiteBox H4 { padding:5px 10px 5px 10px; margin:0px 0px 10px 0px; font-weight:normal; font-size:0.94em; color:#03624e; border-bottom:1px solid #03624e;}
.contentHolder .col3 .col3Bg .whiteBox label { padding:0px 0px 5px 10px; margin:0px; font-weight:normal; font-size:0.88em; color:#03624e; float:left;}
.contentHolder .col3 .col3Bg .whiteBox input { margin:0px 0px 10px 10px; }
.contentHolder .col3 .col3Bg .whiteBox a { font-size:0.63em}
.contentHolder .col3 .col3Bg .whiteBox ul { font-size:0.88em; padding:0px 0px 5px 10px; margin:0px; font-weight:normal; }

.standardPPV {float:left; width: 916px; background-color:#FFF; padding:15px 20px 15px 20px; margin:0px; background-image: url(/Images/surreySchool/content/content.gif); background-repeat:repeat-y; background-position:top;}
.standardPPV h1 { font-size:1.63em; color:#02614d; margin:0px 0px 15px 0px; padding:0px; font-weight:bold}
.standardPPV h2 { font-size:0.88em; color:#464646; margin:0px 0px 0px 0px; padding:0px; font-weight:bold}
.standardPPV p { font-size:0.81em; margin-bottom:15px}
.standardPPV p a:link {color:#fc782e; text-decoration:none; font-weight:bold;}
.standardPPV p a:visited {color:#fc782e; text-decoration:none;  font-weight:bold;}
.standardPPV p a:hover {color:#fc782e; text-decoration:underline;  font-weight:bold;}
.standardPPV p a:active {color:#fc782e; text-decoration:underline;  font-weight:bold;}

.temporaryStandardContentArea { width:914px; float:left; background-color:#f2f3f8; background-image:url(/Images/Eteach/temp/standardContentArea.jpg); background-repeat:no-repeat; background-position:top; margin-left:10px; padding:10px 8px 10px 8px;}
.supplyContentArea { width:914px; float:left; background-color:#f2f3f8; background-image:url(/Images/Eteach/temp/supplyContentArea.jpg); background-repeat:no-repeat; background-position:top; margin-left:10px; padding:10px 8px 10px 8px;}

.temporaryPPV .premiumLogo { border-color:#547095;}
.temporaryPPV .premiumTitle {color:#547095;}
.temporaryPPV .premiumContentLeftBody h1 {color:#547095;}
.temporaryPPV .premiumContentLeftBody .boldPara p {color:#547095;}
.temporaryPPV .premiumContentLeftAddOnHead h3 {color:#547095;}
.temporaryPPV .premiumContentLeftAddOnBg .award img { border-color:#547095;}
.temporaryPPV .premiumContentLeftAddOnBg .imageLibrary img { border-color:#547095;}
.temporaryPPV .popupContent h1 {color:#547095;}
.temporaryPPV .premiumActions { background-color:#547095;}
.temporaryPPV .jobSummary h3 {color:#547095; border-color:#547095;}
.temporaryPPV .jobSummary p a {color:#547095;}


/* --------------------------------------- */
/*   Green						   */
/* --------------------------------------- */

.green .premiumLogo { border-color:#11a315;}
.green .premiumTitle {color:#11a315;}
.green .premiumContentLeftBody h1 {color:#11a315;}
.green .premiumContentLeftBody .boldPara p {color:#11a315;}
.green .premiumContentLeftAddOnHead h3 {color:#11a315;}
.green .premiumContentLeftAddOnBg .award img { border-color:#11a315;}
.green .premiumContentLeftAddOnBg a img { border-color:#11a315;}
.green .popupContent h1 {color:#11a315;}
.green .premiumActions { background-color:#11a315;}
.green .jobsummary h3 {color:#11a315; border-color:#11a315;}
.green .jobsummary p a {color:#11a315;}
.green .imageLibraryLaunch img { border-color:#11a315;}
.green .video strong {color:#11a315;}

/* --------------------------------------- */
/*   burgundy						   */
/* --------------------------------------- */

.burgundy .premiumLogo { border-color:#9F1D35;} 
.burgundy .premiumTitle {color:#9F1D35;} 
.burgundy .premiumContentLeftBody h1 {color:#9F1D35;} 
.burgundy .premiumContentLeftBody .boldPara p {color:#9F1D35;} 
.burgundy .premiumContentLeftAddOnHead h3 {color:#9F1D35;} 
.burgundy .premiumContentLeftAddOnBg .award img { border-color:#9F1D35;} 
.burgundy .premiumContentLeftAddOnBg .imageLibrary img { border-color:#9F1D35;} 
.burgundy .popupContent h1 {color:#9F1D35;} 
.burgundy .premiumActions { background-color:#9F1D35;} 
.burgundy .jobSummary h3 {color:#9F1D35; border-color:#9F1D35;} 
.burgundy .jobSummary p a {color:#9F1D35;} 
.burgundy .imageLibraryLaunch img { border-color:#9F1D35;} 
.burgundy .video strong {color:#9F1D35;}
 
/* --------------------------------------- */
/*   navy						   */
/* --------------------------------------- */

.navy .premiumLogo { border-color:#091b75;}
.navy .premiumTitle {color:#091b75;}
.navy .premiumContentLeftBody h1 {color:#091b75;}
.navy .premiumContentLeftBody .boldPara p {color:#091b75;}
.navy .premiumContentLeftAddOnHead h3 {color:#091b75;}
.navy .premiumContentLeftAddOnBg .award img { border-color:#091b75;}
.navy .premiumContentLeftAddOnBg a img { border-color:#091b75;}
.navy .popupContent h1 {color:#091b75;}
.navy .premiumActions { background-color:#091b75;}
.navy .jobsummary h3 {color:#091b75; border-color:#091b75;}
.navy .jobsummary p a {color:#091b75;}
.navy .imageLibraryLaunch img { border-color:#091b75;}
.navy .video strong {color:#091b75;}

/* --------------------------------------- */
/*   royalBlue						   */
/* --------------------------------------- */

.royalBlue .premiumLogo { border-color:#0f2ab1;}
.royalBlue .premiumTitle {color:#0f2ab1;}
.royalBlue .premiumContentLeftBody h1 {color:#0f2ab1;}
.royalBlue .premiumContentLeftBody .boldPara p {color:#0f2ab1;}
.royalBlue .premiumContentLeftAddOnHead h3 {color:#0f2ab1;}
.royalBlue .premiumContentLeftAddOnBg .award img { border-color:#0f2ab1;}
.royalBlue .premiumContentLeftAddOnBg a img { border-color:#0f2ab1;}
.royalBlue .popupContent h1 {color:#0f2ab1;}
.royalBlue .premiumActions { background-color:#0f2ab1;}
.royalBlue .jobsummary h3 {color:#0f2ab1; border-color:#0f2ab1;}
.royalBlue .jobsummary p a {color:#0f2ab1;}
.royalBlue .imageLibraryLaunch img { border-color:#0f2ab1;}
.royalBlue .video strong {color:#0f2ab1;}

/* --------------------------------------- */
/*   purple						   */
/* --------------------------------------- */

.purple .premiumLogo { border-color:#770c9f;}
.purple .premiumTitle {color:#770c9f;}
.purple .premiumContentLeftBody h1 {color:#770c9f;}
.purple .premiumContentLeftBody .boldPara p {color:#770c9f;}
.purple .premiumContentLeftAddOnHead h3 {color:#770c9f;}
.purple .premiumContentLeftAddOnBg .award img { border-color:#770c9f;}
.purple .premiumContentLeftAddOnBg a img { border-color:#770c9f;}
.purple .popupContent h1 {color:#770c9f;}
.purple .premiumActions { background-color:#770c9f;}
.purple .jobsummary h3 {color:#770c9f; border-color:#770c9f;}
.purple .jobsummary p a {color:#770c9f;}
.purple .imageLibraryLaunch img { border-color:#770c9f;}
.purple .video strong {color:#770c9f;}

/* --------------------------------------- */
/*   red						   */
/* --------------------------------------- */

.red .premiumLogo { border-color:#ca0d2d;}
.red .premiumTitle {color:#ca0d2d;}
.red .premiumContentLeftBody h1 {color:#ca0d2d;}
.red .premiumContentLeftBody .boldPara p {color:#ca0d2d;}
.red .premiumContentLeftAddOnHead h3 {color:#ca0d2d;}
.red .premiumContentLeftAddOnBg .award img { border-color:#ca0d2d;}
.red .premiumContentLeftAddOnBg a img { border-color:#ca0d2d;}
.red .popupContent h1 {color:#ca0d2d;}
.red .premiumActions { background-color:#ca0d2d;}
.red .jobsummary h3 {color:#ca0d2d; border-color:#ca0d2d;}
.red .jobsummary p a {color:#ca0d2d;}
.red .imageLibraryLaunch img { border-color:#ca0d2d;}
.red .video strong {color:#ca0d2d;}

/* --------------------------------------- */
/*   brown						   */
/* --------------------------------------- */

.brown .premiumLogo { border-color:#79501b;}
.brown .premiumTitle {color:#79501b;}
.brown .premiumContentLeftBody h1 {color:#79501b;}
.brown .premiumContentLeftBody .boldPara p {color:#79501b;}
.brown .premiumContentLeftAddOnHead h3 {color:#79501b;}
.brown .premiumContentLeftAddOnBg .award img { border-color:#79501b;}
.brown .premiumContentLeftAddOnBg a img { border-color:#79501b;}
.brown .popupContent h1 {color:#79501b;}
.brown .premiumActions { background-color:#79501b;}
.brown .jobsummary h3 {color:#79501b; border-color:#79501b;}
.brown .jobsummary p a {color:#79501b;}
.brown .imageLibraryLaunch img { border-color:#79501b;}
.brown .video strong {color:#79501b;}

/* --------------------------------------- */
/*   black						   */
/* --------------------------------------- */

.black .premiumLogo { border-color:#000000;}
.black .premiumTitle {color:#000000;}
.black .premiumContentLeftBody h1 {color:#000000;}
.black .premiumContentLeftBody .boldPara p {color:#000000;}
.black .premiumContentLeftAddOnHead h3 {color:#000000;}
.black .premiumContentLeftAddOnBg .award img { border-color:#000000;}
.black .premiumContentLeftAddOnBg a img { border-color:#000000;}
.black .popupContent h1 {color:#000000;}
.black .premiumActions { background-color:#000000;}
.black .jobsummary h3 {color:#000000; border-color:#000000;}
.black .jobsummary p a {color:#000000;}
.black .imageLibraryLaunch img { border-color:#000000;}
.black .video strong {color:#000000;}

/* --------------------------------------- */
/*   orange						   */
/* --------------------------------------- */

.orange .premiumLogo { border-color:#df8b06;}
.orange .premiumTitle {color:#df8b06;}
.orange .premiumContentLeftBody h1 {color:#df8b06;}
.orange .premiumContentLeftBody .boldPara p {color:#df8b06;}
.orange .premiumContentLeftAddOnHead h3 {color:#df8b06;}
.orange .premiumContentLeftAddOnBg .award img { border-color:#df8b06;}
.orange .premiumContentLeftAddOnBg a img { border-color:#df8b06;}
.orange .popupContent h1 {color:#df8b06;}
.orange .premiumActions { background-color:#df8b06;}
.orange .jobsummary h3 {color:#df8b06; border-color:#df8b06;}
.orange .jobsummary p a {color:#df8b06;}
.orange .imageLibraryLaunch img { border-color:#df8b06;}
.orange .video strong {color:#df8b06;}

/* --------------------------------------- */
/*   grey					   */
/* --------------------------------------- */

.grey .premiumLogo { border-color:#838281;}
.grey .premiumTitle {color:#838281;}
.grey .premiumContentLeftBody h1 {color:#838281;}
.grey .premiumContentLeftBody .boldPara p {color:#838281;}
.grey .premiumContentLeftAddOnHead h3 {color:#838281;}
.grey .premiumContentLeftAddOnBg .award img { border-color:#838281;}
.grey .premiumContentLeftAddOnBg a img { border-color:#838281;}
.grey .popupContent h1 {color:#838281;}
.grey .premiumActions { background-color:#838281;}
.grey .jobsummary h3 {color:#838281; border-color:#838281;}
.grey .jobsummary p a {color:#838281;}
.grey .imageLibraryLaunch img { border-color:#838281;}
.grey .video strong {color:#838281;}

/* --------------------------------------- */
/*   turquoise					   */
/* --------------------------------------- */

.turquoise .premiumLogo { border-color:#1f8087;}
.turquoise .premiumTitle {color:#1f8087;}
.turquoise .premiumContentLeftBody h1 {color:#1f8087;}
.turquoise .premiumContentLeftBody .boldPara p {color:#1f8087;}
.turquoise .premiumContentLeftAddOnHead h3 {color:#1f8087;}
.turquoise .premiumContentLeftAddOnBg .award img { border-color:#1f8087;}
.turquoise .premiumContentLeftAddOnBg .imageLibrary img { border-color:#1f8087;}
.turquoise .popupContent h1 {color:#1f8087;}
.turquoise .premiumActions { background-color:#1f8087;}
.turquoise .jobSummary h3 {color:#1f8087; border-color:#1f8087;}
.turquoise .jobSummary p a {color:#1f8087;}
.turquoise .imageLibraryLaunch img { border-color:#1f8087;}
.turquoise .video strong {color:#1f8087;}

/* --------------------------------------- */
/*   blue					   */
/* --------------------------------------- */

.blueStandard .premiumLogo { border-color:#207ed6;} 
.blueStandard .premiumTitle {color:#207ed6;} 
.blueStandard .premiumContentLeftBody h1 {color:#207ed6;} 
.blueStandard .premiumContentLeftBody .boldPara p {color:#207ed6;} 
.blueStandard .premiumContentLeftAddOnHead h3 {color:#207ed6;} 
.blueStandard .premiumContentLeftAddOnBg .award img { border-color:#207ed6;} 
.blueStandard .premiumContentLeftAddOnBg .imageLibrary img { border-color:#207ed6;} 
.blueStandard .popupContent h1 {color:#207ed6;} 
.blueStandard .premiumActions { background-color:#207ed6;} 
.blueStandard .jobSummary h3 {color:#207ed6; border-color:#207ed6;} 
.blueStandard .jobSummary p a {color:#207ed6;} 
.blueStandard .imageLibraryLaunch img { border-color:#207ed6;} 
.blueStandard .video strong {color:#207ed6;}

/* --------------------------------------- */
/*   pink					   */
/* --------------------------------------- */

.pink .premiumLogo { border-color:#de69cc;} 
.pink .premiumTitle {color:#de69cc;} 
.pink .premiumContentLeftBody h1 {color:#de69cc;} 
.pink .premiumContentLeftBody .boldPara p {color:#de69cc;} 
.pink .premiumContentLeftAddOnHead h3 {color:#de69cc;} 
.pink .premiumContentLeftAddOnBg .award img { border-color:#de69cc;} 
.pink .premiumContentLeftAddOnBg .imageLibrary img { border-color:#de69cc;} 
.pink .popupContent h1 {color:#de69cc;} 
.pink .premiumActions { background-color:#de69cc;} 
.pink .jobSummary h3 {color:#de69cc; border-color:#de69cc;} 
.pink .jobSummary p a {color:#de69cc;} 
.pink .imageLibraryLaunch img { border-color:#de69cc;} 
.pink .video strong {color:#de69cc;}

/* --------------------------------------- */
/*   forest Green					   */
/* --------------------------------------- */
.forestGreen .premiumLogo { border-color:#026f02;} 
.forestGreen .premiumTitle {color:#026f02;} 
.forestGreen .premiumContentLeftBody h1 {color:#026f02;} 
.forestGreen .premiumContentLeftBody .boldPara p {color:#026f02;} 
.forestGreen .premiumContentLeftAddOnHead h3 {color:#026f02;} 
.forestGreen .premiumContentLeftAddOnBg .award img { border-color:#026f02;} 
.forestGreen .premiumContentLeftAddOnBg .imageLibrary img { border-color:#026f02;} 
.forestGreen .popupContent h1 {color:#026f02;} 
.forestGreen .premiumActions { background-color:#026f02;} 
.forestGreen .jobSummary h3 {color:#026f02; border-color:#026f02;} 
.forestGreen .jobSummary p a {color:#026f02;} 
.forestGreen .imageLibraryLaunch img { border-color:#026f02;} 
.forestGreen .video strong {color:#026f02;}

.generalpage {float:left; width: 916px; background-color:#FFF; padding:15px 20px 15px 20px; margin:0px; background-image: url(/Images/surreySchool/content/content.gif); background-repeat:repeat-y; background-position:top; }
.generalpage h1 { font-size:1.63em; color:#02614d; margin:0px 0px 15px 0px; padding:0px; font-weight:bold}
.generalpage h2 { font-size:1.00em; color:#464646; margin:0px 0px 0px 0px; padding:0px; font-weight:bold}
.generalpage h3 { font-size:0.88em; color:#464646; margin:0px 0px 0px 0px; padding:0px; font-weight:bold}
.generalpage p { font-size:0.81em; margin-bottom:15px}
.generalpage p a:link {color:#fc782e; text-decoration:none; font-weight:bold;}
.generalpage p a:visited {color:#fc782e; text-decoration:none;  font-weight:bold;}
.generalpage p a:hover {color:#fc782e; text-decoration:underline;  font-weight:bold;}
.generalpage p a:active {color:#fc782e; text-decoration:underline;  font-weight:bold;}

.searchListing {float:left; width: 936px; background-color:#FFF; padding:10px 10px 15px 10px; margin:0px; background-image: url(/Images/surreySchool/content/content.gif); background-repeat:repeat-y; background-position:top;}
.searchListing h1 { font-size:1.63em; color:#02614d; margin:0px 0px 15px 0px; padding:0px; font-weight:bold}
.searchListing h2 { font-size:0.88em; color:#464646; margin:0px 0px 0px 0px; padding:0px; font-weight:bold}
.searchListing p { font-size:0.81em; margin-bottom:15px}
.searchListing p a:link {color:#fc782e; text-decoration:none; font-weight:bold;}
.searchListing p a:visited {color:#fc782e; text-decoration:none;  font-weight:bold;}
.searchListing p a:hover {color:#fc782e; text-decoration:underline;  font-weight:bold;}
.searchListing p a:active {color:#fc782e; text-decoration:underline;  font-weight:bold;}

.quickSearch {margin-bottom: 20px;}
.quickSearch .header { background-image:url(/Images/surreySchool/content/quickSearchTop.jpg); background-repeat:no-repeat; background-position:top left; float:left; width:921px; color:#02614d; font-weight:bold; font-size:0.88em; padding:5px 10px 10px 15px; min-height:14px;}
* html .quickSearch .header {height:14px;}
.quickSearch .searchBg { background-image:url(/Images/surreySchool/content/quickSearchBg.jpg); background-repeat:repeat-y; background-position:top left; padding:12px 0px 10px 20px; *padding:12px 0px 0px 20px; float:left; width:921px;}
.quickSearch .searchBg label { font-size:0.81em; margin-right:17px; float:left; padding-top:3px;}
.quickSearch .searchBg select { width:210px; *width:194px; float:left; margin-right:22px;}
.quickSearch .searchBg input {float:left;}
.button {color:#FFF; background-color:#02614d; border:1px solid #ffffff; float:left; font-size:0.81em; font-weight:normal; padding:2px 4px 2px 4px; *padding:0px;}

.vacancies { background-image: url(/Images/surreySchool/content/latestVacancies.jpg); background-repeat:no-repeat; background-position:top; float:left; padding:5px 20px 10px 30px; *padding:15px 20px 0px 30px; width:422px; min-height:154px;}

.vacancies h1 { background-image:url(/Images/surreySchool/content/vacanciesLine.gif); background-repeat:no-repeat; background-position:bottom left; font-size:1.13em; color:#02614d; font-weight:normal; margin-bottom:10px}
.vacancies ul {}
.vacancies ul li {background-image:url(/Images/surreySchool/content/vacanciesLine.gif); background-repeat:no-repeat; background-position:bottom left; color:#737373; font-size:0.81em; padding:8px 0px 8px 0px;}
.vacancies ul li a:link { color:#02614d; text-decoration:none; font-weight:bold; }
.vacancies ul li a:visited { color:#02614d; text-decoration:none; font-weight:bold; }
.vacancies ul li a:hover { color:#02614d; text-decoration:underline; font-weight:bold; }
.vacancies ul li a:active { color:#02614d; text-decoration:underline; font-weight:bold; }

.searchForm { background-image:url(/Images/surreySchool/content/searchBox.jpg); background-repeat:no-repeat; background-position:top; float:left; width:269px; margin-left:27px; padding-left:20px; padding-top:8px; *padding-top:17px; padding-bottom:0px; min-height:154px; *min-height:150px;}
.searchForm h1 { font-size:1.13em; color:#02614d; font-weight:normal; margin-bottom:10px}
.searchForm ul { margin:7px 0px 0px 0px; padding:0px; float:left;}
.searchForm ul li { margin:0px; padding:0px; list-style:none; float:left; margin-bottom: 5px;}
.searchForm label { font-size:0.94em; color:#02614d; font-weight:normal;  float:left; width:60px;}
.searchForm select { width:209px; float:left}
.searchForm .greenbutton { color:#FFF; background-color:#02614d; border:1px solid #ffffff; float:right; font-size:0.81em; font-weight:normal; padding:2px; margin-top: -5px;}

.contentHolder .col1 .events { background-color:#d7e8e2; padding:5px; margin-top:20px; width:435px; float:left;}
.contentHolder .col1 .events h2 { font-size:1.13em; font-weight:bold; margin:0px 0px 5px 0px}
.contentHolder .col1 .events h2 img { vertical-align:middle; margin-right:5px}
.contentHolder .col1 .events ul { margin:0px; padding:0px; }
.contentHolder .col1 .events ul li {margin:0px; padding:5px; list-style:none; background-color:#FFF; margin-bottom:5px; font-size:0.81em; color:#02614d; float:left; width:425px}
.contentHolder .col1 .events ul li a {width:435px; float:left;}
.contentHolder .col1 .events ul li a:link {color:#02614d; text-decoration:none; font-weight:bold}
.contentHolder .col1 .events ul li a:visited {color:#02614d; text-decoration:none; font-weight:bold}
.contentHolder .col1 .events ul li a:hover {color:#02614d; text-decoration:underline; font-weight:bold}
.contentHolder .col1 .events ul li a:active {color:#02614d; text-decoration:underline; font-weight:bold}
.contentHolder .col1 .events ul li .floatRight { color:#8d8e8e}

.listedJobs { float:left; width:780px; margin-top:15px }

.temporaryIcon {
float:left;
height:0;
left:11px;
position:relative;
top:130px;
width:0;
z-index:123;

_margin-top:-20px;
_margin-left:-120px;
_left:130px;
}

div.subpage-subhead-breadcrumb {
	float: left;
	width: 820px;
	color: #5e5984;
	font-size: 0.75em;
}
div.subpage-subhead-breadcrumb a {
	color:#3b255f;
	text-decoration: none;
}


div.footer {
	font-size: 0.688em;
	color:#02614d;
	width:950px;
	float:left;
	margin-right:6px;
}

div.footer a { color:#02614d;}

/*********************New Styles Homepage***************************/

.pad5 { padding:5px}
.pad10 { padding:10px}
.pad20 { padding:20px}
.padBot5 { padding-bottom:5px}
.padBot10 { padding-bottom:10px}
.padTop5 { padding-top:5px}
.padTop10 { padding-top:10px}
.padTop20 { padding-top:20px}
.padTop25 { padding-top:25px}
.padTop30 { padding-top:30px}
.padTop35 { padding-top:35px}
.padTop40 { padding-top:40px}
.padTop45 { padding-top:45px}
.padTop50 { padding-top:50px}
.padLeft20 { padding-left:20px;}

.marTB10 { margin-top:10px; margin-bottom:10px;}
.marLeft10 { margin-left:10px}
.marLeft20 { margin-left:20px}
.marRight5 { margin-right:5px;}
.marRight7 { margin-right:7px;}
.marRight8 { margin-right:8px;}
.marRight10 { margin-right:10px}
.marRight15 { margin-right:15px}
.marRight20 { margin-right:20px}
.marRight25 { margin-right:25px}
.marRight30 { margin-right:30px}
.marRight40 { margin-right:40px}
.marTop10 { margin-top:10px}
.marTop20 { margin-top:20px}
.marTop25 { margin-top:25px}
.mar10 { margin:10px}
.mar20 { margin:20px}
.mar20B5 { margin:20px 20px 5px 20px}
.marBot5 { margin-bottom:5px}
.marBot10 { margin-bottom:10px}
.normal { font-weight:normal}
.clear { clear:both;}
.floatRight { float:right}
.floatLeft{ float:left}
.alignTop { vertical-align:top}
.alignCenter { text-align:center}
.alignLeft { text-align:left}
.alignRight { text-align:right}
.bold { font-weight:bold}
.underline { text-decoration:underline}


/*********************Premium***************************/

#contentHolder {
	float:left;
	width:950px;
	background-image: url(/Images/surreySchool/premium/contentBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding-bottom:20px;	
	margin-top: 40px;
}


.crumbtrail { float:left; margin: 0px 0px 0px 0px; width:946px; padding-bottom:10px; padding-left: 10px; background-color: #e8f0ee;}
.crumbtrail ul { display:inline; float:left; width:640px}
.crumbtrail ul li { float:left; font-size:0.69em; color:#02614d; font-weight:bold; margin-right:5px; }
.crumbtrail ul li a { color:#02614d;  font-weight:normal; margin-right:5px;}
.crumbtrail ul li a:link { text-decoration:none; }
.crumbtrail ul li a:visited { text-decoration:none; }
.crumbtrail ul li a:hover{ text-decoration:underline;  }
.crumbtrail ul li a:active {text-decoration:none;}
.crumbtrail ul li .inactiveCrumb {color:#adadc0;  font-weight:normal;}


.premiumBanner { background-image:url(/Images/surreySchool/bannerTemplate.jpg); background-repeat:no-repeat; background-position:top; width:930px; min-height:128px; margin-left:10px; float:left; margin-bottom:10px; margin-top: 10px;}
.temporaryBanner { background-image:url(/Images/surreySchool/bannerTemplate.jpg); background-repeat:no-repeat; background-position:top; width:930px; min-height:128px; margin-left:10px; float:left; margin-bottom:10px; margin-top: 10px;}
.supplyBanner { background-image:url(/Images/surreySchool/bannerTemplate.jpg); background-repeat:no-repeat; background-position:top; width:930px; min-height:128px; margin-left:10px; float:left; margin-bottom:10px; margin-top: 10px;}
.premiumBannerPlain { background-image:url(/Images/surreySchool/bannerTemplate.jpg); background-repeat:no-repeat; background-position:top; width:930px; min-height:128px; margin-left:10px; float:left; margin-bottom:10px; margin-top: 10px;}
.imageLibraryLaunch { float:right; padding:9px 9px 0px 0px}
.imageLibraryLaunch img { border-width:2px; border-style:solid; margin-bottom:5px; padding:4px 4px 4px 4px; background-color:#FFFFFF}
.viewImageGallery { position:relative; z-index:924; top:0px; left:-157px; float:right; height:0px; width:0px}

.premiumLogo { border-width:2px; border-style:solid; float:left; margin-left:18px; margin-top:18px}
.premiumTitle { font-family:Arial, Helvetica, sans-serif; font-size:1.87em; margin-left:15px; margin-top:28px; float:left;}
.premiumContentArea { width:914px; float:left; background-color:#f2f3f8; background-repeat:no-repeat; background-position:top; margin-left:10px; padding:10px 8px 10px 8px; }
.premiumContentFoot { width:930px; float:left; background-image:url(/Images/Eteach/premium/premiumContentFoot.gif); background-repeat:no-repeat; background-position:top; min-height:14px; margin-left:10px;}
.premiumContentLeft { margin-right:10px; width:660px; float:left}
.premiumContentLeftBody { background-image:url(/Images/Eteach/premium/premiumLeftBodyTop.gif); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; padding:5px 15px 15px 15px}
.premiumContentLeftBody h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5em; line-height:1em; margin-top:10px; margin-bottom:5px}
.premiumContentLeftBody h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.93em; color:#8d8d8d; margin-bottom:10px;}
.premiumContentLeftBody p { font-size:0.75em; color:#8d8d8d; margin-bottom:15px; line-height:1.25em}
.premiumContentLeftBody  ul { padding-bottom:8px;}
.premiumContentLeftBody  ul li { font-size:0.75em; color:#7e79a1; margin-bottom:5px; background-image:url(/Images/Eteach/premium/bulletPurple.gif); background-repeat:no-repeat; background-position:0px 8px; padding-left:12px }
.premiumContentLeftBody ul li  a:link { color:#7e79a1; text-decoration:none}
.premiumContentLeftBody ul li  a:visited { color:#7e79a1; text-decoration:none}
.premiumContentLeftBody ul li  a:hover { color:#f8a82b; text-decoration:underline}
.premiumContentLeftBody ul li  a:active { color:#f8a82b; text-decoration:underline}

/*******Search Nav********/

.subNavContentSearch{ 
	float:left; 
	width:410px; 
	margin:0px 20px 0px 0px;	
}
.tabs-order{	width:410px; margin:0px 20px 0px 0px;}
.tabs1-premium{float:left; width:660px; margin: 10px 20px 0px 10px;}
.standardfullContent .tabs1-premium{float:left; width:660px; margin:0px 20px 0px 1px;}
.subNavContentSearch ul, .tabs-order ul, .tabs1-premium ul, .tabs1 ul {
	list-style-type:none;
	float:left; 
	width:910px;
	min-height:30px;
	margin:0px;
	padding:0px;
	line-height: 2.5em;
}
.subNavContentSearch ul li, .tabs-order ul li, .tabs1-premium ul li, .tabs1 ul li{
	display:inline;
	float:left;
	margin:0px 1px 0px 0px;
	min-height:30px;
	width:130px;
	font-size:0.75em;
	font-weight:bold;
	color:#3b255f;
}
.subNavContentSearch ul li a,.tabs-order ul li a, .tabs1-premium ul li a, .tabs1 ul li a {
	display:block;
	float:left;
	color:#fff;
	line-height:2.5em;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	min-height:30px;
	outline:none;
	width: 110px;
}
.subNavContentSearch ul li a,.tabs-order ul li a, .tabs1-premium ul li a, .tabs1 ul li a
{ 
	color: #ffffff; background-color:#02614d;
}
.subNavContentSearch ul li a:hover,.tabs-order ul li a:hover, .tabs1-premium ul li a:hover
{
	color: #02614d; background-color:#b3d0ca;
}
.subNavContentSearch ul li a.current,.tabs-order ul li.current a, .tabs1-premium ul li.current a
{ 
	color: #02614d; background-color:#b3d0ca; 
}
.tabs1-premium ul li.start, .tabs1 ul li.start{display: none;}
/*.subNavContent ul a.current:hover {color: #3b255f; background-image:url(//Images/surreySchool/searchResults/subNavInactive.gif);}*/


/*******End Search Nav*******/

.subContentArea { width: 930px; background-image: url(/Images/surreySchool/premium/subContentAreaBg.jpg); background-repeat:repeat-x; background-position:top; background-color: #f2f3f8;  margin-left:10px; float:left}
.standardHeader { width: 930px; background-image: url(/Images/surreySchool/premium/standardHeader.gif); background-repeat: no-repeat; background-position:top left; float:left}
.subContentArea h1 { font-size:0.94em; font-weight:bold; padding: 10px 0px 14px 10px }

.subContentAreaLight { width: 930px; background-color:#FFFFFF; background-image:url(/Images/surreySchool/premium/contentMidBg.jpg); background-position:left 40px; background-repeat:repeat-x; float:left; margin-left:10px;}
.standardHeaderLight { width: 930px; background-image: url(//Images/surreySchool/generic/standardHeader.gif); background-repeat: no-repeat; background-position:top; float:left}
.subContentAreaLight h1 { font-size:0.94em; font-weight:bold; padding: 10px 0px 4px 10px }
.contentFootLight { background-image:url(//Images/surreySchool/generic/greyFootBg.gif); background-repeat:no-repeat; background-position:top left; height:4px; width:930px; margin-left:10px; float:left;}

.subContentArea760 { width: 780px; background-image: url(/Images/surreySchool/content/subContentAreaBg.jpg); background-repeat:repeat-x; background-position:top; background-color: #ecf3f2;  float:left;}
.subContentArea760 h1 { font-size:0.94em; font-weight:bold; padding: 10px 0px 0px 10px }
.purpleHeader { background-image:url(//Images/surreySchool/myEteach/purpleHeader.png); background-repeat:no-repeat; background-position:top}


.subContentArea760White { width: 780px; background-image: url(/Images/surreySchool/premium/contentMidBg.jpg); background-repeat:repeat-x; background-position:0px 40px; background-color: #ffffff;  margin-left:10px; float:left}
.subContentArea760White h1 { font-size:0.94em; font-weight:bold; padding: 10px 0px 5px 10px }
.subContentHeader760White { background-image:url(//Images/surreySchool/generic/760WhiteHeader.png); background-repeat:no-repeat; background-position:top left;}
.subContentFooter760White {background-image:url(//Images/surreySchool/generic/760WhiteFooter.gif); background-repeat:no-repeat; height:3px; width:780px; float:left;}

.descDetails {width: 910px; float:left; padding:0px 10px 0px 10px;}
.descImg { float:left; width:118px; padding:11px; background-image:url(/Images/surreySchool/premium/logoHolder.gif); background-repeat:no-repeat; background-position:top; min-height:105px;}
.descList1 {float:left; width:316px; padding-left:10px}
.descList1 h2 { font-size:0.75em; font-weight:bold; color:#3b255f; text-decoration:underline; margin:0px; padding:0px; line-height: normal}
.descDetails ul { margin-top:10px;  }
.descDetails ul li { font-size:0.75em; color:#a6aaac; font-weight:bold; }
.descDetails ul li a { color:#a6aaac; font-weight:bold;  text-decoration:underline }
.descDetails ul li a:hover { color:#f8a82b; font-weight:bold;  text-decoration:underline }

.descDetails ul li label {color:#f8a82b; margin-right:5px}

.descList2 {float:left; width:270px; padding-top:25px}
.descActions {float:left; width:154px; margin-left:10px;}

.descList3 {float:left; width:270px; padding-top:0px}


.idNumber { font-size:0.75em; font-weight:bold; color:#3b255f; float:right; margin-bottom:12px}

.premiumDetails { 
	background-image:url(/Images/surreySchool/premium/lineDivide.gif); 
	background-repeat:repeat-x; 
	background-position:top; 
	float:left;
	width:930px;
	margin-top:10px
}

.standardDetails { 
	/*background-image:url(/Images/surreySchool/premium/lineDivide.gif); 
	background-repeat:repeat-x; 
	margin-top:10px;
	padding-top:10px;		
	background-position:top; */
	float:left;
	width: 240px;
}

.premiumDetailsImages { margin:10px 0px 10px 10px}
.premiumDetailsImages img { margin-right:6px}

.leftOptions { float:left; width:220px; margin:0px 10px 0px 10px}
.rightContent { float:left; width:660px;}
.rightOptions { float:left; width:680px; margin-bottom:10px}




/*********************Search Results***************************/



.recentlyViewedJobs { float:left; width:220px; margin:25px 0px 0px 0px}
.rVJobsHeader { background-image:url(/Images/surreySchool/searchResults/resultsBoxTop.png); background-repeat:no-repeat; background-position:top left; padding: 8px 0px 3px 20px; background-color:#514c77}
.rVJobsHeader h2 { font-size:0.94em; font-weight:bold; color:#FFFFFF}
.rVJobsBg { background-image:url(//Images/surreySchool/searchResults/resultsBoxBg.gif); background-repeat: repeat-x; background-position:top left; background-color:#9490ab; color:#FFFFFF; font-size:0.75em; min-height:267px}
.rVJobsBg ul { padding:10px 20px 0px 20px}
.rVJobsBg ul li { padding-bottom:10px}
.rVJobsBg a { color:#F8A82B; font-weight:bold; text-decoration:none;}
.rVJobsBg a:hover { color:#F8A82B; font-weight:bold; text-decoration:underline}
.rVJobsBg h3 { font-size:1.13em; font-weight:bold; color:#ffffff; padding-left:20px; padding-bottom:5px}
.rVJobsBg img {padding:15px 20px 5px 20px;}

.listingtitle {line-height:1.88em; color: #02614d; margin-top:0px;}
.listing .jdtop { float:left; width:775px; padding:10px 0px 5px 5px; background-image:url(/Images/surreySchool/searchResults/underlineLight.gif); background-repeat:repeat-x; background-position:top; min-height: 48px;}
.listing .active { background-image:url(//Images/surreySchool/searchResults/active.gif); background-repeat:repeat-x; background-position:top left; background-color:#facd87}
.logoBox {float:left; width:118px; padding:11px; background-image:url(/Images/surreySchool/premium/logoHolder.gif); background-repeat:no-repeat; background-position:top; margin-right:20px}
.listingSummary { font-size:0.81em; width:426px; float:left}
.listingSummary h2 { margin:0px; padding:0px 0px 7px 0px; line-height:normal;}
.listingSummary h2 a:link { color:#3b255f}
.listingSummary h2 a:visited { color:#3b255f}
.listingSummary h2 a:hover { color:#F8A82B}
.listingSummary h2 a:active { color:#F8A82B}
.listingSummary p { color:#7e79a1;}

.listing .active .listingSummary h2 a:link { color:#853204}
.listing .active .listingSummary a:visited { color:#853204}
.listing .active .listingSummary h2 a:hover { color:#ffffff}
.listing .active .listingSummary h2 a:active { color:#ffffff}
.listing .active .listingSummary p { color:#ef7b07}

.listingBoxes {float:left; width:590px; margin:0px; padding:0px; }

.listingBoxes ul { margin-top:10px; float:left; width:285px;}
.listingBoxes ul li { font-size:0.75em; color:#3b255f; font-weight:normal; background-image:none; padding:0px; width:275px;  }
.listingBoxes ul li a { color:#3b255f; font-weight:bold;  text-decoration:underline }
.listingBoxes ul li a:hover { color:#7e79a1; font-weight:bold;  text-decoration:underline }
.listingBoxes ul li label {color:#3b255f; margin-right:5px; font-weight:bold;}

.listing .active .listingBoxes ul li { color:#853204;  }
.listing .active .listingBoxes ul li a { color:#853204; }
.listing .active .listingBoxes ul li a:hover {color:#ef7b07;}
.listing .active .listingBoxes ul li label { color:#853204; font-weight:bold;}

.bulletinButton { float:left; margin-top:45px; margin-left:10px}


.notFound, .joblistnoresult { padding:40px; text-align:center; line-height:1.25em;}
.notFound p, .joblistnoresult p { margin-bottom:10px}
.notFound a, .joblistnoresult a {color:#F8A82B; font-weight:bold; text-decoration:none; }
.notFound a:hover, .joblistnoresult a:hover {color:#F8A82B; font-weight:bold; text-decoration:underline }


/* --------------------------------------- */
/*    Pagination    					   */
/* --------------------------------------- */

.paging {  float:right; font-size:0.69em; margin: -35px 0px 0px 0px; padding:0px 10px 10px 0px;}
.pagingbottom{ float: left; font-size:0.69em; width: 760px; padding: 5px; background-image:url(/Images/surreySchool/content/pagingBg.gif); background-repeat:no-repeat; background-position:top left; float:left; width:770px; margin-top:15px; *margin-bottom:-14px; height:22px; text-align:right; padding-top:8px; padding-right:10px; background-color: #ffffff;}
.pagination{  float:right;  padding: 12px 10px 0px 0px; /*font-size:0.69em;*/ }
.pagination ul { margin:0px; padding:0px; text-align:right; }
.pagination ul li { display:inline; margin: 0px 2px 0px 0px; list-style-type:none; padding:0px; background-image:none; float:left  }
.pagination ul li a {   margin:0px; padding:1px 4px 1px 4px;  }
.pagination ul li a:link {background-color: #02614d; color:#FFFFFF; font-weight: normal; text-decoration: none; }
.pagination ul li a:visited {background-color: #02614d; color:#FFFFFF; font-weight: normal; text-decoration: none; }
.pagination ul li a:hover {  background-color:#3b255f; color:#FFFFFF; font-weight: normal; text-decoration: none; }
.pagination ul li a:active {  background-color:#3b255f; color:#FFFFFF; font-weight: bold; text-decoration: none; }
.pagination li.nextBackText { padding-right: 2px; font-weight: bold; }
.pagination li.nextBackdivider { color: #F8A82B;  padding-right: 2px;  }
.pagination li.noOfPages { padding-right: 2px; font-size:0.69em;  }
.nextBackHolderMain { margin-bottom:5px; padding-top: 8px; min-height:25px; }
.nextBackHolderMainLeft { float:left; margin-bottom:5px; padding-top: 8px; min-height:25px; }

.pagingbottom .pagingtotalresult, .paging .pagingtotalresult	{padding-right: 2px; font-weight: bold; color:#02614d}
.pagingbottom .pagingdivider,.paging .pagingdivider		{color: #F8A82B;  padding-right: 2px; color:#02614d}
.pagingbottom .paginglocation,.paging .paginglocation		{padding-right: 2px; margin-right: 2px;color: #02614d }
.pagingbottom strong,.paging strong				{margin:0px 2px 0px 0px; padding:1px 4px 1px 4px;background-color:#fc782e; color:#FFFFFF; font-weight: normal; text-decoration: none;}
.pagingbottom a, .pagingbottom a:visited,.paging a, .paging a:visited, .paging a:link{margin:0px 2px 0px 0px; padding:1px 4px 1px 4px;background-color: #02614d; color:#FFFFFF; font-weight: normal; text-decoration: none;}
.pagingbottom a:hover, .pagingbottom a:active,.paging a:hover, .paging a:active{background-color:#fc782e; color:#FFFFFF; font-weight: normal; text-decoration: none;}

/*Chan to copy from here: WARNING used for job list, job view and recruiter profile */
.jr-wrapper{width:869px}
.jd-new{color:#ff0000}
.jd-leftcontent{float:left;width:630px}
.jd-rightcontent{margin-top:5px;float:right}
/*.jdtop {margin:0;padding:0px; background-color: #f2f3f8; border-bottom: solid 1px #cccdd4;}*/
.jdtop-jotw {float:left; width:760px; padding:15px 0px 20px 20px; background-image: url("//Images/surreySchool/searchResults/jotw-background.gif"); background-repeat: repeat-x; border-bottom: solid 1px #cccdd4; background-color: #facd87;}
.jdtop-jotw .jddesc{color: #ef7b07;}
.jdtop-jotw .jdhead a, .jdtop-jotw .jdhead a:visited{color: #fc782e;}
.jdtop-jotw .jdhead .jdid{padding: 10px 5px 0px 0px; }
.jdtop-jotw .jdleftfields, .jdtop-jotw .jdrightfields{color: #853204;}
.jdtop-jotw .jdleftfields a, .jdtop-jotw .jddesc a{color: #853204; font-weight: bold;}
.jdtop-jotw .jdleftfields label, .jdtop-jotw .jdrightfields label{font-weight: bold; color: #853204;}
.jdtop-upgrade {float:left; width:760px; padding:15px 0px 20px 20px; background-image: url("//Images/surreySchool/searchResults/jotw-background.gif"); background-repeat: repeat-x; border-bottom: solid 1px #cccdd4; background-color: #facd87;}
.jdhead {color: #3b255f; font-weight: bold; }
.jdhead a, .jdhead a:visited {color: #fc782e; font-weight: bold; text-decoration:none;}
.jd-jotw {display: none; float:left;font-weight:bold;padding:0 0 0 5px;color:#FFF;background-color:#834cb1;width:120px}
.jdtitle {float:left;padding: 0;font-weight:bold;font-size:85%;}
.jdid {float:right;padding:5px;font-size:80%; color:#fc782e}
.jdcart {float:right;padding:5px; position:relative; z-index:1023; top:35px; *top:40px }
.jdorglogo {float:right;padding:5px 5px 0 0}
.jdlogo {float:left;  padding:0px; border:1px solid #b9b9c1; margin-right:20px; }

.jdsummary {padding: 5px; bottom: 0;}
.jddesc{padding: 0px; font-size: 80%; color: #7e79a1; width: 77%; *width: 400px; _width: 400px; margin-bottom: 10px; color:#464646; min-height: 32px; _height: 32px;}
.jddesc a{color: #fc782e; font-weight: bold;}
.jddesccont{width: 100%;clear:right; *float: left;_float: left; *width: 625px; _width: 570px;}

.jdleftfields {float:left;font-size:0.75em;padding:5px 5px 5px 10px;line-height:150%; color: #464646; width: 285px; background-color:#ffffff}
.jdleftfields a{color: #464646; font-weight: bold;}
.jdleftfields label{color: #464646; font-weight: bold;}
.jdrightfields {float:left;font-size:75%;padding:5px 10px 5px 5px;line-height:150%;text-align:left; color: #464646; margin-left: 0px;  background-color:#ffffff }
.jdrightfields label{color: #464646; font-weight: bold;}
.jdrightfields2 {float:right;font-size:70%;padding:0 5px 0 0;line-height:150%;text-align:right}
.jdbuttons { display: none;/*float: right; width: 125px; */}
.jdtop-jotw .jdbuttons {padding-right: 2px;}

.jdnumberof {float:left;margin:20px 0 10px 0}

.jdlinks {display: none;}
.jdlinks ul { float:right; margin:10px 10px 3px 0px }
.jdlinks ul li {display:inline; font-weight:bold; font-size:0.75em; margin-right:10px;}
.jdlinks ul li a img { border:0px; vertical-align:top; margin-right:5px}
.jdlinks ul li a:link { color:#ffffff; text-decoration:none}
.jdlinks ul li a:visited { color:#ffffff; text-decoration:none}
.jdlinks ul li a:hover { color:#ffffff; text-decoration:underline}
.jdlinks ul li a:active { color:#ffffff; text-decoration:none}

.jdorderby {float:left;font-size:70%;margin:0px 0px 0px 0px;padding:0px;width:100%;}
.jdemployerinfo {width:150px;float:right}
.jdsection{background-image: url(/Images/surreySchool/premium/greyLeftBg.jpg); background-repeat: repeat-x; background-position:top;  margin-bottom:10px; background-color:#FFFFFF; font-size: 0.75em; padding-left: 20px; padding-top: 20px;}
.jdsection h3 { font-size:1.20em; font-weight:bold; margin:0px;}
.jdsection p {padding-top: 15px;}
.jddelete {float:right;padding:5px}

.jdtabcontainer { width: 920px; background-image: url(//Images/surreySchool/subContentAreaBg.jpg); background-repeat:repeat-x; background-position:top; background-color: #f2f3f8;  margin-left:10px; float:left; padding: 5px;}
.jdtabcontainer h1 { font-size:15px; font-weight:bold; padding: 10px 0px 14px 10px }

.jdstandardcontainer{width: 930px; background-image: url(/Images/surreySchool/premium/subContentAreaBg.jpg); background-repeat:repeat-x; background-position:top; background-color: #f2f3f8;  margin-left:10px; float:left;}
.jdstandardcontainer h1 { font-size:15px; font-weight:bold; padding: 10px 0px 14px 10px }
.jdstandardcontainer .jdsummary {margin: 0px 10px 0px 10px;}
.jdstandardcontainer .jdsummary .jdleftfields label{ color: #f8a82b;}
.jdstandardcontainer .jdsummary .jdleftfields {width: 316px;}
.jdstandardcontainer .jdsummary .jdleftfields ul li{ color: #a6aaac; font-weight: bold;}
.jdstandardcontainer .jdsummary .jdrightfields label{ color: #f8a82b;}
.jdstandardcontainer .jdsummary .jdrightfields ul li{ color: #a6aaac; font-weight: bold; margin-left: 0px;}

.jdstandarddetail{background-image:url(/Images/surreySchool/premium/lineDivide.gif); background-repeat:repeat-x; background-position:top; float:left;width:910px;margin-top:10px;padding-top:10px;}

.jdlowresults{ text-align: center; font-size: 0.75em;}
.jdlowresults a{vertical-align: top; color: #3b255f; font-weight: bold; padding-left: 8px;}
.jdactions {display: none;}
.jdactions ul { float:right; margin:20px 10px 10px 0px }
.jdactions ul li {display:inline; font-weight:bold; font-size:12px; margin-right:10px;}
.jdactions ul li img { border:0px; vertical-align: middle; margin-right:5px}
.jdactions ul li a:link { vertical-align: top; color:#ffffff; text-decoration:none}
.jdactions ul li a:visited { vertical-align: top; color:#ffffff; text-decoration:none}
.jdactions ul li a:hover { vertical-align: top; color:#ffffff; text-decoration:underline}
.jdactions ul li a:active { vertical-align: top; color:#ffffff; text-decoration:none}


.premiumContentLeft { margin-right:10px; width:660px; float: left;}
.premiumContentLeftBody { background-image:url(/Images/eteach/premium/premiumLeftBodyTop.gif); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; padding: 15px 15px 15px 15px}
.premiumContentLeftBody h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5em; line-height:1em; margin-bottom:15px}
.premiumContentLeftBody h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.93em; color:#464646; margin-bottom:10px;}
.premiumContentLeftBody p { font-size:0.81em; color:#464646; margin-bottom:15px; line-height:1.25em}
.premiumContentLeftBody  ul { padding-bottom:8px;}
.premiumContentLeftBody  ul li { font-size:0.81em; color:#464646; margin-bottom:5px; background-image:url(/Images/surreySchool/content/bullet.gif); background-repeat:no-repeat; background-position:0px 8px; padding-left:12px }
.premiumContentLeftBody ul li a:link {color:#fc782e; text-decoration:none; font-weight:bold;}
.premiumContentLeftBody ul li  a:visited {color:#fc782e; text-decoration:none;  font-weight:bold;}
.premiumContentLeftBody ul li  a:hover {color:#fc782e; text-decoration:underline;  font-weight:bold;}
.premiumContentLeftBody ul li  a:active {color:#fc782e; text-decoration:underline;  font-weight:bold;}

.premiumContentLeftAddOnHead { float:left; width:660px; background-image:url(/Images/Eteach/premium/addOnHeader.gif); background-repeat:no-repeat; background-color:#FFF; min-height:39px; background-color:#FFFFFF; border-bottom:1px solid #cccccc; }
.premiumContentLeftAddOnHead h3 { font-weight:bold; font-size:0.94em; padding:5px 20px 0px 20px;}
.premiumContentLeftAddOnBg { float:left; width:645px; background-color:#FFFFFF; padding-left:15px; padding-top:10px;}
.premiumContentLeftAddOnBg .awardRow { float:left; width:648px;}
.premiumContentLeftAddOnBg .award { float:left; width:148px; margin:0px 12px 0px 0px; font-size:0.68em; background-image:none; color:#8d8d8d; padding:0px 0px 5px 0px;}
.premiumContentLeftAddOnBg .award img {border-width:2px; border-style:solid; margin-bottom:5px; padding:4px 14px 4px 14px;}
.premiumContentLeftAddOnFoot { background-image:url(/Images/Eteach/premium/addOnFooter.gif); background-repeat:no-repeat; background-position:top; height:5px; float:left; width:660px;}

.premiumContentLeftAddOnBg .imageLibraryRow { float:left; width:648px;}
.premiumContentLeftAddOnBg .imageLibrary, .premiumContentLeftAddOnBg a { float:left; width:148px; margin:0px 12px 0px 0px; font-size:0.68em; background-image:none; color:#8d8d8d; padding:0px 0px 5px 0px;}
.premiumContentLeftAddOnBg a img {border-width:2px; border-style:solid; margin-bottom:5px; padding:0px;}
.premiumContentLeftAddOnBg p { font-size:0.94em; color:#8d8d8d; font-weight:bold; margin-bottom:10px}

.premiumContentLeftBody .boldPara p { font-weight:bold; font-size:0.81em}
.premiumID { float:right; font-weight:bold; color:#FC782E; font-size:1.06em; margin-top:0px; }

.premiumContentRight {width:244px; float:left}
.premiumActions {display: none;}
.premiumActions input { float:left; width:242px; margin-bottom:15px; background-color:#fc782e; color:#ffffff; font-size:1em; border:1px solid #fc782e; padding:3px 0px 3px 0px;}
.premiumButton { background-image:url(/Images/Eteach/premium/premiumButtonHolder.gif);  background-repeat:no-repeat; background-position:top; min-height:35px; text-align:center; float:left; width:660px; padding-top:10px; margin-bottom:10px}

.jobsummary { float:left; width:242px; border:1px solid #cccccc; background-color:#f9f9d0; margin-bottom:15px}
.jobsummary h3 { font-size:1.13em; padding: 10px 0px 8px 10px; border-bottom-width:1px; border-bottom-style:solid; color:#02614d; font-weight:bold; margin:0px }
.jobsummaryinfo { padding:5px; width:232px; float:left;}
.jobsummary p { color:#adacae; font-size:0.75em; padding-bottom:4px; margin-bottom:0px}
.jobsummaryimg { float:left; text-align:center; width:232px; padding:4px 0px 4px 0px; }
.jobsummary img { color:#adacae; font-size:0.75em; border:1px solid #cccccc;}
.jobsummary label { color:#02614d; }

.employerInfo {float:left; width:244px; margin-bottom:10px}
.employerInfoTop { background-image:url(/Images/surreySchool/content/employerInfoTop.jpg); background-position:top; background-repeat:no-repeat; background-color:#e8e9ea; border-bottom: 1px solid #cccccc;}
.employerInfoTop h3 { color:#ffffff; font-size:0.93em; padding:12px 5px 10px 12px; margin:0px}
.employerInfoBg { background-image:url(/Images/surreySchool/content/employerInfoBg.jpg); background-position:top; background-repeat: repeat-x; background-color:#96bcb4;}
.employerInfoBg ul { padding:8px 5px 10px 15px}
.employerInfoBg ul li { padding-bottom:3px; font-size:0.75em}
.employerInfoBg ul li a:link { color:#ffffff; text-decoration:none}
.employerInfoBg ul li a:visited { color:#ffffff; text-decoration:none}
.employerInfoBg ul li a:hover { color:#ffffff; text-decoration:underline}
.employerInfoBg ul li a:active { color:#ffffff; text-decoration:underline}
.employerInfoFoot {background-image:url(/Images/surreySchool/content/employerInfoFoot.gif); background-position:top; background-repeat:no-repeat; background-color:#e8e9ea; height:38px; text-align:center; padding-top:8px}

/* --------------------------------------- */
/*   Popup Overlay						   */
/* --------------------------------------- */

.overlay, .modalBackground {
	background-color:#000000;
	z-index:1000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
#popupHolder { z-index:2000; position:relative; }
#popup {
	position:relative;
	width:582px;
	margin-top:0px;	
}
.popupPanelTop { float:left; width:582px; }
.popupPanelMid { float:left; width:550px; background-image:url(/Images/Eteach/popup/panelMid.png); background-repeat: repeat-y; background-position:0px 0px; padding:0px 16px 0px 16px; margin:0px;}
.popupPanelBtm { float:left; width:582px; }
.popupPanelMid H1{padding: 0px; font-size: 1em;}

.popupTitleBar { float:left; width:530px; background-image:url(/Images/Eteach/popup/titleBarBkgd.jpg); background-repeat:repeat-x; background-position:0px 0px; min-height:38px; padding:0px 0px 0px 20px; }
.popupTitleBar .close { float:left; width:23px; padding:5px 8px 0px 0px; margin:0px;}
.popupTitleBar .title { float:left; width:479px; padding:6px 20px 0px 0px; }

.popupTitleBarAlt { float:left; width:550px; background-image:url(/Images/Eteach/popup/titleBarBkgd.jpg); background-repeat:repeat-x; background-position:0px 0px; padding:0px 0px 4px 0px;  }
.popupTitleBarAlt .close { float:left; width:23px; padding:5px 8px 0px 0px; margin:0px;}
.popupTitleBarAlt .title { float:left; width:499px; padding:0px 20px 0px 0px; }
.popupContent { float:left; width:510px; background-image:url(/Images/Eteach/popup/panelMidBkgd.jpg); background-repeat:repeat-x; background-position:0px 0px; background-color:#ffffff; padding:10px 20px 10px 20px; font-size:0.75em; }
.popupContent h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.88em; line-height:1em; margin-top:10px; margin-bottom:5px}
.popupContent h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.13em; color:#8d8d8d; margin-bottom:10px;}
.popupContent p { padding-bottom:10px; color:#7e79a1;}
.popupContent ul li { color:#7e79a1; margin-bottom:5px; background-image:url(/Images/Eteach/premium/bulletPurple.gif); background-repeat:no-repeat; background-position:0px 8px; padding-left:12px }
.popupContent .multipleSelectPopup ul li {background-image: none;}
.popupContent .colForm { float:left; width:300px; }
.popupContent .colForm ol { margin:0px; padding:0px; float:left; width:300px}
.popupContent .colForm ol li { margin:0px; padding:0px; float:left; width:300px;}
.popupContent .colForm ol li label { float:left; width:300px; color:#3b255f; padding-bottom:7px; font-weight:bold; }
.popupContent .button { float:left; width:400px; background-color: #ffffff;}
.popupContent .button img { float:left; vertical-align:top; margin-right:5px; }

.popupContent .colFormSection { float:left; width:510px; padding-top:10px }
.popupContent .colFormSection ol { margin:0px; padding:0px; float:left; width:510px; }
.popupContent .colFormSection ol li { margin:0px; padding:0px; float:left; width:510px;}
.popupContent .colFormSection ol li label { float:left; width:150px; color:#3b255f; padding-bottom:7px; font-weight:bold; }
.popupContent .colFormSection ol li textarea { width:500px; height:50px; overflow-y:scroll; font-family:Arial, Helvetica, sans-serif}

.popupContent .buttonWide { float:left; width:600px;}
.popupContent .buttonWide img { float:left; vertical-align:top; margin-right:5px; }

.popupContent a:link {color:#3b255f; text-decoration:underline;}
.popupContent a:visited {color:#3b255f; text-decoration:underline;}
.popupContent a:hover {color:#f2913c; text-decoration:underline;}
.popupContent a:active {color:#f2913c; text-decoration:underline;}

.popupContent .popupApp ul { margin-bottom:20px;}
.popupContent .popupApp li { background-image:none; padding:0px; margin-bottom:10px; font-size:1.06em}
.popupContent .popupApp li a:link { color:#f2913c; text-decoration:none}
.popupContent .popupApp li a:visited {color:#f2913c; text-decoration:none}
.popupContent .popupApp li a:hover {color:#3b255f; text-decoration:none}
.popupContent .popupApp li a:active {color:#3b255f; text-decoration:none}

.popupContent .popupApp li img{ margin-right:10px; vertical-align:middle;}

.popupApp { background-image:none; padding:0px; margin-bottom:10px; font-size:0.90em}
.popupApp a:link { color:#f2913c; text-decoration:none}
.popupApp a:visited {color:#f2913c; text-decoration:none}
.popupApp a:hover {color:#3b255f; text-decoration:none}
.popupApp a:active {color:#3b255f; text-decoration:none}
.popupApp br {}

.popupApp img{ margin-right:10px; vertical-align:middle;}

.loginBg { background-image: url(/Images/Eteach/Login/loginGirl.jpg); background-repeat:no-repeat; background-position:right top;}

.generalTemplateContent .leftContent{ margin: 20px;}

.formHolder { width:930px; float:left; margin:10px; background-color: #ffffff;}
.formTopExpand { width:930px; background-repeat:no-repeat; float:left;}
.formHolderTop { width:890px; background-repeat:no-repeat; background-position:top left; padding: 0px 20px 0px 20px; float:left;}
.secondHeader { float:right; width:420px; display: none;}
.formHolderUnderline { width:930px; background-repeat:no-repeat; background-position:top left; height:2px; float:left;}
.formHolderBg { background-repeat:repeat-y; background-position:top left; float:left; width:930px;}
.formHolderMid { background-repeat: repeat-x; background-position: top left; padding:20px; width:420px; float:left}
.formHolderMidDivide { width:419px; border-left:1px solid #d5d3dd}
.formHolderMid ol { margin:0px; padding:0px; float:left; width:420px}
.formHolderMid ol li { margin:0px; padding:0px; float:left; width:430px;}
.formHolderMid ol li label { float:left; width:420px; color:#3b255f; font-size:0.75em; padding-bottom:7px; font-weight:bold;}
.formHolderMid ol li select {font-size:0.69em; float:left; width:195px; }
.formHolderMid p { font-size:0.88em; padding-bottom:20px; color:#3b255f; }
.formHolderMid p a:link {color:#f2913c; text-decoration:none;}
.formHolderMid p a:visited {color:#f2913c; text-decoration:none;}
.formHolderMid p a:hover {color:#f2913c; text-decoration:underline;}
.formHolderMid p a:active {color:#f2913c; text-decoration:none;}
.formHolderMid .smallText {font-size:0.88em;}
.width100 { width:100px}
.width180 {width:180px;}
.width190 {width:190px;}
.halfWidthItem { width:200px; float:left;}
.halfWidthItemGrey { width:200px; float:left;}
.formHolderMid ol li .halfWidthItemGrey label { color:#3b255f;}
.formHolderMid ol li input {font-size:0.69em; float:left; }
.greyInput {border:1px solid #7f9db9; height:17px; margin-right:15px}
.formHolderMid ol li textarea { width:360px; height:200px; }
.formHolderMid ol li img { margin-left:15px; position:relative; z-index:101;}
.spacerElement { padding-bottom: 5px; float:left;}

a.formLink:link {color:#f2913c; text-decoration:underline;}
a.formLink:visited {color:#f2913c; text-decoration:underline;}
a.formLink:hover {color:#3b255f; text-decoration:underline;}
a.formLink:active {color:#f2913c; text-decoration:underline;}


.formHolderMid ol li .checkItem {float:left; width:183px; color:#3b255f; font-size:0.75em; padding-bottom:5px; font-weight:bold; }
.formHolderMid ol li .checkItem label { font-size:1em; float:left; width:140px; color:#a6aaac}
.formHolderMid ol li .checkItemWide {float:left; width:320px; color:#3b255f; font-size:0.75em; padding-bottom:5px; font-weight:bold;  }
.formHolderMid ol li .checkItemWide label { font-size:1em; float:left; width:300px; color:#3b255f;}
.formHolderMid ol li .checkItemWide label a:link {color:#3b255f; text-decoration:underline;}
.formHolderMid ol li .checkItemWide label a:visited {color:#3b255f; text-decoration:underline;}
.formHolderMid ol li .checkItemWide label a:hover {color:#f2913c; text-decoration:underline;}
.formHolderMid ol li .checkItemWide label a:active {color:#f2913c; text-decoration:underline;}

.formHolderMid ol li .checkItemSentence {float:left; width:410px; color:#3b255f; font-size:0.75em; padding-bottom:5px; font-weight:bold;  }
.formHolderMid ol li .checkItemSentence label { font-size:1em; float:left; width:390px; color:#3b255f;}
.formHolderMid ol li .checkItemSentence label a:link {color:#3b255f; text-decoration:underline;}
.formHolderMid ol li .checkItemSentence label a:visited {color:#3b255f; text-decoration:underline;}
.formHolderMid ol li .checkItemSentence label a:hover {color:#f2913c; text-decoration:underline;}
.formHolderMid ol li .checkItemSentence label a:active {color:#f2913c; text-decoration:underline;}

.formHolderMid .button {background-color: #ffffff;}
.underlineFull {display: none;}

.GridBColumnAds{display: none;}

.topOptions{display: none;}

.premiumContentLeftAddOnBg .awardRow { float:left; width:648px;}
.premiumContentLeftAddOnBg .award { float:left; width:148px; margin:0px 12px 0px 0px; font-size:0.68em; background-image:none; color:#8d8d8d; padding:0px 0px 5px 0px;}
.premiumContentLeftAddOnBg .award img {border-width:2px; border-style:solid; margin-bottom:5px; padding:4px 14px 4px 14px;}

#ctl00_MiddleContent_EteachFejobsVacancyDisplay {background-image: url(/Images/surreySchool/content/content.gif); background-repeat:repeat-y; background-position:top left; width: 956px; }
#ctl00_MiddleContent_updpnlVacancyDisplay{background-color: #ffffff;}

.generalpage table { width:100%; margin-bottom:15px} 
.generalpage table th { border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; background-color:#02614d; padding:4px; font-size: 0.81em; color:#ffffff; font-weight:bold;} 
.generalpage table td { border-right:1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color:#d7e8e2; padding:4px; font-size: 0.81em}

.generalpage ul  {
color:#02614d;
margin-bottom:14px;
margin:0;
padding:0;
}
.generalpage ul li {
background-image:url(img/surrey/bullet.gif);
background-position:0px 8px;
background-repeat:no-repeat;
color:#02614d;
font-size:0.75em;
margin-bottom:10px;
padding-left:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.frmlabel {float: left;width: 180px; padding:5px 10px 5px 0px; font-weight:bold; color:#464646; font-size: 0.75em;}
.boldtext {width: 180px; padding:5px 10px 5px 0px; font-weight:bold; color:#464646; font-size: 0.75em;}
.frmrequired, .required {color: red; font-size: 0.75em;}
.homelogin {width: 190px;}

.downloads {float:left; width: 906px; background-color:#f9f9d0; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd}
.downloads .header { border-bottom:1px solid #02614d; padding:5px 5px 0px 5px;}
.downloads .header h3 { font-size:0.94em; color:#02614d; margin:0px 0px 0px 0px; padding:0px; font-weight:bold; margin-top:5px; margin-left:5px}
.downloads .header img { float:right}
.downloadsul, .downloads ul { margin:0px; padding:0px;}
.downloadsul li, .downloads ul li { margin:0px; padding:13px 10px 10px 45px; list-style:none; background-color:#fcfcea; border-bottom:1px solid #dddddd; font-size:0.81em}
.downloadsul li a:link, .downloads ul li a:link {color:#02614d; text-decoration:none;}
.downloadsul li a:visited, .downloads ul li a:visited {color:#02614d; text-decoration:none;}
.downloadsul li a:hover, .downloads ul li a:hover {color:#fc782e; text-decoration:underline;}
.downloadsul li a:active, .downloads ul li a:active {color:#fc782e; text-decoration:underline;}
.downloads .word { background-image:url(/Images/surreySchool/content/word.gif); background-repeat:no-repeat; background-position:10px 7px;}
.downloads .pdf { background-image:url(/Images/surreySchool/content/pdf.gif); background-repeat:no-repeat; background-position:10px 7px;}

.generalpage .AspNet-Login {width: 240px;}
.generalpage .AspNet-Login a {font-size: 0.75em;}


.applySummary { background-color: #EAEAEC;  text-align:center; margin-top:5px; padding-top:5px; padding-bottom:5px;}
.premiumExpand a{ background-image:url(/Images/Eteach/premium/premiumExpand.jpg); background-repeat:no-repeat; display:block; font-size:1em; padding:7px; text-decoration:none; margin-bottom:10px; height: 33px;}
.premiumExpand a:link { color:#F8A82B}
.premiumExpand a:visited { color:#F8A82B}
.premiumExpand a:hover { color:#3B255F}
.premiumExpand a:active { color:#F8A82B}
.premiumExpanded { width:630px; float:left; background-color:#FFF; padding-left:15px; padding-right:15px; padding-bottom:10px}
.premiumApply {background-image:url(/Images/Eteach/premium/premiumExpandBg.gif); background-position:0px 0px; background-repeat:repeat-y; float:left; margin:0px; padding:0px 1px; width:629px;}
.premiumApplyTitleBar {background-image:url(/Images/Eteach/premium/premiumExpandTitleBar.gif); background-position:0px 0px; background-repeat:repeat-x; float:left; min-height:38px; padding:0px 0px 0px 20px; width:608px;}
.premiumApplyTitle {float:left; padding:0 20px 0 0; width:479px;}
.premiumApplyTitle h1 {font-size: 1em;}
.premiumApplyContent {  float:left; font-size: 1em; padding:10px 20px; width:580px;}
.premiumApplyContent p {color:#7E79A1;}
.premiumApplyContent p img {margin:5px 10px 5px 0; vertical-align:middle;}
.premiumApplyContent p a {text-decoration:none;}
.premiumApplyContent .popupApp p a {font-size: 1.25em;}
.premiumApplyTop {float:left; width:582px;}
.premiumApplyBottom {float:left; width:582px;}
.premiumApplyContent .frmlabel {color:#3B255F; float:left;  font-weight:bold; padding:5px 10px 5px 0; width:180px;}
.updateBox {
background-color:#FDDEAD;
border:1px solid #F8A82B;
font-size: 0.75em;
margin-bottom:10px;
padding:5px 5px;
text-align:left;
}