.column-1{ width:220px; }
.column-2{ width:460px; }
.column-3{ width:700px; }
.column-4{ width:940px; }


.highlight-box
	{
		border:1px solid #cccccc;
	}

.highlight-box .largetext{
	margin-bottom:25px;
	font-size:30px;
	line-height: 1em;
	}
.highlight-box .box-buttonlist li{
	display:inline;
margin-right:5px;
}

.highlight-box .contacts{
width:100%;
}

.highlight-box .contacts th{
font-weight:bold;
padding-right:.3em;
text-align:left;
}

.highlight-box h2{
/*	margin-bottom: 7px;*/
	}

.highlight-box p{
margin-top:12px;
margin-bottom:12px;
}


.highlight-box a{
	text-decoration: underline;
	}
.highlight-box a:visited{
	color:#694C93;
	}


.highlight-box ul{
	margin-left:16px;
	margin-top:0; margin-bottom:0;
  line-height:1.6em;
  list-style-image:url("/assets-global/monash/images/template/li-arrow.png");
	}

#content_page .box-content-frame{
margin:0px;
}


#content_page .highlight-column .highlight-box ul{
	margin-top:0; margin-bottom:0;
	margin-left:16px;
	}

/* margin removed above and taken from li boxes to deal with ie 9 bugs */
/* .highlight-box ul li,
#content_page .highlight-column .highlight-box ul li {
	margin-left: 16px;
} */

.highlight-box ul.box-buttonlist{
	margin-left:0px;
	list-style-image: none;
	line-height:1em;
	}

.highlight-box input.full-line{
	/* 180 - 2px border either side */
	width:176px;
	}

.highlight-box input.partial-line{
	/* allow 65px for the button */
	width:105px;
	}

#landing_page .highlight-box{
	background-color:#f3f3f3;
	}
#landing_page .highlight-box a:visited{
	color: #094C93;
	}

a.button:visited,
.highlight-box a.button:visited,
#content_page .highlight-box a.button:visited,
#landing_page .highlight-box a.button:visited {
	color: #ffffff;
	}
	
#landing_page .highlight-box .highlight-color a:visited,
#content_page .highlight-box .highlight-color a:visited {
	color: #ffffff;
}

#landing_page .highlight-box .caption-small a:visited,
#landing_page .highlight-box .caption-large a:visited,
#landing_page .highlight-box .caption-normal a:visited {
	color:#ffffff;
	}

#content_page .highlight-column .highlight-box{
	background-color:#f3f3f3;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
/* margin provided by padding in content-box */	
/*	margin-bottom:20px; */
	}


.box-column
	{
		margin:9px; 
		float:left;
	}


.one-page-column
	{
		width:218px;
		/*background-color:#FFaaaa;*/
	}
	
.two-page-column {
		width:458px;
/*		background-color:#aaaafF; */
	  }
	
.three-page-column
	{
		width:698px;
/*		background-color:#aaffaa; */
	}
	
.four-page-column
	{
		width:938px;
		margin:0px;
/*		background-color:#ffffaa; */
	}

.one-box-column{
	width:200px;	
/*	background-color:#Ffbbbb; */
	}

.two-box-column{
	width:440px;
/*		background-color:#bbbbfF; */
	}

.three-box-column{
	width:680px;
	}

.four-box-column{
	width:920px;
	
	}

.box-content-frame
	{
		margin:0px 10px 0px 10px;
	}

.box-image-frame{
	margin-left:auto;
	margin-right:auto;
	}

/* A box inside a box should float and have no borders */ 
.highlight-box .box-column .highlight-box
	{
		float:left;
		border:0px solid white;
		margin:0px 20px 0px 20px; 
	}

.highlight-box .box-column .box-include-frame .highlight-box{
	margin:0px;
	}


.highlight-box .box-column .highlight-box.first_in_box{
margin-left:0px;
}
.highlight-box .box-column .highlight-box.last_in_box{
margin-right:0px;
}




.highlight-box .box-column .highlight-box .box-column
	{
		margin:0px; 
	}


/* Boxes within boxes collapse to their content width, not their page width */

.highlight-box .box-column .one-page-column{
	width:200px;
	}
.highlight-box .box-column .two-page-column{
	width:440px;
	}
.highlight-box .box-column .three-page-column{
	width:680px;
	}
.highlight-box .box-column .four-page-column{
	width:920px;
	}

/* Feature element */

/* annoying */

.box-feature {
background-color:#007888;
border-bottom: 1px solid #007888;
color:#ffffff;
}


.box-feature a, 
.box-feature a:visited, 
.box-feature a:hover,
#landing_page .highlight-box .box-feature a, 
#landing_page .highlight-box .box-feature a:visited, 
#landing_page .highlight-box .box-feature a:hover {
        color:#ffffff;
        text-decoration:underline;
    }

