/**
 * Main CSS Definitions
 *
 * @file              /css/library.css
 * @author            drew ross
 * @revision          $Id$
*/

/* DOCUMENT LIBRARY HOME PAGE */
.library { width: 765px; zoom:1; background: url(/images/hk/en/library/bg_index.gif) repeat-y 0 0; }
.library.list { background: #fff; }

.library .header { width: 765px; height: 35px; overflow: hidden; margin: 0 0 10px 0; padding: 25px 0 0 10px; border-bottom:1px solid #0F81CA; background:#f7f7f7; font-size:20px;}


.library .featured-doc-list { color: #fff; margin: 0; padding: 0; width: 565px; float: right; }
.library .showcase { height: 290px; float: right; overflow: hidden; }
.library ul, .library li { margin: 0; padding: 0; list-style: none; }
.library .featured-doc-list .latest { width: 260px; padding: 15px; float: left; }
.library .featured-doc-list .popular { width: 260px; padding: 15px 15px 15px 0; float: left; } 
.library .featured-doc-list .heading-grouping { font-size: 13px; padding-bottom: 5px; }
.library .featured-doc-list li { background: url(/images/hk/en/library/featured_docs_arrow.gif) no-repeat 0 40%; padding:3px 0 3px 10px; line-height: 16px; border-bottom: 1px solid #868686; }
.library .featured-doc-list a { color: #fff; font-size:12px; }

/* LEFT HAND DOCUMENTATION NAVIGATION */
.library .doc-nav { margin: 0; padding: 0; width: 200px; float: left; }
.library .doc-nav .nav-header { height: 33px; overflow: hidden; }
.library .doc-nav .header-text { padding-left: 24px; color: #fff; font-size: 13px; line-height: 30px; background: url(/images/jp/ja/library/bg_nav_header_txt.jpg) no-repeat 0 0;}
.library .doc-nav li { border-bottom: 1px solid #ccc; }
.library .doc-nav .last { border-bottom: 1px solid #ebebeb; }
.library .doc-nav li a { color: #333; display: block; background: url(/images/hk/en/library/bg_nav_raquo.gif) no-repeat 100% 50%; }
.library .doc-nav li a:hover { color: #fff; text-decoration: underline; background: #7d7d7d url(/images/jp/ja/library/bg_nav_raquo_over.gif) no-repeat 100% 50%; }
.library .doc-nav li a span {width: 165px; padding: 10px 20px 10px 15px; cursor: pointer; display: block; } /* span needed to ensure wrapping text doesn't overlap raquo bg */

.library .doc-nav li .hidden { display: none; color: #fff; position: absolute; top: 0; left: 100%; background: #444; border: 1px solid #7d7d7d; padding: 10px; width: 205px; }

/* DOCUMENT LIST */
.results-content { float: left; width: 765px; overflow: hidden;} 
.results-info { padding: 15px 15px 0 13px; font-size: 15px; color: #333; }
.results-info div { margin-top: 5px; font-size: 12px; }
.table-wrapper { background: #fff; margin: 10px 0 10px 0; padding: 0; } 
.table-wrapper input, .table-wrapper select{ background: #fff; border:1px solid #0066CC;  padding:2px; font-size:12px; margin:0;} 
.table-wrapper input{padding-top:4px; padding-bottom:2px;}
.disclaimer { clear:both;padding:20px;width:615px;text-align:center;font-size:11px;color:#4F6F86;font-style:italic; }

/* Document Library Home */
table#docTop{ width:615px;line-height:0px;background-color:#F5F5F5; }
td#docHeader{ width:615px; }
td#docBorderLeft{ background-image:url(/images/library_border_left.jpg);width:13px;height:100%; }
td#docBorderRight{ background-image:url(/images/library_border_right_bg.jpg);width:13px;height:100%; }
td#docBorderBottom{ width:615px; }
td#libLinksBg{ background-image:url(/images/library_complete_document_kits_bg.gif);background-position:431px 0px;background-repeat:no-repeat; }

/* Document Library Home: Document Categories */
div#docCat{ float:left;width:431px;background-color:#F5F5F5;line-height:13px; }
div#docCatLinks{ z-index:1112;position:relative;float:left;padding-left:9px;padding-top:3px;width:219px; }
div.docCatLink{ position:relative;clear:both;border-bottom:1px solid #FFFFFF;background-position:0px 21px;background-repeat:no-repeat;background-color:#F5F5F5;margin:0px;padding:0px;width:220px;height:22px; }
div.docCatLinkGrey{ clear:both;border-bottom:1px solid #F5F5F5;background-position:0px 21px;background-repeat:no-repeat;background-color:#DDD;margin:0px;padding:0px;width:220px;height:22px; }
div.docCatLinkBotLineGrey{ clear:both;border-bottom:1px solid #F5F5F5;background-position:0px 21px;background-repeat:no-repeat;background-color:#F5F5F5;margin:0px;padding:0px;width:220px;height:22px; }
a.docCatLinkText{ float:left;position:relative;top:3px;left:4px;color:#516F85;font-size:12px; }
a.docCatLinkArrow{ float:right;position:relative;left:-7px; }
div#docCatSubLinksContainer{ z-index:1111;position:relative;background-image:url(/images/library_categories_0.jpg);background-repeat:no-repeat;background-position:-1px 13px;float:left;width:195px;height:173px;padding-top:19px; }
div.docCatSubLinks{ position:relative;background-color:#DDD;width:174px;height:112px;padding:12px 10px; }
div.docCatSubLinkBreak{ display:block;height:4px;font-size:4px;line-height:4px; }
a.docCatSubLink{ line-height:14px;font-size:11px;color:#516f85;text-decoration:underline; }
div.topCat{ display:none;position:absolute;top:13px;left:229px; }

/* Document Library Home: Complete Document Kits */
div#completeDocumentKits{ float:right;line-height:0px; } /*position:relative;left:14px;top:47px;width:136px;height:281px;*/
div#docKits{ padding-left:14px;padding-top:47px;padding-right:10px;width:134px;line-height:13px;font-size:11px; } /*height:327*/
div#getTheDocuments{ padding-top:9px;padding-bottom:10px;line-height:13px;font-size:11px; }
span.kitSep{ clear:both;display:block;border-bottom:1px solid #689FD9;line-height:6px;font-size:6px;height:6px;margin-bottom:3px; }
div.kitLink{ }
div.kitLinkLabel{ float:left;width:120px;line-height:13px;padding-top:1px;color:#FFF; }
div.kitLinkArrow{ float:right;width:10px;line-height:13px;padding-top:1px;color:#FFF; }


/* Low End */
div#docBottomContainer{ border:1px solid #FFF; }
div#docBottom{ clear:both;position:relative;padding-bottom:45px; }
div.botCol{ height:292px;width:183px;margin-top:21px;padding-left:11px;padding-right:10px;font-size:11px;line-height:13px;color:#516F85; }
div.botCol a{ display:block;color:#516F85;padding-top:6px;line-height:14px; }
div#recentlyUpdated{ float:left;border-right:1px solid #EBEEEF; }
div#recentlyUpdatedInvis{ visibility:hidden; }
div.orderDownload{ line-height:13px;padding-top:34px; }
div#mostPopular{ float:left;border-right:1px solid #EBEEEF; }
div#featuredDocumentContainer{ position:relative; }
div.featuredDocument{ display:none;position:absolute;top:17px;left:420px;width:181px;text-align:center; }
div.featuredDocument span.title{ display:block;height:43px;font-size:11px;line-height:13px;color:#516F85; }
div.featuredDocument img.preview{ width:173px;height:164px;position:relative;top:-5px; }
div#docFooter{ display:block;clear:both;float:none;height:50px; }

/* Library Header */
div#library{ margin-top:10px; }
div#hdrTop{ display:block;width:615px;height:51px; }
div#tab{ clear:both;height:31px;margin-bottom:15px; }
div#tabLabel{ height:31px;float:left;width:231px;padding-left:18px;padding-right:4px;background-image:url(/images/library_header_tab.gif); }
div#tabLabelImg{ float:right;width:362px; }
table#tabLabelTable{ width:231px;font-size:11px;color:#656565; }
td#tabLabelText{ font-size:11px;color:#656565; }
div#foundDownload{ padding-left:18px;clear:both; }
a#downloadAcrobat{ text-decoration:underline; }

/* Results Table Header */
table#docListTable thead { background:#E1F0F7 url(/images/prod_redesign/table_header.png) repeat-x scroll left top;color: #000; font-size:12px; }
table#docListTable th { padding:5px 0 5px 13px; text-align:left; }
table#docListTable th.data, table#docListTable td.data{text-align:right; padding-right:10px;}
td.docTableHead { white-space:nowrap; }

table#docListTable th a{background:transparent url(/images/prod_redesign/sort_none.gif) no-repeat 100% 50%; padding-right:15px;}
table#docListTable th.sortUp a{background:transparent url(/images/prod_redesign/sort_up.gif) no-repeat 100% 50%; padding-right:15px;}
table#docListTable th.sortDown a{background:transparent url(/images/prod_redesign/sort_down.gif) no-repeat 100% 50%; padding-right:15px;}
.docFilters {background:#E1F0F7 url(/images/prod_redesign/table_header.png) repeat-x scroll left top;color: #000; font-size:12px; height:30px; padding-top:10px;}

/* Results Table Body */
table#docListTable td a { font-size:12px; }
table#docListTable td a:hover{ text-decoration:underline; }
table#docListTable td{ padding-left:13px; }
table#docListTable td.last{ padding-right:10px; }
table#docListTable td.docTableHead{ padding-top:4px;padding-bottom:5px; }
table#docListTable td.docTable{ padding-top:9px;padding-bottom:5px;font-size:12px; }
table#docListTable td.docTableFoot{ background-color:#E0E0E0;height:15px; }
table#docListTable td img.infoCircle{ position:relative;top:2px; }
table#docListTable td.docTable span.tipBox{ z-index:1; }

/* Tabled iTip */
div.iTip span.iTip span.tip{ display:none; }
div.iTipHover{ position:relative; }
span.nowrap { white-space:nowrap; }
div.iTipHover span.iTip span.tip{ position:absolute;display:inline; }
div.iTipHover span.iTip span.tip span.tipBox{
                            position:relative;display:block;
                            overflow:visible;top:2px;left:2px;
                            border:1px solid #666;background-color:#EFEFEF;
                            line-height:12px;font-size:10px;padding:3px;
                          }

span.iTip .nowrap { cursor: pointer; background: url(/images/icon_infoCircle.gif) no-repeat right -2px; padding-right: 15px; }

/* Document Kits */
div#kit{ width:603px;clear:both;padding-top:5px; }
div#kitImg{ float:left;width:203px; }
div#kitContents{ float:right;width:400px; }
div#kitCopy{ font-size:12px;line-height:14px;color:#4F4F4F; }
div#kitDescription{ width:305px;border:7px solid #D8D8D8;background-color:#FCFCFC;color:#336699;font-size:11px;margin-top:20px;margin-right:10px;padding-left:12px;padding-top:15px;padding-right:13px;padding-bottom:13px; }
ul#kitList{ margin-left:20px;margin-top:5px; }
ul#kitList li{ padding:5px 0px; }
ul#kitList li a{ color:#336699;text-decoration:none; }
div#downloadKit{ text-align:right;margin-right:58px;padding-top:21px; }


/* FOOTER */
.library-footer { margin: 33px 0 0; zoom:1; overflow: auto; }
.library-footer a { float: left; margin: 0 33px 0 27px; }
.library-footer div { float: left; margin-right: 10px; }
.library-footer div span { display: block; }
.library-footer div a { float: none; margin: 0; color: #2E87D6; text-decoration: underline; }
.download-adobe{ padding-top:7px; }

#noResult{margin-left:7px; color:#CC0000; font-weight:bold; font-size:12px;}