/*********************************************************************/
/*  MediaLinks Style Sheet created by John Foliot - Stanford Online Accessibility Program
/*  Adapted by Chris Laning - August 2012
/*  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, TXT and also MAILTO links
/*
/*  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>
/*
/*	Updated: 2014-07-16 9:00 by Chris
/******************************************************************/

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

/***********/
/*  Email  */
/***********/

a[href^='mailto:'] {
 background-image: url("/IMAGES/medialinks/email_gray.gif");
 background-position: right;
 background-repeat: no-repeat;
 padding-right: 22px;
 line-height:16px;
}
a[href^='mailto:']:focus, a[href^='.mailto']:hover {
background-image: url("/IMAGES/medialinks/email_p.gif");
background-position: right;
background-repeat: no-repeat;
line-height:16px;
}

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

/*******************/
/*  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;
}
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;
}
a[href$='.dotx'] {
background-image: url("/IMAGES/medialinks/word_gray.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}
a[href$='.dotx']: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;
}

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

a[href$='.xlsx'] {
background-image: url("/IMAGES/medialinks/excel_gray.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}
a[href$='.xlsx']:focus, a[href$='.xlsx']:hover {
background-image: url("/IMAGES/medialinks/excel.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}

a[href$='.xltx'] {
background-image: url("/IMAGES/medialinks/excel_gray.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}
a[href$='.xltx']:focus, a[href$='.xlsx']:hover {
background-image: url("/IMAGES/medialinks/excel.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}

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

a[href$='.pptx'] {
background-image: url("/IMAGES/medialinks/ppt_gray.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}
a[href$='.pptx']: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;
}


/*****************************/
/* Plain text file  */
/*****************************/

a[href$='.txt'] {
background-image: url("/IMAGES/medialinks/text_gray.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}
a[href$='.txt']:focus, a[href$='.txt']:hover {
background-image: url("/IMAGES/medialinks/text.gif");
background-position: right;
background-repeat: no-repeat;
padding-right: 16px;
line-height:16px;
}