BODY, TABLE, P{
    color: #000000;
    font-family: Verdana,Helvetica,Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


A {
    color: #C9851E;
    font-family: Verdana,Helvetica,Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

input, textarea {
    color: #000000;
    font-family: Verdana,Helvetica,Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}

.h1 {
    color: #C9851E;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 0 8px;
    line-height: normal;
    text-decoration: none;
}

.h2 {
    color: #C9851E;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 3px;
    line-height: normal;
    text-decoration: none;
}




#MenuChooserRow {
    background-image: url("IconDevider.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    padding: 6px 0;
    width: 162px;
    line-height: 1.3em;
}

#MenuChooserIcon {
    float: left;
    padding-top: 1px;
    line-height: 1.3em;
}

#MenuChooserLink {
    float: left;
    font-size: 11px;
    line-height: 1.3em;
}

#MenuChooserLink A {
    color: #555555;
    font-size: 11px;
}



/* GreyBox */
#GreyBoxTop { width: 190px; height: 27px; background-image: url(BoxGreyTop.gif); color: #FFFFFF; font-weight: bold; }
#GreyBoxHeader { float: left; width: 146px; padding: 4px 0 0 14px; }
#GreyBoxImage { float: left; width: 30px; }
#GreyBoxBody { width: 166px; background-image: url(BoxGreyBody.gif); background-position: top; padding: 11px 10px 7px 14px; font-size: 9px; color: #555555; }
#GreyBoxBody a { font-size: 9px; color: #555555; text-decoration: none; }
#GreyBoxBody a:hover { font-size: 9px; color: #000000; text-decoration: none; }
#GreyBoxBottom { background-image: url(BoxGreyBottom.gif); width: 190px; height: 7px; }


.GreyBoxTxtInput{
    width:90px;
    border:1px #777777 solid;
}


/* GreyBox Productinfo */
.GreyProductBox{margin-bottom:20px;}
#GreyProductBoxTop { margin-top: 2px; width: 190px; height: 27px; background-image: url(ProductBoxGreyTop.gif); color: #FFFFFF; font-weight: bold; }
#GreyProductBoxHeader { float: left; width: 146px; padding: 4px 0 0 14px; }
#GreyProductBoxImage { float: left; width: 30px; }
/*#GreyProductBoxBody { width: 166px; background-image: url(ProductBoxGreyBody.gif); background-position: top; padding: 0 10px 0px 14px; }*/
#GreyProductBoxBody { width: 166px;background-repeat:repeat-y; background-image: url(BoxGreyBody2.gif); background-position: top; padding: 0 10px 0px 14px; }
#GreyProductBoxBottom { background-image: url(ProductBoxGreyBottom.gif); width: 190px; height: 25px; }


/*title bar*/

#titleBarLeftCell{
    width:4px;
    height:23px;
    background-image:url(TitleBarLeft.png);
    background-repeat:no-repeat;
    background-position:left top;
}
#titleBarRightCell{
    vertical-align:middle;
    color:#ffffff;
    font-weight:bold;
    height:23px;
    background-image:url(TitleBarMiddle.png);
    background-repeat:repeat-x;
    background-position:left top;
}

#titleBarContainer{
    left:1px;/*to prevent td image from showing through div image transparency*/
    position:relative;
    
    text-align:left;
    padding-left:5px;
    padding-right:10px;
    line-height:23px;/*forces text to be vertical aligned*/
    height:23px;
    background-image:url(TitleBarRight.png);
    background-repeat:no-repeat;
    background-position:right top;
}

#titleBarIcon{
    border-style:none;
    vertical-align:-3px;
    padding-left:10px;
}

#RulerHorzGreyDot{
    padding-top:5px;
    padding-bottom:5px;
    background-image: url(RulerHorzGreyDot.gif);
    background-position:left bottom;
    background-repeat: repeat-x;
}


/*table (based on grid)*/

.gmTable{
    border-collapse:collapse;
    border:1px #bbbbbb solid;
}

.gmTable TH{
    vertical-align:middle;
    border-left:1px #ffcf86 solid;
    border-right:1px #ffcf86 solid;
    color:#ffffff;
    font-weight:bold;
    padding-right:5px;
    padding-left:5px;
    height:23px;
    background-image:url(TitleBarMiddle.png);
    background-repeat:repeat-x;
    background-position:left top;
}

.gmTable TD{
    padding:5px;
    vertical-align:middle;
}

.gmTableImgTd{
    text-align:center;
}
.gmTableImgTd IMG{
    border-style:none;
}


/*table (based on datatable)*/

.gmTable2{
    border-collapse:collapse;
    border:1px #bbbbbb solid;
    width:100%;
}

.gmTable2 TH{
    vertical-align:middle;
    border-left:1px #bbbbbb solid;
    border-right:1px #bbbbbb solid;
    color:#ffffff;
    font-weight:bold;
    padding-right:5px;
    padding-left:5px;
    height:23px;
    background-image:url(TitleBarMiddle.png);
    background-repeat:repeat-x;
    background-position:left top;
}

.gmTable2 TD{
    padding-left:7px;
    padding-right:15px;
    vertical-align:middle;
}

.gmTable2 .label{
    font-weight:bold;
    white-space:nowrap;
    padding-top:8px;
}

/*expanded table in table 2 (traceabilityWeb project)*/
.gmChildTable{
    margin-top:0px;
    margin-bottom:0px;
    border-collapse:collapse;
    border:1px #bbbbbb solid;
    background-color:#f1f4f8;
    width:100%;
}

.gmChildTable TH{
    vertical-align:middle;
    border-left:1px #bbbbbb solid;
    border-right:1px #bbbbbb solid;
    color:#ffffff;
    font-weight:bold;
    padding-right:5px;
    padding-left:5px;
    height:23px;
    background-image:url(TitleBarMiddle_blue.png);
    background-repeat:repeat-x;
    background-position:left top;
}




.gmTwoColTable{
    width:100%;
}

.gmTwoColTableCol1{
    vertical-align:top;
    padding-right:15px;
    background-image:url(VerticalDotted.gif);
    background-repeat:repeat-y;
    background-position:right top;
}

.gmTwoColTableCol2{
    vertical-align:top;
    padding-left:15px;
    width:190px;
}


    .gmFormContainer{
        border:1px #B2B1AD solid;
        padding-left:10px;padding-right:10px;
        padding-bottom:10px;
        background-color:#FAF9F5;
    }
    
    .gmFormlabel{
     width:1%;
     white-space:nowrap;
    }
    
    .gmForminput{
        width:90%;   
    }
    
    
    .gmForm{
        margin-top:10px;
        width:100%;
    }
    
    .gmForm INPUT[type="text"]{
        /*background-color:#eeeeee;*/
        border:1px #B2B1AD solid;
    }
    
    .gmForminputTD{
        padding-left:15px;
        padding-bottom:4px;
        text-align:left;   
    }
    
    .gmLnkButton{
        background-image:url(button.gif);
        background-repeat:no-repeat;
        background-position:left top;
        color:#000000;
        padding-right:10px;
        padding-left:8px;
        padding-top:3px;
        padding-bottom:3px;
    }

.changePasswordButton
{
        
        
        background-position:left top;
}

    .gmProgressContainer{
        border:1px #aaaaaa solid;
        background-image:url(semitransgrad.png);
        background-repeat:repeat-x;
        padding-top:30px;
        padding-bottom:30px;
        text-align:center;
        height:10px;position:relative;
        top:-200px;
    }