/* -moz-border-radius: 6px;border-radius: 6px;-webkit-border-radius: 6px; */

html,body {
	background-color: #4257A5;
	background-image:url('../images/background_agilantblue.jpg');
	background-attachment: fixed;
	background-size: cover;
/*	background-position: -300px 0px;*/
	font-family: Verdana;
	font-size: 10px;
	margin: 3px;
	height: 100%;
	border: none;
}


td, th {
	font-size: 10px;
}

h2 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}

#preload {
	background-color: #4257A5;
	background-image:url('../images/background_agilantblue.jpg');
	background-attachment: fixed;
	background-size: cover;
/*	background-position: -300px 0px;*/
	z-index: 1000;
	height:100%;
}

.tan {
	background-color: #DAE8EE;
}

.maroon {
	/*background-color: #0f5878;*/
/*	background-color: #007398;*/
	background-color: #007398;
}

.forceAnchorStyle a {
	color: #00558c;
}

.colorMaroon {
/*	color: #0f5878;*/
/*	color: #007398;*/
	color: #007398;
}

a {
	color: #00558c;
	text-decoration: none;
	border-bottom:1px solid #00558c;
}

a:hover {
	color: #78be20;
	text-decoration: none;
	border-bottom:1px solid #78be20;
}

form {
	display: inline;
}

input[readonly] {
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	color: #AAAAAA;
}

.font10 {
	font-size: 10px;
}

.transparent50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/**
 * PADDINGS
 */
.padding5 {
	padding: 5px;
}

/**
 * HEADINGS
 */
.heading {
	font-weight: bold;
	padding-bottom: 10px;
}

.headingShadow {}

.tabsShadow {
	overflow: auto;
}

.tabsShadow li a {
	border-bottom:none;
}

/*
 * FORM DATA
 */

