/* basic styles */

/* overall */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	overflow: auto;
	position: relative;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
	font-size: medium;
		padding: 0.5em;
}
body.full {
	margin: 0;
	position: absolute;
		top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
}
html.whizzy body, body.mceContentBody {
	padding: 0.5em;
	height: auto;
	border: none;
}
html.whizzy body {
	width: 95%;
}

/* heading */
h1, h2, h3, h4 {
	font-weight: bold;
	margin: 1em 0 0.2em;
}
h1 {
	clear: both;
	font-size: 2.4em;
	font-weight: normal;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.9em;
	padding-top: 0;
	font-weight: bold;
}
h1 small, h2 small, h3 small {
	display: block;
	float: right;
	font-size: 70%;
	font-style: normal;
	font-weight: normal;
	}
* > h1:first-child, * > h2:first-child, * > h3:first-child/*, h1 + h2, h1 + h3, h2 + h3, h3 + h4*/ {
	margin-top: 0.5em;
}


/* horizontal rule */
hr {
	visibility: hidden;
	height: 2em;
	border: none;
}

/* paragraph */
p {
	margin: 0;
	text-align: left;
}
p + p {
	margin-top: 0.4em;
}
p.centre {
	text-align: center;
}

/* link */
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* image */
img {
	border-style: none;
	}
img.centre {
	display: block;
}
.caption {
	display: block;
	text-align: center;
	font-style: italic;
}
p img {
	vertical-align: middle;
}

/* table */
table {
	border-collapse: collapse;
	font-size: 100%;
}
table.nolines th, table.nolines td {
	border-style: none;
}
th {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	vertical-align: bottom;
	padding: 0 0.3em;
}
td {
	border-width: 1px;
	border-style: dotted none;
	text-align: left;
	font-size: 90%;
	padding: 0 2px;
	vertical-align: top;
}
th.right, td.right {
	text-align: right;
}
td.centre {
	text-align: center !important;
	margin: inherit;
}
td.total {
	font-weight: bold;
	border-top-style: solid;
}
td.phantom {
	border: none !important;
	background-color: transparent !important;
	background-image: none !important;
}
table table {
	margin: 0.2em;
}
td.nobottom {
	border-bottom-style: none;
}
.popup > td {
	border-top-style: none;
}

/* list */
p + dl, p + ul, p + ol {
	margin-top: 0.5em;
}
dl + p, ul + p, ol + p {
	margin-top: 0.5em;
}
dl {
	margin: 0.5em;
}
ul {
	margin-left: 20px;
}
ol {
	margin-left: 35px;
}
ol ol {
	list-style-type: lower-roman;
}
dt {
	margin-top: 0.1em;
	font-weight: bold;
}
dd {
	margin-left: 3em;
}
ul {
	list-style-type: square;
}

/* linear list menu */
ul.menu {
	font-size: 85%;
	padding: 0;
	margin: 0 0 1em;
}
ul.menu li {
	list-style: none;
	float: left;
}
ul.menu li a, ul.menu li span.current, ul.menu li span.inactive {
	padding: 0.3em;
}
ul.menu li a:hover, ul.menu li a:active {
	text-decoration: none;
}
ul.menu li span.current {
}

/* big and small */
small {
	display: block;
	font-size: 70%;
}
big {
	display: block;
	margin: 0.5em 1em; /*note em here are massive!*/
	padding: 0.5em;
	border-style: dashed;
	border-width: 1px 0;
	font-size: 180%;
	position: relative;
	overflow: hidden;
}
.bgtext {
	position: absolute;
	font-size: 400%;
	top: 50%;
	right: 0;
	font-weight: bold;
	line-height: 0;
}

/* acronym and help span */
acronym {
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;*/
	cursor: help;
}
span.help {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	cursor: help;
	font-weight: normal;
	font-style: normal;
}

/* code */
code {
	font-size: 85%;
	padding: 0 0.3em;
	font-family: "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", "Anonymous", "Lucida Console", monospace;
}
.codeblock {
	white-space: pre;
	font-family: 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Anonymous, 'Lucida Console', monospace;
	border-width: 1px;
	border-style: solid;
	font-size: 80%;
	margin: 0.5em 0;
	padding: 0 0.3em;
	overflow: auto;
}
code i, .codeblock i {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
}

