/*
* Stylesheet for Faculty of Information Technology 
* Inherit main styles from centrally-maintained stylesheets
* Use only for colour changes and additional styles that do not require cross-browser/platform support
* Use only relative font sizes - (em is preferred, no px or pt) 
*/

/* Page header */

body {
	margin-top:0;
	margin-bottom:0;
}

#accessibility {
	padding:2px 2px 4px 0;
	font-size:0.8em;
	position: absolute;
	left: -5000px;
}

#accessibility a {
	text-decoration:none;
}

#global-header {
	border:1px solid #000000;
	margin-top: 8px;
}

#global-logo {
	float:left;
}

#global-banners {
	text-align:right;
}

#global-nav, #global-nav a, #global-nav a:link, #global-nav a:visited, #global-nav a:hover {
    background-color:#653579;
    color:#fff;
	padding:6px;
	width:auto;
}

#global-utils, #global-utils a, #global-utils a:link, #global-utils a:visited, #global-utils a:hover, #global-utils-form {
    background-color:#c1aec9;
    color:#000;
	padding:3px;
	width:auto;
}

#global-utils input[type=submit] {
	background-color:#653579;
}

.globalnav, .globalnav a, globalnav a:link, globalnav a:visited, .globalnav a:hover {
    background-color:#653579;
    color:#fff;
}

.grey {
	color:#666666;
}


/* Page content container */

#page-container, #page-container-no-nav {
	padding:0;
	background:url(../images/section-nav-background.gif) repeat-y #ffffff;
}

#page-container-no-nav {
	background:#ffffff;
}

#page-container-content, #page-container-content-no-nav {
	padding:0.5em 1em 2em 1em;
	margin-left:265px;
	position:relative;
}

#page-container-content-no-nav {
	margin-left:0;
}


/* Section navigation */

#section-nav {
    background-color:#efeaf1;
    color:#339;
	border:none;
	position:relative;
	float:left;
	width:240px;
	left:0.5em;
}

.section-nav-body ul, .section-nav-body a, .section-nav-body a:link {
    background-color:#efeaf1;
    color:#339;
}


/* Content */

#breadcrumbs {
	padding:0em 0em 0.5em 0em;
	font-size:0.8em;
}


/* Footer styles */

#footer-spacer {
	clear:both;
}

#footer, #section-nav-footer {
	background-color:#fff;
	color:#666666;
	border-top:1px solid #ccc;
	clear:both;
	margin:0;
	padding:0.5em;
}

#footer a, #footer a:link, #footer a:visited, #section-nav-footer a, #section-nav-footer a:link, #section-nav-footer a:visited {
	background-color:#fff;
	color:#666666;
}

#footer-text {
	float:left;
	padding-bottom:0.5em;
}

#footer-text form {
	margin-top:0.5em;
}

#footer-web-service {
	text-align:right;
	padding:0.5em 0;
}


/* Headings */

h1 {
	color:#339;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	margin:0.1em 0em 0.5em 0em;
	padding:0;
	background-color:transparent;
}

h2, h3, h4, .blue {
	color:#339;
	padding-bottom:2px;
	background-color:transparent;
}

h5, h6 {
	color:#666;
	background-color:transparent;
}

th {
    background-color:#efeaf1;
    color:#653579;
}


/* Highlight boxes */

#highlight-region {
	margin-top:1em;
	margin-left:0.5em;
	padding-left:0.5em;
	width:220px;
	background-color:#ffffff;
	float:right;
	position:relative;
}

.section-highlight {
    border:1px solid #c1aec9;
    margin-top:0.4em;
    margin-bottom:2em;
}

.highlight-header {
    background-color:#efeaf1;
    color:#653579;
	font-size:1.0em;
	padding:3px;
	border-bottom:1px solid #c1aec9;
}

.highlight-body {
	background-color:#fff;
	color:#000;
}

.highlight-body ul {
    background-color:#fff;
    color:#000;
}

.highlight-body a, .highlight-body a:link {
    color:#339;
}

