/***********************************************************/
/* campusgraphics.css - La Trobe University, Campus Graphics specific style sheet        
   Copyright (c) 2005, La Trobe University, Campus Graphics */
/***********************************************************/

#bannercg {
	background: #ccc url(../images/cg_banner.jpg) no-repeat right top;
}

#bannercg h1 {
	color: #333;
	margin: 0 0 0 0;
	font: 145% Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 15px;
	position:relative;
	font-size:24px;
}

.Linebreak {
	border-bottom: 1px dotted #999;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 0;
}

.backtotop {
	color: #333;
	margin-top: 0;
}

div.list_campusgraphics ul {
	color: #333;
	background: #FFFFFF;
	margin: 0;
	padding: 0px 0px 0px 0px;
	line-height: 50%;
	list-style-type: square;
}

/***********************************************
CG Styles (November 2006) by Andi
************************************************/
#cgContentArea {
	/*font-size: 93%;*/
}
/*********** #leftCol-cg_navBar styles ***********/
#cg_navBar {
	padding: 0;
	margin: 20px 5px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 93%; /* 11px;*/
}

#cg_navBar h5 {
	margin-top: 0.5em;	
	margin-bottom: 0.5em;
}
#cg_navBar a:link {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
}
#cg_navBar a:visited {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
}
#cg_navBar a:hover {
	color: #CC6666;
	text-decoration: none;
	font-weight: normal;
}
#cg_navBar a:active {
	color: #CC6666;
	text-decoration: none;
	font-weight: normal;
}
#cg_navBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cg_navBar li {
	background: url(../images/devices/arrow_red.gif) no-repeat 0px 5px;
	padding-left: 0.9em;
	padding-bottom: 0;
	font-weight:normal;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#E6E6E6;
}
#cg_navBar li.current {
	background: url(../images/devices/arrow_down_red.gif) no-repeat 0px 5px;
}
#cg_navBar li.current a.current{
	text-decoration:underline;
}
/* nav level 2*/
#cg_navBar li li{
	background: url(../images/devices/arrow_greydark.gif) no-repeat 0px 5px;
	border-bottom: none;
}
#cg_navBar li li.current{
	background: url(../images/devices/arrow_down_greydark.gif) no-repeat 0px 5px;
}
#cg_navBar li li a:link{
	color:#333333;
}
#cg_navBar li li a:visited{
	color:#333333;
}
#cg_navBar li li a:hover{
	color:#666666;
}
#cg_navBar li li a:active{
	color:#666666;
}
/* nav level 3*/
#cg_navBar li li li{
	background: url(../images/devices/arrow_red.gif) no-repeat 0px 5px;
}
#cg_navBar li li li.current{
	background: url(../images/devices/arrow_down_red.gif) no-repeat 0px 5px;
}
#cg_navBar li li li a:link{
	color:#CC0000;
}
#cg_navBar li li li a:visited{
	color:#CC0000;
}
#cg_navBar li li li a:hover{
	color:#CC6666;
}
#cg_navBar li li li a:active{
	color:#CC6666;
}
/* nav level 4*/
#cg_navBar li li li li{
	background: url(../images/devices/arrow_greydark.gif) no-repeat 0px 5px;
}
#cg_navBar li li li li.current{
	background: url(../images/devices/arrow_down_greydark.gif) no-repeat 0px 5px;
}
#cg_navBar li li li li a:link{
	color:#333333;
}
#cg_navBar li li li li a:visited{
	color:#333333;
}
#cg_navBar li li li li a:hover{
	color:#666666;
}
#cg_navBar li li li li a:active{
	color:#666666;
}

#cg_navBar p {
	color: #666666;
	font-size: 90%; /* 100*/
	line-height: 1.3em;
	margin-top: 2em;
	margin-bottom: 1em;
}

/*********** #cg_TextFootNotes styles ***********/
#mainContent div#cg_TextFootNotes { 
	color: #666666; 
	font-size:90%;/* 10px;*/
	font-style:italic;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#mainContent div#cg_TextFootNotes a:link {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
}
#mainContent div#cg_TextFootNotes a:visited {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
}
#mainContent div#cg_TextFootNotes a:hover {
	color: #CC6666;
	text-decoration: none;
	font-weight: normal;
}
#mainContent div#cg_TextFootNotes a:active {
	color: #CC6666;
	text-decoration: none;
	font-weight: normal;
}

/*********** #rightCol - cg_relatedLinks styles ***********/

.cg_relatedLinks {
	font-size: 90%;/*70%;11px*/
	border: 1px solid #ccc;
	margin: 20px 1.5em 0.15em 0;
}

