#ukMap {
 width: 224px;
 height: 320px;
 background-image: url(Sitewide_Images/uk_map.gif);
 background-repeat: no-repeat;
 margin: 0 0 0 0px;
 padding: 0;
 position: relative;
 border: 1px solid #999; 
 float: left; }

#ukMap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#ukMap a {display: block; text-indent: -9999px; text-decoration: none; border: 0px solid red;}

#em {left: 136px; top: 188px; width: 55px; height: 60px;}
#eoe {left: 165px; top: 206px; width: 59px; height: 59px; z-index: 20;}
#gl {left: 170px; top: 255px; width: 23px; height: 15px; z-index: 40;}
#ne {left: 118px; top: 104px; width: 47px; height: 54px; z-index: 20;}
#nw {left: 102px; top: 129px; width: 39px; height: 84px; z-index: 10;}
#se {left: 139px; top: 236px; width: 79px; height: 62px;}
#sw {left: 46px; top: 241px; width: 105px; height: 74px;}
#wm {left: 109px; top: 200px; width: 49px; height:54px;}
#yah {left: 125px; top: 151px; width: 61px; height: 49px;}

#em a {height: 60px;}
#eoe a {height: 59px;}
#gl a {height: 15px;}
#ne a {height: 54px;}
#nw a {height: 84px;}
#se a {height: 62px;}
#sw a {height: 74px;}
#wm a {height: 54px;}
#yah a {height: 49px;}

#em a:hover {background: url(Sitewide_Images/uk_map_areas_em.gif) 0px 0px no-repeat;}
#eoe a:hover {background: url(Sitewide_Images/uk_map_areas_eoe.gif) 1px 2px no-repeat;}
#gl a:hover {background: url(Sitewide_Images/uk_map_areas_gl.gif) 0px 0px no-repeat;}
#ne a:hover {background: url(Sitewide_Images/uk_map_areas_ne.gif)  4px 0px no-repeat;}
#nw a:hover {background: url(Sitewide_Images/uk_map_areas_nw.gif)  0px 0px no-repeat;}
#se a:hover {background: url(Sitewide_Images/uk_map_areas_se.gif)  0px 2px no-repeat;}
#sw a:hover {background: url(Sitewide_Images/uk_map_areas_sw.gif) 5px 0px no-repeat;}
#wm a:hover {background: url(Sitewide_Images/uk_map_areas_wm.gif)  0px 0px no-repeat;}
#yah a:hover {background: url(Sitewide_Images/uk_map_areas_yah.gif)  0px 0px no-repeat;}

