/**
 *	Modma
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		21/08/2008
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. mootools
 *
 */
html,body {
	background-color:			#f8fae0;
}

body {
	color:						#132530;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	
}

div#header {
	background:					url(../images/bg-header.gif) repeat-x;
	height:						100px;
}

div#brands {
	background:					url(../images/bg-brands.gif) no-repeat;
	float:						right;
	height:						79px;
	margin:						10px 30px 0 0;
	/*width:						150px;*/
	width:						170px;
}

div#content {

}

div#initial-assessment {
	background:					url(../images/bg-initial-assesment.png) 50% 0 no-repeat;
}
div#diagnosis {
	background:					url(../images/bg-diagnosis.png) 50% 0 no-repeat;
}
div#assessment {
	background:					url(../images/bg-assessment.png) 50% 0 no-repeat;
}
div#management {
	background:					url(../images/bg-management.png) 50% 0 no-repeat;
}
div#review3mth {
	background:					url(../images/bg-review-3mth.png) 50% 0 no-repeat;
}
div#review6mth {
	background:					url(../images/bg-review-6mth.png) 50% 0 no-repeat;
}
div#review9mth {
	background:					url(../images/bg-review-9mth.png) 50% 0 no-repeat;
}
div#review12mth {
	background:					url(../images/bg-review-12mth.png) 50% 0 no-repeat;
}

div#footer {
	clear:						both;
	margin:						0 auto;
	padding:					1em 0;
	width:						960px;
}

div.content-container {
	margin:						0 auto;
	min-height:					890px;
	height:						auto !important;
	height:						890px;
	width:						960px;
}

div.content {

}

div.content-title {
	float: 						left;
	min-height:					890px;
	height:						auto !important;
	height:						890px;
	width:						155px;
}
div#initial-assessment div.content-title {
	width:						283px;
}


div.content-main {
	float:						left;
	min-height:					790px;
	height:						auto !important;
	height:						790px;
	overflow:					hidden;
	position:					relative;
	width:						655px;
}
div#initial-assessment div.content-main {
	position:					static;
	width:						537px;	
}
div#footer div.content-main {
	min-height:					0;
	height:						auto;
	width:						810px;
}

div.content-main-inner {
	height:						734px;
	padding:					28px 0 28px 0;
	position:					absolute;
	width:						627px;
}

div#initial-assessment div.content-main-inner {
	height:						auto;
	padding:					20px 28px 0 55px;
	position:					static;
	width:						auto;
}

div.content-main-inner.related-article {
	left:						655px;
}
div.content-main-inner.related-article iframe.content-main-inner-iframe {
	display:					none;
	height:						734px;
	width:						627px;
}

div.content-main-inner.post-feedback {
	left:						1310px;
}

div.content-side {
	float:						right;
	width:						140px;
}
div#footer div.content-side {

}

div.content-side-inner {
	padding:					28px 0;
}

div#initial-assessment div.content-side-inner {
	padding:					141px 0 28px 0;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

sup {
	background-color:			#e4e76c;
	border-bottom:				1px solid #132530;
	font-size:					10px;
	vertical-align:				super;
}

div#header h1 {
	padding:					28px 0 0 38px;
}

div.content-title h2 {
	display:					none;
}

div.content-title p {
	display:					none;
}

div.content-title hr {
	display:					none;
}

div.content-main {
	font-size:					1.1em;
	line-height:				180%;
}

div.content-main h3,
div.content-main h4 {
	font-weight:				bold;
}

div.content-main h3 {
	border-bottom:				1px solid #e4e76c;
	margin-bottom:				1em;
}
div#initial-assessment div.content-main h3 {
	border:						0;
	margin-bottom:				0;
}

div.content-main-inner h3 {
	margin-right:				28px;
}

div.content-main h4 {
	margin-bottom:				0.5em;
}

div.content-main p {
	margin-bottom:				1.8em;
}

div.content-side {
	line-height:				180%;
}

div#footer div.content-side {
	font-size:					1.1em;
}

div.content-side a.mbs,
div.content-side a.mbs:link {
	background:					url(../images/h4s/h4-mbs.gif) no-repeat;
	display:					block;
	height:						21px;
	margin:						0 0 1em;
	text-indent:				-9999px;
	width:						22px;
}

div.content-side p {
	margin-bottom:				1em;
}

/** lists/typography/links
------------------------------------------------------------------ */
div#brands a#logo-qld-government,
div#brands a#logo-qld-government:link,
div#brands a#logo-qpg,
div#brands a#logo-qpg:link {
	display:					block;
	float:						left;
	height:						49px;
	text-indent:				-9999px;
}

div#brands a#logo-qld-government,
div#brands a#logo-qld-government:link {
	background:					url(../images/logo-health-queensland-new.gif) no-repeat;
	height:						79px;
	margin-right:				27px;
	width:						67px;
}

div#brands a#logo-qpg,
div#brands a#logo-qpg:link {
	background:					url(../images/logo-gpq.gif) no-repeat;
	width:						76px;
}

a.content-up,
a.content-up:link,
a.content-down,
a.content-down:link {
	background:					url(../images/buttons/btn-arrow.gif) no-repeat;
	display:					block;
	height:						32px;
	margin-left:				30px;
	text-indent:				-9999px;
	width:						36px;
}

