/*
 These styles get added to the editor, and imported into the main stylesheet.
 */

body {
	font-size: 86%;
	font-family: Arial, sans-serif;
}

/* BACKGROUND COLOURS */

.bg_col0_tint0 { 
	color: #ffffff;
	background-color: #6e0050;
}

div.bg_col0_tint0 { 
	font-size: 1.2em;
	padding: 5px;
}

li.bg_col0_tint0 { 
	font-size: 1.2em;
	padding: 5px;
}

p.bg_col0_tint0 { 
	font-size: 1.2em;
	padding: 5px;
}


/* --- */

.bg_col0_tint1 { 
	color: #ffffff;
	background-color: #93407c;
}

div.bg_col0_tint1 { 
	font-size: 1.2em;
	padding: 5px;
}

li.bg_col0_tint1 { 
	font-size: 1.2em;
	padding: 5px;
}

p.bg_col0_tint1 { 
	font-size: 1.2em;
	padding: 5px;
}


/* --- */

.bg_col1_tint0 { 
	color: #ffffff;
	background-color: #ec008c;
}

div.bg_col1_tint0 { 
	font-size: 1.2em;
	padding: 5px;
}

li.bg_col1_tint0 { 
	font-size: 1.2em;
	padding: 5px;
}

p.bg_col1_tint0 { 
	font-size: 1.2em;
	padding: 5px;
}


/* --- */

.bg_col1_tint1 { 
	color: #ffffff;
	background-color: #f140a9;
}

div.bg_col1_tint1 { 
	font-size: 1.2em;
	padding: 5px;
}

li.bg_col1_tint1 { 
	font-size: 1.2em;
	padding: 5px;
}

p.bg_col1_tint1 { 
	font-size: 1.2em;
	padding: 5px;
}


/* --- */

body.akw .bg_col0_tint0 { 
	color: #ffffff;
	background-color: #61307b;
}


/* --- */

body.akw .bg_col0_tint1 { 
	color: #ffffff;
	background-color: #89649c;
}


/* --- */

body.akw .bg_col1_tint0 { 
	color: #ffffff;
	background-color: #a90e9c;
}


/* --- */

body.akw .bg_col1_tint1 { 
	color: #ffffff;
	background-color: #bf4bb5;
}


/* --- */

body.start .bg_col0_tint0 { 
	color: #ffffff;
	background-color: #006265;
}


/* --- */

body.start .bg_col0_tint1 { 
	color: #ffffff;
	background-color: #408a8c;
}


/* --- */

body.start .bg_col1_tint0 { 
	color: #ffffff;
	background-color: #62a618;
}


/* --- */

body.start .bg_col1_tint1 { 
	color: #ffffff;
	background-color: #8abd52;
}


/* --- */

body.quest .bg_col0_tint0 { 
	color: #ffffff;
	background-color: #004165;
}


/* --- */

body.quest .bg_col0_tint1 { 
	color: #ffffff;
	background-color: #40718c;
}


/* --- */

body.quest .bg_col1_tint0 { 
	color: #ffffff;
	background-color: #00aef0;
}


/* --- */

body.quest .bg_col1_tint1 { 
	color: #ffffff;
	background-color: #40c3f4;
}


/* --- */

	
/* QUOTES */

/*
TODO: Quotes appear wrong when only one line.
*/

 .quote { 
	position: relative; /* Should set this to be a containing block, for the absolute positioning below. */
	font-size: 1.2em;
	color: #6e0050;
	background: transparent url(images/open_quotes_cata.gif) no-repeat top left;
	padding: 17px 30px 5px 30px !important; /* Something later uses IDs, hence the !important. */
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	zoom: 1; /* Oh look, it hasn't "got layout". */
}

 .quote span.additional { 
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	/* Images must be transparent. */
	background: transparent url(images/close_quotes_cata.gif) no-repeat bottom right;
	/* Size kind of doesn't matter here, it just needs enough space to expand up and left. */
	width: 50px;
	height: 50px;
	padding: 0;
}
body.akw .quote { 
	position: relative; /* Should set this to be a containing block, for the absolute positioning below. */
	font-size: 1.2em;
	color: #61307b;
	background: transparent url(images/open_quotes_akw.gif) no-repeat top left;
	padding: 17px 30px 5px 30px !important; /* Something later uses IDs, hence the !important. */
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	zoom: 1; /* Oh look, it hasn't "got layout". */
}

