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

.header_ul {
	padding: 0px; 
     margin: 0px; 
     border-top: 2px solid silver;
}
.alpha {
     background-image: url(../graphics/alpha_background_large.gif);
     background-position: left top;
     background-repeat: no-repeat;
     text-align: center;
     width: 44px;
     font-weight: bold;
     font-size: 16px;
     height: 15px; 
     color: #436976; 
     padding: 7px 2px 0px 0px;
     border-rigth: 1px solid silver;
}

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

#demoThree-nav .ln-letters a {
     border:none;
     border-top:2px solid pink;
     color:red;
}

#demoThree-nav .ln-letters a.ln-last {
     border-right:none;
}

#demoThree-nav .ln-letters a:hover, #demoThree-nav .ln-letters a.ln-selected {
     border-top:2px solid red;
     background-color:pink;
     color:White !important;
}

#demoThree-nav .ln-letters a.ln-disabled {
     color:pink;
}

#demoThree-nav .ln-letters a.ln-disabled:hover {
     color:white;
}

#demoThree-nav .ln-letter-count {
     color:red;
}

#demoThree li {
     color:pink;
}

#demoThree li a {
     color:red;
     text-decoration:none;
}

#demoThree li a:hover {
     text-decoration:underline;
}

#demo4 #listWrapper {
     width:100%
}

#demoFour li {
     float:left;
     list-style-type: none;
     display:block;
     width:150px;
     height: 170px;
     margin:0 20px 20px 0;
     text-align:center;
     text-decoration:none;
     background-image:    url(../graphics/flagsoftheworld_bkgrnd.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     text-align: center;
}


#demoFour a {
     text-align:center;
     text-decoration:none
}