﻿body {
}

.CNP4G-button
{
  background: #E1EEF6 !important;
  background: linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  background: -webkit-linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  background: -moz-linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  background: -o-linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  background: -ms-linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  background: linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  -svg-background: linear-gradient(top, #D7E9F4 0, #FFFFFF 15%, #DFEEF6 50%, #B4D6E9 50%, #D0E5F1 100%) no-repeat !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 0 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button.hover, .CNP4G-button:hover
{
  background: #A0CBE3 !important;
  background: linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -webkit-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -moz-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -o-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -ms-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  -svg-background: linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 0 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button.hover, .CNP4G-button:hover
{
  color: #764900 !important;
}

.CNP4G-button.active, .CNP4G-button:active
{
  color: #764900 !important;
}

.CNP4G-button-Back
{
  background: #E1EEF6 url('../images/LeftArrow.png') no-repeat top left !important;
  padding-left  : 20px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-Back.hover, .CNP4G-button-Back:hover
{
  background: #A0CBE3 url('../images/LeftArrow.png') no-repeat top left !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-InCart
{
  background: #E1EEF6 url('../images/shopping.png') no-repeat top left !important;
  padding-left  : 20px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-InCart.hover, .CNP4G-button-InCart:hover
{
  background: #A0CBE3 url('../images/shopping.png') no-repeat top left !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-Next
{
  background: #E1EEF6 url('../images/RightArrow.png') no-repeat top left !important;
  padding-left  : 20px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-Next.hover, .CNP4G-button-Next:hover
{
  background: #A0CBE3 url('../images/RightArrow.png') no-repeat top left !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-Back
{
  background: #E1EEF6 url('../images/LeftArrow.png') no-repeat top left !important;
  padding-left  : 20px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-Back.hover, .CNP4G-button-Back:hover
{
  background: #A0CBE3 url('../images/LeftArrow.png') no-repeat top left !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-Recal
{
  background: #E1EEF6 url('../images/page_refresh.png') no-repeat top left !important;
  padding-left  : 38px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 38px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-Recal.hover, .CNP4G-button-Recal:hover
{
  background: #A0CBE3 url('../images/page_refresh.png') no-repeat top left !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 38px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-Recal
{
  background: #E1EEF6 url('../images/page_refresh.png') no-repeat top left !important;
  padding-left  : 38px !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 38px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-Recal.hover, .CNP4G-button-Recal:hover
{
  background: #A0CBE3 url('../images/page_refresh.png') no-repeat top left !important;
  height: 35px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 38px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-ShpgCart
{
  background: #E1EEF6 url('../images/shopping_cart.png') no-repeat top left !important;
  padding-left  : 66px !important;
  height: 50px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 66px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-ShpgCart.hover, .CNP4G-button-ShpgCart:hover
{
  background: #A0CBE3 url('../images/shopping_cart.png') no-repeat top left !important;
  height: 50px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 66px !important;
  margin: 1px 1px !important;
  }

.CNP4G-button-Print
{
  background: #E1EEF6 url('../images/PrintUp.gif') no-repeat center left !important;
  padding-left  : 66px !important;
  height: 42px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 20px !important; /* 0 44px !important; */
  margin: 1px 1px !important;
  text-align:left !important;
  text-indent:32px !important;
}

.CNP4G-button-Print.hover, .CNP4G-button-Print:hover
{
  background: #A0CBE3 url('../images/PrintDown.gif') no-repeat center left !important;
  height: 42px !important;
  border-radius: 3px !important;
  border-width: 1 !important;
  padding: 0 20px !important; /* 0 44px !important; */
  margin: 1px 1px !important;
  text-align:left !important;
  text-indent:32px !important;
  }

.CNP4G-button-TabActive
{
  /* background: #E1EEF6 url('../images/shopping_cart.png') no-repeat top left !important;*/
  background: #85C1E9 !important;
  padding-left  : 66px !important;
  border-radius: 40px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-TabNotActive
{
  /* background: #E1EEF6 url('../images/shopping_cart.png') no-repeat top left !important;*/
  background: #AEB6BF !important;
  padding-left  : 66px !important;
  border-radius: 0px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-TabLogout
{
  /* background: #E1EEF6 url('../images/shopping_cart.png') no-repeat top left !important;*/
  background: #f5b7b1 !important;
  padding-left  : 66px !important;
  border-radius: 0px !important;
  border-width: 1 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
}

.CNP4G-button-Menu
{
  color: #764900 !important;
  background: #A0CBE3 !important;
  background: linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -webkit-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 75%, #84BCDB 75%, #A0CBE3 100%) no-repeat !important;
  background: -moz-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -o-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: -ms-linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  background: linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  -svg-background: linear-gradient(top, #A8CFE6 0, #D0E5F1 15%, #B0D3E8 50%, #84BCDB 50%, #A0CBE3 100%) no-repeat !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border-width: 0 !important;
  padding: 0 5px !important;
  margin: 1px 1px !important;
  }

.CellRow:after 
{
  content: "";
  display: table !important;
  clear: both;
}

.CellColLeftNoWidth
{
  float: left !important;
  text-align: left;
  padding: 0px;
}

.CellColLeft
{
  float: left !important;
  width: 50% !important; 
  text-align: left;
  padding: 0px;
}

.CellColRightNum
{
  float: right !important;
  width: 50% !important;
  text-align: right;
  padding: 0px;
}

.CellColRightText
{
  float: left;
  width: 50%;
  text-align: left;
  padding: 10px;
}
