/**
 * muInternal CSS
 *
 * Controls style for the internal pages of myUNSW
 *
 * @author Dan Callaghan
 * @version 0.0.1
 * @package myUNSW
 **/


/**
 * HTML Elements
 **/
body {
	background-image: none;
	min-width: 920px;
}
a {
	outline: none;
}
a img {
	border-width: 0px;
}
p,
ol,
ul {
	margin: 0 0 1em;
}
ol,
ul {
	padding-left: 40px;
}
p.note {
	background-color: rgb(239, 248, 254);
	margin: 0 0 1em -0.4em;
	padding: 0.2em 0.4em;
}
h3 {
	margin: 0;
	font-size: 1.8em;
	font-weight: normal;
	color: rgb(31, 72, 109);
	border-bottom: 1px solid white;
}
h4 {
	margin: 0.3em 0 0.6em 0;
	padding-bottom: 0.6em;
	font-size: 1.5em;
	font-weight: normal;
	color: #358a78;
	border-bottom: 1px solid #358A78;
}
h5 {
	margin: 1.4em 0 0.4em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: rgb(31, 72, 109);
}
h6 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
	color: rgb(96, 152, 210);
}
acronym {
	border-bottom: 1px dotted rgb(0, 142, 197);
	cursor: help;
}


/**
 * Header Block
 *
 * Different background images for different phases of the day
 **/
body#muBody div#muHeaderBlock,
body#muBody.day div#muHeaderBlock {
	background-image: url('/images-web/muImages/muHeaderBlockBackgroundDay.gif');
	background-color: rgb(178, 214, 242);
	background-repeat: no-repeat;
	overflow: hidden;
}
body#muBody.dawn div#muHeaderBlock,
body#muBody.dusk div#muHeaderBlock {
	background-image: url('/images-web/muImages/muHeaderBlockBackgroundDawnDusk.gif');
	background-color: rgb(254, 219, 150);
}
body#muBody.night div#muHeaderBlock {
	background-image: url('/images-web/muImages/muHeaderBlockBackgroundNight.gif');
	background-color: rgb(18, 35, 56);
}

img#muTrees {
	display: block;
	position: absolute;
	left: 205px;
}
img#muMan {
	display: block;
	position: absolute;
	left: 415px;
	top: 8em;
	z-index: 1000;
}


/**
 * Main Navigation
 *
 * Need to work on making this a bit more extensible
 **/
div#muNavigationBlock {
	height: 3.1em;
	padding-right: 18px;
	background-image: url('/images-web/muImages/muNavigationBlockBackground.gif');
	background-repeat: repeat-x;
	background-color: rgb(155, 204, 209);
}
	div#muNavigationBlock a {
		display: block;
		float: right;
		line-height: 2.5em;
		padding-left: 10px;
		background-image: url('/images-web/muImages/muNavBullet.png');
		background-repeat: no-repeat;
		background-position: 0 50%;
		font-size: 1.2em;
	}
		div#muNavigationBlock a.back {
			background-image: none;
			margin-left: 12px;
			line-height: 1;
			padding-top: 0.4em;
		}
		div#muNavigationBlock a img {
			vertical-align: top;
		}


/**
 * Main Page Wrapper
 **/
div#muMain {
	padding: 1.2em;
	min-height: 500px;
	text-align: left;
	background-image: url('/images-web/muImages/muMainBackground.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
}
* html div#muMain {
	height: 500px;
}


/**
 * Main Content Wrapper
 **/
div#muContentBlock {
	position: relative;
	width: auto;
	margin-right: 120px;
}
* html div#muContentBlock {
	zoom: 1;
}
	div#muContentBlock img.background {
		display: block;
		width: 100%;
		height: 175px;
		margin-bottom: -175px;
		float: left;
	}
	* html div#muContentBlock img.background {
		width: expression(this.parentNode.width + "px");
	}
	div#muContentBlock img.side {
		position: absolute;
		width: 6px;
		top: 0;
		right: -6px;
	}


/**
 * Main Content
 **/
div#muContent {
	position: relative;
	padding: 1em 4px 1em 10px;
	zoom: 1;
}
	div#muContent img#muPageIcon {
		display: block;
		position: absolute;
		top: 1em;
		left: 10px;
	}
	div#muContent h3 {
		padding: 0.4em 0 0.5em 48px;
	}


/**
 * Right Hand Navigation
 **/
