@charset "UTF-8";
/* CSS Document */



/* START CAROUSEL AREA */

/* Extra space for the content box */

.banner_carousel .content {
	height: 700px;
}


/* Height effects */

.banner_carousel.small,
.banner_carousel.small .banner_image, 
.banner_carousel.small .blurb100 .content-wrapper {
        height: 145px;
}

.banner_carousel.small .blurb25 .content-wrapper {
        height: 40px;
}

.banner_carousel.small .blurb50 .content-wrapper {
        height: 75px;
}

.banner_carousel.small .blurb75 .content-wrapper {
        height: 110px;
}

.banner_carousel.medium,
.banner_carousel.medium .banner_image,
.banner_carousel.medium .blurb100 .content-wrapper {
	height: 290px;
}

.banner_carousel.medium .blurb25 .content-wrapper {
	height: 75px;
}

.banner_carousel.medium .blurb50 .content-wrapper {
	height: 145px;
}

.banner_carousel.medium .blurb75 .content-wrapper {
	height: 220px;
}

.banner_carousel.large,
.banner_carousel.large .banner_image,
.banner_carousel.large .blurb100 .content-wrapper {
        height: 580px;
}

.banner_carousel.large .blurb25 .content-wrapper {
        height: 145px;
}

.banner_carousel.large .blurb50 .content-wrapper {
        height: 290px;
}

.banner_carousel.large .blurb75 .content-wrapper {
        height: 435px;
}


/* Width Effects */

.banner_carousel.twocolumn,
.banner_carousel.twocolumn .banner_image {
        width: 460px;
}

.banner_carousel.twocolumn .content-wrapper {
        width: 230px;
}

.banner_carousel.twocolumn .larry .content-wrapper {
        width: 255px;
}

.banner_carousel.threecolumn,
.banner_carousel.threecolumn .banner_image {
        width: 700px;
}

.banner_carousel.threecolumn .content-wrapper {
        width: 230px;
}

.banner_carousel.threecolumn .larry .content-wrapper {
        width: 255px;
}

.banner_carousel.fourcolumn,
.banner_carousel.fourcolumn .banner_image {
	width: 940px;
}

.banner_carousel.fourcolumn .content-wrapper {
	width: 385px;
}

.banner_carousel.fourcolumn .larry .content-wrapper {
	width: 410px;
}

/* Banner Image effects */

