/*\*//*/
@import "macie.css";
/**/

/* The style below controls the promotional image displayed on the homepage, replace image url to change the promotional image. */
#promotionwrap a {  
	background-image: url(http://www.macmillan.org.uk/SiteElements/Images/promoImages/HP-Coffee_morning_566x193.gif);
	background-position: 100% 0;

}
/* End promotional image */

/*============Promo Images================*/

#banner2 .sys_bannerMainImage {
	background: url(http://www.macmillan.org.uk/SiteElements/Images/promoImages/homepage_prevalence_small.gif) #78c400 no-repeat right top;
}
#banner3 .sys_bannerMainImage {
	background: url(http://www.macmillan.org.uk/SiteElements/Images/promoImages/promo-infocentre2.gif) #78c400 no-repeat top;
}
#banner4 .sys_bannerMainImage {
	background: url(http://www.macmillan.org.uk/SiteElements/Images/promoImages/homepage_cancerbackup.gif) #78c400 no-repeat top;	
}

#banner2 h2 a, #banner3 h2 a, #banner4 h2 a {
	Background-image: none;
}

/*==========End Promo Images===========*/

body  {
    background-color: white;
    margin: 0;
    padding: 0;
    color: #222;
    font-size: 80%;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
    text-align: center;
}

.sys_slight_pad_top { /* Added by matt@contensis 28/09/07 */
	padding-top:12px;
}
.sys_toptext { /* Added by matt@contensis 28/09/07 */
	width:76%;
}
#sys_getsupport_toptext_spacerdiv { /* Added by matt@contensis 28/09/07 */
	width:342px;
}
.sys_spacerdiv { /* Added by matt@contensis 28/09/07 */
	height:1px;
	font-size:0px;
}
h3#botban2 a { /* Added by matt@contensis 28/09/07 */
    background-image:none;
}





#iewrap {
	min-width: 770px;
	max-width: 1380px;
}
#main, #highlight {
	margin: 0 auto; 
	padding: 0; 
	position: relative; 
	width: 90%;
}
#wrap1 {
	float: right; 
	width: 100%; 
	margin: 0 0 0 -210px; 
	padding: 0;
}
.sys_cl {
	clear: both;
	height: 0;
	line-height: 0; 
	font-size: 0.1px;
}
p, li {
	text-align: left;
	color: #222;
	line-height: 1.2em;
}
a  {
	color: #005c46;
	text-decoration: underline;
	border: 0;
	
	/* Style below added by matt@contensis 28/09/07 */
	color: #0066CC;
	text-decoration: underline;
	border: 0;
}
a img {
	border: 0;
}
a:hover  {
	color: #222;
	text-decoration: underline;
	border: 0;
}
hr {
	color: #78C400;
	height: 1px;
	background-color: #78C400;
	border: 0;
	margin-top: 12px;
	/* clear: both; */
	clear: left; /* Amended by Tim@Contensis 26/08/2008 */
}
.sys_note {
	font-size: 0.75em;
}
#logo {
	margin: 0;
	text-align: left;
	width: 138px;
	float: left;
	padding: 8px 0 0 12px;
}
h1, h2 {
	text-align: left;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1#homepage {
	font-weight: bold;
	font-size: 100%;
	display: inline;
}
h3, #wrap1 h2  {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	text-align: left;
}
h3 {
	font-size: 1.1em; /* added by matt */
}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.3em 0;
	text-align: left;
	line-height: 1.1em;
}
h2 a, h3 a {
	text-decoration: none;
}

/* SKIP -------------------------------------- */

.sys_skip {
	position: absolute;
	left: -9999em;
	width: 99.9%;
	padding: 3px 0 3px 0;
	z-index: 1000;
}
a.sys_skip:active,  a.sys_skip:focus {
	left: 0;
	background-color: #EEEEEE;
	border-bottom: #005c46 1px solid;
	color: #005c46;
}

/* HEADER -------------------------------------- */


#header {
	background-color: #00a246;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#needtotalk {
	position: relative;
	float: right;
	width: 40%;
	display: block;
	padding-top: 7px;
	padding-right: 12px;
	text-align: right;
}
#needtotalk p {
	text-align: right;
	margin: 0;
	padding: 0;
}

#needtotalk a {
	color: white;
	font-size: 0.9em;
}
#needtotalk a:hover {
	color: #222;
}

#header /*form*/ #search { /* Changed by matt */
	clear: right;
	float: right;
	padding: 8px 12px 0 0;
	margin: 6px 0 0 0;
}
#header /*form*/ #search label { /* Changed by matt */
	position: absolute;
	left: -999em;
	width: 990em;
}
.sys_searchfield {
	margin: 0 3px 0 0;
}
.sys_searchbutton, .sys_formsubmit  {
	background: none;
	border: none; 
	color: #fff; 
	padding: 0 10px 0 0; 
	background: url(/SiteElements/Images/search_arrow.gif) no-repeat 100% 50%; 
	cursor: pointer;
}
#sidebar .sys_searchbutton, .sys_formsubmit {
	color: #005C46; 
	background: url(/SiteElements/Images/login_arrow.gif) no-repeat 100% 50%;}

.sys_formsubmit {
	background: url(/SiteElements/Images/arrow.gif) no-repeat 100% 50%;
}


/*============ NAVIGATION =============*/
/* based on http://alistapart.com/articles/slidingdoors/ */

#navigation {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
}

#navigation ul {
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 0 0 0 12px;
}
#navigation li {
	float: left;
	padding: 0;
	margin: 0;
}
#navigation a {
	display: block;
	padding: 4px 7px 4px 7px;
	margin: 0;
	text-decoration:none;
	font-weight:bold;
	color: white;
}
#navigation a {
	float:none;
}
#navigation a:hover {
	color: #333;
}

/*
REMOVED BY CONTENSIS
 #navigation .sys_on {
    background: url("../assets/navigation_left.gif") no-repeat left top;
    background-color: white;
}

#navigation .sys_on a {
    background: url("../assets/navigation_right.gif") no-repeat right top;
    color: #222;
}
 */

