/**
 * Library
 * @package css
 * @version 0.3
 * @author Jaap Broeders
 * @copyright 2006 - 2009 Beatboost
 */
#lib { z-index: 2; background-color: #e8e6e6; color: #7b7b8d; height: 495px; width: 100%; }
#lib A { color: #4a83c3; text-decoration: none; }
#lib A:hover { color: #E3834A; text-decoration: underline; }
#lib H1 { font-family: Arial, Verdana, sans-serif; font-size:14px; font-weight: normal; padding: 0; margin: 0; }
#lib .country_flag { padding: 1px; margin: 1px; border: 1px solid #7b7b8d; }

#lib #lib_left { position: absolute; left:0; top: 21px; width:189px; }
#lib #lib_left #lib_filters { height: 352px; padding-left: 5px; padding-right: 10px; background: url('/images/library/bg_filters.gif') no-repeat; }
#lib #lib_left #lib_filters li { font-size: 12px; padding-bottom: 6px; padding-top: 4px; border-bottom: 1px solid #d9d8d8; }
#lib #lib_left #lib_myrating { height: 110px; padding-left: 5px; margin-top:8px; background: url('/images/library/bg_myrating.gif') no-repeat; }

#lib #lib_tabs { position: absolute; left:197px; z-index: 5; font-size: 14px; font-weight: bold; }
#lib #lib_tabs span { position: relative; line-height: 22px; cursor: pointer; }
#lib #lib_tabs span.normal { margin-right: 30px; line-height: 16px; top: 3px; padding-top: 3px; margin-top:3px; }
#lib #lib_tabs span.normal a { color: #a2a1a1; }
#lib #lib_tabs span.active { margin-right: 20px; }
#lib #lib_tabs span.active .l { position: absolute; top:0; left:0; width:15px; font-size: 3px; background: url('/images/library/lib_tab_l.gif') no-repeat; }
#lib #lib_tabs span.active .m { margin-left: 15px; margin-right: 16px; top: 3px; padding-bottom: 3px; padding-top: 3px; padding-right: 0; background: url('/images/library/lib_tab_m.gif') left top repeat-x; }
#lib #lib_tabs span.active .m a { color: #000; }
#lib #lib_tabs span.active .r { position: absolute; top:0; right: 0; width:16px; font-size: 3px; background: url('/images/library/lib_tab_r.gif') no-repeat; }

#lib #lib_main { position: absolute; left:197px; top: 24px; width: 549px; height: 436px; background: #f8f8f8; border: 1px solid #d1d0d0; border-bottom: 0px solid #d1d0d0; }
#lib #lib_main #lib_mainright { position: absolute; right: 0px; width: 15px; margin-right: -1px; margin-top: -1px; background: url('/images/library/bg_mainright.gif') no-repeat; }

#lib #lib_sort { position: absolute; left: 9px; top: 7px; width: 533px; height: 23px; background: url('/images/library/bg_sort.gif') left bottom repeat-x; }
#lib #lib_sort span { position: relative; line-height: 23px; cursor: pointer; margin-top: -5px; }
#lib #lib_sort span.normal { margin-right: 15px; line-height: 23px; }
#lib #lib_sort span.normal a { font-weight: bold; color: #b7b7b7; }
#lib #lib_sort span.active { margin-right: 10px; padding-top: 5px; padding-bottom: 5px; background: url('/images/library/bg_sort_active.gif') left top repeat-x; }
#lib #lib_sort span.active .l { position: absolute; top:5px; left:0; width:5px; font-size: 3px; background: url('/images/library/bg_sort_l.gif') no-repeat; }
#lib #lib_sort span.active .m { margin-left: 8px; margin-right: 8px; }
#lib #lib_sort span.active .m a { font-weight: bold; color: #000; }
#lib #lib_sort span.active .r { position: absolute; top:5px; right: 0; width:5px; font-size: 3px; background: url('/images/library/bg_sort_r.gif') no-repeat; }
#lib_sortasc { position: absolute; top: 5px; right: 6px; width: 20px; height: 20px; background: url('/images/library/lib_sortasc.gif'); }
#lib_sortdesc { position: absolute; top: 5px; right: 26px; width: 20px; height: 20px; background: url('/images/library/lib_sortdesc.gif'); }

