<style type="text/css">
/* responsive styles for interim design */

#top_menu_top_row #nav_mobile_open, #left_nav_mobile_open {
	display:none;
}

#top_menu_top_row #nav_mobile_open a, #left_nav_mobile_open a {
	padding-left:50px;
	display:none;
	width:auto;
	background-image:url('mobile-menu-icon.png');
	background-repeat: no-repeat;
	background-position: 21px 9px;
	background-color: transparent;
}

div.video-wrapper object, div.video-wrapper span, div.video-wrapper iframe, div.video-wrapper script {
	width: 100% !important;
/*	height: 500px; !important;*/
	overflow:visible;
}

div.video-wrapper
{
	width: 100% !important;
}

/* full sizes - amendments to standard styles */

/*pre {
	white-space: pre-wrap;  
	word-wrap:break-word;
}*/

/* desktop-only sizes */
@media all and (min-width:987px) {

	#left_menu
	{
		display:block !important;
	}
	
	div#site-search-responsive
	{
		display:none !important;
	}

}

/* mid sizes */
@media all and (max-width: 987px) and (min-width: 581px) {
	
	/* PAGE LAYOUT */

	/* navigation */
	#navigation {
		width: auto;
		min-width:0;
	}
	
	#top_menu_top_row, #top_menu_bottom_row {
		margin: 0 auto;
		padding:0;
		width: auto;
		overflow:auto;
	}
	
	#international_menu, #futurestudents_menu, #research_menu {
		width: 100%;
		clear:both;
	}
	
	#international_menu li, #futurestudents_menu li, #research_menu li {
		float: left;
	}
	
	/* page structure */
	#main {
		clear:both;
		width:auto;
	}
	
	#container {
		margin: 0 auto;
		width: 100%;
	}
	
	#wrapper, #wrapper-sidebar, #wrapper-sidebar-small, #wrapper-sidebar-no-navcol {
		width: auto;
		min-height:none;
		background:none;
	}
	
	div#column {
		border-bottom:none;
		background:none !important; /* override site specific styles */
	}
	
	/* banner */
	#banner-small, #banner-small > div {
		overflow:hidden;
		position:relative;
	}
	
	#banner-small p#pagetitle span, div#page-title span {
		display:none;
	}
	
	#banner p#pagetitle, #banner-small p#pagetitle, div#page-title h1 {
		font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;
		font-size: 24px !important; /* override site specific styles */
		padding:17px 0 0 20px;
		width:auto;
		text-shadow: 0px 1px 1px #333;
		color:#FFFFFF;
	}
	
	/* left nav */	
	div#navcol { 
		width:23%;
		max-width: 180px;
	}
	
	#left_menu {
		display:block !important;
		width:auto;
	}
	
	div#site-search-responsive
	{
		display:none !important;
	}
	
	/* variable width templates with sidebar */
	#wrapper-sidebar-small div#content-col-sidebar { 
		width:70%;
		max-width:565px;
	}
	
	/* variable with templates without sidebar */
	div#content-col {
		width:73%;
		max-width:765px;
	}
	
	/* variable width templates with sidebar and no nav */
	#wrapper-sidebar-no-navcol div#content-col-sidebar { 
		width:90%;
		max-width:715px;
		margin-left:4%;
	}
	
	/* push sidebar down above footer */
	div#sidecol, div#sidecol, #wrapper-sidebar-small div#sidecol, #wrapper-sidebar-no-navcol div#sidecol {
		clear:both;
		float:none;
		width:auto;
		background:#F5F2EB;
		padding:10px;
		border-top:1px solid #ECE6D8;
	}
	
	/* hide promo tiles */
	#insert-promotile {
		display:none;
	}
	
	/* footer */	
	#footer {
		width: auto;
		min-width:0;
	}
	
	#foot {
		width: auto;
		min-width:0;
	}	
	
	/* STANDARD CONTENT ITEM STYLES */
	
	/* div panels */
	div.panels ul {
		padding-left:0;
	}
	
	/* block list */
	.block-list li {
		width:90%;
	}
	.block-list li a {
		width:auto;
	}
}

