.nonScript {position:absolute; z-index:1000; height:100%; width:100%; background: url(images/dots.gif) 0 0 repeat; padding:100px 0 0 0; text-align:center;}
.nonScript img {_margin-bottom:700px;}

/* to correct float problem - boycey */
	.clearfix { height:0px } /* added after to avoid a large gap below object being fixed???? 01-2009 */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
/* end - to correct float problem - boycey */

#ukMap {
 width: 224px;
 height: 320px;
 background-image: url(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(images/uk_map_areas_em.gif) 0px 0px no-repeat;}
#eoe a:hover {background: url(images/uk_map_areas_eoe.gif) 1px 2px no-repeat;}
#gl a:hover {background: url(images/uk_map_areas_gl.gif) 0px 0px no-repeat;}
#ne a:hover {background: url(images/uk_map_areas_ne.gif)  4px 0px no-repeat;}
#nw a:hover {background: url(images/uk_map_areas_nw.gif)  0px 0px no-repeat;}
#se a:hover {background: url(images/uk_map_areas_se.gif)  0px 2px no-repeat;}
#sw a:hover {background: url(images/uk_map_areas_sw.gif) 5px 0px no-repeat;}
#wm a:hover {background: url(images/uk_map_areas_wm.gif)  0px 0px no-repeat;}
#yah a:hover {background: url(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; }


/* 	====================  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; }
.popupFromCap .content2 { border: 0px red solid; *margin-top: 10px;}
/* 	====================  open days 	==================== */ 

.opendayslist .montharea { padding: 20px 10px; background-color: #FFF; margin-bottom: 20px; background-image: none; }
.opendayslist .month {text-transform: uppercase; border: 0px red solid; margin-bottom: 0px; background-image: none; font-weight: bold;  font-size: 1.1em;}
.opendayslist .opendaydetails {padding-left: 40px;}
.opendayslist .opendaysubdetails {}


.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;}

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

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

