/*
			Choice styles
			Updated: Thu 01/04/2009 @ 00:00 by boycey
------------------------------------------------------*/

/* CONTENT
	=modalbackground
	=QUIZ-STYLES
	=HELP-BALLOON
	=HELP-BALLOON-2
	=PATHWAYS
	=Login-Dan
	=Login
	=Register
	=CV-Builder-Dan
	=Styles-for-bullet-points-in-CV-Home-Dan
	=CV-builder-Dan
	=outbound-and-inbound-search
	=pathways
	=quiz
	=lost-styles (need titles)	
*/

/* NOTES

	Body Background:        #
    Main Text:              #
    Links:                  #
    Links-hover:			#
	Border:     			#

*/


/* ================ =modalbackground ==================== from Dan.css*/
m.odalbackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalpopup { background-color: #FFF; padding: 20px; width: 300px; }
.modalbuttonlayout { margin-top: 20px; text-align: right; }
/* ================ end modalbackground ==================== from Dan.css*/

/* =QUIZ-STYLES
------------------------------------------------------*/
.careerquizlevelchoice { margin: 0px; border: 0px solid red; width: 550px; padding: 10px 0; }
.careerquizlevelchoice td.white { padding: 7px 5px 7px 5px; background: #FFF; }
.careerquizlevelchoice td.notwhite { font-size: 8px; }
.careerquizlevelchoicedesc { margin: 0px 20px 0px 5px; float: left; border: 0px solid red; width: 430px; }

.careerquizprogress { border: 0px solid red; text-align: center; width: 100%; background: url(images/quizprogress.gif) center top no-repeat #fff; padding: 50px 0 20px 30px; }
.careerquizprogresscontainer { border: 3px solid #f79211; background-color: #f7e3ca; width: 500px; float: left; }
.careerquizprogresspercentage { border: 0px solid red; background-color: #f79211; float: left; }

.careerquiztable { border: 0px solid red; width: 660px; margin: 20px auto 0 auto; }
.careerquiztable tr { background: #FFF; margin: 10px 0px; padding: 5px; }
.careerquiztable td { vertical-align: top; padding: 7px 5px 20px 5px; margin: 10px 10px; background: url(images/quizquestionbg.gif) bottom repeat-x #FFF; }

.careerquiztable .careerquiztableheading { font-size: 0.8em; font-weight: bold; width: 50px; text-align: center; color: #f79211; background-color: #eff3fa; }
.careerquiztable .careerquiztableheadingcolour { background-color: #eff3fa; }

.careerquiztable .careerquiztableticks { padding-top: 2px; padding-left: 11px; }
.careerquiztablequestionnumber { font-size: 1em; font-weight: bold; color: #f79211; border: 0px solid red; }

.quizerror { border: 0px solid red; width: 93%; text-align: center; margin: 10px auto 0; padding: 10px; color: #FFF; font-weight: bold; background-color: red; display: block; }

.careerquizpopup { background-color: #FFF; background-image: none; padding: 0px 20px; }
.careerquizpopup h2 { font-size: 1.1em; }
.careerquizpopup h3 { font-size: 1em; }
.careerquizpopup p { font-size: 0.8em; }
.careerquizpopup li { font-size: 0.8em; }

.careersearchbg01 { padding-top: 69px; background: url(images/careersearchbg_01.gif) no-repeat 20px 10px; }
.coursesearchbg01 { padding-top: 69px; background: url(images/coursesearchbg_01.gif) no-repeat 20px 10px; }
.ortext { background: url(images/or_text.gif) center no-repeat; height: 40px; margin-top: 20px; }
.ortext p { position: absolute; left: -999px; }

.questionmark { width: 11px; height: 14px; background: url(images/questionmark.gif) no-repeat; }

.careersbrowse { margin-left: 98px !important; height: 20px; width: 456px; text-indent: -10000px; background: url(images/browseCareers.gif) 0 0 no-repeat; }

/* =HELP-BALLOON
------------------------------------------------------*/
.balloon { border: 0px solid red; }

.balloon ul { padding: 0; margin: 0; border: 0; list-style-type: none; }
.balloon ul li { height: 70px; border: 0px solid #000; }
.balloon ul li dl { visibility: hidden; position: absolute; }
.balloon ul li a { text-decoration: none; }

.balloon table { margin: -2px; border: 0; padding: 0; border-collapse: collapse; }
.balloon dl { width: 10px; padding: 0 0 0px 0; height: auto; border: 0px; }
.balloon dt { position: absolute; left: -999px; }
.balloon dd { margin: 0; border: 0px solid red; padding: 5px 15px; color: #000; font-size: 1em; text-decoration: none; overflow: auto; height: 200px; }

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover { _z-index: 999; text-decoration: none; color: #000; position: relative; cursor: pointer; cursor: hand; }
.balloon ul li:hover dl,
.balloon ul li a:hover dl { padding-top: 50px; height: 220px; visibility: visible; width: 500px; color: #000; top: 20px; right: 50px; cursor: default; border: 2px solid #699921; background: url(images/help_bg_01.gif) #eefee7 top right no-repeat; }
.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover { text-decoration: none; width: 500px; background: transparent; }


/* =HELP-BALLOON-2
------------------------------------------------------*/

.balloon2 { border: 0px solid red; width: 19px; float: left; }
.balloon2 ul { padding: 0; margin: 0; list-style-type: none; }
.balloon2 ul li { width: 19px; height: 21px; }
.balloon2 ul li dl { visibility: hidden; position: absolute; }
.balloon2 ul li a { text-decoration: none; }
.balloon2 ul li a:link { text-decoration: none; }
.balloon2 ul li a:visited { text-decoration: none; }
.balloon2 ul li a:hover { text-decoration: none; }
.balloon2 ul li a:active { text-decoration: none; }
.balloon2 ul li img { border: 0px; }
.balloon2 table { margin: -3px; border: 0px solid #fff; padding: 0; border-collapse: collapse; }
.balloon2 dl { width: 10px; padding: 0 0 0px 0; height: auto; border: 0px; }
.balloon2 dt { position: absolute; left: -999px; }
.balloon2 dd { margin: 0; padding: 5px 15px; color: #000; font-size: 1em; text-decoration: none; }

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon2 ul li:hover,
.balloon2 ul li a:hover { color: #000; position: relative; cursor: pointer; cursor: hand; }
.balloon2 ul li:hover dl,
.balloon2 ul li a:hover dl { visibility: visible; width: 500px; color: #000; top: 10px; right: 10px; cursor: default; border: 2px solid #699921; background: #eefee7 top right no-repeat; }
.balloon2 ul li:hover dl a:hover,
.balloon2 ul li a:hover dl a:hover { text-decoration: none; width: 500px; background: transparent; }

.balloon2 dd { font-weight: bold; }
.balloon2 dd ul { display: block; width: 400px; font-weight: normal; height: auto; }
.balloon2 dd li { display: block; margin: 10px; width: 400px; height: auto; }
.balloon2 dd p { display: block; margin-top: 20px; border: 0px solid red; }

ul.careerfamily li { margin-right: 17px; margin-bottom: 10px; float: left; width: 322px; border: 0px solid red; }
ul.careerfamily { padding: 0px; margin-top: 20px; list-style: none; border: 0px green solid; margin-left: 0px; }

.careerresults ul { border: 0px solid red; margin: 0; padding: 0; list-style: none; }
.careerresults li { height: 25px; border: 0px solid red; margin: 10px; padding: 0; list-style: none; }
.careerresults_list li { height: 25px; border: 0px solid red; margin: 10px; padding: 0px 0 0 20px; background: url(images/bulletIcon_results.gif) no-repeat; list-style: none; }

ul.careerresults li { margin-right: 10px; min-height: 5.5em; _height: 5.5em; margin-bottom: 40px; float: left; width: 300px; border: 0px solid red; }
ul.careerresults { padding: 0px; margin-top: 20px; list-style: none; border: 0px green solid; margin-left: 0px; list-style: none; }
.box4 { background: url(images/button_careerspage_top.gif) no-repeat right top; padding: 0px; margin: 0px; border: 0px yellow solid; }
.box4format { margin: 0; padding: 0px; border: 0px black solid; background: url(images/button_careerspage_bottom.gif) no-repeat left bottom; }
.box4format a { min-height: 50px; background-color: transparent; padding: 3px 45px 10px 10px; display: block; text-decoration: none; color: #056535; font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }
* html .box4format a { height: 50px; }
.box4format a:hover { color: red; font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; }

.careerdetails h3 { font-size: 1.7em; line-height: 1.1em; color: #056535; margin: 0px 290px 8px 0px; padding: 0px; font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.careerdetails h4 { font-size: 1.1em; color: #000; text-align: left; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

H4 span.previewText { font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; padding-top: 8px; line-height: 16px; color: #333333; width: 100%; }


/* =PATHWAYS
------------------------------------------------------*/

.pathwaysHome { }

.pathwaysHome .pathwaysHomeTitle { width: 700px; float: left; }
.pathwaysHome .pathwaysHomeSidePannel { position: relative; top: -30px; border: 0px solid red; width: 240px; float: right; }
.pathwaysHome .pathwaysHelp { width: 231px; float: right; border: 0px solid blue; }

.pathwaysconttop { background: url(images/pathways_bg_t.gif) repeat-x top right; }

div.bGroupPathways { margin: 0px 4px; background: #e6e6e6 url(images/pathways_bg_t.gif) repeat-x top right; }
div.bGroupPathways div.in { margin: 0; padding: 1px 0; }

.pathwayslevel { }
.pathwayslevel div.options { padding: 20px; }
.pathwayslevel div.textbg { padding: 20px 30px 30px; }
.pathwayslevel h3 { color: #D8127B; }
.pathwayslevel p { margin-left: 10px; }
.pathwayslevel a { display: block; margin-left: 40px; }
.levelchoice { margin-left: 0px; padding: 20px; }
.levelchoice p,
.levelchoice a { margin-left: 0; margin-bottom: 10px; }
.levelchoice ul { margin-left: 0; *margin-left:20px;}

/* ADDED TO DISPLAY ENTRY AND DEGREE  */

ul.entrylevellinks { margin: 0px 0 3px 0px; padding: 0px; }
ul.entrylevellinks li { margin: 0; padding: 0; display: inline; }
ul.entrylevellinks li a { text-decoration: underline; display: block; text-align: center; height: 330px; _height: 335px; float: left; color: #000; }
a.levellink00 { width: 50px; border: 1px solid #cccc99; border-right: 0px; background: #FFFF99 url(images/pathways_step_entry.gif) repeat-x; padding-top: 5px; }
a.levellink00:hover { background: #FFFF66 url(images/pathways_step_entry.gif) repeat-x 0 -600px; }

ul.degreelevellinks { margin: 0px 0 0 0px; padding: 0px; }
ul.degreelevellinks li { margin: 0; padding: 0; display: inline; }
ul.degreelevellinks li a { text-decoration: underline; display: block; text-align: center; height: 330px; _height: 335px; float: left; color: #000; }
a.levellink04 { width: 50px; border: 1px solid #cccc99; border-right: 0px; background: #FFFF99 url(images/pathways_step_degree.gif) repeat-x; padding-top: 5px; }
a.levellink04:hover { background: #FFFF66 url(images/pathways_step_degree.gif) repeat-x 0 -600px; }

.entrylevellinksarea { float: left; padding: 0px; margin: 0px; }
.mainlevellinksarea { float: left; padding: 0px; margin: 0px; _width: 648px; }
.degreelevellinksarea { float: left; padding: 0px; margin: 0px 0 0 15px; _margin: 0px 0 0 0px; }
/* END  */

.pathways h2 { }

.pathwayrouteholder { position: relative; float: left; width: 880px; }
.pathwayroute { float: left; position: relative; z-index: 50; margin-top: 46px; *margin-top:50px;}
.pathwayroute td { position: relative; padding: 0; z-index: 40; border: 0px; vertical-align: top; }
.walkerarea { margin-bottom: 15px; height: 105px; *height:108px;_height:10px;border-bottom:10pxsolid#e6e6e6;background:url(images/pathways_road.gif)no-repeat;/*padding: 60px 0 0 25px; *padding: 58px 0 0 25px;*/}
.walkerarea2 { background: url(images/pathways_road_2.gif) no-repeat 0 0px; padding: 5px 0 0 25px; *padding:3px0025px;}
.walkerarea3 { background: url(images/pathways_road_3.gif) no-repeat 0 0px; padding: 5px 0 0 25px; *padding:3px0025px;margin-left:30px;}

.qualtype00 { background-color: #c594fa; }
.qualtype01 { background: #FFFF99 url(images/pathways_step_a.gif) repeat-x; }
.qualtype02 { background: #e4f2fc url(images/pathways_step_b.gif) repeat-x; }
.qualtype03 { background: #e4f2fc url(images/pathways_step_c.gif) repeat-x; }
.qualtype04 { background-color: #fb9332; }

.qualtype00 div.qualtypetitle { padding: 4px; font-weight: normal; width: 5em; min-height: 3.5em; _height: 3.7em; vertical-align: middle; text-align: center; }
.qualtype01 div.qualtypetitle { padding: 4px; font-weight: normal; width: 5em; min-height: 3.5em; _height: 3.7em; vertical-align: middle; text-align: center; }
.qualtype02 div.qualtypetitle { padding: 4px; font-weight: normal; width: 5em; min-height: 3.5em; _height: 3.7em; vertical-align: middle; text-align: center; }
.qualtype03 div.qualtypetitle { padding: 4px; font-weight: normal; width: 5em; min-height: 3.5em; _height: 3.7em; vertical-align: middle; text-align: center; }
.qualtype04 div.qualtypetitle { padding: 4px; font-weight: normal; width: 5em; min-height: 3.5em; _height: 3.7em; vertical-align: middle; text-align: center; }

.qualtype00 div.qualtypetitle a, .qualtype00 div.qualtypetitle a:link, .qualtype00 div.qualtypetitle a:visited, .qualtype00 div.qualtypetitle a:hover, .qualtype00 div.qualtypetitle a:active { color: #000; text-decoration: none; }
.qualtype01 div.qualtypetitle a, .qualtype01 div.qualtypetitle a:link, .qualtype01 div.qualtypetitle a:visited, .qualtype01 div.qualtypetitle a:hover, .qualtype01 div.qualtypetitle a:active { color: #000; text-decoration: none; }
.qualtype02 div.qualtypetitle a, .qualtype02 div.qualtypetitle a:link, .qualtype02 div.qualtypetitle a:visited, .qualtype02 div.qualtypetitle a:hover, .qualtype02 div.qualtypetitle a:active { color: #000; text-decoration: none; }
.qualtype03 div.qualtypetitle a, .qualtype03 div.qualtypetitle a:link, .qualtype03 div.qualtypetitle a:visited, .qualtype03 div.qualtypetitle a:hover, .qualtype03 div.qualtypetitle a:active { color: #000; text-decoration: none; }
.qualtype04 div.qualtypetitle a, .qualtype04 div.qualtypetitle a:link, .qualtype04 div.qualtypetitle a:visited, .qualtype04 div.qualtypetitle a:hover, .qualtype04 div.qualtypetitle a:active { color: #000; text-decoration: none; }

.walker { background: url(images/pathways_walkingfigure03.gif) no-repeat top left; border: 0px solid red; position: relative; top: 50px; *top:52px;z-index:10;float:left;height:150px;width:132px;margin:-54px000;}
.walker a:link, .walker a:visited, .walker a:active { margin-top: 31px; color: #FFF; background: url(images/pathways_back_01.gif) no-repeat; display: block; padding: 2px 2px 2px 17px; text-decoration: none; }
.walker a:hover { color: Red; }
.walker span { background-color: #6b0a0a; }
.walkercompleted { position: absolute; z-index: 10; right: 0; top: -6px; *top:-4px;border:0pxsolidred;background:url(images/pathways_walkingfigurecompleted.gif)no-repeatbottomleft;float:right;min-height:124px;_height:124px;width:139px;}
.pathwaysprintarrows { display: none; }

.stepcount { border: 0px solid yellow; float: left; width: 9em; }
.stepno1 { font-size: 1em; }
.stepno2 { font-size: 3em; }

.pathwayslevelhelplink { width: 20px; border: 1px solid #bbd8a2; border-left: 0px; background: #cdf9bb url(images/pathways_step_help.gif) repeat-x; padding-top: 5px; text-indent: -9999px; }
.pathwayslevelhelplink a { display: block; height: 58px; }
.pathwayslevelhelplink a:hover { background: #76F464 url(images/pathways_step_help.gif) repeat-x 0 -150px; }
.pathwayslevelarrow { background: url(images/pathwaysarrow01.gif) no-repeat; width: 15px; }

div.bGroupnextstepsarea { background: #e6e6e6; width: 100%; border: 0px solid blue; }
div.bGroupnextstepsarea div.br { background: url(images/stepsarea_bg_br.gif) no-repeat bottom right; }
div.bGroupnextstepsarea div.bl { background: url(images/stepsarea_bg_bl.gif) no-repeat bottom left; }
div.bGroupnextstepsarea div.tr { background: url(images/stepsarea_bg_tr.gif) no-repeat top right; }
div.bGroupnextstepsarea div.tl { background: url(images/stepsarea_bg_tl.gif) no-repeat top left; }
div.bGroupnextstepsarea div.in { margin: 0; padding: 1px 0; }

div.bGroupNextsteps { background: #fff; width: 100%; }
div.bGroupNextsteps div.br1 { background: url(images/steps_bg_br.gif) no-repeat bottom right; }
div.bGroupNextsteps div.bl1 { background: url(images/steps_bg_bl.gif) no-repeat bottom left; }
div.bGroupNextsteps div.tr1 { background: url(images/steps_bg_tr.gif) no-repeat top right; }
div.bGroupNextsteps div.tl1 { background: url(images/steps_bg_tl.gif) no-repeat top left; }
div.bGroupNextsteps div.in { margin: 0; padding: 1px 0; }

div.bGroupNextsteps h3 { margin: 0 0 10px; }

div.bGroupNextsteps ul { list-style: none; padding: 0; margin: 0px; border: 0px solid red; }
div.bGroupNextsteps li { list-style: none; padding: 0px 0 10px; margin: 0px 5px 0 0; float: left; width: 500px; height: 25px; border: 0px solid red; }

.buttonqualtype00 { float: left; white-space: nowrap; background: url(images/stepbutton00_left.gif) left no-repeat #FFF; text-decoration: none; padding: 5px 0 5px 17px; color: #000; }
.buttonqualtype00:hover { text-decoration: none; color: red; }
.buttonqualtype00 .textalign { background: url(images/stepbutton00_right.gif) right no-repeat; padding: 6px 15px 6px 3px; font-weight: bold; font-size: 0.9em; *padding:5px15px7px3px;}

.buttonqualtype01 { float: left; white-space: nowrap; background: url(images/stepbutton01_left.gif) left no-repeat #fff; text-decoration: none; padding: 5px 0 5px 17px; color: #000; }
.buttonqualtype01:hover { text-decoration: none; color: #f00; }
.buttonqualtype01 .textalign { background: url(images/stepbutton01_right.gif) right no-repeat; padding: 0.38em 15px 6px 3px; font-weight: bold; font-size: 0.9em; *padding:7px15px7px3px;}

.buttonqualtype02 { float: left; white-space: nowrap; background: url(images/stepbutton02_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 17px; color: #000; }
.buttonqualtype02:hover { text-decoration: none; color: red; }
.buttonqualtype02 .textalign { background: url(images/stepbutton02_right.gif) right no-repeat; padding: 0.38em 15px 6px 3px; font-weight: bold; font-size: 0.9em; *padding:7px15px7px3px;}

.buttonqualtype03 { float: left; white-space: nowrap; background: url(images/stepbutton03_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 17px; color: #000; }
.buttonqualtype03:hover { text-decoration: none; color: #ccc; }
.buttonqualtype03 .textalign { background: url(images/stepbutton03_right.gif) right no-repeat; padding: 6px 15px 6px 3px; font-weight: bold; font-size: 0.9em; }

.buttonqualtype04 { float: left; white-space: nowrap; background: url(images/stepbutton04_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 17px; color: #000; }
.buttonqualtype04:hover { text-decoration: none; color: #ccc; }
.buttonqualtype04 .textalign { background: url(images/stepbutton04_right.gif) right no-repeat; padding: 0.38em 15px 6px 3px; font-weight: bold; font-size: 0.99em; *padding:7px15px7px3px;}

.buttonwhite { display: block; float: left; white-space: nowrap; background: url(images/buttonwhite_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 10px; color: #000; }
.buttonwhite:hover { text-decoration: none; color: red; }
.buttonwhite .textalign { background: url(images/buttonwhite_right.gif) right no-repeat; padding: 0.35em 15px 6px 3px; font-weight: bold; font-size: 0.9em; *padding:7px15px7px3px;}

.buttonbackastep { white-space: nowrap; background: url(images/buttonbackastep_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 10px; color: #006838; }
.buttonbackastep:hover { text-decoration: none; color: red; }
.buttonbackastep .textalign { background: url(images/buttonbackastep_right.gif) right no-repeat; padding: 6px 15px 6px 3px; font-weight: bold; font-size: 1em; }

.pathwaysmoreinfo03 { display: block; position: relative; top: -2px; left: 5px; text-indent: -99999px; height: 30px; width: 30px; float: left; background: URL(Images/pathways_moreinfo.gif) 0 0 no-repeat; }
.pathwaysmoreinfo03 img { border: 0px solid red; }

.pathways { padding-bottom: 70px; }

.pathwayComplete .buttonwhite { margin: 10px 10px 10px 0; }
.pathwaysHomeBtn1 {float:left; margin-right:10px; _margin-right:5px; width:345px;}
.pathwaysHomeBtn2 {float:right; width:345px}
ul.pathwayshomebuttons { margin: 0px 0 0 0px; list-style: none; border: 0px green solid; padding: 0px; }
.pathwayshomebuttons li { float: left; margin-bottom: 10px; padding: 0px; border: 0px red solid; display: inline-block; }


a.pathwayhomelink1:link, a.pathwayhomelink1:visited { text-decoration: none; height: 103px; border: 1px solid #FFF; display: block; background: url(images/bg_pathway1.jpg) no-repeat left top; }
/*a.pathwayhomelink1:hover { background: url(images/bg_pathway1_hover.jpg) no-repeat left; }*/

.pathwayhomelink1a { border: 0px solid red; width: 345px; height: 120px; border: 1px solid #FFF; border-left: 1px solid #364465; background-color: #364465; float: left; background: url(images/bg_pathway1a.jpg) no-repeat left; }
.pathwayhomelink1a h3 { position: absolute; left: -999px; }

a.pathwayhomelink2:link, a.pathwayhomelink2:visited { text-decoration: none; height: 103px; border: 1px solid #FFF;  display: block; background: url(images/bg_pathway2.jpg) no-repeat left top; }
/*a.pathwayhomelink2:hover { background: url(images/bg_pathway2_hover.jpg) no-repeat left; }*/

.pathwayhomelink2a { width: 345px; height: 120px; border-left: 1px solid #364465; background-color: #364465; float: left; background: url(images/bg_pathway2a.jpg) no-repeat left; }
.pathwayhomelink2aFloat { float: left; }
.pathwayhomelink2a h3 { position: absolute; left: -999px; }

.pathwayhomesavedcareers { border: 0px solid red; height: 70px; overflow: auto; width: 305px; background-color: #fff; font-size: 0.8em; }

.pathwayhomesavedcareers ul { margin: 0px; padding: 0px; border: 0px solid red; }
.pathwayhomesavedcareers li { margin: 0px; padding: 2px; border: 0px solid red; }

.myjobpathwaysbg01 { padding-top: 101px; background: url(images/mypathwaysnb_01.gif) no-repeat 8px 13px; }
.myjobpathwaysbg01 h3 { position: absolute; left: -9999px; }
.myjobpathwaysbg01 ul { margin: 0px; padding: 0px; border: 0px solid red; list-style: none; }
.myjobpathwaysbg01 li { margin: 0px; padding: 3px; border: 0px solid red; }

.mycareersbg01 { padding-top: 106px; background: url(images/mycareersbg01.gif) no-repeat 8px 13px; }
.mycareersbg01 h3 { position: absolute; left: -999px; }
.mycareersbg01 ul { margin: 0px; padding: 0px; border: 0px solid red; }
.mycareersbg01 li { margin: 0px; padding: 5px 3px; border: 0px solid red; border-bottom: 1px #4f6995 dashed; }

.myJobsOptions { display: block; width: 4em; }

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

.pathwaysbox2format a { text-decoration:none; padding:18px 14px 0 0; }
.pathwaysbox2format a h3 { position: absolute; left: -999px; }
.pathwaysbox2format a:visited h3 { position: absolute; left: -999px; }

.pathwaysbox2format a p {font-size:0.75em; padding:55px 10px 0 95px; background:transparent url(images/home_btn_arrow.gif) no-repeat scroll right top; }
.pathwaysbox2format a:hover p {background: url(images/home_btn_arrow.gif) right -350px no-repeat;}
.pathwaysbox2format a p span {background:#fff ;}
/*.pathwaysbox2format a:visited p { position: absolute; left: -999px; }*/

.pathwaysmoreinfo { color: #000; width: 855px; }

.moreinfotitlearea00 { border: 0px solid red; background: url(images/moreinfotop_bg00.gif) repeat-x; margin: 0px; padding: 5px; color: #000; font-weight: bold; }
.moreinfotitlearea01 { border: 0px solid red; background: url(images/moreinfotop_bg01.gif) repeat-x; margin: 0px; padding: 5px; color: #000; font-weight: bold; }
.moreinfotitlearea02 { border: 0px solid red; background: url(images/moreinfotop_bg02.gif) repeat-x; margin: 0px; padding: 5px; color: #000; font-weight: bold; }
.moreinfotitlearea03 { border: 0px solid red; background: url(images/moreinfotop_bg03.gif) repeat-x; margin: 0px; padding: 5px; color: #000; font-weight: bold; }
.moreinfotitlearea04 { border: 0px solid red; background: url(images/moreinfotop_bg04.gif) repeat-x; margin: 0px; padding: 5px; color: #000; font-weight: bold; }
.moreinfoclose { float: right; margin-top: -15px; *margin-top:-20px;cursor:pointer;}
.moreinfodetails { padding: 0 10px; }
.moreinfodetails h3 { color: #000; font-size: 1em; margin-bottom: 5px; }
.moreinfoarea1 { width: 400px; border-right: 1px solid #CCC; float: left; margin-right: 20px; }
.moreinfoarea2 { width: 400px; border: 0px solid red; float: left; }
.nextsstepslist ul { border: 0px solid red; margin: 0px; padding: 0px; list-style: none; }
.nextsstepslist li { border: 0px solid red; margin: 0px; padding: 0px; margin-top: 10px; display: block; font-weight: bold; }
.nextsstepslist li span.buttonqualtype01 { color: #000; border: 0px solid yellow; background-image: none; background-color: #ffff33; padding: 5px; display: block; }
.nextsstepslist li span.buttonqualtype01:hover { color: #000; border: 0px solid yellow; background-image: none; background-color: #ffff33; padding: 5px; display: block; }
.nextsstepslist li span.buttonqualtype02 { color: #000; border: 0px solid yellow; background-image: none; background-color: #97cbff; padding: 5px; display: block; }
.nextsstepslist li span.buttonqualtype02:hover { color: #000; border: 0px solid yellow; background-image: none; background-color: #97cbff; padding: 5px; display: block; }
.nextsstepslist li span.buttonqualtype03 { color: #000; border: 0px solid yellow; background-image: none; background-color: #ccffcc; padding: 5px; display: block; }
.nextsstepslist li span.buttonqualtype03:hover { color: #000; border: 0px solid yellow; background-image: none; background-color: #ccffcc; padding: 5px; display: block; }
.nextsstepslist li span.buttonqualgetjob { border: 0px solid yellow; background-image: none; background-color: #fff; padding: 5px; display: block; color: #000; }

.favpathwaysviewcourses00 { border: 0px solid red; text-align: center; background: url(images/viewcourses_bg00.gif) repeat-x; padding: 3px; font-weight: bold; }
.favpathwaysviewcourses00 a:link { color: #FFF; }
.favpathwaysviewcourses00 a:visited { color: #FFF; }
.favpathwaysviewcourses00 a:hover { color: red; }
.favpathwaysviewcourses00 a:active { color: #FFF; }
.favpathwaysviewcourses01 { border: 0px solid red; text-align: center; background: url(images/viewcourses_bg01.gif) repeat-x; padding: 3px; font-weight: bold; }
.favpathwaysviewcourses01 a:link { color: #FFF; }
.favpathwaysviewcourses01 a:visited { color: #FFF; }
.favpathwaysviewcourses01 a:hover { color: red; }
.favpathwaysviewcourses01 a:active { color: #FFF; }
.favpathwaysviewcourses02 { border: 0px solid red; text-align: center; background: url(images/viewcourses_bg02.gif) repeat-x; padding: 3px; font-weight: bold; }
.favpathwaysviewcourses02 a:link { color: #FFF; }
.favpathwaysviewcourses02 a:visited { color: #FFF; }
.favpathwaysviewcourses02 a:hover { color: red; }
.favpathwaysviewcourses02 a:active { color: #FFF; }
.favpathwaysviewcourses03 { border: 0px solid red; text-align: center; background: url(images/viewcourses_bg03.gif) repeat-x; padding: 3px; font-weight: bold; }
.favpathwaysviewcourses03 a:link { color: #FFF; }
.favpathwaysviewcourses03 a:visited { color: #FFF; }
.favpathwaysviewcourses03 a:hover { color: red; }
.favpathwaysviewcourses03 a:active { color: #FFF; }
.favpathwaysviewcourses04 { border: 0px solid red; text-align: center; background: url(images/viewcourses_bg03.gif) repeat-x; padding: 3px; font-weight: bold; }
.favpathwaysviewcourses04 a:link { color: #FFF; }
.favpathwaysviewcourses04 a:visited { color: #FFF; }
.favpathwaysviewcourses04 a:hover { color: red; }
.favpathwaysviewcourses04 a:active { color: #FFF; }

.savedpathwaysbuttons { margin-top: 25px; text-align: center; }
.savedpathwaysbuttons a { margin: 10px; }

.myjobpathways { border: 0px solid red; float: right; width: 230px; }


.quizlink { margin-top: 13px; width: 230px; border: 0px solid red; }
.quizlink a:link { background: url(images/quiz_ad_01.gif) no-repeat; width: 230px; height: 125px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
.quizlink a:visited { background: url(images/quiz_ad_01.gif) no-repeat; width: 230px; height: 125px; display: block; }
.quizlink a:hover { background: url(images/quiz_ad_01_hover.gif) no-repeat; width: 230px; height: 125px; display: block; }
.quizlink a span { position: absolute; left: -999px; }

.levelchoice .levelgroup { border: 0px solid red; margin-top: 20px; }
.levelchoice .levelgroup h3 { background-color: #000; color: #fff; }

.keytab { border: 0px solid red; float: left; text-align: center; background: url(images/key_tab.gif) no-repeat bottom left; margin-left: 17px; padding: 4px; width: 170px; }
.keytab a { color: #FFFFFF; text-decoration: none; }
.keytab a.keytabcolour:visited { color: #FFFFFF; text-decoration: none; }
.keytab a.keytabcolour:hover { color: red; text-decoration: none; }
.keytab a.keytabcolour:active { color: #FFFFFF; text-decoration: none; }

.pathwayskeypanel { border: 0px solid red; float: left; width: 641px; }

.unanswered { background-color: Red; }

#tabstest { border: 0px red solid; float: left; width: 970px; padding-top: 0px; *padding-top:10px;font-size:0.8em;margin-top:0px;*margin-top:-1em;_margin-top:-0.7em;_padding-bottom:5px;}
#tabstest ul { margin: 5px 0 0 0; *margin:15px000;padding:0000;list-style:none;border:0pxredsolid;}
#tabstest li { display: inline; margin: 0; padding: 0; border: 0px red solid; }
#tabstest a { float: left; background: url("images/left_both.gif") no-repeat left top; margin: 0; padding: 0 0px 0 8px; text-decoration: none; white-space: nowrap; color: #0065CE; border-right: 0px #DED7DE solid; }
#tabstest a span { float: left; display: block; background: url("images/right_both.gif") no-repeat right top; padding: 4px 9px 3px 6px; font-weight: bold; color: #666; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabstest a span { float: none; }
/* End IE5-Mac hack */
#tabstest a:hover span { color: #fff; }
#tabstest #current a { background-position: 0 -150px; border-width: 0; }
#tabstest #current a span { background-position: 100% -150px; color: #FFF; padding-bottom: 4px; }
#tabstest a:hover { background-position: 0% -150px; }
#tabstest a:hover span { background-position: 100% -150px; }


.summarylondonwidth { border: 0px solid red; width: 300px !important; }

.careerdesc { border: 0px solid red; }
.careerdesc h4 { border-top: 1px solid #CCC; padding-top: 10px; width: 100%; color: #000; }
.get_career_right { float: right; display: block; }

.careersContent { padding: 20px 20px; width: 95%; }

.homereturninguserstext { background: url("images/homereturningusers.gif") no-repeat 5px 0; padding-top: 30px; }

.advtoolsheading { border: 0px solid red; margin: 0px auto 20px; *margin:0pxauto20px;padding-top:20px;width:97%;background:url(images/othertools_02.gif)00pxno-repeat;}

ul.advtools { border: 0px solid red; float: left; padding: 0px; margin: 0px 0px 10px 0px; *margin:0px10px0px0px;padding:0;font-weight:bold;list-style:none;}
ul.advtools li { border: 0px solid yellow; margin: 8px 0px; padding: 0; }
ul.advtools a { color: #FFF; text-decoration: none; background: url(images/toolslist.gif) no-repeat left; padding: 5px 0 5px 20px; }
ul.advtools li a:hover { color: red; }
ul.advtools h2 { position: absolute; left: -999px; }

.spanner { background: url(images/advtools_spanner.gif) no-repeat right bottom; }




/* ================ =Login-Dan ==================== from Dan.css*/
ul.loginList li { margin: 15px 0; background: url('images/purple_li.png') no-repeat left 3px; _background: url('images/purple_li.gif') no-repeat left 3px; padding: 0 0 0 15px; }
ul.loginList { list-style-type: none; margin: 0px; margin-left: -30px; *margin-left:10px;_margin-left:1px;}
/* ================ end Login ==================== from Dan.css*/

/* =Login
------------------------------------------------------*/
.login { background: url(images/texture_bg_550.gif) 3px 0; margin: 0; margin-bottom: 10px; color: black; padding: 20px; padding-bottom: 10px; _padding: 20px; _padding-bottom: 0px; width: 400px; }
.loginbutton a { color: White; text-decoration: none; }
.loginmain { background: url(images/bg_greytrans_01.png) left top; padding: 5px 20px 15px 20px; width: auto; margin: 0px; margin-bottom: 10px; _margin-bottom: 20px; }
.loginmain h3 { color: #333; font-size: 1.4em; font-weight: bold; padding: 5px 0; margin: 0; }
.important { color: Red; }

/* =Register
------------------------------------------------------*/
.register { background: url(images/texture_bg_550.gif) 3px 0; color: black; padding: 20px; padding-bottom: 10px; _padding: 20px; _padding-bottom: 0px; width: 400px; }
.registerbutton a { color: White; text-decoration: none; }
.registermain { background: url(images/bg_greytrans_01.png) left top; padding: 5px 20px 10px 20px; width: auto; margin: 0px; margin-bottom: 10px; _margin-bottom: 20px; }
.registermain h3 { color: #333; font-size: 1.4em; font-weight: bold; padding: 5px 0; margin: 0; }

.registerbutton { margin-bottom: 30px; border: 0px solid red; }
.registerbutton a { margin: auto; border: 0px solid red; background: url(images/london_register_off.gif) no-repeat; width: 185px; height: 32px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
.registerbutton a:link { border: 0px solid red; background: url(images/london_register_off.gif) no-repeat; width: 185px; height: 32px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
.registerbutton a:visited { background: url(images/london_register_off.gif) no-repeat; width: 185px; height: 32px; display: block; }
.registerbutton a:hover { background: url(images/london_register_on.gif) no-repeat; width: 185px; height: 32px; display: block; }
.registerbutton a:active { background: url(images/london_register_off.gif) no-repeat; width: 185px; height: 32px; display: block; }
.registerbutton a span { position: absolute; left: -999px; }

.loginbutton2 { margin-bottom: 30px; border: 0px solid red; }
.loginbutton2 a { margin: auto; border: 0px solid red; background: url(images/london_loginhere_off.gif) no-repeat; width: 185px; height: 32px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
.loginbutton2 a:link { border: 0px solid red; background: url(images/london_loginhere_off.gif) no-repeat; width: 185px; height: 32px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
.loginbutton2 a:visited { background: url(images/london_loginhere_off.gif) no-repeat; width: 185px; height: 32px; display: block; }
.loginbutton2 a:hover { background: url(images/london_loginhere_on.gif) no-repeat; width: 185px; height: 32px; display: block; }
.loginbutton2 a:active { background: url(images/london_loginhere_off.gif) no-repeat; width: 185px; height: 32px; display: block; }
.loginbutton2 a span { position: absolute; left: -999px; }






.mycoursesimglink { margin-top: 10px; width: 370px; border: 0px solid red; }
.mycoursesimglink a:link { background: url(images/button_mycourses.gif) no-repeat; width: 363px; height: 69px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
.mycoursesimglink a:visited { background: url(images/button_mycourses.gif) no-repeat; width: 363px; height: 69px; display: block; }
.mycoursesimglink a:hover { background: url(images/button_mycourses_over.gif) no-repeat; width: 363px; height: 69px; display: block; }
.mycoursesimglink a span { position: absolute; left: -999px; }

a.mycoursesimglinkpilotcap { margin-top: 10px; margin-bottom: 20px; width: 370px; border: 0px solid red; text-indent:-10000px;float:left; }
a.mycoursesimglinkpilotcap:link { background: url(images/button_pilotcap.gif) no-repeat; width: 363px; height: 69px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
a.mycoursesimglinkpilotcap:visited { background: url(images/button_pilotcap.gif) no-repeat; width: 363px; height: 69px; display: block; }
a.mycoursesimglinkpilotcap:hover { background: url(images/button_pilotcap_over.gif) no-repeat; width: 363px; height: 69px; display: block; }

a.mycoursesimglinkpilot { margin-top: 10px; width: 370px; border: 0px solid red; text-indent:-10000px; float:right;}
a.mycoursesimglinkpilot:link { background: url(images/button_pilot.gif) no-repeat; width: 413px; height: 69px; display: block; text-decoration: none; font-size: 1.2em; font-weight: bold; }
a.mycoursesimglinkpilot:visited { background: url(images/button_pilot.gif) no-repeat; width: 413px; height: 69px; display: block; }
a.mycoursesimglinkpilot:hover { background: url(images/button_pilot_over.gif) no-repeat; width: 413px; height: 69px; display: block; }





.pathwaysprint { width: 710px; background-color: #FFF; margin-left: 10px; }
.pathwaysprint img { margin: 0px; padding: 0px; }
.pathwaysprinttable { margin: 0px; padding: 0px; *margin-top:-3px;background-color:#ccdc84;}
.pathwaysprinttable img { margin: 0px; padding: 0px; }
.pathwaysprinttable tr { height: 77px; margin: 0px; padding: 0px; }
.pathwaysprinttable td { height: 77px; margin: 0px; padding: 0px; }
.pathwaysprintstepleft { width: 41px; margin: 0px; padding: 0px; }
.pathwaysprintleftbox { width: 6px; margin: 0px; padding: 0px; }
.pathwaysprintsteparrow { width: 20px; margin: 0px; padding: 0px; }
.pathwaysprintstepname { min-width: 83px; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: center; }
.pathwaysprintstepright { width: 6px; margin: 0px; padding: 0px; }
.cyclistplace { width: 111px; text-align: right; margin: 0px; padding: 0px; }

.pathwaysprintdetails { padding: 20px; }
.pathwaysprintdetails h1 { font-size: 1.4em; }
.pathwaysprintdetails h2 { font-size: 1.2em; }
.pathwaysprintdetails h3 { font-size: 1em; }
.pathwaysprintarrow1 { width: 15px; }

.content3 { clear: both; padding: 0px; font-size: 0.9em; border: #000 3px solid; margin-top: -10px; background-color: #FFF; }
.content3background { background: url(images/quiz_x_pagebg.jpg) 0 0; }
.content3 h2 { position: absolute; left: -999px; }
* html .content3 h2 { position: absolute; left: -999px; }
.content3 .viewcv h4 { text-align: center; width: 100%; *width:95%;*margin-right:-500px;}
.content3 h3 { }
.content3 h4 { line-height: 1.1em; padding: 10px 0 3px 0; margin: 0px 290px 8px 0px; text-align: left; }

/* ================ =CV-Builder-Dan ================ from dan.css */
.homepage { display: block; margin: 10px; padding: 0; }
.homepage ul { padding: 0; margin: 0; list-style: none; }

.cvcol1 { vertical-align: top; padding: 0 10px 10px 0; }
.cvcol1space { vertical-align: top; padding: 0 0 10px 0; }

.arrowsleft2 { padding: 6px 0 4px 5px; *padding:25px030px5px;margin-top:10px;_padding:0px05px5px;_height:1%;white-space:nowrap;border:0pxsolidred;background:url(images/button_plain_left_leftarrow.gif)leftcenterno-repeat;text-decoration:none;color:#fff;_padding-top:0px;}
.arrowsleft2 .textalign { padding: 10px 35px 4px 23px; }
.arrowsave { white-space: nowrap; background: url(images/button_plain_left.gif) right center no-repeat; text-decoration: none; padding: 6px 0 4px 5px; color: #FFF; /*added by Dan--->*/ *padding-top:0px;_padding-top:0px;}
.arrowsave a:hover { text-decoration: none; color: red; }
.arrowsave .textalign { padding: 4px 35px 4px 23px; *padding:6px35px2px23px;}

.cvtabs { display: inline; margin: 0; padding: 0px; _margin-left: 3px; *height:1%;}
.cvtabs ul { margin: 15px 0 -7px 5px; *margin:15px0-7px4px;_margin:15px0-7px9px;padding:0;}
* html .cvtabs ul { position: relative; }
.cvtabs li { display: inline; padding: 0px; margin: 0; }
.cvtabs a { background-color: #000; padding: 5px 10px; color: #FFF; margin: 0; text-decoration: none; }
.cvtabs a:link { color: #fff; }
.cvtabs a:visited { color: #fff; }
.cvtabs a:hover { background-image: none; background-color: #666666; }
.cvtabs a:active { color: #fff; }
a.cvcurrent { background-image: none; background-color: #666666; }

.leftpanel { display: block; margin: 10px; margin-right: 10px; margin-bottom: 0; }
.leftpanel a { float: left; width: auto; padding-right: 10px; /*white-space:nowrap;*/ }
.leftpanel ul { margin: 0; padding: 0; list-style: none; }
.leftpanel ul li { margin: 3px; }
/* ================ end CV-Builder ================ from dan.css */
/* ================ =Styles-for-bullet-points-in-CV-Home-Dan ================ from dan.css */
ul.othertools2 { float: left; margin: 0 20px 0 20px; *margin:020px020px;padding:0;font-weight:bold;}
ul.othertools2 li { background: url(images/toolslist.gif) no-repeat left; margin: 8px 0px; padding: 0 0 0 20px; list-style: none; }
ul.othertools2 a { color: #FFF; text-decoration: underline; }
ul.othertools2 li a:hover { color: red; }
/**/

.cvhelp { }
.cvhelp p { margin: 0; padding: 0; }
.cvhelp ul { margin: 0; padding: 0; list-style: none; }

.cvback { float: left; width: 930px; margin: 10px 10px 10px 0; padding: 0; }
.cvback ul { padding: 0; margin: 30px 0 0 10px; list-style: none; }
.cvback ul li { *line-height:30px;}
/* ================ end Styles-for-bullet-points-in-CV-Home-Dan ================ from dan.css */

/* ================ =CV-builder ================ from dan.css */

.CVbuilder { }

.CVblurb { margin: 1em 0; }

ol.CVoptions { margin-left: 0 !important; }

.CVoptions { float: left; padding: 78px 0 0 1px; width: 307px; background: #fff url(images/CV_optionsBG.jpg) 0 0 no-repeat; }
.CVoptions li { width: 307px; height: 44px; cursor: pointer; list-style: none; }
.CVoptions li a { width: 236px; height: 36px; padding-top: 7px; padding-left: 50px; display: block; border-top: 1px solid #ccc; color: #666; }
.CVoptions li a:hover { color: #000; }
.CVoptions li.hit { background: transparent url(images/CV_arrowBG.gif) -1px 0 no-repeat; }
.CVoptions li.hit a { color: #000 !important; }
.CVoptions li a.CVstarted { background: url(images/CV_thumbsUp.gif) 14px 6px no-repeat; }

.CVerror { border: solid 1px red; }

.CVoptions li.CVprint { position: relative; padding-bottom: 50px; left: -1px; top: 1px; background: url(images/CV_optionsFooter.jpg) left bottom no-repeat; }
.CVoptions li.CVprint a { border: none; margin: 0 0 0 0; }
.CVoptions li.CVprint a:hover { border: none; }
.CVoptions li.CVprint a:hover { color: #fff; }


.CV { float: left; margin-top: 78px; }
.CV div.CVeditor { padding: 0 10px; padding-bottom: 10px; _padding-bottom: 0; width: 610px; border: 1px solid #ccc; float: left; clear: left; }
.CV div.CVeditor div { display: block; border: none; padding: 0; margin: 0; }
.CV div.CVeditor h2 { font-size: 2em; }
.CV div.CVeditor h3 { font-size: 2em; margin: 0.5em 0 0.75em 0; }
.CV div.CVeditor h4 { font-size: 1.25em; font-family: Arial,Helvetica,sans-serif; color: #333; text-align: left; margin-right: 0; border: 0; }
.CV div.CVeditor h5 { font-size: 1em; margin-top: 1em; }
.CV div.CVeditor p { margin-top: 0.5em; }
.CV div.CVeditor ul { list-style: none; }
.CV div.CVeditor li { margin: 0; padding: 5px; border: none; }
.CV div.CVeditor li.CVdelete { background: #f6f8cd url(images/CV_deleteRemove.gif) right bottom no-repeat; border: 1px solid #FF0000; }
.CV div.CVeditor ul.examplesof { margin: 0 0 0 15px; border: none; background: none; list-style: disc; }
.CV div.CVeditor ul.examplesof li { margin: 0; padding: 3px 0; border: solid 0px #fff; color: #000; font-size: 0.9em; }
.CV div.CVeditor a { }
.CV div.CVeditor input.CVsavePage { float: none; width: 100%; }
.CVsavingNote { float: left; font-size: 0.6em; margin-bottom: 0.5em; color: #666; }

.CV div.CVeditor div.CVaddExample { border: 1px solid #999; padding: 5px 0 0 5px; width: 603px; margin-bottom: 25px; margin-top: 15px; background: #eee; }
.CV div.CVeditor div.CVaddExample label { display: block; margin: 5px 0; }
.CV div.CVeditor div.CVaddExample a.mainbuttonSave { display: block; float: left; width: 15em; }

.CV div.CVeditor .personal ul { padding-left: 10px; *padding-top:10px;}
.CV div.CVeditor .personal li { display: block; width: 100%; margin-bottom: 10px; margin-right: 10px; _margin-right: 0; float: left; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
.CV div.CVeditor .personal label { float: left; }
.CV div.CVeditor .personal input { float: right; width: 350px; margin-right: 10px; padding: 3px 5px; }
.CV div.CVeditor .personal textarea { float: right; width: 355px; *width:358px;min-height:80px;margin-right:10px;_margin-right:5px;}
.CV div.CVeditor .personal span { float: right; margin-right: 10px; width: 20em; text-align: right; }

.CV div .qualities textarea { width: 585px; margin: 0 0 0.5em 0; }
.CV div .qualities ul { padding: 5px 0 0 5px; margin: 0.9em 0; border: 1px solid #aaa; background: #eee; }
.CV div .qualities li { padding: 0; color: #666; padding-bottom: 30px; }

.CV div .interests ul { padding: 5px 0 0 5px; }
.CV div .interests .CVaddExample ul { padding: 0; margin: 0; }
.CV div .interests .CVaddExample ul li { padding-bottom: 15px; }
.CV div .interests li { padding: 0; margin-bottom: 15px; }

.CV div .achievements ul { padding: 5px 0 0 5px; margin-left: 12px; }
.CV div .achievements ul li { list-style: disc; padding: 3px 0; }
.CV div .achievements .CVaddExample ul { padding: 0; margin: 0; }
.CV div .achievements .CVaddExample li { list-style: none; float: left; }
.CVvalidateDate { float: left; clear: both; float: left; margin: 0 0 10px; 0;width:100%;}

.CV div.CVeditor .education input { width: 590px; margin: 5px 0 10px 0; }
.CV div.CVeditor .education select { float: left; margin: 5px 15px 20px 0; }

.CV div.CVeditor div.subjects table label { display: none; }
.CV div.CVeditor div.subjects table th.grade, .CV div.subjects table td.grade { width: 50px; }

.CV div.CVeditor div.experiences .CVaddExample label { margin-top: 15px; }
.experiencesCheckbox { display: block; width: 20em; }
.experiencesCheckbox input { float: right; display: block; margin-top: 17px; *margin-top:13px;}
.experiencesCheckbox label { float: left; display: block; }
.experiences .delete { float: left; clear: both; }

.CV div.CVeditor .references div.CVaddExample label { margin: 10px 20px 0 0; float: left; }
.CV div.CVeditor .references div.CVaddExample label, .CV .references div.CVaddExample input { margin-top: 10px; margin-bottom: 17px; }

textarea.expanding { display: block; overflow-x: hidden; overflow-y: hidden; line-height: 18px; }

textarea.exandingIE6 { overflow: scroll !important; }

.CVaddExample table .subject input { width: 220px; }
.CVaddExample table .qual input { width: 90px; }
.CVaddExample table .grade input { width: 40px; }
.CVaddExample table .radiobut td, .CVaddExample table .radiobut2 td { text-align: center; }

.yourTarget { text-indent: -999999px; display: block; width: 225px; height: 35px; float: left; font-size: 1.1em; background: url(images/AP_yourTarget.gif) 0 0 no-repeat; }
.yourActions { text-indent: -999999px; display: block; width: 360px; height: 35px; float: left; font-size: 1.1em; background: url(images/AP_yourAction.gif) 0 0 no-repeat; }

/* ================ end CV builder ================ from dan.css */

/* =outbound-and-inbound-search
------------------------------------------------------ */

h2.surroundingArea { display: block; width: 899px; height: 138px; background: url(images/selectyourarea.gif) 0 0 no-repeat; text-indent: -10000px; }
h2.inboundArea { display: block; width: 519px; height: 42px; background: url(images/title_searchingforcourses.gif) 0 0 no-repeat; text-indent: -10000px; margin: 15px 0 0 35px; }

.inboundsearchform { border: none; padding: 0 0 25px 0; }
.inboundsearchformother { border: none; padding: 0 0 10px 0; }
.inboundsearchform span.error { position: absolute; top: 20px; left: 148px; font-weight: bold; font-size: 0.8em; }
.inboundsearchform span.error2 { position: absolute; top: 88px; left: 118px; background: none; font-weight: bold; font-size: 0.8em; }
.inboundsearchform input,
.inboundsearchform select { margin: 5px 0 0 0; }
.inboundsearchform p { text-align: center; }

.inboundAreaWarning { position: absolute; _position: relative; left: 65px; top: 40px; *top:50px;z-index:2000;_height:0px;_top:0px;}
.inboundAreaWarning ul { *padding-top:5px;}
.inboundAreaWarning li { display: inline; font-weight: bold; padding-left: 30px; padding-bottom: 10px; margin-right: 15px; list-style: none; height: 30px; padding-top: 5px; *margin-top:10px;text-indent:35px;background:url(images/error.gif)00no-repeat;}

.surroundingAreaWarning { position: absolute; left: 65px; top: 85px; *top:85px;*padding-top:20px;z-index:2000;}
.surroundingAreaWarning li { display: inline; font-weight: bold; padding-left: 30px; padding-bottom: 5px; margin-right: 15px; list-style: none; height: 23px; padding-top: 4px; *margin-top:10px;text-indent:35px;background:url(images/error.gif)00no-repeat;}

.londonMapSurround { float: left; position: relative; margin-left: 0; display: block; width: 470px; *width:510px; height:400px; background:url(images/london_surrounding.gif) 0 0 no-repeat;}
.londonMapSurround li { display: block; list-style: none; width: 10px; }
.londonMapSurround a { position: absolute; display: block; }
.londonMapSurround a:focus { outline-style: none; }
.londonMapSurroundWarning { position: absolute; left: 61px; top: 154px; z-index: 2000; width: 10em; }
.londonMapSurroundAlert { background: url(images/london_surrounding_error.gif) 0 0 no-repeat; }

.londonMapSurround a.berk { height: 71px; left: 29px; top: 174px; width: 166px; z-index: 1001; text-indent: -10000px; }
.londonMapSurround a.berk:hover,
.londonMapSurround a.berkHit
{ background: url(images/berk.gif) 0 0 no-repeat; }

.londonMapSurround a.buck { height: 126px; left: 100px; top: 69px; width: 97px; z-index: 1002; text-indent: -10000px; }
.londonMapSurround a.buck:hover,
.londonMapSurround a.buckHit
{ background: url(images/buck.gif) 0 0 no-repeat; }

.londonMapSurround a.bedf { height: 109px; left: 160px; top: 21px; width: 83px; z-index: 103; text-indent: -10000px; }
.londonMapSurround a.bedf:hover,
.londonMapSurround a.bedfHit
{ background: url(images/bedf.gif) 0 0 no-repeat; }

.londonMapSurround a.luto { height: 19px; left: 191px; top: 103px; width: 20px; z-index: 1500; text-indent: -10000px; }
.londonMapSurround a.luto:hover,
.londonMapSurround a.lutoHit
{ background: url(images/luto.gif) 0 0 no-repeat; }

.londonMapSurround a.hert { height: 100px; left: 162px; top: 72px; width: 120px; z-index: 1004; text-indent: -10000px; }
.londonMapSurround a.hert:hover,
.londonMapSurround a.hertHit
{ background: url(images/hert.gif) 0 0 no-repeat; }

.londonMapSurround a.esse { height: 136px; left: 254px; top: 63px; width: 174px; z-index: 1005; text-indent: -10000px; }
.londonMapSurround a.esse:hover,
.londonMapSurround a.esseHit
{ background: url(images/esse.gif) 0 0 no-repeat; }

.londonMapSurround a.kent { height: 121px; left: 263px; top: 189px; width: 185px; z-index: 1006; text-indent: -10000px; }
.londonMapSurround a.kent:hover,
.londonMapSurround a.kentHit
{ background: url(images/kent.gif) 0 0 no-repeat; }

.londonMapSurround a.medw { width: 47px; height: 35px; left: 310px; top: 189px; z-index: 1007; text-indent: -10000px; }
.londonMapSurround a.medw:hover,
.londonMapSurround a.medwHit
{ background: url(images/medw.gif) 0 0 no-repeat; }

.londonMapSurround a.suss { height: 96px; left: 133px; top: 259px; width: 244px; z-index: 1008; text-indent: -10000px; }
.londonMapSurround a.suss:hover,
.londonMapSurround a.sussHit { background: url(images/suss.gif) 0 0 no-repeat; }

.londonMapSurround a.surr { height: 82px; left: 146px; top: 198px; width: 120px; z-index: 1009; text-indent: -10000px; }
.londonMapSurround a.surr:hover,
.londonMapSurround a.surrHit { background: url(images/surr.gif) 0 0 no-repeat; }

.surroundingSearch { position: relative; float: right; margin-top: 24px; padding: 40px 0 0 30px; width: 400px; height: 220px; background: url(images/londonsurroundfilter.gif) 0 0 no-repeat; }
.surroundingSearch span { display: block; float: left; clear: both; margin-bottom: 5px; }
.surroundingSearch input { margin-bottom: 25px; }
.londonMapSurroundSearch { float: left; clear: both; margin: 15px 0 0 125px; _margin-left: 0; }
.surroundingSearchError { float: right; clear: right; height: 40px; width: 240px; padding: 10px 0 0 50px; background: url(images/surroundingError.gif) 0 0 no-repeat; color: Red; }
.surroundingSearch span.error { position: absolute; top: 20px; left: 148px; font-weight: bold; font-size: 0.9em; }
.surroundingSearch span.error3 { top: 93px !important; left: 114px !important; }

.surroundingSearchExternal { position: relative; height: 145px; width: 340px; padding: 10px; background: #fff; }
.surroundingSearchExternal h4 { color: #333 !important; text-align: left; }
.surroundingSearchExternal span { float: none; }
.surroundingSearchExternal p { color: #666; }
.surroundingSearchExternal a { position: absolute; bottom: 10px; left: 10px; }

.inboundMapbacking { width: 363px; height: 313px; background: url(images/inboundmap_bg.jpg); float: left; margin: 55px 0 0 45px; }
.inboundMapLondon { float: left; margin: 25px 0 0 35px; }
.inboundMapText { text-align: center; }
.inboundSearch { position: relative; float: right; margin-top: 44px; margin-right: 50px; _position: absolute; _right: -0px; _top: 70px; padding: 40px 0 0 30px; width: 419px; height: 331px; background: url(images/lonsurroundfilter_inbound.jpg) 0 0 no-repeat; }
.inboundSearch .mainbutton2 { float: left; margin-top: 10px; }

/* =pathways
------------------------------------------------------ */
/* code for pathways level choosing */

.levellinksHoler { padding-bottom: 15px; }
.levellinksHoler1 { margin: 0 15px; padding: 0; background: #fff; padding: 0 20px; }

ul.levellinks { margin: 0px 0px 3px 0; _margin: 0px 0 -12px -25px; padding: 0px; }
ul.levellinks li { margin: 0; padding: 0; display: inline; }
ul.levellinks li a { display: block; text-align: center; min-height: 50px; _height: 50px; float: left; color: #000; }
a.levellink01 { width: 115px; border: 1px solid #cccc99; border-right: 0px; margin-left: 20px !important; background: #FFFF99 url(images/pathways_step_a.gif) repeat-x; padding-top: 5px; }


a.levellink01:hover { background: #FFFF66 url(images/pathways_step_a.gif) repeat-x 0 -150px; }
a.levellink02 { width: 115px; border: 1px solid #99becc; border-right: 0px; margin-left: 20px !important; background: #e4f2fc url(images/pathways_step_b.gif) repeat-x; padding-top: 5px; }
a.levellink02:hover { background: #A2CBE1 url(images/pathways_step_b.gif) repeat-x 0 -150px; }
a.levellink03 { width: 115px; border: 1px solid #d8c4a2; border-right: 0px; margin-left: 20px !important; background: #e4f2fc url(images/pathways_step_c.gif) repeat-x; padding-top: 5px; }
a.levellink03:hover { background: #A2CBE1 url(images/pathways_step_c.gif) repeat-x 0 -150px; }

.setborders a.levellink00, .setborders a.levellink01, .setborders a.levellink02, .setborders a.levellink03, .setborders a.levellink04 { border: 2px solid red; border-right: none; }

.off a.levellink01, .off a.levellink02, .off a.levellink03 { width: 135px; border-right: 1px #e9e9e9 solid !important; }
.off a.levellink00, .off a.levellink04 { border-right: 1px #e9e9e9 solid !important; }

a.levelhelplink { width: 20px; border: 1px solid #bbd8a2; border-left: 0px; background: #cdf9bb url(images/pathways_step_help.gif) repeat-x; text-indent: -9999px; padding-top: 5px; }
a.levelhelplink:hover { background: #76F464 url(images/pathways_step_help.gif) repeat-x 0 -600px; }
.setborders a.levelhelplink { border: 2px solid red; border-left: none; }

.off a.levellink00 { background-image: url(images/pathways_step_entry.gif); }
.off a.levellink01 { background-image: url(images/pathways_step_a.gif); }
.off a.levellink02 { background-image: url(images/pathways_step_b.gif); }
.off a.levellink03 { background-image: url(images/pathways_step_c.gif); }
.off a.levellink04 { background-image: url(images/pathways_step_degree.gif); }
.off a.levelhelplink { background-image: url(images/pathways_step_help.gif); }
.off a.levellink01, .off a.levellink02, .off a.levellink03 { color: #cccccc; border: 1px solid #e9e9e9; border-right: 0px; background-color: #efefef; background-repeat: repeat-x; background-position: 0 -150px; cursor: default; text-decoration: none; }

.off a.levellink00, .off a.levellink04 { color: #cccccc; border: 1px solid #e9e9e9; background-color: #efefef; background-repeat: repeat-x; background-position: 0 -600px; cursor: default; text-decoration: none; }

.off a.levelhelplink { color: #cccccc; border: 1px solid #e9e9e9; border-right: 0px; background-color: #efefef; background-repeat: repeat-x; background-position: 0 -300px; cursor: default; }
.off a.levelhelplink { border: 1px solid; border-left: 0px; }

.smallblock { width: 36px !important; }

.off .smallblock { width: 56px !important; }

/* New version of pathways page : Added JA 11/12/08 - Changed JB 16/12/08 */

.pathwayb_container { border: 0px solid red; width: 944px; background: url(images/pathwayb_horizon.gif) top no-repeat; padding-top: 93px; }
.pathwayb_containercomplete { border: 0px solid red; width: 944px; background: url(images/pathwayb_horizoncomplete.gif) top no-repeat; padding-top: 84px; }
.pathwayb_container table, .pathwayb_containercomplete table { border: 0px solid red; width: 944px; }
.pathwaybrow1 { background: url(images/pathwayb_row1.gif) repeat-x bottom #e2e7e1; height: 40px; }
.pathwaybrow2 { background: #ccdc84; height: 60px; }
.pathwaybrow3 { background: #e6e6e6; height: 31px; }
.pathwayb_arrow1 { background: url(images/pathwayb_arrow1.gif) no-repeat top center #e6e6e6; width: 132px; }
.pathwayb_cat01 { background: url(images/pathwayb_level01.gif) no-repeat top right; vertical-align: top; width: 125px; padding-right: 15px; }
.pathwayb_cat00 { background: url(images/pathwayb_level00.gif) no-repeat top right; vertical-align: top; width: 125px; padding-right: 15px; }
.pathwayb_cat01 { background: url(images/pathwayb_level01.gif) no-repeat top right; vertical-align: top; width: 125px; padding-right: 15px; }
.pathwayb_cat02 { background: url(images/pathwayb_level02.gif) no-repeat top right; vertical-align: top; width: 125px; padding-right: 15px; }
.pathwayb_cat03 { background: url(images/pathwayb_level03.gif) no-repeat top right; vertical-align: top; width: 125px; padding-right: 15px; }
.pathwayb_cat04 { background: url(images/pathwayb_level04.gif) no-repeat top right; vertical-align: top; width: 125px; padding-right: 15px; }


.levelname { width: 100px; float: right; text-align: center; margin-top: 5px; }
a.pathwayb_help { background: url(images/pathwayb_help_01.gif) no-repeat; width: 20px; float: right; height: 58px; text-indent: -9999px; }
a.pathwayb_help:hover { background: url(images/pathwayb_help_01_over.gif) no-repeat; }
.pathwayb_cyclist_bottom { background: #ff0000 url(images/pathwayb_cyclist_bottom.gif) top right no-repeat; color: #FFF; text-align: center; vertical-align: top; font-weight: bold; }
.pathwayb_cyclist_bottom span { display: block; margin-top: 36px; }
.pathwayb_cyclist_top { background: url(images/pathwayb_cyclist_top.gif) bottom right no-repeat; vertical-align: top; }
.pathwayb_cyclist_top a:link, .pathwayb_cyclist_top a:visited, .pathwayb_cyclist_top a:active { display: block; margin-top: 23px; margin-left: 20px; color: #FFF; text-decoration: none; font-weight: bold; }
.pathwayb_cyclist_top a:hover { color: red; }

.pathwayb_cyclist_topcomplete { background: url(images/pathwayb_cyclist_topcomplete.gif) bottom right no-repeat; vertical-align: top; }
.pathwayb_cyclist_topcomplete a:link, .pathwayb_cyclist_topcomplete a:visited, .pathwayb_cyclist_topcomplete a:active { display: block; margin-top: 23px; margin-left: 22px; color: #FFF; text-decoration: none; font-weight: bold; }
.pathwayb_cyclist_topcomplete a:hover { color: red; }

.flagtop { background: url(images/pathwayb_flag_top.gif) no-repeat right bottom; }
.flagbottom { background: url(images/pathwayb_flag_bottom.gif) no-repeat right top #ccdc84; }
.flagtopcomplete { background: url(images/pathwayb_flagcomplete_top.gif) no-repeat right bottom; height: 42px; *height:40px}
.flagbottomcomplete { background: url(images/pathwayb_flagcomplete_bottom.gif) no-repeat right top #ccdc84; }
.pathwayb_lower { background: #e6e6e6; width: 890px; }


.pathwaybrow3 td { vertical-align: top; font-size: 0.8em; padding: 0; }

.pathwaybrow3 td ul { margin: 0 0 20px 0; padding: 0; border: 0px solid #CCC; border-top: none; width: 126px; }

.pathwaybrow3 td ul li { list-style: none; margin: 0; padding: 5px; }
.pathwaybrow3 td ul li a:link, .pathwaybrow3 td ul li a:visited, .pathwaybrow3 td ul li a:hover, .pathwaybrow3 td ul li a:active { color: #000; }

ul.pathwayb_listcat00 li { background: #ddc1ff; }
ul.pathwayb_listcat00 li.even { background: #f0e1fe; }
ul.pathwayb_listcat01 li { background: #feffac; }
ul.pathwayb_listcat01 li.even { background: #fbfdd6; }
ul.pathwayb_listcat02 li { background: #d3eeff; }
ul.pathwayb_listcat02 li.even { background: #e5f4fa; }
ul.pathwayb_listcat03 li { background: #ffe8ac; }
ul.pathwayb_listcat03 li.even { background: #fcf3da; }
ul.pathwayb_listcat04 li { background: #acffd2; }
ul.pathwayb_listcat04 li.even { background: #d6fde9; }

.pathwayboptions { width: 944px; background-color: #e6e6e6; margin: 0; padding: 10px 0; text-align: center; clear: both; }
.pathwayboptions ul { margin: 20px auto 0; padding: 0; }
.pathwayboptions ul li { margin: 0; padding: 0 5px; display: inline; }
.pathwayboptions ul li a.mainbutton2, .pathwayboptions ul li a.mainbuttonDelete, .pathwayboptions ul li a.mainbuttonBike, .pathwayboptions ul li a.mainbuttonPrint, .pathwayboptions ul li a.mainbuttonSave { display: inline; }

.pathwaysb_key { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 10px 0 5px; margin-bottom: 20px; clear: both; }

.pathwaysb_info { font-size: 0.8em; }
.pathwaysb_infoclose { text-align: right; width: 90%; float: right; padding: 15px 25px 0; }
.pathwaysb_infoclosevalidate { width: 100%; display: block; background: #000000; }
.clear { clear: both; }
.pathwaysb_infoscroll { height: 450px; overflow: auto; padding: 15px; _position: relative; }
.pathwaysb_description { border-bottom: 1px solid #CCC; margin-top: 10px; width: 650px; }
.pathwaysb_info h2 { font-size: 1.4em; font-weight: bold; color: #000; margin-top: 0px; background-image: none !important; }
.pathwaysb_info h3 { font-size: 1em; font-weight: bold; color: #000; background-image: none !important; }
.pathwaysb_popup_area1 { width: 310px; padding-right: 15px; float: left; border-right: 1px solid #CCC; margin-top: 15px; }
.pathwaysb_popup_area2 { padding-left: 15px; width: 310px; float: left; margin-top: 15px; }

.sethelplevel00 { background: #f0e1fe; }
.sethelplevel01 { background: #fbfdd6; }
.sethelplevel02 { background: #e5f4fa; }
.sethelplevel03 { background: #fcf3da; }
.sethelplevel04 { background: #d6fde9; }

.pathwaybalreadytext { text-align: center; display: block; width: 100%; }
.pathwaybalreadytext p { margin: 20px auto; font-weight: bold; font-size: 1.1em; }

.cat00 { width: 95px; border-right: 1px solid #Ccc; background: #e4f2fc url(images/pathways_step_entry.gif) repeat-x; padding-top: 5px; text-align: center; font-size: 0.8em; }
.cat01 { width: 95px; border-right: 1px solid #Ccc; background: #e4f2fc url(images/pathways_step_a.gif) repeat-x; padding-top: 5px; text-align: center; font-size: 0.8em; }
.cat02 { width: 95px; border-right: 1px solid #Ccc; background: #e4f2fc url(images/pathways_step_b.gif) repeat-x; padding-top: 5px; text-align: center; font-size: 0.8em; }
.cat03 { width: 95px; border-right: 1px solid #Ccc; background: #e4f2fc url(images/pathways_step_c.gif) repeat-x; padding-top: 5px; text-align: center; font-size: 0.8em; }
.cat04 { width: 95px; border-right: 1px solid #Ccc; background: #e4f2fc url(images/pathways_step_degree.gif) repeat-x; padding-top: 5px; text-align: center; font-size: 0.8em; }
.pathwayslevelinstruction { height: 1%; font-weight: bold; padding-top: 15px; padding-bottom: 10px; }

/* =quiz
------------------------------------------------------ */

.quizpage1 { background: url(images/quiz_x_pg2_heading.jpg) no-repeat; }
.quizpage2 { background: url(images/quiz_heading_v09.jpg) no-repeat; }
.quizpage3 { background: url(images/quiz_x_pg3_heading.jpg) no-repeat; *background:url(images/quiz_x_pg3_heading.jpg)no-repeat3px0;margin:0px;}
.quizpage4 { background: url(images/quiz_heading_v09.jpg) no-repeat; *background:url(images/quiz_heading_v09.jpg)no-repeat3px0;}
.quizpage4base { background: url(images/quiz_x_pg4_base.gif) no-repeat bottom right; }
.quizpage5base { background: url(images/quiz_x_pg5_base.gif) no-repeat bottom right; }
.quizpage5 { background: url(images/quiz_x_pg5_heading.jpg) no-repeat; *background:url(images/quiz_x_pg5_heading.jpg)no-repeat3px0;}
.quizpagecontent { padding: 20px 0px 0 10px; }

div.quizHomeJobs { margin-top: 101px; padding-right: 7px; *margin-top:97px;_margin-top:80px;}

.quizContinue { margin-right: 160px; }
.quizResults { list-style: none; }
.quizResults h4 { display: block; padding: 15px 66px 0 15px; margin: 0; width: 390px; height: 53px; background: transparent url(images/quiz_results_banner.png) 0 0 no-repeat; }
.quizResults ul, .quizResults a.moreInSection { display: block; width: 442px; margin-left: 15px; padding: 10px 0 10px 0; list-style: none; background: #f1f6d6; }
.quizResults a.moreInSection { color: #3a591d; padding-left: 20px; width: 422px; background: #f1f6d6 url(images/quiz_results_fade.gif) left bottom no-repeat; padding-bottom: 36px; }
.quizResults ul li { margin: 0 0 15px 20px; }
.quizResults ul li span img { }
.quizResults ul li a { color: #3a591d; position: relative; top: -2px; left: 5px; }
.quizResults a.moreInSection:hover, .quizResults ul li a:hover { color: #000; }
.quizResultSave { margin-left: 150px; }
.quizResultSaveWarning { float: left; color: #f00; margin-bottom: 20px; margin-left: 138px; }

/* =lost-styles (please more to correct catagory when you edit)
------------------------------------------------------ */
.content3 .intbnnav { width: 630px; _width: 627px; }
.locationerrormessage { clear: both; display: block; height: 1%; font-weight: bold; }
.subjectsExamples1 { display: block; margin: 0 15px 10pt 20px; font-size: 1em; line-height: 1em; color: #666; }
.postcodenote { margin-top: 5px; font-weight: bold; font-size: 0.8em; }