/*--------------------------------------------------------------------------------
 * AtoZ_UL.css: Styling of the AtoZ list using UL lists
 *  Started 31.Jan.2007
 *  Angelo Sozzi (asozzi at sfu dot ca)
 * V0.1 31.Jan.2007
 * Make sure to use <ul>
 ******Changelog*************
 - 
 -----------------------------------------------------------------------------------*/

/*---------------Wrapper and A|B|C... header----------------------------------------*/
#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:80%;						/* 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|.. */
	font-weight:700;
	font-size:1.1em;
	/*background-color: #f1f1f1;*/
}
/*---------------Links UL list----------------------------------------------*/
#azlist {
	margin: 0;
	padding: 0;
	border: none;
}
#azlist li {  				/* <li> Outermost List of letters */
	border-bottom: 1px solid #e3dfdb; 	/* light grey border below each list*/
	list-style: none;
	margin: 0 0 1em 0;					/* Some distance between Letter lists */
}

/* List Header (Letter with background) */
#azlist li a {  			/* list header row only) */
	display: block;
	padding: 0.2em 0.6em;				/* a bit more height and move the letter to the right  */
	background-color: #f1f1f1 ;			/* beige background #f5f1ef */
	font-weight: bold;
	color: #695d54;						/* Bluish letters */
	border-bottom: 1px solid #c8c1bc; 	/* light grey border #c8c1bc*/
}
/* Actual links in the list) */
#azlist li li { 			/* main table cells (since only single cell=row) */
	margin: 0;
	padding: .2em 1em;				/* Takes the links slightly appart and moves them to the right*/	
	border-bottom: 1px solid #e3dfdb; 	/* */
}
#azlist li li a {			/* The actual links */
	padding: 0;
	margin:0;
	font-weight: normal;
	font-size: .9em;
	text-decoration:none;				/* no underlines */
	color: #0054A6;						/* blueish */
	background:none;
	border:none;
}
/*---------------jQuery zebra and over----------------------------------------------*/
#azlist .alt {
	background-color: #f1f1ef;  /* #f5f1ef;*/
}

#azlist .over, #MainContent .stripMe li:hover {
	background: #bcd4ec;
}

.quicksearch {
  display: inline-block;
  width: auto; /* needed for IE to constrain the Form box */
  height: 1.5em;
  color: #0054A6;
  text-align: right;
  float:left;
  padding:5px 10px 5px 0;
  line-height: 1.5em; /* to vertically center form in navbar, set same as height*/
  vertical-align: middle;}