#lib #lib_page_holder { position: absolute; left: 15px; top: 35px; width: 521px; height: 402px; overflow: hidden; }
#lib #lib_page { position: absolute; left: 0px; top: 0px; }
#lib #lib_page .even { background: #f0efef; }
#lib #lib_page .selected { background: #d6ecf4; }
#lib #lib_page .lib_track { position: relative; width: 521px; height: 77px; margin: 0; padding: 0; font-size: 12px; border-bottom: 1px solid #dfdfdf; }
#lib #lib_page .lib_track .img { float: left; margin-top: 4px; margin-left: 4px; width: 48px; height: 48px; }
#lib #lib_page .lib_track .track_title { position: absolute; left: 57px; top: 3px; width: 374px; height: 29px; overflow: hidden; margin: 0; padding: 0; }
#lib #lib_page .lib_track .track_title H1 { font-size: 18px; }
#lib #lib_page .lib_track .track_stats { position: absolute; left: 57px; top: 31px; width: 374px; font-size: 14px; font-weight: bold; }
#lib #lib_page .lib_track .track_stats td { font-size: 14px; font-weight: bold; text-align: right; padding-right: 8px; }
#lib #lib_page .lib_track .track_stats td.btn { border-left: 1px solid #acb4b2; padding-left: 8px; }
#lib #lib_page .lib_track .track_info { position: absolute; left: 57px; top: 54px; width: 374px; }
#lib #lib_page .lib_track .track_info small { font-size: 11px; color: #b9b9c2; }
#lib #lib_page .lib_track .track_info i { font-size: 11px; font-style: normal; }
#lib #lib_page .lib_track .track_info b { font-size: 11px; font-weight: normal; color: #dd4914; }
#lib #lib_page .lib_track .track_price { position: absolute; left: 434px; top: 5px; width:83px; text-align: center; font-size: 16px; font-weight: bold; }
#lib #lib_page .lib_track .options { position: absolute; left: 434px; top: 26px; width:83px; font-size: 3px; line-height: 3px; }
#lib #lib_page .lib_track .playlist { position: absolute; left: 434px; top: 50px; width:83px; }

#lib #lib_nav { position: absolute; left: 197px; top: 459px; width: 551px; height: 32px; line-height: 32px; text-align: center; background: url('/images/library/bg_nav.gif') no-repeat; }
#lib #lib_nav #lib_prev { position: absolute; top:0; left: 6px; padding-left: 5px; height: 32px; cursor: default; }
#lib #lib_nav #lib_next { position: absolute; top:0; right: 6px; padding-right: 5px; height: 32px; cursor: default; }

#lib #lib_right { position: absolute; left: 755px; top: 21px; width: 200px; }
#lib #lib_also_bought { height: 351px; font-size: 11px; padding-left: 13px; padding-top: 13px; padding-right: 13px; background: url('/images/library/bg_also_bought.gif') no-repeat; }
#lib #lib_also_bought H1 { color: #b30b56; line-height: 20px; }
#lib #lib_also_bought H2 { font-size: 12px; font-weight: bold; margin:0; padding:0; }
#lib #lib_also_bought H3 { font-size: 12px; font-weight: normal; margin:0; padding:0; display: block; margin-bottom: 4px; }
#lib #lib_also_bought em { font-size: 15px; font-weight: bold; font-style:normal; color: #7b7b8d; margin:0; padding:0; }
#lib #lib_also_bought p { margin: 0; padding: 0; margin-top: -15px;}

#lib #lib_new_track { position: absolute; top:369px; width: 200px; height: 61px; text-align: center; background: url('/images/library/bg_new_track.gif') no-repeat; }
#lib #lib_new_track H1 { color: #4a83c3; font-weight: bold; line-height: 61px; }
#lib #lib_close { position: absolute; top:438px; width: 200px; height: 32px; text-align: center;  background: url('/images/library/bg_close.gif') no-repeat; cursor:pointer; }
#lib #lib_close H2 { font-family: Arial, Verdana, sans-serif; font-size:12px; font-weight: normal; padding: 0; margin: 0;  line-height: 30px; }