.tagCloud { width:400px; border:solid 0px #ccc; padding:20px; margin-bottom:10px; text-align:justify; background-color: #b7d333; } 

.tagCloud A { text-decoration:underline; margin-left:5px; margin-right:5px; font-family:  Arial, Helvetica, sans-serif; text-transform:lowercase; } 

.tagCloud A:hover { color:#00cc00; font-family:  Arial, Helvetica, sans-serif; text-decoration:underline; } 

.tagCloud A.weight1{ color: #006838; font-size: 1.9em; font-weight:bolder;}
.tagCloud A.weight2{ color: #fff; font-size:1.5em; font-weight:bolder;}
.tagCloud A.weight3{ color: #006838; font-size: 1.4em; font-weight:bolder;}
.tagCloud A.weight4{ color: #fff; font-size: 1.2em;}
.tagCloud A.weight5{ color: #006838; font-size: 1.0em;}


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

.googleyouarehere { background-color: #e4e4e4; margin: 0px; padding: 5px; border: 2px #000 solid; border-top: 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; } 

/* 	==================== Pathways	==================== */

.pathways { border-collapse: collapse; width: 100%; }
.pathways th { border:solid 2px #4c4c4c; background-color: #4c4c4c; color: White; padding: 3px; text-align: center; width: 25%; }
.pathways td { border:solid 2px #4c4c4c; padding: 3px; }

.acyear {background-color: #FFF;}


/*   ----------------   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:0padding: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;}

/*old styles - not sure if below is used in other places other than My Courses?*/	 
div.bGroupE {margin:1px 4px; background:#f7f8f9;width: 480px;}
div.bGroupE div.b {}
div.bGroupE div.r {}
div.bGroupE div.t {}
div.bGroupE div.l {}
div.bGroupE div.br {}
div.bGroupE div.bl {}
div.bGroupE div.tr {}
div.bGroupE div.tl {}
div.bGroupE div.in {margin:0;padding:1px 0;} 



.favcourse {background:url(images/fav_star.gif) no-repeat left; padding: 20px;}
.favcourse a {text-decoration: underline;}
.favcourse a:link {text-decoration: underline;}
.favcourse a:visited {text-decoration: underline;}
.favcourse a:hover {text-decoration: underline;}
.favcourse a:active {text-decoration: underline;}
.favcourse span {color:#333;font-weight:bold;font-size:1.1em;}
.mycourseprovarea {border: 1px solid #CCC;height:99%}
.mycourseprovareaLondon {margin-bottom:0 !important; margin-right:0 !important;}
.mycourseprovarea h3.provname
{float: left; display:block; margin:5px 15px 5px 5px; font-size: 1.3em; } 

.provareamessage { padding-right:15px; }
.provareamessage ul { border: 0px solid red; list-style: none; padding: 0; margin: 0px; }
.provareamessage li {border: 0px solid red; list-style: none; padding: 0; margin: 0px;}
.provareamessage li a:link {text-decoration: none; }

/* New My courses styles - UCAS test*/
.mysavedcourses {}
.mysavedcourses .bGroupD { margin-bottom:2em; }

.mysavedcoursesprovider {height:1%; border:1px solid #999; /*padding:7px 10px 10px 10px;*/ margin:2em 4em; background:#f3f9fb url(images/fav_bg_fade_blue.gif) 0 0 no-repeat;}
.mysavedcourses h3 {font-size:1.75em; margin:0; color:#125266; display:block; padding:0.7em 0.7em 0em 12.3em;}

.mysavedcourses .mysavedcoursesarea {height:1%; margin:1em; padding-bottom:0.75em; border:1px solid #ccc /*#57b4d1*/; background:#fff;}
.mysavedcourses dl { margin:0; }
.mysavedcourses dt { margin: 1em 0 1em 1em; /*font-weight:bold;*/ font-size:1.25em;}
.mysavedcourses dt { font-weight:bold;}
.mysavedcourses dd { margin: 0 0 1em 3em; background:url(images/fav_star_on_wht.gif) no-repeat left; padding-left: 20px; /*color:#3A591D;*/ }
.mysavedcourses .mainbutton4 { float:right; margin:0em 1em 1em 1em; }



/* 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 2px 35px; background:#fff url(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 2px 35px;  background:#fff url(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 { border: 0px solid red; white-space: nowrap; background: url(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(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; text-align:center;}
.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(images/sm_butt_remove.gif); background-repeat: no-repeat; text-decoration: none;  }
.buttleftarrow {padding-left: 12px; background-image: url(images/sm_butt_leftarrow.gif); background-repeat: no-repeat; text-decoration: none;  }
.buttadd {padding-left: 12px; background-image: url(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;}

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

div.bGroupD div.b {background:url(images/sum_bg_l.gif) repeat-y bottom left; border: 0px solid red;}
div.bGroupD div.r {background:url(images/sum_bg_b.gif) repeat-x bottom right;}
div.bGroupD div.t {background:url(images/sum_bg_r.gif) repeat-y top right;}
div.bGroupD div.l {background:url(images/sum_bg_t.gif) repeat-x top left;}
div.bGroupD div.br {background:url(images/sum_bg_br.gif) no-repeat bottom right;}
div.bGroupD div.bl {background:url(images/sum_bg_bl.gif) no-repeat bottom left;}
div.bGroupD div.tr {background:url(images/sum_bg_tr.gif) no-repeat top right;}
div.bGroupD div.tl {background:url(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(images/summary_messages.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.offers {background:url(images/summary_offer.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.sent {background:url(images/summary_sent.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.unsent {background:url(images/summary_unsent.gif) no-repeat; padding: 2px 0 2px 20px}
.mycoursessummary li.myfavs {background:url(images/summary_myfavs.gif) no-repeat; padding: 2px 0 2px 20px}

.mycourseprovarea div div div div span h3   {margin: 0 0; font-weight:normal; }

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

.messagetabs {float: left; width: 170px; margin-top:25px;}

.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(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(images/folder.gif) no-repeat  left #ffffcc; border: 0px solid #CCC; }

.messagearea  { margin-top:25px; 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;}

ul.intbnnav { padding-top: 0.5em; padding-bottom: 3.25em; }
ul.intbnnav  { list-style: none; }
ul.intbnnav li { padding:10px 0; }
ul.intbnnav li.back {  float: left;}
ul.intbnnav li.next { float: right;}

ul.twoOptions { padding:0; margin:0; list-style: none;	list-style-image: none;  	}
ul.twoOptions li {  }
ul.twoOptions li.firstOption {  float: left;}

ul.twoOptions li.secondOption { float: right;}
ul.twoOptions li.secondOptionLeft { float: left;}

.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;}
.appformtable .col1 {text-align: right; }

.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(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(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}

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

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

.mainbutton4red {white-space: nowrap; background: url(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(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(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(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;}

/*this may need removing duplicated on line 5? */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*====================  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;}

/* london only 12/08 boycey */
.applicationtop .capProgress {float: left; width:500px; height:50px;}
.applicationtop .capProgressContinue {float: left; margin: 10px 0 0;}
.applicationtop .capProgressContinue a { display:block; margin-bottom:10px; margin-left:126px; width:12em}
/* london only end */

/* 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 */

/*london only 12/08 boycey */
.mycoursessummary {margin:10px; background:#fff;}
/*london only end */

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

/* 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; }

/* --- 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 Blocks - by boycey - 08/08 ----- */

.OptionBlockPopup {width:500px; padding:20px;}

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

.optiongroups {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;}

#optiongroups1
{ border-collapse:collapse; border: solid 0px #333; color:#999; background-color:White;padding:5px;}

#optiongroups1 th div
{ margin:5px; padding:10px; color: #333; font-size:0.8em;}

#optiongroups1 td
{  border: solid 0px black; padding:0; margin:0; width:2000px;}

#optiongroups1 td div
{ margin:5px; padding:5px; height:100%; min-height:7.8em; *height:7.8em;  border: solid 1px #999; text-align: center; background-color: #F7F7F7; font-size:0.8em;}

#optiongroups1 td div:hover
{ color:black; background:#bbb;}

#optiongroups1 td.left div
{ margin-right:0px; border-right:0; }
#optiongroups1 td.fill div
{ margin-right:0; margin-left:0; border-right:0; border-left:0; }
#optiongroups1 td.fillempty div
{ margin-right:0; margin-left:0; background-color: #fafafa; border-right:0; border-left:0; border-top:1px #bbb dashed; border-bottom:1px #bbb dashed; }
#optiongroups1 td.right div
{ margin-left:0px; border-left:0; }
#optiongroups1 td div.selected
{background-color: #fc0;}

.optiongroupsClose {width:100%; text-align:center; padding:10px 0; background:#fff;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;}

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

/* 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}

/* ------------------------------ */
.hide_screen_hide_print
{
	display: none;
}

.hide_screen_show_print
{
	display: none;
}

.show_screen_hide_print
{
	display: block;
}

.show_screen_show_print
{
	display: block;
}