div#muRightHandNavigation {
	display: inline;
	position: relative;
	float: right;
	width: 100px;
	min-height: 534px;
}
* html div#muRightHandNavigation {
	margin-right: -10px;
	height: 534px;
}
	div#muRightHandNavigation img.background {
		display: block;
		float: left;
		width: 100px;
		height: 534px;
		margin-bottom: -534px;
	}
	div#muRightHandNavigation ul {
		float: right;
		width: 80px;
		margin: 1em;
		padding: 0;
		list-style: none;
	}
		div#muRightHandNavigation ul li a {
			display: block;
			position: relative;
			margin-bottom: 0.5em;
			height: 30px;
		}
			div#muRightHandNavigation ul li a img {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
			}
div#muRightHandNavigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * Footer
 **/
div#muFooter {
	margin: 2em 10px;
	padding: 1em 0;
	text-align: center;
	color: rgb(134, 143, 150);
	background-color: white;
	border-top: 1px solid rgb(115, 170, 214);
}
	div#muFooter ul {
		margin: 0;
		padding: 0;
		line-height: 1.5;
		list-style: none;
	}
		div#muFooter ul li {
			display: inline;
		}


/**
 * Content Container
 *
 * General purpose white container for displaying normal content
 **/
div.muContainer {
	margin-top: 1em;
	padding: 0.8em 12px 1px 28px;
	background-color: white;
	height:100%; min-height:100%;
}
	div.muContainer p,
	div.muContainer ul,
	div.muContainer ol {
		font-size: 1.2em;
		line-height: 1.4;
	}


/**
 * Month Navigation
 *
 * Currently used in key dates
 **/
ul.muMonthNavigation {
	height: 1em;
	margin: 0 0 2em 0;
	padding: 0 12px 1em;
	list-style: none;
	font-size: 1.2em;
	border-bottom: 1px solid rgb(178, 214, 242);
}
	ul.muMonthNavigation li {
		float: left;
	}
		ul.muMonthNavigation li a {
			padding: 0 12px 0 0;
		}

/**
 * Logo List
 *
 * Used in "UNSW Branding Guidelines" pages, very specific
 **/
ul.muLogoList {
	margin: 1em 0 2em;
	padding: 0;
	list-style: none;
}
	ul.muLogoList li {
		display: inline;
		padding-right: 2em;
	}


/**
 * Dates
 *
 * For tables of dates, like the ones used in the Key Dates pages
 **/
div.muDates h6 {
	clear: left;
}
div.muDates table.dates {
	width: 540px;
	clear: left;
	font-size: 1.2em;
	background-color: white;
	border: 1px solid rgb(204, 233, 246);
	border-spacing: 1px;
	margin: 0;
}
	
	div.muDates table.dates td {
		padding: 0.3em 5px;
		vertical-align: top;
	}
		div.muDates table.dates td.key {
			width: 12px;
			text-align: center;
			font-weight: bold;
			color: rgb(116, 181, 67);
		}
		div.muDates table.dates td.day {
			width: 84px;
		}
		div.muDates table.dates td.date {
			width: 20px;
			text-align: right;
		}
		div.muDates table.dates td.info {
			padding: 0 5px;
		}
		div.muDates table.dates td ul {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 1em;
		}
			div.muDates table.dates td ul li {
				padding: 0.3em 0;
			}
			
	div.muDates a.topButton {
		width: 540px;
	}

a.topButton {
	display: block;
	margin-top: 0.8em;
	text-align: right;
}


/**
 * Link List
 *
 * Currently used in the Uni Life Directory page
 **/

/* Link List Block for grouping and floating link lists */
div.muLinkListBlock {
	float: left;
	width: 242px;
	margin: 1em 2% 0 0;
}
	 div.muLinkListBlock.last {
		margin-right: 0;
	}

div.muLinkList {
	position: relative;
	margin-bottom: 1em;
	padding: 0.8em;
	min-height: 4.8em;
	background-color: rgb(239, 248, 254);
}
* html div.muLinkList {
	height: 4.8em;
}
	 div.muLinkList ul {
		margin: 0.5em 0 0 0;
		padding: 0;
		font-size: 1.2em;
		line-height: 1.5;
		list-style: none;
	}
		 div.muLinkList ul li {
			padding-left: 20px;
			background-image: url('/images-web/muImages/muLinkBullet.gif');
			background-repeat: no-repeat;
			background-position: 0 2px;
		}
	 div.muLinkList img.muLinkListIcon {
		display: block;
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 1;
	}

