@charset "utf-8";
/* 
	The CSS rules below looks for all a tags with the href attributes listed below,
	then gives then some extra padding on the right of the link to make room for a 
	small pdf icon as a fixed position background image.  The dollar sign is what means "end". 
 */

a[href $='.doc'] { 
	padding: 0 20px 0 1px;
	position: relative;
	background: transparent url(../images/word.png) bottom right no-repeat;
	}	
    
a[href ^="mailto:"] {
	padding: 0 20px 0 1px;
	position: relative;
	background: transparent url(../images/email.png) bottom right no-repeat;
	}  

a[href $='.ppt'] { 
	padding: 0 20px 0 1px;
	position: relative;
	background: transparent url(../images/ppt.png) bottom right no-repeat;
	}
	
a[href $='.xls'] { 
	padding: 0 20px 0 1px;
	position: relative;
	background: transparent url(../images/excel.png) bottom right no-repeat;
	}
	
a[href $='.pdf'] { 
	padding: 0 20px 0 1px;
	position: relative;
	background: transparent url(../images/pdf.png) bottom right no-repeat;
	}

a[href $='http://exchange.ucop.edu/login'] { 
	padding: 0 20px 0 1px;
	position: relative;
	background: transparent url(../images/lock.png) bottom right no-repeat;
	}