/* ************************************************************************
********* TSS Section and page-specific specific styles ******************* */


/* QUALIFICATIONS STYLES */


#qualmaincontent h1 { padding-right: 47px; min-height:47px;} 


/* QUALIFICATIONS ICON STYLES */

h1.alevel {/*background: url(/images/alevelicon.gif) no-repeat right;;*/vertical-align: top; min-height: 47px; padding-top: 5px; padding-bottom: 5px;} 
h1.igcse {/*background: url(/images/igcseicon.gif) no-repeat right;*/ vertical-align: top; } 
h1.olevel {/*background: url(/images/olevelicon.gif) no-repeat right;*/ vertical-align: top; }  
h1.diptt {/*background: url(/images/dipteachtrainicon.gif) no-repeat right;*/ }  
h1.diptict {/*background: url(/images/dip_teaching_ict_icon.gif) no-repeat right;*/}
h1.certteach1 {/*background: url(/images/certteach1icon.gif) no-repeat right;*/ }  
h1.certteach2 {background: url(/images/certteach2icon.gif) no-repeat right; }  
h1.certteach3 {background: url(/images/certteach3icon.gif) no-repeat right; }  
h1.preu {/*background: url(/images/preuicon.gif) no-repeat right;*/}
h1.aice {/*background: url(/images/aiceicon.gif) no-repeat right;*/}
h1.ictstarters {/*background: url(/images/ictstartersicon.gif) no-repeat right;*/}
h1.checkpoint {/*background: url(/images/checkpointicon.gif) no-repeat right;*/}
h1.clait {/*background: url(/images/claiticon.gif) no-repeat right;*/}
h1.ice {/*background: url(/images/iceicon.gif) no-repeat right;*/}
h1.wexp {background: url(/images/workexpicon.gif) no-repeat right;}
h1.dipict {background: url(/images/dip_ict_icon.gif) no-repeat right;}
h1.cidb {/*background: url(/images/dipbusicon.gif) no-repeat right;*/}
h1.cidit {background: url(/images/dipiticon.gif) no-repeat right;}
h1.management {/*background: url(/images/managementicon.gif) no-repeat right;*/}
h1.lowersecondary {background: url(/images/lower2icon.gif) no-repeat right; alt: Cambridge International Lower Secondary Programme icon; no-repeat right; } 
h1.primary {background: url(/images/primaryicon.gif) no-repeat right; }
h1.youngenterprise {background: url(/images/youthicon2.gif) no-repeat right 4px; }
h1.validation {background: url(/images/validationicon.gif) no-repeat right; vertical-align: top; }



/* QUALIFICATIONS ICON SYLES - WITHDRAWN QULAIFICATIONS */
h1.dipcomp {background: url(/images/dip_computing_icon.gif) no-repeat right;}
h1.dippm {background: url(/images/dip_projman_icon.gif) no-repeat right;}
h1.dipofficeadmin {background: url(/images/dip_office_admin_icon.gif) no-repeat right;}
h1.diptravel {background: url(/images/dip_travel_tourism_icon.gif) no-repeat right;}


/* QUALIFICATIONS: ACADEMIC - VERTICALLY ALIGN TABLES (Elliott) */
#qualmaincontent .academquals tr td {vertical-align:top;}


/* QUALIFICATIONS: VOCATIONAL QUALIFICATIONS PANELS */

#vocpanel img {float: left; padding: 0; margin-right: 8px; margin-left: 0px; border: 0px solid #6C7888;   }   
#vocpanel li {margin: 0 0 0 -10px; padding: 0 10px 15px 0; display: block; list-style-type: none; border: 0px dotted #CCCCCC;}
#vocpanel p {margin: 0 0 0 2px; height: 60px; }



/* ELLIOTT */
#vocpanel h2 a {color: #fff; text-decoration: none;}
#vocpanel h2 a:hover {color: #fff; text-decoration: underline;}

/* PROFESSIONAL DEVELOPMENT TABBED NAVIGATION */

ul#prodevtabnav {font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #4E5768;  margin: 0 0 20px 0;}
ul#prodevtabnav li {list-style-type: none; float: left; height: 21px; background-color: #DDE4EC; margin: 2px 2px 0 2px; border: 1px solid #4E5768; padding-bottom: 0;}
ul#prodevtabnav li#activetab {border-bottom: 1px solid #fff;  background-color: #fff; list-style-type: none;}
ul#prodevtabnav li#activetab a { color: #000; list-style-type: none;}
ul#prodevtabnav a {float: left; display: block; color: #666; text-decoration: none; padding: 4px; font-size:11px;}
ul#prodevtabnav a:hover { background: #fff; }

/* PROFDEV GENERIC LISTS */

#qualmaincontent ul.generic {padding-left: 22px; list-style: none; font-size:0.8em; margin-top:4px;}
#qualmaincontent ul.generic li {padding-left: 2px; padding-bottom: 4px; padding-right: 5px; list-style: disc; }
#qualmaincontent ul.generic li ul {padding-left: 22px; list-style: none; font-size:1.0em; margin-top:4px; padding-bottom:0px;}
#qualmaincontent ul.generic li ul li{padding-left: 2px; padding-bottom: 4px; padding-right: 5px; list-style: disc; }
#qualmaincontent ul.qalist li.ans ul.generic {padding-left: 22px; list-style: none; font-size:1.0em; margin-top:4px;}
#qualmaincontent div#level1 ul {margin-left: 20px;}
#qualmaincontent div#level2 ul {margin-left: 20px;}
#qualmaincontent div#level3 ul {margin-left: 20px;}

/* QUALIFICATIONS HEADING STYLES */

