/* links */
a
{
    text-decoration: none;
    color: #2180BC;
}

    a:hover
    {
        color: #88ac0b;
        text-decoration: underline;
    }

#login
{
    background-color: #CCCCCC;
}

.webgrid
{
    border: 1px solid black;
    color: black;
    border-collapse: collapse;
}

.colRowButton
{
    width: 70px;
    text-align: left;
}

.webgrid td
{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid;
}

.webgrid th
{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid;
    color: green;
}

.webgrid thead
{
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid;
    color: green;
}

body
{
    color: gray;
    /*min-width:100%;*/
}

.webgrid a
{
    border-spacing: 0;
}

.webgrid-header td
{
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0px 5px;
    text-align: center;
    height: 20px;
}

.webgrid-header th
{
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 2px;
}

.webgrid-footer td
{
    border-spacing: 0;
    border-collapse: collapse;
    padding: 6px 5px;
    text-align: left;
    background-color: #F9F9F9;
    height: 20px;
    border: 1px solid black;
}

    .webgrid-footer td a
    {
        border-spacing: 0;
        border-collapse: collapse;
        padding: 6px 5px;
        text-align: left;
        color: #000;
        height: 20px;
    }

.webgrid-alternating-row td
{
    height: 22px;
    border-spacing: 0;
    border-collapse: collapse;
}

.webgrid-row-style
{
    border-spacing: 0;
    border-collapse: collapse;
    height: 22px;
    border-bottom: 1px solid;
}

.webgrid-selected-row
{
    border-spacing: 0;
    border-collapse: collapse;
    font-weight: bold;
}

#txtUser
{
    opacity: 0.9;
}

#txtPass
{
    opacity: 0.9;
}

.tableindex
{
    text-align: center;
}