/* blockquote */
blockquote {
	font-size: 90%;
	margin: 0.5em 1em;
	border-left-width: 4px;
	border-left-style: dotted;
	padding-left: 0.5em;
	font-style: italic;
}
cite + blockquote {
	margin-top: 0;
}
blockquote + blockquote {
	margin-top: 1em;
}
blockquote i {
	font-style: normal;
}

/* address */
address {
	text-align: center;
	font-style: italic;
}

/* form */
button {
	background-color: transparent;
}
input, textarea, select, button, .whizzywigdiv, .htmlarea {
	font-weight: normal;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
}
textarea.preformatted {
	font-family: monospace;
	white-space: pre;
	font-size: 110%;
}
input, button, textarea, select {
	font-size: 95%;
}
input.inputtext, input.inputcheckboxradio, input.inputbutton, button.inputbutton, textarea, select {
	display: block; /* don't want to make type="hidden" ones visible */
}
input.inputtext + input.inputtext, input.inputbutton + input.inputbutton, button.inputbutton + button.inputbutton {
	margin-top: 3px;
}
label input.inputtext, label input.inputcheckboxradio, label input.inputbutton, label button.inputbutton, label select, input.inputimage {
	display: inline;
}
input.inputbutton, button.inputbutton {
	font-size: 80%;
	margin: 0 1px;
}
input.inputbutton.compact, button.inputbutton.compact {
	display: inline;
}
input.inputimage, input[type="image"] {
	background-color: transparent;
	background-image: none;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
option {
	padding: 0.05em 0.4em;
}
input, textarea, .whizzywigdiv, .htmlarea, button {
	width: 98%;
	margin: 0 5px 0 0;
}
input.small, button.small {
	width: 6em;
}
input.medium, button.medium {
	width: 10em;
}
textarea {
	height: 300px;
}
textarea.medium {
	height: 150px;
}
textarea.small {
	height: 75px;
}
input.inputcheckboxradio {
	/* note:
		firefox applies background-image to box and ignores background-color and border
		opera applies background-color to box (but if it does so you can't check it!), ignores background-image and uses border as the outline of the checkbox itself
		ie6 and 7 apply background-color to area around box, ignore background-image and put the border round the lot
	*/
		width: auto;
	height: auto;
	vertical-align: middle;
	display: inline;
}
input.inputcheckboxradio[type="radio"] {
	border: none;
}
input.inputbutton, button.inputbutton {
	width: auto;
	padding: 0;
	font-weight: bold;
}
input.inputbutton, button.inputbutton, input.inputtext, textarea, html.whizzy body, body.mceContentBody {
	padding: 0.05em 0.2em;
}
input.inputbutton.massive, button.inputbutton.massive {
	font-size: 100%;
	display: block;
	margin: 0.5em auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

/* whizzywig */
.wzmaintoolbar input, .wzmaintoolbar select {
	display: inline;
}
iframe.whizzywigframe {
	width: 100%;
	height: 350px;
}
iframe.whizzywigframe.medium {
	height: 200px;
}
iframe.whizzywigframe.small {
	height: 125px;
}
div.wzCtrl {
	background-color: #e4e4e4;
	text-align: left;
	color: black;
	padding: 0.05em;
}
div.wzCtrl select, div.wzCtrl option, div.wzCtrl input.inputtext, div.wzCtrl input.inputcheckboxradio, div.wzCtrl input.inputbutton {
	background-color: white;
	background-image: none;
	color: black;
}
div.wzCtrl input.inputbutton {
	background-color: inherit;
	border: 1px solid #666666;
}
div.whizzywigdiv, div.wzCtrl {
	clear: none;
	margin-top: 0;
}

/* form grid */
.gridform {
	border-collapse: separate;
	border-spacing: 0.1em 0.4em;
	width: 100%;
}
.gridform th, .gridform td {
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0.2em;
	font-size: 95%;
}
.gridform th {
	text-align: right;
}
.gridform td {
	text-align: left;
}
.gridform th label {
}
.gridform td label {
	display: block;
	margin-left: 0.4em;
}
.gridform td.compact label, .gridform td.compact input, .gridform td.compact select {
	display: inline;
	margin-right: 0.7em;
}
.gridform td.set {
	border-left-width: 1px;
	border-left-style: solid;
}
.gridform small {
	display: block;
}

/* gallery */
.gallerybox {
	padding: 0.5em;
	clear: both;
}
.gallerybox h2 {
	padding-top: 0;
	margin-top: 0;
}
.thumbs {
	text-align: center;
}
.thumbs a img {
	padding: 5px;
	vertical-align: middle;
}

/* misc classes */
.centre {
	margin-left: auto;
	margin-right: auto;
}
.textcentre {
	text-align: center;
}

.floatleft, .floatright {
	margin-bottom: 0.5em;
	}
.floatleft {
	float: left;
	margin-right: 0.5em;
}
.floatright {
	float: right;
	margin-left: 0.5em;
}

.right {
	text-align: right;
}

.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
	margin-top: -1px;
}

.above {
	position: relative;
	z-index: 1;
}

.warning {
	color: red !important;
	background-color: yellow !important;
	font-weight: bold !important;
}

.smallcaps {
	font-variant: small-caps;
}

.truncateh {
	width: 100%;
	overflow: hidden;
}

.hidden {
	display: none !important;
}

.boxout, .messagebox, .sidebox {
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
}

.boxout, .messagebox {
	margin: 2em auto;
}

.boxout {
	width: 90%;
}

.messagebox {
	width: 60%;
}

.sidebox {
	width: 15em;
}

.sidebox h1, .sidebox h2, .sidebox h3, .sidebox h4,
.messagebox h1, .messagebox h2, .messagebox h3, .messagebox h4 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clear {
	clear: both;
}

.googlemap {
	width: 99%;
	height: 25em;
}
	.googlemap.small {
		width: 10em;
		height: 10em;
	}
	.googlemap.large {
		width: 99%;
		height: 40em;
	}

#footer .floatleft, #footer .floatright {
	margin-bottom: 0;
}
#footer p {
	margin-top: 0;
	margin-bottom: 0;
}

