/******* HTML tags *******/
BODY
{
    font-size: 12pt;
    color: black;
    font-family: verdana,arial,helvetica,sans-serif;
    text-align: left;
    background-color: white;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-image: url(../images/yellow.jpg);
    background-repeat: no-repeat;
}
INPUT
{
    margin: 2px 8px 0px 8px;
}

LABEL
{
    color: black;
    font-size: 9pt;
}

A A:active, A:link, A:visited
{
    text-decoration: none;
    color: blue;
}

A:hover
{
    color: red;
    text-decoration: none;
}

H1
{
    font-weight: bold;
    margin: 0px;
    font-size: 16pt;
    color: #4b0082;
    text-transform: uppercase;
    background-image: url(../images/H1bg.gif);
    background-repeat: repeat-x;
    padding-left: 5px;
    padding-bottom: 0px;
    clip: rect(auto auto auto auto);
    padding-right: 0px;
    padding-top: 0px;
    font-family: Cursive;
    font-style: italic;
}

H2
{
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 14pt;
    color: #0000cd;
    text-transform: capitalize;
}

HR
{
    width: 100%;
    color: #d3d3d3;
    height: 1px;
}



/******* hyperlink *******/
.txt-b
{
    font-weight: bold;
}
.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-color-b
{
    font-style: normal;
    font-weight: bold;
    color: #4b0082;
}
.txt-gray
{
    font-style: normal;
    font-weight: normal;
    color: #696969;
}
.txt-gray-i
{
    font-style: italic;
    font-weight: normal;
    color: #696969;
}
.txt-gray-b
{
    font-style: normal;
    font-weight: bold;
    color: #696969;
}
.txt8pt-gray
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #696969;
}
.txt8pt-gray-i
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #696969;
    font-style: italic;
}
.txt8pt-b
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.txt7pt-gray-b
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: gray;
    font-style: normal;
}
.txt7pt-red-b
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: red;
    font-style: normal;
}
.txt7pt-gray
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: gray;
    font-style: normal;
}
.txt-error
{
    color: red;
}
.txt-error-b
{
    font-weight: bold;
    color: red;
}
.txt-success
{
    color: green;
}
.textBox
{
    border-right: #a9a9a9 1px solid;
    border-top: #a9a9a9 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: #a9a9a9 1px solid;
    font-size: 10pt;
    color: #0000ff;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #f5f5f5;
}
.formButton
{
    border-right: #00008b 1px solid;
    border-left: #a9a9a9 1px solid;
    border-bottom: darkblue 1px solid;
    border-top: #a9a9a9 1px solid;
    font-weight: normal;
    font-size: 10pt;
    color: #f8f8ff;
    background-color: #4169e1;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    margin: 0px;
    padding-top: 1px;
    font-family: Verdana;
}
.formHeader
{
    font-weight: bold;
    font-size: 8pt;
    color: #0066cc;
    font-family: Verdana;
    text-decoration: none;
}
.txtEditImage
{
    color: blue;
    text-decoration: none;
    font: bold 7pt/7pt Monospace;
    text-align: center;
}

/************ ||| OBJECTS ||| ************/




/******* top (first) table *******/
 /** >>> DanielsPitStop Logo <<< **/
#objPage
{
    width: 1024px;
    visibility: visible;
    text-align: left;
    position: static;
    display: block;
    float: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
#objHeader
{
    position: static;
    width: 100%;
    height: 164px;
    float: left;
    display: block;
    clear: both;
    visibility: visible;
    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;
    padding-top: 0px;
    position: static;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    background-color: white;
    width: 100%;
}
#objMainContentPad
{
    padding-right: 0px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    float: right;
    text-align: left;
    display: block;
    margin: 0px;
}


/******* >>> [MAIN MENU] placeholder and buttons <<< *******/
#mainMenu
{
    visibility: visible;
    width: 210px;
    position: relative;
    page-break-before: auto;
    page-break-after: auto;
    float: left;
    display: block;
    padding-left: 10px;
    padding-top: 60px;
    vertical-align: top;
}
.mainMenuNormal
{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 9px;
    padding-bottom: 17px;
    font-size: 9pt;
    color: white;
    text-decoration: none;
    width: 210px;
    font-weight: bold;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    height: 30px;
    margin: 0px 0px 0px 5px;
    vertical-align: middle;
    clear: none;
}
.mainMenuHover
{
    width: 210px;
    font-weight: bold;
    color: white;
    height: 30px;
}
.mainMenuCurrent
{
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 9px;
    padding-bottom: 17px;
    font-size: 9pt;
    color: white;
    text-decoration: none;
    width: 210px;
    font-weight: bold;
    height: 30px;
    margin: 0px 0px 0px 5px;
}
#mainMenu A
{
    font-size: 9pt;
    width: 210px;
    font-weight: bold;
    color: white;
    height: 30px;
}
/******* >>> [MAIN MENU] placeholder and buttons <<< *******/




/******* >>> [FOOTER] placeholder and buttons <<< *******/
#footer
{
    font-style: normal;
    text-decoration: none;
    font-size: 8pt;
    color: #A4A0DE;
    vertical-align: middle;
    text-align: left;
    clear: both;
    position: static;
    width: 100%;
    height: 85px;
}
#footer A
{
    font-weight: bold;
    font-size: 8pt;
    color: #8a2be2;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}

#footer A:hover
{
    font-weight: bold;
    font-size: 8pt;
    color: #483d8b;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
}
/******* >>> [FOOTER] placeholder and buttons <<< *******/

.clearing
{
    clear: both;
    height: 0px;
}
.objImg
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    margin: 2px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

/************ ||| OBJECTS ||| ************/
.TableStyle
{
    border-top: #4b0082 1px solid;
    background-color: white;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
    text-transform: capitalize;
    border-left: #f5f5f5 1px solid;
    border-bottom: #4b0082 1px solid;
    border-right: #f5f5f5 1px solid;
}
.TableStyleHeader
{
    font-weight: bold;
    font-style: italic;
    background-color: #f5f5f5;
    text-align: center;
}