/*
================================================================================
|                                     TAGS                                     |
================================================================================
*/
body
{
    margin: 0px;
    padding: 0px;
    background: #dddddd url(img/bg.jpg) repeat-x;
    overflow-y: scroll;
}

a
{
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-position: outside;
}

li
{
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    padding-left: 12px;
    background: url(img/marker.gif) no-repeat;
}

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

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

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

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

#ESWpageTagline p
{
    font-family: Tahoma;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    width: 500px;
}

/*
================================================================================
|                                     MENU                                     |
================================================================================
*/
#ESWuserMenuPosition
{
    position: absolute;
    left: 21px;
    top: 84px;
    z-index: 100;
    width: 612px;
}

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

div.ESWuserButton0
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: none;
    font-weight: bold;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    text-align: center;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    width: 204px;
    background-image: url("img/mn0.png");
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mn0.png',sizingMethod='crop') !important;
    -background-image: none !important;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    float: left !important;
    -display: inline !important;
}

div.ESWuserButton0:hover
{
    height: 31px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: none;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url("img/mn0_hov.png");
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mn0_hov.png',sizingMethod='crop') !important;
    -background-image: none !important;
    color: #ffffff;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 204px;
}

div.ESWuserButton1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #5f5f5f;
    text-align: center;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    overflow: hidden;
    height: 27px;
    line-height: 27px;
    width: 204px !important;
    float: left !important;
    -display: inline !important;
}

div.ESWuserButton1:hover
{
}

/*
================================================================================
|                                    CONTENT                                   |
================================================================================
*/
.ESWpageContent,.ESWpageContent1,.ESWpageContent2,.ESWpageContent3,.ESWpageContent4,.ESWpageContent5,.ESWpageContent6,.ESWpageContent7,.ESWpageContent8,.ESWpageContent9,.ESWpageContent10
{
    font-family: Tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}

.ESWpageContent
{
    padding: 0px;
    position: absolute;
    width: 70px;
    left: 290px;
    top: 105px;
}

.ESWpageContent1
{
    padding: 0px;
    position: absolute;
    width: 240px;
    left: 288px;
    top: 151px;
}

.ESWpageContent2
{
    padding: 0px;
    position: absolute;
    width: 37px;
    left: 290px;
    top: 373px;
}

.ESWpageContent3
{
    padding: 0px;
    position: absolute;
    width: 130px;
    left: 288px;
    top: 421px;
}

.ESWpageContent4
{
    padding: 0px;
    position: absolute;
    width: 240px;
    left: 288px;
    top: 506px;
}

.ESWpageContent5
{
    padding: 0px;
    position: absolute;
    width: 120px;
    left: 598px;
    top: 105px;
}

.ESWpageContent6
{
    padding: 0px;
    position: absolute;
    width: 131px;
    left: 705px;
    top: 161px;
}

.ESWpageContent7
{
    padding: 0px;
    position: absolute;
    width: 220px;
    left: 598px;
    top: 248px;
}

.ESWpageContent8
{
    padding: 0px;
    position: absolute;
    width: 103px;
    left: 598px;
    top: 373px;
}

.ESWpageContent9
{
    padding: 0px;
    position: absolute;
    width: 160px;
    left: 598px;
    top: 422px;
}