.changeareabox { border: 0px red solid; padding: 20px; background-color: #666666; margin: 0 30px;}

.areatree {width: 370px; border: 0px red solid; float: left; padding: 0 20px;  background-color: #FFF; margin-left: 20px;}

.areatree a {  text-decoration: underline; }

/* to correct float problem - boycey */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Sian - removes horrble dotted line in firefox */
a:focus {  
    outline: none;  
} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =HomePage -------------------------------*/
.homesearchAlert {display:block; padding:5px !important; text-align:center; margin-bottom:15px;}



.homesearch01 .othersearches { padding: 5px 20px 30px 10px;}
.homesearch01 .othersearches ul {margin: 0px; padding: 0px; list-style: none;}
.homesearch01 .othersearches li {margin: 5px 0; padding: 0px; float:left; clear:left; width:300px; }
.homesearch01 .othersearches li a { display:block;  float:left; margin-right:10px; height:20px;}

.homesearch01but { cursor: hand;}

/* end HomePage ----------------------------*/


/* 	====================  accessibility toolbar font sizes added Boycey 	======== */

ul#textsize li a {	height:20px; line-height:18px;}

ul#textsize li a.sm {font-size:0.8em; }

ul#textsize li a.med {font-size:1em; }

ul#textsize li a.lg {font-size:1.2em;}


/* 	====================  Overall Container DIV 	==================== */

.popupFromCap { border: 0px red solid; width: 100%; color: #000; background-color: #FFF; background-repeat: no-repeat; background-image:none;  margin: 0 auto 0; text-align: left; padding: 10px 0; }

/* 	====================  open days (this also effects change password) 	==================== */ 


 


.resultsgridmed .montharea { padding: 10px 0; margin-bottom: 0px; }
.resultsgridmed .montharea hr { background-color:#ccc; height:1px; color:#ccc; }
.resultsgridmed .month {padding: 10px 0 10px 40px; border-top: 1px #ccc solid;  border-bottom: 1px #ccc solid; margin-bottom: 0px; background-image: none; font-weight: bold;  font-size: 1.1em;}
.resultsgridmed .opendaydetails {padding-left: 40px; margin-bottom: 20px;}


.opendays2details .head {	color: #000; margin-left: 0px; font-size: 1.3em; border: #D6D6D6 0px solid;	margin-top: 0px; margin-bottom: 20px; font-weight: normal;}
.opendays2details .description { padding:  10px; background-color: #FFF; margin-bottom: 20px;}

/*.passwordChange label,
.passwordChange input { margin-top:1em; }*/
.passwordChange .mainbutton4 {margin-top:1em;}

/* 	====================  Tag Cloud 	==================== */

.tagcloudarea { margin-left: 55px; border: 0px solid red; font-weight: bold; color: #003366;}

.tagCloud
{    
	width:400px;    
	border:solid 1px #ccc;    
	padding:5px;    
	margin-bottom:10px;    
	text-align:justify;
	background-color: #f9f9f9;
} 

.tagCloud A
{    
	text-decoration:none;    
	margin-left:5px;    
	margin-right:5px;    
	font-family:Trebuchet MS, Verdana, Arial;    
	text-transform:lowercase;
	text-decoration:underline;
} 

.tagCloud A:hover
{    
	color:#00cc00;    
	text-decoration:underline;
	font-family:Trebuchet MS, Verdana, Arial;    
} 

.tagCloud A.weight1{    color: #ff9900;    font-size: 1.9em;    font-weight:bolder;}
.tagCloud A.weight2{    color: #4169e1;    font-size:1.5em;    font-weight:bolder;}
.tagCloud A.weight3{    color: #009eff;    font-size: 1.4em;    font-weight:bolder;}
.tagCloud A.weight4{    color: #4188cf;    font-size: 1.2em;}
.tagCloud A.weight5{    color: #83bcd8;    font-size: 1.0em;}


/* 	==================== Google Map	==================== */

.googleyouarehere { background-color: #e4e4e4; padding: 5px 0px 5px 0px; font-weight: bold; text-align: center;}


/* 	==================== Favourites	==================== */


/* 
.favlink {background-color:#FFCC99; border: #FF6600 solid 1px; padding: 5px;}
.fav {
	color:#FF9900;
	font-weight: bold;
	font-size: medium;
}
.favlist ul {padding: 5px; list-style: none;}
.favlist li {background-color: #FFF; margin: 5px; padding: 5px; border: 1px solid #676767;}
.favlist li h4 {font-weight: bold; font-size: 1.1em; padding: 2px; margin-top: 0px; text-align:left;color:#000000; width: 200px; }
.favlist li .viewcourse {float:right; margin-right: 2px;}
.favquals {font-size: 0.9em;}
.favquals h5 {font-size: 1em; margin: 5px 0 0;}
.favprovider {
	background-color: #E5F2CA;
	width: 350px;
	background-image: url(images/basket_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.favproviderbottom {
	width: 350px;
	background-image: url(images/basket_bottom.gif);
	background-repeat: no-repeat;
	height: 14px;
}
.favprovider h3 {font-weight: bold; font-size: 1.4em; color:#FFFFFF; padding: 5px 10px;}
*/

.favprovider {
	border: 1px solid #999;
	margin-top: 20px;
	padding: 20px 10px 10px;
	background: #edf2f7;
	width: 510px;
} 
.favprovider h3 {
	border: 0px solid green; margin: 0px; padding: 0px;} 
	
.favprovider h4 {font-weight: bold; font-size: 1.1em; padding: 2px; margin-top: 0px; text-align:left; color:#000000; }

.viewcourse {
	border: 1px solid #e5e5e5; background-color: #fff; margin-top: 10px;
} 
.viewcourse td {
	padding: 5px;
} 


/*   ----------------   Dashboard tabs  -----------------       */

.dashhtabs {
	float:left;
	width: 100%;
	line-height:normal;
	background-image: url(images/searchtab_bg.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
	border: 0px red solid;
      }
.dashtabs ul {
      margin:0;
      padding:10px 10px 0 10px;
      list-style:none;
      }
.dashtabs li {
      display:inline;
      margin:0;
      padding:0;
      }
.dashtabs a {
      float:left;
      background:url("images/left_both.gif") no-repeat left top;
      margin:0 0 0 4px;
      padding:0 0 0 9px;
      border-bottom: 1px solid #FFF;
      text-decoration:none;
	  white-space:nowrap;
      }
.dashtabs a span {
      float:left;
      display:block;
      background:url("images/right_both.gif") no-repeat right top;
      padding:2px 10px 2px 0px;
      font-weight: bold;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.dashtabs a span {float:none;}
    /* End IE5-Mac hack */
.dashtabs a:hover span {
	color: #00309C;
}
.dashtabs #current a {
      background-position:0 -150px;
      border-width:0;
      }
.dashtabs #current a span {
      background-position:100% -150px;
      padding-bottom: 3px;
      color:#000;
      }
.dashtabs .current a {
      background-position:0 -150px;
      border-width:0;
      }
.dashtabs .current a span {
      background-position:100% -150px;
      padding-bottom: 3px;
      color:#000;
      }
.dashtabs a:hover {
      background-position:0% -150px;
      }
.dashtabs a:hover span {
      background-position:100% -150px;
	  }

.academicYear { float: right; margin: 3px 5px 3px 0;}

	 
div.bGroupE {margin:1px 4px; background:#f7f8f9 url('/_image/corners/white_bg.gif') repeat-x top left;width: 480px;}
div.bGroupE div.b {background:url(Sitewide_Images/fav_bg_l.gif) repeat-y bottom left;}
div.bGroupE div.r {background:url(Sitewide_Images/fav_bg_b.gif) repeat-x bottom right;}
div.bGroupE div.t {background:url(Sitewide_Images/fav_bg_r.gif) repeat-y top right;}
div.bGroupE div.l {background:url(Sitewide_Images/sum_bg_t.gif) repeat-x top left;}
div.bGroupE div.br {background:url(Sitewide_Images/fav_bg_br.gif) no-repeat bottom right;}
div.bGroupE div.bl {background:url(Sitewide_Images/fav_bg_bl.gif) no-repeat bottom left;}
div.bGroupE div.tr {background:url(Sitewide_Images/sum_bg_tr.gif) no-repeat top right;}
div.bGroupE div.tl {background:url(Sitewide_Images/sum_bg_tl.gif) no-repeat top left;}
div.bGroupE div.in {margin:0;padding:1px 0;} 



.favcourse {background:url(Sitewide_Images/fav_star.gif) no-repeat left; padding: 0 0 0 20px;}
.favcourse a:link {text-decoration: none;}
.mycourseprovarea h3.provname {float: left; border: 0px solid red; width:293px; background:url(Sitewide_Images/mycourses_titlebg.gif) no-repeat 10px 0px; margin: 5px; padding: 0 0 20px 50px; font-size: 1.6em; font-weight:normal;} 
.provareamessage ul {float: left; border: 0px solid red; list-style: none; padding: 0; margin: 0px; width: 160px;}
.provareamessage li {border: 0px solid red; list-style: none; padding: 0; margin: 0px;}
.provareamessage li a:link {text-decoration: none; }

/* Login - 07-2008 added by boycey */
.content2 p.signupPara {margin-bottom:35px;}

.signup {margin-left: 50px;}
.signup span.textalign {padding-right:50px; padding-left:38px;}

.loginBox {color:#333}
.loginBox p input, .signup input {width:13em}
/* end Login */


/* accademic offer by year 07-2008 added by boycey */
.offersbyyear div.outlineoffersbyyear {margin:20px 10px;border:1px #fdd8bd solid; padding:10px 10px 10px 10px; background:#fff;}
.offersbyyear a.moreDetails {display:block; margin:0 0 0 0; padding:0 0 0 35px; background:#fff url(sitewide_images/button_more.gif) 0 1px no-repeat;text-decoration:none;}
.offersbyyear a.moreDetails:hover {cursor: pointer;}/* finger was not appearing??*/

.offersbyyear a.lessDetails {display:block; margin:0 0 0 0; padding:0 0 0 35px; background:#fff url(sitewide_images/button_less.gif) 0 1px no-repeat;text-decoration:none;}
.offersbyyear a.lessDetails:hover {cursor: pointer;}/* finger was not appearing??*/

.offersbyyear div.body {margin:15px 0 0 0;}

.offersbyyear div.body div.applicationbox {margin:20px 0 0 0;}/*repeated style with margin on line 304*/


/* end accademic offer by year*/

/*
.newappbutton { white-space: nowrap; background: url(Sitewide_Images/newappbutton_left.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.newappbutton:hover {text-decoration: none; color: red;}
.newappbutton .textalign {background: url(Sitewide_Images/newappbutton_right.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}
*/


.newappbutton { border: 0px solid red; white-space: nowrap; background: url(Sitewide_Images/newappbutton_left.gif) left top no-repeat; text-decoration: none; padding: 5px 0 20px 12px; *padding: 0px 0 25px 12px; color: #FFF;}
.newappbutton:hover {text-decoration: none; color: red;} 
.newappbutton .textalign {background: url(Sitewide_Images/newappbutton_right.gif) right top no-repeat; padding: 3px 15px 24px 3px; *padding: 5px 15px 22px 3px; font-weight: bold; font-size: 1.2em; }


.applicationbox {border: solid 1px black; margin: 0px 0 20px;}

.applicationhead {background:#efefef; padding: 5px; text-align: center; font-size: 1.2em; font-weight: bold;}
.applicationtop {padding: 7px;}
.coursesinapp {background:#efefef; padding: 5px;}

.appoffered { background-color: #fff7cd; border:solid 1px #ffed89;}
.appoffered .applicationhead { background-color: #fff7cd; border:solid 0px black;}
.appoffered .coursesinapp {background: #fff7cd; padding: 5px;}
.appoffered .conditions {background:#FFF; padding: 5px; display: block; margin: 10px;}

.removebutton {padding-left: 12px; background-image: url(Sitewide_Images/sm_butt_remove.gif); background-repeat: no-repeat; text-decoration: none;  }
.buttleftarrow {padding-left: 12px; background-image: url(Sitewide_Images/sm_butt_leftarrow.gif); background-repeat: no-repeat; text-decoration: none;  }
.buttadd {padding-left: 12px; background-image: url(Sitewide_Images/sm_butt_add.gif); background-repeat: no-repeat; text-decoration: none;  }


.apptextawaiting { font-size: 1.1em; font-weight: bold; color: #eb7105;}

.appfocus {margin: 0 30px 20px; background-color: #FFF; padding: 10px 10px 0;}


/* preferred order 07-2008 added by boycey */
	
	ol.preferredOrder  {width:600px;margin:25px 0 0 22px;padding:0;}
	.preferredOrder li {float:left; width:100%; list-style:none; padding-bottom:5px;}
	.preferredOrder li.rowon {background:#f7f7f7; margin:5px 0;}
	.preferredOrder h4 {float:left; text-align:left !important; width:486px; margin: 7px !important;}
	.preferredOrder ul {float:right; display:inline;}
	.preferredOrder ul li {float:left; margin:5px 0 0 0; width:30px;}
	.preferredOrder li.rowon ul li {margin:5px 0 0 0;padding:0;height:1%;font-size:0.1em;}
/* end - preferred order */


div.bGroupD {margin: 1px 4px;background:#f7f8f9 ;width:100%;}
div.bGroupD h3 {margin: 0 0 10px; }

div.bGroupD div.b {background:url(Sitewide_Images/sum_bg_l.gif) repeat-y bottom left; border: 0px solid red;}
div.bGroupD div.r {background:url(Sitewide_Images/sum_bg_b.gif) repeat-x bottom right;}
div.bGroupD div.t {background:url(Sitewide_Images/sum_bg_r.gif) repeat-y top right;}
div.bGroupD div.l {background:url(Sitewide_Images/sum_bg_t.gif) repeat-x top left;}
div.bGroupD div.br {background:url(Sitewide_Images/sum_bg_br.gif) no-repeat bottom right;}
div.bGroupD div.bl {background:url(Sitewide_Images/sum_bg_bl.gif) no-repeat bottom left;}
div.bGroupD div.tr {background:url(Sitewide_Images/sum_bg_tr.gif) no-repeat top right;}
div.bGroupD div.tl {background:url(Sitewide_Images/sum_bg_tl.gif) no-repeat top left;}
div.bGroupD div.in {margin:0;padding:1px 0;}

.mycoursessummary  {padding: 0 0 50px;}
.mycoursessummary ul {border: 0px red solid; padding: 0; margin: 0px 10px; list-style: none;font-size: 0.9em; font-weight: bold;}
.mycoursessummary li {border: 0px red solid; padding: 0; margin: 0px; color: #336699; font-weight: bold;}


.mycoursessummary li.messages {background:url(Sitewide_Images/summary_messages.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.offers {background:url(Sitewide_Images/summary_offer.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.sent {background:url(Sitewide_Images/summary_sent.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.unsent {background:url(Sitewide_Images/summary_unsent.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.myfavs {background:url(Sitewide_Images/summary_myfavs.gif) no-repeat; padding: 2px 0 2px 20px}

.mycourseprovarea div div div div span h3   {margin: 0 0;  }


.capfavcourses {background-color: #ffffcc; color: #ad8408; clear: left;}

.messagetabs {float: left; width: 170px; border: 0px solid red;}

.messagetabs ul {padding: 0px; margin: 0px 10px 0 0; list-style: none;}
.messagetabs li {padding: 0px; margin: 0px; }
.messagetabs li a {padding: 5px 5px 5px 18px; text-decoration: none;  display: block; background:url(Sitewide_Images/folder.gif) no-repeat  left;}


.messagetabs li.current a { font-weight: bold; padding: 5px 5px 5px 18px; text-decoration: none;  display: block; background:url(Sitewide_Images/folder.gif) no-repeat  left #ffffcc; border: 0px solid #CCC; }


.messagearea  {border: 0px solid red; float: left; width: 550px; padding: 0 10px 10px; background: #ffffcc;}
.messagearea h2  {color: #0066cc }

.messagedetail { border: 0px solid #999; background: #ffffcc;  padding: 10px 0 0 ; color: #666600; }
.messagehistory {  background: #EFEFEF ; padding: 10px; float: right; width: 200px; margin: 5px;}
.messagehistory h3 { color: #666;}

.messagehistory a:link {  margin-bottom: 7px; border: solid 0px #d8d8d8; display: block;}
.messagehistory a:link img {  margin-right: 7px;}
.messagehistory br {  display: none;}

.messageInsertText {  background: #EFEFEF ; padding: 10px; float: right; width: 200px; margin: 5px;}
.messageInsertText h3 { color: #666;}
.messageInsertText a:link { padding-left: 45px; background:url(images/med_butt_insert.gif) no-repeat; display: block;margin-bottom: 7px;}

.messageBody {height:200px; overflow:auto; border: solid 0px #d8d8d8; margin:10px;  padding: 10px;}
.messageHeader {padding: 0 10px;}
.messageControls {padding: 10px;}

/* ===================== back and next buttons but inside box =============== */
div.intbnnav {
	
	line-height: 1em;
	padding-top: 0.5em;
	padding-bottom: 3.25em;
	 }




.intbnnav ul { list-style: none;	list-style-image: none; margin: 10px;	padding: 0px;}

.intbnnav ul .back {padding: 5px;  float: left;}
.intbnnav ul .next {padding: 5px;  float: right;}

.validation3 ul {background-color: #ffcccc; list-style: none; text-align: center; padding: 3px; font-weight: bold;}
.rqd {color: #F45722;  }
.appformsection  {border: 1px solid #CCC; padding: 5px; background-color: #FFF;  }
.appformtable {width: 100%;}
.appformtable td {padding: 4px; vertical-align: top; width:320px;}
.appformtable .col1 {text-align: right; width:50%; }



.addpanel {padding: 5px; border: 0px solid #f2e5c9; background-color: #fef3db;}
.addpanel table  {width: 100%;}
.addpanel td {padding: 4px; vertical-align: top;}
.addpanel .col1 {text-align: right; }
.addpanel h3 { color: #cc6600;  text-align: center; margin: 10px auto;}

.appformpanel td {border-bottom: 1px solid #efefef;}
.appformpanel th {border-bottom: 1px solid #efefef;}

.button02 { background: url(Sitewide_Images/greybutton_leftseg.gif) left no-repeat; text-decoration: none;  padding: 5px 0 5px 8px;  color: #fff; }
.button02:hover {text-decoration: none; color: #33ff00;}
.button02 .textalign {background: url(Sitewide_Images/greybutton_rightseg.gif) right no-repeat; padding: 4px 10px 4px 0; font-weight: bold;   font-size: 1em;}





.modalbackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
}

.modalpopup {
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	width: 500px;
}
.modalpopup h1 {
	margin-top: -20px;
}

.modalcontent {padding: 30px}
.modalcloseposition {text-align: right;}

.modalclose {background-color: white; font-size: 1.4em; color: #666; text-decoration: none; padding: 0 2px; border-left: 1px solid #666; border-bottom: 1px solid #666}

.processing {position:relative; left:-90px; _left:210px; _top:-175px; text-align:center; border:1px solid #333; background:#fff; padding:20px; width:305px !important;}
.processing h3 {color:#710000; font-size:2em}
.processing p {font-size:1.25em}

.regunlock 
{ padding: 10px 10px 10px 60px;  background: url(Sitewide_Images/unlock.gif) 10px 15px no-repeat #fff4d7;}

.regunlock span
{ display:block; margin-bottom:15px;}

.directions {border: 0px solid red; padding-left: 20px; margin-top: 8px;}
	 
	 
.bus {background: url(Sitewide_Images/directions_bus.gif) 0px 1px no-repeat;}
.train {background: url(Sitewide_Images/directions_train.gif) 0px 1px no-repeat;}
.road {background: url(Sitewide_Images/directions_road.gif) 0px 1px no-repeat;}
.foot {background: url(Sitewide_Images/directions_foot.gif) 0px 1px no-repeat;}
.parking {background: url(Sitewide_Images/directions_parking.gif) 0px 1px no-repeat;}



.mainbutton4red {white-space: nowrap; background: url(Sitewide_Images/button_red_left_trans.gif) left no-repeat; text-decoration: none; padding: 5px 0 5px 12px; color: #FFF;}
.mainbutton4red:hover {text-decoration: none; color: #fdd7bc;}
.mainbutton4red .textalign {background: url(Sitewide_Images/button_red_right_greybg.gif) right no-repeat; padding: 4px 15px 4px 3px; font-weight: bold; font-size: 1.1em;}





/* ===================== Isle of Wight only =============== */


.courseselect {padding: 10px;}
.courseselect h3 {font-size: 2em; }
.provsimilarcourses {border: 3px solid #abd6e7; background: url(Sitewide_Images/prov_01.gif) 7px 5px no-repeat #ddf4fc; margin: 10px 10px; padding: 2px 10px 10px; width: 225px; float: left;}
.provsimilarcourses ul {margin: 10px; padding: 0 0 0 0;}
.provsimilarcourses li {margin: 0 0 0 0; padding: 0 0 0 0;}


.provprogchoice {color: #336633; width: 530px; border: 0px solid #abd6e7; background: url(Sitewide_Images/prov_01.gif) 7px 5px no-repeat #f0ffc2; margin: 0px 10px 10px 10px; padding: 2px 10px 10px; }
.provprogcont {border: 0px solid red; padding: 7px; background-color: #FFFFFF; margin: 5px 0; color: #000000;}



.appfocus h2 {visibility: hidden; height: 0px;}



.howtoapply {background-color: #828282; color:white; margin: 10px 0; padding: 5px; display:block; border: 1px dashed #CCC;}



th.sortascheaderstyle
{
	background-image: url(Sitewide_Images/sort_asc.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}

th.sortdescheaderstyle
{
	background-image: url(Sitewide_Images/sort_desc.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
}



/* --- Password change by Boycey 08/08 ----------*/

.changePassword div {margin:10px 0; }
.changePassword div.clearfix {margin:0;}
.changePassword p.passwordChange {display:block;width:14em;float:left;clear:left;}
.changePassword input {}
.passwordChangeSubmit {float:left;}
.passwordChangeSubmitHolder {padding:0 0 0 14em;float:left;}
/* --- end Password change ----------------------*/

/* Option Block Quick Apply Styling 
########### TO DELETE ############

#optiongroups
{ border-collapse:collapse; border: solid 1px black; }

#optiongroups td
{ border-collapse: collapse; border: solid 1px black;	background-color: #cff; }

#optiongroups div
{ border-collapse: collapse; border: solid 1px black;text-align: center;	background-color: #f90;}

#optiongroups th
{ background-color: #3cc; color: Black; }

#optiongroups div.selected
{ background-color: #fc0; }

/* ----- Option Blocks ----- 



.optiongroupsHolder {padding-top:20px;clear:both; }

.optiongroups { clear: both; width:100%;height:100%; border:1px #333 solid; overflow:auto;}
.optiongroupsTitle {float:left;}

.optiontitle {background:#fff}

.optiongroupsHide {float:right;margin:15px 0;}
.optiongroupsHide:hover { cursor:pointer;}



/* ------------------------------ */

/* =optionBlocks
---------------------------------------------------------------------------*/
.blocksicon {background:url(Sitewide_Images/icon_blocks.gif) 0 0 no-repeat; text-indent:25px; display:block; margin:20px 0;}

.optionsTable { margin: 0 0 1.4em 0; width:100%}
.optionsTable th { border-bottom:4px solid #fff; border-left:4px solid #fff; padding:5px 5px 5px 10px; background:#11b0e3; color:#fff; text-align:left;}
.optionsTable th span { display:block; float:left; width:150px;}

.optionsTable th.optionsLevelHeader span {width:80px;}

/*.optionsTable tr { background:transparent url(Sitewide_Images/table_row_fade.gif) repeat-x scroll 0 -28px !important;}*/
.optionsTable td { padding:10px; border-bottom:4px solid #fff;  border-left:4px solid #fff; background:#ccc; color:#333;}
.optionsTable td.optionsBlank {background:#fff;}

.optionsTable .col1 { background:#ccc; min-width:100px; color:#000; font-weight:bold; }
.optionsTable .col2 {background:#50cbf3; min-width:50px; color:#fff;  border-bottom:4px solid #fff; font-weight:bold;}


.optionsTable .colLast {/*border-right:4px solid #fff;*/}

.optionsTable .optionsMerge {border-left:none; background:transparent url(Sitewide_Images/options_learner_merge.gif) center left repeat-x;}
.optionsTable .optionsMergeAfter {border-left:none;  background:#transparent url(Sitewide_Images/options_learner_merge.gif) center left no-repeat;}

.optiongroupsHolder {float:left; }


/* Subject Example added 08-08-08 by Boycey */

.box3format {height:8em}

.subjectsExamples {display: block; margin: 0 15px 0pt 20px; font-size:1em; line-height:1em; color:#666}

.optionblock01 { font-style: italic; color: #999999;}

/* added Feb 2009 JA */

.PagerContainerTable {border: 0px;  margin: 0 auto 5px ;}
.clear2 {clear: both; height: 0; _display: none; 	}

.searchResultsDownMap {float:right; margin-top:4px; clear: both;}

/* =searchResults -------------------------------------------*/


/* New HTML structure created for above - layout by boycey 04/09 */

.saveChange,
.clearChange,
.filterbutton { margin: auto; display:block; margin-top: 5px; width: 60px; text-align:center; background-color: #F08A0D; padding: 1px 0; color: #FFF; font-weight: bold; text-decoration: none;}

.saveChange,
.clearChange,
.cancelChange {display: inline-block; margin-right:5px; margin-top:10px;}

/* to move cancel button over if there is no clear button - does not work in IE6
.cancelChangeRight {float:right; margin-right:13px;}*/

a.filterbutton:hover { background-color: #996600; color: #fff;}

.saveChange { background-color: #1fab14;}
.saveChange:hover { background-color: #057d0b !important; color:#fff;}

.clearChange {background-color: #c41f1f; }
.clearChange:hover {background-color: #9d0000; color:#fff;}


/* old styling for 2009 filter area

.searchingbyBox {float:left; width:220px; margin:10px 0 25px 0px;  _margin: 10px 0 25px 0px;  }
.searchingbyBoxvalidation { display:block; background:#FFFFCC none repeat scroll 0 0; border:1px solid #FFCC99; color:#f00; margin:0 0 5px 0; padding:3px 1px 4px 1px; text-align:center; width:190px;}

.searchingbyBox h3 {width:218px; _width:222px; background:url(Sitewide_Images/searchfilter_heading.gif) no-repeat; height: 35px; text-indent: -9999px;  margin:0px 0;  padding: 0; }
.content2 .searchingbyBox h4 { color:#000; margin-bottom:0; font-weight:bold; }
.content2 .searchingbyBox h5 { margin-bottom:10px; font-weight:bold; font-size:1.1em;}
.searchingbyBox .mainbutton4 { display:block; width:4em; margin:0 auto; *width:4.8em; *clear:both; }

.searchingbyBox ul,
.searchingbyBox li { list-style:none; padding:0; margin:0;  }
.searchingbyBox ul { padding:0px 0 0 0; width:220px;}
.searchingbyBox li { margin-bottom:10px; padding-left:0; width:216px;   border: 1px solid #CCC;}
.searchingbyBox li ul { padding:0px; margin:0; }
.searchingbyBox li ul li { padding:0px; margin:0; border: 0px; }

.searchingbyBox li span.searchItemBorder {display:block; padding :0px 0 7px 10px; width:210px;}
.searchingbyBox li h4 { color: #333 !important; display:block; height:23px; width:200px; margin:0; padding:10px 0 0 5px; font-size:1.2em; text-align:left;}
.searchingbyBox li.searchAge {background:url(Sitewide_Images/search_age_01.gif) no-repeat;}
.searchingbyBox li.searchProvider  {background:url(Sitewide_Images/search_provider_01.gif) no-repeat #f1f1f3;}
.searchingbyBox li.searchStartDate {background:url(Sitewide_Images/search_start_date_01.gif) no-repeat #f1f1f3;}
.searchingbyBox li.searchQualification { background:url(Sitewide_Images/search_qualification_01.gif) no-repeat #f1f1f3;}
.searchingbyBox li.searchLevels {background:url(Sitewide_Images/search_level_01.gif) no-repeat #f1f1f3;}
.searchingbyBox li.searchCourse {background:url(Sitewide_Images/search_course_01.gif) no-repeat #f1f1f3;}
.searchingbyBox li.searchProviderKeyword {background:url(Sitewide_Images/search_keyword_01.gif) no-repeat #f1f1f3;}
.searchingbyBox li.searchEventTypes {background:url(Sitewide_Images/search_events_01.gif) no-repeat #f1f1f3;}

.searchingbyBox li.searchLocation {   background: url(Sitewide_Images/search_cluster_01.gif) no-repeat #f1f1f3; border-top: 0px; }
.searchingbyBox li.searchLocation h4 { }
.searchingbyBox li.searchLocation ul,
.searchingbyBox li.searchLocation ul li { padding :0px 0 0 0px; margin: 0px; width:210px;}
.searchingbyBox li.searchLocation input { float:left; margin-bottom:10px; *margin-bottom:0px;}
.searchingbyBox li.searchLocation input.inlinebox { float: none; }
.searchingbyBox li.searchLocation select { margin-bottom:10px; *margin-bottom:0px;}
.searchingbyBox li.searchLocation p {float:left; clear:left; margin-right:5px;}
.searchingbyBox li.searchLocation .searchDistance,
.searchingbyBox li.searchLocation .searchCluster {float:left;  } 


.searchingbyBox li.searchButton { height:2.5em; margin-top:10px; padding-bottom:5px; padding-left:0; }
.searchingbyBox a.searchButtons { *width:5em; }
.searchingbyBoxPostcodeSwitch { display:block; width:200px; _width:170px; }

.resultsgridmed {float: right; margin-right:10px; *margin-right:5px; _margin-right:0px; margin-bottom:20px; padding-top:5px; width:690px; }

.content2 .resultsgridmed h2 {font-size:1.5em; font-weight:bold;}

.filterprogress {border: 10px solid #666; position: fixed; _position: absolute; left: 50%; top: 50%; }
*/
/* 2010 filter area styling*/

.resultspage02 { background: #dadada url(Sitewide_Images/leftfilter_arrow.gif) no-repeat 299px 65px; *background: #dadada url(Sitewide_Images/leftfilter_arrow.gif) no-repeat 297px 65px; padding: 12px; margin-top: 10px; border: 1px solid #b1b1b1; -moz-border-radius: 5px;}
 

.searchfilteralign {  float:left; width:339px;}

.searchfilteralign h3 {text-indent: -9999px; background:url(Sitewide_Images/leftfilter_title.gif) no-repeat; height: 21px; margin: 5px 0px 0;}

.filterprogress {border: 10px solid #666; position: fixed; _position: absolute; left: 50%; top: 50%; }

.searchingbyBox { border: 1px solid #666; -moz-border-radius: 5px; background-color: #FFF; padding-top: 10px; *padding-top: 30px;  }


/*
.searchingbyBox ul,
.searchingbyBox li { list-style:none; padding:0; margin:0;  }
.searchingbyBox ul { padding:0px 0 0 0; width:339px; }
.searchingbyBox li { margin-bottom:10px; padding-left:0;   }
.searchingbyBox li ul { padding:0px; margin: 0; }
.searchingbyBox li ul li { padding:0px; margin:0; border: 0px; }

.searchingbyBox li h4 { text-indent: -9999px; height: 0px; text-align:left; }

.searchingbyBox li.searchQualification{ display: block;  clear: both; background:url(Sitewide_Images/leftfilterheading_quals.gif) no-repeat; padding: 0px 0 20px 136px; _padding: 0px 0 20px 0px;  margin: 0px; }
.searchingbyBox li.searchQualification input{ _margin-left: 136px; }
.searchingbyBox li.searchAge { display: block; background:url(Sitewide_Images/leftfilterheading_age.gif) no-repeat; padding: 0px 0 20px 136px; _padding: 0px 0 20px 0px;  margin: 0px; }
.searchingbyBox li.searchAge  input{ _margin-left: 136px; }
.searchingbyBox li.searchLocation{ background:url(Sitewide_Images/leftfilterheading_location.gif) no-repeat; padding: 0px 0 20px 136px;  _padding: 0px 0 20px 0px;  margin: 0px; }
.searchingbyBox li.searchLocation input{ _margin-left: 136px; }
.searchingbyBox li.searchCourse{ background:url(Sitewide_Images/leftfilterheading_coursetype.gif) no-repeat; padding: 0px 0 20px 136px; _padding: 0px 0 20px 0px;  margin: 0px; }
.searchingbyBox li.searchCourse input{ _margin-left: 136px; }
.searchingbyBox li.searchStartDate {  background:url(Sitewide_Images/leftfilterheading_start.gif) no-repeat; padding: 0px 0 20px 136px;  _padding: 0px 0 20px 0px;  margin: 0px; }
.searchingbyBox li.searchStartDate input{ _margin-left: 136px; }
.searchingbyBox li.searchLevels{  background:url(Sitewide_Images/leftfilterheading_level.gif) no-repeat; padding: 0px 0 20px 136px;  _padding: 0px 0 20px 0px;  margin: 0px; }
.searchingbyBox li.searchLevels input{ _margin-left: 136px; }
*/

.searchfiltersarea {padding:0; margin:0; width:339px; min-height: 250px; }

.searchingbyBox  h4 { text-indent: -9999px !important; height: 0px !important; text-align:left !important;}

.searchProviderKeyword {padding: 0 0 0px 0; margin: 0; }

.searchQualification{ display: block;  clear: both; background:url(Sitewide_Images/leftfilterheading_quals.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px;  _padding: 0px;  margin: 20px 0 0 0; _margin: 0;   }
.searchQualification input { _margin-left: 136px !important; }
.searchQualification .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }
.searchAge { display: block; background:url(Sitewide_Images/leftfilterheading_age.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px; _padding: 0px 0 9px 0;  margin: 10px 0 0 0; }
.searchAge  input{ _margin-left: 136px; }
.searchAge .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }

.searchLocation{ background:url(Sitewide_Images/leftfilterheading_location.gif) no-repeat ; _background-position: 0 15px; padding: 0px 0 20px 136px;   _padding: 0px;  margin: 10px 0 0 0; }
 /* 
.searchLocation select { _margin-left: 136px; }
.searchLocation .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }
*/

.searchwidgetspace { _padding-left: 136px; }

.searchCourse{ background:url(Sitewide_Images/leftfilterheading_coursetype.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px; _padding: 0px 0 9px 0;   margin: 10px 0 0 0; }
.searchCourse input{ _margin-left: 136px; }
.searchCourse .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }
.searchStartDate {  background:url(Sitewide_Images/leftfilterheading_start.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px;   _padding: 0px;  margin: 10px 0 0 0; }
.searchStartDate input{ _margin-left: 136px; }
.searchStartDate .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }
.searchLevels{  background:url(Sitewide_Images/leftfilterheading_level.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px;  _padding: 0px;  margin: 10px 0 0 0; }
.searchLevels input{ _margin-left: 136px; }
.searchLevels .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }
.searchProvider {  background:url(Sitewide_Images/leftfilterheading_providertype.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px;  _padding: 0px;  margin: 10px 0 0 0; }
.searchProvider input{ _margin-left: 136px; }
.searchProvider .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }
.searchEventTypes {  background:url(Sitewide_Images/leftfilterheading_eventtype.gif) no-repeat; _background-position: 0 15px; padding: 0px 0 20px 136px;  _padding: 0px 0 20px;  margin: 10px 0 0 0; }
.searchEventTypes input{ _margin-left: 136px; }
.searchEventTypes .labeltext { _margin-left: 141px !important; _margin-bottom: 22px; _display: block; }


.ie6leftmargin {_margin-left: 140px;}

.googlemapsm {margin-top: 10px;}

/*
.searchItemBorder {margin-top: 0px; *margin-top: -20px; display: block;}
*/

.resultsgridalign {  }
.resultsgridalign h3 {text-indent: -9999px; background:url(Sitewide_Images/resultsgrid_title.gif) no-repeat 365px 0; *background:url(Sitewide_Images/resultsgrid_title.gif) no-repeat 25px 0; height: 21px; margin: 5px 0px 0;}
.resultsgridmed h4 { color: #666 !important; text-align: left !important; font-size: 1.5em !important; margin: 0 10px 5px 14px !important;}


.eventsgridalign h3 {text-indent: -9999px; background:url(Sitewide_Images/eventsgrid_title.gif) no-repeat 365px 0; *background:url(Sitewide_Images/eventsgrid_title.gif) no-repeat 25px 0; height: 21px; margin: 5px 0px 0;}



.resultsgridmed {float: right; *margin-right:5px; _margin-right:0px; margin-bottom:20px; padding-top:5px; width:543px; border: 1px solid #666; -moz-border-radius: 5px; background-color: #FFF;  }

.resultspartnersarea {padding-top: 10px;  clear: both;}

 .searchProviderKeyword input {
background: url(Sitewide_Images/leftfilter_keywordboxbg.gif) repeat-x;
color:#595959;
font-size: 1.6em;
overflow:hidden;
padding: 6px;
width:265px;
border: 2px solid #676767;
-moz-border-radius: 10px;
margin-left: 10px;
float: left;
}

.leftfiltergobut {
background: url(Sitewide_Images/leftfilter_go2.gif);
width: 35px;
height: 35px;
display: inline-block;
text-indent: -9999px;
float: right;
margin: 2px 7px 0 0;
}

.leftfiltergobut:hover {
background: url(Sitewide_Images/leftfilter_go2_hover.gif);
}

.leftfiltergobutsm {
background: url(Sitewide_Images/leftfilter_go2sm.gif) no-repeat;
width: 19px;
height: 20px;
display: inline-block;
text-indent: -9999px;
float: right;
*float: none;
margin: 2px 7px 0 0;
}

.leftfiltergobutsm:hover {
background: url(Sitewide_Images/leftfilter_go2sm_hover.gif) no-repeat;
}

.postcodebox {width: 58px; *width: 58px;}

 

/* end -- New layout by boycey 04/09 */

.searchResultDetails {display:block; margin:0 0 15px 0; font-weight:bold;}

h4.sectorheadingtext { text-align: left!important; padding: 15px 0 0 0px!important;}


/* old styling for 2009 results area

.searchResults {border:1px solid #999; background:#fff;}

.searchResults tr { background:url(Sitewide_Images/table_row_fade.gif) 0 -28px repeat-x !important;}
.searchResults td {padding:15px 0 15px 0px; color:#666;}
.resultheader th {padding:10px 0 10px 15px;}
.searchResults td {padding:15px 0 15px 15px; color:#666;}

tr.resultheader { padding:10px 0; color:#fff;  font-weight:bold; background:#999 !important ; }
.resultheader { color:#fff;  font-weight:bold; background:#999 !important; padding-bottom:10px; }
.resultheader div {float: left; margin:10px 0px 10px 15px;}

.searchResults { color:#666;}
.searchResults div.row {background: url(Sitewide_Images/table_row_fade.gif) 0 -28px repeat-x !important; }
.searchResults div.row div.course div {float: left; padding:15px 0px 15px 15px;}
.searchResults div.row div.course div.name, .resultheader div.name { width:200px;}
.searchResults div.row div.course div.provider, .resultheader div.provider { width: 150px;}
.searchResults div.row div.course.sector div.provider, .resultheader.sector div.provider { width: 250px;}
.searchResults div.row div.course div.quals, .searchResults div div.towns, .resultheader div.quals, .resultheader div.towns { width:100px;}
.searchResults div.row div.course div.go {  width: 47px; }
.searchResults div.row div.parnters {  padding: 0px 0px 10px 0px;}
.searchResults div.row div.parnters div.partner { margin: 8px 0 0px 30px; border: 1px solid #FFFFFF; }
.searchResults div.row div.parnters.sector div.partner { margin: 8px 0 0px 30px; }
.searchResults div.row div.parnters div.partner.header {font-weight:bold;}

*/

.searchResults div.row {border-top: #666 dashed 1px; padding: 10px 10px 10px 15px; }

.searchResults div.row div.course div.namequals{float: left; width:348px;  margin-right:10px;}
.searchResults div.row div.course div.providertowns{float: left; width:160px; }

.searchResults div.row div.course div.name{float: left; width:200px;  margin-right:10px;}
.searchResults div.row div.course div.qualsLevels{float: left; width:198px;  margin-right:10px;}
.searchResults div.row div.course div.qualsLevels p.level { font-size:0.85em;}
.searchResults div.row div.course div.subjectCount{float: left; width:100px; color: #666 !important; font-weight:bold; }

.noresults { text-align: center; display: block; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-top: #CCC dashed 1px; border-bottom: #CCC dashed 1px; }

.providerResults .col1 { width:200px; }
.providerResults .col2 { width:1px; }
.providerResults .col3 { width:150px; }
.providerResults .col4 { width:1px; }
.providerResults .col5 { width:1px; }

.providerCoursesGo { _margin-right:0.5em } 

/* end searchResults ----------------------------------------*/

/* =AdvancedCominationSearch --------------------------------*/

div.combinationSearchContainer {float: left; margin:15px 0 50px 0 !important; width:830px !important; }
div.combinationSearchContainer div.in {padding:10px 20px !important;}
div.combinationSearchContainer h4 {color:#000000;  font-size:1.3em; margin:10px 0 15px 0; text-align:left; }

.combinationSearchItem {  width:790px; list-style:none; float:left; clear:both; padding:0; margin:0 0 15px; background: url(Sitewide_Images/multi_search_fade.jpg) top left no-repeat; color: #666; border:1px solid #999;}
.combinationSearchItem li { /*position:relative; z-index:10;*/ display:block; float:left; font-weight:bold; margin:0; padding:10px 0 0 10px;  }
.combinationSearchItem li h5 {float:left; display:block; width:20px; margin:4px 15px 0 0; *padding:2px 0; *margin-top:2px; font-size:1.8em; }
.combinationSearchItem h5 {padding:0; margin:0;}
.combinationSearchItem .remove {float:right; width:80px;}
.combinationSearchItem .remove a { float:right; display:block; margin:0; font-size:1.1em; font-weight: bold; padding:13px 0 0 0; height:37px; width:79px; text-indent:12px; color:#fff; background:#840f0f url(Sitewide_Images/multi_search_remove_on.gif) top left repeat-y;}
.combinationSearchItem .remove a:hover {color: Red;}
.combinationSearchItem li label {float:left; margin:5px 5px 0 0; }
.combinationSearchItem li input,
.combinationSearchItem li select { font-weight:normal; *float:left; padding:5px 0 5px 5px; background: url(Sitewide_Images/multi_search_tf_fade.gif) top left no-repeat #FFF;}
.combinationSearchItem li select {*margin-top:3px;}
.combinationSearchItem li input { width:166px; margin-right:5px; z-index:1;  }

.combinationSearchItem .keyworderror { font-size:0.8em; position:relative; top:4px; left:7px; padding:5px; background: #FFFFCC; }

.combinationSearchItem .coursenumber { font-size: 3em; font-weight: bold;}


.addcombinationSearchItem { float:left; display:block; width:790px; text-align:left; padding-bottom:15px; background: url(Sitewide_Images/multi_search_fade.jpg) top left no-repeat;  border:1px solid #999; }
.addcombinationSearchItem a,
.addcombinationSearchItem a:visited { display:block; padding:5px 0 0 0;  text-align:left; text-indent:8px; font-size: 0.9em;    }
.addcombinationSearchItem a:hover { color: red !important; }
.addcombinationSearchItem a span { font-size:1.7em;  }

.combinationSearchOption { width:790px; padding:0; margin:0 0 25px 0; list-style:none; clear:both; text-align:center; }
.combinationSearchOption li {display:block; }
.combinationSearchOption li.combinationSearch { }
.combinationSearchOption li.combinationSearch .mainbutton4 { margin-left:auto; margin-right:auto;}
.combinationSearchOption li.combinationSearch .mainbutton4 .textalign {*font-size:1.3em}

.combinationSearch2options {display:block; padding:5px; float:left; clear:both; text-align:center; width:688px; border:1px solid #FFCC99; background: #FFFFCC; color:#ff0000; font-weight:bold; }

.KeywordCompletionList { position: relative; z-index: 99999; background-color: #FFF; padding: 0; margin: 0; cursor: pointer;}
.KeywordCompletionList li {position: relative; z-index: 99999;  padding: 0; margin: 5px; border-bottom: 1px solid #CCC; font-weight: normal; float: none;}


/* end AdvancedCominationSearch -- */

/* =AWP-Login ---------------------------------------------- */

div.LoginPageContainer { margin-bottom:25px; width:410px !important;}
div.LoginPageContainer div.in {padding:10px 20px !important;}

.LoginPageLogin { position:relative;}

.LoginPageLogin span.forgottenpassworderror { position:absolute; top:60px; left:420px; width:265px;color:#f00 !important;}
.LoginPageLogin span.noemail { width:180px; }
.LoginPageLogin span.notregistered { width:265px;}

.LoginPageRegister { }

.regpagecontainers {  float: left; padding: 0; margin: 0px 0 40px; width: 440px;}

div.LoginPageContainer h4 { text-align:left; font-size:1.3em; color:#000; margin: 0px 0 8px; }

div.LoginPageContainer label {  }
div.LoginPageContainer input { width:13em; }
.LoginPageLoginWarning { display:block; text-align:center; margin-top:-10px; border:1px solid #FFCC99; background: #FFFFCC; padding:5px;}
.regbuttonspace { padding-top: 5px; }

div.LoginPageContainer table {  }
div.LoginPageContainer td {  text-align: right; padding-bottom: 10px; vertical-align: top;  }

.registervalidation { border: 1px solid #ffcc99; display: block; text-align: center; background-color: #FFFFCC;}

.changepassword { position:relative; }

.changepassword .currentpassword { position:absolute; left:415px; width:215px; top:1em; top:4.8em !important;}
.changepassword .incorrectpassword { position:absolute; left:415px; width:120px; top:1em; top:4.8em !important;}
.changepassword .newpassword { position:absolute; left:415px; width:215px; top:3.8em; top:7.7em !important; }
.changepassword .newconfirmpassword { position:absolute; left:415px; width:215px; top:6.7em; top:10.5em !important; }
.changepassword .newpasswordshort { position:absolute; left:415px; width:300px; top:7.7em; }
.changepassword .newpasswordmatch { position:absolute; left:415px; width:150px; top:8.6em; *top:9em; top:13.5em !important; }
.buttonwidth  { width: 170px;}

.LoginPageButtonspace {padding-top: 0px; *padding-top: 2px;}

/* end AWP-Login ------------------------------------------- */

/* =My-Courses-Favourites ---------------------------------------------- */

/* boycey - 30-07-09 - making it look like cap fav page
.myCoursesFavourites {display:block; margin:0; padding:0; padding-bottom:25px; padding-top:20px }
.myCoursesFavourites li { display:block; float:left; clear:both; width:862px; margin:0 20px 20px 20px; *margin-bottom:5px; background:#f9f9f9; padding:10px 20px 10px 10px; *padding:5px 20px 5px 10px; border:1px solid #aaa;}
.myCoursesFavourites li h3 { float:left; display:block; margin:0; *margin-top:10px; width:660px }*/

.myCoursesFavourites li { list-style:square;}

.myCoursesFavourites li ul { float:right; }
.myCoursesFavourites li ul li { float:left; list-style:none; clear:none; margin:0 0 0 10px; padding:0; border:none;}
.myCoursesFavourites li ul li a,
.myCoursesFavourites li ul li a span { *float:left; }


.favouratesinfo {width:37%; padding-bottom:0 !important; }
p.favouratestext {display:block;  /*float:left;*/}
.popupfavourates { float:right; }

.favouratesList { width:930px;}

.favouratesList td { border-top:1px solid #CCCCCC; padding:8px 0; text-align:left; vertical-align:top; }
.myCoursesFavourites td { border-top: none;}
/*
.yourcourseslist ul { margin:15px 0 15px 35px; padding-left:30px; width:400px; }

.yourcourseslist li { list-style-type:square; margin-bottom:5px; }
*/
.changePassword {float:right; clear:right;}

/* end My-Courses-Favourites ------------------------------------------- */

/* =CombinationSearch -------------------------------------------------- */

.combinationResults {display:block; margin:0; padding:0; padding-bottom:25px; padding-top:0px; }
.combinationResults li {width: 503px;  display:block; float:left; clear:both; margin:0 0 0px 0; *margin-bottom:5px;   padding: 10px 0 10px 40px; border-top: 1px #ccc solid;}
.combinationResults li h3 { margin:0 0 10px 0; }
.combinationResults li ul {padding:0; margin:0;}
.combinationResults li ul li {border:none; padding:0 0 10px 0; margin:0; }
.combinationResults li ul li span.combinationResultsCourse { float:left; margin-top:5px;}
.combinationresultstext {padding: 15px 0 0px 42px;}



/* end CombinationSearch ----------------------------------------------- */


/* COURSE DETAILS ALSO VIEWED added JA 14/05/2009 ----------------------------------------------- */

.alsoviewed {margin-top: 20px;}
.alsoviewed ul {padding: 0px; color: #000; list-style: none;}
.alsoviewed li {padding: 0px 0 0 50px; margin: 0px 0 10px 0; background:transparent url(Sitewide_Images/alsoviewed_01.gif) no-repeat;}

/* DID YOU MEAN added JA 14/05/2009 ----------------------------------------------- */

.didyoumean {margin: 20px 40px 20px; background-color: #e3e3e3; padding: 5px 0px 10px 15px;}
.didyoumean h2 { display:block; width:100%; color: #666!important; margin-bottom: 4px!important;}

.didyoumean ul {padding: 0px 0 0 0px; margin: 0 0 0px; list-style: none; }
.didyoumean li {padding: 0px; margin: 0 15px 5px 0px; width:209px; float: left;  }




/* DID YOU MEAN added JA 14/05/2009 ----------------------------------------------- */
.campainDetails { width:575px;}
.campainDetails a { cursor:pointer;}

/* =accessibility-page ------------------------------------------------*/
.accessibility {padding:0 20px;}
.content2 .accessibility h2 { font-size:2.2em}
.content2 .accessibility h3 { font-size:1.5em; color:#333;}
.content2 .accessibility h4 { font-size:1.1em; text-align:left; color:#333;}
.accessibility h5 { font-size:1.2em; color:#333;}
.accessibility p,
.accessibility ul,
.accessibility ol { color:#555;}

table.accessibilityAccessKeys { border-collapse: collapse; margin-bottom:2em;}
table.accessibilityAccessKeys tr th.col1 { width:25%; border-bottom:2px solid #666; text-align:left; padding:10px 8px; }
table.accessibilityAccessKeys tr th.col2 { width:75%; border-bottom:2px solid #666; text-align:left; padding:10px 8px; }
table.accessibilityAccessKeys tr td { border-bottom:1px solid #ccc; padding:6px 8px; }

.accessibility ul {padding:0;margin:0 0 1em 0; list-style:none;}
.accessibilityFF img, .accessibilityIE img { display: block; margin-left: auto; margin-right: auto }




/* end accessibility ---------------------------------------------*/

/* =JquiryPopUp - note= the are 4 directions it can fade from
------------------------------------------------ boycey removed


.popuptop1,
.popupleft,
.popupright,
.popupbottom {float:left; position: relative; width:18px}

.popuptop1   h4 span,
.popupleft   h4 span,
.popupright  h4 span,
.popupbottom h4 span {display:none;}

.popuptop1   h4,
.popupleft   h4,
.popupright  h4,
.popupbottom h4 {background:transparent url(Sitewide_Images/info.gif) 0 0 no-repeat; display: block; color: #000000; width: 144px; text-decoration: none; font-weight: bold; margin:0 !important; padding:0 !important; width:18px !important; height:18px !important;}

.popupbottom div.helpbubble {  padding:11px 0; position: absolute; top: 35px; left: -25px; z-index: 200; min-width:300px; display: none; background:transparent url(Sitewide_Images/helptext_arrowup.gif) -715px 0 no-repeat;}
.popupbottom div.helpbubble div.helpbubbleinner { position:relative; padding:7px; border-right:1px solid #f69544; border-bottom:1px solid #f69544; border-left:1px solid #f69544; background:#f6e7a4; }

.popuptop1 div.helpbubble {  padding:11px 0; position: absolute; bottom: 35px; left: -25px; z-index: 200; min-width:300px; display: none; background:transparent url(Sitewide_Images/helptext_arrowdown.gif) -715px bottom no-repeat;}
.popuptop1 div.helpbubble div.helpbubbleinner { position:relative; padding:7px; border-right:1px solid #f69544; border-top:1px solid #f69544; border-left:1px solid #f69544; background:#f6e7a4; }

.popupright div.helpbubble {  padding:0 11px; position: absolute; top: -25px; left: 35px; z-index: 200; min-width:300px; display: none; background:transparent url(Sitewide_Images/helptext_arrowleft.gif) left -715px  no-repeat;}
.popupright div.helpbubble div.helpbubbleinner { position:relative; padding:7px; border-bottom:1px solid #f69544; border-top:1px solid #f69544; border-right:1px solid #f69544; background:#f6e7a4; }

.popupleft div.helpbubble {  padding:0 11px; position: absolute; top: -25px; right: 35px; z-index: 200; min-width:300px; display: none; background:transparent url(Sitewide_Images/helptext_arrowright.gif) right -715px no-repeat;}
.popupleft div.helpbubble div.helpbubbleinner { position:relative; padding:7px; border-left:1px solid #f69544; border-top:1px solid #f69544; border-bottom:1px solid #f69544; background:#f6e7a4; }
*/

/* =TOOLTIP
-----------------------------------------------------*/

a.tooltip { background-color: #ff9900; color: #FFF; text-decoration: none; padding: 0 6px; font-weight:bold;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:9999; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:27px; left:-20px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:200px; line-height: 130%;}
a.tooltip:hover b em {position:absolute; left:23px; top:-6px; width:11px; height:6px; background:transparent url(Sitewide_Images/tooltip.gif) 0 0; display:block; font-size:1px;}

a.tooltipmodal { text-decoration:underline; font-weight: normal; font-size:0.7em;}

#tabs a.tooltip {color:#fff; float:none; padding: 0 6px; margin:4px 5px 0 0; float:right; white-space:normal; font-size:1em !important;}
#tabs a.tooltip:hover { background-color: #ff9900; color: #F00; text-decoration: none;  font-weight: bold;}



h4 a.tooltip { font-size: 0.85em; font-weight: normal;}

table.aboutlevels {margin-bottom:15px;}
table.aboutlevels th,
table.aboutlevels td { padding:10px; margin:0px;}
table.aboutlevels th {margin-bottom:20px; background:#dddcc0;}
table.aboutlevels th span {display:block; width:140px;}
table.aboutlevels td {background:#f8f9f3;}
table.aboutlevels tr.odd td {background:#f2f2e8;}




/* =COURSEDETAILS
-----------------------------------------------------*/
.content2 h2.tpdetailstile { font-size:1.3em; color:#fff; margin-left:10px; }



/* =TRANSPORTLINK */

.transportlink {background:  url(Sitewide_Images/tdlogo.gif) no-repeat #330099 3px 3px; color: #FFF; padding: 10px 0 0 95px; display: block; height: 42px; margin: 0px;}
a.transportlink:hover { text-decoration: none !important;}



/* =LOGOUT
-----------------------------------------------------*/

.logoutcaution {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border:1px solid #333; padding:1em; margin-top:25px; background:#fff1d5 url(Sitewide_Images/logout_caution_bg.jpg) bottom left no-repeat; width:600px;  margin-left:auto; margin-right:auto;}
.logoutcaution h2,
.logoutcaution p {padding:0; margin:0;}
.logoutcaution h2 { text-align: right; color:#000; font-size: 2em;}
.logoutcaution p { text-align:right; margin-top:3em; font-size: 1.1em; margin-bottom: 0; float:right; display:block; width:400px;  }
.logoutcaution .mainbutton4 { float:right; margin-top:1em; }

/* =MERGEACCOUNTS
-----------------------------------------------------*/

.mergeaccounts ol { list-style:none; margin:15px; padding:0;}


.postcodetext1 {text-align:right; font-weight: bold; padding: 1px 11px 0 0; font-size: 0.8em;}
.postcodetext2 {text-align:right; font-weight: bold; padding: 1px 29px 0 0; font-size: 0.9em; margin: 0px; color: #e38b34;}
.watermark { color: Gray;}