body {
  color: #003399;
  font-family: Tahoma, "MS Sans Serif";
  font-size: small;
  background-image: url(background-page.png);
  background-repeat: repeat-y;
  background-position: center;
  text-align: center;
  margin:0;
  padding:0;
}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

img {
border: none;
}

a {
  color: #8000FF;
  text-decoration: none;
}

a:visited {
  color: #8000FF;
}

a:hover {
  color: #003366;
}
/* menu tab */
#tabs4 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #6B78A9;
      }
    #tabs4 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs4 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs4 a {
      float:left;
      background:url("images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs4 a span {
      float:left;
      display:block;
      background:url("images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#6B78A9;
      }
    #tabs4 a:hover {
      background-position:0% -42px;
      }
    #tabs4 a:hover span {
      background-position:100% -42px;
      }

      #tabs4 #current a {
              background-position:0% -42px;
      }
      #tabs4 #current a span {
              background-position:100% -42px;
      }

      /* end menu tab */
#wrapper {
  text-align: left;
  width: 780px;
  position: relative;
  margin: auto;

}

#header {
  height: 120px;
  background-image: url(images/header-thaidomain.png);
  background-position: center;
  background-repeat: no-repeat
}

#innerheader {
  padding-top: 0px;
  padding-left: 40px
}

#innerheader h1 {
  display: none;
}

.clearboth {
  clear: both;
}

   

#content {
  width: 780px;


}

#welcomebox {

  width: 760px;

  float: left;
  padding-left: 10px;
   /*background-image: url(images/welcome-box.png); */
  /*background-repeat: no-repeat; */
  margin-top: 20px
}

#rightcontent{
  float: right;
  width: 550px;
  margin-top: -90px;
}


.container {
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #ccc;
        background: #fff;

}

#loginbox {
  text-align: center;
  background-image: url(images/addcard_p5.png);
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 20px
}

.inputtext{
  border: thin solid #66FF99;
}


h4 {
        font-size: 100%;
        color: #999;
        margin: 0;
}

#footer {
  color: #666666;
  margin-top: 25px;
  margin-left: 10px;
  text-align: center;
  background-color: #FFFFFF
}

/* menu in manage */
#menu10 {
        float: left;
        width: 200px;
        margin: 10px;
        }

#menu10 li a {
        float: left;
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu10 li a:link, #menu10 li a:visited {
float: left;
        color: #4D4D4D;
        display: block;
        background:  url(images/menu10.gif);
        padding: 8px 0px 0px 10px;
        }
#menu10 ul {
float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        }
#menu10 li a:hover, #menu10 li #current { 
float: left;
        color: #FF9834;
        background:  url(images/menu10.gif);
        padding: 8px 0px 0px 10px;
        }
        /* end menu */