.ESWpageContent10
{
    padding: 0px;
    position: absolute;
    width: 40px;
    left: 598px;
    top: 534px;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

p,div.ESWuserTable TD
{
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
}

/*
================================================================================
|                                    DESIGN                                    |
================================================================================
*/
#cont1
{
    position: absolute;
    left: 249px;
    top: 76px;
    width: 311px !important;
}

#ctoph1
{
    background: url(img/ctoph_yel.png) no-repeat;
    height: 208px;
    //height: 205px;
}

#ctop1
{
    background: url(img/ctop_yel.png) no-repeat;
    height: 15px;
}

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

#cbott1
{
    background: url(img/cbott_yel.png) no-repeat;
    height: 28px;
}

#cont2
{
    position: absolute;
    left: 560px;
    top: 76px;
    width: 315px !important;
}

#ctoph2
{
    background: url(/ESW/Images/0ctoph_sec.png) no-repeat;
    height: 208px;
    //height: 205px;
}

#ctop2
{
    background: url(/ESW/Images/0ctop_sec.png) no-repeat;
    height: 15px;
}

#cmid2
{
    background: url(/ESW/Images/0cmid_sec.png) repeat-y;
    height: 100%;
}

#cbott2
{
    background: url(/ESW/Images/0cbott_sec.png) no-repeat bottom;
    height: 28px;
}

#cont3
{
    position: absolute;
    left: 249px;
    top: 328px;
    width: 311px !important;
}

#ctoph3
{
    background: url(img/ctoph_third.png) no-repeat;
    height: 208px;
}

#ctop3
{
    background: url(img/ctop_third.png) no-repeat;
    height: 15px;
}

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

#cbott3
{
    background: url(img/cbott_third.png) no-repeat bottom;
    height: 28px;
}

#cont4
{
    position: absolute;
    left: 560px;
    top: 328px;
    width: 315px !important;
}

#ctoph4
{
    background: url(img/ctoph_fourth.png) no-repeat;
    height: 208px;
}

#ctop4
{
    background: url(img/ctop_fourth.png) no-repeat;
    height: 15px;
}

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

#cbott4
{
    background: url(img/cbott_fourth.png) no-repeat bottom;
    height: 28px;
}

#pic1
{
    position: absolute;
    background: url(img/bucket.png) no-repeat;
    left: 37px;
    top: 363px;
    width: 212px;
    height: 200px;
}

#pic2
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 291px;
    top: 135px;
    width: 235px;
    height: 1px;
}

#pic3
{
    position: absolute;
    background: url(img/hline_grey.png) no-repeat;
    left: 292px;
    top: 324px;
    width: 227px;
    height: 8px;
}

#pic4
{
    position: absolute;
    background: url(img/hline_grey.png) no-repeat;
    left: 602px;
    top: 324px;
    width: 227px;
    height: 8px;
}

#pic5
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 285px;
    top: 405px;
    width: 235px;
    height: 1px;
}

#pic6
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 285px;
    top: 491px;
    width: 235px;
    height: 1px;
}

#pic7
{
    position: absolute;
    background: url(img/brush.png) no-repeat;
    left: 426px;
    top: 413px;
    width: 97px;
    height: 71px;
}

#pic8
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 600px;
    top: 135px;
    width: 235px;
    height: 1px;
}

#pic9
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 600px;
    top: 235px;
    width: 235px;
    height: 1px;
}

#pic10
{
    position: absolute;
    background: url(img/paints.png) no-repeat;
    left: 597px;
    top: 157px;
    width: 98px;
    height: 71px;
}

#pic11
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 600px;
    top: 405px;
    width: 235px;
    height: 1px;
}

#pic12
{
    position: absolute;
    background: url(img/hline_yel.png) no-repeat;
    left: 600px;
    top: 519px;
    width: 235px;
    height: 1px;
}

#pic13
{
    position: absolute;
    background: url(img/clip.png) no-repeat;
    left: 321px;
    top: 307px;
    width: 15px;
    height: 43px;
}

#pic14
{
    position: absolute;
    background: url(img/clip.png) no-repeat;
    left: 475px;
    top: 307px;
    width: 15px;
    height: 43px;
}

#pic15
{
    position: absolute;
    background: url(img/clip.png) no-repeat;
    left: 632px;
    top: 307px;
    width: 15px;
    height: 43px;
}

#pic16
{
    position: absolute;
    background: url(img/clip.png) no-repeat;
    left: 787px;
    top: 307px;
    width: 15px;
    height: 43px;
}

/* 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 */
.ESWuserButtonActive div
{
    height: 31px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: none;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url("img/mn0_hov.png");
    background-color: transparent;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/mn0_hov.png',sizingMethod='crop') !important;
    -background-image: none !important;
    color: #ffffff;
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 0px;
    width: 204px;
}