﻿body
{
    margin: 0;
    padding: 0;
    font-family: Arial;
    background: #FFBF02;
}
.GridView
{
    border: solid 1px #c9c9c9;
    border-right: none;
    color: #000000;
    font-family: Arial;
    font-size: 11pt;
}
.dvGrid
{
    width: 93.8%;
    _width: 100%;
    height: 97%;
    _height: 97%;
    position: fixed;
}

.GridViewFixedHeader th
{
    background: #e5e5e5;
    border-right: solid 1px #c9c9c9;
    text-decoration: capitalize;
    font-weight: bold;
    padding: 5px;
    text-transform: none;
    position: static; /*TOP: expression(this.offsetParent.scrollTop-2); */
    height: 10px;
    text-decoration: none;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
}
.GridViewFixedHeader td
{
    background: #e5e5e5;
    border-right: solid 1px #c9c9c9;
    text-decoration: capitalize;
    font-weight: bold;
    padding: 5px;
    text-transform: none;
    position: static; /*TOP: expression(this.offsetParent.scrollTop-2); */
    height: 10px;
    text-decoration: none;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
}
.EmptyGridViewRow
{
    background: #e5e5e5;
    border-right: solid 0px #c9c9c9;
    font-weight: bold;
    height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 10pt;
    font-family: Arial;
}
.GridViewItems td
{
    border-top: solid 1px #c9c9c9;
    border-right: solid 1px #c9c9c9;
    padding: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 11pt;
}
tr.GridViewItems
{
    background: #ffffff;
}
tr.GridViewItems:hover
{
    background: #fbf5df;
}
tr.GridViewAItems
{
    background: #fbf5df;
}
.GridViewAItems td
{
    border-top: solid 1px #c9c9c9;
    border-right: solid 1px #c9c9c9;
    padding: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 11pt;
}
.GridViewPagerStyle
{
    display: none;
    height: 0px;
}
.button
{
    width: 30px;
    height: 30px;
    text-align: center;
}
.label
{
    font-size: 10pt;
    font-family: Arial;
}
.dropDownFont
{
    font-size: 10pt;
    font-family: Arial;
    height: 22px;
    border: solid 1px #c9c9c9;
}
.textBox
{
    font-family: Arial;
    width: 220px;
    height: 22px;
    border: solid 1px #c9c9c9;
}
.rowHeight
{
    height: 30px;
}
.btnAdd
{
    background: url("../images/add.png") no-repeat;
    width: 41px;
    height: 35px;
    border: none;
    margin: 0;
    padding: 0;
}
.btnEdit
{
    background: url("../images/edit.png") no-repeat;
    width: 41px;
    height: 35px;
    border: none;
    margin: 0;
    padding: 0;
}
.btnDelete
{
    background: url("../images/delete.png") no-repeat;
    width: 41px;
    height: 35px;
    border: none;
    margin: 0;
    padding: 0;
}
.Hidden
{
    display: none;
}

.FrameHeight
{
    height: 580px;
}

.vrSeparator
{
    margin: 0px 10px;
    background: url("images/separator.png") repeat-y;
    height: 60px;
    width: 2px;
}
.dvPageName
{
    width: 100%;
    color: #F47920;
    font-family: Arial;
    font-size: 12pt;
    height: 25px;
    padding-top: 20px;
    padding-left: 10px;
    font-weight: bold;
}
.dvButtonHead
{
    width: 100%;
    background: url("images/ButtonContent.png") repeat-x;
    height: auto;
    min-height: 60px;
}

.dvButtonHeadc1
{
    float: left;
    width: 150px;
    padding-top: 15px;
    padding-left: 0.2%;
    height: 35px;
}
.dvButtonHeadc2
{
	float: left;
	width: 20px;
	padding-top: 15px;
	padding-left: 1%;
	height: 35px;
}
.dvButtonHeadc3
{
	float:right;
	width: 200px;
	padding-top: 10px;
	padding-left: 20%;
	margin-right:25%;
	height: 35px;
}
.dvButtonHeadc4
{
    float: left;
    width: 150px;
    padding-top: 15px;
    padding-left: 3%;
    height: 35px;
}
.dvMsgDisp
{
    font-size: 10pt;
    z-index: 100;
    left: 782px;
    width: 382px;
    color: Blue;
    font-family: Arial;
    position: absolute;
    float: left;
    height: 40px;
    padding-top: 15px;
}
.clsCalendar
{
    font-size: 8pt;
    font-family: Arial;
}
.suggest_link
{
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
}
.suggest_link_over
{
    background-color: Gray;
    color: White;
    padding: 2px 6px 2px 6px;
}
#search_suggest
{
    /* position: absolute;*/
    background-color: #FFFFFF;
    text-align: left;
    border: 1px solid #000000;
}

