/*
Version: July 2010
Author: ITS Web Publishing
Contents: 	MISC NEW STYLES
			HEADINGS AND TEXT
			LINKS
			LISTS
			TABLES
			FORMS
			NEWS
			TABS
			FOOTER
			BOXES
			EXPANDO (Show/hide)
			ORIGINAL STYLES
Colours: 	#000	Text default black
			#333399	Link blue
			#993333	Link visited red
			#0000ff Link hover blue
See also wrapper.css
*/

/* ---- MISC NEW STYLES -------------------------  */

hr {
	width: 100%;
	border: 0;
	height: 2px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	margin: 10px 0;
}

hr.dashed {
	border-top: 1px dashed #c00;
	border-bottom: none;
	height: 1px;
}

.path .back {
	padding-left: 10px;
	margin-right: 20px;
	background: url(../images/arrowleft.gif) left center no-repeat;
}

abbr, acronym, span.abbr {
  /* cursor: help; */
  border: none;
}

a.white:link, a.white:visited, a.white:active, a.white:focus, a.white:hover {
	color: #fff;
	display: block ;
	text-decoration: none;
	cursor: pointer;
}

.greyborder img {
	border: 1px solid #999;
}

.dividerabove {
	border-top: 1px solid #fff;
	padding-top: 4px;
}

.pagelink {
	list-style-image: url(../images/pagelink.gif);
}

.pagemenu {
	margin-right: 5px;
}

q:before, q:after { /* Removes the " around a q tag in all browsers other than IE which does this anyway  */
    content: "";
}

.red {
	color: #f00;
}

/* ---- HEADINGS AND TEXT -------------------------  */

h1 {
	font-size: 1.5em;
	word-spacing: normal;
	color: #000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	padding: 0;
	margin: 0.4em 0;
}

h2 {
	font-size: 1.3em;
	padding: 0;
	margin: 1.4em 0 0.4em 0;
	color: #000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

h3 {
	font-size: 1.2em;
	padding: 0;
	margin: 1.2em 0 0.4em 0;
	color: #000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

h4, h5, h6 {
	font-size: 1em;
	padding: 0;
	margin: 1em 0 0.4em 0;
	color: #000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

p {
	margin: 0 0 .8em 0;
}

p.clearsearch {
	text-align: center;
	font-size: 1.4em;
}

ul {
	margin-top: 0;
}

.arrow li {
	list-style-image: url(../images/listarrow.gif);
	margin: 0 0 0.4em 0;
}

blockquote {
	margin: 0px;
	padding: 20px;
}

/* ---- LINKS -------------------------  */

#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
}

a:link {
	color: #333399
}

a:visited {
	color: #993333
}

a:active, a:hover, a:focus {
	color: #0000ff
}

.toplink a {
	background: url(../images/pagemenu.gif) left center no-repeat;
	padding-left: 16px;
}

/* ---- LISTS -------------------------  */

#contentpadding li {
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

#subhomepageLeft li {
	padding-top: 0.05em;
	padding-bottom: 0.05em;
}

#rightPanel a:link, #rightPanel a:visited, #rightPanel a:active, #rightPanel a:hover, #rightPanel a:focus {
	color: #454545;
}

#leftPanel a:link, #leftPanel a:visited, #leftPanel a:active, #leftPanel a:hover, #leftPanel a:focus {
	color: #454545;
}

#leftPanel li {
	background: url(../images/leftpanellist.gif) left bottom no-repeat;
}

#leftPanel li.last {
	background: none;
}

#leftPanel a:link, #leftPanel :visited {
	text-decoration: none;
}

#leftPanel a:active, #leftPanel a:hover, #leftPanel a:focus {
	text-decoration: underline;
}

.pagemenu  li {
        list-style-image: url(../images/pagelink.gif);
}

/* ---- TABLES -------------------------  */

table {
	border: none;
	border-collapse:collapse;
	empty-cells: show;
}

th {
	border: none;
	text-align: left;
}

td {
	border: none;
}