.banner_carousel .banner_image {
	display: block;
	overflow:hidden;
	background-color: #333;
	float: left;
	/* width: 940px; */
	/* height: 290px; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px -3px;
}

.banner_carousel .banner_image img {
	border-style: none;
	padding: 0;
	margin: 0;
}


/* Outer container for jQuery Carousel */

.banner_carousel {
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	/* width: 940px; */
	/* height: 290px; */
	position: relative;
	background-color: #333;
}

/* Object containing the content of one 'pane' of the carousel */

.banner_carousel .pane {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}


/* Generic content area styleing */

.banner_carousel .content-wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.banner_carousel .content {
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16.8px;
}

.banner_carousel .content h2 {
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	padding: 0 0 5px 0;
}

.banner_carousel .content p {
	margin: 2px;
	padding: 0;
}

.banner_carousel .content p.attribution {
	font-size: 12px;
	font-style: italic;
	padding: 0;
	margin: 0;
	line-height: 30px;
	position: absolute;
	/* left: 35px; */
}

.banner_carousel .content .largetext{
	font-size:30px;
	line-height:1em;
	}

.banner_carousel .content .blurb_carousel-attribution{
	font-size: 10px;
 	font-style: italic;
	white-space: nowrap;
	}

.banner_carousel .content .contacts{
	width:100%
	}

.banner_carousel .content .blurb_carousel-list{
	margin-left: 18px;
	}

.banner_carousel .content .blurb_carousel-buttonlist{
        margin-left:0px;
        list-style-image: none;
        line-height:1em;
        }
.banner_carousel .content .blurb_carousel-buttonlist li{
	list-style-image: none;
	display:inline;
	margin-right:5px;
	}
.banner_carousel .content .blurb_carousel-buttonlist li a{
	text-decoration: none;
	}
	

/* wrapper for the text content of the pane, the postion in the pane and */
/* the left background arrow is added here */

.banner_carousel .larry .content-wrapper {
	background-image: url("//www.monash.edu.au/assets-global/monash/images/template/arrow-left.png");
	background-position: 0px 30px;
	background-repeat: no-repeat;
}

/* container for all the text content. background color is added here */

.banner_carousel .larry .content {
	background-color: #333;
	margin: 0px 0px 0px 25px;
	color: #fff;
}

.banner_carousel .larry .content a {
	color: #ffffff;
	text-decoration: underline;
}

.banner_carousel .larry .content p.attribution {
	left: 35px;
}

.banner_carousel .larry .content .contacts th{
	font-weight:bold;
	color: #fff;
	}	

/* Specific 'moe' styling */

.banner_carousel .moe .content {
	background-color: #ccc;
	color: #000;
}

.banner_carousel.twocolumn .moe .navigation,
.banner_carousel.threecolumn .moe .navigation {
        right: 240px;
}

.banner_carousel.fourcolumn .moe .navigation {
        right: 400px;
}

/* sepcific 'curly' styling */

.banner_carousel .curly .content-wrapper {
	height: 40px;
}

.banner_carousel.twocolumn .curly .content-wrapper {
        width: 460px;
}

.banner_carousel.threecolumn .curly .content-wrapper {
        width: 700px;
}

.banner_carousel.fourcolumn .curly .content-wrapper {
        width: 940px;
}

.banner_carousel .curly .content {
        background-color: #ccc;
        color: #000;
}

.banner_carousel .curly .content p.attribution {
	left: 35px;
}

.banner_carousel .curly .content .navigation {
	right: 35px;
}

.banner_carousel.twocolumn .curly .content p.attribution {
        left: 5px;
}

.banner_carousel.twocolumn .curly .content .navigation {
        right: 5px;
}

/* navigation content partially added in by the jQuery */

.banner_carousel  .navigation {
	margin: 0;
	padding: 0;
	position: absolute;
	/* left: 35px; */
	bottom: 5px;
	font-size:10px;
	line-height:10px;
}

.banner_carousel .navigation a {
	display: inline-block;
	padding: 5px 7px;
	margin: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #999 #000 #000 #999;
 /*background: #094c93 url(/assets-global/monash/images/template/ui-bg_gloss-wave_35_094c93_500x100.png)*/
}

.banner_carousel .navigation a,
.banner_carousel .navigation a:link,
.banner_carousel .content .navigation a,
.banner_carousel .content .navigation a:link {
	color: #fff;
	text-decoration: none;
	background-color: #666;
}

.banner_carousel .navigation a.activeSlide,
.banner_carousel .navigation a.activeSlide:link {
	color: #fff;
	background-color: #094c93;
	background: #094c93 url('//www.monash.edu.au/assets-global/monash/images/template/ui-bg_gloss-wave_35_094c93_500x100.png') 50% 50% repeat-x;
 border: 1px solid #094c93;

}

.banner_carousel .navigation a:hover {
	background-color: #666;
	border-style: solid;
	border-width: 1px;
	border-color: #000 #999 #999 #000;
}

.banner_carousel .navigation a span.pause-resume {
	padding: 0px 2px;
	background-position: center middle;
	background-repeat: no-repeat;
	display: block;
}

.banner_carousel .navigation a.resumeButton span.pause-resume {
	background-image: url('//www.monash.edu.au/assets-global/monash/images/template/playbutton.png');
}

.banner_carousel .navigation a.pauseButton span.pause-resume {
	background-image: url('//www.monash.edu.au/assets-global/monash/images/template/pausebutton.png');
}

.banner_carousel .navigation a span.pause-resume span {
	display: none;
}

/* END CAROUSEL AREA */


/* START HEADING AREA */

/* wrapper for the h1 content to allow repositioning over the carousel */

#carousel-heading-wrapper {
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
	z-index: 40;
}

/*  heading position and down arrow are defined here */

#carousel-heading-position {
	border-style: none;
	padding: 0;
	margin: 0;
	height: 50px;
	position: absolute;
	left: 0;
	background-image: url('//www.monash.edu.au/assets-global/monash/images/template/arrow-down.png');
	background-position: 20px 100%;
	background-repeat: no-repeat;
}

#carousel-heading-position h1{
	width:420px;
}

.bottom #carousel-heading-position {
	top: -40px;
}

.top.small #carousel-heading-position {
	top: -145px;
}

.top.medium #carousel-heading-position {
	top: -290px;
}

.top.large #carousel-heading-position {
	top: -580px;
}

/* END HEADING AREA */