.GridViewFixedHeadersearch th
{
    background: #e5e5e5;
    border-right: solid 1px #c9c9c9;
    text-decoration: capitalize;
    font-weight: bold;
    padding: 5px;
    text-transform: none;
    position: relative;
    height: 10px;
    text-decoration: none; /*TOP: expression(this.offsetParent.scrollTop-2);*/
    text-align: center;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
}
.GridViewFixedHeadersearch td
{
    background: #e5e5e5;
    border-right: solid 1px #c9c9c9;
    text-decoration: capitalize;
    font-weight: bold;
    padding: 5px;
    text-transform: none;
    position: relative;
    height: 10px;
    text-decoration: none; /*TOP: expression(this.offsetParent.scrollTop-2);*/
    text-align: center;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
}

.GridViewItemsearch td
{
    border-top: solid 1px #c9c9c9;
    border-right: solid 1px #c9c9c9;
    padding: 5px;
    text-align: left;
    font-family: Arial;
    font-size: 11pt;
}
tr.GridViewItemsearch
{
    background: #ffffff;
}
tr.GridViewItemsearch:hover
{
    background: #fbf5df;
}
tr.GridViewAItemsearch
{
    background: #fbf5df;
}
.GridViewAItemsearch td
{
    border-top: solid 1px #c9c9c9;
    border-right: solid 1px #c9c9c9;
    padding: 5px;
    text-align: left;
    font-family: Arial;
    font-size: 11pt;
}
.LblMessage
{
    font-size: 11pt;
    font-family: Arial;
    color: Blue;
}

.WhiteColor
{
    background: #ffffff;
}
.LinkButton
{
    text-decoration: underline;
    color: #474747;
}
 .dvGrossar
{
    font-size: 14pt;
    z-index: 100;
    left: 350px;
    width: 700px;
    color: #474747;
    font-family: Arial;
    position: absolute;
    float: left;
    height: 40px;
    padding-top: 15px;
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
    .dvGrossarNew
    {
        font-size: 8pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 8pt;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px)
{
    .dvGrossarNew
    {
        font-size: 8pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 8pt;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px)
{
    .dvGrossarNew
    {
        font-size: 8pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 8pt;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
    .dvGrossarNew
    {
        font-size: 9pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 9pt;
    }

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
    .dvGrossarNew
    {
        font-size: 9pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 9pt;
    }

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
    .dvGrossarNew
    {
        font-size: 9pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 9pt;
    }
}


/* CustomOne ----------- */
@media only screen and (min-width : 768px)
{
    .dvGrossarNew
    {
        font-size: 5.7pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 50px;
        padding-top: 0px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 7pt;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 800px)
{
    .dvGrossarNew
    {
        font-size: 6pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 9px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 7pt;
    }
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 980px)
{
    .dvGrossarNew
    {
        font-size: 11pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 9px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 9pt;
    }
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1280px)
{
    .dvGrossarNew
    {
        font-size: 11.2pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 12pt;
    }
}


/* Large screens ----------- */
@media only screen and (min-width : 1920px)
{
    .dvGrossarNew
    {
        font-size: 14pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }
    .SearchBox
    {
        text-align: right;
        width: 100%;
        margin-left: 30px;
        font-size: 14pt;
    }
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)
{
    .dvGrossarNew
    {
        font-size: 8pt;
        z-index: 100;
        left: 250px;
        width: 100%;
        color: #474747;
        font-family: Arial; /* position: absolute; */
        float: left;
        height: 40px;
        padding-top: 15px;
    }

}





.dvGrossarHead
{
    width: 100%;
    background: url("images/ButtonContent.png") repeat-x;
    height: auto;
    min-height: 30px;
}
.LinkButtonStyle
{
    padding-left: 5px;
    text-decoration: underline;
    color: #474747;
}
.dvMsgDispGlossar
{
    font-size: 10pt;
    z-index: 100;
    left: 950px;
    width: 382px;
    color: Blue;
    font-family: Arial;
    position: absolute;
    float: right;
    height: 40px;
    padding-top: 15px;
}
.GridView tr
{
    border-top: solid 1px #ffffff;
}