#navigation .sys_selected {
	background: url("/SiteElements/Images/navigation_left.gif") no-repeat left top;
	background-color: white;
}
#navigation .sys_selected a {
	background: url("/SiteElements/Images/navigation_right.gif") no-repeat right top;
	color: #222;
} 

ul.sys_simpleListMenu {
	position: relative;
} 

/* STRUCTURE consistent main elements -------------------------------------- */
#footercontent {
	min-width: 770px;
	max-width: 1090px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


/* HIGHLIGHT -------------------------------------- */

#highlight  {
	clear: both;
	padding-bottom: 15px;
}

#highlightintrowrap { /* Added by matt@contensis 28/09/07 */
	position:relative;
	margin-top:15px;
	margin-left:10px;
	margin-right: 8px;
	background:url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/home_grey_cnr_tr.gif) no-repeat top right;
	width:192px;
	height:193px;
	background-color:#eeeeee;
	float: left;
}
#highlightintrobl { /* Added by matt@contensis 28/09/07 */
	position:absolute;
	background:url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/home_grey_cnr_bl.gif) no-repeat bottom left;
	bottom:0px;
	left:0px;
	width:10px;
	height:10px;
}
#highlightintrobr { /* Added by matt@contensis 28/09/07 */
	position:absolute;
	background:url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/home_grey_cnr_br.gif) no-repeat bottom right;
	bottom:0px;
	right:0px;
	width:10px;
	height:10px;
}

#highlightintroduction {
	width: 180px;
	float: left;
	padding: 13px 0 0 10px;
	
	/* Changes below added by matt@contensis 28/09/07 */
	width:172px;
	padding-right:10px;
	background:url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/home_grey_cnr_tl.gif) no-repeat top left;
	text-align: left;
}
#highlightintroduction h2 {
	padding: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	line-height: 1.1em;
}
#highlightintroduction p {
	margin: 0;
	padding: 0;
}



#promotionwrap { /* Added by matt@contensis 28/09/07 */
	position:relative;
	top:15px;
	padding-right: 18px;
	margin-left: 210px;
}
#promotionwrap a { /* Added by matt@contensis 28/09/07 */
	position:relative;
	display: block;
	background-color: #79c22a;
	height:191px;	
	min-height:191px;
	min-width:500px;	
	text-align:center;
	background-color: #79c22a;
	background-repeat: no-repeat;
}


#promotion {
	padding: 1px;/* to fix firefox margin collapse issue */
	margin: 0 0 0 210px;
	text-align: left;
	/*background: url(/SiteElements/Images/promotion.gif) no-repeat center left; Removed by contensis*/
    min-height: 230px;
}
#promotion .ban { /* Added by matt@contensis 28/09/07 */
	position:relative;
	top:-1px;
	left:0px;
	z-index:0;
}

/*promotion corners*/
#promotionwrap .tl { /* Added by matt@contensis 28/09/07 */
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width: 5px;
	height: 5px;
}
#promotionwrap .br { /* Added by matt@contensis 28/09/07 */
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1;
	width: 5px;
	height: 5px;
}
#promotionwrap .tr { /* Added by matt@contensis 28/09/07 */
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	width: 5px;
	height: 5px;
}
#promotionwrap .bl { /* Added by matt@contensis 28/09/07 */
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
	width: 5px;
	height: 5px;
}
/* End promotion corners */

/* Added by contensis */
#promotion img {
	float: left;
}
#promotion p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
#promotion div {
	margin: 70px 0 0 280px; 
	padding:0 10px 10px 10px;
}
#promotion h3 {
	color: #005C46;
	font-size: 1.5em;
	margin-bottom: 5px;
}

/*subbanners*/

#subbanners { /* Added by matt@contensis 28/09/07 */
	padding-bottom:10px;
	margin-right:3px;
	padding-right: 16px;
}
#subbanners .sys_subbaninner { /* Added by matt@contensis 28/09/07 */
	float:left;
	width:33%;
	margin-bottom: 17px;
}
.sys_subban-tl { /* Added by matt@contensis 28/09/07 */
	background: transparent url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/cnr-aa-gr/tl.gif) no-repeat left top;
}
.sys_subban-tr { /* Added by matt@contensis 28/09/07 */
	background: transparent url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/cnr-aa-gr/tr.gif) no-repeat right top;
	height: 81px;
}
.sys_subban-tr a { /* Added by matt@contensis 28/09/07 */
	display: block;
	padding-top: 80px;
}
.sys_subban-tr a span { /* Added by matt@contensis 28/09/07 */
	display: none;
}
#subbanners h2, #subbanners h3 { /* Added by matt@contensis 28/09/07 */
	height:47px;	
	background-color:#eeeeee;
	padding:5px;
	font-size: 1.2em;
}

#banner2 { /* Added by matt@contensis 28/09/07 */
	margin-right:5px;
}
#banner3 { /* Added by matt@contensis 28/09/07 */
	margin-right:5px;
}
.sys_subban2 { /* Added by matt@contensis 28/09/07 */
	margin-left:5px;	
	margin-right:-5px;	
}
.sys_subban3 { /* Added by matt@contensis 28/09/07 */
	margin-left:10px;	
	margin-right:-10px;	
}
#subbanners { /* Added by matt@contensis 28/09/07 */
	margin-left:210px;
}

/* End subbanners */

div.sys_vspace {
	float:left;
	height:13px;	
	width:100%;
	display:block;
}
#bodytext h3 img.arr{float:none;} /* Added by matt@contensis 28/09/07 */
#bodytext h2 img.arr{float:none;} /* Added by matt@contensis 28/09/07 */

#advert-coffeemorning { /* Added by matt@contensis 28/09/07 */
	background: url(http://www.macmillan.org.uk/SiteElements/Images/newTemplateImages/botban2-coffeemorning.gif) no-repeat left center;
	padding: 5px 0 0 95px;
	height: 94px;
}
#bodytext .sys_overflow { /* Added by matt@contensis 28/09/07 */
	overflow:visible;
}