.highlight-photo {
    margin-bottom:1.5em;
}

/* Column header */

.columnheader {
	color:#653579;
	font-weight:bold;
}
.columnheader-larger {
	color:#653579;
	font-weight:bold;
	font-size:16px;
}

/* Column body */

#column-body {
    background-color:#efeaf1;
    color:#339;
}

.column-body-coloured-border {
    background-color:#efeaf1;
    color:#339;
	border:1px solid #c1aec9;
}

.column-body ul, .column-body a, .column-body a:link {
    background-color:#efeaf1;
    color:#339;
}

.column-body-border {
	border:1px solid #000000;
	margin-top:0.25em;
	margin-bottom:2em;
}

.column-body-border-left {
	border-left:1px solid #000000;
}

.column-body-border-right {
	border-right:1px solid #000000;
}

.column-body-brokenborder-left {
	border-left:1px dotted #cbcbcb;
}

/* Main nav */

.main-nav {
    background-color:#efeaf1;
    color:#000;
    border:1px solid #653579;
    margin:1em;
	width:80%;
}

.main-nav h2 {
	background-color:#efeaf1;
	color:#653579;	
}

.main-nav ul {
    background-color:#efeaf1;
    color:#000;
    margin-top:0.5em;
    margin-left:1.6em;
    font-size:0.95em;
}

.main-nav li {
    margin:0;
    border:0px none;
    padding-top:0.1em;
}

.main-nav a:link {
    color:#000;
}

.main-nav a:hover {
    text-decoration:none;
}

/* Inputs */
/*
input {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	border:1px solid #653579;
}

input:focus {
	background-color:#ffffff;
	border:1px solid #000000;
}

input.checkbox {
	border:0px;
}
	
textarea, select, button {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	border:1px solid #333333;
}

option {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
}
*/
/* All other styles */

dd {
	margin-bottom:1em;
}

.blurp {
	color:#666;
	font-weight:normal;
	font-size:16px;
}

.border-grey {
	border:1px solid #cccccc;
	padding:5px;
}

.border-dashed {
	border:1px dashed #cccccc;
}

.border-dashed-left {
	border-left:1px dashed #cccccc;
}

.field {
	background-color:#efeaf1;
	border:1px solid #653579;
}

.field td {
	border-bottom:1px dotted #cccccc;
}

.field table td {
	border:none;
}

.hilite {
	background-color:#ff0000;
}

.text-center {
	text-align:center;
}

.contacts {
	background-color:#eee;
	border:1px solid #ccc;
}

.contacts td {
	border-bottom:1px dashed #ccc;
	border-right:1px dashed #ccc;
	padding:3px 5px;
}

.contacts tr.header {
	background-color:#bbb;
	font-weight:bold;
}

.staff-brief {
	margin-bottom:1.5em;
}

.staff-brief img {
	margin-right:1.5em;
	height:100px;
}

.video {
	float:right;
	margin-left:1em;
	border:1px solid #cccccc;
	padding:5px;
}

.video h4 {
	background-color:#efeaf1;
	color:#653579;
	font-size:0.9em;
	padding:3px;
	margin-top:0;
	margin-bottom:5px;
}

.video p {
	margin-bottom:0;
}

/* BUTTONS */
a.button,
a.button > span {
	display: inline-block;
	*display:inline;
	zoom:1;
}
a.button {
	margin-right: 10px;
	padding-left: 60px;
	height:50px;
	background: url(/assets/images/icons/sprite-facebook-buttons.png) 0 0 no-repeat;
	font-size: 14px;
	font-family:Arial,sans-serif;
	color: black;
	text-decoration: none;
	/*text-shadow: 0 1px 0 rgba(255,255,255,1);*/
	overflow:hidden;
	cursor: pointer;
}
a.button > span {
	height: 50px;
	padding: 0 10px 0 0;
	background: url(/assets/images/icons/sprite-facebook-buttons.png) 100% -50px no-repeat;
	line-height: 50px;
}
a.button:hover { background-position: -60px 0; }
a.button:hover > span {
	background-position: 100% -100px;
}
a.button span.title {
	padding-top:10px;
	font-size:16px;
	line-height:18px;
	color:#444;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
	display:block;
	float:left;
	clear:both;
}
a.button span.subtitle {
	font-size:10px;
	line-height:10px;
	color:#777;
	display:block;
	float:left;
	clear:both;
}
a.button.blank { padding-left: 10px; }
a.button.facebook 			{ background-position: 0 0; }
a.button.facebook:hover 	{ background-position: -60px 0; }