.formField {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

.formData {
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}

/**
* FORM VIEW
*/
.formView {
	border-bottom: 1px solid #777777;
	margin-bottom: 10px;
}

.formView .header {
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #777777;
	border-top: 1px solid #777777;
	border-right: 1px solid #777777;
}

.formView .field {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #777777;
	background-color: #eeeeee;
	width: 10%;
	white-space: nowrap;
	font-weight: bold;
}

.formView .data {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #777777;
	background-color: #ffffff;
	width: 40%;
	white-space: nowrap;
}

.formView .label {
	padding: 5px;
	text-align: center;
	border-left: 1px solid #777777;
	background-color: #DAE8EE;
}

.formView .data a {
	color: #00558c;
}

.formView .data a:hover {
	color: #78be20;
}

/**
* FORM VIEW GRID TABLE
*/

.formViewGridTable {
	border-bottom: 1px solid #777777;
	margin-bottom: 10px;
}

.formViewGridTable .header {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	border-left: 1px solid #777777;
	border-top: 1px solid #777777;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.formViewGridTable th {
	background-color: #dddddd;
	padding: 3px;
	border-left: 1px solid #777777;
	border-top: 1px solid #777777;
}

.formViewGridTable td {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #777777;
	background-color:#ffffff;
}

.formViewGridTable .label {
	padding: 5px;
	text-align: center;
	border-left: 1px solid #777777;
	background-color: #CCE3EB;
}
.formViewGridTable td a:link, .formViewGridTable td a:active, .formViewGridTable td a:visited {
	color: #00558c;
}


.formViewGridTable td a:hover {
	color: #78be20;
}

.formViewGridTableRightMost {
	border-right: 1px solid #777777;
}

/**
 * HOME PAGE
 */
.pageBox {
	border: 1px solid #000000;
	padding: 2px;
	background-color: #FFFFFF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.agingReportTable td.current a {
	color:#009900;
	text-decoration: none;
}
.agingReportTable td.aging30 a {
	color:#999900;
	text-decoration: none;
}
.agingReportTable td.aging60 a {
	color:#BB5500;
	text-decoration: none;
}
.agingReportTable td.aging90 a {
	color:#990000;
	text-decoration: none;
}
.agingReportTable td.agingBalance a {
	color:#000000;
	text-decoration: none;
}
.agingReportTable td.agingReportTd a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.agingReportTable td.total a {
	color:#FFFFFF;
	text-decoration: none;
}

.quickboxTitle {
	text-align: center;
	font-weight: bold;
	padding:3px;
	padding-bottom:0px;
}

.quickboxTitle a {
	border-bottom:none;
	color: #2c5081;
}

.quickboxTitle a:hover {
	color: #FF0000;
}

/**
 * BUTTON BAR
 */
.buttonBar {
/*	border: 1px solid #0f5878;*/
	border: 1px solid #00558c;
	background-color: #F4EBBD;
	padding: 2px;
}



/**
* PAGE PARENT OPTIONS
*/
.pageParentOptions {
	border: 1px solid #000080;
}

.pageParentOptions th {
	padding: 5px;
	background-color: #C0C0FF;
	border-right: 1px solid #8080FF;
}

.pageParentOptions td {
	padding: 3px;
	background-color: #F0F0F0;
}

/**
* SIDE BAR
*/
.sideBar {
	border: 1px solid #000000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.sideBar th {
	/* background-color: #0f5878;*/
/*	background-color: #007398;*/
	padding: 3px;
	padding-left:5px;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.sideBar td {
	background-color: #FFFFFF;
	padding: 1px;
}

/**
* NOTIFICATIONS
*/
.notifications {
	background-color: #F4EBBD;
	padding: 3px;
	border-bottom: 1px solid #000000;
}

.notifications td {
	background-color: #F4EBBD;
}

.notifications .recordType {
/*	color: #0f5878;*/
	color: #00558c;
	font-size: 10px;
	padding-left: 3px;
}

.notifications .notificationDateTime {
	font-size: 10px;
	text-align: right;
/*	color: #0f5878;*/
	color: #00558c;
}

.notifications .recordTitle {
	font-weight: bold;
}

.notifications .notificationMessage {
	font-size: 10px;
}


/**
* NOTES
*/

.notesRow0 td {
	background-color: #FFFFFF;
}

.notesRow1 td {
	background-color: #EEEEEE;
}

.notesRowBlue0 td {
	background-color: #DFE9F6;
}

.notesRowBlue1 td {
	background-color: #F3F7FC;
}

.notes .noteText {
	width: 100%;
}

.notes .noteInfo {
	text-align: right;
	padding-right: 2px;
	color: #AAAAAA;
	font-size: 9px;
}

.notes .noteInfo .portalNote {
	color:#7EA7D8;
}

/**
* PERSPECTIVE
*/

.perspective .field {
	font-style: italic;
}

.perspective .data {
	color: #0000FF;
	font-weight: bold;
}

.perspective_header {
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
}

.perspective_header_blue {
	background-color: #ffd8c5;
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
}

.perspective_header_red {
	background-color: #FBC7C9;
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
}

.perspective_header_green {
	background-color: #C0E9D4;
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
}

.perspective_header_orange {
	background-color: #ffcc99;
	font-weight: bold;
	padding: 3px;
	font-size: 10px;
}

.perspective {
	padding: 3px;
	font-size: 10px;
	vertical-align: top;
}

.perspective_blue {
	background-color: #FFECE2;
	padding: 3px;
	font-size: 10px;
	vertical-align: top;
}

.perspective_red {
	background-color: #FDDDDF;
	padding: 3px;
	font-size: 10px;
	vertical-align: top;
}

.perspective_green {
	background-color: #D9F2E5;
	padding: 3px;
	font-size: 10px;
	vertical-align: top;
}

.perspective_orange {
	background-color: #ffcc99;
	padding: 3px;
	font-size: 10px;
	vertical-align: top;
}

.perspective_invoices_header_green {
	background-color: #C0E9D4;
	font-weight: bold;
	padding: 2px;
	border-bottom: 1px solid #999999;
	font-size: 10px;
}

.perspective_invoices_green {
	background-color: #D9F2E5;
	padding: 2px;
	font-size: 10px;
}

/**
* MISC
*/
.salesOrdersTotalsRow {
	background-color: #dddddd !important;
}

.salesOrdersTotalsRowDarker {
	background-color: #cccccc !important;
}

.dataInfo {
	color: #EC7600;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
}
.dataHelp {
	color: #EC7600;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
}

.colorRevenue {
	color: #A0410D;
}
.colorCost {
	color: #9E0B0F;
}
.colorProfit {
	color: #007236;
}

.colorRevenueLight {
	color: #D0A086;
}
.colorCostLight {
	color: #CF8587;
}


/**
* WIDGET STYLES
*/
.widgetTable {
	border-collapse: collapse;
	border: 1px solid #666666;
}

.widgetTable th {
	background-color: #F4EBBD;
	padding: 3px;
}

.widgetTable td {
	padding: 3px;
	border: 1px solid #666666;
}

.widgetTable tr:nth-child(even) {
	background-color: #F9F9F9;
}
.widgetTable tr:nth-child(odd) {
	background-color: #E3E3E3;
}


.widgetTable td.row0 {
	background-color: #F9F9F9;
}

.widgetTable td.row1 {
	background-color: #E3E3E3;
}

/**
* CUSTOM NAVIGATION
*/
.navTop {
	margin-right: 3px;
}

.navTopImg {
	vertical-align:text-bottom;
	padding-top:6px;
}

.navTopTitle {
	color: #FFFFFF;
	font-family:Verdana;
	padding-left:3px;
	padding-bottom:2px;
	vertical-align:middle;
}

.navSubImg {
	vertical-align:text-bottom;
	padding-top:3px;
}

.navSubTitle {
	font-size:13px;
	vertical-align:middle;
	font-weight: bold;
	letter-spacing: 0px;
	padding-top:1px;
	padding-bottom:5px;
}



/**
* forecastReports
*/
.forecastReportsHeading {
	font-size:20px;
	font-weight:bold;
	color:#e46c45;
	padding-bottom:7px;
}

.forecastReportsSubHeading {
	font-size:16px;
	font-weight:bold;
	padding-left:15px;
}

.forecastReports {
	border:1px solid #000000;
}

.forecastReports th {
	background-color: #7EA7D8;
	padding:4px;
	font-size:12px;
}

.forecastReports td {
	padding:4px;
	border-top: 1px solid #999999;
}

.forecastReports .subTotal {
	background-color: #b8cce4;
	font-weight: bold;
}

.forecastReports .total {
	background-color: #95b3d7;
	font-weight: bold;
	font-size:11px;
}

/**
* CATALOG
*/
.catalogSearchButton {
	cursor:pointer;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888888), to(#000000));
	background: -webkit-linear-gradient(top, #888888, #000000);
	background: -moz-linear-gradient(top, #888888, #000000);
	background: -ms-linear-gradient(top, #888888, #000000);
	background: -o-linear-gradient(top, #888888, #000000);
	color:#FFFFFF;
	font-weight:bold;
	padding:4px 7px 7px 7px;
	border:0px;
	font-size:12px !important;
	background-color:#444444;
	height:34px;
	width:150px;
}

.catalogSearchButtonHover {
	cursor:pointer;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAAAAA), to(#111111));
	background: -webkit-linear-gradient(top, #AAAAAA, #111111);
	background: -moz-linear-gradient(top, #AAAAAA, #111111);
	background: -ms-linear-gradient(top, #AAAAAA, #111111);
	background: -o-linear-gradient(top, #AAAAAA, #111111);
	color:#FFFFFF;
	font-weight:bold;
	padding:4px 7px 7px 7px;
	border:0px;
	font-size:12px !important;
	height:34px;
	width:150px;
}

.catalogResetButton {
	cursor:pointer;
	padding:0px 3px 0px 0px;
	height:34px;
}

.catalogBackButton {
	cursor:pointer;
	background: #99c3e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #99c3e9 0%, #3386d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99c3e9), color-stop(100%,#3386d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #99c3e9 0%,#3386d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #99c3e9 0%,#3386d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #99c3e9 0%,#3386d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #99c3e9 0%,#3386d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c3e9', endColorstr='#3386d2',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight:bold;
	padding:6px 7px 7px 7px;
	border:0px;
	font-size:12px !important;
	height:34px;
	width:100px;
}

.catalogBackButtonHover {
	cursor:pointer;
	background: #b3d2ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #b3d2ee 0%, #408dd5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3d2ee), color-stop(100%,#408dd5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b3d2ee 0%,#408dd5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b3d2ee 0%,#408dd5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b3d2ee 0%,#408dd5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b3d2ee 0%,#408dd5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d2ee', endColorstr='#408dd5',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	font-weight:bold;
	padding:6px 7px 7px 7px;
	border:0px;
	font-size:12px !important;
	height:34px;
	width:100px;
}

.franchisePortalSectionHeading {
	font-weight:bold;
	font-size:16px;
	font-variant: small-caps;
	padding-top:10px;
}


.catalogDiscontinuedBox {
	border: 4px solid #a50000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.catalogDiscontinuedBox td {
	font-weight: bold;
	font-size:18px;
	color:#a50000;
	padding:1px 3px;
}

.catalogDiscontinuedBoxSmall {
	border: 3px solid #a50000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.catalogDiscontinuedBoxSmall td {
	font-weight: bold;
	font-size:12px;
	color:#a50000;
	padding:1px 3px;
}


.colorSalesOrder {
	color: #00A651 !important;
}

.colorQuote {
	color: #662D91 !important;
}

.colorWithdrawingStockDarkBg {
	background-color: #CFBFDD !important;
}

.colorWithdrawingStockBg {
	background-color: #EDE7F2 !important;
}

.colorInvoicingDarkBg {
	background-color: #9BD5B1 !important;
}

.colorInvoicingBg {
	background-color: #E6F5EC !important;
}

.colorSourcingDarkBg {
	background-color: #BFD3EC !important;
}

.colorSourcingBg {
	background-color: #ECF2FA !important;
}

.colorDistributionDarkBg {
	background-color: #FDC68A !important;
}

.colorDistributionBg {
	background-color: #FFEEDC !important;
}

.colorDistributionMedBg {
	background-color: #FEDDB9 !important;
}

.colorServiceFg {
	color: #662D91;
}

.colorServiceBg {
	background-color: #E9E3F0 !important;
}

.colorServiceDarkBg {
	background-color: #B9A5CF !important;
}

.colorPurchasingBg {
	background-color: #FDE0D8 !important;
}

.colorPurchasingBgDarker {
	background-color: #F9AC95 !important;
}

.colorReceivingBg {
	background-color: #FFFDE1 !important;
}

.colorReceivingBgDarker {
	background-color: #FFF8A5 !important;
}

.colorPickingBg {
	background-color: #E4F2E2 !important;
}

.colorPickingBgDarker {
	background-color: #A2D39C !important;
}

.colorShippingBg {
	background-color: #E3ECF7 !important;
}

.colorShippingBgDarker {
	background-color: #9FBDE2 !important;
}

li.ui-state-default:not(.ui-state-active):not(.ui-state-hover) a {
	color: #4e61ab !important;
}