/* MAIN -------------------------------------- */

#main  {
	clear: both;
	text-align: left;
}
#wrap1 h3 a, #wrap1 h2 a {
	background-image: url("/SiteElements/Images/arrow.gif");
	background-repeat: no-repeat;
	background-position: right center;
	padding-bottom: 0;
	padding-right: 11px; 
	
	padding-right: 9px; /* added by matt@contensis 28/07/07 because firefox is dropping the background image a line below some links */
}
#wrap1 #subbanners h2 a {
	background-image: none;
}

/* SIDEBAR ------------------ */

#sidebar {
	width: 190px;
	float: left;
	margin: 55px 0 0 0;
	padding: 0;
}


/* SIDEBAR SECTION */

.sys_sidebarsection {
	background-color: #EEEEEE;
	margin: 0 0 10px 10px;
	position: relative;
}

.sys_sidebarsection p {
	padding: 4px 2px 8px 6px;
	margin: 0;
}
#sidebar h2 {
	padding: 2px 0 2px 7px;
	margin: 0 0 4px 0;
	background: #3cb323 url(/SiteElements/Images/sidebar_top.gif) no-repeat top left;
	font-size: 1.6em;
}
#sidebar h2 a {
	color: #fff;
}
.sys_sidebarsection h3 {
	border-top: 1px solid #78C400;
	padding: 8px 2px 2px 6px;
	margin: 5px 0 0 0;
}
.sys_sidebarsection h4 {
	padding: 6px 2px 0 6px;
	margin: 0;
}
.sys_sidebarsection ul  {
	list-style-type: none;
	margin: 0;
	padding: 6px 2px 6px 6px;
}
.sys_sidebarsection li {
	padding: 0 0 8px 0;
}
.sys_sidebarsection dl {
	list-style-type: none;
	margin: 0;
	padding: 3px 2px 6px 6px;
}
.sys_sidebarsection dt {
	list-style-type: none;
	margin: 0;
	padding: 1px 2px 0 0;
}
.sys_sidebarsection dd {
	list-style-type: none;
	margin: 0;
	padding: 1px 2px 6px 0;
}
.sys_sidebarsection  form {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.sys_sidebarsection label {
	position: absolute;
	left: -999em;
	width: 990em;
}

/* SIDEBAR NAVIGATION SECTION */

.sys_sidebarnavigation {
	background-color: #EEEEEE;
	margin: 0 0 10px 10px;
}

.sys_sidebarnavigation ul  {
	list-style-type: none;
	padding: 0 0 10px 10px;
	margin: 10px 2px 10px 0;
}
.sys_sidebarnavigation li {
	padding: 4px 0 4px 0;
}
.sys_sidebarnavigation a {
	text-decoration: none;
}
.sys_sidebarnavigation a:hover {
	text-decoration: underline;
}

/* Removed by Contensis  
.sys_sidebarnavigation .sys_on a {
    color: #222;
}
*/
.sys_sidebarnavigation .sys_selected a {
	color: #222;
}
.sys_sidebarnavigation ul ul {
	padding: 0;
	margin: 5px 0 0 0;
}
.sys_sidebarnavigation ul ul li {
	margin: 0;
	padding: 4px 0 4px 10px;
	border-left: 1px solid #78C400;
}
/*
Replaced by Contensis
.sys_sidebarnavigation .sys_on li a  {
    color: #005c46;
}
*/

/* Added by contensis  */
.sys_sidebarnavigation .sys_selected li a  {
	color: #005c46;
}

.sys_sidebarnavigation  form {
	padding: 0;
	margin: 0;
}
.sys_sidebarnavigation label {
	position: absolute;
	left: -999em;
	width: 990em;
}

/* BODYTEXT ------------------ */

#bodytext {
	padding: 0;
	margin: 0 0 20px 210px;
	clear: both;
}
.sys_pageicon {
	float: right;
	padding: 0;
	margin: 10px 0 0 0;
}
    
/*======== INTRODUCTION =======*/

#introduction {
	padding-bottom: 13px; 
	font-size: 1.2em;
}
.sys_share {
	background: url(/SiteElements/Images/share/shareicon.gif) no-repeat 100% 5px; 
	min-height: 260px;
	padding-right: 215px;
}
#main .sys_self-help {
	padding-right: 0;
}
#bodytext h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #00a246;
	font-weight: bold;
}
#bodytext h2 img {
	padding: 5px 0 0 0;
}
#bodytext h3 {
	margin: 12px 0 0 0;
}
#bodytext h3 img, #bodytext h2 img {
	float: left;
	padding: 0 10px 10px 0;
}
#wrap1 .sys_dark-heading  {/* Added by matt@contensis 28/09/07 */
	margin-bottom: 10px;
	font-size: 1.5em;
}
#wrap1 .sys_dark-heading img { /* Added by matt@contensis 28/09/07 */
	float: none;
}
#wrap1 .sys_dark-heading a {
	color: #fff;
}
#bodytext p {
	/*margin: 6px 0 6px 0;*/
	margin: 0.2em 0 0.4em 0;
	line-height: 1.4em;
}
#bodytext li {
	line-height: 140%;
	color: #222;
}

#bodytext hr { /* added by matt@contensis 28/09/07 */
	margin-right: 18px;
}
#bodytext .sys_columnsection .sys_column hr { /* added by matt@contensis 28/09/07 */
	margin-right: 0;
}
#bodytext .sys_news p {
	margin-bottom: 15px;
}
/*========= BREADCRUMBS =========*/

/* Removed by Contensis 

#breadcrumbs  {
    padding: 24px 0 0 0;
    margin: 0;
    font-size: 0.7em;
    color: #666;
    }
    
#breadcrumbs a {color: #666; text-decoration: none;}

#breadcrumbs a:hover {color: #666; text-decoration: underline;}

*/

/* Added by contensis  */

