/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
body
{
    margin: 0px;
    padding: 0px;
    background: url(img/body.gif) repeat-y #c4da9e;
}

a
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #0033ff;
}

ul
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 5px;
    list-style-type: none;
    list-style-position: outside;
    margin-left: 15px;
    color: #d96d09;
}

li
{
    margin: 0px;
    padding: 0px;
    background: url(img/marker.gif) no-repeat 0px 5px;
    padding-left: 13px;
}

h1,h2,h3,h4,h5,h6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #4b7305;
    padding: 0px;
    margin: 0px;
}

p,div.ESWuserTable TD
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #444444;
    padding: 0px;
    margin: 0px;
}

/*
================================================================================
|                                    HEADER                                    |
================================================================================
*/
#ESWpageTitle,#ESWpageTagline
{
    z-index: 100;
}

#ESWpageTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 131px;
    top: 55px;
    width: 500px;
}

#ESWpageTagline
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 131px;
    top: 93px;
    width: 500px;
}

#ESWpageTitle p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    width: 500px;
}

#ESWpageTagline p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    width: 500px;
}

/*
================================================================================
|                                     MENU                                     |
================================================================================
*/
#ESWuserMenuPosition
{
    position: absolute;
    left: 698px;
    top: 390px;
    z-index: 100;
    width: 250px;
}

#ESWuserMenu
{
    position: static;
    width: auto !important;
    overflow: ;
}

div.ESWuserButton0
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    color: #de720d;
    margin: 3px 0px 3px 0px;
    padding-left: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 250px;
    padding: 0px 0px 0px 15px;
    background-repeat: no-repeat;
    background-image: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background-color: transparent;
    -filter: none !important;
    -background-image: none !important;
    height: 30px;
    text-align: left;
}

div.ESWuserButton0:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    padding: 0px 0px 0px 15px;
    margin: 3px 0px 3px 0px;
    background-image: url("img/button0_on.gif");
    background-color: transparent;
    -filter: none !important;
    -background-image: url("img/button0_on.gif") !important;
    color: #726659;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-right: 0px;
    margin-top: 3px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 250px;
    height: 30px;
    text-align: left;
}

div.ESWuserButton1
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin: 0px;
    padding-left: 16px;
    width: 250px;
}

div.ESWuserButton1:hover
{
    color: #414141;
}

/*
================================================================================
|                                    CONTENT                                   |
================================================================================
*/
.ESWpageContent
{
    padding: 0px;
    position: absolute;
    width: 214px;
    left: 465px;
    top: 122px;
}

.ESWpageContent1
{
    padding: 0px;
    position: absolute;
    width: 219px;
    left: 679px;
    top: 186px;
}

.ESWpageContent2
{
    padding: 0px;
    position: absolute;
    width: 389px;
    left: 74px;
    top: 345px;
}

.ESWpageContent3
{
    padding: 0px;
    position: absolute;
    left: 260px;
    top: 520px;
}

.ESWpageContent4
{
    padding: 0px;
    position: absolute;
    width: 211px;
    left: 466px;
    top: 342px;
}

.ESWpageContent5
{
    padding: 0px;
    position: absolute;
    width: 90px;
    left: 578px;
    top: 450px;
    color: #ffffff;
}

.header1
{
    padding-top: 9px;
    padding-bottom: 12px;
    padding-left: 16px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
}

.header2
{
    background: url(img/header2.gif) no-repeat;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 4px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #4b7305;
    margin-bottom: 11px;
}

.header3
{
    background: url(img/header3.png) no-repeat;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 17px;
    color: #ffffff;
}

.color
{
    color: #ffffff;
}

.link
{
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 120px;
    padding-left: 11px;
    color: #ffffff;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 5px;
}

.link2
{
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    margin-left: 10px;
    font-weight: bold;
}

.link3
{
    margin-left: 109px;
    padding-left: 11px;
    padding-top: 4px;
    padding-bottom: 6px;
    margin-bottom: 17px;
    margin-top: 28px;
    color: #000000;
    font-weight: bold;
}

.class1
{
    margin-left: 100px;
    margin-right: 35px;
    color: #ffffff;
    line-height: 17px;
}

.class2
{
    margin-left: 49px;
    margin-right: 40px;
    margin-bottom: 2px;
}

.class3
{
    margin-top: 28px;
}

.class4
{
    margin-left: 15px;
    margin-top: 61px;
    width: 83px;
    color: #ffffff;
}

