/*--------------------------------------------------------------------------------
 * AtoZ.css: Styling of the AtoZ lists
 * 
 *  Angelo Sozzi (asozzi at sfu dot ca)
 * V0.1 30.Jan.2007
 * Make sure to use <th></th> for the table header>
 ******Changelog*************
 -
 -----------------------------------------------------------------------------------*/


#AtoZ_wrapper  {		/* Full table wrapper */
  padding: 0;
  margin: 1em 0 1.25em 1em; /* Some margins around the entire A-Z table (including selector ABC..)*/
  width:90%;			/* Don't use entire width, looks ugly*/
}
#AtoZ_UL {
	padding: 0 0 1em 0;	/* The distance after A|B|C|.. to table head  */
}
#AtoZ_UL li {
  display:inline;		/* horizontal instead of vertical */
  float: left; 			/* needs to be floated */
  list-style-type:none; /* suppress Li diamond */
  padding: 0 3px 0 0; 	/* distance end of link to pipe*/
  margin-right: 3px; 	/* distance pipe to next link*/
  background: url(../img/AtoZnav_pipe.gif) 100% 50% no-repeat; /*place pipe center right of li box */
  }
#AtoZ_UL #all {background: none;  /* No pipe after ""all""*/
  }
#AtoZ_UL li a {			/* Style the links */
  color: #0054A6; 		/* SFU blue */
  text-decoration:none;	/* No underline */
  font-size: .9em;		/* A bit smaller than site font */
} 
#AtoZ_UL a:hover{		/* Link hovering */
  color: #B5111A; 		/* SFU red when hovering */
  background-color: #f5f1ef;
}
#AtoZ_UL .az-active {
	color: #9d0e2d;  	/* active letter in A|B|C|.. */
}
/*---------------Table----------------------------------------------*/
#MainContent .table {
	padding: 0;			/* Bottom most border */
	margin: 0 0 1em 0;	/* Margin between several tables */
	border-bottom: 2px solid #e3dfdb;
	width: 100%;
}
/* Table Header (Letter with background) */
#MainContent .table thead th {  /* table header row only <th></th>) */
	height: auto;
	padding: .2em 0.6em;		/* a bit more height and move the letter to the right  */
	background-color: #f5f1ef;	/* beige background */
	font-weight: bold;
	color: #695d54;				/* Bluish letters */
	border-bottom: 1px solid #c8c1bc; /* light grey border */
}
#MainContent .table tbody td, /* main table cells (since only single cell=row) */
#MainContent .table tfoot td {/* also the table footer cells */
	margin: 0;
	padding: .2em 0.6em;
	font-weight: normal;	
	border-bottom: 1px solid #e3dfdb;
	vertical-align: top;
	height: auto;
}
#MainContent .table tbody td a {/* The actual links */
	text-decoration:none;		/* no underlines */
	color: #0054A6;				/* blueish */
	
}
#MainContent tr.alt td {
	background: #FBFBFB;  /* #f5f1ef;*/
}

#MainContent tr.over td, tr:hover td {
	background: #bcd4ec;
}