.sys_breadcrumb  {
	padding: 24px 0 10px 0;
	margin: 0;
	font-size: 0.7em;
	color: #666;
}
.sys_breadcrumb a {
	color: #666; 
	text-decoration: none;
}
.sys_breadcrumb a:hover {
	color: #666;
	text-decoration: underline;
}

/*========= SECTION =========*/

.sys_section {
	margin: 0;
	padding-bottom: 13px;
	width: 100%;
	clear: both;
}
.sys_section p {
	padding: 0 85px 0 0;
}
#supportingDocuments { /*Wrapper div to style the supporting docs on job vacancies*/
	margin-top: 12px;
	margin-bottom: 8px;
}
#supportingDocuments h2, #howToApply h2 {
	margin-bottom: 4px;
}
.sys_section td {
	vertical-align: top;
	padding-right: 10px;
	padding-left: 0px;
	font-size: 100%;
}
#bodytext .sys_section td p { /* Fix for some contact details being added inside paragraphs */
	margin: 0;
	padding: 0;
	line-height: normal;
}

	/*Article Image with caption added by matt*/
#articleImage {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 250px;
}
#articleImage img, #articleImage div {
	clear: both;
}
#articleImage div {
	margin-top: 5px;
	font-style: italic;
}
#articleImage div p {
	margin: 0;
	padding: 0;
}


/* Removed by Matt 
.sys_section img {
	padding: 8px;
	margin-right: -80px;
	float: right;
}*/

/*========= COLUMN SECTION =========*/

#bodytext .sys_columnsection {
	position: relative;
	margin-left: 20px;

	/* styles below added by matt@contensis 28/09/07 */
	/*margin-left: 0;*/
}
#bodytext .sys_column {
	width: 50%;
	margin-right: 0;
	float: left;
	padding-bottom: 13px;   
	overflow: hidden;
	padding: 0;
	
	/* Style below added by matt@contensis 28/09/07 */
	width: 49%;
	
}
.sys_column h3 { /* Added by matt@contensis 28/09/07 */
	padding-top: 2px;
	padding-bottom: 2px;
}
#bodytext .sys_column p { /* Added by matt@contensis 28/09/07 */
	/*padding-top: 2px;*/
	padding-bottom: 13px;
	line-height: normal;
	margin: 0;
}
#bodytext .sys_col1 { /* Added by matt@contensis 28/09/07 */
	margin-right:20px; 
	margin-left: -20px;
}
#bodytext .sys_col2 { /* Added by matt@contensis 28/09/07 */
	margin-left:0; 
	margin-right: 0;
}
#wrap1 .sys_dark-heading { /* Added by matt@contensis 28/09/07 */
	background: url(/SiteElements/Images/header_right.gif) no-repeat right top;
	background-color: #005C46;
	margin: 0 0 8px 0;
	padding: 0;
}
#wrap1 .sys_dark-heading a { /* Added by matt@contensis 28/09/07 */
	display: block;
	background: url(/SiteElements/Images/header_left.gif) no-repeat left top;
	padding: 4px 2px 4px 7px;
	margin: 0;
}
#wrap1 .sys_dark-heading img { /* Added by matt@contensis 28/09/07 */
	margin: 0; padding: 0;
}

/*======== COMMENTS ===========*/

#commentsection, #commentsection p {
	margin: 0; padding: 0;
}
.sys_comment {
	margin: 10px 0 0 0;
	border-top: 1px solid #78C400;
	padding: 8px 0 0 0;
}
.sys_commenttext {
	width: 74%;
}
.sys_meta {
	float: right;
	width: 25%;
}
/* removed by contensis
form p {
	clear: both;
}
 */
.sys_meta p {
	padding: 0;
	color: #666;
	text-align: right;
}
#commentsform {
	margin: 20px 0 0 0;
	border-top: 1px solid #78C400;
	padding: 10px 0 0 0;
}
#commentsform label {
	width: 100px;
	display: block;
	text-align: right;
	padding: 1px 5px 1px 1px;
	float: left;
}
.sys_formnote {
	padding: 0 0 0 5px;
	font-style: italic;
	color: #666;
}
.sys_formsubmit {
	margin: 0 0 0 107px;
}

/* FOOTER -------------------------------------- */

#footer {
	border-top: 1px solid #78C400;
	clear: both;
	margin-top: 20px;
}

#footercontent  {
	background: url("/SiteElements/Images/footer.gif") no-repeat 0 12px;
	margin: 0 auto 40px auto;
	padding: 1px;
	min-height: 90px;
	width: 90%;
}

#footer ul {
	padding: 0 0 0 0;
	margin: 20px 0 0 95px;
	font-size: 0.9em;
	list-style-type: none;
}
#footer li {
	float: left;
	margin: 0;
	padding: 0;
}
#footer li a {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 1px solid #222;
}
#footer p {
	padding: 10px 0 0 0;
	font-size: 0.85em;
	clear: both;
	margin-left: 95px;
}


/*======== Mac Forms =======*/

#macform, #macform p {margin:0; padding:0 ! important;}

#macform p {clear: both; border-bottom: 1px  ;}
#macform p.intro {border-bottom: 0;}
#macform h3 {color:#00A246;margin: 0.5em 0 0.5em 0}

#macform table {padding:0;margin:0}

#macform fieldset {
	border:5px solid #eee; 
	padding:10px 20px;
	margin-top:8px;
	width:auto;
	clear:both;
}

#macform legend {
	font-size:170%;	
	color:#00A246 ;
	font-weight:normal;
	padding: 0 10px;
	margin-bottom: 10px;
}

#macform label {
    width: 150px;
    display: block;
    text-align: right;
    padding:0.5em;
    float: left;
    border-right: 1px solid #00A246;
    font-weight:bold;
    margin:0;
}
    
#macform p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#macform input {margin:0.5em 0 0 0.5em}   
#macform select {margin:0.5em 0 0 0.5em} 

