/*
 * File:		Formatting.css
 * Purpose: 	Controls the formatting of the document headings, paragraphs
 *				links, tables, etc, but not forms
 * Notes:		Certain trade-offs have been made (e.g. using classes and ids
 *				instead	of poorly supported pseudo-selectors). The blockquote 
 *				and li rules contain an examples of these trade-offs.
 *				Also, the CSS3 display property "inline-block" has been used,
 *				but mostly for IE, as it behaves differently under Webkit and
 *				Gecko.
 * 
 * Configuration Management
 * CRN	Who			When			Description
 * -----------------------------------------------------------------------------
 * ---	L.Morton	18-Oct-2005		Initial document
 * ---	L.Morton	21-Oct-2006		Added hanging punctuation
 * ---	L.Morton	24-Nov-2006		Formatting and comments
 * ---	L.Morton	01-Mar-2007		Webkit fixes
 *
 */

/*
 * Document wide font formatting. 75% of normal should equate to 12pt.
 */
body 
{
	font: 75%/1.5 Arial, Helvetica, sans-serif;
	color: #333;
}

/*
 * General markup formatting
*/
h1, h2, h3, h4 
{ 
	font-family: "Trebuchet MS", sans-serif; font-weight: normal; 
	color: #036;
}
h1, .header
{
	margin: 0 -28px; padding: 0 28px;
	background: #df6d15;
	color: #fff;
}
h1
{
	padding-top: 0.5em; padding-bottom: 0.25em;
}
.header
{
	padding-top: 0.75em; padding-bottom: 0.75em;
}
.last
{
	padding-bottom: 0.75em; /* 1/2 of the leading (line-height) */
}
.first
{
	margin-top: 0; margin-left: -28px; margin-right: -28px;
	padding-top: 0.75em;  /* 1/2 of the leading (line-height) */
	padding-left: 28px; padding-right: 28px;
	border-top: 2px #fff solid;
}
h2.first
{
	padding-top: 1.25em;
}
h1 
{ 
	font-size: 2em;
	background: #df6d15 url("/images/backgrounds/OrangeBg.png") repeat-x bottom;
}
h2 
{ 
	line-height: 0.857; /* line-height (18) / font-height (21) */
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.75em; 
}
h3 
{
	line-height: 0.98; /* line-height (18) / font-height (18) */
	margin-top: 1em;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.5em;
}
h4, .job-title 
{ 
	line-height: 1.287; /* line-height (18) / font-height (14) */
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.17em; 
}
p, ul, ol, dl
{
	margin: 1.5em 0;
}
blockquote 
{
	padding: 0; margin: 0;
	background: url("/images/icons/QuoteCloseBlue.gif") 100% 100% no-repeat;
	font-family: Georgia, serif;
	color: #555; 
}
blockquote p 
{ 
	background: url("/images/icons/QuoteOpenBlue.gif") 0% 0% no-repeat; 
}
/* IE ignores the pseudo selectors or child selectors with blockquote */
body > blockquote 
{ 
	background: none; 
}
blockquote > p 
{ 
	background: none;
	text-indent: -1.1em; 
}
blockquote:lang(en) 
{ 
	quotes: "\201C" "\201D"; 
}
blockquote p:before, p:after 
{
	font-size: 2em; line-height: 0.6em; vertical-align: bottom;	
	color: #c60;
}
blockquote p:before 
{ 
	margin-right: 0.1em; 
	content: open-quote; 
}
blockquote p:after 
{ 
	content: no-close-quote; /* Decrement quoting level for Opera */
}
/* Could use :last-child, but only Gecko supports it */
blockquote p.last-child:after 
{ 
	margin-left: 0.1em; 
	content: close-quote; 
}
cite {
	text-align: right;
	display: block;
}
kbd {
	padding: 0px 3px 0px 3px;
	border-top: #bbb solid 1px;	border-left: #aaa solid 2px;
	border-right: #aaa solid 3px; border-bottom: #888 solid 3px;
	background: #eee;  
	font: 0.8em verdana, sans-serif;
}
acronym, abbr, html\:abbr
{ 
	cursor: help; 
}
acronym 
{ 
	speak: normal; 
	border-bottom: 1px dashed #c60;
}
abbr
{ 
	speak: spell-out; 
	border-bottom: 1px dotted #c60;
}
code 
{ 
	font-family: Courier, monospace; font-size: 1em; 
	color: #c60;
}
pre 
{ 
	margin-left: 30px; margin-right: 30px; padding: 1em; 
	border: solid #fff 1px; background: #e3f3fc;
	font-family: Courier, monospace;
}
ul, ol, dd
{ 
	margin-left: 0; padding-left: 0; 
}
ul, ol
{
	color: #c60; 
}
/* 
 * This should be li > span, but IE doesn't support the child selector.
 * Also, colouring of bullets must be removed for the official Mater CSS.
 */
