@charset "utf-8";
BODY { min-width:0px; margin:0; padding:0; }
TABLE { width:100%; margin-left:auto; margin-right:auto; border:0px; border-collapse:collapse; }
.centered { border:0px; margin:0 auto; width:900px; }
.centered td { vertical-align:top; }
a { text-decoration:none; color:#F2F2F2; }
a:hover { text-decoration:none; color:gray; }
li a, li a:hover, .cell a:hover { color:#555; }
#tree_list_frame, #index_container { width:265px; height:552px; overflow:hidden; text-align:left; clear:both; }
#tree_details_frame, #tree_container { width:637px; height:538px; overflow:hidden; }

/* frame.php */
noscript iframe { overflow-x:hidden; }
.nav_btns { font-size:16px; position:relative; top:-14px; }
#force_id { display: none; }
#tree_table { background-color: #FFF; width:100% !Important; margin:0px; }
#headline_cell { width:500px; float:left; padding-top:5px; }
.name { font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; color:gray; margin:0px; text-indent:12px; padding:0px; }
.name span { font-weight:normal; font-size:16px; font-style:italic; }
.purchase { padding:0px 6px !Important; font-size:10px !Important; margin-left:2px; }
.library { font-weight:normal; color:#B3B3A3; margin-left:5px; margin-top:3px; text-indent:12px; font-size:8pt; padding:0px; }
.library a { text-decoration: underline; }
#details_cell { width:180px; text-align:center; vertical-align:top; font-size: 80%; }
#details_cell img { padding:5px; border:1px solid; border-color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; }
#details_cell a:hover { color: #AABBCB; border-color:#AABBCB; }
.cur_var_tris { color:#444; z-index:600; }
#description { height:130px; width:180px; margin:20px 20px 0 0; padding:0 5px; overflow:auto; text-align:left; font-size:8pt; color: #B3B3A3; }
#description img { margin-bottom:-3px; border:0px; padding:0; }
.thumb_link, .cell_link { cursor:pointer; }
.thumb_anchor { display:none; }
#details a, .cell a { text-decoration:none; }
#variations_cell { width:500px; height:42px; overflow:hidden; white-space:nowrap; vertical-align:middle; text-align:center; padding:1px 0; }
.varThumb { padding:0; margin:0; border:0px; cursor:default; }
.fill, .fill img { display: block; width: 100%; height: 100%; }
#frame_fade { position:absolute; z-index:300; }
.stats { background: url('graphics/tape_1.png') no-repeat center top; height:31px; width:500px; position:absolute; z-index:500; text-align:center; font-size: 85%; padding-top:10px; margin-top:420px; left:auto; bottom:auto; }
.stats img { position:absolute; top:0; left:53px; z-index:0; }

/* Spry */
.SlidingPanels { width:372px; height:372px; }
.SlidingPanelsContent { width:372px; height:372px; background-repeat:no-repeat; background-position:center center; }
#variations { overflow:hidden; margin-top: 30px; margin-left: 65px; }
#variations .SlidingPanels, #variations .SlidingPanelsContent { float:left; }
#variations .SlidingPanelsContentGroup { float:left; width:1000px; }
.tooltip { display:none; position:absolute; z-index:9999; background-color:#ECF1F2; padding:3px; border:1px solid #C1D0DB; text-align:right; }
div.tooltipBox { position:relative; top:300px; z-index:1060; }

/* tree_list.php */
#ajax_master { height: 515px; /*height: 528px; */}
#toc { width: 250px; }
.tab_content #title, .category_tab a { font-size:18px; font-weight:bold; white-space:nowrap; }
.toggle_btn { border:1px solid #B2B4BF; margin-left:-1px; padding:0; position:relative; top:3px; left:7px; width:18px; height:18px; cursor:default; }
.highlight { color: #3399cc; font-weight: bold; }
#index_header { border-bottom: 1px solid #5F6B76; padding: 0; }
#index_header #realtime_cb { margin-left: 5px; }
#index_header img + #index_header img + #index_header img + #index_header img + #index_header img { -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; }
#index_header h2 { background:transparent url(../images/bg_graphics.png) no-repeat scroll 0 -144px; font-size:1.1em; padding-bottom: 3px; }
#index_header h3 { font-size: 0.8em; margin: 0; border: none; padding-bottom: 0; }
#index_header .block { width: 115px; float: left; margin-bottom: 10px; display: none; /* display: block;*/ }
#sort_form { width:124px; background-color:transparent; float:right; clear:none; margin: 0 5px 0 0; display:none; }
#sort_select, #sort { float:left; width:124px; font-size:11px; font-family:Verdana, Geneva, sans-serif; }
#version_form { background: url('graphics/controls_plate.gif') no-repeat top left; display: none; height: 55px; padding-top: 3px; }
#search_form { float:right; width:auto; clear:none; margin: -3px 30px 0 0; display:none; }
#search { padding:0; width:155px; margin-bottom:0; float:left;  }
#search_button { padding:1px 1px 2px; float:left; margin-left:5px; }
#roll_list { height:484px; width: 100%; overflow: auto; clear: left; padding-top: 10px; }
.divider { background-image:url('graphics/divider.png'); text-indent:28px; height: 16px; padding-top: 7px; font-weight: bold; font-size: 0.9em; }
#roll_list li a b {  width: 18px; height: 18px; display: block; float: left; }
.ctg1 { background-image:url('graphics/1.gif'); margin-right: 5px; }
.ctg2 { background-image:url('graphics/2.gif'); margin-right: 5px; }
.ctg3 { background-image:url('graphics/3.gif'); margin-right: 5px; }
.ctg4 { background-image:url('graphics/4.gif'); margin-right: 5px; }
.ctg5 { background-image:url('graphics/5.gif'); margin-right: 5px; }
.ctg6 { background-image:url('graphics/6.gif'); margin-right: 5px; }
.ctg7 { background-image:url('graphics/7.gif'); margin-right: 5px; }
.keys { font-size: 0.75em; float: left; margin: 10px; width: 420px; }
#variation_missing p { margin: 70px 6px 0 6px; }
#variation_missing .asterisk { padding-left: 6px; margin-top: 155px; list-style-type: none; }
#ShowHighDetail_btn { margin: 20px 0 10px 110px; }
#legendbox, .legendbox { position: absolute; bottom: 0; right: 0; z-index: 900; opacity: 0.7; overflow: hidden; background: url('../images/bg_lightcanvas.png') repeat; }
#legendbox table, .legendbox table { margin: 0 0 2px 0; background: url('../images/bg_canvas-fade.png') repeat-x top left; }
#legend_toggle { cursor: pointer; }
.keys td { padding: 3px; }
.leftkeys { float: left; clear: left; padding-right: 2; }
.key, .key_long { display: block; float: left; width: 25px; height: 25px; background: transparent url('graphics/key.png') no-repeat center center; text-align: center; font-size: 1.2em; font-weight: bold; padding-top:6px; margin-top: -6px; margin-right: 5px; }
.key_long { width: 50px; background-image: url('graphics/key_long.png'); font-size: 0.9em; padding-top: 10px; margin-top: -10px; }
.two_lines { line-height: 0.85em; padding-top: 3px; margin-top: -5px; font-size: 0.8em; }
.browsing_notes { position: relative; top: -60px; z-index: 200; margin-bottom: -60px; }
#overview_player { margin-left: 5px; }

/* thumbnails.php */
#ajax_detail { width: 714px; }
#category_links { width:714px; height:36px; position:absolute; top:133px; z-index:500; text-align:center; padding:5px 0; margin-bottom:-36px; }
#category_links img { width:100%; height:36px; position:absolute; left:0; top:0; z-index:0; }
#category_links div { position:relative; top:8px; z-index:100; }
#category_links a { font-size:10px; }
#thumbnails { height:528px; overflow:auto; }
.category_header { clear:both; font-size:18px; font-weight:bold; margin-top:-20px; text-align:center; }
.cell { width:202px; height:327px; background:transparent url('graphics/cell.gif') no-repeat; padding-top:4px; float:left; margin:2px; text-align:center; }
.cell div { background:transparent url('../images/wait.gif') no-repeat 73px 93px; width:180px; overflow:hidden; margin:10px auto 0 auto; }
.cell span { font-size:14px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; }
.cell img { clear:both; border:0px; margin-left:-10px; }
.cell img + img { margin:0px !Important; padding:7px; }
.fade { background-repeat:repeat-x; background-position:left center; position:absolute; top:672px; z-index:1000; width:617px; height:36px; }
.top { background:url('../images/graphics/fade_top.png'); margin-bottom:-36px; }
.btm { margin-top:-36px; }