/*********************************************************************/

/*  MediaLinks Style Sheet created by John Foliot - Stanford Online Accessibility Program         

/*  Released under Creative Commons Attribution-Share Alike 3.0 United States License           

/*                                                                                                                                    

/*  Notes: Providing visual cues to users that a link is  to a document ("PDF, Word, etc.")            

/*  provides useful decision-making information.  It addresses certain cognitive disabilities 

/*  and is a best-practices recommendation.  This style sheet checks for file extensions and

/*  automatically appends an icon after the link.  For even better accessibility, content authors

/*  should also indicate via the title attribute that the link is to a certain file type:

/*      <a href ="pathtofile.pdf" title="Links to a PDF file">PDF File [245 kb]</a> 

/* 

/*  Current file extensions supported: PDF, DOC, DOCX, XLS, PPT      

/*

/*  There are also times when you wish to signal that a link in your document is to a page

/*  or site external to your website.  To do that, simply add the following class information



/*  to your link:

/*     <a href="pathtoexternallink" class="external">The outside site</a>                                                            

/*                                                                                                      

/******************************************************************/



/*******************/

/*  External Link  */

/*******************/



a.external {

	background-image: none;

	background-position: right;

	background-repeat: no-repeat;

	padding-right: 16px;

	line-height:16px;

}

a.external_gray {

	background-image: url("images/medialinks/external_gray.gif");

	background-position: right;

	background-repeat: no-repeat;

	padding-right: 16px;

	line-height:16px;

}

a.external:focus, a.external:hover {

	background-image: url("images/medialinks/external.gif");

	background-position: right;

	background-repeat: no-repeat;

	padding-right: 16px;

	line-height:16px;

	color:#820000;

}



/*********/

/*  PDF  */

/*********/



a[href$='.pdf'] {

 background-image: url("images/medialinks/pdf_gray.gif");

 background-position: right;

 background-repeat: no-repeat;

 padding-right: 16px;

 line-height:16px;

}

a[href$='.pdf']:focus, a[href$='.pdf']:hover {

background-image: url("images/medialinks/pdf.gif");

background-position: right;

background-repeat: no-repeat;

line-height:16px;

color:#820000;

}



/*******************/

/*  Word Document  */

/*******************/



a[href$='.doc'] {

background-image: url("images/medialinks/word_gray.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

}

a[href$='.doc']:focus, a[href$='.doc']:hover {

background-image: url("images/medialinks/word.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

color:#820000;

}

a[href$='.docx'] {

background-image: url("images/medialinks/word_gray.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

}

a[href$='.docx']:focus, a[href$='.docx']:hover {

background-image: url("images/medialinks/word.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

color:#820000;

}



/***********************/

/*  Excel Spreadsheet  */

/***********************/



a[href$='.xls'] {

background-image: url("images/medialinks/excel_gray.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

}

a[href$='.xls']:focus, a[href$='.xls']:hover {

background-image: url("images/medialinks/excel.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

color:#820000;

}



/*****************************/

/*  Powerpoint Presentation  */

/*****************************/



a[href$='.ppt'] {

background-image: url("images/medialinks/ppt_gray.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

}

a[href$='.ppt']:focus, a[href$='.ppt']:hover {

background-image: url("images/medialinks/ppt.gif");

background-position: right;

background-repeat: no-repeat;

padding-right: 16px;

line-height:16px;

color:#820000;

}