#divContent li span 
{ 
	color: #333;
}
ul li 
{ 
	list-style-type: disc; 
}
ul li li 
{ 
	list-style-type: circle; 
}
ul li li li 
{ 
	list-style-type: square; 
}
ol li
{
	list-style-type: decimal;
}
ol li li
{
	list-style-type: lower-alpha;
}
ol li li li
{
	list-style-type: lower-roman;
}
dt
{
	font-weight: bold;
}
dt span.subtitle
{
	font-weight: normal;
}
address
{
	font-style: normal;
}

/*
 * Generic Class formatting
 */
.hidden 
{
	width: 0; height: 0; margin: 0; padding: 0;
	border: none; overflow: hidden;
}
.left 
{
	float: left; width: auto; 
}
.right 
{ 
	float: right; width: auto; 
}
.centre
{
	display: block;
	margin-left: auto; margin-right: auto;
}
.clear
{
	clear: both;	
}
.nowrap
{
	white-space: nowrap;
}
.wrap
{
    white-space: normal;   
}
.accesskey 
{ 
	text-decoration: underline; 
}
.supplementary
{
	color: #c60;
	text-align: right;
}
.asterisk
{
	font-size: 1.5em;
	font-weight: bold;
	color: #c60;
}
.mandatory
{
	color: #c60;
}
.smaller
{
	font-size: 0.88em; line-height: 0.88em;
}
.larger
{
	font-size: 1.13em; line-height: 1.13em;
}
.close-below
{
	margin-bottom: 0;
}
.close-above
{
	margin-top: 0;
}
.line-above
{
	margin-top: 1.25em;
}
.line-below
{
    margin-bottom: 1.25em;
}
/* Hints that appear next to form controls */
p.hint
{
	float: right; width: 45%;
	margin: 1.5em 0 0 0; padding: 0 0 0 20px;
	font-weight: normal; text-align: left; color: #666;
	background: url("/images/icons/BgLeftBracket.gif") no-repeat 0% 50%;
}
div.column 
{
	width: 46%; display: inline; margin: 0 0 0 -28px; padding: 0 0 0 28px;
}
div.information
{
	margin: 0 -28px; padding: 0 70px 0 28px;
	border-top: solid 2px #fff; border-bottom: solid 2px #fff;
	background: #d9ebff url("/images/icons/Information.png") 96% 50% no-repeat;
}
div.warning
{
	margin: 0 -28px; padding: 0 70px 0 28px;
	border-top: solid 2px #fff; border-bottom: solid 2px #fff;
	background: #ffffb2 url("/images/icons/Warning.gif") 96% 50% no-repeat;
}
div.information h2, div.warning h2
{
    padding-top: 1.25em;
}


ul.inline, ul.inline li, ol.inline, ol.inline li
{
	padding: 0px; margin: 0px 0.1em 0px 0px; 
	display: inline; list-style-type: none; 
}
ul.paging a, ul.paging span
{
	padding: 0 0.3em;
}
ul.no-list-item li
{
	list-style-type: none;
}
p.inline
{
	display:inline;
}
p.paging
{
	 padding-right:1em; margin-right:0.5em; 
	 border-right:solid 1px;
}

/*
 * Microformat rules
 */
/* The email microformat rule is below in link formatting */
.tel
{
	white-space: nowrap;
	letter-spacing: 0.05em;
}

/*
 * Horizontal rule formatting
 */
div.hr
{
	clear: both; height: 1.35em; margin: 0;
	border-top: 2px #e0e0e0 dashed; 
}
div.copy-break
{
	height: 0;
}

/*
 * Img formatting
 */
img 
{
	padding: 5px;
	/* !important because ASP.NET insists on rendering a border-width of 0 for images */
	background: #e3f3fc;	
	border: 1px solid #fff !important;
}
img.right, #divContent a.right 
{ 
	margin: 0 0 2px 10px; 
}
img.left, #divContent a.left 
{ 
	margin: 0 10px 2px 0; 
}
a:link img 
{ 
	background: #b5d0df; 
}
a:visited img 
{ 
	background: #d6c7db; 
}
a:hover img, a:focus img, a:active img 
{ 
	background: #efd1b3; 
}
img.none
{
	padding: 0; 
	background: none; 
	border: none !important;
	vertical-align: middle;
}