.cg_relatedLinks h4 {
	color: #333;
	margin: 0.1em;
	padding: 0.2em 0.2em 0.2em 0.4em;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	background: #ccc;
}

.cg_relatedLinks ul {
	margin: 0;
	padding: 0.2em 0.2em 0.3em 1.8em;
}

.cg_relatedLinks li {
	list-style-type: square;
	padding: 0 0 0.3em;
	color:#cc0000;
}

.cg_relatedLinks a:link {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
}
.cg_relatedLinks a:visited {
	color: #cc0000;
	text-decoration: none;
	font-weight: normal;
}
.cg_relatedLinks a:hover {
	color: #CC6666;
	text-decoration: none;
	font-weight: normal;
}
.cg_relatedLinks a:active {
	color: #CC6666;
	text-decoration: none;
	font-weight: normal;
}

.cg_relatedLinks p {
	margin: 0;
	padding: 0.5em 0.2em 0.4em 0.5em;
	/*font-size: 93%;*/
}

.cg_relatedLinks strong {
	color: #666666;
}

/*********** #index_cat styles (for index category)***********/
#index_cat h2 {
	/*margin-top: 0.4em;	*/
	margin-bottom: 0.4em;
	font-size: 130%;
	font-weight: bold;
}
#index_cat h3 {
	margin-top: 1em;	
	margin-bottom: 0.4em;
}
#index_cat a:link {
	color: #cc0000;
	text-decoration:underline;
}
#index_cat a:visited {
	color: #cc0000;
	text-decoration: underline;
}
#index_cat a:hover {
	color: #CC6666;
	text-decoration: underline;
}

#index_cat a:active {
	color: #CC6666;
	text-decoration: underline;
}
#index_cat td, th {
	/*font-size:100%;11px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:1;
}

/*********** #service_az styles ***********/
#service_az {
	/*font-size:11px;100%;*/
}
#service_az a:link {
	color: #cc0000;
	font-weight: bold;
}
#service_az a:visited {
	color: #cc0000;
	font-weight: bold;
}
#service_az a:hover {
	color: #CC6666;
	font-weight: bold;
}
#service_az a:active {
	color: #CC6666;
	font-weight: bold;
}

/*********** #breadcrumb styles ***********/
#mainContent div#cg_breadcrumb {
	font-size: 90%;/*10px;*/
	color:#999999;
	padding:0px;

	/*background-color:#F2F2F2;*/
	margin: -5px 0px 10px -10px;
}
#mainContent div#cg_breadcrumb a:link {
	color: #999999; 
	text-decoration: none
}
#mainContent div#cg_breadcrumb a:visited {
	color: #999999; 
	text-decoration: none
}
#mainContent div#cg_breadcrumb a:hover {
	color: #333333; 
	text-decoration: none
}
#mainContent div#cg_breadcrumb a:active {
	color: #333333; 
	text-decoration: none
}