#qualmaincontent h2 {background: #E8EBF0; color:#2E302D; border-bottom: 0px solid #2E302D; margin: 0 0 10px 0; }
#qualmaincontent h3 {color: #fff; background: #8C98A8; border: none; margin: 10px 0 10px 0; font-size: 0.8em; padding: 2px 5px 2px 5px;}
#qualmaincontent h3 a {color: #fff; text-decoration: none;}
#qualmaincontent h3 a:hover {color: #fff; text-decoration: underline; }
#qualmaincontent h2.quals {color: #2F2F2F; background: #fff; border-top: 0px solid; border-bottom: 1px solid #A1AEC1; margin: 5px 0 5px 0; padding: 2px 0 2px 0;}


/* QUALIFICATIONS HEADINGS WITH HELP LINKS - ID'S */

#h3helplink {color: #fff; background: #8C98A8; border: none; margin: 10px 0 10px 0; font-size: 0.8em; font-weight: bold; height: 20px; padding: 0px 0px 0px 5px;}
#h3helplink img {float: right; padding: 0; margin; 0; }
#helplinktext {width: 80%; padding-top: 2px; }



/* H4 YEAR HEADINGS AND DIVIDER RULE */

h4.year {font-weight: bold; padding: 8px 0 4px 0; background: #fff; color: #0468B6; border-bottom: 1px dotted #8C98A8; margin-bottom: 6px; }

.divider {padding: 0px 0 2px 0; background: #fff; color: #0468B6; border-bottom: 1px dotted #8C98A8; margin-top: 0; margin-bottom: 10px;}






/* QUALSMAINCONTENT - FILELIST CURRENT */

#qualmaincontent a {color: #0468B6; font-size: 0.9em}
#qualmaincontent ul {list-style-type: disc; margin-left: 0px; font-size: 0.9em}

/* #qualmaincontent li {padding: 0px;} */
/* #qualmaincontent ul li ul li {list-style-type: circle; margin: 20px 0 0 10px; font-size:1em;} */

/* #qualmaincontent ul li ul li {list-style-type:disc; font-size:1em;} */

/* #qualmaincontent ul {padding-bottom: 6px;} */


#qualmaincontent ul.filelist ul.current {
	background-color: #EBEFF4; 
	font-weight:bold; padding: 0px; 
	width: 100%; 
	height: 16px; 
	margin-bottom:0px;  
	}

/*
#qualmaincontent ul.filelist li.current ul li {
	background-color: #EBEFF4; 
	width: 90%; 
	height: 16px; 
	margin: 4px -4px 0px -2px; 
	padding: 2px 15px 0px 2px; 
	}
*/





/* FILELIST - LIST ITEMS */



#qualmaincontent ul.filelist ul {margin-bottom: 0px; background-color: #fff; font-size: 1em;  margin-left: 0;} 

#qualmaincontent ul.filelist li {list-style: none; margin-bottom: 0px; margin-top: 0px; color: #0468B6; padding-top: 0px; }

#qualmaincontent ul.filelist li a {list-style: none; font-weight: normal; color: #0468B6; margin-right: 0px; margin-bottom: 0; text-decoration:none; }

#qualmaincontent ul.filelist li a:hover {list-style: none; color: #02467B; margin-bottom: 0; text-decoration:underline; } 

#qualmaincontent ul.filelist_futuresyll {margin-top: -13px; list-style: none; text-decoration:none; } 

#qualmaincontent ul.filelist_futuresyll li a {text-decoration:none; }

#qualmaincontent ul.filelist_futuresyll li a:hover {text-decoration:underline; color: #02467B;  } 


#qualmaincontent ul.filelistsession {margin-bottom: 6px; margin-top: -2px; background-color: #fff; margin-left: 0; border-bottom: 1px dotted #8C98A8; padding-bottom: 8px; } 

#qualmaincontent ul.filelistsession ul {margin-bottom: 0px; background-color: #fff; margin-left: 0; }

#qualmaincontent ul.filelistsession li {list-style: none; margin-bottom: 0px; margin-top: 0px; color: #0468B6; padding-top: 0px; padding-bottom: 0px; }

#qualmaincontent ul.filelistsession li a {list-style: none; font-weight: normal; color: #0468B6; margin-right: 0px; margin-bottom: 0; text-decoration:none; }

#qualmaincontent ul.filelistsession li a:hover {list-style: none; color: #02467B; margin-bottom: 0; text-decoration:underline; } 



#qualmaincontent ul.filelist li.filelistparent {list-style: none; font-weight: normal; margin-bottom: 0px; margin-top: 0px; color: #0468B6; padding-top: 0px; }

#qualmaincontent ul.filelist li.filelistparent a {list-style: none; color: #0468B6; margin-right: 0px; margin-bottom: 0; text-decoration:none; }

#qualmaincontent ul.filelist li.filelistparent a:hover {list-style: none; color: #02467B; margin-bottom: 0; text-decoration:underline; } 

#qualmaincontent ul.filelist b a {font-weight:bold;}

#qualmaincontent ul.filelist ul.filelistchild, #qualmaincontent ul.filelist_futuresyll ul.filelistchild {margin-left:16px; font-weight:normal; list-style: none; }






/* FILELIST - LIST WITHIN LIST ITEMS */

/* #qualmaincontent ul.filelist ul li a {list-style: none; font-weight: normal; font-size: 0.85em; margin-left: 0; margin-bottom: 0px; text-decoration:none; }

#qualmaincontent ul.filelist ul li a:hover {list-style: none; font-weight: normal; font-size: 0.985m; margin-left: 0; margin-bottom: 0px; color: #02467B; text-decoration:underline; }

#qualmaincontent ul.filelist img {margin: 0 0px 0 0 ;} */

ul.filelist2 {margin-left: 0;}
ul.filelist2 li {margin: 0 0 4px 0; list-style: none; font-weight: normal; padding-bottom: 5px; }
ul.filelist2 ul li {list-style: none; font-weight: normal; font-size: 1.2em;}
ul.voclearnmain, ul.learnteachmain {color: #E92178; margin-left: 25%; }
ul.voclearnmain li {display: block; text-align: center; height: 100px; width: 33%; float: left;}





/* SAVE OF FIRST FILELIST CLASSES - REMOVE WHEN FIXED 

#qualmaincontent ul.filelist ul {margin-bottom: 0px; background-color: #fff; font-size: 1em;  margin-left: 16px} 

#qualmaincontent ul.filelist li {list-style: none; font-size: 0.85em;  margin-bottom: 0px; margin-top: 0px; color: #0468B6; padding-top: 0px; }

#qualmaincontent ul.filelist li a {list-style: none; font-size: 0.85em; font-weight: bold;color: #0468B6; margin-bottom: 0; text-decoration:none; }
#qualmaincontent ul.filelist li a:hover {list-style: none; font-size: 0.85em; color: #02467B; margin-bottom: 0; text-decoration:underline; } 

#qualmaincontent ul.filelist ul li a {list-style: none; font-weight: normal; font-size: 0.85em; margin-left: 0px; margin-bottom: 0px; text-decoration:none; } 
#qualmaincontent ul.filelist ul li a:hover {list-style: none; font-weight: normal; font-size: 0.985m; margin-bottom: 0px; color: #02467B; text-decoration:underline; }

ul.filelist2 {margin-left: 0;}
ul.filelist2 li {margin: 0 0 4px 0; list-style: none; font-weight: normal; padding-bottom: 5px; }
ul.filelist2 ul li {list-style: none; font-weight: normal; font-size: 1.2em;}
ul.voclearnmain, ul.learnteachmain {color: #E92178; margin-left: 25%; }
ul.voclearnmain li {display: block; text-align: center; height: 100px; width: 33%; float: left;}

*/



/* HELP POP-UP STYLES - (also included in helpstyles.css) */


#helppanel {text-align: left; margin: 15px 0 10px 10px; padding-bottom: 14px; color: #111111; background: #fff; border: 1px solid #0468B6; width: 100%; }
#helppanel h1 {font-size: 0.8em; margin-bottom: 0; padding: 2px 5px 2px 7px; background: #0468B6; color: #fff; height: 0px; }

#helppanel h2 {font-size: 0.8em; margin: 0; padding: 2px 5px 2px 10px; background: #0468B6; color: #fff; }
#helppanel h2 a {color: #fff; font-weight: bold; }
#helppanel h2 a:hover {color: #fff; }

#helppaneltitle {font-size: 0.8em; font-weight: bold; margin: 0; padding: 2px 5px 2px 5px; background: #2886CE; color: #111111; }
#helppanel h3 {margin: 6px 7px 2px 7px; font-size: 0.8em; padding: 2px 5px 2px 5px;  background: #E0E7F1; color: #0468B6; }

#helppanel ul {font-size: 0.7em; padding: 5px 5px 6px 2px; color: #111111; }
#helppanel li {color: #111111; padding: 0px 0px 6px 6px; }
#helppanel li.qual {padding: 2px 0px 2px 0px; font-weight: bold; }

#helppanel p {padding: 5px 5px 5px 10px; font-size: 0.8em; }

#helppanel a {text-decoration:none; color:#111111; font-weight: normal; }
#helppanel a:hover {text-decoration:underline; }

#help_container {border: 1px solid #0468B6; width: auto; font-family: Arial;}
#help_container h2 {background-color:#0468B6;color:#FFFFFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 0.8em;font-weight:bold;	text-align:left;margin: 0;padding-top: 5px;padding-bottom: 5px;padding-left: 10px;}
#help_container h3 {background:#E0E7F1  none repeat scroll 0%;border:medium none;color:#0468B6;font-size:0.8em;margin-left:7px;margin-right: 7px;padding:2px 5px;}
#help_container h4 {margin: 0px 10px -15px 10px; padding:0px; font-size:11px; height:auto;}
#help_container p {background-image:none; color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; padding-left: 10px; padding-right: 10px;}
/* #help_container.link {text-align: right;width: 570px;border: 0;margin: 10px;} */
#help_container.link {border: 0; margin:0px 10px 10px 10px;}
#help_container a:link {font-size: 10pt;font-weight: bold;color: #0468B6;text-decoration:none;}
#help_container a:hover {font-size: 10pt;font-weight: bold;color: #0468B6;text-decoration:underline;}
#help_container ul { font-size: 11px}





/* DATE NAVIGATION */

ul#dates  {font-size: 0.75em; list-style-type: none; padding-bottom: 2px; padding-top: 2px; color: #0468B6;
border-right: 0px solid #4E5768; margin: 0 0 0 0; background-color: #EBEFF4; height: 100%; width: 100%; }

ul#dates li {float: left; height: 12px; background-color: #EBEFF4; padding:0px 0px 3px 0px; margin: 1px 0px 0px 0px; border-right: 1px solid #0468B6; list-style-type: none; }

ul#dates li#activedate {font-weight: bold; border-bottom: 0px solid #fff; color: #0468B6; background-color: #EBEFF4; }

#datescontainer {background-color: #DDE4EC; height: 17px; width: 100%; padding-bottom: 0px; margin-bottom:10px; } 

#dates a {float: left; display: block; height: 10px; color: #0468B6; text-decoration: none; padding: 2px 12px 2px 12px; margin-bottom: 0px; }

#dates a:hover {float: left; display: block; color: #0468B6; text-decoration: underline; }

.datelast ul {list-style: none; font-size: 0.85em; font-weight: normal; margin: 0; border-right: 0px;}





li.pdf {padding-left: 25px; background-image: url(//images/pdficon.gif); background-repeat: no-repeat; background-position: 0 0 0 0;}

#qualtablemain {margin: 0 0 10px 0; width: auto; }
#qualtablemain td {width: 25%; margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 5px 5px 5px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#qualtablemain td li {list-style-type: disc; margin-left: 15px; }
#qualtablemain td a {color: #000; text-decoration: none; }
#qualtablemain td a:hover {color: #e92178; text-decoration: underline; }
#qualtablemain th {width: 25%; font-weight: normal; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #9B2057; border-bottom: 1px dotted #8B96A8;}
.qual {	font-weight: bold;}

#upper2, #middle2, #lower2, #prim, #cidb, #clait, #cidit, #manage, #cye, #we, #vocpanel,  #level1, #level2, #level3, #withdrawn
{border: 1px solid #8C97A9; background: #fff; color: #000; margin: 0 0 10px 0; padding: 0; }

#upper2 h2, #middle2 h2, #lower2 h2, #prim h2, #cidb h2, #clait h2, #cidit h2, #manage h2, #cye h2, #we h2, #vocpanel h2, #level1 h2, #level2 h2, #level3 h2, #withdrawn h2 {background-color: #8C97A9; color: #fff; border: none;}

#upper2 p, #middle2 p, #lower2 p, #prim p, #cidb p, #clait p, #cidit p, #manage p, #cye p, #we p, #withdrawn p, #vocpanel p  
{padding: 8px;} 

/* #level1 p, #level2 p, #level3 p, */


#withdrawn li {padding: 0 8px 0 8px;}
.quallist li {	display: inline;}


/* QUALIFICATIONS:TEACHER QUALIFICATIONS PANELS  */
#level1 img, #level2 img, #level3 img {border: 0px solid #CCCCCC; margin: 0 0 0 -9px; }
#level1 p, #level2 p, #level3 p {padding: 8px; margin: 0;}
#level1 li.cictt, #level2 li.cidtt, #level2 li.cidtict {padding: 0 10px 20px 45px; list-style: none;} 

#level3 li.ciad {padding: 0 10px 0px 45px; list-style: none;} 

#level1 li.cictt {background: url(/images/cert_teach_train_icon_sm.gif) no-repeat left; background-position: 0.2em  .2em;} 
#level2 li.cidtt {background: url(/images/dipteachtrainicon_sm.gif) no-repeat left; background-position: 0.2em .2em;} 
#level2 li.cidtict {background: url(/images/dip_teaching_ict_icon_sm.gif) no-repeat left; background-position: 0.2em .2em;} 

#level3 li.ciad {background: url(/images/ciad_sm.gif) no-repeat left; background-position: 0.2em .2em;} 

/* #level3 li.ciad {background: url(/images/ciad_sm.gif) no-repeat left; background-position: 0.2em .2em;} */
/* (/images/ciad_sm.gif) */



/* QUALIFICATIONS: SYLLABUS TABLE */ 
#syllstable {margin: 10px 0 10px 0; width: 95%; border: 1px solid #A1ADC1; }
#syllstable td {width: 25%; margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 5px; background: #fff; color: #000; border: 1px solid #A1ADC1;}
#syllstable td li {list-style-type: disc; margin-left: 15px; }
#syllstable th {width: 25%; font-weight: bold; font-size: 0.80em; margin: 0; padding: 2px; background: #A1ADC1; color: #fff; border: 1px solid #A1ADC1;}



p.subjectfilter {color: #000; background: #ECEDEF; border-top: 1px solid #C2C4C3; border-bottom: 1px solid #c2c4c3; padding: 10px; margin-bottom: 10px;}

/* fixes ie wrapping of form - elliott */
p.subjectfilter #subjectarealist {width:150px;}


ul#subjectlist {color: #000; background: #F7F7F7; padding: 10px 10px 10px 10px; margin: 0 0 20px 0; list-style-type: none; }

.sublistsyllcode {color: #0468B6; font-size: 0.8em; background: #F7F7F7; padding: 0px 0px 0px 0px; margin: 0 0 0px 0; list-style-type: none; }


li.newletter {margin-top: 10px; list-style-type: none;}
p.alsoknownas {color: #6E768D; background: #fff; font-size: 0.7em; }

/*#qualmaincontent h2.syllabus {color: #fff; background: #8C98A8; border: none; margin: 10px 0 10px 0; font-size: 0.8em; padding: 2px 5px 2px 5px;}*/

#qualmaincontent ul.syllabuslist {list-style-type: square; color: #CC196A; margin: 0 0 0 20px; }
#qualmaincontent h4.qa {font-size: 0.8em; font-weight: bold; padding: 4px 0 6px 0; background: #fff; color: #222222; }

p.pagination {	border-top: 1px solid #B3CCE0; 	border-bottom: 1px solid #B3CCE0;
	padding: 5px; 	color: #000;	background: #DDE4EC;	margin-bottom: 10px; }
.pageno {	padding-left: 20px;	padding-right: 10px;}


#qualfiltertable {padding: 0; margin: 0 0 10px 0; width: 99%; color: #000; background: #fff;  }
#qualfiltertable td {margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 5px; }
#qualfiltertable th {font-weight: bold; text-align: right; font-size: 0.8em; margin: 0; padding: 5px;  }
#qualfiltertable th.desc {	width: 90%;}

#qualrestable {margin: 0 0 10px 0; width: auto;  border: 1px solid #A8B1C2;  }
#qualrestable td {width: 25%; margin: 0; text-align: left; 
vertical-align: top;
font-size: 0.8em; padding: 5px; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#qualrestable td li {list-style-type: disc; margin-left: 15px; }
#qualrestable td a {color: #035EA4; font-weight: bold; }
#qualrestable td a:hover {color: #e92178; text-decoration: underline; }
#qualrestable th {font-weight: bold; font-size: 0.8em; margin: 0; padding: 5px; background: #fff; color: #9B2057; border-bottom: 1px dotted #8B96A8;}
#qualrestable th.desc {	width: 90%;}
.qual {font-weight: bold;}
td.media, th.media {}


/* QUALIFICATIONS: RECOGNITION SECTION */
#recognitionpanel {display: block; margin: 0 0 10px 0; }
#recognitionpanel h2 a {color: #fff; background: #8C98A8; padding: 2px; text-decoration: none; }
#recognitionpanel h2 a:hover {color: #fff; background: #8C98A8; padding: 2px; text-decoration: underline; }
#recognitionpanel h3 {color: #fff; background: #8C98A8; padding: 2px 2px 2px 7px; text-decoration: none; border: 0px solid #000; margin: 0 0 0 0; }
#recognitionpanel h3 a:hover {color: #fff; background: #8C98A8; padding: 2px; text-decoration: underline; }
#recognitionpanel p {color: #000; background: #E8EBF0; padding: 10px 10px 20px 10px; border: 1px solid #8C98A8; margin: 0;}
#recognitionpanel img {float: left; padding: 0; margin: -8px 5px 25px -6px; border-right: 0px solid #000; } 


/* QUALIFICATIONS: DOCUMENT LISTS */
ul.doclist, ul.doclist li {list-style-type:none;}


/* QUALIFICATIONS:FORM */
#qualform h1 {height:47px; }
#qualform h2 {background: #8C98A8; color:#fff; margin: 10px 0 10px 0; } 
#qualform label {position: absolute; width: 225px; text-align: left; font-weight: bold;}
#qualform input, #qualform select, #qualform textarea {position: static; width: 240px; margin-left:230px; }
#qualform input#submit {width: auto; margin: 0 10px 20px 230px; }
#qualform input#versionbutton {width: 40px; margin-left: 5px;}#qualform input#enquirybutton {width: 100px; margin-left: 250px; margin-top: 10px;}
#qualform input#submitformbutton {width: 80px; margin: 0 10px 20px -3px;}#qualform input#enquirybutton {width: 100px; margin-left: 250px; margin-top: 10px;}


/* NEWS STYLES */

/* elliott styles */
#newsmaincontent h1 { min-height: 47px; } 
#newsmaincontent h2 {color: #2F2F2F; background: #fff; border-bottom: 1px solid #A1AEC1; margin: 5px 0 15px 0; padding: 2px 0 2px 0;}
#newsmaincontent h2 a {color: #ffffff;font-size: 1em;text-decoration: none;}
#newsmaincontent h2 a:hover { text-decoration: underline; }
#newsmaincontent h2.sectionheads {color: #fff; background: #E6560E; border-bottom: 0px solid #A1AEC1; margin: 5px 0 10px 0; padding: 3px 0 3px 6px;}
#newsmaincontent a {color: #E6560E;}



#newsmaincontent li {margin-bottom: 5px; list-style-type: none; margin-left: 0px; }



img.featureimg {padding: 0 0px 0px 0px; margin-right: 12px; margin-left: 3px; border: 1px solid #6C7888; display: block;}
#newsmaincontent li.feature {border-bottom: 1px dotted #2F2F31; padding: 5px 0 5px 0; min-height:128px; }
#mainnewsfeatures {	background-color: #fff;}
li.announce {border-bottom: 1px dotted #2F2F31; padding: 5px 0 5px 0; }
.date {color: #E6560E; font-size: 0.86em; padding-bottom: 2px; border: 0px solid #CCCCCC }
.desc { font-size: 0.9em; margin: 0 0 20px 0; border: 0px solid #CCCCCC }
#newsmaincontent a.title {color: #111; font-weight: bold; display:block;}
#newsmaincontent a.featuretitle {color: #111; font-size: 1.1em; font-weight: bold; display:block; }
.featuredate {font-size: 0.7em; color: #E6560E; background: #fff;}
#newsmaincontent li.outlook {border-bottom: 0px; margin: 0; padding: 7px 0 0px 0; }
#newsmaincontent li.outlook p {font-size: 1em;}
.outlooktitle {margin: 0 0 0 0; padding: 0; border: 0px solid #CCCCCC;}

/* Profile Styles */
#profilemaincontent h1 {height: 47px; font-size: 1.1em; font-weight: bold; padding: 4px; margin-bottom: 10px; background: #fff; color: #2F2F2F; border-top: 1px dotted #626672; border-bottom: 1px dotted #626672;}
/* #profilemaincontent h2 {font-size: 0.9em; font-weight: bold; padding: 4px; margin-bottom: 8px; background: #fff; color: #626672; padding-left:0px;}
#genericmaincontent h2 {font-size: 0.9em; font-weight: bold; padding: 4px; margin-bottom: 8px; background: #fff; color: #626672; } */
#profilemaincontent h2 {background: #E8EBF0; color:#2E302D; border-bottom: 0px solid #2E302D; margin: 0 0 10px 0; }
#profilemaincontent h3 {font-size: 0.8em; font-weight: bold; padding: 4px; background: #fff; color: #626672; padding-left:0px;}
#profilemaincontent ul.password {padding-left: 16px; list-style: none; }
#profilemaincontent ul.password li {padding-left: 2px; padding-bottom: 2px; padding-right: 5px; list-style: disc; }
#profilemaincontent #userdetails input {margin-bottom:4px;}

/* #profilemaincontent #userdetails .confirm {margin-bottom:0px; padding-top:5px; border: 1px solid #111; } */



/* EVENTS STYLES  */
#eventsmaincontent h1 { min-height: 47px }
#eventsmaincontent h2.purplebg {background: #8B2F93; color:#fff; margin: 5px 0 0 0; padding:4px; }  /* previous bg colour: #812789; */ 
#eventsmaincontent h2 {color: #2f2f2f; padding: 0; margin: 10px 0 5px 0; font-weight: bold; border-bottom: 0px solid #dbc8dc;} /* #8B2F93 */
#eventsmaincontent p.subjectlist {padding: 0; margin: 5px 0 0 0; font-weight:bold; }
#eventsmaincontent p.subjectlist span {padding: 0; margin: 0; font-weight: normal; }
#eventsmaincontent a {color: #812789;}
#eventsmaincontent table {margin: 0 0 0 0;}
#eventlist td {padding: 5px; border-bottom: 1px solid #cccccc; }
#eventlist tr {margin: 0; vertical-align:top; }
#eventlist td .eventdate {background: #fff; color: #812789; font-weight: bold; font-size: 0.8em;   }
#eventlist td .eventtitle {background: #fff; color: #812789; font-size: 0.8em; padding: 0 0 3px 0;}
#eventlist td .eventtitle a {background: #fff; color: #812789;}
#eventlist td .eventlocation {color: #666666; font-weight: bold;}
p.firstpara {font-weight: bold; padding: 10px 0 10px 0; margin: 10px 0 10px 0;}
#eventinfo {margin: 0; padding: 10px; color: #2F2F2F; background: #F3EEF5; border-bottom: 1px solid #DBC8DC; border-left: 1px solid #DBC8DC; border-right: 1px solid #DBC8DC; margin-bottom: 5px; margin-left: 0px; }
#eventinfo p {margin: 0; padding: 0;}
#eventinfo ul p {margin: 0; padding: 0; font-size: 1em; margin: 0px 0 0px 0; }
#eventinfo ul li {margin: 0 0 0 0; padding: 0; }
.middleimg {backround-position: 10px 1px; background-color: #FCB905; }
p.registertop {text-align: right; font-size: 0.7em; margin: 0 0 0 0; } 
p.eventsbacktop {text-align: left; font-size: 0.7em;}
p.eventsbackbottom {text-align:left; margin: 0; font-size: 0.7em;}
p.registerbottom {float:right; text-align: right; font-size: 0.7em; margin: 0; }
#detailtable {background: #fff; border: 1px solid #DBC8DC; padding: 10px; width: 100%; margin-left -10px; margin-bottom: 0px; border-left: 1px solid #DBC8DC; }
#detailtable p {background: #fff; border: 0px solid #DBC8DC; padding: 4px 10px 10px 10px; } 
#detailtable h2 {color:#fff; font-weight: bold; border-left: 0px solid #FDCA00; background: #8B2F93; margin-left: 10px; padding-left: 5px; padding-top: 0px; padding-bottom: 2px; margin-right: 10px; } 
#eventform {color: #000; background: #F3EEF5; padding: 5px 0 5px 0; }
#eventform p {margin: 0; padding: 10px 5px 0px 10px; }
#eventform p label {font-weight: bold; width: 29%; float: left; font-size: 1em; } 
#eventdetailfooter { margin: 8px 0 80px 0; padding: 10px; color: #2F2F2F; background: #F3EEF5; border-bottom: 1px solid #DBC8DC;}


/* COMMUNITY STYLES */

#communitymaincontent h1 { min-height: 47px; } 
#communitymaincontent h2.greenbg {background: #73B014; color: #fff; margin: 5px 0 5px 0; padding:4px;}
#communitymaincontent h2 a {color: #ffffff;font-size: 1em;text-decoration: none;}
#communitymaincontent h2 a:hover { text-decoration: underline; }
#communitymaincontent a {color: #0468B6; font-size: 0.9em}

#communitymaincontent ul {padding-left: 26px; list-style: none; padding-bottom:0px; margin-bottom:4px;}
#communitymaincontent ul li {padding-left: 0px; padding-bottom: 2px; padding-right: 5px; list-style: disc; }

#communitymaincontent td {margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 2px 2px 3px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#communitymaincontent td.qualname {font-size: 0.9em; font-weight: bold; }
#communitymaincontent td a {color: #000; text-decoration: none; }
#communitymaincontent td a:hover {color: #0468B6; text-decoration: underline; }
#communitymaincontent th {width: 25%; font-weight: bold; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #0468B6; border-bottom: 1px dotted #8B96A8;}


#resourcestable {margin: 0 0 10px 0; width: auto;}
#resourcestable td {margin: 0; text-align: left; vertical-align: top; font-size: 0.7em; padding: 5px 20px 5px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#resourcestable td li {list-style-type: disc; margin-left: 15px; }
#resourcestable td a {color: #267CC0; text-decoration: underline; }
#resourcestable td a:hover {color: #024375; text-decoration: underline; }
#resourcestable td.title{font-weight: bold; font-size: 0.8em; padding: 15px 20px 5px 2px ; background: #fff; color: #000; border-top: none;}
#resourcestable td.suspended {color: #555555; }
#resourcestable th {font-weight: bold; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #0468B6; border-bottom: 1px dotted #8B96A8;}
#resourcestable th.status {text-align: center; }

#resourcestable th.description {width: 25%;}
#resourcestable th.rating {width: 10%;}
#resourcestable th.added_by {width: 10%;}
#resourcestable th.date_added {width: 15%;}
#resourcestable th.date_reported {width: 25%;}
#resourcestable.suspended {background: #fff; border-bottom: 1px dotted #8B96A8; }
#resourcestable td.statussuspended {background: #fff; color: #555555; border-bottom: 1px dotted #8B96A8; text-align: center; }
/* #resourcestable td.moderation {background: transparent url(images/filetypes/X01.gif) no-repeat left 5px; padding-left: 20px;} */
#resourcestable td.moderation {left 5px; padding-left: 5px;}

/* USER DETAILS STYLES*/
#userdetails #userdetails input, #userdetails #userdetails select, #userdetails #userdetails textarea {width: 250px; }
#userdetails label {float: left; width: 160px; text-align: left; padding: 0 10px 0 0; font-weight: bold; }
#userdetails input#submit {width: auto; margin: 0 0 1px 0; }
#userdetails input#resetbutton {font-size: 0.8em; width: auto; margin-left: 170px;} 
#userdetails input#submitformbutton {font-size: 0.8em; width: auto; margin: 10 10 10px 10px;}
#userdetails input#enquirybutton {width: 100px; margin-left: 170px;}


/* MAIN CONTENT */

#adminmaincontent h1 { padding-right: 0px;  min-height:47px;}

#adminmaincontent, #tsscontactcontent {margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 210px; padding-top: 0pt; padding-right: 0pt; padding-bottom: 60px; padding-left: 0pt; }
#adminmaincontent h2 {background-color: #e8ebf0; background-image: none; background-repeat: repeat; background-attachment: scroll; background-x-position: 0%; background-y-position: 0%; color: #2e302d; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #2e302d; margin-top: 0pt; margin-right: 0pt; margin-bottom: 10px; margin-left: 0pt;}

/* ADMIN STYLES */
#adminmaincontent li {list-style-type: disc; margin-left: 15px; }

#admintable {margin: 0 0 10px 0; width: auto; }
#admintable td {width: 25%; margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 5px 5px 5px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#admintable td li {list-style-type: disc; margin-left: 15px; }
#admintable td a {color: #000; text-decoration: none; }
#admintable td a:hover {color: #0468B6; text-decoration: underline; }
#admintable th {width: 25%; font-weight: bold; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #0468B6; border-bottom: 1px dotted #8B96A8;}

#coordtable {margin: 0 0 10px 0; width: auto; }
#coordtable td {margin: 0; text-align: left; vertical-align: top; font-size: 0.7em; padding: 5px 20px 5px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#coordtable td li {list-style-type: disc; margin-left: 15px; }
#coordtable td a {color: #000; text-decoration: none; }
#coordtable td a:hover {color: #0468B6; text-decoration: underline; }
#coordtable td.title{font-weight: bold; font-size: 0.8em; padding: 0px 20px 5px 2px ; background: #fff; color: #000; border-top: none;}
#coordtable td.suspended {color: #555555; }
#coordtable th {font-weight: bold; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #0468B6; border-bottom: 1px dotted #8B96A8;}
#coordtable th.status {text-align: center; }
#coordtable.suspended {background: #fff; border-bottom: 1px dotted #8B96A8; }
#coordtable td.statussuspended {background: #fff; color: #555555; border-bottom: 1px dotted #8B96A8; text-align: center; }

#teachertable {margin: 0 0 10px 0; width: auto; }
#teachertable td {margin: 0; text-align: left; vertical-align: top; font-size: 0.7em; padding: 5px 20px 5px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#teachertable td li {list-style-type: disc; margin-left: 15px; }
#teachertable td a {color: #000; text-decoration: none; }
#teachertable td a:hover {color: #0468B6; text-decoration: underline; }
#teachertable td.title{font-weight: bold; font-size: 0.8em; padding: 15px 20px 5px 2px ; background: #fff; color: #000; border-top: none;}
#teachertable td.suspended {color: #555555; }
#teachertable th {font-weight: bold; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #0468B6; border-bottom: 1px dotted #8B96A8;}
#teachertable th.status {text-align: center; }
#teachertable.suspended {background: #fff; border-bottom: 1px dotted #8B96A8; }
#teachertable td.statussuspended {background: #fff; color: #555555; border-bottom: 1px dotted #8B96A8; text-align: center; }

#teacherdetailstable {margin: 0 0 10px 0; width: auto; }
#teacherdetailstable td {width: 75%; margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 5px 20px 5px 2px ; background: fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#teacherdetailstable td li {list-style-type: disc; margin-left: 15px; }
#teacherdetailstable td a {color: #000; text-decoration: none; }
#teacherdetailstable td a:hover {color: #0468B6; text-decoration: underline; }
#teacherdetailstable td.status {text-align: center; }
#teacherdetailstable td.suspended {color: #555555; }
#teacherdetailstable th {vertical-align: top; font-weight: bold; font-size: 0.7em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: 0468B6; border-bottom: 1px dotted #8B96A8;}
#teacherdetailstable th.status {text-align: center; }
#teacherdetailstable.suspended {background: #fff; border-bottom: 1px dotted #8B96A8; }
#teacherdetailstable td.statussuspended {background: #fff; color: #555555; border-bottom: 1px dotted #8B96A8; text-align: center; }

#adminform label {float: left; width: 160px; text-align: left; padding: 0 10px 0 0; font-weight: bold; }
#adminform input#submit {width: auto; margin: 0 0 1px 0; }
#adminform input#resetbutton {font-size: 0.8em; width: auto; margin-left: 170px;} 
#adminform input#submitformbutton {font-size: 0.8em; width: auto; margin: 10 10 10px 10px;}
#adminform input#enquirybutton {width: 100px; margin-left: 170px;}



/* CONTACT STYLES */
#contactmaincontent h1 { min-height: 47px; }
#contactmaincontent h2 {background: #0468B6; color:#fff; margin: 10px 0 10px 0; }
#contactmaincontent #contactform input, #contactmaincontent #contactform select, #contactmaincontent #contactform textarea {width: 270px;}
#contactmaincontent input, #contactmaincontent select, #contactmaincontent textarea {width: 250px; }
#contactmaincontent input#submit {	width: auto; margin-left: 170px;}

#contactform label {float: left; width: 160px; text-align: left; padding: 0 10px 0 0; font-weight: bold; }
#contactform input#submit {width: auto; margin: 0 0 20px 0; }
#contactform input#versionbutton {width: 40px; margin-left: 0px;} 
#contactform input#enquirybutton {width: 100px; margin-left: 170px;}

#contactform input#submitformbutton {width: 80px; }
#contactform input#submitformbutton {font-size: 0.8em; width: auto; margin: 10 10 10px 10px;}


#contactform input#checkbox {width: 200px; border: 1px solid #111; }


#contactform p.checkbox {border: 1px solid #111; }



#contactform input#resetbutton {font-size: 0.8em; width: auto; margin-left: 170px; margin-top: -10px; border 4px solid #000; padding: 0px; } 

#contactmaincontent table {font-size: 0.8em;}
#contactmaincontent table td, #contactmaincontent table th {vertical-align: top; padding: 3px 10px 3px 0;}
#contactmaincontent table th {font-weight: bold; width: 150px;}



/* PROFILE STYLES */
#favouritestable {margin: 0 0 10px 0; width: auto; }
#favouritestable td {margin: 0; text-align: left; vertical-align: top; font-size: 0.8em; padding: 2px 2px 3px 2px ; background: #fff; color: #000; border-bottom: 1px dotted #8B96A8;}
#favouritestable td.qualname {font-size: 0.9em; font-weight: bold; }
#favouritestable td.syll {width: 80%;}
#favouritestable td li {list-style-type: disc; margin-left: 15px; }
#favouritestable td a {color: #000; text-decoration: none; }
#favouritestable td a:hover {color: #0468B6; text-decoration: underline; }
#favouritestable th {width: 25%; font-weight: bold; font-size: 0.65em; margin: 0; padding: 5px 2px 5px 2px ; background: #fff; color: #0468B6; border-bottom: 1px dotted #8B96A8;}



/* PROGRAMME OFFICE */
#progofficemaincontent ul {list-style-type: disc; margin-left: 20px; }
#progofficemaincontent li {padding-bottom: 2px; margin-bottom:5px;}

#progofficemaincontent h1 { padding-right: 47px; min-height:47px;} 
#progofficemaincontent h2 {background: #E8EBF0; color:#2E302D; border-bottom: 0px solid #2E302D; margin: 0 0 10px 0; }
#progofficemaincontent h3 {color: #fff; background: #8C98A8; border: none; margin: 10px 0 10px 0; font-size: 0.8em; padding: 2px 5px 2px 5px;}
#progofficemaincontent h3 a {color: #fff; text-decoration: none;}
#progofficemaincontent h3 a:hover {color: #fff; text-decoration: underline; }
#progofficemaincontent h2.quals {color: #2F2F2F; background: #fff; border-top: 0px solid; border-bottom: 1px solid #A1AEC1; margin: 5px 0 5px 0; padding: 2px 0 2px 0;}



/* FIX TO PREVENT DOWNSCALING OF TABLE/LIST TEXT WHEN IN A PARENT LI */

li.ans #syllstable td, li.ans #syllstable th, ul li ul, ul li ul li, li.ans ul li, li.ans ul { font-size:1.0em; }


/* DIPLOMA WITHDRAWAL */

#diplomawithdrawal {color: #000; background: #E8EBF0; border: 1px solid #8C98A8; margin: -10px 0 0 0; padding: 10px;}

#diplomawithdrawal h2 a {color: #fff; background: #8C98A8; padding: 0 2px 2px 2px; }
#diplomawithdrawal h3 {color: #fff; background: #8C98A8; padding: 2px 2px 2px 2px; }
#diplomawithdrawal h4 {color: #000; font-weight: bold; background: #E8EBF0; margin: 0 0 4px 0;}
#diplomawithdrawallll p {color: #000; background: #E8EBF0; padding: 20px; #8C98A8;}


/* Login CSS */

#login_container {
background-color: #EFF7FD; border: 1px solid #0468B6; padding: 15px;
}

#login_container p.blurb {
font-weight: normal;color: #000; background: #FFF; font-size: 0.7em;
}

#login_container h2.login {
  color: #0B3454 ; font-size: 1.1em; font-family: Arial; font-weight: normal; padding: 0; margin-top: 0px;margin-bottom: 8px; background: #EFF7FD; }
  
  
.login_title {
background-color:#0468B6; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; padding-right: 3px; margint-top: 10px;  margin-bottom: 10px; color: #FFF; font-weight: bold; font-size: 0.8em
}

#login_welcome h2 {
color: #0468B6; font-family: Arial; background: #FFF;font-size: 1.2em; font-weight: normal; padding: 0;
}

span.login_fields {
font-size: 0.8em; font-weight: bold; padding: 0;
}
p.login_links {
font-size: 0.8em;
}

p.loginintro {
font-weight: normal;color: #000; background: #FFF; font-size: 0.7em;
}

p.logintext {
font-weight: normal;color: #000; background: #EFF7FD;
}


