/*Stylesheet CG Main v1.6.0*/ 
/*-----Main-----*/

html {
	font-size:100%;
}

body {
	background-color: 				/* $bodyBGColour */#62ADC1/* $bodyBGColour_End */;
	background-image: 				/* $bodyBGImage */url(buttons/background_image/header_title.jpg)/* $bodyBGImage_End */;
	background-repeat:				no-repeat;
	color: 							/* $bodyFontColour */#4B4B4B/* $bodyFontColour_End */;
	font-family: 					/* $fontSelect */Verdana, Geneva, sans-serif;/* $fontSelect_End */;
	font-size: 						/* $fontSize */1em/* $fontSize_End */;
	margin: 						0;
	margin-top:						70px;
}

ol {
	list-style-type: 				decimal;
}

ol ol {
	list-style-type: 				lower-alpha;
}

ol ol ol {
	list-style-type: 				lower-roman;
}

h1 {
	font-size: 						1.5em;
}

h2 {
	color: 							/* $headingH2Colour */#7DA000/* $headingH2Colour_End */;
	font-size: 						1.4em;
} 

h3 {
	color: 							/* $headingH3Colour */#B2BC51/* $headingH3Colour_End */;
	font-size: 						1.3em;
}
h4 {
	color: 							/* $headingH4Colour */#B2BC51/* $headingH4Colour_End */;
	font-size: 						1.2em;
}

h5 {
	font-size: 						1.1em;
}

h6 {
	font-size: 						1.0em;
}

img {
	vertical-align: 				middle;
}

img.leftalign {
	float: 							left;
	position: 						relative;
	padding-right: 					15px;
}

img.rightalign {
	float: 							right;
	position: 						relative;
	padding-left: 					15px;
}

bdo {
	border-bottom:					1px dotted #000;
	cursor: 						help;	
}

/*-----Links-----*/

a:link {
	color: 							/* $bodyLinkColour */#EF8E18/* $bodyLinkColour_End */;
	font-weight: 					bold;
	text-decoration: 				none;
} 

a:visited {
	color: 							/* $bodyLinkVisitedColour */#64ACB3/* $bodyLinkVisitedColour_End */;
	font-weight: 					bold;
	text-decoration: 				none;
}

a:hover {
	color: 							/* $bodyLinkHoverColour */#037884/* $bodyLinkHoverColour_End */;
	font-weight: 					bold;
	text-decoration: 				none;
}

a:active {
	color: 							/* $bodyLinkActiveColour */#037884/* $bodyLinkActiveColour_End */
}

p.caption,
span.mediacaption {
	color: 							/* $captionColour */#13B3CE/* $captionColour_End */;
	font-size: 						0.875em;
	font-weight: 					bold;
}

/*-----Tables-----*/ 

table {
	/*table fix to allow for Quirks mode in WebCT - do not delete*/
	background-color: 				transparent;
	color: 							/* $bodyFontColour */#4B4B4B/* $bodyFontColour_End */;
}

table.unbordered,
table.unbordered th,
table.unbordered td {
	padding: 						2px;
}

table.bordered {
	border: 						1px #a6a66e solid;
	border-collapse: 				collapse;
	padding: 						2px;
}

table.bordered th {
	background-color: 				/* $bodyPanelBg */#EFF7F7/* $bodyPanelBg_End */;
	border: 						1px #A6A66E solid;
	padding: 						2px;
}

table.bordered td {
	border: 						1px #A6A66E solid;
	padding: 						2px;
} 

/*-----Display Formats-----*/

div.boxtext {
	border: 						1px /* $boxTextBorder */#A3D1D1/* $boxTextBorder_End */ solid;
	margin-bottom: 					0.5em;
	margin-top: 					0.5em;
	padding-left: 					1em;
	padding-right: 					1em;
}

div.paneltext {
	background-color: 				/* $bodyPanelBg */#EFF7F7/* $bodyPanelBg_End */;
	margin-bottom: 					0.5em;
	margin-top:	 					0.5em;
	padding-left: 					1em;
	padding-right: 					1em;
}