/* Too narrow to display global search in top nav */
@media all and (max-width: 885px) and (min-width: 581px) {
	#global-search-li{
		display:none;
	}
}

/* wrap banner text */
@media all and (max-width: 720px) and (min-width: 581px) {
	#banner p#pagetitle, #banner-small p#pagetitle {
		float:none;
	}
	
	#banner-small p#search, #banner-small div#search {
		display:none;
	}
	
	#banner p#banner-logo, #banner-small p#banner-logo {
		margin-right:20px;
	}
}

/* make top nav bottom row narrower when just wider than mobile */
@media all and (max-width: 700px) and (min-width: 581px) {
	#top_menu_bottom_row li a {
		padding:0 7px;
	}
}

/* mobile sizes */
@media all and (max-width: 580px) and (min-width: 0px) {
	
	/* PAGE LAYOUT */
	
	/* navigation */
	/*
	#navigation {
		padding:3px 0;
		min-width:0;
	}
	#navigation, #top_menu_top_row, #top_menu_bottom_row {
		width:auto;
	}
	#top_menu_top_row li {
		display:block;
	}
	#top_menu_top_row li a {
		height:auto;
		min-height:24px;
		text-align:left;
		padding:6px 0 0 30px;
		width:50%;
	}
	#top_menu_bottom_row li {
		float:none;
	}
	#top_menu_bottom_row li a {
		height:auto;
		min-height:24px;
		font-size:14px;
		padding-top:2px;
		padding-bottom:3px;
		padding-left:30px;
		text-align:left;
		width:70%;
	}
	#top_menu_bottom_row:last-child li a {
		height:auto;
		min-height:24px;
	}
	
	#top_menu_top_row, #top_menu_bottom_row {
		margin:0;
		padding:0;
		width: auto;
		overflow:auto;
	}
	
	#top_menu_top_row {
		margin-bottom:3px;
	}
	
	#navigation.mobile_nav_shut li {
		display:none;
	}
	#navigation.mobile_nav_shut #open_nav_on_mobile_li {
		display:block;
	}
	#navigation.mobile_nav_open #open_nav_on_mobile_li {
		display:none;
	}
	
	#top_menu_bottom_row li:first-child a {
		padding-left:30px;
	}
	
	#top_menu_bottom_row li a.selected {
		background:none;
	}
	
	#nav_li_home {
		float: none;
		padding-left: 25px;
	}*/
	
	/* 2nd level nav */
	/*
	#international_menu, #futurestudents_menu, #research_menu {
		width: auto !important;
		clear:both;
		float:none !important;
		margin:10px !important;
	}
	#international_menu li, #futurestudents_menu li, #research_menu li {
		display:block !important;
		float: none;
	}
	#international_menu li a, #futurestudents_menu li a, #research_menu li a {
		float:none !important;
	}
	*/
	#navigation
	{
		display:none;
	}
	
	/* collapsible nav */
	/*
	#navigation.hide_nav_on_mobile ul, #navigation.hide_nav_on_mobile li {
		display:none;
	}
	
	#navigation.hide_nav_on_mobile #top_menu_top_row, #navigation.hide_nav_on_mobile, #top_menu_top_row #nav_mobile_open, #left_nav_mobile_open, #top_menu_top_row #nav_mobile_open a, #left_nav_mobile_open a {
		display:block;
	}
	*/
	#left_nav_mobile_open {
		display:block;
		width: auto;
		margin-right: -10px;
		margin-left: -10px;
	}
	
	#left_nav_mobile_open a {
		display:block;
		padding-top: 15px;
		padding-bottom: 15px;
		text-decoration: none;
		color: #61380C;
		background-color: #F9F7F3;
		background-position: 21px 14px;
	}
	
	div#site-search-responsive
	{
		display:block;
	}
		
	/* page structure */
	#main {
		clear:both;
		width:auto;
	}
	
	#container {
		margin: 0 auto;
		width: auto;
	}
	
	#wrapper, #wrapper-sidebar, #wrapper-sidebar-small, #wrapper-sidebar-no-navcol {
		width: auto;
		min-height:none;
		background:none;
	}
	
	div#column {
		border-bottom:none;
		background:none !important; /* override site specific styles */
	}
	
	/* banner */
	#banner-small, #banner-small > div {
		overflow:hidden;
		position:relative;
		height:auto;
	}
	
	#banner-small p {
		height:auto;
	}
	
	#banner-small p#pagetitle span, div#page-title span {
		display:none;
	}
	
	#banner p#pagetitle, #banner-small p#pagetitle, div#page-title h1 {
		font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif;
		font-size: 18px !important;
		padding: 10px;
		width:auto;
		text-shadow: 0px 1px 1px #333;
		color:#FFFFFF;
	}
	
	#banner p#banner-logo, #banners p#banner-logo, #banner-small p#banner-logo, #banner-small-no-back p#banner-logo, div#banner-logo {
		border:none !important; /* override interim border additions */
	}
	
	#banner-small p#banner-logo, div#banner-logo {
		background: url("//www.swinburne.edu.au/images/banners/swinburne_logo_small.gif") no-repeat scroll 0 0 transparent; /* TODO - move to normal site */
		height: 45px;
		width: 90px;
	}
	
	div#banner-logo {
		width:90px !important;
		padding: 0px;
	}
	
	div#banner-logo img {
		display:none;
	}
	
	div#page-title
	{
		padding:0px !important;
		margin: 0px !important;
		display:inline !important;
		float:none !important;
	}
	
	#search {
		display:none;
	}
	
	/* left nav */
	div#navcol {
		float: none;
		margin: 10px 10px 0;
		width: auto;
		border:none;
	}
	
	#left_menu {
		display:none;
		width:auto;
		padding:0 !important; /* override site specific styles */
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	
	.left_menu_slide
	{
		display:none;
		width:auto;
		/*
		position:absolute;
		left: 0;
		top: 30;
		width: 150px;
		*/
	}
	
	#left_menu ul {
		padding-top:2px;
		margin-left: 0px;
	}
	
	#left_menu ul li a, #left_menu ul li ul li a, div.search-responsive
	{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	#left_menu ul li a
	{
		background-position: 15px 19px !important;
	}
	
	#left_menu ul li ul li a
	{
		background-position: 27px 19px !important;
		padding-left: 7px;
	}
	
	#left_menu ul li a, #left_menu ul li ul li a, #left_nav_mobile_open a, div.search-responsive {
		font-size: 1.2em !important;
	}
	
	/* variable width templates with sidebar */
	#wrapper-sidebar-small div#content-col-sidebar, div#content-col, #wrapper-sidebar-no-navcol div#content-col-sidebar {
		width:auto;
		max-width:auto;
		margin:0;
		padding:10px 20px;
		min-height:300px;
		float:none;
	}
	
	/* push sidebar down above footer */
	div#sidecol, div#sidecol, #wrapper-sidebar-small div#sidecol, #wrapper-sidebar-no-navcol div#sidecol {
		clear:both;
		float:none;
		width:auto;
		background:#F5F2EB;
		padding:10px;
		border-top:1px solid #ECE6D8;
	}
	
	/* hide promo tiles */
	#insert-promotile {
		display:none;
	}
	
	/* footer */
	#footer {
		width: auto;
		min-width:0;
	}	
	#foot {
		overflow:auto;
		width:auto;
		padding:0;
		margin:0;
		border-bottom:none;
	}	
	#foot ul {
		width:auto;
		padding:10px 10px 10px 20px;
	}	
	#foot ul li {
		border:none;
		float:none;
		height:auto;
		border:none;
		padding:0;
		padding:3px;
		border-right: 0px solid #666;
		line-height: 1.2em;
	}
	#foot ul li a {
		text-decoration:none;
		border-right:0;
		border-right: 0px solid #666;
	}
	#foot ul:last-child {
		border-top: 1px solid #999999;
	}
	
	/* tabs */
	
	.ui-tabs .ui-tabs-nav {
		display:none;
	}
	
	.ui-tabs .ui-tabs-hide {
		display: block !important;
	}
	
	.ui-tabs .ui-tabs-panel {
		background: none repeat scroll 0 0 #F4F4F4;
		border: 0 none;
		display: block;
		margin-bottom: 15px;
		padding: 15px;
	}
	
	/* STANDARD CONTENT ITEM STYLES */
	
	/* flow left, flow right */
	img.flow-left, img.flow-right, div.flow-left, div.flow-right { 
		float:none;
		margin:0;
		display:block;
	}
	
	/* first level icon menus */
	ul.icon-menus li, ul.icon-menus a { 
		height:auto;
	}
	
	ul.icon-menus img {
		width: 50px;
		height: 50px;
		margin:0 10px 10px 10px;
		border-radius:7px 0 7px 0;
	}
	
	ul.icon-menus a span {
		margin: 3px 0 0 75px;
	}
	
	/* div panels */
	div.panels ul {
		padding-left:0;
	}
	
	
	/* block list */
	.block-list li {
		width:auto;
	}
	.block-list li a {
		width:auto;
	}
	
	/* podcast episodes */
	ul.podcast-episodes li div {
		margin-left:0;
	}
	
	ul.podcast-episodes li dt {
		float:none;
		width:auto;
	}
	
	ul.podcast-episodes li dd {
		margin-left:0;
	}
	
	ul.podcast-episodes li dl, ul.podcast-episodes li dl li {
		clear:both;
	}
	
	ul.podcast-episodes img {
		margin-right:15px;
		margin-bottom:10px;
	}
	
	/* pull quotes */
	blockquote.pullquote {
		margin:10px 0;
	}
	
	/* bulletin */
	div.bulletin-latest { 
		margin:10px 0; 
		overflow:auto;
		padding:10px;
	}
	
	div.bulletin-latest dl dt { 
		float: none; 
		width:auto;
	}
	
	div.bulletin-latest dl dd { 
		margin-left:10px; 
	}
	
	div.bulletin-latest img {
		margin-bottom:10px;
	}
	
	/* event detaild */
	dl.event-details { 
		margin:10px 0;
	}
	
	dl.event-details dt { 
		float: none; 
		width:auto;
	}
	
	dl.event-details dd { 
		margin-left:10px; 
	}
	
	/* 'new form styles' */
	form div.submit { 
		padding-left: 15px;
	}
	
	div.search-responsive {
		background-color: #f8f7f3;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	div.search-responsive-input input {
		display:block;
		float:left;
	}
	
	input#sa {
		padding-top: 2px;
	}
	
	input.searchbox {
		width: 60%;
		font-weight: bold;
		margin-left: 14px;
		margin-right: 5px;
		margin-top: -1px;
		padding: 5px;
	}
	
	label.searchbox {
		float:left;
		width: 15%;
		margin-left: 15px;
		line-height: 25px;
	}
	
	div#content input, div#content textarea, div#content select, input.searcbox {
		padding: 5px;	
	}
	
	div#content input[type="text"], div#content textarea, div#content select
	{
		display:inline;
		width: 100% !important;
	}
	
	div#content select
	{
		margin-right: -10px !important;
	}
	/*
	div#course-wrapper, div#course-search-interface, div#top-content, div#navigation, div#sidecol, div#foot {
		display:inline;
		width: 100% !important;
		margin: 0px;
		padding: 0px;
	}*/
}

/* unfloat panels once they can't fit */
@media all and (max-width: 750px) and (min-width: 0px) {
	div.panels, ul.block-list li, div#course-wrapper {
		float: none;
		margin:0;
		width: auto;
	}
}

/* mobile conditional classes - use 'hide_on_mobile', 'only_show_on_mobile' and 'only_show_on_mobile_inline' to show and hide elements on a mobile-sized device */ 

@media all and (max-width: 529px) and (min-width: 0px) {
	.hide_on_mobile {
		display:none;
	}
}

.only_show_on_mobile {
	display:none;
}

@media all and (max-width: 529px) and (min-width: 0px) {
	.only_show_on_mobile {
		display:block;
	}
	span.only_show_on_mobile, .only_show_on_mobile_inline {
		display:inline;
	}
}
</style>