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

/ ****** BANNER CAROUSEL V1 - DEPRECATED, BEING PHASED OUT. LOOK FOR V2 IN THIS FILE TO MAKE CHANGES ****** /


/* START CAROUSEL AREA */

/* The image that makes up the bulk of the carousel */

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


/* 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;
}

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

#banner_carousel .content-wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 145px;
	width: 385px;
	margin: 0;
	padding: 0;
	background-image: url("/assets-global/monash/images/template/arrow-left.png");
	background-position: 0px 30px;
	background-repeat: no-repeat;
	overflow: hidden;
}

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

#banner_carousel .content {
	background-color: #333;
	margin: 0px 0px 0px 25px;
	padding: 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16.8px;
	height: 180px;
}

#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 a {
	color: #ffffff;
	text-decoration: underline;
}

#banner_carousel .content p.attribution {
	font-size: 12px;
	font-style: italic;
	padding: 0;
	margin: 0;
	line-height: 30px;
	position: absolute;
	left: 35px;
	bottom: 28px;
	white-space: nowrap;
}

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

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

#banner_carousel .content .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 .content .navigation a,
#banner_carousel .content .navigation a:link {
	color: #fff;
	text-decoration: none;
	background-color: #666;
}

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

}

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

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

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

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

#banner_carousel .content .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: relative; */
	position: absolute;
	left: 0;
	top: -40px;
	background-image: url('/assets-global/monash/images/template/arrow-down.png');
	background-position: 20px 100%;
	background-repeat: no-repeat;
}

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

/* END HEADING AREA */



/**** BANNER CAROUSEL V2 CSS (class based, not id) **** /



/* 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: 435px;
}

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

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

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

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

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

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

.banner_carousel.xlarge .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;
}


/* H2 is deprecated, its appearing above the h1 */
.banner_carousel .content h2 {
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	padding: 0 0 5px 0;
}

/* sorry about the mixed _ and - in the class.*/

.banner_carousel .content .blurb_carousel-heading{
	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 {
/* DM - blends intot he grey on a landing page, trying charcoal in staging */
/*        background-color: #ccc; */
/*        color: #000; */
        background-color: #333;
        color: #fff;
}

.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: -435px;
}

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

/* END HEADING AREA */


/**** ADDING OVERLAY INFO (STYLE4, POOCHIE) ****/


/* fonts */
.font42,
.banner_carousel .content .blurb_carousel-heading.font42 { font-size: 42px; line-height: 46px; }
.font38,
.banner_carousel .content .blurb_carousel-heading.font38 { font-size: 38px; line-height: 42px; }
.font36,
.banner_carousel .content .blurb_carousel-heading.font36 { font-size: 36px; line-height: 40px; }
.font32,
.banner_carousel .content .blurb_carousel-heading.font32 { font-size: 32px; line-height: 36px; }
.font28,
.banner_carousel .content .blurb_carousel-heading.font28 { font-size: 28px; line-height: 32px; }
.font24,
.banner_carousel .content .blurb_carousel-heading.font24 { font-size: 24px; line-height: 30px; }
.font20,
.banner_carousel .content .blurb_carousel-heading.font20 { font-size: 20px; line-height: 22px; }
.font18,
.banner_carousel .content .blurb_carousel-heading.font18 { font-size: 18px; line-height: 20px; }
.font16,
.banner_carousel .content .blurb_carousel-heading.font16 { font-size: 16px; line-height: 18px; }
.font14,
.banner_carousel .content .blurb_carousel-heading.font14 { font-size: 14px; line-height: 16px; }
.font12,
.banner_carousel .content .blurb_carousel-heading.font12 { font-size: 12px; line-height: 14px; }
/* banner carousel */
.banner_carousel.fourcolumn.overlay .content-wrapper {
	width:100%;
	height:290px;
}
.overlay a {
	border:none;
	text-decoration:none;
}
.overlay .content {
	height:290px;
	padding:0;
}
.overlay .navigation {
	right: 10px;
	bottom: 10px;
	z-index:10;
}
.overlay .navigation a,
.overlay .navigation a:link {
	background-color:#333;
	width:24px;
	height:24px;
	margin:0;
	padding:0;
	border:none;
	box-shadow:0 0 0 1px #666;
	float:left;
	cursor:pointer;
}
	.banner_carousel.overlay .navigation a:hover,
	.banner_carousel.overlay .navigation a:active {
		border:none;
	}
	.overlay .navigation a.prev-slide {
		background: #333 url("/assets-global/monash/images/template/banner-control-left.png") center no-repeat;
	}
		.overlay .navigation a:hover.prev-slide {
			background: #f3f3f3 url("/assets-global/monash/images/template/banner-control-left-dark.png") center no-repeat;
		}
	.overlay .navigation a.next-slide {
		background: #333 url("/assets-global/monash/images/template/banner-control-right.png") center no-repeat;
	}
		.overlay .navigation a:hover.next-slide {
			background: #f3f3f3 url("/assets-global/monash/images/template/banner-control-right-dark.png") center no-repeat;
		}
	.overlay .navigation a.resumeButton {
		background: #333 url("/assets-global/monash/images/template/banner-control-play.png") center no-repeat;
	}
		.overlay .navigation a:hover.resumeButton {
			background: #f3f3f3 url("/assets-global/monash/images/template/banner-control-play-dark.png") center no-repeat;
		}
	.overlay .navigation a.pauseButton {
		background: #333 url("/assets-global/monash/images/template/banner-control-pause.png") center no-repeat;
	}
		.overlay .navigation a:hover.pauseButton {
			background: #f3f3f3 url("/assets-global/monash/images/template/banner-control-pause-dark.png") center no-repeat;
		}
.overlay .content .blurb_carousel-heading {
	position: absolute;
	left: 30px;
	top: 30px;
	font-weight: bold;
	letter-spacing:-0.01em;
}
	.overlay .content .blurb_carousel-heading.left-nick {
		left: 50px;
	}
.overlay .content .blurb_carousel-heading.right-heading {
	right: 30px;
	text-align:right;
}
.overlay .content .blurb_carousel-heading.low-heading {
	top: 140px;
}
.overlay .content .blurb_carousel-heading em {
	font-family: "FreeSerif","Century Schoolbook","Times New Roman","Nimbus Roman No9 L","Liberation Serif", serif;
	font-weight: normal;
	letter-spacing:-0.03em;
	font-size:1.1em;
}
a .blurb_carousel-heading  {
	text-decoration: none;
	border:none;
	color: #333;
	text-shadow: 0 0 15px white;
}
a .blurb_carousel-heading.white-text {
	color: #fff;
	text-shadow: 0 0 15px #000;
}