div.quotetext {
	background:						/* $quoteTextBg */#EFF7F7/* $quoteTextBg_End */;
	color:							/* $quoteTextColour */#3790AF/* $quoteTextColour_End */;
	margin-left: 					1em;
	margin-right: 					1em;
}

div.definition {
	border: 						1px #A6A66E solid;
	margin-bottom: 					0.5em;
	margin-top: 					0.5em;
	padding-left: 					1em;
	padding-right: 					1em;
}

div.definition h3 {
	font-size: 						1.0em;
	font-weight: 					bold;
}

div.definition p {

}

/* Hides from IE5-mac \*/
div.boxtext, div.paneltext, div.quotetext, div.definition {
	height: 						1%;
}
/* End hide from IE5-mac */ 

pre.literal {

}

/*-----Questions-----*/

table.question {
	font-family: 					/* $fontSelect */Verdana, Geneva, sans-serif;/* $fontSelect_End */;
	padding: 						4px;
	width: 							95%;
}

td.qnum {
	background-color: 				/* $interSidePanelBG */#E6F3F3/* $interSidePanelBG_End */;
	color: 							/* $interSidePanelColour */#578DA5/* $interSidePanelColour_End */;
	font-size: 						2em;
	text-align: 					left;
	width: 							0.7em;
}

table.qinput {
	font-size: 						1em;
	line-height: 					1.4em;
	padding: 						8px;
	width: 							100%;
}

#feedback {
	font-family: 					/* $fontSelect */Verdana, Geneva, sans-serif;/* $fontSelect_End */;
	font-size: 						1em;
	line-height: 					1.2em;
	margin: 						8px;
	padding: 						8px;
	position: 						static;
}

#feedback p, #feedback ul, #feedback ol , #feedback table {
	font-size: 						1em;
}

.Qfeedbackgeneric {
	background-color: 				/* $interGenericBG */#AAE2E0/* $interGenericBG_End */;
	border: 						1px /* $interFeedbackBox */#FFFFFF/* $interFeedbackBox_End */ solid;
	display: 						none;
	line-height: 					1.2em;
	padding:						4px 6px;
}

.Qfeedbackcorrect {
	background-color: 				/* $interCorrectBG */#D6ED74/* $interCorrectBG_End */;
	border: 						1px /* $interFeedbackBox */#FFFFFF/* $interFeedbackBox_End */ solid;
	display: 						none;
	line-height: 					1.2em;
	padding:						4px 6px;
}

.Qfeedbackincorrect {
	background-color: 				/* $interIncorrectBG */#F4A8B9/* $interIncorrectBG_End */;
	border: 						1px /* $interFeedbackBox */#FFFFFF/* $interFeedbackBox_End */ solid;
	display: 						none;
	line-height: 					1.2em;
	padding:						4px 6px;
}

.Qfeedbackcorrect-chb2 {
	background-color: 				/* $interCorrectBG */#D6ED74/* $interCorrectBG_End */;
	display: 						none;
	line-height: 					1.2em;
	padding:						4px 6px;
}

.Qfeedbackincorrect-chb2 {
	background-color: 				/* $interIncorrectBG */#F4A8B9/* $interIncorrectBG_End */;
	display: 						none;
	line-height: 					1.2em;
	padding:						4px 6px;
}

.Qfeedbacksaved {
	background-color: 				#FC9;
	border: 						1px /* $interFeedbackBox */#FFFFFF/* $interFeedbackBox_End */ solid;
	display: 						none;
	line-height: 					1.2em;
	padding:						4px 6px;
}

#feedback TABLE {
	font-size: 						1em;
}
 
/*-----Popups-----*/

#popup {
	font-family: 					/* $fontSelect */Verdana, Geneva, sans-serif;/* $fontSelect_End */;
	line-height: 					1.2em;
	margin: 						8px;
	padding: 						8px;
	position: 						static;
}
 
/*-----Header-----*/

#header {
	background-color: 				/* $headingH1BGColour */#3790AF/* $headingH1BGColour_End */;
	font-size: 						1.2em;
	font-weight: 					bold;
	padding:						4px 6px;
	padding-bottom:					10px;
	min-height:						26px;
	height:							auto !important;
	height:							26px;
}