.datatable {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

/* Sortable tables */
table.datatable thead {
	color: #333399;
    cursor: default;
}

.datatable thead th {
	text-decoration:underline;
}

.datatable thead th.sorttable_nosort {
	text-decoration:none;
	color: #000;
}

.datatable th {
	background-color: #d9d9d9;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	vertical-align: top;
	font-weight: bold;
}

.datatable th p {
	margin: 0;
}

.datatablesort {
	color: #333399;
	text-decoration:underline;
}

.datatable td {
	vertical-align: top;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
}

.datatable tr.even {
	background-color: #f3f3f3;
}

.datatable tr.odd {
	background-color: #fff;
}

/* ---- FORMS -------------------------  */

form {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #000;
	font-style: normal;
}

.form-instructions {
	font-size: .8em;
}

fieldset {
	border: 1px solid #ccc;
	padding: .8em;
}

legend {
	color: #000;
	font-weight: bold;
	padding-top: .5em;
	padding-bottom: .2em;
	padding-left: .5em;
	padding-right: .5em;
}

fieldset fieldset {
	padding-top: .6em;
}

fieldset fieldset legend {
	font-weight: normal;
}

label, option, input {
	margin-top: 0.5em;
	margin-bottom: 0;
	color: #000;
	font-style: normal;
}

label {
	display: block;
}

.hidden-label {
	position: absolute;
	left: 9999em;
}

select {
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0;
	color: #000;
	font-style: normal;
}

select.rmitcas {
	height:25px
}

input.rmitcas {
	height:20px
}

.required {
	color: #f00;
}

.messageerror {
	color: #f00;
	background: url(../images/cross.png) no-repeat scroll left top transparent;
	padding-left: 22px;
}

.messagesuccess {
	color: #090;
}

/* ---- NEWS -------------------------  */

#newsimage {
	float: right;
	margin: 5px;
	width: 190px;
	background-color: #eeeeee;
}

.newsimagecaption {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 60%;
	padding-bottom: 5px;
	color: #000;
	padding-top: 5px;
	position: relative;
}

.newsabstract {
	margin-top: 0.7em;
	font-weight: bold;
	padding-bottom: 0.7em;
	font-style: normal;
}

.newsdate {
	padding: 0;
	margin-top: 1.45em;
	margin-bottom: 0;
	font-size: 80%;
	color: #000;
	font-style: normal;
}

.newsfeature p {
	margin-top: 0;
	margin-bottom: 6px;
}

.newsfeature img {
	border-width: 1px;
	margin-top: 3px;
	margin-right: 4px;
}

.downbullet li {
	list-style-image: url(../images/pagelink.gif);
}

.uparrow {
	margin-right: 5px;
}

/* Tables in the news template automatically use 'newsabstract' style. This fix makes those tables look normal. */

td .newsabstract {
	font-weight: normal;
	margin-top: 0;
	padding-bottom: 0;
}

th .newsabstract {
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 0;
}

/* ---- TABS -------------------------  */

#tab {
	font-size: 90%;
	float: left;
	width: 100%;
	line-height: normal;
}

#tab ul {
	padding: 10px 10px 0 10px;
	margin: 0;
	list-style-type: none;
}

#tab li {
	padding: 0 0 0 9px;
	margin: 0;
	background: url(../images/tableft.gif) no-repeat left top;
	float: left;
	border-bottom: #999999 1px solid;
}

#tab span {
	padding: 5px 15px 5px 6px;
	display: block;
	background: url(../images/tabtopr.gif) no-repeat right top;
	float: left;
	position: relative;
}

#tab span {
	float: none
}

#tab #current {
	background-image: url(../images/taboffleft.gif);
	border-bottom: #fff 1px solid;
}

#tab #current span {
	background-image: url(../images/tabofftopr.gif);
	padding-bottom: 5px;
}

/* ---- FOOTER -------------------------  */

#footer p  {
	line-height: 1.4em;
	margin: 0 0 .6em 0;
}

#footer img {
	vertical-align: middle;
}

.divideright  {
	border-right: 1px solid #333;
	padding-right: 4px;
}

.divideleft  {
	border-left: 1px solid #333;
	padding-left: 4px;
}

/* ---- BOXES -------------------------  */

#loginbox {
	width: 280px;
	background-image: url(../images/stripebackground.gif);
	margin-top: 1em;
	padding-bottom: 0.5em;
}

#loginbox form {
	margin: 0;
	padding: .5em;
	background: url(../images/stripecorner.gif) right top no-repeat; /* White diagonal corner  */
}

#loginbox td {
	padding: .2em .5em;
}

.photobox {
	background: url(../images/stripebackground.gif);
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-bottom: 15px;
}

.photobox p {
	margin: 0;
	padding: 10px;
}

.stripebox {
	background: url(../images/stripebackground.gif);
	margin: 1em 0;
	padding-bottom: .5em;
}

.stripebreakout {
/* For text content that behaves like photobox.
Use .stripeboxcontent or .stripeboxcontentsmall for the content. */
	background: url(../images/stripebackground.gif);
	margin: 1em 0 15px 15px;
	padding-bottom: .5em;
}

.stripeboxcontent {
	background: url(../images/stripecorner.gif) right top no-repeat;
	padding: 7px;
}

