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

.ln-letters {overflow:hidden;width:520px;}
.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; }


/* 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:650px }
#demoFour li { float:left; }
#demoFour a { display:block; text-align:center; width:85px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#demoFour a:hover { background-color:#eee }

.select_area{ margin:0; padding:0; width:560px; height:auto!important; height:400px; min-height:100px; background:url(../../../images/echannel/front-end/select-base_middle.gif) 0 0 no-repeat; position:absolute; z-index:9999;}
.select_area h6{ margin:0; padding:0; width:auto; height:50px; background:url(../../../images/echannel/front-end/select-base_top.gif) 0 0 no-repeat;text-align:left;}
.select_area h6{ font:700 14px/50px sans-serif; color:#FFFFFF; padding-left:20px;}
.select_area h6 span{float:right; display:block; width:80px; height:50px; cursor:pointer;}
.select_area ul { margin:0; padding:0; display:block; width:500px; margin-left:30px; }
.select_area ul li{ margin:0; padding:3px 0 3px 0; list-style:none; float:left; width:30%; margin-right:6px; white-space:nowrap; overflow:hidden;}
.select_area ul li{ font:400 12px sans-serif;text-align:left;}
.select_area_bottom{ margin:0; padding:0; width:auto; height:50px; line-height:50px; background:url(../../../images/echannel/front-end/select-base_bottom.gif) 0 0 no-repeat; clear:both; position:relative;}
.select_area_bottom span{font:700 14px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
.select_area_bottom .select_area_clear{display:block; position:absolute; bottom:24px; left:22px; text-decoration:underline; color:#505C79}
.select_area_bottom .select_area_ok{display:block; position:absolute; bottom:18px; right:20px; width:70px; height:26px; background:url(../../../images/echannel/front-end/select-base_button.gif) 0 0 no-repeat; color:#FFFFFF; text-align:center; line-height:22px;}