/*
 * Definition list for images with captions
 */
dl.right 
{ 
	margin: 0 0 0 10px; 
}
dl.left 
{ 
	margin: 0 10px 0 0; 
}
dl.image dt 
{ 
	width: auto; margin: 0 auto; 
}
dl.image dd 
{
	margin: -5px 0 5px 0; padding: 5px 0;
	font-size: 0.8em; text-align: right;
}
dl.image dd a, dl.image dd span 
{ 
	display: block !important;
	display: inline-block;
	padding: 5px;
}

/*
 * Link formatting
 */
a:link 
{ 
	color: #036; 
}
a:visited 
{ 
	color: #748; 
}
a:hover, a:focus, a:active 
{ 
	color: #c60; 
}
/*
IE7 gets its display value for these from IE7.css
*/
a:link.external, a:visited.external 
{ 
	display: inline !important;
	display: inline-block;
	padding-right: 18px; 
	background: url('/images/icons/ExternalLink.gif') no-repeat 99% 50%; 
}
/* This is also a micro format rule */
a:link.email, a:visited.email 
{ 
	display: inline !important;
	display: inline-block;
	padding-right: 25px; 
	background: url('/images/icons/Email.png') no-repeat 99% 50%; 
}
a:link.pdf, a:visited.pdf 
{ 
	display: inline !important;
	display: inline-block;
	padding-right: 18px; 
	background: url('/images/icons/PDF.png') no-repeat 99% 50%; 
}
a:link.doc, a:visited.doc 
{ 
	display: inline !important;
	display: inline-block;
	padding-right: 18px; 
	background: url('/images/icons/Document.png') no-repeat 99% 50%; 
}
a:link.enlarge, a:visited.enlarge 
{ 
	display: inline !important;
	display: inline-block;
	padding-right: 20px; 
	background: url('/images/icons/Enlarge.png') no-repeat 99% 50%;
}
/*a:link.reduce, a:visited.reduce 
{ 
	display: inline-block;
	padding-right: 17px; 
	background: url('/images/icons/Reduce.png') no-repeat 99% 50%;
}*/
/* This is part of a test because some people are too fucking stupid to understand abbreviations */
/*abbr[title]:before
{
    content: "" attr(title) " (";
}
abbr[title]:after
{
    content: ") ";
}*/

/*
 * Table formatting
 */
table 
{
	clear: both; margin: 0.5em auto; padding: 5px;
	border: solid 1px #fff; background: #e3f3fc;
}
thead th, tbody th, tfoot th 
{
	font-weight: normal; font-family: "Trebuchet MS", sans-serif;
}
thead th 
{
	background: #df6d15 url("/images/backgrounds/OrangeGlossBg.png") repeat-x left 50%;
	color: #fff; 
}
tbody th 
{
	background: #ccc;
	text-align: left;
	vertical-align: top;
}
tbody td 
{
	vertical-align: top;
	background: #fff;
}
tfoot td 
{
	background: #ccc;
	text-align: right;
}
td, th 
{
	padding: 0.25em 1em;
}
caption 
{
	caption-side: bottom; width: auto;  margin: auto; padding-top: 5px;
	font-size: 0.8em; 
}
td.right
{
    text-align: right;
    float: none;
}

/*
 * Table of contents formatting
 */
table.contents
{
	margin: 0; padding: 0;
	border: none; background: none;
	border-collapse: collapse;
}
table.contents thead th, table.contents tbody th, table.contents tfoot th 
{
	font-weight: normal; font-family: Arial, Helvetica, sans-serif;
}
table.contents thead th 
{
	background: none;
	color: #333; 
}
table.contents tbody th 
{
	background: none;
	text-align: right;
	vertical-align: top;
	border-right: 2px dashed #e0e0e0;
}
table.contents tbody td 
{
	vertical-align: top;
	background: none;
}
table.contents tfoot td 
{
	background: none;
	text-align: right;
}
table.contents td, table.contents th 
{
	margin: 0; padding: 0 1em;
}
table.contents tr.odd, table.contents td.odd, table.contents th.odd
{	
	background: #e6e6e6;
}
table.contents tr.even, table.contents td.even, table.contents th.even
{	
	background: #fff;
}



body.iframe h1
{
	border-bottom: 2px #fff solid;   
}
iframe
{
    margin-top: 1.5em;
}




/* Added by L.McConachie 14-1-10 */

table.form {border:0;
		margin-left:40px;}
		
.form input {display:inline;}

#ct100_cphCopy_EnglishTestStatus input, #ct100_cphCopy_EnglishTestStatus label {
			display:inline;}