#macform .aboutpanel {padding:0;margin:0;} 
#macform .inputtext {width:175px;}
#macform .inputtextarea {width:100%}
#macform .smalltextinput {width:50px;}
#macform .cbox {margin:1em 0 1em 0;border-bottom:0;height:1%}
#macform .clist {margin:0;border-bottom:0;}
#macform .clist table tr td {font-size:80%;}
#macform a.searchFieldName {font-size:80%;}
#macform .searchFieldText {font-size:80%;}
#macform .restrict {margin:0.5em 0 0 0.5em; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#macform .notes {font-weight: normal; font-size: 0.9em; color: #00a246; letter-spacing: 0.1em }
#macform .restrictcount {font-weight: normal; font-size: 0.9em; color: #00a246; letter-spacing: 0.1em}
#macform .commentsfield {width:350px;margin:0.5em 0 0 0.5em}
#macform .checkbox {clear:both;}
#macform .checkbox table tr td {font-size:80%;font-weight:normal}
#macform .checkbox label {float:none;display:inline;text-align:left;width:auto;border-right:0px;padding:0.5em}

#macform .formWarning {color:#00A246; font-weight:bold;}
#macform .submitpane {background-color:#eee;text-align:center;margin-top:8px;height:auto;}

#macform .survey span {display: block; float: left; border-left: 1px solid; padding-bottom: 10px}
#macform .survey label {width: 200px; text-align: left}
#macform .survey span label {border: 0; padding:0.5em; display:inline; font-weight:normal;float: none;margin: 0pt;width: 90%;text-align: left}
#macform .survey span input {float: none; margin: 0.5em 0pt 0pt 0.5em}
#macform .survey label {border: 0px}
#macform .survey .formWarning  {border: 0px;}


#macform .green {background-color: #e2efd3}

.required {font-weight:bold;color:#00a246;font-size: 1.25em}

.vSummary {color:#00A246; font-weight:bold;}
.vSummary ul {list-style-type:square;}
.vSummary ul li {color:#00A246; font-weight:bold;}
.vSummary tr td {color:#00A246; font-weight:bold;}

/* LATEST FIXES START */

.sys_section #mapcontainer p {
	padding: 0 !important;
}

#UKAF h3,
#UKAF h2, 
#UKAF p {padding:0; margin:0;}

/* LATEST FIXES START */


#UKAF h3 {padding:0 1em 0 1em; margin: 0.5em 0 0.25em 0}
#UKAF p {padding:0 1em 0 1.25em; margin-top:0;}
#UKAF hr {height:1px;color:#eee}
#UKAF .detailborder {border: 1px solid #3cb323; margin:1em 0 0 0; padding:0 0 0.5em 0;}
#UKAF .tel {margin:0.25em 0 0.25em 0}

#UKAF p table tr td {font-size:80%;}
#UKAF .detailborder table {margin-left:1.25em;}
#UKAF h2.title {padding:0.25em 0.25em 0.25em 0.5em; color:#ffffff; background-color:#3cb323;}
#UKAF .results table tr td {font-size:80%;}
#UKAF .pager {font-weight:bold;}
#UKAF .searchFieldName {font-weight:bold;}
#UKAF .geo {visibility: hidden;}


/*==== End Mac Forms =====*/





















/*====User Styles=====*/
.left {
	float:left;
	margin: 3px 10px 5px 0;
}
.right {
	float:right;
	margin: 3px 0 5px 10px;
}
/*====End User Styles=====*/








/*========Editor Styles=======*/
#editor {
    background-color: white;
    margin: 0;
    padding: 0;
    color: #222;
    font-size: 80%;
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
    text-align: center;
}
#editor #navigation {
	width: 72%;
}
#editor #navigation a {
	white-space: nowrap;
}
#editor #highlight {
	left: -75px;
}
#editor #highlight #promotion {
	height: 232px;
}
#editor #iewrap #highlight #highlightintrowrap { /* added by matt@contensis 28/09/07 */
	height: 192px;
}
#editor #promotionwrap a img { /* added by matt@contensis 28/09/07 */
	border: 0;
}
#editor #iewrap #highlight #promotionwrap { /* added by matt@contensis 28/09/07 */
	width: 631px;
	padding-right: 0;
	margin-left: 197px;
}
#editor #iewrap #highlight #promotionwrap a{ /* added by matt@contensis 28/09/07 */
	height: 190px;
	margin-left: -3px;
}
#editor #subbanners { /* added by matt@contensis 28/09/07 */
	margin-left: 0;
	padding-right: 20px;
}
#editor #iewrap #main #wrap1 #bodytext .slight_pad_top .sys_col1, #editor #iewrap  #main #wrap1 #bodytext .slight_pad_top .sys_col2 { /* added by matt@contensis 28/09/07 */
	width: 40% !important;
}
#editor #iewrap  #main #wrap1 #bodytext .slight_pad_top .sys_col2 { /* added by matt@contensis 28/09/07 */
	float: right;
}
.sys_contentHeaderImage { /* added by matt@contensis 28/09/07 */
	float: left;
	padding-right: 10px;
}
.sys_contentHeaderHeading { /* added by matt@contensis 28/09/07 */
	/*clear: right;
	position: relative;*/
	/*width: 70%;*/
}
.sys_contentHeaderHeading, .sys_contentHeaderText { /* added by matt@contensis 28/09/07 */
	/*float: right;*/
	/*width: 70%;*/
	/*width: auto;*/
}
#editor #sidebar {
	/*margin-left: -75px;*/
}
#editor #wrap1 {
	width: 83%;
}
#editor #sidebar .sys_sidebarnavigation {
	position: relative;
}
#editor .sys_col1 {
	width: 48%;
	float: left;
}
#editor .sys_col2 {
	width: 48%;
	float: right;
}
#editor #header #OCTRL47 {
	background: url('/SiteElements/Images/editorImages/navbar.gif');
	width: 620px;
	height: 23px;
	font-size: 0;
	line-height: 0;
	float: left;
	margin: 5px 0 0 10px;
}
#editor .sys_sidebarnavigation h2 {
	color: #fff;
}
#editor #search {
	position: absolute;
	top: 45px;
	left: 75%;
	width: 215px;
	height: 22px;
	background: url('/SiteElements/Images/editorImages/search.gif');
	font-size: 0;
	line-height: 0;
}
#editor #search a {
	color: #fff;
}
#editor #promotion {
	width: 648px;
	clear: none;
	margin-left: 0;
	position: relative;
	left: 28px;	
	/*margin-top: -125px;*/
}
#editor #promotion div {
	margin-top: -175px;
}
#editor .sys_section p {
	padding-right: 0;
}
#editor #wrap1 {
	margin-left: 0;
	width: 75%;
}
#editor .sys_sidebarnavigation, #editor .sys_sidebarsection {
	margin-left: 0;
	width: 180px;
}
#editor .sys_home {
	margin-left: -125px;
}

