/************************************************************************************
			iPhone portrait 320 x 480
			*************************************************************************************/
			@media screen and (max-width: 320px) {
				html { -webkit-text-size-adjust: none; }
				.box_gallery
				{
					text-align:center;				
					z-index:1000;
					width: 250px !important;
					margin-left: 7% !important;
				}

				.thumb {
					margin: 10px 10px 5px 10px;
					width: auto !important;
					width: auto !important;
				}
				
				.thumbimgbox {
					 width : auto !important; 
				}
				
				.full_image { border: none !important; }
				.box_image { top:0; height: 100%; }
				table.sfpg_disp td.mid { vertical-align: middle !important; } 
			}


			@media screen and (min-width: 321px) and (max-width: 480px) {
				html { -webkit-text-size-adjust: none; }
				.box_gallery
				{
					text-align:center;				
					z-index:1000;
					width: 385px !important;
				}

				.thumb {
					margin: 10px 10px 5px 10px;
					width: auto !important;
					width: auto !important;
				}
				
				.thumbimgbox {
					 width : auto !important; 
				}		

				.full_image { border: none !important; }
				.box_image { top:0; height: 100%; }
				table.sfpg_disp td.mid { vertical-align: middle !important; } 
				
			}

			/************** End **********************/
			
			/****************************************
			iPad landscape
			****************************************/
			
			@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : landscape) {
				.box_gallery {
					width: 780px !important;
					margin-left: 10% !important;
				}
				
				.loading {
					margin-left: 38% !important;
				}
			}
			
			
			@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
				.box_gallery {
					width: 780px !important;
				}
				
				.thumb {
					margin: 10px 10px 5px 10px;
					width: auto !important;
					width: auto !important;
				}
				
				.loading {
					margin-left: 28% !important;
				}
			}
	
			/************** End **********************/
			
			
			img
			{
				-ms-interpolation-mode : bicubic;
			}

			body.sfpg
			{
				background : #ffffff;
				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 : #000000;
				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 : top;
			}

			.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 : #ffffff;
				border : 1px solid #808080;
				color : #aaaaaa;
				padding : 0px 5px 0px 5px;
				margin : 0px 5px 0px 5px;
				white-space: nowrap;
			}

			.sfpg_button_hover
			{
				background : #000000;
				color : #ffffff;
			}

			.sfpg_button_on
			{
				background : #aaaaaa;
				color : #ffffff;
			}

			.sfpg_button_disabled
			{
				cursor : default;
				border : 1px solid #505050;
				background : #ffffff;
				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 : #ffffff;
				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 : #000000;
				color : #ffffff;
			}

			.innerboximg_hover
			{
				background : #000000;
				color : #ffffff;
			}

			.innerboxfile_hover
			{
				background : #000000;
				color : #ffffff;
			}

			.full_image
			{
				cursor:pointer;
				border : 5px solid #ffffff;
			}

			.thumb
			{
				margin: 10px 10px 5px 10px;
				border : 1px solid #606060;
			}

			.box_image
			{
				position:fixed;
				bottom:100px;
				width:100%;
				z-index:1020;
				overflow:auto;
				visibility:hidden;
				text-align : center;
				left:0;				
			} 


			.box_image_actual { 
				bottom: 100px;
				height: auto;
				left: 0;
				position: absolute;
				text-align: center;
				top: 0 !important;
				visibility:hidden;
				width: 100%;
				z-index: 1020; 
			}
			
			.box_wait
			{
				position:fixed;
				bottom:300px;
				/* right:0; */
				z-index:1015;
				overflow:auto;
				visibility:hidden;
				text-align : center;
				width:940px;
			}

			.box_navi
			{
				/*position:absolute;*/
				position:fixed;
				bottom:0;
				left:0;
				height:70px;
				width:100%;
				/* width:940px; */
				z-index:1120;
				overflow:hidden;
				text-align : center;
				display:block; 
			}

			.box_info
			{
				position:fixed;
				top:0px;
				/* width:250px; */
				z-index:1040;
				visibility:hidden;
				overflow:auto;
				border : 1px solid #404040;
				background: #101010;
				left:0;
			}

			.box_overlay
			{
				position:fixed;
				bottom:70px;
				left:0;
				right: 0;
				top: 0;
				height:100%;
				width:100%;
				z-index:1010;
				overflow:hidden;
				visibility:hidden;
				background:#ffffff;
			}

			.box_gallery
			{
				text-align:center;				
				z-index:1000;
				/*overflow:auto;
				position:absolute;
				top:0;
				right:0;*/
				width: 940px;
			}