.frame{
	width:550px;
	left:90px;
	top:10px;
	position:relative;
	height:auto
}

.form{
	margin-top:20px;
	padding-top:20px
}

.form .tlabel{
	float:left;
	left:5px;
	position:absolute;
	color:#9999aa
}

.form .tfield{
	float:left;
	left:220px;
	position:absolute;
	font-family:Arial Unicode MS;
	font-weight:bold
}

.form .tpicture{
	padding-left:220px
}

.form .filebtn{
	padding-left:330px
}

/* little box */
.form .tfield #pdd_img_profile
{
  background-image: url(../images/gui/fldbox2t.png);background-repeat:no-repeat;
  border:none;height:25px;width:100px; background-color:#f1f1f1;padding-left:5px;
  padding-top:4px;padding-right:3px;color:#666666;
}

/* normal box - width (135) is important to change red, see japp.js */
.form .tfield #pdd_name,.form .tfield #pdd_fname,.form .tfield #pdd_organization_name,.form .tfield #pdd_email,.form .tfield #pdd_code,.form .tfield #pdd_password,.form .tfield #confirm_pdd_password,.form .tfield #pdd_telp,.form .tfield #pdd_regdate,.form .tfield #pdd_payment_code
{
  background-image: url(../images/gui/fldbox3t.png);background-repeat:no-repeat;
  border:none;height:25px;width:135px; background-color:#f1f1f1;padding-left:5px;
  padding-top:4px;padding-right:10px;color:#666666;
}

/* wide box */
.form .tfield #pdd_cert_name
{
  background-image: url(../images/gui/fldbox4t.png);background-repeat:no-repeat;
  border:none;height:25px;width:240px; background-color:#f1f1f1;padding-left:5px;
  padding-top:4px;padding-right:10px;color:#666666;
}

/* normal combo */
.form .tfield #pdd_country,.form .tfield #pdd_payment_method,.form .tfield #pdd_payment_system,.form .tfield #pdd_category
{
  background-image: url(../images/gui/fldcombo5.png);background-repeat:no-repeat;
  border:none;height:25px;width:135px; background-color:#f1f1f1;padding-left:5px;
  padding-top:4px;padding-right:10px;color:#666666;
}

/* wide combo */
 .form .tfield #pdd_member_type,.form .tfield #pdd_acc_members,.form .tfield #pdd_title
 {
    background-image: url(../images/gui/fldcombo3.png);background-repeat:no-repeat;
  border:none;height:25px;width:240px; background-color:#f1f1f1;padding-left:5px;
  padding-top:2px;padding-right:10px;color:#666666;
 }

/* wide area */
.form .tfield #pdd_address,.form .tfield #pdd_company_profile
{
  background-image: url(../images/gui/fldarea.png);background-repeat:no-repeat;
  border:none;height:49px;width:240px; background-color:#f1f1f1;padding-left:5px;
  padding-top:2px;padding-bottom:2px;padding-right:10px;color:#666666;

}

.form .tfield select
{
	background-color:#e7e5e5;color:#666666;border:1px solid silver;
}

#pdd_country_css,#pdd_member_type_css,#pdd_payment_method_css,#pdd_payment_system_css,#pdd_category_css,#pdd_acc_members_css,#pdd_title_css
{
	display:none;width:203px;
	color:gray;
	position:relative;z-index:3;font-size:11px;font-weight:normal;
	padding-top:2px;
}

#pdd_country_css div,#pdd_member_type_css div,#pdd_payment_method_css div,#pdd_payment_system_css div,#pdd_category_css div,#pdd_acc_members_css div, #pdd_title_css div
{
	cursor: pointer;
}


/* --------------------------------- */
#toc{
	padding-left:50px;padding-top:60px;
}

#toc #head
{
   font-weight:bold;font-size:14px;color:#9999aa;
}

.addFM
{
	font-size:10px;color:gray
}

/*cover and loading*/
#cover
{
	position:fixed;
	height:100%;
	width:100%;
	background-color:#666666;
	display:none;
	z-index:5;
}

#loader
{
	position:absolute;
	width:400px;
	left:50%;
	top:100px;
	margin-left:-200px;
	height:auto;
	/*background-color:#FFFFFF;*/
	/*border:1px solid black ; */
	z-index:6;
	padding:5px 5px 5px 5px;
	display:none;
}

#loader #loadhead
{
   background-image:url(../images/box2-top.png);
   height:15px;
   width:400px;
   background-repeat: no-repeat;
   background-position: top;
}

#loader #loadmid
{
   background-image:url(../images/box2-in.png);
   width:400px;
   height:100px;
   background-repeat:repeat-y;
}

#loader #loadfoot
{
   background-image:url(../images/box2-bottom.png);
   height:14px;
   width:400px;
   background-repeat: no-repeat;
   background-position: bottom;
}



/* ------------------------ */
#tooltips
{
	position:absolute;
	width:168px;
	height:58px;
	background-image: url(../images/box-chat.png);
	background-repeat: no-repeat;
	color:black;
	font-size:12px;
	z-index:8;
	padding-top:10px;
	padding-left:25px;
	display:none;
	left:50%;
	margin-left:10px;
	top:950px;
}

.dirpage
{
 display:block;
 background-color: #c0ddea;
 padding:5px;
 color:silver;
 font-family:Arial;
 font-size:10pt;
 -moz-border-radius: 3px;
 -webkit-border-radius:5px;
 border:1px solid silver;
}

.dirpage:hover
{
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

.dirpage a
{
  background-color: #c0ddea;
  color:gray;
  font-weight:bold;
  text-decoration:none;
  padding:2px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

}

.dirpage a:hover
{
  background-color:#FFF;
  color:#888;
  text-decoration:none;
  font-weight:bold;
}

.dirpage .diritem
{
 padding-top:8px;
 padding-bottom:8px;
 background-color: #f1f1f1;
 color:black;
 font-size:11px;
 width:630px;
 margin-top:10px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}

.dirpage .diritem div
{
   float: left;
   padding: 2px 0px 2px 0px;
   margin-left:8px;
}

.dirpage .diritem a
{
  -moz-border-radius: 3px;
  color:gray;
  background-color:#f6f3e0;
  border:1px solid silver;
  display:block;
  width:100px;
  height:100px;
}

.dirpage .diritem a:hover
{
  color:black;
}