img {-ms-interpolation-mode : bicubic;}

			body.sfpg {
				background : #000000 url("../site/images/bg-main.jpg") repeat scroll 0 0;
        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 : #bfd255;
				border : 1px solid #fff;
				color : #fff;
				padding : 0px 15px 0px 15px;
				margin : 0px 5px 0px 5px;
				white-space: nowrap;
       
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
            
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWNiMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
        background: linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-8 */
        
			}

			.sfpg_button_hover
			{
				background : #ffffff;
				color : #000000;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllY2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzcyYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhlYjkyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmQyNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #9ecb2d 0%, #72aa00 49%, #8eb92a 50%, #bfd255 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ecb2d), color-stop(49%,#72aa00), color-stop(50%,#8eb92a), color-stop(100%,#bfd255)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #9ecb2d 0%,#72aa00 49%,#8eb92a 50%,#bfd255 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #9ecb2d 0%,#72aa00 49%,#8eb92a 50%,#bfd255 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #9ecb2d 0%,#72aa00 49%,#8eb92a 50%,#bfd255 100%); /* IE10+ */
        background: linear-gradient(top,  #9ecb2d 0%,#72aa00 49%,#8eb92a 50%,#bfd255 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ecb2d', endColorstr='#bfd255',GradientType=0 ); /* IE6-8 */
			}

			.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;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
			}

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