/******* HTML tags *******/
BODY
{
    font-size: 10pt;
    color: gray;
    font-family: verdana,arial,helvetica,sans-serif;
    background-color: white;
    margin-top: 0px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}
INPUT
{
    margin: 2px 8px 0px 8px;
}

LABEL
{
    color: #0000cd;
    font-size: 9pt;
}

A A:active, A:link, A:visited
{
    text-decoration: none;
    color: blue;
}

A:hover
{
    color: #c8479a;
    text-decoration: none;
}

H1
{
    font-weight: bolder;
    margin: 0px;
    font-size: 18pt;
    color: #00008b;
    text-transform: uppercase;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    font-style: italic;
    font-family: Monospace;
    text-decoration: underline;
}

H2
{
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 12pt;
    color: #0000cd;
    text-transform: capitalize;
}

H3
{
    border-top: #e6e6fa 1px solid;
    border-bottom: #e6e6fa 1px solid;
    border-left: #87ceeb 2px solid;
    display: block;
    font-weight: bold;
    font-size: 10pt;
    color: #0000cd;
    font-family: Cursive;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #f8f8ff;
}

FIELDSET
{
    border-top: #87ceeb 1px solid;
    border-bottom: #87ceeb 1px solid;
    border-right: #87ceeb 1px solid;
    border-left: #87ceeb 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 2px;
    margin: 2px;
    text-align: left;
    width: 90%;
    height: 100%;
}

LEGEND
{
    font-weight: bold;
    font-size: 10pt;
    color: #0000cd;
    background-color: #e6e6fa;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-right: #87ceeb 1px solid;
    border-top: #87ceeb 1px solid;
    border-left: #87ceeb 1px solid;
    border-bottom: #87ceeb 1px solid;
}

/******* hyperlink *******/
.txt12pt-b-u
{
    font-size: 12pt;
    font-weight: bold;
    text-decoration: underline;
    color: black;
}
.txt-b
{
    font-weight: bold;
}
.txt-black-b
{
    font-weight: bold;
    color: black;
}
.txt-b-u
{
    font-weight: bold;
    text-decoration: underline;
}
.txt-b-i
{
    font-style: italic;
    font-weight: bold;
}
.txt-i
{
    font-style: italic;
    font-weight: normal;
}
.txt-gray
{
    font-style: normal;
    font-weight: normal;
    color: gray;
}
.txt-gray-i
{
    font-style: italic;
    font-weight: normal;
    color: gray;
}
.txt-gray-b
{
    font-style: normal;
    font-weight: bold;
    color: gray;
}
.txt8pt-gray
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: gray;
}
.txt8pt-b
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.txt-error
{
    color: red;
}
.txt-error-b
{
    font-weight: bold;
    color: red;
}
.txt-success
{
    color: green;
}
.textBox
{
    border-right: #87ceeb 1px solid;
    border-top: #87ceeb 1px solid;
    border-left: #87ceeb 1px solid;
    border-bottom: #87ceeb 1px solid;
    font-size: 9pt;
    color: #0000cd;
}
.formButton
{
    border-right: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-top: black 1px solid;
    font-weight: bold;
    font-size: 10pt;
    color: #0000cd;
    background-color: #e6e6fa;
    margin-left: 0px;
}
/************ ||| OBJECTS ||| ************/






/******* top (first) table *******/
 /** >>> thai2go Logo <<< **/
#objPage
{
    width: 780px;
    visibility: visible;
    text-align: center;
    position: static;
    margin-left: auto;
    margin-right: auto;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    clear: none;
    display: block;
    height: 100%;
    float: none;
    overflow: auto;
}
#objHeader
{
    position: static;
    width: 100%;
    float: left;
    display: block;
    clear: both;
    visibility: visible;
    height: 230px;
    overflow: hidden;
}
#objHeader IMG
{
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: none;
    position: static;
    display: block;
    float: left;
}
#objPageContent
{
    float: left;
    position: static;
    text-align: left;
    width: 770px;
    background-image: url(../images/pageContentBG.gif);
    background-repeat: repeat-x;
    margin-top: 0px;
    padding-top: 0px;
}
#objMainContentPad
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    float: left;
    text-align: left;
    display: block;
    width: 100%;
}


/******* >>> [MAIN MENU] placeholder and buttons <<< *******/
#mainMenu
{
    position: relative;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    font-style: normal;
    text-align: right;
    width: 600px;
    height: 29px;
    left: 0px;
    top: -50px;
}
#mainMenu UL
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
#mainMenu LI
{
    display: inline;
    vertical-align: middle;
    text-align: center;
}
#mainMenu A
{
    font-weight: bold;
    font-size: 10pt;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    height: 23px;
    width: 129px;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    padding-top: 6px;
}
#mainMenu A:hover
{
    color: #1e90ff;
    background-image: url(../images/button_over.gif);
    background-repeat: no-repeat;
}
#mainMenu A:unknown
{
    color: white;
    background-color: gray;
}
#mainMenu A:active
{
    color: white;
    background-color: gray;
}




/******* >>> [FOOTER] placeholder and buttons <<< *******/
#footer
{
    font-size: 8pt;
    color: gray;
    vertical-align: middle;
    text-align: center;
    clear: both;
    font-style: normal;
    text-decoration: none;
    position: static;
    padding-top: 15px;
}
#footer A
{
    font-weight: bold;
    font-size: 8pt;
    color: gray;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
/******* >>> [FOOTER] placeholder and buttons <<< *******/

.clearing
{
    clear: both;
    height: 0px;
}


/************ ||| OBJECTS ||| ************/
#objMainContentPad IMG
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    margin: 2px;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
