/* Minification failed. Returning unminified contents.
(1283,23): run-time error CSS1038: Expected hex color, found '#aliceblue'
 */
.float{float:left}
.position
{
    vertical-align:top;
}

.navbar {
    min-height: 30px;
    font-family: HPSimplified, Arial;
    font-size: 16px;
    color:#FFFFFF;
    background-color:#0096D6;
    list-style-type: none;
}

a.dropdown
{
    cursor: pointer !important;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
}

a.menuitem
{
    cursor: pointer !important;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
}

a.nohref
{
    cursor: pointer;
    text-decoration:none;
}

.dropdown-menu
{
    font-size: 14px;
    line-height: 30px;
    display: none;
    width: 230px;
    z-index: 11;
    background: #FFFFFF;
    border: 2px solid #ccc;
    border-bottom: 3px #0096d6 solid;
    padding:10px 0 10px 0;
}

.dropdown-menu a{
    color: black;
    text-decoration:none;
    padding:4px 15px 4px 15px;
    width:230px;
}

.dynamicHoverStyle{
    background: #0096d6;
    color:#FFFFFF !important;
}

.selGridView
{
    font-family: HPSimplified, Arial;
    font-size: 12px;
}

.ulttext
{
    font-family: HPSimplified, Arial;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}
.pheading
{
    font-family: HPSimplified,Arial;
    font-size: 15px;
    font-weight: bold;
    color: #5a5a5a;
}

.pheadingUserGreeting {
    font-family: HPSimplified,Arial;
    font-size: 15px;
    font-weight: bold;
    color: #5a5a5a;
    position: absolute;
    right: 250px;
}

.spanRightInLayout {
    position: absolute;
    right: 20px;
}

.textAlignCenter {
    text-align: center;
}
.textAlignRight {
    text-align:right;
}
.textAlignLeft {
    text-align:left;
}

.gridViewFixedWrapNoOverflow, .gridViewFixedWrapNoOverflowVisitColumn
{
    text-align: left;
    overflow: hidden;
    white-space: normal;
    white-space-collapse: collapse; /* CSS 3 */
    overflow-wrap: break-word;
    z-index: -1;
}
.gridViewFixedWrapNoOverflowVisitColumn
{
    width: 60px;
}

.gridViewAutoTable
{
    overflow: hidden;
    table-layout: auto;
}

.gridViewFixedHeader
{
    position: relative;
    top: -1px; /* z-index: 10; */
}

.table-bordered {
  border-collapse: separate;
  border-spacing: 0;
}

.gridViewScroll tbody:nth-child(2)
{
  display: block;
  height: 500px !important;
  overflow-y: scroll;
  overflow-x: hidden;
}
.gridViewScroll thead:nth-child(1)
{
  display: block;
  position: relative;
}

.headerTopLeft
{
   border-radius:5px 0 0 0;
  -webkit-border-radius:5px 0 0 0;
  -moz-border-radius:5px 0 0 0;
}
.headerTopRight
{
   border-radius:0 5px 0 0;
  -webkit-border-radius:0 5px 0 0;
  -moz-border-radius:0 5px 0 0;
}

.tableCellPagingButtonSpacing
{
    padding-left: 1px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    text-align:left;
    vertical-align:middle;
}

.table-header-rotated th.row-header
{
    width: auto;
    border:none;
}

.table-header-rotated > tbody > tr > td
{
    vertical-align:middle;
}

.table-header-rotated td
{
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
}

.table-header-rotated th.rotate-45
{
    height: 80px;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: White !important;
}

.table-header-rotated th.rotate-45 > div
{
    position: relative;
    top: 0px;
    left: 50px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
    height: 100px;
    -ms-transform:skew(-45deg,0deg);
    -moz-transform:skew(-45deg,0deg);
    -webkit-transform:skew(-45deg,0deg);
    -o-transform:skew(-45deg,0deg);
    transform:skew(-45deg,0deg);
    overflow: hidden;
    border-left: 1px solid #C0C0C0 ;
    border-top: none;

    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
}

