/* --- HTML ---*/
html,body{margin:0;padding:0;border:0;}
body{font-family:Trebuchet MS,Verdana,Arial,sans-serif;font-size:76%;text-align:left;color:#666;background-color:#FFFF99;line-height:1.3em;}
h1{margin:10px 0;padding:0;color:#734194;font-weight:normal;font-size:1.7em;line-height:1.2em;}
h2{margin:10px 0;padding:0;font-weight:normal;font-size:1.3em;line-height:1.1em;}
h3{margin:10px 0;padding:0;font-weight:bold;font-size:1.0em;line-height:1.1em;}
ul{margin:0 0 0 24px;padding:0;list-style-type:none;list-style:none;}
ul.bullet{list-style:url(../img/bullet.gif);}
li{padding:0;vertical-align:middle;}
img{border:none;}
a,a:link,a:active,a:visited{color:#666;text-decoration:underline;}
a:hover{}
p{width:510px;margin:0.6em 0 0 0;line-height:1.3em;}
table thead tr th,table thead tr td,table tr th,table tr td{font-size:1.0em;}

/* --- HOME ---*/
#idWrapperHome{width:800px;margin-left:auto;margin-right:auto;padding:0;border:none;
background:url(../img/home_bg.gif) repeat #fff;}
#idContentHome{float:left;width:420px;margin:0 0 10px 0;padding:0;border:none;}
#idContentHome fieldset,#idContentHome .cActions {width:410px;}
#idContentHome fieldset p{width:400px;}
#idContentHome fieldset{padding:4px;}
#idRightHome{float:right;width:160px;margin:0 0 25px 0;padding:0;border:none;background:#707173;}
.cRightTitle{width:150px;margin:0 0 1px 0;height:25px;line-height:23px;padding:0 5px;border:none;background:#003789;
text-align:left;color:#fff;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:1.0em;font-weight:bold;}
ul.home{margin:1em 0.5em;_margin:0.5em 0.8em;padding:0 1em;_padding:0 0.9em;
list-style-image:url(../img/home_bullet.gif);list-style-position:outside;list-style-type:disc;color:#fff;}
ul.home li{padding:0.1em 0 0.5em 0;_padding:0.1em 0;}
/* --- MIDDLE ---*/
#idBoxHome{margin:6px 0 20px 0;padding:0;width:410px;border:none;}
#idBoxHome h1{margin:10px 0;padding:0;color:#666;font-weight:bold;font-size:1.3em;line-height:1.2em;}
.cBox{margin:0 0 10px 0;padding:0;text-align:left;}
.cBox p{width:430px;}
.cBox a{color:#fff;}
.dBox{margin:0 0 10px 0;padding:0;text-align:left;}
.dBox p{width:430px;}
.dBox a{color:#666;}
.cSpacer{margin:0 0 22px 0;line-height:1.0em;}
/* --- INVITE FORM ---*/
#inviteContactsForm{width:150px;margin:0 0 10px 2px;padding:0;}
#inviteContactsForm fieldset{width:150px;padding:5px 2px;border:none;}
#inviteContactsForm div{margin:0;padding:1px 0;}
#inviteContactsForm .text{width:140px;}

/* --- WRAPPER ---*/
#idWrapper,#idWrapperLogged{width:800px;margin-left:auto;margin-right:auto;background-color:#ffff99;padding:0;border:none;
background:url(../img/bg.gif) repeat #ffff99; border-right: 1px solid #734194;border-left: 1px solid #734194;border-bottom: 1px solid #734194;}
#idWrapperLoggedNoBar{width:1200px;margin-left:auto;margin-right:auto;background:#ffff99;padding:0;border:none;}

/* --- CONTENT ---*/
#idContent{float:left;position:relative;margin:0 0 20px 10px;padding:0;border:none;}
#idShow{width:456px;margin:0 10px 50px 10px;padding:5px;border:none;background-color:#ffff99;}
#idShow p{width:446px;}

/* --- HEADER ---*/
#idHeader{width:800px;height:107px; background-color:#ffff99;position:relative;}
#idHeaderGraphic{clear:right;float:right;position:relative;height:60px;top:12px;right:20px;z-index:2;text-align:right;display:block;}
#idHeaderGraphic a{font-size:0.9em;}
#idHeaderContent{}
#idHeaderWelcome{clear:right;float:right;position:relative;top:0px;_top:5px;right:20px;margin:0;padding:0;white-space: nowrap;color:#ffffff;}
#idHeaderLinks{clear:left;width:800px;float:left;height:25px;line-height:23px;padding:0;margin:0;position:relative;top:66px;_top:66px;z-index:5;background:#734194;}

#idNLHeaderWelcome{clear:right;float:right;position:relative;top:65px;_top:65px;right:10px;margin:0;padding:0;white-space: nowrap;}
#idNLHeaderLinks{clear:left;width:800px;float:left;height:25px;line-height:23px;padding:0;margin:0;position:relative;top:66px;_top:66px;z-index:5;background-color:#734194;}

#idHeaderLinks a{margin:0 11px 0 6px;height:25px;text-decoration:none;font-size:0.9em;color:#fff;}
#idHeaderLinks a:hover{color:#FFD300;}
#idMeganexus{position:relative;top:3px;left:29px; position:absolute;}
#idMeganexus2{float:left;position:relative;top:30px;}
/* --- HEADER NON-LOGGED ---*/
#idWrapper #idHeader #idHeaderLinks{top:85px;_top:115px;}

/* --- FOOTER ---*/
#idFooter{clear:both;position:relative;color:#fff;padding:5px 0 0 0;height:20px;background-color:#734194;font-size:0.9em;}
#idFooter a{color:#fff;}
#idFooter p{margin:0 0 0 20px;font-size:0.9em;}
#idPoweredBy{float:left;width:250px;margin:0 0 0 10px;}
#idSupport{float:right;width:480px;margin:0 10px 0 0;text-align:right;}

/* --- MENU ---*/
#idMenu{clear:left;float:left;width:169px;margin:0 0 30px 0;padding:0;border:none;border-right: 1px solid #734194; height:100%}
.cMenuTitle{width:160px;height:25px;line-height:23px;margin:8px 0 1px 0;padding:0 5px;border:none;background:#003789;
text-align:left;color:#fff;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:1.0em;font-weight:bold;}
.cMenuTitleLink{font-weight:bold;color:#fff;}
.cMenuItem{width:160px;margin:0 5px 0 10px;padding:0;border:none;text-align:left;}
.cMenuItemOrphan{margin:2px 0 0 5px;padding:0;border:none;text-align:left;}
.cMenuTitle a,.cMenuTitle a:link,.cMenuTitle a:active,.cMenuTitle a:visited{color:#fff;}
.cMenuItem a,.cMenuItem a:link,.cMenuItem a:active,.cMenuItem a:visited,
.cMenuItemOrphan a,.cMenuItemOrphan a:link,.cMenuItemOrphan a:active,.cMenuItemOrphan a:visited{
font-size:0.9em;text-decoration:none;font-size:1.0em;color:#734194;}
.cMenuItem a:hover,.cMenuItemOrphan a:hover{background:#FFD300;color:#003789;}
#idMenu fieldset{width:180px;padding:5px 2px;border:none;}
#searchGraphForm{width:180px;margin:0 0 10px 2px;padding:0;}
#searchGraphForm .text{width:126px;}
#searchGraphForm .submit{width:26px;}
.cSearchTitle{height:25px;line-height:23px;width:160px;margin:0 0 2px 0;padding:0 5px;border:none;background:#003789;
text-align:left;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:1.0em;font-weight:bold;color:#fff;}

/* --- WELCOME MESSAGE ---*/
#idWelcomeMessage{clear:left;float:left;width:180px;margin:0;padding:0;border:none;}
#idWelcomeHeader{width:170px;margin:0;padding:0;border:none;background:#734194;}
#idWelcomeHeader h1{margin:0 10px;line-height:16px;padding:4px 0;color:#fff;
font-family:Tahoma,Verdana,Arial,sans-serif;font-size:1.0em;font-weight:bold;}
#idWelcomeText p{margin:1.0em 10px;line-height:1.3em;width:150px;font-size:0.9em;}
#idWelcomeImage{text-align: left;}

/* --- TABLE --- */
caption{padding:0 0 5px 0;text-align:left;font-weight:bold;}
table.cDisplay{width:560px;margin:0 0 15px 0;border-collapse:collapse;border:solid 1px #ccc;}
table.cDisplaySmall{width:250px;margin:0 0 15px 0;border-collapse:collapse;border:solid 1px #ccc;}
table.cShow{width:460px;margin:0 0 10px 0;border-collapse:collapse;border:solid 1px #ccc;}
table.cDisplay thead tr,table.cShow thead tr, table.cDisplaySmall thead tr{background:#ccc;}
table.cDisplay thead tr, table.cDisplaySmall thead tr{background:#ccc;}
table.cDisplay thead tr th,table.cDisplay thead tr td,
table.cShow thead tr th,table.cShow thead tr td, table.cDisplaySmall thead tr td{padding:3px;}
table.cDisplay thead tr th, table.cDisplaySmall thead tr th{border-collapse:collapse;border-style:none;border-color:#fff;border-width:0 0 1px 0;}
table.cDisplay tr th,table.cDisplay tr td, table.cDisplaySmall tr td{padding:3px;border-collapse:collapse;border-style:none;border-color:#fff;border-width:0 0 1px 1px;}
thead tr th{padding:0 0 10px 0;text-align:left;vertical-align:top;font-size:1.0em;font-weight:bold;}
td.cTActions{padding:5px 0;text-align:center;background:#ccc;}
td.cLActions{padding:5px 0;text-align:center;background:#EEE8AA;}
th{padding:2px;text-align:left;vertical-align:top;font-size:1.0em;font-weight:bold;}
th.wide{width:300px;font-size:0.9em;}
tr.highlight,th.highlight,td.highlight,th.highlightCenter,td.highlightCenter,th.highlightRight,td.highlightRight,th.wide,td.right{background:#EEE8AA;}
th.highlightCenter,td.highlightCenter{vertical-align:middle;text-align:center;}
th.highlightCenter2,td.highlightCenter2{vertical-align:middle;text-align:center;}
th.highlightRight,td.highlightRight,td.right{text-align:right;}
th.highlightRight2,td.highlightRight2,td.right2{text-align:right;}
td{vertical-align:top;}

/* --- FORM --- */
form{font-size:0.9em;}
fieldset{width:550px;margin:0;padding:4px;border:1px solid #ccc;}
fieldset div{padding:1px 0 3px 0;display:block;}
fieldset p{width:530px;padding:0;}
fieldset fieldset{clear:both;width:500px;margin:0 0 10px 5px;}
fieldset.cShow{width:430px;}
legend{padding:0 10px;border:none;font-weight:bold;letter-spacing:0.04em;color:#666;}
fieldset fieldset legend{letter-spacing:0.0em;}
.cForm{margin:5px 0 10px 0;padding:2px;background:#EEE8AA;color:#666;
border-collapse:collapse;border-style:solid;border-color:#ddd;border-width:1px;}
.cActions{clear:both;float:left;width:548px;margin:2px 0;padding:5px 0;background:#EEE8AA;text-align:center;
border-collapse:collapse;border-style:solid;border-color:#ccc;border-width:1px;}
input,label,select{font-size:1.0em;}
textarea{font-size:1.2em;}
input:focus,select:focus,textarea:focus{background:#ffc;} /* --- used by Mozilla based browsers --- */
#idFormDataMessage{width:530px;vertical-align:top;margin:0 0 10px 0;color:#0ab51e;text-align:left;font-weight:bold;}
#idFormDataError{width:530px;margin:0 0 10px 0;vertical-align:top;text-align:left;color:#f00;font-weight:bold;}
#idBoxHome #idFormDataError{width:400px;}
.cTextarea{clear:both;margin:0 0 0 5px;} /* used with form divs appearing on the next line such as textarea*/

/* --- LABELS --- */
.cLblHTiny{clear:both;float:left;padding:3px 4px;width:120px;font-weight:bold;height:auto;}
.cLblHShort{clear:both;float:left;padding:3px 4px;width:200px;font-weight:bold;height:auto;}
.cLblHMedium{clear:both;float:left;padding:3px 4px;width:250px;font-weight:bold;}
.cLblHLong{clear:both;float:left;padding:3px 4px;width:330px;font-weight:bold;}
.cLblHXLong{clear:both;float:left;padding:3px 4px;width:420px;font-weight:bold;}
.cLblJobType{float:left;width:120px;}
.cLblJobMeta{float:left;width:200px;}
.cLblJobMetaLong{float:left;width:400px;}
/* --- CHECKBOXES --- */
.cCbxTiny{clear:both;float:left;padding:0 4px 0 0;width:20px;text-align:right;background:#EEE8AA;}
.cCbxShort{clear:both;float:left;padding:0 4px 0 4px;width:200px;text-align:right;background:#EEE8AA;}
.cCbxMedium{clear:both;float:left;padding:0 4px 0 4px;width:250px;text-align:right;background:#EEE8AA;}
.cCbxLong{clear:both;float:left;padding:0 4px 0 4px;width:330px;text-align:right;background:#EEE8AA;}
.cCbxJobType{float:left;padding:0 4px 0 0;width:20px;text-align:right;background:#EEE8AA;}
.cCbxJobMeta{float:left;padding:0 4px 0 0;width:20px;text-align:right;background:#EEE8AA;}

/* --- FEEDBACK --- */
.cFeedback{float:left;margin:0 10px;}
.cFeedbackRating{width:540px;padding:5px;border:1px solid #ccc;text-align:center;font-weight:bold;}
.cFeedbackItem{width:530px;margin:10px 0;padding:5px 10px;border:1px solid #ccc;background:#EEE8AA;}
.cFeedbackPhoto{float:left;margin:0 10px 10px 0;}
.cFeedbackNone{width:530px;}

/* --- FEEDBACK ON SHOW PAGES --- */
.cShowFeedbackRating{width:446px;padding:5px;border:1px solid #ccc;text-align:center;font-weight:bold;}
.cShowFeedbackItem{width:436px;margin:10px 0;padding:5px 10px;border:1px solid #ccc;background:#EEE8AA;}
.cShowFeedbackPhoto{float:left;margin:0 10px 0 0;}
.cShowFeedbackNone{width:436px;}

/* --- MISC ---*/
.cSkiplink {height:0;width:0;overflow:hidden;position:absolute;/* for the benefit of IE5 Mac */}
.cClear{clear:both;}
.cRequired{color:#f00;font-weight:bold;}
.cNormal{font-weight:normal;}
.cRight{text-align:right;}
.cCenter{text-align:center;}
.cReg{width:480px;}
.cReg li{margin:8px 0 0 0;}

/* --- PRIVACY STATEMENT, TCs & ACCESSIBILITY---*/
#idWrapperDoc{margin:10px;padding:20px;border:none;background:#ffff99;}
#idWrapperDoc h1{margin:0;padding:0;}
#idWrapperDoc h2{margin:0;padding:20px 0 5px 0;}
#idWrapperDoc p{width:100%;line-height:1.3em;}
#idWrapperDoc ul{margin:20px 0 20px 30px;}
#idWrapperDoc ol{margin:20px 0 20px 0;_margin:20px 0 20px 30px;}

/* --- JAVASCRIPT TREEVIEW --- */
.clsFormDataChild{cursor:pointer;cursor:hand;display:block;}
.clsFormDataTerminus{display:none;margin-left:25px;}
.clsFormDataTerminusNoMargin{display:none;}
.clsFormDataChild a{}
.clsFormDataTerminus a{}

/* --- TRAINING PROVIDER REPORT QUARTERS --- */
.cQuarterHighlight{background:#fcc;}
.highlightRightUnderperformance{background:#eee;color:#f00;}
.highlightRightOverperformance{background:#eee;color:#0c0;}
.highlightArea{text-indent:10px;background:#eee;font-weight:bold;}
.highlightItem{text-indent:20px;background:#eee;font-weight:normal;}
.cEmploymentStats{width:166px;}

/* --- VACANCY AND TRAINING COURSE --- */
p.vacancyBody,p.vacancyHeading,p.vacancyFooter,
p.trainingCourseBody,p.trainingCourseHeading,p.trainingCourseFooter{
width:550px;margin:0 0 1px 0;padding:2px 5px;line-height:1.2em;font-weight:normal;}
p.vacancyBody,p.vacancyFooter,p.trainingCourseBody,p.trainingCourseFooter{margin:0;}
p.vacancyHeading,p.trainingCourseHeading{margin:5px 0 1px 0;background:#ccc;}
p.vacancyBody,p.trainingCourseBody{background:#f3f3f3;}
p.vacancyFooter,p.trainingCourseFooter{background:#f3f3f3;}
p.vacancyLinks,p.trainingCourseLinks{width:550px;text-align:right;background:#FFF;}
span.vacancyTitle,span.trainingCourseTitle{font-size:1.0em;font-weight:bold;}
span.vacancyPropertyHeading,span.trainingCoursePropertyHeading{font-weight:bold;}
span.vacancyProperty,span.trainingCourseProperty{padding:0 6px 0 2px;font-size:0.9em;}
span.vacancyProperty a{font-size:1.1em;}

#idVacancies{margin:0;padding:0;width:420px;_width:410px;border:collapse:collapse;
border-style:solid;border-color:#ccc;border-width:1px 1px 2px 1px;_border-width:1px;}
#idVacancies p.vacancyHeading,#idBoxHome p.vacancyBody,#idBoxHome p.vacancyFooter{width:410px;margin:0;}
#idVacancies p.vacancyHeading{background:#EEE;}
#idVacancies p.vacancyBody,#idVacancies p.vacancyFooter{background:#FFF;}
.to-right {margin: -5px 0px 0px 0px;}
.white {color:#fff;}



/* EXTRA TOP STUFF ADDED BY IQBAL*/

#loggedTopLeftLogo {
	width: 40px;
	height: 84px;
	top: 0px;
	float:left ;
	left: 0px;
	position:absolute;
}

#loggedTopLeftLogo img{
	width: 40px;
	height: 84px;
}