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

#bannercg {
	background: #ccc url(../images/Transact-web_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;
}
#index_cat h3 {
	margin-top: 1em;	
	margin-bottom: 0.4em;
}
#index_cat a:link {
	color: #cc0000;
	text-decoration: none;
}
#index_cat a:visited {
	color: #cc0000;
	text-decoration: none;
}
#index_cat a:hover {
	color: #CC6666;
	text-decoration: none;
}

#index_cat a:active {
	color: #CC6666;
	text-decoration: none;
}
#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;
}

#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;
}

/************
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%;
}