/******* HTML tags *******/
BODY
{
    font-size: 10pt;
    color: black;
    font-family: verdana,arial,helvetica,sans-serif;
    background-color: white;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
INPUT
{
    margin: 2px 8px 0px 8px;
}

LABEL
{
    color: #F7AF2C;
    font-size: 9pt;
}

A A:active, A:link, A:visited
{
    color: #F7AF2C;
    text-decoration: underline;
}

A:hover
{
    color: #F7AF2C;
    text-decoration: none;
}

H1
{
    font-weight: bold;
    margin: 0px;
    font-size: 13pt;
    color: #F7AF2C;
    text-decoration: overline;
}

H2
{
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 4px;
    border-top: #F6F7A3 1px solid;
    border-left: #F7AF2C 3px solid;
    font-weight: bold;
    font-size: 10pt;
    color: #F7AF2C;
    background-color: #FFFFEE;
}

H3
{
    font-weight: bold;
    font-size: 14pt;
    color: gray;
    font-style: normal;
    font-family: SpaceOut, Vrinda;
    text-decoration: none;
}

FIELDSET
{
    border-top: #F7AF2C 1px solid;
    border-bottom: #F7AF2C 1px solid;
    border-right: #F7AF2C 1px solid;
    border-left: #F7AF2C 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 2px;
    margin: 2px;
    text-align: left;
    moz-border-radius: 2ex;
    width: 90%;
    height: 100%;
}

LEGEND
{
    font-weight: bold;
    font-size: 10pt;
    margin: 2px;
    color: #F7AF2C;
    background-color: white;
}

/******* hyperlink *******/
.txt-b
{
    font-weight: bold;
}
.txt-themeB-b
{
    font-weight: bold;
    color: #ffffff;
    background-color: green;
}
.txt-b-u
{
    font-weight: bold;
    text-decoration: underline;
}
.txt-i
{
    font-style: italic;
    font-weight: normal;
}

.txt-gray-i
{
    font-style: italic;
    font-weight: normal;
    color: gray;
}

.txt-b-i
{
    font-style: italic;
    font-weight: bold;
}

.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;
}

.textBox
{
    border-right: #F7AF2C 1px solid;
    border-top: #F7AF2C 1px solid;
    border-left: #F7AF2C 1px solid;
    border-bottom: #F7AF2C 1px solid;
    font-size: 9pt;
    color: #F7AF2C;
}

.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: white;
    background-color: #F7AF2C;
    margin-left: 0px;
}

.workBrowseHeader
{
    display: block;
    background-color: #e8e8ff;
    padding-right: 3px;
    padding-left: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: blue 1px solid;
    width: 100%;
}
.workBrowse
{
    display: block;
    background-color: #E8E8E8;
    padding-right: 3px;
    padding-left: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: white 1px solid;
}
.workBrowseAlternating
{
    display: block;
    background-color: #F5F5F5;
    padding-right: 3px;
    padding-left: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: white 1px solid;
}
.workBrowseFooter
{
    background-color: #e8e8ff;
    padding-right: 3px;
    padding-left: 5px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-top: blue 1px solid;
    width: 100%;
}

.workBrowse-SubHeading
{
    font-weight: bold;
}

.workBrowse-Title
{
    font-weight: bold;
    text-decoration: none;
}
.workBrowse-Warning
{
    color: red;
}

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


/******* top (first) table *******/
#objHeader IMG /** >>> workPages Logo <<< **/
{
    float: left;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-style:none;
}
#topTable
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 2px;
    background-image: url(../iGlobal/barBG.gif);
    background-repeat: repeat-x;
    font-size: 8pt;
    color: #000000;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    vertical-align: sub;
    background-color: #E3E5EC;
    width: 100%;
    height: 19px;
    clear: both;
    display: block;
    cursor: default;
}
#objHeader
{
    position: relative;
    width: 775px;
    height: 73px;
}