#header h1 {
	color: 							/* $headingH1Colour */#EFF7F7/* $headingH1Colour_End */;
	display: 						inline;
	font-size: 						1.1em;
	font-weight: 					normal;
	letter-spacing: 				0.06em;
}

#header a:link, #header a:hover, #header a:visited, #header a:active {
	background:						transparent;
} 

/*-----Logo-----*/

#logo {
	position: 						relative;
	padding-left: 					4px;
	padding-right: 					4px;
} 

/*-----Index-----*/

#index {
	font-family: 					/* $fontSelect */Verdana, Geneva, sans-serif;/* $fontSelect_End */;
	padding-left: 					12px;
}

#index a:link, #index a:visited {
	color: 							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
	font-weight: 					normal;
	padding-top: 					3px;
	padding-bottom: 				3px;
	text-decoration: 				none;
}

#index a:hover {
	background-color: 				/* $tocLinkHoverBGColour */#4FA1BA/* $tocLinkHoverBGColour_End */;
	color: 							/* $tocLinkHoverColour */#FFFFFF/* $tocLinkHoverColour_End */;
	font-weight: 					normal;
}

#index h2 {
	color: 							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
	font-size: 						1.05em;
}

#index ol {
	line-height: 					1.7em;
}

#index ol.section {
	line-height: 					1.7em;
	list-style-type: 				decimal;
}

#index ol.section ol {
	list-style-type: 				lower-alpha;
}

/*-----Table of Contents-----*/

td#maintable-toc {
	border-bottom: 					1px /* $bodyDottedLine */#3790AF/* $bodyDottedLine_End */ dashed;
}

td#maintable-content {
	border-left: 					1px /* $bodyDottedLine */#3790AF/* $bodyDottedLine_End */ dashed;
	border-bottom: 					1px /* $bodyDottedLine */#3790AF/* $bodyDottedLine_End */ dashed;
}

#toc {
	background-color: 				/* $bodyBGColour */#62ADC1/* $bodyBGColour_End */;
	font-family: 					/* $fontSelect */Verdana, Geneva, sans-serif;/* $fontSelect_End */;
	color: 							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
	padding-right: 					0;
	margin-top:						20px;
}

#toc h2 {
	font-size: 						1.05em;
	font-weight: 					bold;
	text-align: 					center;
}

#toc a:link, #toc a:visited {
	background-color: 				/* $bodyBGColour */#62ADC1/* $bodyBGColour_End */;
	color: 							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
	display: 						block;
	font-weight: 					normal;
	padding-top: 					3px;
	padding-bottom: 				3px;
	text-decoration:				none;
}

#toc a:hover {
	background-color: 				/* $tocLinkHoverBGColour */#4FA1BA/* $tocLinkHoverBGColour_End */;
	color: 							/* $tocLinkHoverColour */#FFFFFF/* $tocLinkHoverColour_End */;
	font-weight: 					normal;
}

#toc li {
	text-indent: 					0;
	text-align: 					left;
}

/*
#toc #toc-title {
/* $tocLinkColour color: #2F4C0D;/* $tocLinkColour_End 
}
*/

#toc ol {
	list-style-type: 				decimal;
}

#toc ol ol {
	list-style-type: 				lower-alpha;
}

#toc ol.section {
	list-style-type: 				decimal;
}

#toc ol.section ol {
	list-style-type: 				lower-alpha;
}

li.currentpage {
	color: 							/* $tocCurPageColour */#FFFFFF/* $tocCurPageColour_End */;
	font-weight: 					bold;
}

div.currentpage {
	color: 							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
	font-weight: bold;
}

/*-----Main Content-----*/

#main-content-withtoc {
	background-color: 				/* $bodyContentBg */#FFFFFF/* $bodyContentBg_End */;
	margin:							10px;
	padding-top:					1px;
	padding-left:					10px;
	padding-right:					10px;
	padding-bottom:					10px;
}