.table-header-rotated th.rotate-45 > a:link > div
{
    position: relative;
    top: 0px;
    left: 50px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
    height:100px;
    -ms-transform:skew(-45deg,0deg);
    -moz-transform:skew(-45deg,0deg);
    -webkit-transform:skew(-45deg,0deg);
    -o-transform:skew(-45deg,0deg);
    transform:skew(-45deg,0deg);
    overflow: hidden;
    border-left: 1px solid #C0C0C0 ;
    border-top: none;

    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
}

.table-header-rotated th:last-child > a:link > div
{
    border-right: 1px solid #C0C0C0 ;
}

.table-header-rotated th.rotate-45 > div > span
{
    -ms-transform:skew(45deg,0deg) rotate(315deg);
    -moz-transform:skew(45deg,0deg) rotate(315deg);
    -webkit-transform:skew(45deg,0deg) rotate(315deg);
    -o-transform:skew(45deg,0deg) rotate(315deg);
    transform:skew(45deg,0deg) rotate(315deg);
    position: absolute;
    bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
    left: -32px; /*Because it looked good, but there is probably a mathematical link here as well*/
    display: inline-block;
    width: 85px;/* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
    text-align: left;
}

.table-header-rotated th.rotate-45 > a:link > div > span
{
    -ms-transform:skew(45deg,0deg) rotate(315deg);
    -moz-transform:skew(45deg,0deg) rotate(315deg);
    -webkit-transform:skew(45deg,0deg) rotate(315deg);
    -o-transform:skew(45deg,0deg) rotate(315deg);
    transform:skew(45deg,0deg) rotate(315deg);
    position: absolute;
    bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
    left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
    display: inline-block;
    width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
    text-align: left;
}

.panelBudget
{
    background-color: #EFF3FB;
    border-left: solid 2px #ddd;
    border-right: solid 2px #ddd;
    width:99%;
    padding-top:5px;
    padding-left:3px;
}

.panelBudgetTop
{
    border-top: solid 2px #ddd;
}

.panelBudgetBottom
{
    border-bottom: solid 2px #ddd;
}

.viewBudget
{
    margin-top:8px;
}

.gridViewBudget
{
    border:2px solid #ddd;
}

.gridViewHeaderSpend
{
    border:3px solid #ddd !important;
    vertical-align:bottom !important;
    width:140px;
}

.gridViewHeaderSpendGroup
{
    border:3px solid #ddd !important;
    vertical-align:bottom !important;
}

.gridViewHeader
{
    border: 2px solid #ddd !important;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #0096D6 !important;
    text-align:center;
    vertical-align:bottom !important;
}
.gridViewHeaderStandard
{
    border: 2px solid #ddd !important;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px !important;
    background-color: #0096D6 !important;
    text-align:left;
    vertical-align:bottom !important;
}.gridViewHeaderStandard a {
	color: white !important;
}

.gridViewHeaderLight
{
    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #54a6f8 !important;
    text-align:center;
}

.gridViewStandard
{
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 2px solid #ddd;
}
.gridViewStandard th.row-header
{
    width: auto;
    border:none;
}
.gridViewStandard > tbody > tr > td
{
    vertical-align:middle;
    padding: 5px !important;
}
.gridViewStandard td
{
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
}

.gridViewSmallPadding
{
    padding: 5px !important;
    text-align:center !important;
    width:23px;
}
.gridViewMinWidth
{
    min-width: 30px;
}

.gridViewHeaderEmpty
{
    border: 0px none white !important;
    background-color:white !important;
}
.gridViewItemBorderRight
{
    border-right: 1px solid #ddd;
}

.gridViewBorder
{
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 2px solid #ddd;
}
.gridViewBorderTop
{
    border-top: 2px solid #ddd;
}
.gridViewBorderBottom
{
    border-bottom: 2px solid #ddd;
}
.gridViewBorderLeft
{
    border-left: 2px solid #ddd;
}
.gridViewBorderRight
{
    border-right: 2px solid #ddd;
}
.gridViewCellCentre
{
    vertical-align:middle !important;
}
.gridViewWordWrap
{
    word-wrap:break-word;
}

.gridViewTableLayoutFixed
{
	table-layout:fixed;
}

.gridViewExceptionsColour1		/*yellow*/
{
	background-color: #FFFF66 !important;	/*RGB:255.255.102*/
}

.table-striped tbody tr.gridViewExceptionsColour1 td
{
    background-color: #FFFF66 !important;	/*RGB:255.255.102*/
}
.table-striped tbody tr.gridViewExceptionsColour1:hover td
{
    background-color: #FFFF00 !important;	/*RGB:255.255.0*/
}

.gridViewExceptionsColour2		/*orange*/
{
	background-color: #FFCC99 !important;	/*RGB:255.204.153*/
}
.table-striped tbody tr.gridViewExceptionsColour2 td
{
    background-color: #FFCC99 !important;	/*RGB:255.204.153*/
}
.table-striped tbody tr.gridViewExceptionsColour2:hover td
{
    background-color: #FF9966 !important;	/*RGB:255.153.102*/
}

.gridViewExceptionsColour3		/*green*/
{
	background-color: #CCFF99 !important;	/*RGB:204.255.153*/
}
.table-striped tbody tr.gridViewExceptionsColour3 td
{
    background-color: #CCFF99 !important;	/*RGB:204.255.153*/
}
.table-striped tbody tr.gridViewExceptionsColour3:hover td
{
    background-color: #99FF66 !important;	/*RGB:153.255.102*/
}

.gridViewExceptionsColour4		/*blue*/
{
	background-color: #99CCFF !important;	/*RGB:153.204.255*/
}
.table-striped tbody tr.gridViewExceptionsColour4 td
{
    background-color: #99CCFF !important;	/*RGB:153.204.255*/
}
.table-striped tbody tr.gridViewExceptionsColour4:hover td
{
    background-color: #6699FF !important;	/*RGB:102.153.255*/
}

.gridViewExceptionsColour5		/*purple*/
{
	background-color: #9999FF !important;	/*RGB:153.153.255*/
}
.table-striped tbody tr.gridViewExceptionsColour5 td
{
    background-color: #9999FF !important;	/*RGB:153.153.255*/
}
.table-striped tbody tr.gridViewExceptionsColour5:hover td
{
    background-color: #6666FF !important;	/*RGB:102.102.255*/
}

.gridViewExceptionsColour6		/*light purple*/
{
	background-color: #D9B3FF !important;	/*RGB:217.179.255*/
}
.table-striped tbody tr.gridViewExceptionsColour6 td
{
    background-color: #D9B3FF !important;	/*RGB:217.179.255*/
}
.table-striped tbody tr.gridViewExceptionsColour6:hover td
{
    background-color: #BF80FF !important;	/*RGB:191.128.255*/
}

.gridViewExceptionsColour7		/*light blue*/
{
	background-color: #99DDFF !important;	/*RGB:153.221.255*/
}
.table-striped tbody tr.gridViewExceptionsColour7 td
{
    background-color: #99DDFF !important;	/*RGB:153.221.255*/
}
.table-striped tbody tr.gridViewExceptionsColour7:hover td
{
    background-color: #66CCFF !important;	/*RGB:102.204.255*/
}

.gridViewExceptionsColour8		/*light blue*/
{
	background-color: #FF99CC !important;	/*RGB:255.153.204*/
}
.table-striped tbody tr.gridViewExceptionsColour8 td
{
    background-color: #FF99CC !important;	/*RGB:255.153.204*/
}
.table-striped tbody tr.gridViewExceptionsColour8:hover td
{
    background-color: #FF66B3 !important;	/*RGB:255.102.179*/
}

.borderRightDashed
{
    border-right:2px dashed #ddd !important;
}
.borderLeftDashed
{
    border-left:2px dashed #ddd !important;
}
.borderLeftSolid
{
    border-left:3px solid #ddd !important;
}
.borderRightSolid
{
    border-right:3px solid #ddd !important;
}
.borderTopSolid
{
    border-top:3px solid #ddd !important;
}
.borderTopSolidPlans
{
    border-top:2px solid #ddd !important;
}

.budgetSelections
{
    font-style:italic;
}

.budgetTotals
{
    font-weight: bold;
}

/* Ajax Panels */

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #D3DEEF;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #0096D6;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}

.accordionHeaderMain
{
    color: white;
    border: 1px solid #0096D6;
    background-color: #0096D6;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 32px;
    table-layout:fixed;
}

.accordionHeaderRow
{
    background-color: #D1E8FF;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 32px;
    cursor: pointer;
}

.accordionHeaderRowInactive
{
    background-color: #F2F2F3;
    font-family: HPSimplified, Arial;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 32px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.DynamicMenuStyle
{
    z-index: 10;
}

.textboxalign
{
    text-align: right;
}

.textboxalign:focus, textboxalign_focus
{
    text-align: left;
}

.textboxBorder
{
    border:2px solid #ddd;
}

.labelalignmiddle
{
    vertical-align: middle;
}

#progressBackgroundFilter
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    opacity: 0.5;
    z-index: 800;
}
#processMessage
{
    position: fixed;
    top: 40%;
    left: 45%;
    padding: 0.5% 0 1% 0.5%;
    width: 7%;
    z-index: 801;
    background-color: #fff;
    border: solid 1px #000;
    border-radius: 10px;
}

/* In b/w .DynamicMenuStyle z-index and .gridViewFixedHeader z-index */
.ajax__calendar_container
{
    z-index: 5;
}

.chkBoxList
{
    background-color: #ffffff;
    border-width: 2px;
    font-family: HPSimplified, Arial;
    font-size: 10pt;
    overflow: hidden;
    z-index: 1;
    box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

.shipmentLabel
{
    font-size:9px;
}

.popupPanel {
   border-color: #0096D6;
   background-color: White;
}

.popupHeader {
   background-color: #0096D6;
   vertical-align: middle;
   line-height: 20px;
}

.redButton {
	background-color:#fe1a00;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0 #b23e35;
}.redButton:hover {
	background-color:#ce0100;
    text-decoration:none;
	color:#ffffff !important;
}.redButton:active {
	position:relative;
	top:1px;
}

.redButtonPadded {
	background-color:#fe1a00;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border-right:solid;
	border-right-width:thick;
	border-right-color:white;
}.redButtonPadded:hover {
	background-color:#ce0100;
    text-decoration:none;
	color:#ffffff !important;
}.redButtonPadded:active {
	position:relative;
	top:1px;
}

.greenButton {
	background-color:#9dce2c;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0 #689324;
}.greenButton:hover {
	background-color:#8cb82b;
	text-decoration:none;
	color:#ffffff !important;
}.greenButton:active {
	position:relative;
	top:1px;
}

.orangeButton {
	background-color:#ffc477;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0 #cc9f52;
}.orangeButton:hover {
	background-color:#f58905;
	text-decoration:none;
	color:#ffffff !important
}.orangeButton:active {
	position:relative;
	top:1px;
}

 .orangeButtonPadded {
	background-color:#ffc477;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border-right:solid;
	border-right-width:thick;
	border-right-color:white;
}.orangeButtonPadded:hover {
	background-color:#f58905;
	text-decoration:none;
	color:#ffffff !important
}.orangeButtonPadded:active {
	position:relative;
	top:1px;
}

.hpBlueButton {
	background-color:#0096D6;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
}.hpBlueButton:hover {
	background-color:#069;
	text-decoration:none;
	color:#ffffff !important;
}.hpBlueButton:active {
	position:relative;
	top:1px;
}

.hpBlueButtonPadded {
	background-color:#0096D6;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border-right:solid;
	border-right-width:thick;
	border-right-color:white;
}.hpBlueButtonPadded:hover {
	background-color:#069;
	text-decoration:none;
	color:#ffffff !important;
}.hpBlueButtonPadded:active {
	position:relative;
	top:1px;
}

.hpBlueButtonRound {
	background-color:#0096D6;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:12px!important;
	width:12px!important;
	line-height:12px;
	text-decoration:none;
	text-align:center;
}.hpBlueButtonRound:hover {
	background-color:#069;
	text-decoration:none;
	color:#ffffff !important;
}.hpBlueButtonRound:active {
	position:relative;
	top:1px;
}

.hpGreenButton {
	background-color:#9dce2c;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
}.hpGreenButton:hover {
	background-color:#8cb82b;
	text-decoration:none;
	color:#ffffff !important;
}.hpGreenButton:active {
	position:relative;
	top:1px;
}

.hpGreenButtonPadded {
	background-color:#9dce2c;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
	border-right:solid;
	border-right-width:thick;
	border-right-color:white;
}.hpGreenButtonPadded:hover {
	background-color:#8cb82b;
	text-decoration:none;
	color:#ffffff !important;
}.hpGreenButtonPadded:active {
	position:relative;
	top:1px;
}

.hpGrayButton {
	background-color:Gray;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
}

.hpGrayButtonRound {
	background-color:Gray;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:12px!important;
	width:12px!important;
	line-height:12px;
	text-decoration:none;
	text-align:center;
}

.hpRedButton {
	background-color:#d7410b;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-align:center;
}.hpRedButton:hover {
	background-color:#c1401a;
	text-decoration:none;
	color:#ffffff !important;
}.hpRedButton:active {
	position:relative;
	top:1px;
}

.hpRedButtonGeneral {
	color:#d7410b;
}.hpRedButtonGeneral:hover {
    color:#c1401a;
}

.hpRedButtonPage {
	background-color:#d7410b;
	-webkit-border-radius:0px 3px 0px 3px;
	-moz-border-radius:0px 3px 0px 3px;
	border-radius:0px 3px 0px 3px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:26px;
	line-height:26px;
	width:26px;
	text-decoration:none;
	text-align:center;
}.hpRedButtonPage:hover {
	background-color:#c1401a;
	text-decoration:none;
	color:#ffffff !important;
}.hpRedButtonPage:active {
	position:relative;
	top:1px;
}

.hpRedButtonRound {
	background-color:#d7410b;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
    text-indent:0;
	display:inline-block;
	color:#ffffff !important;
	font-family: HPSimplified, Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:12px!important;
	width:12px!important;
	line-height:12px;
	text-decoration:none;
	text-align:center;
}.hpredButtonRound:hover {
	background-color:#c1401a;
	text-decoration:none;
	color:#ffffff !important;
}.hpRedButtonRound:active {
	position:relative;
	top:1px;
}

.orangeButtonSquare {
	-moz-box-shadow:inset 0 1px 0 0 #fce2c1;
	-webkit-box-shadow:inset 0 1px 0 0 #fce2c1;
	box-shadow:inset 0 1px 0 0 #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #f58905) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #f58905 100% );
	background:-ms-linear-gradient(top, #ffc477, #f58905);
	background:linear-gradient(top, #ffc477, #f58905);
	background-color:#ffc477;
    text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:Black;
	font-family: HPSimplified, Arial;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	height:18px;
	line-height:18px;
	width:18px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0 #cc9f52;
}.orangeButtonSquare:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f58905), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #f58905 5%, #ffc477 100% );
	background:-ms-linear-gradient(top, #f58905, #ffc477);
	background:linear-gradient(top, #f58905, #ffc477);
	background-color:#f58905;
	text-decoration:none;
	color:#ffffff !important;
}.orangeButtonSquare:active {
	position:relative;
	top:1px;
}

.blueIconGeneral {
    color: #428bca !important;
}

.greyIconLink {
    color: #5a5a5a;
}
.greyIconlink:hover {
    color: #0096D6;
}

.greyIcon {
    color: #5a5a5a;
}

a.standardIconLink:hover, a.standardIconLink:focus{
    text-decoration:none;
}

.uploadFileLabel:hover{
    color:#0096D6;
    cursor:pointer;
}

.payeeDiv 
{
    width:50%; 
    float:left;
}
.payeeLabelLeft
{
    width:186px;
    display:inline-block;
    margin-bottom:5px;
}
.payeeLabelRight
{
    width:158px;
    display:inline-block;
    margin-bottom:5px;
}
.payeeControlLong
{
    width:312px;
    margin-bottom:5px;
}
.payeeControlMed
{
    width:220px;
    margin-bottom:5px;
}
.payeeRadioButton
{
    float:left;
}
.payeeRadioButton label
{
    margin-right:5px;
}

.infoLabel {
    color:#0096D6;
    font-size:14px;
    font-weight:bold;
}
.errorLabel {
    color:red;
    font-size:14px;
    font-weight:bold;
}
.boldItalicLabel {
    font-size:14px;
    font-weight:bold;
    font-style:italic;
}
.boldLabel {
    font-size:14px;
    font-weight:bold;
}

.textBoxInput
{
    background-color:aliceblue;
}

.textBoxError 
{
    background-color:#ffebef;
    border-color:red;
}

.textBoxChanged
{
    color:red;
}

.textBoxDifferent
{
     background-color:#ffff99;
}

.textBox
{
    background-color:aliceblue;
}

.textBoxAchieved
{
     background-color:aquamarine;
     border:1px solid #ABADB3;
     padding: 2px 1px 3px 1px;
}

.listItemBlue {
	background-color:aliceblue;
	color:#0096D6;
}.listItemBlue:hover 
{
    background-color: #aliceblue;
	color:#0096D6;
	font-weight:bold;
}

[disabled].textBoxDifferent, [readonly].textBoxDifferent {
    background-color:#ffff99;
}
.exceptionQuestionChk label {
    display:inline;
}

.generallabel {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
}

.systemviewlabel {
    color: red;
    font-size: 14px;
    width: 120px;
}

/* Table styles*/
.hp-table-header {
    text-align: center;
    word-wrap: break-word;
}
.hp-table-header-grey {
    text-align: center;
    background-color: #ddd;
    word-wrap: break-word;
}

/* Bootstrap and jquery modal overrides */

.blockUIMessage
{
    font-size: 12px;
    font-family: HPSimplified, Arial;
    vertical-align: middle; 
    padding: 15px;
    border: none;
}

.modalPopup 
{
    background-color:#fff; 
    font-size: 12px;
    font-family: HPSimplified, Arial;
    border: solid 3px #0096D6;
    padding: 10px;
    text-align: center;
    width:250px;
}

.ui-dialog.modalPopup {
    background-color:#fff; 
    font-size: 12px;
    font-family: HPSimplified, Arial;
    border: solid 3px #0096D6;
    padding: 10px;
    text-align: center;
}

.ui-dialog.fileUploadPopup {
    border-width: 2px;
    border: 3px solid #0096D6;
    background-color:#fff;
    height:370px;
}

.modalBackground 
{ 
    background-color: #000; 
    filter:alpha(opacity=60);  /* For IE8 and earlier */
    opacity:0.6; 
}

.btn-primary {
    background-color:#0096D6;
    font-family: HPSimplified, Arial;
}.btn-primary:hover {
	background-color:#069;
}
.btn-default {
    font-family: HPSimplified, Arial;
}

.modal-content {
    border: 3px solid #0096D6;
}

.modal-header {
    border-bottom: 3px solid #0096D6;
}
.modal-footer {
    border-top: 3px solid #0096D6;
}

.modal.modal-wide .modal-dialog {
    width: 1000px;
}

.modal.modal-wide-800 .modal-dialog {
    width: 800px;
}

.modal.modal-wide-1100 .modal-dialog {
    width: 1100px;
}

.modal.modal-wide-1200 .modal-dialog {
    width: 1200px;
}

.modal.modal-wide-1300 .modal-dialog {
    width: 1300px;
}

.modal.modal-wide-1400 .modal-dialog {
    width: 1400px;
}

.modal.modal-wide-1500 .modal-dialog {
    width: 1500px;
}

.modal-dialog-wrap-middle {
    display: table;
    width: 100%;
    height: 100%;
}

.modal-dialog-middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.modal-content-middle {
    display: inline-block;
}

.modal-content-width-500 {
    width: 500px;
}
.modal-content-width-700 {
    width: 700px;
}
.modal-content-width-1000 {
    width: 1000px;
}

.modal-content-grey {
    border: 3px solid #5a5a5a;
}

.modal-header-grey {
    border-bottom: 3px solid #5a5a5a;
}
.modal-footer-grey {
    border-top: 3px solid #5a5a5a
}
.ui-widget-overlay {
   opacity:0.6 !important;
   backgroundColor:	#000;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	color: black;
}

.form-group {
    margin-bottom: 0px;
}

.form-control[readonly].inputDate {
    background-color:white;
    width:100px;
    display:inline;
}
.form-control[disabled].inputDateReadOnly {
    width:100px;
    display:inline;
}
.panel-info {
	border: 3px solid #bce8f1;
}

.form-control.text-area-for-comment {
    height: 150px
}
/* HTML overrides*/
BODY {
    font-family: HPSimplified, Arial;
    font-size: 12px;
    color: #000000;
}

TEXTAREA {
    font-family: HPSimplified, Arial;
    font-size: 12px;
    color: #000000;
}

input[type=text] {
    font-family: HPSimplified, Arial;
}

input[type=checkbox] {
    margin-right: 3px;
}

input[type=radio] {
    margin: 4px 4px 4px 4px;
}

select {
    font-family: HPSimplified, Arial;
}

h1, h2, h3, h4, h5, h6 {
    font-family: HPSimplified, Arial;
}

span {
    font-family: HPSimplified, Arial;
}

td {
    font-family: HPSimplified, Arial;
    word-wrap: break-word;
}

label {
    font-family: HPSimplified, Arial;
    font-weight: normal;
}
label.error {
    color: red;
    font-size: 14px;
    font-weight: bold;
}

fieldset {
    padding: 0 0 0 0;
    margin: 0 2px 0 2px;
    border-color: #c0c0c0;
    border-width: 1px;
    border-style: solid;
}

legend {
    padding-left: 2px;
    padding-right: 2px;
    display: block;
    border: none;
    font-family: HPSimplified, Arial;
    font-weight: bold;
    font-size: 14px;
    width: auto;
}

/* display classes*/
.dgf-display-none {
    display: none;
}

.dgf-display-flex {
    display: flex;
}

.dgf-font-weight-bold {
    font-weight: bold;
}

/* width classes */
.dgf-width-10 {
    width: 10px;
}

.dgf-width-25 {
    width: 25px;
}

.dgf-width-30 {
    width: 30px;
}

.dgf-width-40 {
    width: 40px;
}

.dgf-width-50 {
    width: 50px;
}

.dgf-width-55 {
    width: 55px;
}

.dgf-width-60 {
    width: 60px;
}

.dgf-width-65 {
    width: 65px;
}

.dgf-width-70 {
    width: 70px;
}

.dgf-width-80 {
    width: 80px;
}

.dgf-width-85 {
    width: 85px;
}

.dgf-width-100 {
    width: 100px;
}
.dgf-width-110 {
    width: 110px;
}
.dgf-width-120 {
    width: 120px;
}
.dgf-width-130 {
    width: 130px;
}
.dgf-width-140 {
    width: 140px;
}
.dgf-width-150 {
    width: 150px;
}
.dgf-width-160 {
    width: 160px;
}
.dgf-width-190 {
    width: 160px;
}
.dgf-width-200 {
    width: 200px;
}
.dgf-width-300 {
    width: 300px;
}

.dgf-width-350 {
    width: 350px;
}

.dgf-width-800 {
    width: 800px;
}
.dgf-width-1000 {
    width: 1000px;
}
.dgf-width-1500 {
    width: 1500px;
}

.dgf-width-80-pc {
    width: 80%;
}
.dgf-width-90-pc {
    width: 90%;
}

.dgf-min-width-50 {
    min-width: 50px;
}
.dgf-min-width-70 {
    min-width: 70px;
}
.dgf-min-width-80 {
    min-width: 80px;
}
.dgf-min-width-90 {
    min-width: 90px;
}
.dgf-max-width-100 {
    max-width: 100px;
}

.dgf-max-width-110 {
    max-width: 110px;
}

.dgf-max-width-120 {
    max-width: 120px;
}

.dgf-max-width-200 {
    max-width: 200px;
}

/* height classes */
.dgf-height-300{
    height:300px;
}
.dgf-height-700 {
    height: 700px;
}

/* size classes */
.dgf-size-10 {
    font-size: 10px;
}
.dgf-size-12 {
    font-size: 12px;
}
.dgf-size-14 {
    font-size: 14px;
}
.dgf-size-16 {
    font-size: 16px;
}

/* text align classes*/
.dgf-text-align-center {
    text-align: center;
}

.dgf-text-align-right {
    text-align: right;
}

.dgf-text-align-left {
    text-align: left;
}

.dgf-text-align-left-no-padding {
    text-align: left;
    padding-left: 0px;
}

/* vertical align classes*/
.dgf-vertical-align-middle {
    vertical-align: middle;
}
.dgf-vertical-align-top {
    vertical-align: top;
}

/* colour classes*/
.dgf-color-white {
    color: white;
}

/* background colour classes*/
.dgf-bg-color-success {
    background-color: #dff0d8;
}

/* padding classes */
.dgf-no-padding-left {
    padding-left: 0px;
}

.dgf-no-padding-right {
    padding-right: 0px;
}

.dgf-padding-top-3 {
    padding-top: 3px;
}
.dgf-padding-bottom-3 {
    padding-bottom: 3px;
}

.dgf-padding-top-4 {
    padding-top: 4px;
}

.dgf-padding-bottom-4 {
    padding-bottom: 4px;
}

.dgf-padding-right-2 {
    padding-right: 2px;
}

.dgf-padding-left-2 {
    padding-left: 2px;
}

/* margin classes*/
.dgf-margin-left-15 {
    margin-left: 15px;
}

/* label related classes*/
.dgf-control-label {
    color: #5a5a5a;
    font-size: 14px;
    font-weight: bold;
}

.dgf-error-label-italic {
    color: red;
    font-weight: bold;
    font-style: italic;
}

/* table related classes*/
.dgf-tb-fixed-headers {
    table-layout: fixed;
    width: 100%
}

/* modal related classes */


/* bootstrap multiselect overrides*/
.multiselect-container.dropdown-menu {
    width: 100%;
}

.multiselect-container > li > a {
    width: 100%;
}

.multiselect-container.dropdown-menu > .active > a > label {
    color: #fff;
}

.multiselect-container.dropdown-menu > li > a {
    color: #5a5a5a;
}

.dgf-ws-pointer {
     cursor: pointer;
}

.dgf-ws-table-header th {
    text-align: center;
    background-color: #ddd;
    word-wrap: break-word;
}
.dgf-ws-table-header th.dgf-ws-table-header-left {
        text-align: left;
    }
.dgf-ws-table-detail {
    border-width: 2px;
    border-radius: 4px;
    border-style: solid;
}
.dgf-ws-table-detail tbody tr td {
        border-style: none;
}

.dgf-ws-tbnewactivity {
    width:100%;
    margin-top:10px;
}
.dgf-ws-tbnewactivity tbody tr td {
    border-top-style: solid;
}
.dgf-ws-tbnewactivity .tdStyle {
    border-top-color: #5a5a5a;
    background-color: floralwhite;
    padding-bottom: 10px;
}
.dgf-ws-spanStyle {
    border: 2px solid #ddd !important;
    font-family: HPSimplified, Arial;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background-color: #0096D6 !important;
    text-align: center;
    vertical-align: bottom !important;
}
.dgf-ws-paymentAuditReportHeaderStyle th {
    text-align: center;
    background-color: #ddd;
    color: #5a5a5a;
}