/*	***********************************************				*/
/*	TMR Internet homepage specific styles					*/
/*	version: 1.0								*/
/*	Last updated: 27 May 2014						*/
/*	- TMR palette								*/
/*	- #003C69 tmr blue							*/
/*	- #e8e6cb tmr stone							*/
/*	- #7ab800 tmr teal							*/
/*	***********************************************				*/

.home #content-container
{
	width: 100%;
}
#qld-gov-au .home #content-container #content
{
	float: none;
	width: auto;
}
.home #content .box-sizing
{
	margin-left: 0;
	padding-left: 0;
}
.home #content-container .aside
{
	width: 32%;
}
.home .article
{
	clear: none;
}
.home .aside .box-sizing
{
	padding-right: 0;
}
.home #content-container #content .article
{
	width: 67%;
}
.home #primary h1,
.home #primary #pre-page-options,
.home #breaking h1,
.home #breaking #pre-page-options
{
	display: none;
}
.home #breaking
{
    margin: 0;
}
.home #breaking .box-sizing
{
    padding-bottom: 0;
}
#page-container
{
	position: relative;
}
#page-container .max-width
{
	margin-top: 300px;
}
#primary-content
{
	position: relative;
}
.home #content h1,
.home #content h2
{
	border: none;
}
.home #services-online h2
{
	margin-top: 0;
}
#storyContainer
{
	position: absolute;
	top: 0;
	left: 0;
	height: 295px;
	background-color:  #001621;
	width: 100%;
	border-top: 5px solid #fff;
}
#storyContainer .max-width
{
	margin-top: 0;

}
#storyContainer .currentStory
{
	height: 295px;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}