.tdindex
{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

html
{
     
    background: rgb(183,223,45); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(183,223,45,1) 0%, rgba(227,245,171,1) 78%, rgba(248,255,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,223,45,1)), color-stop(78%,rgba(227,245,171,1)), color-stop(100%,rgba(248,255,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(183,223,45,1) 0%,rgba(227,245,171,1) 78%,rgba(248,255,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(183,223,45,1) 0%,rgba(227,245,171,1) 78%,rgba(248,255,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(183,223,45,1) 0%,rgba(227,245,171,1) 78%,rgba(248,255,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(183,223,45,1) 0%,rgba(227,245,171,1) 78%,rgba(248,255,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df2d', endColorstr='#f8ffe8',GradientType=0 ); /* IE6-9 */
    height: 100%;
    background-repeat:no-repeat;
    background-repeat:repeat-x;
    width:100%;
}

#content
{
    background: rgb(249,252,247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(235,247,220,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(99%,rgba(235,247,220,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(235,247,220,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(235,247,220,1) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(235,247,220,1) 99%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(249,252,247,1) 0%,rgba(235,247,220,1) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#ebf7dc',GradientType=0 ); /* IE6-9 */
  
}


#logo
{
    width: 201px;
    height: 90px;
    float: left;
    /*background: rgb(252,255,244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 1%, rgba(179,190,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(1%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
    border-top-left-radius: 10px 5px;
}

#ima
{
    border-top-left-radius: 10px 5px;
}

#wrap
{
    border-top-left-radius: 10px 5px;
}

#menu
{
        box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    background: rgb(252,255,244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 1%, rgba(179,190,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(1%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 1%,rgba(179,190,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
    border-top-left-radius: 10px 5px;
    border-top-right-radius: 10px 5px;
    margin-bottom: -20px;
    z-index:10000;
}

#footer
{
    text-align: center;
    height: auto;
    padding: 10px 0;
}


nav ul ul
{
    display: none;
      z-index:10000;
}

nav ul li:hover > ul
{
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
      z-index:10000;
}

nav ul
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
    align-content: center;
    /*text-align: center;*/
      z-index:10000;
}

    nav ul:after
    {
        content: "";
        clear: both;
        display: block;
          z-index:10000;
    }

    nav ul li
    {
        float: left;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
          z-index:10000;
    }

        nav ul li:hover
        {
            background: #4b545f;
            background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
            background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
              z-index:10000;
        }

            nav ul li:hover a
            {
                color: #fff;
                  z-index:10000;
            }

        nav ul li a
        {
            display: block;
            padding: 20px 30px;
            color: #757575;
            text-decoration: none;
              z-index:10000;
        }

    nav ul ul
    {
        background: #5f6975;
        border-radius: 0px;
        padding: 0;
        position: absolute;
        top: 100%;
          z-index:10000;
    }

        nav ul ul li
        {
            float: none;
            border-top: 1px solid #6b727c;
            border-bottom: 1px solid #575f6a;
            position: relative;
              z-index:10000;
        }

            nav ul ul li a
            {
                padding: 15px 40px;
                color: #fff;
                  z-index:10000;
            }

                nav ul ul li a:hover
                {
                    background: #4b545f;
                      z-index:10000;
                }

        nav ul ul ul
        {
            position: absolute;
            left: 100%;
            top: 0;
              z-index:10000;
        }

/**DateTime picker style**/
table.days th.title.day
{
    background: rgb(225,255,255);
    background: -moz-linear-gradient(top, rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,255,255,1)), color-stop(7%,rgba(225,255,255,1)), color-stop(12%,rgba(225,255,255,1)), color-stop(12%,rgba(253,255,255,1)), color-stop(30%,rgba(230,248,253,1)), color-stop(54%,rgba(200,238,251,1)), color-stop(75%,rgba(190,228,248,1)), color-stop(100%,rgba(177,216,245,1)));
    background: -webkit-linear-gradient(top, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
    background: -o-linear-gradient(top, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
    background: linear-gradient(to bottom, rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 );
    color: black;
    border-left: none;
}


/********************************************
   MvcContrib Grid Style
********************************************/

.grid-style td
{
    color: gray;
    font-size: 100%;
}

.grid-style th
{
    font-size: 100%;
    border-bottom: 5px solid #8EB50C;
    background-color: #EDFDCE;
}
/*.grid-style thead
{
    position: absolute; 
}*/

.grid-style .sort_asc
{
    background-image: url('images/arrow_up.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.grid-style .sort_desc
{
    background-image: url('images/arrow_down.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.grid-style .gridrow_alternate
{
    background-color: #eee;
}

.pagination
{
    border: 1px solid #8EB50C;
    padding: 5px;
    background-color: #EDFDCE;
    margin: 10px;
}

/* **/
.grid-stylesmall td
{
    color: gray;
    font-size: 84%;
}

.grid-stylesmall th
{
    font-size: 84%;
    border-bottom: 5px solid #8EB50C;
    background-color: #EDFDCE;
}


.grid-stylesmall .sort_asc
{
    background-image: url('images/arrow_up.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.grid-stylesmall .sort_desc
{
    background-image: url('images/arrow_down.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
}

.grid-stylesmall .gridrow_alternate
{
    background-color: #eee;
}

.pagination
{
    border: 1px solid #8EB50C;
    padding: 5px;
    background-color: #EDFDCE;
    margin: 10px;
}

table
{
    border-collapse: collapse;
    margin: 10px;
   
}

th strong
{
    color: #fff;
}

th
{
    background-color: #EDFDCE;
    height: 29px;
    padding-left: 12px;
    padding-right: 12px;
    /*color: #FFF;*/
    color: #2180BC;
    text-align: left;
    border-left: 1px solid #B6D59A;
    border-bottom: solid 2px #FFF;
}

tr
{
    height: 30px;
}

td
{
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #FFF;
    border-bottom: solid 1px #ffffff;
}

    td.header
    {
        background: #A9D542;
        font-weight: bold;
    }

    td.content
    {
        background: #EDFDCE;
    }

    td.first, th.first
    {
        border-left: 0px;
    }

tr.row-a
{
    background: #F8F8F8;
}

tr.row-b
{
    background: #EFEFEF;
}
/* end - table */

/* images for ActionLinks*/
.editIcon
{
    background: url('../img/edit_16.png') no-repeat top left;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.detailsIcon
{
    background-image: url('../img/testDetailsIcon.gif');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.outputIcon
{
    background-image: url('../img/output.png');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.deleteIcon
{
    background-image: url('../img/delete_16.png');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.addReceptionIcon
{
    background: url('../img/add_16.png') no-repeat top left;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.qualityMarkIcon
{
    background-image: url('../img/prefs_32.png');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.trimIcon
{
    background-image: url('../img/chainsaw-8796.gif');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.AddDefectIcon
{
    background-image: url('../img/add_notes.png');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}

.StoreIcon
{
    background-image: url('../img/icon_worldmap_wood.gif');
    background-repeat: no-repeat;
    background-size: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px; /* hides the link text */
}