body.akw .quote span.additional { 
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	/* Images must be transparent. */
	background: transparent url(images/close_quotes_akw.gif) no-repeat bottom right;
	/* Size kind of doesn't matter here, it just needs enough space to expand up and left. */
	width: 50px;
	height: 50px;
	padding: 0;
}
body.start .quote { 
	position: relative; /* Should set this to be a containing block, for the absolute positioning below. */
	font-size: 1.2em;
	color: #006265;
	background: transparent url(images/open_quotes_start.gif) no-repeat top left;
	padding: 17px 30px 5px 30px !important; /* Something later uses IDs, hence the !important. */
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	zoom: 1; /* Oh look, it hasn't "got layout". */
}

body.start .quote span.additional { 
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	/* Images must be transparent. */
	background: transparent url(images/close_quotes_start.gif) no-repeat bottom right;
	/* Size kind of doesn't matter here, it just needs enough space to expand up and left. */
	width: 50px;
	height: 50px;
	padding: 0;
}
body.quest .quote { 
	position: relative; /* Should set this to be a containing block, for the absolute positioning below. */
	font-size: 1.2em;
	color: #004165;
	background: transparent url(images/open_quotes_quest.gif) no-repeat top left;
	padding: 17px 30px 5px 30px !important; /* Something later uses IDs, hence the !important. */
	margin-top: 1em !important;
	margin-bottom: 1em !important;
	zoom: 1; /* Oh look, it hasn't "got layout". */
}

body.quest .quote span.additional { 
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	/* Images must be transparent. */
	background: transparent url(images/close_quotes_quest.gif) no-repeat bottom right;
	/* Size kind of doesn't matter here, it just needs enough space to expand up and left. */
	width: 50px;
	height: 50px;
	padding: 0;
}

/* Tweak quotes */

body.quest .quote {
	padding-top: 27px !important;
	padding-bottom: 15px !important;
}

body.start .quote {
	padding-top: 20px !important;
	padding-bottom: 5px !important;
}

/* DONATION STYLING */

.donation {
	/* This selector left deliberately blank */
	/* (We only want to apply this style to block elements) */
}

.donation_one_line {
	/* This selector left deliberately blank */
	/* (We only want to apply this style to block elements) */
}

 div.donation, 
 div.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #6e0050;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_cata.gif) no-repeat 0 50%;
}

 div.donation_one_line { 
	padding-top: 1.1em !important;
}

 li.donation, 
 li.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #6e0050;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_cata.gif) no-repeat 0 50%;
}

 li.donation_one_line { 
	padding-top: 1.1em !important;
}

 p.donation, 
 p.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #6e0050;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_cata.gif) no-repeat 0 50%;
}

 p.donation_one_line { 
	padding-top: 1.1em !important;
}

body.akw div.donation, 
body.akw div.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #61307b;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_akw.gif) no-repeat 0 50%;
}

body.akw div.donation_one_line { 
	padding-top: 1.1em !important;
}

body.akw li.donation, 
body.akw li.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #61307b;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_akw.gif) no-repeat 0 50%;
}

body.akw li.donation_one_line { 
	padding-top: 1.1em !important;
}

body.akw p.donation, 
body.akw p.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #61307b;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_akw.gif) no-repeat 0 50%;
}

body.akw p.donation_one_line { 
	padding-top: 1.1em !important;
}

body.start div.donation, 
body.start div.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #006265;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_start.gif) no-repeat 0 50%;
}

body.start div.donation_one_line { 
	padding-top: 1.1em !important;
}

body.start li.donation, 
body.start li.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #006265;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_start.gif) no-repeat 0 50%;
}

body.start li.donation_one_line { 
	padding-top: 1.1em !important;
}

body.start p.donation, 
body.start p.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #006265;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_start.gif) no-repeat 0 50%;
}

body.start p.donation_one_line { 
	padding-top: 1.1em !important;
}

body.quest div.donation, 
body.quest div.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #004165;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_quest.gif) no-repeat 0 50%;
}

body.quest div.donation_one_line { 
	padding-top: 1.1em !important;
}

body.quest li.donation, 
body.quest li.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #004165;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_quest.gif) no-repeat 0 50%;
}

body.quest li.donation_one_line { 
	padding-top: 1.1em !important;
}

body.quest p.donation, 
body.quest p.donation_one_line { 
	position: relative;
	font-size: 1.2em;
	color: #004165;
	font-weight: bold;
	padding: 0 30px !important;
	min-height: 40px;
	background: transparent url(images/donation_left_quest.gif) no-repeat 0 50%;
}

body.quest p.donation_one_line { 
	padding-top: 1.1em !important;
}