a.content-up,
a.content-up:link {
	background-position:		left bottom;
	margin-top:					32px;
}
a.content-up:hover {
	background-position:		left bottom;
}

a.content-down,
a.content-down:link {
	margin-top:					372px;
}

div#diagnosis a.content-down,
div#diagnosis a.content-down:link {
	margin-top:					448px;
}


div.content ul.content-navigation {
	background:					url(../images/bg-content-navigation.png) no-repeat;
	float:						left;
	height:						50px;
	margin-top:					50px;
	width:						805px;
}
div.content ul.content-navigation li {
	float:						left;
	height:						50px; 
	width:						148px;
}
div.content ul.content-navigation li.first {
	width:						129px;
}
div.content ul.content-navigation li.last {
	width:						146px;
}

div.content ul.content-navigation li a,
div.content ul.content-navigation li a:link {
	display:					block;
	height:						50px;
	text-indent:				-9999px;
}

div.content ul.content-navigation li a.overview-link,
div.content ul.content-navigation li a.overview-link:link {
	background:					url(../images/bg-content-navigation.png) 0 0 no-repeat;
	width:						129px;
}
div.content ul.content-navigation li a.overview-link:hover {
	background-position:		0 -50px;
}
div.content ul.content-navigation li a.overview-link:focus {
	background-position:		0 -100px;
}

div.content ul.content-navigation li a.related-article-link,
div.content ul.content-navigation li a.related-article-link:link {
	background:					url(../images/bg-content-navigation.png) -129px 0 no-repeat;
	width:						148px;
}
div.content ul.content-navigation li a.related-article-link:hover {
	background-position:		-129px -50px;
}
div.content ul.content-navigation li a.related-article-link:focus {
	background-position:		-129px -100px;
}
div.content ul.content-navigation li a.post-feedback-link,
div.content ul.content-navigation li a.post-feedback-link:link {
	background:					url(../images/bg-content-navigation.png) -277px 0 no-repeat;
	width:						146px;
}
div.content ul.content-navigation li a.post-feedback-link:hover {
	background-position:		-277px -50px;
}
div.content ul.content-navigation li a.post-feedback-link:focus {
	background-position:		-277px -100px;
}

div.content ul.content-navigation li a.last,
div.content ul.content-navigation li a.last:link {
	width:						146px;
}


div.content-main a,
div.content-main a:link {
	color:						#132530;
	font-weight:				bold;
	text-decoration:			none;
}
div#footer div.content-main a,
div#footer div.content-main a:link {
	background-color:			#E4E76C;
	border-bottom:				1px solid #132530;
}
div.content-main ul {
	margin-bottom:				1.65em;
}
div.content-main ul li {
	background:					url(../images/icons/icon-bullet.gif) 4px 8px no-repeat;
	padding-left:				20px;
}

div.content-main ul.document-listing {
	line-height:				200%;
}

div.content-main ul.document-listing li {
	background:					url(../images/icons/icon-document.png) 0 50% no-repeat;
}

div.content-side a,
div.content-side a:link {
	color:						#132530;
	text-decoration:			none;
}

div.content-side a.goals,
div.content-side a.goals:link {
	background:					url(../images/buttons/btn-goals.gif) no-repeat;
	display:					block;
	height:						21px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						22px;
}


div.content-side a.referral-criteria,
div.content-side a.referral-criteria:link {
	background:					url(../images/buttons/btn-referral-criteria.gif) no-repeat;
	display:					block;
	height:						21px;
	margin:						0 0 1em 1px;
	text-indent:				-9999px;
	width:						20px;
}


div.content-side a.print,
div.content-side a.print:link {
	background:					url(../images/buttons/btn-print.gif) no-repeat;
	display:					block;
	height:						22px;
	margin-bottom:				1em;
	text-indent:				-9999px;
	width:						22px;
}

div.content-side ol {
	margin-bottom:				1.65em;
}

div.content-side ol li a,
div.content-side ol li a:link {
	text-decoration:			underline;
}

div.content-side ul {
}

div.content-side ul li {
	background:					url(../images/icons/icon-circle-join.gif) 0 50% no-repeat;
	padding-left:				25px;
}
div.content-side ul li.first {
	background-image:			url(../images/icons/icon-circle-join-top.gif);
}
div.content-side ul li.last {
	background-image:			url(../images/icons/icon-circle-join-bottom.gif);
	padding-top:				1.8em;
}

div.content-side ul li a.selected,
div.content-side ul li a.selected:link {
	font-weight:				bold;
}

/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
div.content-main table tbody tr td {
	vertical-align:				top;
	padding-right:				28px;
}
/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

/** mootools
------------------------------------------------------------------ */
.tip {
	color:						#fff;
	font-size:					11px;
	line-height:				12px;
	z-index:					13000;
	width:						139px;
}
 
.tip-title {
	background:					url(../images/bubble.png) top left;
	color:						#e4e76c;
	font-weight:				bold;
	margin:						0;
	padding:					8px 8px 4px;
}
 
.tip-text {
	background:					url(../images/bubble.png) bottom right;
	padding:					4px 8px 8px;
}