.class5
{
    margin-left: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 30px;
}

/*
================================================================================
|                                    DESIGN                                    |
================================================================================
*/
#top
{
    position: absolute;
    height: 122px;
    width: 898px;
    left: 0px;
    top: 0px;
    background: url(img/top_bg.gif) repeat-y #c4da9e;
}

#image1
{
    position: absolute;
    height: 146px;
    width: 404px;
    left: 36px;
    top: 3px;
    background: url(img/image1.png);
}

#image2
{
    position: absolute;
    height: 29px;
    width: 30px;
    left: 70px;
    top: 39px;
    background: url(img/image2.png);
}

#image3
{
    position: absolute;
    height: 48px;
    width: 37px;
    left: 80px;
    top: 48px;
    background: url(img/image3.png);
}

#image4
{
    position: absolute;
    height: 65px;
    width: 43px;
    left: 80px;
    top: 38px;
    background: url(img/image4.png);
}

#image5
{
    position: absolute;
    height: 247px;
    width: 445px;
    left: 24px;
    top: 113px;
    background: url(img/image5.png);
}

#image6
{
    position: absolute;
    height: 72px;
    width: 73px;
    left: 691px;
    top: 241px;
    background: url(img/image6.png);
}

#image7
{
    position: absolute;
    height: 59px;
    width: 96px;
    left: 477px;
    top: 403px;
    background: url(img/image7.png);
}

#image8
{
    position: absolute;
    height: 59px;
    width: 97px;
    left: 573px;
    top: 403px;
    background: url(img/image8.png);
}

#line
{
    position: absolute;
    height: 2px;
    width: 178px;
    left: 493px;
    top: 173px;
    background: #e1e1e1;
    font-size: 1px;
}

#line1
{
    position: absolute;
    height: 4px !important;
    width: 841px;
    left: 57px;
    top: 346px;
    background: url(img/line.gif) repeat-x;
    font-size: 1px;
}

#line2
{
    position: absolute;
    height: 4px;
    width: 221px;
    left: 677px;
    top: 193px;
    background: url(img/line.gif) repeat-x;
    font-size: 1px;
}

#line3
{
    position: absolute;
    height: 4px !important;
    width: 408px;
    left: 57px;
    top: 473px;
    background: url(img/line.gif) repeat-x;
    font-size: 1px;
}

#line4
{
    position: absolute;
    height: 2px;
    width: 178px;
    left: 493px;
    top: 289px;
    background: #e1e1e1;
    font-size: 1px;
}

#line5
{
    position: absolute;
    height: 2px;
    width: 355px;
    left: 86px;
    top: 430px;
    background: #e1e1e1;
    font-size: 1px;
}

#substrate
{
    position: absolute;
    width: 214px;
    left: 465px;
    top: 122px;
    background: url(img/content_bg.gif) repeat-y #ffffff;
    height: 223px;
}

#substratebottom
{
    position: absolute;
    height: 8px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background: url(img/bottom.gif) repeat-x 10px 0px #ffffff;
    font-size: 1px;
}

#substratetop
{
    position: absolute;
    height: 12px;
    width: 100%;
    left: 0px;
    top: 0px;
    background: url(img/substratetop.gif);
    font-size: 1px;
}

#col
{
    position: absolute;
    background: #65960F;
    width: 219px;
    height: 172px;
    left: 679px;
    top: 174px;
}

#head
{
    position: absolute;
    width: 217px;
    height: 31px;
    left: 680px;
    top: 198px;
}

#green_top
{
    font-size: 1px;
    height: 7px;
    background: url(img/green_top.png) no-repeat;
}

#green_middle
{
    background: url(img/green_middle.png) repeat-y;
    height: 100%;
}

#green_bottom
{
    height: 6px;
    background: url(img/green_bottom.png) no-repeat;
}

/* TABLE PART START */
div.ESWuserTable
{
    height: 93px;
}

div.ESWuserTable TABLE
{
    border: 1px solid black;
    border-collapse: collapse;
}

div.ESWuserTable TD
{
    border: 1px solid black;
}

/* TABLE PART END */
.userFormLabel
{
    color: #ffffff;
    font-size: 12px;
}

.ESWuserButtonActive div
{
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin: 3px 0px 3px 0px;
    background-image: none;
    background-color: transparent;
    -filter: none !important;
    -background-image: none !important;
    color: #547f08;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 3px;
    margin-right: 0px;
    margin-top: 3px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 250px;
}