/* -------------------------------------------------------------
AH (10-19-09): Created new style sheet for styling links styles.
--------------------------------------------------------------- */

/* --------------------------------------------------------------
AH (10-13~19-09): Overrode link styles in the contentstyle.css file, created new CSS classes and attribute selectors for Link Styling, and uploaded image files to upgrade links for easy visual recognition and to indentify the type of link it is, ie, to an internal or external web page, for email, or to a pdf, word, excel, powerpoint, text or graphic image file.

** Attribute Selectors DO NOT WORK IN IE 6 AND BELOW **

NOTE on Attribute Selectors: 
    [href^="...."] selects from the beginning of the link URL
    [href$="...."] selects from the ending of the link URL 
    [href*="...."] selects any matching position in the link URL
--------------------------------------------------------------- */

/* --------------------------------------------------------------
AH (10-23~26-09): Refined the CSS to improve the working of the new Link Styles; and offset the link underlinig introduced by the Nifty Corners CSS/JS combo used to round corners. --------------------------------------------------------------- */

/* --------------------------------------------------------------- 
   ============ The basic Link Styling CSS =================
--------------------------------------------------------------- */

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	padding-bottom: 1px;
}

a:link {	
	color: #005595; /* Blue */
	border-bottom: 1px dotted #005595;
}

a:visited {	
	color: #663300; /* Brown */
	border-bottom: 1px dotted #663300;
}

a:hover, a:active {	
	color: #006600; /* Green */
	background-color: #ffffcc; /* Pale Yellow */
	text-decoration: none;
	border-bottom: 1px solid #006600;
}

/* --------------------------------------------------------------- 
 ===> The following Attribute Selectors visually show Internal, External and eMail link graphics only when hovering over a link.
--------------------------------------------------------------- */

a:hover[href^="http:"],
a:hover[href^="https:"] {
	background: #ffffcc url(/images/layout/icon_web.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href^="#"],
a:hover[href^="http://www.qscend.com"],
a:hover[href^="http://www.stamfordpublicschools.org"], a:hover[href^="http://qscend.stamfordpublicschools.org"],
a:hover[href^="http://stamfordpublicschools.org"] {
	background-image: none;
	background-color: #ffffcc; /* Pale Yellow */
	padding-right: 0px;
	text-decoration: none;
}

a:hover[href*="/content/"] {
	background-image: none;
	background-color: #ffffcc; /* Pale Yellow */
	padding-right: 0px;
	text-decoration: none;
}

/* -------------------------------------------------------------
AH (11-25-09): Added styles to show City of Stamford "/content/" pages as external links.
--------------------------------------------------------------- */

a:hover[href^="http://www.boardofreps.org"],
a:hover[href^="http://www.cityofstamford.org"], a:hover[href^="http://qscend.cityofstamford.org"],
a:hover[href^="http://cityofstamford.org"] {
	background: #ffffcc url(/images/layout/icon_web.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href^="mailto:"] {
	background: #ffffcc url(/images/layout/icon_email.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

/* --------------------------------------------------------------- 
 ===> The following Attribute Selectors visually show Document Type link graphics (PDF, DOC, XLS, PPT, TXT, ZIP & JPG) at all times.
--------------------------------------------------------------- */

a[href*=".pdf"] {
	background: url(/images/layout/icon_pdf.gif) no-repeat center right;
	padding-right: 16px;
/*	text-decoration: none; */
}

a[href*=".doc"], a[href*=".docx"] {
	background: url(/images/layout/icon_doc.gif) no-repeat center right;
	padding-right: 16px;
}

a[href*=".xls"] {
	background: url(/images/layout/icon_xls.gif) no-repeat center right;
	padding-right: 16px;
}

a[href*=".ppt"] {
	background: url(/images/layout/icon_ppt.gif) no-repeat center right;
	padding-right: 16px;
}

a[href*=".txt"] {
	background: url(/images/layout/icon_txt.gif) no-repeat center right;
	padding-right: 16px;
}

a[href*=".zip"] {
	background: url(/images/layout/icon_zip.gif) no-repeat center right;
	padding-right: 16px;
}

a[href*=".jpg"] {
	background: url(/images/layout/icon_image.gif) no-repeat center right;
	padding-right: 16px;
}

/* ---------------------------------------------------------------
AH (10-23-09): Added 'hover' overides to file-type attribute styles to prevent disappearing file-type images of internal links.

AH (10-26-09): Overrode the link underlining introduced by Nifty Corners CSS/JS combo and added back the background highlight color for hovered links.
--------------------------------------------------------------- */

a:hover[href*=".pdf"] {
	background: #ffffcc url(/images/layout/icon_pdf.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href*=".doc"], a:hover[href*=".docx"] {
	background: #ffffcc url(/images/layout/icon_doc.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href*=".xls"] {
	background: #ffffcc url(/images/layout/icon_xls.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href*=".ppt"] {
	background: #ffffcc url(/images/layout/icon_ppt.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href*=".txt"] {
	background: #ffffcc url(/images/layout/icon_txt.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href*=".txt"] {
	background: #ffffcc url(/images/layout/icon_zip.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

a:hover[href*=".jpg"] {
	background: #ffffcc url(/images/layout/icon_image.gif) no-repeat center right;
	padding-right: 16px;
	text-decoration: none;
}

/* -------------------------------------------------------------
 ===> The class 'CleanLink' overides the Basic Link styles to cleanup links that should not be styled, such as the header or footer graphics that link to the Home page or other sites.
--------------------------------------------------------------- */

a.CleanLink:link, a.CleanLink:visited, a.CleanLink:hover, a.CleanLink:active {
	color: #666666;
	font-weight: normal;
	background-color: transparent;
	padding: 0px;
	border: none;
}

/* -------------------------------------------------------------
AH (10-21-09): Added overides to Link styles of class 'BreadCrumb' in StamfordBOE.css file to cleanup the BreadCrumb links (copy of class 'CleanLink').
--------------------------------------------------------------- */

.BreadCrumb a:link, .BreadCrumb a:visited {
	color: #666666;
	font-weight: normal;
	background-color: transparent;
	padding: 0px;
	border: none;
}

.BreadCrumb a:hover, .BreadCrumb a:active {
	color: #666666;
	font-weight: normal;
	background-color: transparent;
	padding: 0px;
	border: none;
	text-decoration: none;
}

/* --------------------------------------------------------------
AH (10-16~19-09): Added styling for the Guide to Visual Links in the left sidebar.

AH (03-19-10): Changed LinkGuideContainer width from 85% to 182px 
--------------------------------------------------------------- */

#LinkGuideContainer {
	font-size: 0.7em;
	color: #006600;
	background-color:#eeeeee;
	width: 182px; /* was 85% */
	margin: 20px auto 10px auto;
	padding: 5px;
	cursor: default;
/*	border: 2px solid #009900; */
}

#LinkGuideContent {
	font-size: 0.9em;
	color: #005595;
	padding-left: 10px;
	margin: 5px 0px;
	line-height: 1.75em;
}

.FakeLink {
	border-bottom: 1px dotted #005595;
	padding-bottom: 3px;
	padding-right: 16px;
	background: no-repeat center right;
}