/*
CSS Document
============
Don't touch anything following code.
*/
body { margin: 0px 16px 0px 0px;}

div#fixedbox { position: absolute; top: 0px; left: 0px; width:100%; height:100%; border: 1px solid #000; background-color:#555555; }
div#middlebox{ position: absolute; top: 0px; left: 0px; width:100%; height:100%; border: 1px solid #000; }
div#pageLoading { position: absolute; left:5px; top:5px; width:130px; border: 1px solid #000; background-color:#326cb3; padding:5px; }

@media screen
{
	div#fixedbox { position: fixed; }	
	div#middlebox{ position: fixed;	}
	div#pageLoading{ position: fixed; }
	
	/* Don't do this at home */
	* html { overflow: hidden; }
	* html body { overflow-y: auto; height: 100%; padding: 0px 16px 0px 0px; }
	* html div#fixedbox { position: absolute; }
	* html div#middlebox{ position: absolute; }
	* html div#pageLoading{ position: absolute; }
	/* All done. */
}










/*
CSS Document
============
Don't touch anything following code.
*/

#fadebox_ctrl { width:600px; height:450px; }

#fadeBox
{
	width:100%;
	height:100%;
	border-collapse:collapse;
}

#fadeBox .border_01
{
	width:12px;
	height:30px;
	background-image:url(border_01.gif);
	background-repeat:no-repeat;
}

#fadeBox .border_02
{
	height:30px;
	background-image:url(border_02.gif);
	background-repeat:repeat-x;
}

#fadeBox .border_03
{
	width:30px;
	height:30px;
	background-image:url(border_03.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:center;
}

#fadeBox .border_04
{
	width:12px;
	height:91%;
	background-image:url(border_04.gif);
	background-repeat:repeat-y;
}

#fadeBox .border_05
{
	height:91%;
	background-color:#FFFFFF;
	vertical-align:top;
	text-align:left;
}

#fadeBox .border_06
{
	width:30px;
	height:91%;
	background-image:url(border_06.gif);
	background-repeat:repeat-y;
}

#fadeBox .border_07
{
	width:12px;
	height:12px;
	background-image:url(border_07.gif);
	background-repeat:no-repeat;
}

#fadeBox .border_08
{
	height:12px;
	background-image:url(border_08.gif);
	background-repeat:repeat-x;
}

#fadeBox .border_09
{
	width:30px;
	height:12px;
	background-image:url(border_09.gif);
	background-repeat:no-repeat;
}

.opicity_1 { filter:alpha(opacity=10); -moz-opacity:.10; opacity:.10; }
.opicity_2 { filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; }
.opicity_3 { filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; }
.opicity_4 { filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; }
.opicity_5 { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
.opicity_6 { filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; }
.opicity_7 { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.opicity_8 { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.opicity_9 { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }

#fadearea
{
	width: 100%;
	height:100%;
}