img { -ms-interpolation-mode : bicubic; } body.sfpg { background : #000000; color: #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin:0px; padding:0px; overflow:hidden; } body.sfpg a:active, body.sfpg a:link, body.sfpg a:visited, body.sfpg a:focus { color : #b0b0b0; text-decoration : none; } body.sfpg a:hover { color : #ffffff; text-decoration : none; } table { font-size: 12px; height:100%; width:100%; } table.info td { padding : 10px; vertical-align : top; } table.sfpg_disp { text-align : center; padding : 0px; } table.sfpg_disp td.menu { background : #000000; border-top : 1px solid #303030; vertical-align : middle; white-space: nowrap; } table.sfpg_disp td.navi { height: 25px; background : #202020; border-top : 1px solid #303030; vertical-align : middle; white-space: nowrap; } table.sfpg_disp td.mid { vertical-align : middle; } .sfpg_info_text, .loading { background : #000000; border : 1px solid #606060; color : #aaaaaa; padding : 1px 4px 1px 4px; width : 200px; } .loading { padding : 20px 20px 20px 20px; margin-right: auto; margin-left: auto; } .sfpg_button, .sfpg_button_hover, .sfpg_button_on, .sfpg_button_nav, .sfpg_button_disabled { cursor : pointer; background : #000000; border : 1px solid #808080; color : #aaaaaa; padding : 0px 5px 0px 5px; margin : 0px 5px 0px 5px; white-space: nowrap; } .sfpg_button_hover { background : #ffffff; color : #000000; } .sfpg_button_on { background : #aaaaaa; color : #000000; } .sfpg_button_disabled { cursor : default; border : 1px solid #505050; background : #000000; color : #505050; } .sfpg_button_nav { border : 1px solid #404040; background:#101010; color:#808080; } .thumbbox { vertical-align : top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width: 198px; height: 172px; margin: 0px; padding: 0px; } .thumbimgbox { width: 182px; height: 138px; margin: 0px; padding: 0px; } .innerboxdir, .innerboximg, .innerboxfile, .innerboxdir_hover, .innerboximg_hover, .innerboxfile_hover { cursor:pointer; margin: 7px; padding: 0px; width: 184px; height: 158px; } .innerboxdir, .innerboxdir_hover { border: 1px solid #505050; background : #000000; color : #aaaaaa; } .innerboximg, .innerboximg_hover { border: 1px solid #505050; background : #202020; color : #aaaaaa; } .innerboxfile, .innerboxfile_hover { border: 1px solid #404040; background : #101010; color : #aaaaaa; } .innerboxdir_hover { background : #ffffff; color : #000000; } .innerboximg_hover { background : #ffffff; color : #000000; } .innerboxfile_hover { background : #ffffff; color : #000000; } .full_image { cursor:pointer; border : 5px solid #ffffff; } .thumb { margin: 10px 10px 5px 10px; border : 1px solid #606060; } .box_image { position:absolute; bottom:70px; right:0; z-index:1020; overflow:auto; visibility:hidden; text-align : center; } .box_wait { position:absolute; bottom:70px; right:0; z-index:1015; overflow:auto; visibility:hidden; text-align : center; } .box_navi { position:absolute; bottom:0; left:0; height:70px; width:100%; z-index:1120; overflow:hidden; text-align : center; } .box_info { position:absolute; top:10px; left:10px; width:250px; z-index:1040; visibility:hidden; overflow:auto; border : 1px solid #404040; background: #101010; } .box_overlay { position:absolute; bottom:70px; left:0; height:100%; width:100%; z-index:1010; overflow:hidden; visibility:hidden; background:#000000; } .box_gallery { text-align:center; position:absolute; top:0; right:0; z-index:1000; overflow:auto; }