.normaltext {
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", sans-serif;
}

.smalltext {
	font-size: 80%;
}

.mceEditor iframe {
	background: transparent !important;
}

.bad {
	color: red;
}


body {
		background-image: url(../images/backgroundstripes.png);
	border: 0;
	padding: 1px 0 0 0; /*padding on top to fix jquery-lightbox bug*/
	margin: 0;
	font-family: Verdana, "DejaVu Sans", sans-serif;
	color: #333333;
	font-size: 11pt;
}
body.mceContentBody {
	background-image: none;
	background-color: #ffffff;
}
body.full {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* header */
h2 {
	font-family: Georgia, "Bookman Old Style", "DejaVu Serif", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 1.8em;
}

/* link */
a:link, a:visited {
	color: #4d88a3;
}
a:hover, a:active {
	color: #155571;
}

/* horizontal rule */
hr {
	visibility: visible;
	border: none;
	border-top: 1px dashed #cccccc;
	height: 0;
	width: 90%;
	margin: 0.75em auto;
}

/* small */
small {
	font-size: 90%;
}

/* quotation */
blockquote {
			border-left: 3px solid #ddebf1;
		font-family: Georgia, "Bookman Old Style", "DejaVu Serif", serif;
	margin-bottom: 2em;
}

/* help class */
span.help {
	color: #707070;
}

/* table */
td {
	border-color: #e6e6e6;
}
.row0 td, div.row0 {
	background-color: transparent;
}
.row1 td, div.row1 {
	background-image: url(../images/1pix_lfturq_09.png);
	}
td.total {
	font-weight: bold;
	border-top-color: #ffffff;
}
td.bad {
	border-color: #e6e6e6;
}
td.total.bad {
	border-top-color: #ffffff;
}

/* form */
input, textarea, select, button {
	border-color: #b3b3b3;
}
input, textarea, select, .mceEditor iframe, button {
	background-color: white;
	color: #333333;
}
input.inputcheckboxradio {
	/* note:
		firefox applies background-image to box and ignores background-color and border
		opera applies background-color to box (but if it does so you can't check it!), ignores background-image and uses border as the outline of the checkbox itself
		ie6 and 7 apply background-color to area around box, ignore background-image and put the border round the lot
	*/
	background-image: none;
	}
input.inputbutton, button.inputbutton {
	border-color: #6299b1;
}
input.inputbutton.bad, button.inputbutton.bad {
	border-color: #b16262;
}
input.disabled, button.disabled {
	border-color: #b1b1b1;
}
input.medium, button.medium {
	width: 15em;
}

/* form grid */
.gridform td.set {
	border-left-color: #b3b3b3;
}

/* misc classes */
.bad {
	color: #333333;
}
td.bad {
	background-color: #cccccc;
}
.fadedtext {
	color: #8c8c8c;
}
.fadedtext a {
	color: #333333;
}

/* specific stuff */
#container {
	position: relative;
	margin: 1.5em auto;
	background-color: #ffffff;
	border: 1px solid #808080;
	max-width: 1200px;
}