#editor .sys_section td {
	font-size: 80%;
}
#editor .sys_contentHeaderHeading { /* added by matt@contensis 28/09/07 */
	width: auto;
}
/*=====End editor styles====*/

.sys_home #sidebar {
	margin-top: 0px;
}



/* Styles for the following forms - added by contensis */
/*1) EventForm
 2) JobVacanciesForm
 3) NewsReleaseForm
 4) SupporterStoriesForm
*/

.sys_formgroup {margin: 0;padding: 0;}

.sys_formgroup label, #EventsControl1_imageLabel, .sys_labeltext {
	float: left;
	clear: left;
	display: block;
	width: 150px;
	color: #005c46;
	font-weight: bold;
	font-size: 80%;
}
#EventsControl1_ImageHtmlInputFile {
	width: 340px;
}
.sys_form-set{
	clear: both;
	height: auto;
	margin-bottom: 6px;
}

.sys_form-set input{
	width: 300px;
}
.sys_formgroup span {float: left;clear: left;}
span#EventsControl1_imageLabel {float: left;clear: left;}
input#EventsControl1_EventTitleTextbox, input#EventsControl1_ImageCaptionTextbox, input#EventsControl1_ImageAltTextTextbox {
	width: 220px;
	outline: none;
}

.sys_eventform_wrapper ul li, .sys_Newsform_wrapper ul li, .sys_JobVacancy_wrapper ul li, .sys_SupporterStories_wrapper ul li{
	color: #f00 !important;
	font-size: 80%;
	font-weight: bold;
}
a.radPopupImage {float:left;}
table.calendarWrapper {width: 200px;height: auto;}
.sys_calendarwrapper {margin: 0 0 8px 0;}
.sys_calendarrow {clear: both;width: 350px;}
.sys_datepicker {
	float: left;
	height: 25px;
	width: 200px;
}
input.Default_Default, input.Over_Default, input.Focus_Default {
	padding: 2px 0 2px 2px;
	min-height: 16px;
	outline: none;
}
.sys_eventform_wrapper .sys_formgroup select {width: 254px;}
.sys_eventform_wrapper .sys_formgroup textarea {width: 250px;}
input#EventsControl1_startDateLabel, input#EventsControl1_endDateLabel, input#EventsControl1_expiryDateLabel {
	float: left;
	display: block;
	width: 150px !important;
}
input#EventsControl1_EventTitleTextbox, input#EventsControl1_ImageCaptionTextbox,  input#EventsControl1_ImageAltTextTextbox {
	width: 250px;
}


/* Custom styles for the Job Vacancies Form */

.sys_formgroup fieldset {border: 0;margin: 4px 0 4px 0;}
.sys_formgroup legend {
	color: #005c46;
	font-weight: bold;
	font-size: 90%;
	margin: 4px 0 4px -10px;
}
#EventsControl1_SupportedDocument1, #EventsControl1_SupportedDocument2, #EventsControl1_SupportedDocument3, #EventsControl1_SupportedDocument4, #EventsControl1_SupportedDocument5 {width: 255px;}
.sys_JobVacancy_wrapper .sys_formgroup input {width: 256px;}
.sys_JobVacancy_wrapper .sys_formgroup select {width: 260px;}
.sys_JobVacancy_wrapper .sys_formgroup textarea {width: 256px;}
.sys_JobVacancy_wrapper input.Default_Default {width: 150px}
/* End of custom styles for the Job Vacancies Form */

/* Custom styles for the News Release Form */

.sys_Newsform_wrapper .sys_formgroup input {
	padding: 0;
	margin: 0;
	outline: none;
}
.sys_Newsform_wrapper .sys_formgroup select {
	width: 224px;
	padding: 0;
	margin: 0;
	outline: none;
}
.sys_Newsform_wrapper .sys_formgroup textarea {
	width: 220px;
	outline: none;
}
.sys_Newsform_wrapper input#EventsControl1_EventTitleTextbox, .sys_Newsform_wrapper input#EventsControl1_ImageCaptionTextbox,
.sys_Newsform_wrapper input#EventsControl1_ImageAltTextTextbox {width: 220px;}
/* End news release form styles */

/*  Supporter Stories form styles  */

.sys_SupporterStories_wrapper .sys_formgroup input {width: 250px;}
.sys_SupporterStories_wrapper .sys_formgroup select {width: 254px;}
.sys_SupporterStories_wrapper .sys_formgroup textarea {width: 250px;}
input#SupporterStoriesControl1_ImageHtmlInputFile {width: 400px;}
/* End supporter stories forms */

/* FIXING NOSCRIPT SEARCH LINK COLOR */

#search a {
	color:#fff;
}

/* Admin Section Login Control Styles */

#LogonControl_LoginPanel {width: 260px;}

#LogonControl_LoginPanel Label {
	float: left;
	width: 100px;
}

#LogonControl_LoginPanel input {
	float: right;
	clear: right;
	width: 150px;
}

input#LogonControl_Password {margin-top: 8px;}

#LogonControl_PasswordLabel {clear: left; margin-top: 14px;}

input#LogonControl_SubmitButton {
	border: none;
	background: #00a246;
	color: #fff;
	margin: 4px 0 0 0;
	width: 60px;
}