#note
{
    border-right: #F7AF2C 1px dashed;
    border-top: #F7AF2C 1px dashed;
    border-left: #F7AF2C 1px dashed;
    border-bottom: #F7AF2C 1px dashed;
    color: #F7AF2C;
    background-color: #FFFFEE;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    top: 40px;
    left: -30px;
    width: 200px;
    clear: none;
    float: right;
    margin-left: 40px;
}

#logonStatus
{
    left: 580px;
    width: 190px;
    position: absolute;
    top: 6px;
    height: 35px;
    overflow: hidden;
    text-align: right;
}

/******* >>> [MAIN MENU] placeholder and buttons <<< *******/
#mainMenu
{
    position: absolute;
    font-weight: bold;
    font-size: 10pt;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    font-style: normal;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 462px;
    left: 330px;
    top: 48px;
}
#mainMenu UL
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
#mainMenu LI
{
    display: inline;
}
#mainMenu A
{
    padding-right: 20px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 10pt;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    padding-bottom: 3px;
    padding-top: 3px;
    height: 100%;
    background-color: blue;
    border-left: gray 1px solid;
    border-right: black 1px solid;
    border-top: black 1px solid;

}
#mainMenu A:hover
{
    color: white;
    background-color: white;
}
#mainMenu A:unknown
{
    color: white;
    background-color: #eee;
}
#mainMenu A:active
{
    color: white;
    background-color: red;
}
/******* mainMenu [browse for work] button *******/
#mainMenu #browseForWork A
{
    BACKGROUND-COLOR: #17B60A;
}
#mainMenu #browseForWork A:hover
{
    BACKGROUND-COLOR: #126A00;
}
/******* mainMenu [list a job] button *******/
#mainMenu #listAJob A
{
    BACKGROUND-COLOR: #FF0000;
}
#mainMenu #listAJob A:hover
{
    BACKGROUND-COLOR: #C90000;
}
/******* mainMenu [myWorkPage] button *******/
#mainMenu #myWorkPage A
{
    BACKGROUND-COLOR: #3000FF;
}
#mainMenu #myWorkPage A:hover
{
    BACKGROUND-COLOR: #2100B2;
}
/******* >>> [MAIN MENU] placeholder and buttons <<< *******/




/******* >>> [MAIN CONTENTS] placeholder and buttons <<< *******/
#contentTable
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-right: #F7AF2C 1px solid;
    border-top: #F7AF2C 1px solid;
    border-left: #F7AF2C 1px solid;
    border-bottom: #F7AF2C 1px solid;
    background-color: #FFFFEE;
    margin: 2px;
    color: black;
    clip: rect(4px 4px 4px 4px);
}

/******* main contents table shadow *******/
#objPageContent
{
    background: url(../iGlobal/mainTableRight.gif) repeat-y right top;
    width: 775px;
    float: left;
}

/******* main contents table PADDING *******/
#objPageContentPad
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}
#objMainContent
{
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 0px;
    margin-left: 134px;
    border-top: #F7AF2C 5px solid;
    background-position: left 0px;
    background-image: url(../iGlobal/bgSubMenuBrowse_cnr.gif);
    background-repeat: no-repeat;
}
#objMainContentPad
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    WIDTH: 98%;
}

#objLeftCol
{
    float: left;
    overflow: hidden;
    width: 134px;
}
/******* >>> [MAIN CONTENTS] placeholder and buttons <<< *******/