.stripeboxcontentsmall {
	background: url(../images/stripecorner.gif) right top no-repeat;
	padding: 7px;
	font-size: 85%;
}

.stripebox ul, .stripebreakout ul {
	margin-bottom: 10px;
}

.stripebox li, .stripebreakout li {
	margin: 0 0 0 -23px;
}

.stripebox h2, .stripebox h3, .stripebox h4, .stripebreakout h2, .stripebreakout h3, .stripebreakout h4 {
	margin-top: 0;
}

.stripebox .txt-field, .stripebreakout .txt-field {
	background-image: url(../images/stripebackground.gif)
}

.stripebox select, .stripebox input, .stripebreakout select, .stripebreakout input  {
	font-size: 100%;
	color: #333333;
}

.promowrap { /* you only need this if you're using the promo styles on generic page, not the third column of a subhomepage  */
	float: right;
	width: 180px;
	margin-left: 20px;
}

#promo1, .promo1 { /* should all be class not id, but we need to check before we can remove the # version */
	background: #d01a20;
	margin: 0 0 1em 0;
}

#promo2, .promo2 {
	background: #999999;
	margin: 0 0 1em 0;
}

.promo3 {
	background: #869e9f url(../images/promo3.gif) bottom left no-repeat;
	margin: 0 0 1em 0;
}

#promo1 p, .promo1 p, #promo2 p, .promo2 p, .promo3 p {
	padding: 9px;
	font-size: 85%;
	margin: 0;
	color: #fff;
}

#promo1 a:link, #promo1 a:visited, #promo1 a:active, #promo1 a:hover, #promo1 a:focus,
.promo1 a:link, .promo1 a:visited, .promo1 a:active, .promo1 a:hover, .promo1 a:focus,
#promo2 a:link, #promo2 a:visited, #promo2 a:active, #promo2 a:hover, #promo2 a:focus,
.promo2 a:link, .promo2 a:visited, .promo2 a:active, .promo2 a:hover, .promo2 a:focus,
.promo3 a:link, .promo3 a:visited, .promo3 a:active, .promo3 a:hover, .promo3 a:focus {
	color: #fff;
}

#subhomepageRight .promo1 img, #subhomepageRight .promo2 img, #subhomepageRight .promo3 img {
	margin:0;
}

/* text alternatives for promo box buttons */
.promobuttonred {
	background: url(../images/promobuttonred.gif);
	height: 38px;
	width: 180px;
	margin: 0;
}

.promobuttongrey {
	background: url(../images/promobuttongrey.gif);
	height: 38px;
	width: 180px;
	margin: 0;
}

.promobuttonred p, .promobuttongrey p {
	margin: 0;
	padding: 9px 12px 0 9px;
	font-size: 1em;
}

.promobuttonred p.longtext {
	margin: 0;
	padding: 4px 12px 0 9px;
	font-size: 0.9em;
}

/* ---- EXPANDO -------------------------  */
/* showhide & hidden must match names in the JavaScript at http://mams.rmit.edu.au/chedc3o46wm3.js */

.showhide { /* showhide - the container */
}

.hidden .showhidecontent { /* How to hide ? */
	display: none;
}

.showhide .title { /* What to do with the title (e.g. open/close image) */
	background:  url(../images/minus.gif) top left no-repeat;
}

.hidden .title {
	background: url(../images/plus.gif) top left no-repeat;
	display: block;
}

/* Special styling for show/hide content */

.showhidecontent h3 {
	font-size: 1.1em;
}

h2.title {
	margin: 10px 0;
}

.title a:link, .title a:active, .title a:visited, .title a:hover, .title a:focus {
	text-decoration: none;
	padding-left: 20px;
}

h2.title a:link, h2.title a:active, h2.title a:visited, h2.title a:hover, h2.title a:focus {
	color: #c00;
}

h3.title a:link, h3 .title a:active, h3.title a:visited, h3.title a:hover, h3.title a:focus {
	color: #000;
}

a.expand {
	border-right: 1px solid #999;
	padding-right: 8px;
}

a.contract {
	padding-left: 8px;
}

/* ---- ORIGINAL STYLES -------------------------  */

.indentpara {
	margin-left: 25px
}

.indentfirst {
	text-indent: 25px
}

sub, sup {
	font-size: 80%;
	color: #000;
	font-style: normal;
}

.numbered {
	list-style-position: outside;
	direction: ltr;
	list-style-type: decimal;
}

.highlight {
	background-color: yellow;
}

.notice {
	background-color: red;
}

.resultField {
	font-weight: bold; color: #666666
}

.resultDesc {
	font-weight: bold; color: #666666
}

.resultSection {
	color: #336699
}

.resultHighlight {
	font-weight: bold
}