#main-content-notoc {
	margin-bottom: 					20px;
	margin-left: 					10px;
	margin-right: 					10px;
	padding-left: 					20px;
	padding-right: 					20px;	
} 

/*-----Footer-----*/

#footer-withtoc {
	font-size: 						0.9em;
	margin:							10px 10px 10px 180px;	
	padding:						4px 6px;
	position: 						static;
	text-align: 					center;
	color:							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
}

/* Hides from IE5-mac \*/
* html #footer-withtoc {
	height: 						1%;
}
/* End hide from IE5-mac */ 


#footer-notoc {
	border-top: 					1px /* $bodyDottedLine */#3790AF/* $bodyDottedLine_End */ dashed;
	font-size: 						0.9em;
	margin:							10px;
	padding:						4px 6px;
	position: 						static;
	text-align: 					center;
	color:							/* $tocLinkColour */#FFFFFF/* $tocLinkColour_End */;
}

/* Hides from IE5-mac \*/
* html #footer-notoc {
	height: 						1%;
}
/* End hide from IE5-mac */ 

#footer a:link, #footer-withtoc a:link, #header a:hover, #header a:visited, #header a:active {
	background:						transparent;
}

#bottom-nav {
	bottom: 						0;
	padding:						4px 10px 4px 4px;
	position: 						absolute;
	right: 							10px;
}

.floatright {
	display: 						inline;
	float: 							right;
	margin-top: 					10px;
	margin-left: 					10px;
}

.floattopright {
	display: 						inline;
	float: 							right;
	margin-top: 					0;
	margin-left: 					10px;
}

/*-----Longdescriptions-----*/

#longdesc {
	margin: 						10px;
}

/*-----Accordion CSS-----*/

.accord {
	border: 						2px solid /* $accordBorderColour */#FFFFFF/* $accordBorderColour_End */;
	border-bottom: 					1px solid /* $accordBorderColour */#FFFFFF/* $accordBorderColour_End */;
	margin: 						2em auto;
	width: 							90%;
}

.accordTitle a {
	background: 					/* $accordTabBG */#E0EFEF/* $accordTabBG_End */;
	border-bottom: 					1px solid /* $accordBorderColour */#FFFFFF/* $accordBorderColour_End */;
	border-top: 					1px solid /* $accordBorderColour */#FFFFFF/* $accordBorderColour_End */;
	color: 							/* $accordTitleColour */#4B4B4B/* $accordTitleColour_End */!important;
	display: 						block;
	padding: 						0.5em;
	text-decoration: 				none;
}

.accordActive a {
	background: 					/* $accordActiveTabBG */#D8E7F1/* $accordActiveTabBG_End */;
	border-bottom: 					1px solid /* $accordBorderColour */#FFFFFF/* $accordBorderColour_End */;
	border-top: 					1px solid /* $accordBorderColour */#FFFFFF/* $accordBorderColour_End */;
	color: 							/* $accordActiveTitleColour */#045F66/* $accordActiveTitleColour_End */!important;
}

.accordContent {
	background: 					/* $accordBG */#FFFFFF/* $accordBG_End */;
	color: 							/* $accordContentColour */#045F66/* $accordContentColour_End */;
	padding: 						0.5em;
}

.accordOptions {
	display: 						none;
	float: 							right;
	padding: 						0.5em;
}

.accordOptions a {
	color: 							/* $accordOptionsColour */#E0EFEF/* $accordOptionsColour_End */!important;
	text-decoration: 				none;
}

/*----- Click and reveal -----*/

.sh_toggle, .shGen {
	display: 						block;
	background: 					url(buttons/tab_down.gif) top center no-repeat;
	margin-bottom: 					0;
	outline: 						none;
	padding-bottom: 				10px;
	text-decoration: 				none;
	height:							/* $buttonTabsHeight */19px/* $buttonTabsHeight_End */;
}

.sh_toggle.ch {
	background: 					none;
	display: 						inline;
	text-decoration: 				underline;
}

.sh_toggle.down, .shGen.down {
	background: 					url(buttons/tab_up.gif) top center no-repeat;
}

/*----- $Icons -----*//*----- $Icons_End -----*/