/**
 * Accordion Dropdowns
 **/
div.muAccordion {
	width: auto;
	margin-top: 0.8em;
}
	div.muAccordion h5 {
		margin: 0;
		padding: 1px;
		font-size: 1em;
		font-weight: normal;
	}
		div.muAccordion h5.active {
			padding: 0;
		}
	div.muAccordion div p,
	div.muAccordion div ul,
	div.muAccordion div ol {
		margin: 0 0 1em;
		font-size: 1.2em;
	}
		div.muAccordion h5 a {
			display: block;
			padding: 0.3em 0.5em 0.1em;
			text-transform: none;
		}
			div.muAccordion h5.active a {
				border: 1px solid rgb(146, 189, 178);
				border-bottom-color: rgb(195, 207, 202);
				background-image: url('/images-web/muImages/muAccordionActiveBackground.gif');
				background-repeat: repeat-x;
			}
			div.muAccordion h5 a img {
				vertical-align: top;
			}
			div.muAccordion h5 a span {
				line-height: 1.6;
				font-size: 1.2em;
			}
	div.muAccordion div.muAccordionWrapper {
		margin-bottom: 1em;
		padding: 1em 12px 1px;
		background-color: white;
	}



/**
 * Button Set
 **/
div.muButtonSet ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	div.muButtonSet ul li {
		float: left;
		width: 137px;
		margin: 0 0 2.5em 25px;
	}
		div.muButtonSet ul li a {
			display: block;
			position: relative;
			width: 137px;
			height: 64px;
			cursor: hand;
		}
			div.muButtonSet ul li a img,
			div.muButtonSet ul li a span {
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
			}
			div.muButtonSet ul li a span {
				width: 107px;
				height: 1.4em;
				padding: 22px 22px;
				background-position: 0 0;
				background-repeat: no-repeat;
				font-size: 1.5em;
			}
			

div.muMoreLinksContainer {
	position: absolute;
	top: 16px;
	left: 700px;
	padding: 1px;
}
	div.muMoreLinksContainer.on {
		padding: 0px;
		border: 1px solid rgb(176, 213, 241);
	}
	div.muMoreLinksContainer a.muMoreLinksAnchor {
		display: block;
		padding: 0.2em 5px 0;
		width: 180px;
		height: 19px;
		background-image: url('/images-web/muImages/muMoreButton.gif');
		background-repeat: no-repeat;
	}
	div.muMoreLinksContainer.on a {
		background-color: rgb(239, 248, 254);
		background-image: none;
	}
	div.muMoreLinksContainer a img {
		vertical-align: top;
	}
	div.muMoreLinksContainer a span {
		font-size: 1.2em;
		line-height: 15px;
	}
		div.muMoreLinksContainer div {
			width: 180px;
			margin: 0;
			padding: 0 5px;
			background-color: rgb(239, 248, 254);
		}
			div.muMoreLinksContainer ul {
				margin: 0;
				padding: 4px 2px 0;
				list-style: none;
				font-size: 1.2em;
				border-top: 1px solid rgb(178, 214, 242);
			}
				div.muMoreLinksContainer ul a {
					line-height: 1.6;
				}

/**
 * Overrides and Specifics
 *
 * This is the area for overriding styles for specific pages
 **/
div.muAcademicLife {
	min-height: 500px;
	background-image: url('/images-web/muImages/muAcademicLifeBackground.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
* html div.muAcademicLife {
	height: 500px;
}
	div.muAcademicLife {
		height: 430px;
	}
div#muAcademicProductsContainer {
	position: relative;
}
	div#muAcademicProducts {
		position: absolute;
		top: 0;
		left: 250px;
		width: 486px;
	}
	* html div#muAcademicProducts {
		width: 517px;
	}

/*
  Pretty insignificant, if a subheading has a number
  e.g. [1] just give it a bit of margin
*/
span.subheadingNumber {
	margin-right: 4px;
}

table.generic p{ 
		font-weight: normal;
		font-size: 12px;
		margin-top: 0em;
		}
table.generic { 
		font-weight: normal;
		font-size: 12px;
		line-height: 160%; 
		}
table.generic td { 
		padding:0; 
		}

hr {
color: #358A78;
height: 1px;
width: 100%;
}
p { margin-top: 0em;
	line-height: 0; }