#LogonControl_SavePasswordPanel {
	clear: both;
	margin-top: 8px;
	display: block;
}

#LogonControl_SavePasswordPanel input#LogonControl_SavePassword {
	float: left;
	width: auto;
}

#LogonControl_SavePasswordPanel label {padding-top: 2px;}

#LogonControl_LoginErrorMessage {margin-top: 20px;clear:both;color: #f00}

/* End */

/* Local News form */

input#SupporterStoriesControl1_ImageHtmlInputFile {width: 250px !important;}

span#SupporterStoriesControl1_imageLabel {
	width: 150px;
	color: #005C46;
	font-size: 80%;
	font-weight: bold;
}


.adminformsubmitbutton {
	border: none !important;
	background: #00a246 !important;
	color: #fff !important;
	margin: 4px 0 0 0 !important;
	width: 60px !important;
}


/* End */

/* macform2 */

#macform2 {
	width:600px;
}

.lblft { 
	text-align: left;
}

#macform2 fieldset {
	border:5px solid #EEEEEE;
	clear:both;
	margin-top:8px;
	padding:0 5px 10px 5px;
	width:auto;
	margin:10px;
}
#macform2 fieldset fieldset{
	border:0;
	clear:both;
	margin-top:8px;
	padding:0;
	width:auto;
}
#macform2 legend {
	color:#00A246;
	font-size:170%;
	font-weight:normal;
	margin-bottom:10px;
	padding:0 5px;
	
}
#macform2 fieldset fieldset legend{
	color:#00A246;
	font-size:140%;
	font-weight:normal;
	margin-bottom:10px;
	padding:0;
	border-bottom:1px solid #EEEEEE;
}
#macform2 p 
{
	margin:5px;	
}

#macform2 label
{	
	clear:both;
	
}

#macform2 label.lbs 
{
	width:200px;
	float:left;
	text-align:right;
	margin-right:10px;
	font-size:100%;
}
#macform2 label.lbss 
{
	width:100px;
	float:left;
	text-align:right;
	margin-right:10px;
	font-size:100%;
}
#macform2 label.lbt 
{
	height:25px;	
	overflow:visible;
}
#macform2 label.required 
{
	font-weight:bold;
	color:#000;
}

#macform2 input.ins 
{
	width:50px;	
}
#macform2 input.inm 
{
	width:250px;	
}
#macform2 td {
	text-align:left;
}
#macform2 input.inl 
{
	width:300px;	
}
#macform2 span.iunderstand 
{
	padding-top:10px;
	font-size:90%;
	display:block;
}
#macform2 span.nline 
{
	padding-top:10px;	
	display:block;
}
#macform2 .cenbutton 
{
	text-align:center;	
}
#macform2 .formWarning {
	color:#00A246;
	font-weight:bold;
}

#macform2 .formWarning li{
	color:#00A246;
	font-weight:bold;
}

/*Google map 2008 */

#map2container 
{
	width:800px;
	padding:0 10px 0;
}

#side_bar .markerimage 
{
	clear:both;
	float:left; 
	margin-right:10px;
}


#map2 div.info 
{

}
#map2 div h1 
{
	margin:5px 0; 
	font-size:1.4em; 
}
#map2 div h2 
{
	margin:5px 0; 
	font-size:1.2em; 
}
#map2 .selected 
{
	font-weight:bold; 
}

#map2 
{
	width:500px; 
	float:left; 
	border:0; 
	margin:10px 10px 0 0; 
	height:500px;
}
#map2 p 
{
	margin:5px;
}
#map2 th 
{
	width:130px;
	text-align:right;
}
#side 
{
	width:250px; 
	float:left; 
	margin:10px 0 0 0; 
	height:400px;
	
}
#side_bar 
{
	width:100%; 

	overflow: auto;
}
#paging_top
{
	width:100%; 

}
#paging_bottom 
{
	width:100%; 

}
#searchbox, #instructions 
{
	padding:5px;
}
.sideblock 
{
	border-bottom:1px solid #78c400;
	overflow: hidden;
	width: 100%;
	margin-bottom:5px	
}
.sideinfo div
{

	
}
#debug 
{
	width:500px;
	clear:both;
	overflow:visible;	
}
.info 
{
	font-size:105% !important;
	width:350px !important;	
}

#map2container p,
#side_title p,
.info p
{
	padding:0;
}
.info
{
	padding:0;
}
.info p 
{
	padding:0 !important;
	margin:2px !important;	
}

 
.info h2 {
	margin-top:0;
}

#paging_bottom 
{
	text-align:center;
}
#paging_top 
{
	text-align:center;
	margin-bottom:5px;
}
.sideinfo 
{
	padding:3px 0;	
}

#map2container {
	POSITION: relative;
}
#loading {
	Z-INDEX: 9999999; 
	LEFT: 0px; 
	WIDTH: 510px; 
	POSITION: absolute; 
	HEIGHT: 510px; 
	BACKGROUND-COLOR: #fff
}
#loading P.loading {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 130%; 
	PADDING-BOTTOM: 20px; 
	COLOR: #00a246; 
	PADDING-TOP: 50px; 
	TEXT-ALIGN: center
}
.didyoumean LI {
	list-item-type: decimal
}
#miniloading {
	FONT-SIZE: 90%
}
.miniloader {
	VERTICAL-ALIGN: middle
}
.mappager {
	text-align:center;
}
.mappager a{
	padding:3px;
}
#key { CLEAR: both; PADDING-TOP: 10px; }

#key SPAN { 
	PADDING: 5px;
	display:inline;
	margin:3px; 
	white-space:nowrap; 
}

#key H2 { MARGIN-BOTTOM: 10px }

.miniloader { MARGIN-LEFT: 10px }

.keyicon { VERTICAL-ALIGN: middle; }
#side_bar .small {
	font-size:90%;
}
#side_bar .selected {
	background-color:#eee;
}
.sideblock{
	margin:0 !important;
	padding:3px 0 !important;
}

