html {
/*
   background-color: #CFCFCF;
*/
}

#container {
   /*
   	width: 960px;
   */
}

#header {  
   background-image: url(../img/header.jpg);
   height: 74px;
   background-repeat: no-repeat;
}

#footer {   
/*   
   background-color: #CFCFCF;
	margin: 0;
   text-align: left;
	padding: 10px 6px;
   font-size: smaller;
*/
}

.dataCHANGE {
   padding: 0 4px;
   line-height: 1.3em;
/*   background-color: yellow;*/
}



span.highlight {	/* highlighted text, use this instead of blue/red text :) */
	background-color: #D1E4EF;	
   /*	white-space: nowrap;*/
}
}

p.InError {
   /*background-color: yellow;
   border: 1px solid red;
   padding: 4px 4px 4px 6px;
   font-weight: bold;*/
   border-top: 2px solid  #FFD100;
   border-bottom: 2px solid  #FFD100;
   background-color: #FFF29F;
   padding: 4px 10px 4px 32px;
   background-image: url(/join/img/error_icon.gif);
   background-repeat: no-repeat;
   background-position: left;
   color: black;
}

p.InMsg	 {
   border-top: 2px solid  #24b300;
   border-bottom: 2px solid #24b300;
   background-color: #b2ff9f;
   padding: 5px 10px 5px 32px;
   background-image: url(/join/img/success_icon.gif);
   background-repeat: no-repeat;
   background-position: left;
}

table.TextInputs {}

   table.TextInputs td.FieldLabel {
      text-align: right;
      padding: 8px 2px 8px 0;
   }
   
   table.TextInputs td.InputField {
      margin: 3px 0;
   }
   
table.UserInfo th {
   padding: 4px 2px;
   font-weight: bold;
}
table.UserInfo td {
   padding: 2px 5px;
}


.AddrForm {
   margin: 2px 0 8px 0px;
   padding: 3px 2px 2px 2px;
	vertical-align: middle;
}

.textinput {
   font-size: 1.2em;
   padding: 2px 1px;
}

.MemberInfo thead tr td {
	text-align: center;
	padding: 0 0 5px 0;
	
}

.MemberInfo tr td.name {
	padding: 4px 5px;
	text-align: center;
}

.MemberInfo tr td.gender {
	padding: 4px 5px;
	text-align: center;
}

.MemberInfo tr td.age {
	padding: 4px 5px;
}

.Tracking thead tr td {
	text-align: center;
	padding: 56px;