#header {
	position: relative;
	height: 128px;
	background-color: #155571;
	color: white;
	background-image: url("../images/header_ticks_nontrans.png");
	background-position: top right;
	background-repeat: no-repeat;
}
#header #ticklogo {
	position: absolute;
	right: 10px;
	top: -13px;
}
#header #lftext {
	position: absolute;
	left: 16px;
	top: 20px;
}
#header #tagline {
	font-family: Georgia, "Bookman Old Style", "DejaVu Serif", serif;
	font-style: italic;
	position: absolute;
	bottom: 10px;
	left: 18px;
	font-size: 16px;
}
#footer {
	padding: 0.2em 0.5em;
	border-top: 1px solid #cde1ea;
	background-color: #e4eff4;
	font-size: x-small;
	color: #69828d;
}
#contentarea {
	padding: 0.5em;
	padding-left: 25%;
	min-height: 520px;
	}

.origin {
	position: relative;
}
.messagebox {
	border: 1px solid #e6e6e6;
	background-image: url(../images/1pix_lfturq_09.png);
	}
dl dt {
	font-weight: bold;
}

/* menus */
ul.menu {
	font-size: inherit;
	margin-bottom: 0;
}
ul.menu li {
	margin-right: 1em;
}
ul.menu.floatright li {
	margin-right: 0;
	margin-left: 1em;
}
ul.menu li a, ul.menu li span.current, ul.menu li a.current, ul.menu li span.inactive {
	display: block;
	border-style: none;
	padding: 0;
}

#reportbox, #brochurerequestbox {
		position: absolute;
	left: 0;
	width: 24%;
	font-size: 75%;
}
#reportbox {
	bottom: 0;
}
#brochurerequestbox {
	bottom: 15em;
}
#reportbox .sidebox, #brochurerequestbox .sidebox {
	width: auto;
	margin: 0.5em;
	background-color: transparent;
	background-image: url(../images/1pix_white_05.png);
	}
#mainmenu {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 24%;
	font-size: 90%;
	margin-bottom: 0;
			background-image: url("../images/menu_ticks.png");
		background-position: bottom right;
		background-repeat: no-repeat;
	}
#mainmenu li {
	float: none;
	position: relative;
}
#mainmenu li:first-child {
	margin-top: 0.5em;
}
#mainmenu li a, #mainmenu li span.current, #mainmenu li a.current, #mainmenu li span.inactive {
	padding: 0.3em 1em 0.3em 44px;
}
#mainmenu li a {
	color: #155571;
}
#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li span.current, #mainmenu li span.inactive {
	padding-top: 0.3em;
	color: #00080b;
}
#mainmenu li a:hover {
			background-image: url(../images/1pix_lfturq_09.png);
	}
#mainmenu li span.current, #mainmenu li a.current {
			background-image: url(../images/1pix_lfturq_06.png);
		color: white;
}
#mainmenu li a .mark, #mainmenu li span.current .mark {
	position: absolute;
	width: 41px;
	height: 20px;
			top: 50%;
		margin-top: -10px;
		left: 3px;
		background-position: top left;
}
#mainmenu li a:hover .mark, #mainmenu li a:active .mark, #mainmenu li span.current .mark, #mainmenu li a.current .mark {
	background-position: bottom left;
}

.mark.mark_index			{background-image: url("../images/menumarks/stet.png");}
.mark.mark_book				{background-image: url("../images/menumarks/bold.png");}
.mark.mark_testimonials		{background-image: url("../images/menumarks/case.png");}
.mark.mark_moreaboutbook	{background-image: url("../images/menumarks/closespace.png");}
.mark.mark_aboutcourse		{background-image: url("../images/menumarks/bolditalic.png");}
.mark.mark_freeexercises	{background-image: url("../images/menumarks/indent.png");}
.mark.mark_marks			{background-image: url("../images/menumarks/italic.png");}
.mark.mark_recommended		{background-image: url("../images/menumarks/paragraph.png");}
.mark.mark_sample			{background-image: url("../images/menumarks/smallcaps.png");}
.mark.mark_santorini		{background-image: url("../images/menumarks/space.png");}
.mark.mark_whylearn			{background-image: url("../images/menumarks/super.png");}
.mark.mark_howmuchearn		{background-image: url("../images/menumarks/dash.png");}
.mark.mark_howtoorder		{background-image: url("../images/menumarks/del.png");}
.mark.mark_help				{background-image: url("../images/menumarks/query.png");}