DIV.split {  
	FLOAT: left; 
	WIDTH: 50%; 
}
.lbss { 
	VERTICAL-ALIGN: middle; 
	MARGIN-RIGHT: 3px! important;
}
.termsmall { 
	FONT-SIZE: 90% 
}

#macform2 {
	width:650px !important;
}
#macform2 p {
	width:100% !important;
	padding:0;
}	

.JobVacancyDescriptionInput
{
	width: 400px !important;
}

.indent 
{ 
	MARGIN-TOP: 10px; 
	DISPLAY: block; 
	MARGIN-LEFT: 20px; 
}

.tbm { 
	WIDTH: 200px! important; 
}
.tbl { 
	WIDTH: 350px! important;
}
#macform2 .submitpane 
{ 
	PADDING: 3px; 
	BACKGROUND-COLOR: #eee; 
	TEXT-ALIGN: center; 
}
.yesno 
{ 
	WIDTH: 200px; 
}

.lbm 
{ 
	FONT-SIZE: 100%; 
	FLOAT: left; 
	WIDTH: 150px; 
	MARGIN-RIGHT: 10px; 
	TEXT-ALIGN: right; 
}


.marker_image { FLOAT: left; PADDING-TOP: 5px }

.side_info { FLOAT: right; WIDTH: 210px }

.icons, #subkey .keyicon { MARGIN: 5px;}

#subkey span {
	MARGIN: 5px;
}
.legal { font-size:80%;}

#map2  
{
	border: 5px solid rgb(0, 162, 70) !important;
}

#loading {
	width: 550px !important; 
	height: 550px !important; 
}


/* VIRTUAL CHALLENGE SUPPLEMENTARY STYLES */


#vccontrols {
	
	clear:both;
	padding-top:10px;

}

#vccontrols table table{
	border:2px solid #00a246;
}
#vccontrols table table th {
	background-color:#00a246;
	border:1px solid #00a246;
	color:#fff;
	padding:3px;
}
#vccontrols table table td {
	border-bottom:1px solid #eee;
	border-left:1px solid #00a246;
	border-right:1px solid #00a246;
	padding:3px;
}

#vcmap {
	float:right;
	margin-top:10px;


}
#vcleaderboard {
	float:left;
	
	margin-top:10px;
	
}
#vcwelcome {
	border:3px solid #00a246;
	padding:5px;
 
}

#vccontrols fieldset 
{
	border:5px solid #eee; 
	margin: 0;
	padding:10px 5px 20px 5px;
	margin-top:5px;
	width:auto;
	clear:both;
	margin-bottom:15px;
}

#vccontrols table {
	width:100%;
}

#vccontrols legend 
{
	font-size:170%;	
	color:#00A246 ;
	font-weight:normal;
	padding:0 10px;
	
}

#vccontrols fieldset table {
        
       border:1px solid #eee;        
  
        border-collapse:collapse;
        width:99%;
	margin:10px 5px;
	font-size:1em;
}

#vccontrols fieldset th,
#vccontrols fieldset td {

	background-color:#fff;
	color:#000;
        padding:7px !important;
      border:1px solid #eee;
}

#vccontrols fieldset th {
        font-size:110%;
        border-right:1px solid #3cb323;
	text-align:right;
	width:150px;
       
}
#vccontrols fieldset table.vcaddmiles  {
        

}
#vccontrols fieldset table.vcaddmiles th {
	text-align:left;
        border-right:1px solid #eee;
        border-bottom:1px solid #3cb323;

}
#vccontrols fieldset table.vcaddmiles td {
       
}

#vccontrols .confirmation {
	font-weight:bold;
	font-size:140%;
	color:#00a246;
}


#vccontrols .actionButtons {
	clear:both;
	background-color:#eee;
	padding:4px;
	text-align:center;
	margin:10px 0;
	width:auto;

}

#vccontrols .actionButtons a{
	font-size:140%;
        text-decoration:none;
        margin:0 10px;
	vertical-align:middle;

}
#vccontrols .actionButtons a:hover{
        text-decoration:underline;
}
#vccontrols .actionButtons input {
        font-size:140%;
	background-color:#eee;
        color:#0066cc;
        border:0;
        margin:0 10px;
        font-family:Arial,Verdana,Sans-serif;
	vertical-align:middle;
	cursor:hand;
}
#vccontrols .actionButtons input:hover {
     	text-decoration:underline;
     	color:#222;
}

#vckey {
   width:100%;
 

}
#vckey dd , #vckey dt{
    float:left;
    margin:0;
    padding:0;

}
    
#vckey dd {
    padding:8px;
    font-size:100%;
    font-weight:bold;
}

#profileMenu {
	border-bottom:5px solid #00A246;
	clear:left;
	float:left;
	list-style-type:none;
	margin:7px 0pt 10px;
	padding:0pt;
	width:100%;
}
#profileMenu li {
	float:left;
	margin:0pt;
	padding:0pt;
}
#profileMenu a {
	color:#000000;
	display:block;
	font-weight:bold;
	margin:0pt;
	padding:4px 7px;
	text-decoration:none;
}
#profileMenu a {
	float:none;
}
#profileMenu a:hover {
	color:#333333;
}
#profileMenu #currentTab {
	background:#00A246 url(http://share.macmillan.org.uk/share/images/my_nav_left.gif) no-repeat scroll left top;
}
#profileMenu #currentTab a {
	background:transparent url(http://share.macmillan.org.uk/share/images/my_nav_right.gif) no-repeat scroll right top;
	color:#FFFFFF;
}

#vcmap {
	float:left;
	margin-left:5px;
}
#vcleaderboard {
	      	
}
#vccontrols {
	width:100%;
	padding:0;

}
#vccontrols table
{
	font-size:100% !important;
}

#vccontrols .formWarning
{
	font-size:1.3em;
	color:#00A246;
	font-weight:bold;
}
#vccontrols .formWarning li
{
	color:#00A246;
}
#subkey dd {
	float:left;
	padding:0;
	margin:5px 10px 0 0;
}
#subkey dt {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
#subkey span {
	float:left;
}