/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 February 2015 02:26:14
*/


@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

body #col-wrapper, body #breadcrumb {
	width: 100%;
	min-width: 0;
}

body #qut-logo {
	border-right: 0;
}

#left-scroll-wrap, #right-scroll-wrap {
	display: inline-block;
}

#content div.course-title-container {
	padding-top: 5px;
}

#content {
	width: 100%;
}

body .left-col-no.right-col-width-Wide #middle-col {
	width: 60%;
}

body .right-col-width-Wide #right-col {
	width: 34%;
}

body #col-wrapper {
	padding: 0 20px 20px 5px;
}

body .media-carousel.vertical-small {
	width: 100%;
}

.vertical-small .player {
	width: 100%;
}


@media only screen and (min-width:640px){

	header, footer {
		min-width: 0;
	}

	body #course {
		width: 65%;
		margin-right: 10px;
	}

	body #course-right-col {
		width: 30%;
		margin-right: 10px;
	}

	#course .dom-int {
		margin-bottom: 20px;
	}

	#course .dom-int .dom, #course .dom-int .corp, #course .dom-int .int {
		width: 45%;
		padding-left: 0; 
		padding-right: 0; 

	}

	#course .dom-int .dom, #course .dom-int .corp {
		margin-right: 0;
	}

	#course .dom-int span.dom {
		background: transparent;
	}

	#course .dom-int a.int {
		background: url("//www.qut.edu.au/__data/assets/image/0008/7010/bullets.png") no-repeat scroll -4px -170px #f8f9fc;
		padding: 5px 5px 0 22px;
		margin-left: 5px;
		border-radius: 5px;
		border: 1px solid #d3d3d5;
	}

	body .media-carousel .info {
		width: 100%;
	}

	body .player {
		width: 450px;
	}

	body .media-carousel {
		clear: both;
	}

	#course-right-col .right-col-box.apply h2, #course-right-col .right-col-box.enquire h2 {
		background-image: none;
		background: #d81480;
		background: -moz-linear-gradient(top, #d81480 0%, #bc0c6e 50%, #9c095a 51%, #9b0255 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d81480), color-stop(50%,#bc0c6e), color-stop(51%,#9c095a), color-stop(100%,#9b0255));
		background: -webkit-linear-gradient(top, #d81480 0%,#bc0c6e 50%,#9c095a 51%,#9b0255 100%);
		background: -o-linear-gradient(top, #d81480 0%,#bc0c6e 50%,#9c095a 51%,#9b0255 100%);
		background: -ms-linear-gradient(top, #d81480 0%,#bc0c6e 50%,#9c095a 51%,#9b0255 100%);
		background: linear-gradient(to bottom, #d81480 0%,#bc0c6e 50%,#9c095a 51%,#9b0255 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81480', endColorstr='#9b0255',GradientType=0 );
		-moz-border-radius: 2x;
		border-radius: 2px;
		border: 4px solid #F07DBE;
	}

	#course-right-col .right-col-box.email h2, #course-right-col .right-col-box.overview h2 {
		background-image: none;
		background: #217ece;
		background: -moz-linear-gradient(top, #217ece 0%, #195b95 50%, #114d81 51%, #0a467c 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#217ece), color-stop(50%,#195b95), color-stop(51%,#114d81), color-stop(100%,#0a467c));
		background: -webkit-linear-gradient(top, #217ece 0%,#195b95 50%,#114d81 51%,#0a467c 100%);
		background: -o-linear-gradient(top, #217ece 0%,#195b95 50%,#114d81 51%,#0a467c 100%);
		background: -ms-linear-gradient(top, #217ece 0%,#195b95 50%,#114d81 51%,#0a467c 100%);
		background: linear-gradient(to bottom, #217ece 0%,#195b95 50%,#114d81 51%,#0a467c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#217ece', endColorstr='#0a467c',GradientType=0 );
		-moz-border-radius: 2x;
		border-radius: 2px;
		border: 4px solid #64A6E0;
	}

	#course-right-col .right-col-box h2 a {
		padding: 0 10px 0 10px;
	}

	/* Tab Scroll*/
	#tab-slider #right-scroll-wrap {
		padding-left: 2px;
		float: right; 
	}

	#tab-slider #left-scroll-wrap {
		padding-right: 2px;
		float: left; 
	}

	#tab-slider .scroller {
		z-index: 105;
		position: relative;
		font-weight: bold;
		background: white;
		cursor: pointer;
		color: white;
	}

	#tab-slider .scroller div {
		background: none repeat scroll 0% 0% #2B679B; 
		height: 21px;
		width: 7px; 
		padding: 10px 12px; 
	}	

	#course .dom-int span.int {
		margin-left: 10px;
		background: transparent;
	}

	#course .dom-int a.dom {
		background: url(//www.qut.edu.au/__data/assets/image/0008/7010/bullets.png) no-repeat scroll -4px -170px #f8f9fc;
		padding: 5px 5px 0 22px;
		margin-left: 5px;
		border-radius: 5px;
		border: 1px solid #d3d3d5;
	}

	#course .cut-offs {
		width: 205px;
	}

	#course #assumed-knowledge {
		width: 45%;
	}

	.broad-courses table td:first-child, .broad-courses table th:first-child, .broad-courses table td:nth-child(0n+2), .broad-courses table th:nth-child(0n+2) {
		display: table-cell;
	}

	body .broad-courses table td, body .broad-courses table th{
		display: none;
	}

	body .broad-courses table {
		margin-top: 1em;
		width: 100%;
	}

	body .broad-course-content {
		width: 100%;
	}

	body .player div.slideshow  {
		border-bottom: 0;
	}


}

@media only screen and (min-width:640px) and (max-width:900px) {
	body .vertical-small .player #gallery div.slideshow img {
		width: 100%;
		height: auto;
	}
}



@media only screen and (min-width:820px) {
	#right-scroll-wrap {
		display: none;
	}
}

@media only screen and (min-width:640px) and (max-width:1000px) {
	
	.jcarousel-skin-tango {
		display: none;
	}

	.player div.slideshow-container {
		border: 0;
	}
}



@media only screen and (min-width:640px) and (max-width:768px) {
	#course .dom-int .dom, #course .dom-int .corp, #course .dom-int .int {
		font-size: 0.9em;
	}

	body .player, .player #gallery div.slideshow img {
		width: 350px;
		height: auto;
	}

	.player div.slideshow {
		height: 250px;
	}

	.player div.slideshow-container {
		border: 0;
	}

	#course .cut-offs {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
		padding-top: 16px;
		background: url(//cms.qut.edu.au/__data/assets/image/0005/4982/cut-off-bg.jpg) center top no-repeat;
		position: relative;
		background-size: 100%; 
		z-index:9;
	}

	#course #assumed-knowledge {
		width: 90%;
	}

	#course .dom-int .dom, #course .dom-int .corp, #course .dom-int .int {
		width: 44%;

	}

	#course .dom-int a.dom {
		padding: 5px 5px 11px 22px;
	}


	.vertical-small .player div.slideshow {
		height: 170px;
	}

	.jcarousel-skin-tango {
		display: none;
	}

}