.box-feature .up-nic{
    display:block;
    margin-top:-20px;
    margin-left:20px;
    z-index:2;
}

.box-feature-content{
margin:10px;
}

/* News Highlight boxes */

.highlight-content.news-feed-content {
  margin: 0;
}

.highlight-content.news-feed-content h2 {
  margin-top: 0;
}

.highlight-content.news-feed-content ul,
.highlight-content.news-feed-content ul li {
  list-style-image: none;
  background-image: none;
}

ul.highlight-articles.news-feed li {
  clear: both;
  width: 100%;
}

ul.highlight-articles.news-feed li .news-image {
  padding: 0;
  margin: 0 5px 0 0;
  width: 80px;
  height: 55px;
  overflow: hidden;
  float: left;
  border: 1px solid #fff;
}

ul.highlight-articles.news-feed li .news-image img {
  width: 80px;
}

ul.highlight-articles.news-feed li.event-item {
  padding: 12px 0px;
}

ul.highlight-articles.news-feed li.event-item .event-date {
  color: #666666;
  font-size: small;
}

/* Highlight images */

.highlight-image{
	margin-bottom:20px;
	}

/* Highlight videos - REQ000000394224 */

.highlight-box .video {
	background-color: #094c93;
}

.highlight-box .video a:link,
.highlight-box .video a:hover,
.highlight-box .video a:visited {
	color: #ffffff !important;
	padding-left: 8px;
}

.highlight-box .three-box-column .video {
	width: 670px;
}

/* lightbox popups for videos */


.lightbox .ui-dialog-titlebar,
.lightbox .ui-dialog-content {
  background-color: #ccc;
  padding: 2px;
  margin: 0px;
  height: 20px;
}

.lightbox .ui-dialog-title {
  display: none;
}

.lightbox .ui-dialog-titlebar .ui-dialog-titlebar-close,
.lightbox .ui-dialog-titlebar .ui-dialog-titlebar-close:link,
.lightbox .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.lightbox .ui-dialog-titlebar .ui-dialog-titlebar-close:visited {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  color: #000;
  border: #000 solid 1px;
  border-left-color: #fff;
  border-top-color: #fff;
  background-image: url("/assets-global/monash/images/template/close.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.lightbox .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
  border-left-color: #000;
  border-top-color: #000;
  border-right-color: #fff;
  border-bottom-color: #fff;
}


.lightbox .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}



.lightbox-opener a {
  display: block;
  margin: 0px;
  padding: 0px;
/*  width: 180px;
  height: 101px;*/
  border: none 0px #fff;
  position: relative;
}

.lightbox-opener img {
  border: none 0px #fff;
  padding: 0px;
  margin: 0px;
}

.lightbox-opener .play-button {
  position: absolute;
	/* these are only defaults, if we know the dimensions of the thumbnail,
	   they are overridden in the inline style */
  top: 25px;
  left: 75px;
  width: 50px;
  height: 50px;
}

.lightbox-opener .thumbnail {
/*  width: 180px;
  height: 101px;*/
}

.ui-widget-overlay {
  background-color: #000;
  filter: alpha(opacity = 50);
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
}

.ui-widget-overlay.dark {
  background-color: #000;
}

.ui-widget-overlay.light {
  background-color: #fff;
}


/* formatting stuff for lining up boxes */

.whitespace5{padding-top:5px; clear: both; }
.whitespace10{padding-top:10px;  clear: both; }
.whitespace15{padding-top:15px; clear: both;  }
.whitespace20{ padding-top:20px; clear: both;  }
.whitespace25{padding-top:25px; clear: both;  }
.whitespace30{ padding-top:30px; clear: both; }
.whitespace35{padding-top:35px; clear: both;  }
.whitespace40{ padding-top:40px; clear: both;  }

/* -- TEMPORARY HACKAGE, WAITING FOR VT format-- */
.landing-box{
/*margin-bottom:20px;*/
float:left;
}

/* -- INVISIBLE BOXES -- */
/* -- invisible boxes are assumed to be much smaller than normal boxes. --*/
.invisible-landing-box-is-invisible{
margin-bottom:20px;
}
#landing_page .invisible-landing-box-is-invisible .highlight-box{
border-left: 0px solid white;
border-right: 0px solid white;
background-color: inherit;
}

#landing_page .invisible-landing-box-is-invisible .highlight-box .box-column{
margin-top:0px;
margin-bottom:2px;
}

#landing_page .invisible-landing-box-is-invisible .highlight-box .box-content-frame{
margin:0px;
text-align:center;
}