/*********** other ***********/
.row0 {
	background-color:#FFFFCC;
	margin-bottom:0;
}
.row1 {
	background-color:#CCFFFF;
	margin-bottom:0;
}
.row2 {
	background-color:#CCFFCC;
	margin-bottom:0;
}
.cg td, th {
	/*font-size:11px;100%;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:1;
}
.cg textarea, input, select {
	/*font-size:11px;100%;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:1;
}
.cg th {
	background-color:#99CCFF;
}

div.cg_hr {
	background-image:url(../images/devices/dot.gif);
	height:1px;
	margin:2px 0;
	padding:0;
}

div.cg_hr hr {
	display:none;
}

/* cg2 added 13 Nov 07 Andi - red*/
table.cg2_ {
	border: 1px solid #FF9999;
}
.cg2 .row0 {
	background-color:#FFFFFF;
	margin-bottom:0;
}
.cg2 .row1 {
	background-color:#FFEAEA;
	margin-bottom:0;
}
.cg2 .row2 {
	background-color:#CCFFCC;
	margin-bottom:0;
}
.cg2 td{
	border-bottom: 1px #FF9999 dotted;
}
.cg2 th, .cg2 .rowh, .cg2 .rowh td{
	/*background-color:#EF9A9A; #C2201E */
	background-color:#FFCCCC;
	color:#C2201E;
	border-bottom: 1px #FF9999 solid;
	font-weight: bold;
	text-align: center;
	/*
	background-color:#FFEAEA;
	color:#FF0000;
	border-bottom: 1px #C2201E solid;
	*/
}

.cg2 td.none{
	border-bottom: none;
}

/* cg3 added 13 Dec 07 Andi  - blue*/
table.cg3_ {
	/* border: 1px solid #99FFFF; */
	border-width: 1px;
	border-style: solid;
	border-color: #00CCFF;
}
.cg3 .row0 {
	background-color:#FFFFFF;
	margin-bottom:0;
}
.cg3 .row1 {
	background-color:#EAFFFF;
	margin-bottom:0;
}
.cg3 .row2 {
	background-color:#CCFFCC;
	margin-bottom:0;
}
.cg3 td{
	border-bottom: 1px #00CCFF dotted;
}
.cg3 th, .cg3 .rowh {
	/*background-color:#EF9A9A; #C2201E */
	background-color:#CCFFFF;
	color:#0066FF;
	border-bottom: 1px #00CCFF solid;
	font-weight: bold;
	
	/*
	text-align: center;
	background-color:#FFEAEA;
	color:#FF0000;
	border-bottom: 1px #C2201E solid;
	*/
}

.cg3 td.none{
	border-bottom: none;
}

/* cg4 added 14 Dec 07 Andi - green */
table.cg4_ {
	/* border: 1px solid #99FFFF; */
	border-width: 1px;
	border-style: solid;
	border-color: #00CC33;
}
.cg4 .row0 {
	background-color:#FFFFFF;
	margin-bottom:0;
}
.cg4 .row1 {
	background-color:#EAFFEA;
	margin-bottom:0;
}
.cg4 .row2 {
	background-color:#CCFFCC;
	margin-bottom:0;
}
.cg4 td{
	border-bottom: 1px #00CC33 dotted;
}
.cg4 th, .cg4 .rowh {
	/*background-color:#EF9A9A; #C2201E */
	background-color:#CCFFCC;
	color:#006600;
	border-bottom: 1px #00CC33 solid;
	font-weight: bold;
	
	/*
	text-align: center;
	background-color:#FFEAEA;
	color:#FF0000;
	border-bottom: 1px #C2201E solid;
	*/
}

.cg4 td.none{
	border-bottom: none;
}
.cg4_btn{
	background-color:#EAFFEA;
	color:#006600;
	font-weight: bold;
	border-color: #00CC33;
	font-size: 100%;
}
.cg3_btn{
	background-color:#EAFFFF;
	color:#0066FF;
	font-weight: bold;
	border-color: #00CCFF;
	font-size: 100%;
}
.cg2_btn{
	background-color:#FFEAEA;
	color:#C2201E;
	border-color: #FF9999;
	font-weight: bold;
	font-size: 100%;
}

#pageHeader {
	background-color:#F2F2F2;
	color:#DB0000;
	font-size:120%;/*17px;*/
	font-weight:bold;
	padding: 2px 5px;
	margin-left: -5px;
	margin-right: -5px;
}
div#cg_topnav {
	text-align:right;
	font-size:90%;/*10px;*/
	color: #999999; 
	background-image:url(../images/devices/dot.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin: -15px 0px 10px -15px;
	padding-bottom:5px;
}
#mainContent div#cg_topnav a:link {
	color: #999999; 
	text-decoration: none;
}
#mainContent div#cg_topnav a:visited {
	color: #999999; 
	text-decoration: none;
}
#mainContent div#cg_topnav a:hover {
	color: #333333; 
	text-decoration: none;
}
#mainContent div#cg_topnav a:active {
	color: #333333; 
	text-decoration: none;
}
.thin_border {
	border-collapse:collapse;
	border:#ccc 1px solid;
}

table.detail td {
	background-color:#CCC;
}
table.detail th {
	background-color:#CCF;
	text-align:left;
	vertical-align:top;
}
table.detail td.button {
	background-color:#FFF;
	text-align:center;
	border: none;
}

/************
Andi (3 May 07) : .cg_thumbnail will display an image on hover.
*************/
.cg_thumbnail{
position: relative;
z-index: 0;
}

.cg_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.cg_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.cg_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.cg_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* New website template */
.section_title {
	border-top:1px solid #000;
	font-weight:bold;
}

/*******************
Submission Form
********************/
.submission_form {
	border-collapse:collapse;
	border: 1px solid #999;
}
.submission_form td{
	border-bottom: 1px dotted #CCC;

}
.submission_form textarea{
	width: 500px;
}
.submission_form input.short{
	width: 40px;
}
.submission_form input.wide{
	width: 500px;
}

.form_section {
	background-color:#FFDDDD;
	padding: 5px;
	font-weight:bold;
	font-size:120%;
}