#storyContainer .hiddenStory
{
	display: none;
}
#storyContainer .border-fix
{
	padding-top: 15px;
}
#storyContainer .storyDetails
{
	background-color: #00223B;
	width: 300px;
	color: #fff;
	font-size: 75%;
	height: 232px;
	overflow: auto;
	margin-left: 1em;
}
#storyContainer .storyDetails h3
{
	margin: 0;
	padding: 1em 0.5em 0 0.6em;
	font-size: 180%;
}
#storyContainer .storyDetails p
{
	padding: 0.5em 1em 0 1em;
}
#storyContainer .storyDetails a,
#storyContainer .storyDetails a:link,
#storyContainer .storyDetails a:visited
{
	display: block;
	padding: 0.3em 0.5em;
	margin-left: 1em;
	background-color: #D7E8F2;
	color: #003c69;
	width: 6.5em;
	font-weight: bold;
	text-decoration: none;
}
#storyContainer .storyDetails a:hover
{
	background-color: #fff;
}
#storyContainer .storyDetails a span
{
	position: absolute;
	left: -9999em;
}
#storyContainer #storyControls
{
	position: absolute;
	top: 247px;
	width: 300px;
	z-index: 200;
	margin-left: 0.75em;
}
#storyContainer #storyControls ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	right: 0;
}
#storyContainer #storyControls ul li
{
	float: left;
}
#storyContainer #storyControls ul li a
{
	font-weight: bold;
	color: #003c69;
	text-decoration: none;
	font-size: 75%;
	display: block;
	padding: 0.3em 0.8em;
	margin-right: 3px;
	background-color: #E6EBF1;
}
#storyContainer #storyControls ul li:hover
{
	color: #E6EBF1;
	background-color: #003c69;
}
#storyContainer #storyControls ul li a:hover,
#storyContainer #storyControls ul li a.current:hover
{
	color: #E6EBF1;
	background-color: #003c69;
}
#storyContainer #storyControls ul li a.current
{
	color: #E6EBF1;
	background-color: #003c69;
    cursor: default;
}
#storyContainer #storyControls ul li a span
{
	position: absolute;
	left: -9999em;
}
#storyContainer #storyControls .controlLinks
{
	margin-left: 20px;
	position: absolute;
	right: 0;
}
#storyContainer .controlLinks a
{
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	float: left;
	background-color: #003c69;
	margin-left: 0.5em;
	position: relative;
	overflow: hidden;
}
#storyContainer .controlLinks .hidden
{
	display: none;
}
#storyContainer #leftControl
{
	background: #003c69 url("../../images/RotatingStory/Left-White.png") no-repeat center center;
}
#storyContainer .controlLinks #pauseControl
{
	background: #003c69 url("../../images/RotatingStory/Pause-White.png") no-repeat center center;
}
#storyContainer .controlLinks #playControl
{
	background: #003c69 url("../../images/RotatingStory/Play-White.png") no-repeat center center;
}
#storyContainer .controlLinks #rightControl
{
	background: #003c69 url("../../images/RotatingStory/Right-Control-White.png") no-repeat center center;
}
#storyContainer .controlLinks a span
{
	position: absolute;
	left: -9999em;
}
#contentQuickSearch
{
	margin-top: 1em;
	background-color: #00223B;
	color: #fff;
	position: relative;
}
#contentQuickSearch h2
{
	width: 15%;
	display: inline-block;
	padding-left: 0.5em;
}
#contentQuickSearch #content-search-form
{
	display: inline-block;
	width: 80%;
	position: relative;
	margin-top: 1.3em;
}
#contentQuickSearch .content-search-wrapper label,
#contentQuickSearch #content-search-form p
{
	position: absolute;
	left: -9999em;
}
#contentQuickSearch #content-search-query
{
	width: 77%;
	font-size: 120%;
	border: 5px solid #013C68;
	padding: 0.5em 0 0.5em 0.5em;
}
#contentQuickSearch #content-search-button
{
	width: 16%;
	min-width: 6.5em;
	font-size: 120%;
	border: 4px solid #013c68;
	background: #013c68 url("../../images/icon_search_L.png") no-repeat 5px center;
	color: #fff;
	padding: 0.5em 0;
	margin-left: 2px;
	cursor: pointer;
}
#lookingFor3Col
{
	position: relative;
}
#lookingFor3Col div
{
	float: left;
	width: 33.3%;
	position: relative;
}
#lookingFor3Col div .box-sizing
{
	width: auto;
	margin-left: 0;
	padding-left: 0;
}
#lookingFor3Col div:last-child .box-sizing
{
	float: right;
	margin-right: 0;
	padding-right: 0;
}
#lookingFor3Col div .box-sizing h2
{
	border-top: 5px solid #003c69;
	color: #003c69;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#lookingFor3Col div .box-sizing h2.greenLine
{
	border-top: 5px solid #7AB700;
}
#lookingFor3Col div .box-sizing h2.stoneLine
{
	border-top: 5px solid #DBD7BC;
}
#lookingFor3Col div .box-sizing h2 a
{
	display: block;
	width: 100%;
	text-decoration: none;
	margin: 0.5em 0 0.7em 0;
	padding: 0.5em 0 0 0;
}
#lookingFor3Col div .box-sizing h2 a:hover
{
	text-decoration: underline;
}
#lookingFor3Col ol,
#lookingFor3Col ul
{
	list-style-type: none;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
#lookingFor3Col li
{
	padding: 0;
	margin: 0;
}
#lookingFor3Col a
{
	text-decoration: none;
	display: block;
	padding: 0.5em 0;
	border-bottom: 1px solid #879EB0;
}
#lookingFor3Col .homeContentCollapse,
#lookingFor3Col .homeContentExpand
{
	display: none;
}
#lookingFor3Col a:last-child,
#lookingFor3Col p a,
#lookingFor3Col h2 a
{
	border-bottom: none;
}
#lookingFor3Col a:hover
{
	text-decoration: underline;
	background-color: #DAE8F3;
}
#lookingFor3Col div .box-sizing p
{
	padding: 0;
	margin: 0;
}
.home #tertiary-placeholder
{
	position: relative;
	min-height: 250px;	
}
.featured
{
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 370px;
	margin-top: 0;
	background: transparent url("../../images/ui/featured-top.png") no-repeat left 1em;
	float: left;
}
.featured h2
{
	display: inline-block;
	width: 35%;
	color: #003c69;
}
.featured h3
{
	display: inline-block;
	width: 60%;
	color: #003c69;
	font-weight: normal;
}
#facebookPost
{
	clear: both;
	text-align: right;
	padding-top: 1em;
	min-height: 5em;
	
}
.home #facebookPost h2
{
	border-top: 5px solid #7AB800;
	width: 310px;
	margin-top: 0;
	float: right;
	display: inline;
	color: #003c69;
	text-align: left;
	padding: 0.5em 0 0 40px;
	background: transparent url("../../images/content-facebook.png") no-repeat left center;
}
#facebookPost div
{
	clear: both;
	font-size: 70%;
}

/****	Extra wide screens specific styles 	****/
@media (min-width: 85em)
{
	#storyContainer .storyDetails
	{
		margin-left: 0;
	}
	#storyContainer #storyControls
	{
		margin-left: 0;
	}
}

/****	Medium screen/Tablet - landscape styles 	****/
@media (max-width: 65em)
{
	body #page-container .max-width
	{
		margin-top: 0;
	}
    #page-container #content-container #content #breaking
    {
        float: right;
        width: 36%;
    }
	#page-container #content-container .aside
	{
		width: 34%;
		float: right;
		position: relative;
        clear: both;
	}
	#content .aside .box-sizing
	{
		margin-top: 0;
		padding-top: 0;
	}
	.home #content .box-sizing
	{
		margin-left: 1.5em;
	}
	.home #content #lookingFor3Col .box-sizing
	{
		margin-left: 0;
	}
	.aside #services-online
	{
		width: 98%;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-right: 0.5em;
	}
	#page-container #storyContainer
	{
		width: 63%;
		float: left;
		height: auto;
		background-color: #fff;
	}
	#storyContainer .storyDetails
	{
		width: 100%;
		border: none;
		background-color: #fff;
		color: #000;
		margin-left: 1em;
	}
	#storyContainer .currentStory
	{
		background-size: 100%;
		background-position: center top;
	}
	#storyContainer .storyDetails h3
	{
		color: #003c69;
	}
	#storyContainer .storyDetails a, 
	#storyContainer .storyDetails a:link, 
	#storyContainer .storyDetails a:visited
	{
		background-color: #003c69;
		color: #fff;
	}
	#storyContainer #storyControls
	{
		top: 300px;
		left: 1em;
		margin-left: 0.75em;
	}
	#page-container .aside #services-online h2
	{
		margin-top: 0;
	}
	#storyContainer .border-fix
	{
		padding-top: 120px;
	}
	#storyContainer #storyControls
	{
		width: 350px;
	}
	.home #content-container #content .article
	{
		width: auto;
	}
	.home #content-container #content #primary
	{
		margin-top: 330px;
		width: 64%;
	}
	.home #content-container #content #home-tertiary
	{
		width: 100%;
		clear: both;
	}
	#contentQuickSearch #content-search-query
	{
		width: 70%;
	}
	#contentQuickSearch #content-search-button
	{
		width: 7em;
	}
	.featured
	{
		background: none;
	}

}

/****	Tablet - Portrait Styles ****/
@media (max-width: 55em)
{
	#content-container,
	#nav-section, .article, .aside, #content-container
	{
		float: none;
	}
    #page-container #content-container #content #breaking
    {
        float: none;
        width: auto;
    }
	#page-container #storyContainer
	{
		position: relative;
		top: auto;
		left: auto;
		float: none;
		width: 100%;
		height: 350px;
	}
	#page-container #content-container .aside
	{
		float: none;
		width: 100%;
		
	}
	#services-online
	{
		background: none;
	}
	.home #content-container #content #primary
	{
		width: 100%;
		float: none;
		margin-top: 1em;
	}
	#lookingFor3Col .mobile-hidden
	{
		display: none;
	}
	#lookingFor3Col div,
	#lookingFor3Col div:last-child .box-sizing,
	.home #content-container #content .article
	{
		width: 100%;
		float: none;
	}
	.home #lookingFor3Col div .box-sizing h2 a
	{
		margin-top: 0;
		border-bottom: none;
		width: 90%;
	}
	.home #lookingFor3Col div .homeContentExpand,
	.home #lookingFor3Col div .homeContentCollapse
	{
		display: block;
		position: absolute;
		right: 1.5em;
		top: 1em;
		height: 32px;
		width: 32px;
		z-index: 300;
		overflow: hidden;
		border-bottom: none;
		padding: 0;
	}
	.home #lookingFor3Col div .homeContentExpand
	{
		background: transparent url("../../images/ui/icon_expand_green.png") no-repeat center right;
		width: 110%;
		margin-top: -0.5em;
		display: block;
		padding: 0.5em 1em 0 0.5em;
	}
	.home #lookingFor3Col div .homeContentCollapse
	{
		background: transparent url("../../images/ui/icon_collapse_green.png") no-repeat center right;
		width: 100%;
	}
	#lookingFor3Col .homeContentExpand span,
	#lookingFor3Col .homeContentCollapse span
	{
		position: absolute;
		left:-9999em;
	}
	.home #lookingFor3Col a
	{
		background: none;
		padding: 0.5em 0;
		border-bottom: 1px solid #003c69;
		display: block;
		width: 100%;
		text-decoration: none;
	}
	#tertiary-placeholder .featured
	{
		position: relative;
		margin-right: 0;
		float: none;
		border-top: 4px solid #003c69;
	}
	#facebookPost
	{
		display: none;
	}
	#storyContainer .currentStory
	{
		background-size: 100%;
		background-position: center top;
	}
	#storyContainer #storyControls
	{
		left: 1em;
		width: 280px;
	}
}

/****	Mobile Styles ****/
@media (max-width: 43em)
{
	#contentQuickSearch h2
	{
		width: 100%;
		margin-top: 0.5em;
	}
	#contentQuickSearch #content-search-form
	{
		width: 100%;
		margin-top: 0;
	}
	#contentQuickSearch #content-search-query
	{
		width: 75%;
	}
	#contentQuickSearch #content-search-button
	{
		width: 20%;
		background-image: none;
	}
	.featured
	{
		background-color: #E6EBF1;
		padding: 0 0 1em 0;
	}
	#content .featured h2,
	#content .featured h3
	{
		width: 100%;
		padding: 0 0 0.2em 0;
		margin: 0;
	}
	#page-container #storyContainer
	{
		height: auto;
		margin-bottom: 2em;
	}
	#storyContainer .border-fix
	{
		padding-top: 0;
	}
	#storyContainer .currentStory
	{
		position: relative;
		height: auto;
		
	}
	#storyContainer .storyDetails
	{
		height: auto;
	}
	#storyContainer #storyControls
	{
		position: relative;
		top: auto;
		width: auto;
		left: auto;
		margin: 2em 2em 2em 0.5em;
		min-height: 3em;
	}
}
@media print
{
	body #page-container .max-width
	{
		margin-top: 0;
	}
	#page-container #storyContainer
	{
		position: relative;
		top: auto;
	}
	#page-container #storyContainer .hiddenStory,
	#page-container #storyContainer .storyDetails a span
	{
		display: inline;
	}
	body #page-container #storyContainer .currentStory
	{
		background: none;
		height: auto;
	}
	#page-container #storyContainer .storyDetails
	{
		width: 100%;
		padding: 0;
		margin: 0;
		height: auto;
	}
	#page-container #primary,
	#page-container #lookingFor3Col div
	{
		width: 100%;
		float: none;
	}
	#page-container .featured
	{
		position: relative;
		bottom: auto;
		margin-right: 0;
	}

}