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
      {
        
        bottom:0;
        left:0;
        height:70px;
        width:100%;

        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;
      }