/* color:#D6F5FF; light blue*/
/* color:#003F7F; dark blue*/

div.LinkButton {margin:5px 0px 5px 0px; }

/* defaults for all button types */
div.LinkButton a.Link { text-decoration:none; padding:0px; margin:0px; }
div.LinkButton div.top { background-position:bottom; display:block; width:180px; height:12px; background-repeat:no-repeat; background-image:url(i/link-buttons/linkbutton-light-top.png);}
div.LinkButton div.middle { background-position:top; display:block; width:180px; background-repeat:repeat-y; background-image:url(i/link-buttons/linkbutton-light-middle.png);}
div.LinkButton div.bottom { background-position:top;  display:block; width:180px; height:12px; background-repeat:no-repeat; background-image:url(i/link-buttons/linkbutton-light-bottom.png);}
div.LinkButton a.Link span { display:inline-block; color:#003F7F; font-weight:bold;cursor:pointer; }
div.LinkButton a.Link span.heading {font-size:14px; margin:0px 10px 5px 10px; }
div.LinkButton a.Link span.text { font-size:12px; margin:0px 10px 0px 10px; }
div.LinkButton a.Link span.text em { text-decoration:underline; }

/* overrides for specific button types */ 

/* Feature Link version just uses defaults */ 

/*town list version has no div.top or div.bottom*/
div#TownListLinkButton a.Link { display:block; height:31px; width:180px; margin:2px; background-repeat:no-repeat; background-image:url(i/link-buttons/list_all_towns.png); }

/* Category Link version is light on dark */ 
div#AtoZCategoryLinkButton div.top { background-image:url(i/link-buttons/linkbutton-dark-top.png);}
div#AtoZCategoryLinkButton div.middle { background-image:url(i/link-buttons/linkbutton-dark-middle.png);}
div#AtoZCategoryLinkButton div.bottom { background-image:url(i/link-buttons/linkbutton-dark-bottom.png);}
div#AtoZCategoryLinkButton a.Link span { color:#D6F5FF; }

/* Contact Link version is light on dark */ 
div#ContactLinkButton div.top {  display:block; width:180px; height:12px; background-image:url(i/link-buttons/linkbutton-dark-top.png);}
div#ContactLinkButton div.middle { display:block; width:180px; background-image:url(i/link-buttons/linkbutton-dark-middle.png);}
div#ContactLinkButton div.bottom {  display:block; width:180px; height:12px; background-image:url(i/link-buttons/linkbutton-dark-bottom.png);}
div#ContactLinkButton a.Link span { color:#D6F5FF;}


/* further overrides for specific pages */

/* in general, when in main content rather than left column, reduce to short version */
div#Shell_2Col_Content div.LinkButton div.top {display:none;}
div#Shell_2Col_Content div.LinkButton div.bottom {display:none;}
div#Shell_2Col_Content div.LinkButton div.middle {display:none;}
/* and replace text with image */
div#Shell_2Col_Content div#AtoZFeatureLinkButton a.Link { display:inline-block; width:180px; height:32px; background-repeat:no-repeat; background-image:url(i/link-buttons/a-z-business.png);}
div#Shell_2Col_Content div#AtoZCategoryLinkButton a.Link { display:inline-block; width:180px; height:32px; background-repeat:no-repeat; background-image:url(i/link-buttons/a-z-category.png);}