/****************************************/
/* Enquiry Form Table Setting by Satoko */
/****************************************/

div.gridbox_light table.hdr{
  font-family:'Arial' 'Verdana' 'Tahoma';
  width:95%;
  margin-bottom:0;
  background-color:white;
}

div.gridbox_light table.hdr th {
  border: 1px solid white;
  border-color : #FDFDFD #93AFBA #93AFBA #FDFDFD;
  background-image:url(images/skin_light_header.png);
  background-color:transparent;
  font-size:12px;
  font-weight:normal;
  color:#055A78;
  vertical-align:middle;
  text-align:center;
}

div.gridbox_light table.hdr td {

  border-width: 1px;
  border-left: 1px solid white;
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  border-top: 1px solid white;
  font-family:Tahoma;
  font-size:12px;
  padding-right:4px;
  padding-left:4px;
  vertical-align:middle;
  background-color:white;
}

h2 {
  padding-left:23px;
  font-family:'Verdana','Tahoma','Arial';
  margin-bottom:8px;
}

p  {
  padding-left:23px;
  font-family:'Verdana','Tahoma','Arial';
  margin-top:0;
  margin-bottom:0;

}
/*******************************************************************************************/
.here  { background-color: #eeeeee; font-size:11px; }
.here2 { background-color: #ceeeff; font-size:12px; }
.here3 { color:#666666; font-weight:bold; background-color:#FFCCCC; }
.opArea{ color:#0066FF; font-weight:bold; font-size:16px; position: relative; top:30px; margin-left:2%; }
.tourArea{ color:#0066FF; font-weight:bold; font-size:16px; margin-left:22px; }

.toplink a:link, .toplink a:visited {
  color:#0000FF;
  font-size:11px;
  text-decoration:underline;
}

.toplink a:active , .toplink a:hover {
  color:#cc0000;
  font-size:11px;
  text-decoration:underline;
}

.toplink2 {color:#999999;}

.toplink2 a:link, .toplink2 a:visited {
  color:#0000FF;
  font-size:12px;
  text-decoration:underline;
}

.toplink2 a:active , .toplink2 a:hover {
  color:#cc0000;
  font-size:12px;
  text-decoration:underline;
}



/***********************/
/* main css properties */
/***********************/



/********************************/
/* button                       */
/********************************/
.buttonBlue  { width : 50px ; height : 20px ; border: 1px solid #0033ff; font-size: 10pt; color: #004dff; }
.buttonRed   { height : 20px ; border: 1px solid #cc0000; font-size: 10pt; color: #cc0000; }
.buttonBlueN { height : 20px ; border: 1px solid #3366CC; font-size: 10pt; color: #6666FF; }
.buttonBlack { height : 20px ; border: 1px solid #000000; font-size: 10pt; color: #000000; }



/*********************************/
/* vertical alignment of objects */
/*********************************/
.vtop    { vertical-align:top;    }
.vbottom { vertical-align:bottom; }
.vmiddle { vertical-align:middle; }
.vsuper  { vertical-align:super;  }

/*******************************/
/* alignment of text and block */
/*******************************/
.center  { text-align:center;  }
.right   { text-align:right;   }
.left    { text-align:left;    }

.b_center { margin-left:auto; margin-right:auto; }                     /* box要素のセンタリング                              */
.centerbox{ margin-left:auto; margin-right:auto; text-align:left; }    /* box要素のセンタリング、および内部のテキストの左寄せ*/
.numelic  { text-align:right; padding-right:1em; }                     /* 数字要素の右寄せ用                                 */

/*********************/
/*  text-decoration  */
/*********************/
.bold        { font-weight:bold;          }
.underline   { text-decoration:underline; }
.nounderline { text-decoration:none;      }
.italic      { font-style:italic;         }

/***********/
/* margins */
/***********/
.margin0         { margin:0em 0em 0em 0em; }

.mt0  { margin-top: 0;  }
.mt05 { margin-top: 5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}

.mb0  { margin-bottom: 0;  }
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

.ml0  { margin-left: 0;  }
.ml05 { margin-left: 5px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}

.mr0  { margin-right: 0;  }
.mr05 { margin-right: 5px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}


/**********************/
/* background colours */
/**********************/
.bg_grey       { background-color:#dedede; }
.bg_darkGrey   { background-color:#AEAAAE; }
.bg_lightGrey  { background-color:#DDDFE1; }
.bg_blue       { background-color:#CCCCFF; }
.bg_navyBlue   { background-color:#072997; }
.bg_darkBlue   { background-color:#0D34A3; }
.bg_lightBlue  { background-color:#CCFFFF; }
.bg_lightBlue2 { background-color:#AEF0F0; }
.bg_paleBlue   { background-color:#E7EFFF; }
.bg_babyBlue   { background-color:#e8f8ff; }
.bg_skyblue    { background-color:#e8efff; }
.bg_green      { background-color:#CCFFCC; }
.bg_limeGreen  { background-color:#ccff99; }
.bg_green      { background-color:#30BA18; }
.bg_lightGreen { background-color:#9EE86D; }
.bg_paleGreen  { background-color:#D7FCBF; }
.bg_lightBrown { background-color:#FFEFD5; }
.bg_white      { background-color:#FFFFFF; }
.bg_lightPurple{ background-color:#EEEEFF; }
.bg_purple     { background-color:#cc99ff; }
.bg_lightRed   { background-color:#FFEADE; }
.bg_red        { background-color:#ff9999; }
.bg_pink       { background-color:#FAE1FE; }
.bg_lightYellow{ background-color:#FFFFDE; }
.bg_yellow     { background-color:#ffff99; }
.bg_beige      { background-color:#FDF6E5; }
.bg_orange     { background-color:#FFCE61; }
.bg_lightOrange{ background-color:#FDDA62; }
.bg_black      { background-color:#000000; }


/****************/
/* text colours */
/****************/
.red      { color:#CC0000; }
.roseRed  { color:#CC0099; }
.rosePink { color:#FF0099; }
.orange   { color:#F4CF05; }
.orange2  { color:#FF6600; }
.blue     { color:#0066CC; }
.conBlue  { color:#1865FF; }
.navyBlue { color:#072997; }
.babyBlue { color:#3399FF; }
.maroon   { color:#800000; }
.gray     { color:#333333; }
.white    { color:#FFFFFF; }
.green    { color:#30BA18; }


/************/
/*  border  */
/************/
.bd_b0         { border-bottom:none;                                            }
.bd_t0         { border-top:none;                                               }
.borderGreen   { border:1px solid #30BA18;                                      }
.borderGrey    { border:1px solid #AEAAAE;                                      }
.borderTRBGrey { border:1px solid #AEAAAE; border-left:none;                    }
.borderTGrey   { border-top:1px solid #AEAAAE;                                  }
.borderRGrey   { border-right:1px solid #AEAAAE;                                }
.borderBGrey   { border-bottom:1px solid #AEAAAE;                               }
.borderRLGrey  { border:1px solid #AEAAAE; border-top:none; border-bottom:none; }
.borderTBGrey  { border-top:1px solid #AEAAAE; border-bottom:1px solid #AEAAAE; }
.borderTRLGrey { border:1px solid #AEAAAE; border-bottom:none;                  }
.borderTRGrey  { border:1px solid #AEAAAE; border-bottom:none; border-left:none;}
.borderRBGrey  { border:1px solid #AEAAAE; border-left:none; border-top:none;   }
.borderRBLGrey { border:1px solid #AEAAAE; border-top:none;                     }
.borderPurple  { border:1px solid #9591A5;                                      }
.borderLNo     { border-left:none;                                              }
.borderTNo     { border-top:none;                                               }
.borderRNo     { border-right:none;                                             }
.borderBNo     { border-bottom:none;                                            }
.borderBDot    { border-bottom:1px; border-bottom-color:#AEAAAE; border-bottom-style:dotted; }
.borderTDot    { border-top:1px;    border-top-color:#AEAAAE;    border-top-style:dotted;    }
.borderRDot    { border-right:1px;  border-right-color:#AEAAAE;  border-right-style:dotted;  }
.borderLDot    { border-left:1px;   border-left-color:#AEAAAE;   border-left-style:dotted;   }
.borderOrange  { border:1px solid #FFCE61;                                                   }
.borderBBlueDot     { border:1px 0 1px 0; border:1px solid #072997; border-style:dotted; }
.borderTBBlueDot    { border:1px 0 1px 0; border-top:1px solid #072997;    border-bottom:1px solid #072997; border-style:dotted;   }
.borderTBLRBlueDot  { border:1px 0 1px 0; border-top:1px solid #072997;    border-top-style:dotted; border-bottom:1px solid #072997; border-left-style:dotted; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
.borderBBabyBlueDot { border:0 0 1px 0;   border-bottom:1px solid #99ccff; border-style:dotted; }
.borderLRNavyBlue   { border-left:5px solid #0072C1; border-right:5px solid #0072C1; }
.borderGreen        { border:1px solid #429F1A; }
.borderRBGreen      { border-right:1px solid #429F1A; border-bottom:1px solid #429F1A; }
.borderBGreen       { border-bottom:1px solid #429F1A; }

/*********************/
/* etc               */
/*********************/
.font8        { font-size:8px;  }
.font9        { font-size:9px;  }
.font10       { font-size:10px; }
.font11       { font-size:11px; }
.font12       { font-size:12px; }
.font14       { font-size:14px; }
.font16       { font-size:16px; }
.font18       { font-size:18px; }
.font20       { font-size:20px; }
.lmtlength    { overflow:hidden; height:1.5em; } /* want to put the long data into a line(inside box) */

/******************/
/*    Padding     */
/******************/
.padT8        { padding-top:8px;    }
.padT4        { padding-top:4px;    }
.padL14       { padding-left:14px;  }
.padB8        { padding-bottom:8px; }
.padB4        { padding-bottom:4px; }
.padR14       { padding-right:14px; }
.padR6        { padding-right:6px;  }
.padL6        { padding-left:6px;   }
.padL8        { padding-left:8px;   }

/*************************/
/*    Letter-spacing     */
/*************************/
.space1       { letter-spacing:1px; }
.space2       { letter-spacing:2px; }

/**********************/
/* textbox dimensions */
/**********************/
.width1_5   { width  : 1.5em; }
.width2     { width  : 2em;   }
.width2_5   { width  : 2.5em; }
.width3     { width  : 3em;   }
.width4     { width  : 4em;   }
.width6     { width  : 6em;   }

/***************************************/
/* for buttons in payment page by Hwee */
/***************************************/
.submitBttn { width : 60px ; height : 20px ; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 10pt; color: #cc0033; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid}
.resetBttn  { width : 50px ; height : 20px ; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 10pt; color: #000000; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid}

/* this is used when we want a textbox to look like a label, like that in VB */
/* usually used because the value is javascript generated and it's a readonly textbox */
.readonly { border-style    : solid;
            border-color    : #FFFFFF;
            background-color: #FFFFFF; }
.rect { color: #000; 
background: #fb0; 
text-decoration: none 
}