.p100 {
    width: 100%;
    height: 100%;
}

.BtnStyle {
    background: #4b6c9e;
    font: "Helvetica Neue";
    font-size: 1.4em;
    color: White;
    font-weight: bold;
    font-weight: 200;
    vertical-align: middle;
}


.head {
    height: 4%;
    width: 100%;
    font: "Comic Sans MS";
    font-size: 1.7em;
    color: White;
    text-transform: none;
    font-weight: 200;
    vertical-align: top;
    background-color: #336699;
}

.Content {
    width: 100%;
    height: 95%;
}

.headC1 {
    width: 50%;
    height: 100%
}

.MenuArea {
    width: 15%;
    height: 90%;
    vertical-align: top;
}


.headC2 {
    width: 50%;
    height: 100%
}


.bodyL1 {
    width: 100%;
    height: 5%;
    background: #fff;
    vertical-align: top;
}

.bodyL2 {
    width: 100%;
    height: 20%;
    background: #fff;
    vertical-align: top;
}

.body {
    width: 100%;
    height: 94%;
    background: #fff;
    vertical-align: middle;
}

.b4Log {
    width: 100%;
    height: 15%;
    background: #fff;
    vertical-align: middle;
}


.ItmGrp {
    width: 13%;
    height: 100%;
    background-color: #FFF4FF;
}

.BillArea {
    width: 87%;
    height: 100%;
    background: #fff;
}

.BillHeadArea {
    width: 100%;
    height: 5%;
    background-color: #DDE8FF;
}

.ItemArea {
    width: 100%;
    height: 45%;
    background-color: #FFF4FF;
}

.GrdOptArea {
    width: 100%;
    height: 51%;
    background-color: #DDE8FF;
}


.GrdArea {
    width: 85%;
    height: 100%;
    background: #fff;
}

.OptArea {
    width: 15%;
    height: 100%;
    background: #E1F0FF;
    font-family: Arial;
    font-size: x-small;
}

.GridOnly {
    width: 100%;
    height: 85%;
}

.GridFoot {
    width: 100%;
    height: 15%;
}


.wrap {
    white-space: normal;
}


.Buttons {
    font-size: 1.08em;
    color: White;
    font-weight: bold;
    vertical-align: top;
    white-space: normal;
    text-wrap:normal ;
}

.BtnClose {
    background-color: #FF5050;
    font-size: 1.08em;
    color: White;
    font-weight: bold;
    vertical-align: bottom;
    width: 100%;
    height: 50px;
}

.HeadFont {
    font: "Helvetica Neue";
    font-size: 1.25em;
    text-transform: none;
    font-weight: bold;
    font-weight: 200;
    vertical-align: middle;
}

.TxtCAlign {
    text-align: center;
}



.p100 {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.BtnStyle {
    background: #4b6c9e;
    font: "Helvetica Neue";
    font-size: 1.4em;
    color: White;
    font-weight: bold;
    font-weight: 200;
    vertical-align: middle;
}


.head {
    width: 100%;
    height: 10%;
    font: "Comic Sans MS";
    font-size: 1.7em;
    color: White;
    text-transform: none;
    font-weight: 200;
    vertical-align: top;
}

.headC1 {
    width: 50%;
    height: 100%
}

.Content {
    width: 100%;
    height: 90%;
}

.headC2 {
    width: 50%;
    height: 100%
}


.bodyL1 {
    width: 100%;
    height: 5%;
    background: #fff;
    vertical-align: top;
}

.bodyL2 {
    width: 100%;
    height: 20%;
    background: #fff;
    vertical-align: top;
}

.body {
    width: 100%;
    height: 94%;
    background: #fff;
    vertical-align: middle;
}

.b4Log {
    width: 100%;
    height: 15%;
    background: #fff;
    vertical-align: middle;
}


.ItmGrp {
    width: 13%;
    height: 100%;
    background-color: #FFF4FF;
}

.BillArea {
    width: 87%;
    height: 100%;
    background: #fff;
}

.BillHeadArea {
    width: 100%;
    height: 5%;
    background-color: #DDE8FF;
}

.ItemArea {
    width: 100%;
    height: 45%;
    background-color: #FFF4FF;
}

.GrdOptArea {
    width: 100%;
    height: 51%;
    background-color: #DDE8FF;
}


.GrdArea {
    width: 85%;
    height: 100%;
    background: #fff;
}

.OptArea {
    width: 15%;
    height: 100%;
    background: #E1F0FF;
    font-family: Arial;
    font-size: x-small;
}

.GridOnly {
    width: 100%;
    height: 85%;
}

.GridFoot {
    width: 100%;
    height: 15%;
}


.wrap {
    white-space: normal;
}

.Content {
    background: #4b6c9e;
    font: "Helvetica Neue";
    font-size: 1.4em;
    color: White;
    font-weight: bold;
    font-weight: 200;
    vertical-align: top;
}




.BtnClose {
    background-color: #FF5050;
    font: "Helvetica Neue";
    font-size: 1.08em;
    color: White;
    font-weight: bold;
    vertical-align: bottom;
}

.HeadFont {
    font: "Helvetica Neue";
    font-size: 1.25em;
    text-transform: none;
    font-weight: bold;
    font-weight: 200;
    vertical-align: middle;
}

.TxtCAlign {
    text-align: center;
}

.TxtRAlign {
    text-align: right ;
}