/* 
	STYLE SHEET FOR IHWY JQUERY LISTNAV PLUGIN V 2.0, 3/2/2009
	
	For more information, visit http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
*/


/* default styling example
----------------------------------------------------------------- */

.listNav { margin:0 0 10px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.8em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }


#listelta-title .ln-letters a { border:none; border-top:2px solid pink; color:red; }
#listelta-title .ln-letters a.ln-last { border-right:none; }
#listelta-title .ln-letters a:hover,
#listelta-title .ln-letters a.ln-selected { border-top:2px solid red; background-color:pink; color:White !important; }
#listelta-title .ln-letters a.ln-disabled { color:pink; }
#listelta-title .ln-letters a.ln-disabled:hover { color:white; }
#listelta-title .ln-letter-count { color:red; }

#listelta-title li { color:lightblue; }
#listelta-title li a { color:darkblue; text-decoration:none; }
#listelta-title li a:hover { text-decoration:underline; }

/* demo-specific
----------------------------------------------------------------- */

#listWrapper { width:700px }
#listelta li { float:left; list-style-type: none; }
#listelta a { display:block; text-align:center; width:95px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#listelta a:hover { background-color:#eee }

#listWrapper { width:700px }
#listelta_title li { float:left; list-style-type: none; }
#listelta a { display:block; text-align:center; width:95px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#listelta a:hover { background-color:#eee }

#listelta li { float:left; list-style-type: none; }
#listelta a { display:block; text-align:center; width:95px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#listelta a:hover { background-color:#eee }

#listelta-topic .ln-letters a { border:none; border-top:2px solid pink; color:red; }
#listelta-topic .ln-letters a.ln-last { border-right:none; }
#listelta-topic .ln-letters a:hover,
#listelta-topic .ln-letters a.ln-selected { border-top:2px solid red; background-color:pink; color:White !important; }
#listelta-topic .ln-letters a.ln-disabled { color:pink; }
#listelta-topic .ln-letters a.ln-disabled:hover { color:white; }
#listelta-topic .ln-letter-count { color:red; }

#listelta-topic li { color:lightblue; }
#listelta-topic li a { color:darkblue; text-decoration:none; }
#listelta-topic li a:hover { text-decoration:underline; }

#listelta_mat li { color:lightblue; }
#listelta_mat li a { color:darkblue; text-decoration:none; }
#listelta_mat li a:hover { text-decoration:underline; }


#listelta-material .ln-letters a { border:none; border-top:2px solid pink; color:red; }
#listelta-material .ln-letters a.ln-last { border-right:none; }
#listelta-material .ln-letters a:hover,
#listelta-material .ln-letters a.ln-selected { border-top:2px solid red; background-color:pink; color:White !important; }
#listelta-material .ln-letters a.ln-disabled { color:pink; }
#listelta-material .ln-letters a.ln-disabled:hover { color:white; }
#listelta-material .ln-letter-count { color:red; }

#listelta-material li { color:lightblue; }
#listelta-material li a { color:darkblue; text-decoration:none; }
#listelta-material li a:hover { text-decoration:underline; }