body 		{ margin: 0px; padding: 0px; font-size: 10pt; font-family: Trebuchet MS;  background: #777; }
a           { color: #22A }
a:hover		{ color: #005e72 }
div, td, input	{ font-size: 10pt }
form 		{ margin: 0px; padding: 0px }
.inputtext	{ background: #FFF }
.board 		{ margin: 2px; padding: 3px; border: 1px #996633 solid; background: #FFFFDD; color: green; }
.tools		{ color: #777; display: inline }
.field		{ border: 1px #ddd solid; width: 100% }
.helper		{ display: inline; margin-left: 7px; }
.photobutton  { margin-top: 0px; background: #CCC; text-align: center; padding: 2px; color: #888; cursor: pointer; }
.photobuttonh { margin-top: 0px; background: #AAA; text-align: center; padding: 2px; cursor: pointer; }
.authform   { color: #fff }
body.sel select { visibility: hidden }

.copy  { padding: 0px; padding-top: 5px; background: #ef7d00; font-size: 10pt; color: #FFFFFF; text-align: center; }
.photo  { border: solid 5px #DDF; cursor: pointer }
.imgc	{ margin: 0px; margin-top: 5px; margin-bottom: 5px; text-align: center; clear: both; }
.imgl	{ display: inline; margin: 0px; margin-top: 5px; margin-right: 15px; float: left; clear: right; }
.imgr	{ display: inline; margin: 0px; margin-top: 5px; margin-left:  15px; float: right; clear: left; }

.back	{ background-image: url(back.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top }

* html .back {
	position: absolute;
	/* height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"); */
}

.bot	{ position: fixed; background-image: url(bot.jpg); width: 640px; height: 427px; left: 50%; top: 100%; margin-left: -320px; margin-top: -427px; }
* html .bot {
	position: absolute;
	/*  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"); */
}


#pubZone {
	min-height: 300px;
	height: expression(document.documentElement.clientHeight < 300 ? "300px": "auto");
	background: #FFF;
	padding: 20px;
	margin: 0px;
	padding-top: 0px;
	background: #FFF;
}

/* ergakitur */
#menubox   { position: absolute; left: 50%; top: 123px; margin-left: -500px; width: 180px; }
#userbox   { position: absolute; left: 50%; top: 7px;  margin-left: -490px; width: 170px; }
#searchbox { position: absolute; left: 50%; top: 95px;  margin-left: 175px; color: #FFF; }
#labelbox  { position: absolute; left: 50%; top: 20px;  margin-left: 10px;  color: #FFF; font-size: 14pt; }
#dressbox  { position: absolute; left: 50%; top: 45px;  margin-left: 84px;  color: #FFF; font-size: 8pt; text-align: right; }

/* Hide boxes */
.hide_box_title {
	color: #FFF;
	background: #ef7d00;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
/* GUES BOOK */
	.gba	{ color: #339933 }
	.gblock { font-family: Trebuchet MS; font-size: 10pt; margin-top: 10px; }
	.gadd	{ font-size: 8pt; color: #777; }
	.gfield { border: 1px #ddd solid; }
/* CONTENT */
	.content_title { font-size: 14pt; color: #005e72; margin-top: 15px;  font-weight: bold; font-family: Trebuchet MS;}
	.content_text  { text-align: justify; font-family: Trebuchet MS; font-size: 10pt; margin-top: 10px; color: #225; }
/* FILES */
	.fileitem     { font-size: 8pt; padding: 1px; margin-bottom: 3px; border: 1px solid #eee; }
/* BOXES */
	.boxfield	  { color: #777; font-size: 10pt; width: 100%; padding: 5px;}
	.boxfield_hbg { border: 1px #ded solid; overflow: hidden;}
	.boxhead	  { color: #333; background: #FFF; padding-left: 5px; padding-right: 5px; position: absolute; margin-top: -14px; margin-left: 10px; }
/* MENU	 */  	
	.menuLink	{ color: #FFF }
	.menu0		{ padding: 4px; font-size: 14pt; text-align: right; padding-right: 10px; background: #999; margin-bottom: 1px; }
	.menu1		{ padding: 2px; font-size: 10pt; text-align: right; padding-right: 20px }
	.menu2		{ padding: 2px; font-size: 8pt; text-align: right; padding-right: 30px }
	.mn			{ background: #ef7d00 }
/* RECOMENDED */
	.w100 		{ width: 100% }
	.edb		{ border: 1px #999 dashed }
	.fly 		{ position: absolute; left: 50%; top: 20px; width: 400px; margin-left: -200px; z-index: 100; }
	.error		{ padding: 7px; color: red; background: #FFF; text-align: center; border: 1px solid red; margin-top: 10px; }
	.message	{ padding: 7px; color: green; background: #FFF; text-align: center; border: 1px solid green; margin-top: 10px; }

/* Fix PNG in IE6 img, div, td { behavior: url(iepngfix.htc) }  */
#over {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000;
   	z-index: 100;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#shaded {
	position: fixed;
    top: 0; left: 0
   	z-index: 90;
}
#imgbox {
	position: fixed;
	left: 50%;
	top: expression(0 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' );
  	z-index: 1000;
}
* html #imgbox {
	position: absolute;
	left: 50%;
	top: expression(0 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' );
}
* html #over {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
* html #shaded {
	position: absolute; top: 0; left: 0; z-index: 90;
}

/* SOFT CORNERS */

#rounded-box-10 { margin: 1em }
.w { background-color: #ef7d00 }
.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10, .t1, .t2, .t3, .t5 {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size:1px;
}
.r10{ margin: 0 10px }
.r9 { margin: 0 9px }
.r8 { margin: 0 8px }
.r7 { margin: 0 7px }
.r6 { margin: 0 6px }
.r5 { margin: 0 5px }
.r4 { margin: 0 4px }
.r3 { margin: 0 3px }
.r2 { margin: 0 2px }
.r1 { margin: 0 1px }

.t2, .t3 { border-right: 2px solid #BBB; border-left: 2px solid #BBB }
.t1 { border-right: 1px solid #BBB; border-left: 1px solid #BBB }
.t5 { margin: 0 5px; background: #BBB }
.t3 { margin: 0 3px }
.t2 { margin: 0 2px }
.t1 { margin: 0 1px }