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


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






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



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


.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%;
}

/******************************************/
@import url("news.css");
/* originally from am */
a.records:hover {background-color:#F3F3F3}

.inline_box {
	background-color:#000033; border-color:#999999; border-style:dashed; border-width:thin;
	padding: 8px;
	
}
.inline_box_edit {
	background-color:#CCCCCC; border-color:#999999; border-style:dashed; border-width:thin;
	padding: 8px;
	
}
.inline_box_add {
	background-color:#00CC99; border-color:#999999; border-style:dashed; border-width:thin;
	padding: 8px;
	
}
.inline_box_read {
	background-color:#A4DADD; border-color:#0000CC; border-style:dashed; border-width:thin;
	padding: 8px;
	
}
/* .inline_box,.inline_box_add,.inline_box_edit  .a:hover {background-color:#E2E2E2}
.inline_box_add  .a:hover {background-color:#E2E2E2}
.inline_box_edit  .a:hover {background-color:#E2E2E2} */
.delete {
	background-color:red;
}
.save {
	background-color:lightgreen;
}
.small_text {
	font-size:9px;
}
.medium_text {
	font-size:14px;
	font-weight:bold;
}
.large_text {
	font-size:20px;
}
.readonly {
	background-color:#CCCCCC;
}
.table_header {
	background-color:#D6DFE7;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}
.table_row {
	background-color:#E7E7E7;
}
.table_row_alt {
	background-color:#CECFCE;
	/*font-size:9px;*/
}
.bg_green {
	background-color:lightgreen;
}
.bg_red {
	background-color:#FF9999;
}
.bg_yellow {
	background-color:#FFFF00;
}
.bg_lightyellow {
	background-color:#FFFFCC;
}
.bg_purple {
	background-color:#9900FF;
	color:white;
}
.bg_mauve {
	background-color:#FFA4FF;
}

.red {
	color:#FF0000;
}
.pink {
	color:#FF9999;
}
.bold_red {
font-weight:bold;
	color:#FF0000;
}
.blue {
	color:#0000FF;
}
.green {
	color:lightgreen;
}
.gray {
	color:#999999;
}
.purple {
	color:#9900FF;
}
.yellow {
	color:#FFFF00;
}
.brown {
	color:#990000;
}
.title2 {
	font-size:18px;
}

/*
textarea, input.field, input.readonly {
	width:150px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif
}
select {
	width:155px;
}
textarea {
	height: 50px;
}
*/
.search_effective {
	background-color:#EAEAEA;
}

/* css popups styles */
div#links a span {display: none; }
div#links a:hover span {display: block;
   position: absolute; top: 200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}
  
/* END css popups styles */
/* css tooltips styles */
a.info{
    position:relative; /*this is the key*/
    z-index:9998; background-color:#D5FFFF;
	font-weight:bold;
	border: 1px dashed #00CCFF;
    color:#000;
    text-decoration:none;
	font-size:14px;}

a.info:hover{z-index:9999; background-color:#ff0}

a.info span{display: none}


a.info:hover span{ /*the span will display just on :hover state*/
    z-index:99999;
	display:block;
    position:absolute;
    top:2em; left:-25em; width:30em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
	font-weight:normal;
	font-size:12px;}
/* Info Above is a workaround for solving problems with IE having tooltips appear under select boxes */
a.info_above{
    position:relative; /*this is the key*/
    z-index:9998; background-color:#D5FFFF;
	border: 1px dashed #00CCFF;
	font-weight:bold;
    color:#000;
    text-decoration:none;
	font-size:14px;}

a.info_above:hover{z-index:9999; background-color:#ff0}

a.info_above span{display: none}

a.info_above:hover span{ /*the span will display just on :hover state*/
    z-index:99999;
	display:block;
    position:absolute;
    top:-3em; left:-25em; width:30em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
	font-weight:normal;
	font-size:12px;}
	
/* css tooltips styles */
/* Added by Andi */
.normal {
	width:300px;
}
.wide {
	width:400px;
}
.indent {
	margin-left: 15px;
}
#survey_result {
	font-size: 10px;
}
#survey_result th{
	background-color:#99CCFF;
}
#survey_result a:link {
	color: #cc0000; 
	text-decoration: none
}
#survey_result a:visited {
	color: #cc0000; 
	text-decoration: none
}
#survey_result a:hover {
	color: #cc6666; 
	text-decoration: none
}
#survey_result a:active {
	color: #cc6666; 
	text-decoration: none
}

.form-1 {
  width: 100%;
  background-color: #F5F2E4;
  padding: 10px 0;
}
.row::after {
    content: "";
    clear: both;
    display: block;
    padding: 10px;
}
.col-1 {font-weight: bold;}
.col-2 input.text {width: 90%;}
/* For mobile phones: */
[class*="col-"] {
   width: 100%;
   float: left;
   padding: 0 5px;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 45%; align:right; text-align:right;}
  .col-2 {width: 45%;}
  .col-3 {width: 100%;}
}

.error {
  width: 100%;
  background-color:#FFDDDD;
  color:red;
  padding: 10px;
  margin-bottom:15px;
}

.negative {
  display:inline;
  color:red;
}

@media only screen and (max-width: 767px)  {
  #nav-container { position: relative !important; }
}