/* boxed list */
ul.linkboxes {
	list-style-type: none;
	margin: 0;
}
ul.linkboxes li {
	width: 46%;
	padding: 1%;
	margin: 0.5em 1% 0.5em 0;
	float: left;
	clear: left;
	font-size: 85%;
	border-width: 1px;
	border-style: solid;
	background-repeat: no-repeat;
	background-position: 5% 3px;
	min-height: 110px;
	cursor: pointer;
	text-align: right;
}
ul.linkboxes li, ul.linkboxes li p {
	text-align: right;
}
ul.linkboxes li.r {
	margin-left: 1%;
	margin-right: 0;
	background-position: 95%;
	float: right;
	clear: right;
}
ul.linkboxes li.r, ul.linkboxes li.r p {
	text-align: left;
}
ul.linkboxes li a:link, ul.linkboxes li a:visited {
	color: #d00000;
}
ul.linkboxes li:hover {
	background-color: #cde1ea;
}
ul.linkboxes li:hover a, ul.linkboxes li a:hover {
	color: #920000;
	text-decoration: none;
}
ul.linkboxes li h3 {
	font-family: Georgia, "Bookman Old Style", "DejaVu Serif", serif;
	font-size: 150%;
	font-weight: normal;
	text-align: right;
}
ul.linkboxes li.r h3 {
	text-align: left;
}

	.ms1, .ms1 a {
		color: #4154d1;
	}
	.ms1 a:hover, .ms1 a:active {
		color: #6272da;
	}
	.ps1, .ps1 a {
		color: #cd0000;
	}
	.ps1 a:hover, .ps1 a:active {
		color: #d72b2b;
	}
	.ps2, .ps2 a {
		color: #0ea200;
	}
	.ps2 a:hover, .ps2 a:active {
		color: #31b524;
	}
	.ee1u, .ee1u a {
		color: #825b31;
	}
	.ee1u a:hover, .ee1u a:active {
		color: #9b764e;
	}
	.ee1c, .ee1c a {
		color: #3cad8f;
	}
	.ee1c a:hover, .ee1c a:active {
		color: #5abda3;
	}
	.ee2u, .ee2u a {
		color: #a73c81;
	}
	.ee2u a:hover, .ee2u a:active {
		color: #b95a97;
	}
	.ee2c, .ee2c a {
		color: #8bab3d;
	}
	.ee2c a:hover, .ee2c a:active {
		color: #a0bc5b;
	}

.chapterlist {
	font-size: small;
	width: 20em;
}
.chapterlist ul, .chapterlist ol {
	margin: 0 0 0 2.5em;
}
.chapterlist ul {
	list-style-type: none;
}
.chapterlist ol {
	list-style-type: decimal;
}
.chapterlist ol.appendices {
	list-style-type: upper-roman;
}

.boxout, .messagebox, .sidebox, ul.linkboxes li {
	border-color: #afcedc;
}
.boxout, .sidebox, ul.linkboxes li {
	background-color: #e4eff4;
}

.itemforsale {
	clear: both;
	background-color: #eaf3f6;
	border: 1px solid #afcedc;
	margin: 0.5em auto;
	padding: 0.5em;
	width: 97%;
}
.itemforsale .sidebox {
	background-color: white; /*#ddebf1;*/
	text-align: center;
	width: 180px;
}

tr.dealtwith td {
	background-color: #cfc;
}
tr.notdealtwith td {
	background-color: #fcc;
}

.payment-errors {
	display: none;
	background-color: white;
	border: 1px solid #afcedc;
	color: red;
	padding: 0.5em;
	padding-left: 2em;
	margin-bottom: 0.5em;
	margin-left: 0;
}

.buy-button {
	background-color: #191;
	color: white;
	border-radius: 8px;
	border-style: none;
	cursor: pointer;
}
.buy-button:hover {
	background-color: #0a0;
}