/* VDaemon error styles */

.defaultErr, .red {
	font-weight:bold;
	color:#ff0000;
}

.defaultErrBox {
	background-color:#ffffcc;
	padding:0.5em;
	border:1px dashed #ff0000;
	color:#ff0000;
	width:40%;
	text-align:left;
}

/* Image alignments */

.image-align-left, .image-align-right, .image-align-left-no-wrap, .image-align-right-no-wrap, .image-align-center, .image-align-center-no-wrap {
	color:#333399;
}

.image-align-left {
	padding:5px;
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

.image-align-right {
	padding:5px;
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}

.image-align-center, .image-align-center-no-wrap {
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}

.image-align-left-no-wrap {
	padding:5px;
	margin-bottom:1em;
}

.image-align-right-no-wrap {
	padding:5px;
	float:right;
	margin-left:100%;
	margin-bottom:1em;
}

/* Courses look and feel */

ul.courses {
    list-style-image:url('http://assets.monash.edu.au/images/blue-arrow.gif');
	border:0;
}

ul.courses li {
	margin:5px 0;
}

table.courses {
	border:0;
	margin:0 10px;
}

table.courses th {
	background-color:#fff;
	font-size:1.2em;
	padding:5px 5px;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}

ul.blue-arrow li{
	margin-bottom:3px;
	list-style-image: url('http://assets.monash.edu.au/images/blue-arrow.gif');
}

/* begin course map styles */

.common-core {
	background-color:#ebe3eb;
	color:#000;
	border:2px solid #b982b9;
}

.core {
	background-color:#ebe3eb;
	color:#000;
}

.elective {
	background-color:#d7c9db;
	color:#000;
}

.other-elective {
	background-color:#bca4c0;
	color:#000;
}

.course-map {
	width:98%;
	border:1px solid #fff;
}

.course-map th {
	background-color:#c0c0c0;
	color:#000;
	padding:3px;
	font-size:small;
}

.course-map td {
	padding:3px;
	font-size:small;
}

.course-map-ledend {
	border:1px solid #fff;
	font-size:small;
	width:98%;
	margin:0px;
	padding:0px;
}

/* New course map styles (for 2010 and above) */

.course-maps th {
	background-color:#653579;
	padding:4px;
	font-weight:bold;
	color:#ffffff;
}

.course-maps td {
	background-color:#efeaf1;
	padding:4px;
}

.course-maps-indent {
	padding-left:24px;
}

/* end of course map styles */

/* Table styles */

.table-with-border { /* entire table */
	border-top:1px solid #c1aec9;
	border-left:1px solid #c1aec9;
}

.table-with-border td { /* data cell */
	border-bottom:1px solid #c1aec9;
	border-right:1px solid #c1aec9;
	padding:3px 5px 3px 5px;
}

.table-with-border th { /* header cell */
	border-bottom:1px solid #c1aec9;
	border-right:1px solid #c1aec9;
	padding:3px 5px 3px 5px;
	vertical-align:middle;
}

.enrolment-dates-table td, .items-table td {
	border-bottom: 1px dashed #cccccc;
}

table.units-table {
	border-top:1px dotted #cccccc;
/*	width:auto;*/
}

table.units-table th {
	padding:8px 4px;
}

table.units-table td {
	padding:8px 4px;
	border-bottom:1px dotted #cccccc;
}

td.units-table-shaded {
	background-color:#eeeeee;
}

table.units-table .note {
	color: #f00;
	font-size:80%;
	font-weight:bold;
}

table.units-table div.note {
	margin-top:0.5em;
}

table.units-table div.note a {
	color:#a00;
}

.unit-details {
	font-size:0.8em;
	color:#777777;
	padding-left:1em;
	padding-top:0.5em;
}

table.table-with-dashed-rows td {
	border-bottom:1px dashed #ebe3eb;
	padding:1px 3px 1px 3px;
}

table.table-with-border-and-dashed-rows {
	border:1px solid #c1aec9;
}

table.table-with-border-and-dashed-rows td {
	border-bottom:1px dashed #ebe3eb;
	padding:1px 3px 1px 3px;
}

table.table-with-border-and-dashed-rows th {
	border-bottom:1px solid #c1aec9;
	padding:1px 3px 1px 3px;
}

table.units-filter-table {
	width:100%;
	font-size:small;
}

table.table-with-gray-borders {
	/*border:1px dashed gray; */
	border-collapse:collapse;
}

table.table-with-gray-borders td {
	padding:2px 3px 2px 3px;
	border:1px dashed gray;
	font-size:small;
/*	background-color: #F7F7F7;*/
}

table.table-with-gray-borders th {
	padding:2px 3px 2px 3px;
	background-color:#f7f7f7;
	border:1px dashed gray;
	font-size:small;
	font-weight:bold;
	color:gray;
}

table.staff-list td {
	padding:6px;
	border-bottom:1px dotted #555555;
}

/* Older style of news/events tables */

.home-news-table td {
	padding: 2px;
	margin-right:10px;
}

.home-news-table th {
	padding: 2px;
	vertical-align:middle;
}

.home-news-table a 
{
	height:100%;
	text-decoration: none;
	color: #653579;
}

.home-news-table a:hover {
	text-decoration:underline;
}

.home-news-table a:visited {
	color: #653579;
}

.home-news-table li {
	margin-bottom:0.5em;
	font-size:1em;
}

.home-news-item {
	font-weight:bold;
	font-size:1em;
}

/* START STYLES FOR TABBED NAVIGATION WITHIN PAGES */

/* Style of non-selected <td> tabs */

.tab {
	background-color:  #EFEAF1; /*#c1aec9;*/
	vertical-align:middle;
	padding: 0px 5px 3px 5px;
	border-left: 1px solid #c1aec9;
	border-top: 1px solid #c1aec9;
	border-right: 1px solid #c1aec9;
}

/* Style of hyperlinks within non-selected <td> tabs */

.tab a:visited, .tab a:link {
	color: #339; /*#653579;*/
	background-color:  #EFEAF1; /*#c1aec9;*/
	text-decoration:underline;
}

/* Style of hyperlinks within non-selected tabs when hovered over */

.tab a:visited:hover, .tab a:link:hover {
	text-decoration:none;
}

/* Style of selected tab */

.tab-selected {
	background-color: #653579;
	border: 1px solid black;
	vertical-align:middle;
	padding: 0px 5px 3px 5px;
}

/* Style of hyperlinks within selected tabs */

.tab-selected a:visited, .tab-selected a:link {
	color: white;
	background-color: #653579;
	text-decoration:underline;
}

/* Style of hyperlinks within non-selected tabs when hovered over */

.tab-selected a:visited:hover, .tab-selected a:link:hover {
	text-decoration: none;
} 

/* Style of the <td> column between tabs used for separation */

.tab-spacer{
	width:2px;
	border: 1px solid White;
}

/* Style of the content <td> */

.tab-content {
	background-color: #ffffff;
	border: 1px solid #c1aec9; /*#c1aec9;*/
	padding: 5px;
	vertical-align:top;
}

/* Style of the <tr> that contains the tabs */

.tabs-row{
	margin: 0px;
	padding: 0px;
}

/* END STYLES FOR TABBED NAVIGATION */