/******* >>> [LEFT SUB MENU] placeholder and buttons <<< *******/
#leftSubMenu
{
    display: block;
    visibility: visible;
    width: 134px;
    position: static;
    background-color: #F7AF2C;
}
.leftSubMenuNormal
{
    padding-right: 2px;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8pt;
    color: white;
    text-decoration: none;
    background-color: #F7AF2C;
    border-top: #FEC04F 1px solid;
    border-bottom: #D69725 1px solid;
    border-left: #E6A93A 5px solid;
    border-right: #D69725 1px solid;
    display: block;
    width: 134px;
}
.leftSubMenuHover
{
    color: white;
    background-color: #DF9E28;
    border-left: #FBF318 5px solid;
    padding-left: 7px;
    width: 134px;
}
.LeftSubMenuCurrent
{

    padding-right: 2px;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8pt;
    color: white;
    text-decoration: none;
    background-color: #DF9E28;
    border-top: #FEC04F 1px solid;
    border-bottom: #D69725 1px solid;
    border-left: #F4EC17 5px solid;
    border-right: #DF9E28 1px solid;
    display: block;
    width: 134px;
}

#leftSubMenu UL
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    list-style-type: none;
}
#leftSubMenu LI
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    list-style-type: none;
}
#leftSubMenu A
{
    font-size: 8pt;
    color: white;
    text-decoration: none;
    width: 113px;
}

.leftSubMenuTitle
{
    font-weight: bold;
    font-size: 10pt;
    color: #dcdcdc;
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
    background-color: #F7AF2C;
    text-align: center;
    height: 25px;
    margin: 0px;
    padding-top: 10px;
    border-left: #FEC04F 1px solid;
}
.leftSubMenuTitleDesc
{
    font-weight: normal;
    font-size: 7pt;
    color: #dcdcdc;
    font-style: italic;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant: normal;
    text-decoration: none;
    background-color: #F7AF2C;
    text-align: center;
    height: 35px;
    margin: 0px;
    vertical-align: middle;
    border-left: #FEC04F 1px solid;
    border-bottom: #D69725 1px solid;
}
/******* >>> [LEFT SUB MENU] placeholder and buttons <<< *******/






/******* >>> [FOOTER] placeholder and buttons <<< *******/
#footer
{
    font-size: 8pt;
    color: white;
    vertical-align: middle;
    text-align: center;
    border-right: silver 2px solid;
    border-top: silver 2px solid;
    border-left: silver 2px solid;
    border-bottom: silver 2px solid;
    width: 761px;
    height: 16px;
    clear: both;
    font-style: normal;
    text-decoration: none;
    background-color: #F7AF2C;
    padding-top: 2px;
    margin-left: 5px;
}
#footer A
{
    font-weight: normal;
    font-size: 8pt;
    color: white;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    border-right: #FEC04F 1px solid;
    border-left: #D69725 1px solid;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 6px;
}
/******* >>> [FOOTER] placeholder and buttons <<< *******/



/******* >>> ALL OTHER OBJECTS <<< ********/
#IMGsignupWizard
{
    position: absolute;
    height: 260px;
    width: 160px;
    left: 160px;
    top: 155px;
    clear: none;
    float: left;
    visibility: visible;
    display: block;
    z-index: 0;
}

#SiteMapFooter
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 748px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 10px;
    color: gray;
    font-style: normal;
    background-color: #f5f5f5;
    margin-left: 5px;
    margin-top: 5px;
}

.clearing {
	CLEAR: both; HEIGHT: 0px
}

/*-- Two table cell --*/
#twoCellTable
{
    width: 100%;
    position: static;
    border-collapse: separate;
    padding-right: 2px;
    padding-left: 2px;
}

#twoCellTable TR
{
    border-bottom: gray 1px solid;
}
#twoCellTable TR TD
{
    background-color: #f8f8ff;
    border-bottom: gray 1px solid;
}

#buttonWrap
{
    border-right: #999999 1px solid;
    border-top: #cccccc 1px solid;
    display: block;
    border-left: #cccccc 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #EEEEEE;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    position: static;
    height: 16px;
}
#buttonWrap A
{
    text-decoration: none;
}
#buttonWrap A:hover
{
    background-color: #dddddd;
    display: block;
    position: static;
}

/*-- end of >> Two table cell --DDDDDD*/

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