/* CSS Document */
body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #fff;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    letter-spacing: 0px;
    font-size: 13px;
    color: #3C3C3C;
    line-height: 20px;
    text-align: center; /* background-image: url(../images/backg.png);     background-repeat: no-repeat;     background-position: right bottom;*/
}
#Imagrd
{
    position: fixed;
    bottom: 0px;
    right: 5px;
    z-index: -1;
}

#Imagld
{
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}
#Imaglu
{
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 1; /* -webkit-transition: margin-left 0ms linear;     -moz-transition: margin-left 0ms linear;     -o-transition: margin-left 0ms linear;     -ms-transition: margin-left 0ms linear;     transition: margin-left 0ms linear;*/
}
#Imagmm
{
    text-align: center;
    vertical-align: bottom;
    bottom: 5px;
    z-index: 1;
}
.text
{
    vertical-align: baseline;
    padding-top: 10px;
}
/*span
{
    color: #000000;
    font-size: 20px;
    vertical-align: middle;
    padding-left: 20px;
    padding-top: 10px;
}
*/
h1, h2, h3, h4, h5, h6, h7, h8
{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h1
{
    font-size: 21px;
    color: #28A438;
    line-height: 25px;
    letter-spacing: 0px;
    word-spacing: 1px;
    padding-top: 4px;
}

h2
{
    font-size: 16px;
    color: #3C3C3C;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px dotted #CCCCCC;
}
h3
{
    font-size: 18px;
    color: #3C3C3C;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

h4
{
    font-size: 16px;
    color: #275E89;
    font-style: normal;
    text-decoration: none;
    font-family: "Microsoft Sans Serif";
    font-weight: bold;
}
h5
{
    font-size: 14px;
    color: #f26722;
    padding: 5px;
    font-style: normal;
    text-decoration: none;
    font-family: "Microsoft Sans Serif";
    font-weight: bold;
    border-bottom: 1px dotted #CCCCCC;
}
h6
{
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

h7
{
    font-size: 19px;
    color: #28A438;
    line-height: 25px;
    letter-spacing: 0px;
    word-spacing: 1px;
    padding-top: 4px;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
h8
{
    font-size: 15px;
    color: #1f87da;
    line-height: 25px;
    letter-spacing: 0px;
    word-spacing: 1px;
    padding-top: 4px;
    font-weight: bold;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.lblmsg
{
    font-size: 13px;
    color: #CC2102;
    display: block;
    text-decoration: none;
    text-shadow: 0 0 15px #CC2102; /* -moz-box-shadow: 0 0 15px #CC2102;     -webkit-box-shadow: 0 0 15px #CC2102;     box-shadow: 0 0 15px #CC2102;*/
    font-weight: bold;
}


.head-main-login
{
    font-size: 15px;
    color: #fff;
    font-style: normal;
}
.text-main-login
{
    font-size: 13px;
    color: #000;
    font-style: normal;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

.othertable-login
{
    font-size: 13px;
    text-align: center;
    font-style: normal;
    background-color: #FFF;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 0 0 10px #fff;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    border: 1px solid #CCCCCC;
    height: 190px;
}

.txtSearch
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    color: #000;
    width: 250px;
    background: #FFFFFF url(../Icons/search.png) no-repeat 18px;
    background-position: right;
    padding: :4px 4px 4px 0px;
    height: 18px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.txt
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    color: #000;
    width: 80%;
    background-color: #fff;
    height: 20px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.txt:hover
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    width: 80%;
    color: #000;
    background-color: #f1f3f4;
    height: 20px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.txtvalue
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    color: #000;
    text-align: right;
    width: 80%;
    background-color: #fff;
    height: 20px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.txtvalue:hover
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    width: 80%;
    color: #000;
    text-align: right;
    background-color: #f1f3f4;
    height: 20px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.txt_multi
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    color: #000;
    width: 80%;
    background-color: #fff;
    height: 54px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.txt_multi:hover
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-size: 13px;
    width: 80%;
    color: #000;
    background-color: #f1f3f4;
    height: 54px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.ddl
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    float: left;
    font-size: 13px;
    color: #000;
    width: 80%;
    background-color: #fff;
    height: 25px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.ddl:hover
{
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    float: left;
    font-size: 13px;
    width: 80%;
    color: #000;
    background-color: #f1f3f4;
    height: 25px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.DataGridFixedHeader
{
    position: relative;
    top: -expression(this.offsetParent.scrollTop);
    font-bold: True;
    forecolor: White;
    bordercolor: #009015;
    backcolor: #009015;
    horizontalalign: Center;
}
.ScrollBar
{
    scrollbar-face-color: #009015;
    scrollbar-arrow-color: #009015;
    scrollbar-track-color: #009015;
    scrollbar-dark-shadow-color: #009015;
    scrollbar-highlight-color: #009015;
    scrollbar-shadow-color: #009015;
}

.mGrid
{
    width: 100%;
    border: solid 1px #c1c1c1;
    background: #fff;
}
.mGrid td
{
    border: solid 1px #fcfcfc;
    margin: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
}
.mGrid th
{
    padding: 4px 2px;
    color: #FFFFFF;
    background: #009015;
    font-weight: bold;
    position: relative;
    top: expression(this.offsetParent.scrollTop);
}
.mGrid .item
{
    background: #fff;
    color: #3C3C3C;
}
.mGrid tr.even td
{
    background: #fcfcfc;
    color: #3C3C3C;
}

.mGrid td tr:hover
{
    background: #CCFFCC;
    color: #3C3C3C;
}
.pagelink
{
    font-size: 12px;
    color: #CC2102; /*3DAE38*/
    text-decoration: none;
    font-weight: bold;
}
.pagelink:hover
{
    font-size: 12px;
    color: #0080a7;
    text-decoration: none;
    text-shadow: 0 0 15px #CC2102; /* -moz-box-shadow: 0 0 15px #CC2102;     -webkit-box-shadow: 0 0 15px #CC2102;     box-shadow: 0 0 15px #CC2102;*/
    font-weight: bold;
    cursor: pointer;
}

.leftlink
{
    font-size: 12px;
    color: #3C3C3C; /*3DAE38*/
    text-decoration: none;
    font-weight: bold;
}
.leftlink:hover
{
    font-size: 12px;
    color: #f26722;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}
.headlink
{
    font-size: 12px;
    color: #fff; /*3DAE38*/
    text-decoration: none;
}
.headlink:hover
{
    font-size: 12px;
    cursor: pointer;
    color: #000;
}

/*drop down Menu*/
#menu
{
    list-style: none;
    width: 99.9%;
    margin: 0 auto;
    padding: 0px 0px 0px 1px; /* Background color and gradients */
    background-color: #f1f1f1;
    position: relative;
    z-index: 1000;
    float: left;
    top: 0px;
    left: 0px;
    height: 60px;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}

#menu li
{
    float: left;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

ul #menu li
{
    z-index: 1000;
}

#menu li:hover
{
    color: #3C3C3C;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    float: left;
}
.dropdown_1column, .dropdown_2columns
{
    margin: 1px auto;
    float: left;
    left: -9999em; /* Hides the drop down */
    text-align: left;
    padding: 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    cursor: pointer;
    width: 157px;
}

#menu li:hover .dropdown_1column
{
    left: 0px;
    top: 48px;
}

#menu li:hover .dropdown_2columns
{
    left: -1px;
    top: 23px;
}


.col_1, .col_3
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    _margin-left: 0px;
    _margin-right: 0px;
    font-weight: 400;
}

.menutd
{
    font-size: 13px;
    color: #fff; /*3DAE38*/
    text-decoration: none;
}
.menutd:hover
{
    font-size: 13px;
    color: #000;
    background-color: #e8e8e8;
    color: #000;
    opacity: 0.8;
    filter: alpha(opacity=70);
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -o-transition: opacity .6s;
    -ms-transition: opacity .6s;
    transition: opacity .6s;
}
/*end drop down menu*/

.txtarea
{
    float: left;
    font-size: 16px;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    color: #000;
    width: 70%;
    background-color: #fff;
    height: 18px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    width: 80%;
    height: 80px;
}


.txtarea_extra
{
    float: left;
    font-size: 16px;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    color: #000;
    width: 70%;
    background-color: #fff;
    height: 18px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    width: 100%;
    height: 180px;
}
/* All Modules Buttons*/
.buttonchange
{
    background: #28A438;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    height: 30px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    background-image: linear-gradient(#28A438, #28A0E6);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-animation: pulsate 1.2s linear infinite;
    animation: pulsate 1.2s linear infinite;
}
.buttonchange:hover
{
    background: #28A438;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    height: 30px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    background-image: linear-gradient(#28A438, #28A0E6);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    -webkit-animation: pulsate 1.2s linear infinite;
    animation: pulsate 1.2s linear infinite;
}
.buttonchange:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3C3C3C;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 30px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

.buttonchangedb
{
    background: #04a3b9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #04a3b9;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangedb:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #04a3b9;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangedb:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #04a3b9;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

.buttonchangehelpdesk
{
    background: #febd11 50% 50% repeat-x;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #febd11;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangehelpdesk:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #febd11;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangehelpdesk:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #febd11;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeequip
{
    background: #275E89;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #275E89;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeequip:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #275E89;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeequip:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #275E89;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

.buttonchangecomp
{
    background: #ec3722;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ec3722;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangecomp:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ec3722;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangecomp:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ec3722;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

.buttonchangerep
{
    background: #f26722;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f26722;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangerep:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f26722;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangerep:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f26722;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangesec
{
    background: #f7af39;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f7af39;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangesec:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f7af39;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangesec:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #f7af39;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}

.fieldset
{
    border: 1px solid #CCCCCC;
}
.legend
{
    font-size: 14px;
    color: #3C3C3C;
    font-style: normal;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
    font-weight: bold;
    text-align: left;
}
.buttonchangeMyAcc
{
    background: #996600;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #996600;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeMyAcc:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #996600;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeMyAcc:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #996600;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}


.buttonchangeInv
{
    background: #A4449A;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #A4449A;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeInv:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #A4449A;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeInv:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #A4449A;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeHSQE
{
    background: #04a3b9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #04a3b9;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeHSQE:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #04a3b9;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeHSQE:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #04a3b9;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}


.buttonchangeEnergy
{
    background: #669900;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #669900;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px; /*text-shadow:2px -1px 0px #fff;*/
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeEnergy:hover
{
    background: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #669900;
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}
.buttonchangeEnergy:click
{
    display: none;
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #669900;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    height: 25px;
    width: 100px;
    cursor: pointer;
    font-family: "Myriad Pro" , "Trebuchet MS" , sans-serif;
}


/*Start Customer Index Page */
#content
{
    width: 195px;
    height: 100px;
    color: #ffffff;
    font-size: 16px;
    position: relative;
    alignment-adjust: central;
    padding: 10px 10px 10px 10px;
    float: left;
    display: block;
    border: 15;
    border-color: #ffffff;
    margin: 5px;
    text-align: left;
    vertical-align: bottom;
    cursor: pointer;
}
#mini_content
{
    width: 82px;
    height: 45px;
    color: #ffffff;
    font-size: 16px;
    position: static;
    alignment-adjust: central;
    padding: 10px 10px 10px 10px;
    float: left;
    display: block;
    border: 15;
    border-color: #ffffff;
    margin: 5px;
    text-align: left;
    vertical-align: bottom;
    cursor: pointer;
}
.img
{
    alignment-adjust: central;
    position: relative;
    vertical-align: central;
    padding-top: 15px;
}
.miniimg
{
    alignment-adjust: central;
    position: relative;
    vertical-align: central;
    padding-top: 5px;
}

/* Portolio Hover */
.da-thumbs li, .da-thumbs li img
{
    display: block;
    position: relative;
    cursor: pointer;
}
.da-thumbs li
{
    overflow: hidden;
    cursor: pointer;
}
.da-thumbs li article
{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.da-thumbs li article.da-animate
{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #585858;
    opacity: 0.6;
    cursor: pointer;
}
/* Initial state classes: */
.da-slideFromTop
{
    left: 0px;
    top: -100%;
}
.da-slideFromBottom
{
    left: 0px;
    top: 100%;
}
.da-slideFromLeft
{
    top: 0px;
    left: -100%;
}
.da-slideFromRight
{
    top: 2px;
    left: 562px;
}
/* Final state classes: */
.da-slideTop
{
    top: 0px;
}
.da-slideLeft
{
    left: 0px;
}
.da-thumbs li article a
{
    color: #fff;
    padding: 5px;
    display: block;
}

.da-thumbs
{
    text-align: center;
}

.da-thumbs li article h3
{
    color: #fff;
    padding-top: 30px;
}

.da-thumbs li article em
{
    margin-bottom: 10px;
    color: #fff;
    display: block;
}

.da-thumbs li article span
{
    display: inline-block;
}


.portfolio_2col article h3
{
    padding-top: 0px !important;
}

/* Image Grid */
.image_grid
{
    float: left;
    overflow: hidden;
    width: 550px;
    height: 470px;
    position: relative;
}

.image_grid li
{
    float: left;
    line-height: 17px;
    color: #686f74;
    list-style: none;
    overflow: hidden;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: center;
}


/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 767px)
{

    .image_grid
    {
        width: 300px;
    }

    .image_grid li img
    {
        width: 220px;
    }

    .portfolio_4col .da-thumbs li article h3
    {
        padding-top: 10px;
    }

    .portfolio_3col .da-thumbs li article h3
    {
        padding-top: 10px;
    }

    .portfolio_2col .da-thumbs li article h3
    {
        padding-top: 10px !important;
    }

}


@media only screen and (min-width: 480px) and (max-width: 767px)
{

    .image_grid
    {
        width: 900px;
    }

    .image_grid li
    {
        width: 178px !important;
    }

    .portfolio_4col .da-thumbs li article h3
    {
        padding-top: 0px;
    }

    .portfolio_3col .da-thumbs li article h3
    {
        padding-top: 0px;
    }

    .portfolio_2col .da-thumbs li article h3
    {
        padding-top: 0px !important;
    }

}
/* Buttom Style */
.freshdesignweb-top
{
    color: #275973;
    line-height: 44px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    float: left;
}
.freshdesignweb-top a
{
    color: #fcca00;
}
/*
.freshdesignweb-top a:hover{
	color:#0b2f42;
}*/
.freshdesignweb-top h1
{
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 36px;
}
/* Buttom Style */
.freshdesignweb-buttom
{
    color: #009;
    line-height: 4px;
    font-size: 11px;
    position: relative;
}
.freshdesignweb-buttom a
{
    padding: 0px 5px;
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px #fff;
    display: block;
    float: left;
}
.freshdesignweb-buttom a:hover
{
    background: #FFF;
}
.freshdesignweb-buttom span.right
{
    float: right;
    font-weight: bold;
}
.freshdesignweb-buttom span.right a
{
    display: block;
}
.freshdesignweb
{
    width: 500px;
}
#calendar
{
    width: 99%;
    margin: 0px auto;
    position: absolute;
    display: none;
}
.ui-jqgrid .ui-userdata
{
    height: auto;
    border: 0px solid #3C3C3C;
    background: #eeeeee url(Equipments/Styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% 50% repeat-x;
    color: #3C3C3C;
}
.ui-jqgrid .ui-userdata div
{
    margin: .1em .5em .2em;
}
.ui-jqgrid .ui-userdata div > *
{
    vertical-align: middle;
}
.Load_dialog
{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #FFF 50% 50% repeat-x;
    border: 1px solid #CCCCCC;
    padding: 0px;
    z-index: 102;
    font-family: "Myriad Pro" , "Trebuchet MS" , "sans-serif";
    font-size: 13pt;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
    -khtml-border-radius: 12px 12px 12px 12px;
    border-radius: 5px 5px 5px 5px;
}