#site_container {
	font-size: x-small;
	padding: 0px;
}

html, body, form {
	height: auto;
	margin: 0px;
	padding: 0;
}

#site_footer {
	width: 100%;
	text-align: center;
	font-size: 24pt;
	color: white;
	background-color: #262626;
}

#site_footer, .push {
	margin: 0px
}

textarea:disabled {
	background: none;
}
/************OrderProcess_Mobile Styles**************/

td.locked, th.locked {
	position: relative;
	left: expression((this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2)+'px');
}

.OrderProcessClockInOut {
	margin-left: 0px;
	width: 100%;
	background-color: #EAEAEA;
	color: #006BD7;
	font-size: 110%;
	font-weight: bold;
	padding: 1px;
}

.OrderProcessTextBox {
	width: 300px;
	font-size: 65%;
}

.OrderProcessColumnTextBox {
	font-size: 80%
}

.OrderProcessDateBox {
	width: 200px;
}

.OrderProcessTextBoxMultiline {
	width: 300px;
	height: 90px;
	font-size: 65%;
}

.OrderProcesspage_error {
	text-align: left;
	color: Red;
	font-weight: bold;
	font-family: Calibri;
}

.OrderProcesspage_errorsmall {
	font-size: xx-small;
	color: Red;
}

.OrderProcessCommandButton {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: 65%;
	color: Blue;
}

.OrderProcessCommandButtonThin {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: 65%;
	color: Blue;
	width: 15%;
	height: 90%;
}

.OrderProcesslinkBtnBlank {
	border-style: none;
	font-size: 65%;
	color: #006bd7;
	cursor: pointer;
	text-decoration: underline;
}

.OrderProcesslinkBtn {
	border-style: none;
	font-size: 90%;
	color: #006bd7;
	cursor: pointer;
	text-decoration: underline;
}

.OrderProcesslinkBtnClear {
	background-color: #F4F8FF;
	border: solid 1px gray;
	font-size: 65%;
	cursor: pointer;
	width: 100%;
	text-decoration: underline;
}

.OrderProcessLabelDetails {
	font-size: 90%;
	font-weight: normal;
}

.QAColumnHeader {
	font-size: 80%;
}

.OrderProcessLabel {
	width: 99%;
	margin: 5px;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
}

.OrderProcessLabelHeader {
	width: 99%;
	margin: 5px;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
	font-size: 90%;
}

.OrderProcessLabelBlue {
	font-size: 65%;
	font-weight: normal;
	color: blue;
}
/************OrderProcess_Mobile Styles**************/

.JobscheduleLabelRed {
	font-size: 80%;
	font-weight: normal;
	color: #ff4500;
}

.JobscheduleLabelRedBold {
	font-size: 80%;
	font-weight: bold;
	color: #ff4500;
}

.OrderProcessLabelBoldBlue {
	font-size: 65%;
	font-weight: bold;
	color: #006BD7;
}

.OrderProcessLabelBold {
	font-size: 65%;
	font-weight: bold;
}

.OrderProcessLabelBack {
	font-size: 65%;
	font-weight: normal;
	background-color: #efefef;
	padding-bottom: 2px;
	text-align: center;
}

.OrderProcessLabelBack {
	font-size: 80%;
	font-weight: bold;
	background-color: #efefef;
	padding-bottom: 2px;
	text-align: center;
}

.OrderProcessDivBoldBlack {
	background-color: #c4c4c4;
	text-align: center;
	font-weight: bold;
	color: Black;
}

.OrderProcessDivLeft {
	background-color: #C4C4C4;
	text-align: left;
	margin: 15px 0px 10px 0px;
	border: solid 1px gray;
	width: 100%;
}

.OrderProcessDiv {
	background-color: #C4C4C4;
	text-align: center;
	margin: 15px 0px 10px 0px;
	border: solid 1px gray;
	width: 100%;
}

.OrderProcessDivBorder {
	padding: 5px;
	text-align: left;
	width: 80%;
	border: solid 1px #C4C4C4;
	background-color: #F4F8FF;
}

.OrderProcessSavePanel {
	background-color: #C4C4C4;
	width: 100%;
	color: Black;
	font-weight: bold;
	padding-bottom: 0px
}

.OrderProcessSavePanelFont {
	color: Black;
	font-size: 65%;
	padding-left: 2px;
}

.OrderProcessBorder {
	Border: Solid LightGray 1px;
	width: 100%
}

.OrderProcessBorderGray {
	Border: Solid Gray 1px;
	width: 100%
}

.OrderProcessTick {
	width: 28px;
}

.orderProcessSpacer {
	padding-top: 30px;
}

/************OrderProcess_Mobile Styles**************/
.DefaultDateTextBox {
	height: 80%;
	width: 15%;
	text-align: center;
}

.DefaultlinkBtn {
	border-style: none;
	font-size: 150%;
	color: #006bd7;
	display: inline;
}

.DefaultToolbarGray {
	margin-left: 5px;
	text-align: left;
	height: 20%;
}

.DefaultClockInOut {
	margin-left: 0px;
	width: 100%;
	background-color: #EAEAEA;
	color: #006BD7;
	font-size: 110%;
	font-weight: bold;
	padding: 1px;
}

body {
	font-family: Calibri;
	margin: 0px;
	background-color: #F3F3F3;
	min-height: 100% !important;
	height: 100%;
}

select {
	font-size: 100%;
}

	select.done {
		background-color: #006BD7;
	}

option.header {
	background-color: #006BD7;
	color: #fff;
}

h1 {
	/*
	font-size: 130%;
	padding-left: 5px;
	background-color: #0000A0;
	color: #fff;
	*/
}

table caption {
	text-align: left;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 4px;
	background-color: #C4C4C4;
	/*border: 1px solid gray;*/
}

table.layout {
	text-align: center;
}

input {
	border: 2px solid #ddd;
	color: #006BD7;
	font-size: 95%;
}

.radiobtn {
	font-family: Calibri;
	font-size: 100%
}

	.radiobtn input {
		margin-right: 5px;
		border: solid 1px graytext;
		height: 40px;
		width: 40px;
	}

.radiobtnOrder {
	font-family: Calibri;
	font-size: 30px
}

	.radiobtnOrder input {
		margin-right: 5px;
		border: solid 1px graytext;
		height: 30px;
		width: 30px;
	}

input.in_data_list {
	border: 1px solid #006BD7;
	color: #0055AA;
	font-size: 95%;
}

input.command {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
}

input.command_disabled {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	color: gray;
}

textarea {
	font-family: Calibri;
	border: 1px solid lightgrey;
	color: #0055AA;
	font-size: 100%;
}

a {
	color: #006BD7;
}

	a.visited {
		color: #006BD7;
	}

h1.site {
	background-color: #fff;
	color: #000;
}

table.scarecrow {
	font-size: 400%;
	padding: 0px;
	width: 100%;
	margin: 0px;
	background-color: #fff;
}

table.scarecrow_footer {
	padding: 0px;
	width: 100%;
	margin: 0px;
	text-align: center;
	border-top: solid 6px #ddd;
}


table.report {
	font-size: 110%;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
}

hr {
	border-top: 1px solid #D1D591;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 80%;
}

#menu_user {
	position: relative;
	background-color: #262626;
	color: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: 100;
	height: 120px;
}

#topcontainer {
}

#page_content {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#system_message {
}

.non_grid_caption {
	text-align: left;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 4px;
	background-color: #C4C4C4;
	border: 1px solid #9f9f9f; /*gray;*/
}

.non_grid_caption_light {
	text-align: left;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 4px;
	background-color: #d3d3d3; /*#dcdcdc;*/
	border: 1px solid #9f9f9f; /*gray;*/
}

.non_grid_caption_thin {
	text-align: left;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 4px;
	background-color: #C4C4C4;
	border: 1px solid #9f9f9f;
	height: auto;
}

.non_grid_caption_thin_right {
	text-align: right;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 4px;
	background-color: #C4C4C4;
	border: 1px solid #9f9f9f;
	height: 18px;
}

.non_grid_header {
	text-align: left;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 4px;
	background-color: #E4E4E4;
	border: 1px solid gray;
}

.data_list {
	width: 100%;
	margin: 5px;
	padding: 2px;
	border: 1px solid lightgrey;
}

.data_list_small {
	width: 99%;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ddd;
	background-color: #F4F4F4;
	font-family: Calibri;
}

.data_list_smaller {
	width: 98%;
	margin: 5px;
	padding: 2px;
	border: 1px solid lightgrey;
}

.data_list_nosize {
	margin: 5px;
	padding: 2px;
	border: 1px solid lightgrey;
}

.data_list_nosize_blueborder {
	margin: 5px;
	padding: 2px;
	border: 1px solid #87cefa;
}

.data_list_left {
	border: 1px solid lightgrey;
	vertical-align: top;
	text-align: left;
}

.data_list_table_smaller_blueborder {
	width: auto;
	margin: 5px;
	padding: 4px;
	border: 1px solid #87cefa;
}

.data_list_table_smaller {
	width: auto;
	margin: 5px;
	padding: 4px;
	border: 1px solid lightgrey;
}

.data_list_table_small {
	width: 98.5%;
	margin: 5px;
	padding: 4px;
	border: 1px solid lightgrey;
}

.data_list_table {
	width: 100%;
	margin: 5px;
	padding: 4px;
	border: 1px solid lightgrey;
}

.data_list_header {
	text-align: left;
	color: #000;
	background-color: #e6e6e6; /*#dcdcdc;*/ /*#d3d3d3;*/
}

.data_list_headerMobile {
	text-align: left;
	color: #000;
	padding-left: 20px;
	background-color: #ddd;
}

	.data_list_headerMobile th {
		padding-left: 10px;
	}

.data_list_header_code {
	text-align: left;
	color: #000;
	width: 65px;
}

.data_list_header_date {
	text-align: center;
	color: #000;
	width: 50px;
}

.data_list_header_product {
	background-color: #EAEAEA;
	padding: 2px;
}

.data_list_header_product1 {
	background-color: white;
	padding: 2px;
}

.data_list_bottom {
	padding-bottom: 3px;
}

.data_list th {
	background-color: #f3f3f3;
}

.data_list a {
	color: #006BD7;
}

.data_list_alt {
	background-color: #F5F5F5;
}

.data_list_alt_dark {
	background-color: #d2e3ff;
}

.data_list_footer {
	background-color: #87cefa;
	font-weight: bold;
}

.data_list_bottomborder {
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px solid #EAEAEA;
}

.data_list_alt_bottomborder {
	background-color: #F4F8FF;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 2px;
}

.data_list_edit {
	background-color: #F5F9DF;
}

.data_list_options {
	padding-top: 3px;
	/*text-align: center;*/
}

.data_list_repeater_bottom {
	border: 1px solid #EAEAEA;
	/*text-align: center;*/
}

.OrderProcessLabelBackBlue {
	background-color: #efefef;
	padding-bottom: 2px;
	text-align: center;
	color: #006bd7;
	font-size: 65%;
	font-weight: bold;
}

.data_list_repeater_bottom_alt {
	border: 1px solid #EAEAEA;
	/*text-align: center;*/
	background-color: #F4F8FF;
}

.data_list_header_container {
	text-align: left;
	font-weight: bold;
	padding: 1px;
	margin: 4px;
	background-color: #ddd;
	border: 1px solid gray;
}

.data_list_header_container_nopad {
	text-align: left;
	font-weight: bold;
	/*padding: 1px;
	margin: 4px;*/
	background-color: #C4C4C4;
	border: 1px solid gray;
}

.data_list_header_container_report {
	text-align: left;
	font-weight: bold;
	padding: 1px;
	margin: 4px;
	background-color: #92c6ff;
	border: 1px solid gray;
}

#data_list_header_container {
	text-align: left;
	font-weight: bold;
	padding: 1px;
	margin: 4px;
	background-color: #C4C4C4;
	border: 1px solid gray;
	color: #4169e1;
	font-size: smaller;
}

.data_list_header_class {
	font-weight: bold;
	padding: 0px;
	margin: 4px;
	background-color: #C4C4C4;
	border: 1px solid gray;
}

.data_list_header_checkbox {
	border: 0px;
	color: #346bd7;
}

#data_list_header_item_left {
	text-align: left;
	float: left;
}

#data_list_header_item_right {
	text-align: right;
	float: right;
}

#data_list_header_item_center {
	text-align: center;
	float: none;
}

#data_list_paramselection {
	margin-left: 5px;
}

#data_list_paramselection_center {
	margin-left: 5px;
	text-align: center;
}

.data_form {
	margin: 5px;
	border: 1px solid #E0E0E0;
	width: 100%;
	text-align: center;
}

.data_form_small {
	margin: 5px;
	border: 1px solid #E0E0E0;
	width: 99%;
	text-align: center;
}

	.data_form_small caption {
		font-size: 65%;
	}

.data_form_detail {
	padding: 5px;
	width: 100%;
}

.data_form_header {
	background-color: #EAEAEA;
	color: #006BD7;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

.data_form_caption_noborder_bottom {
	text-align: right;
	vertical-align: bottom;
	padding-right: 10px;
	/*padding-top: 9px;*/
	font-weight: bold;
}

.data_form_caption_noborder {
	text-align: right;
	/*vertical-align: top;*/
	padding-right: 10px;
	/*padding-top: 9px;*/
	font-weight: bold;
}


.data_form_caption_noborder_top {
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	/*padding-top: 9px;*/
	font-weight: bold;
}

.data_form_table {
	width: 100%;
}

.data_form_table_small {
	width: 99%;
}

.data_form_table_smaller {
	width: 98%;
}

.data_form_table_fixed {
	width: 300px;
}

.data_form_caption_middle {
	width: 30%;
	text-align: right;
	vertical-align: middle;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	/*padding-top: 9px;*/
	font-weight: bold;
}

.data_form_caption {
	width: 300px;
	text-align: right;
	vertical-align: top;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	padding-top: 9px;
	font-weight: bold;
}

/*
.data_form_caption 
{
	text-align: right;
	vertical-align: top;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	padding-top: 9px;
	font-weight: bold;
}
*/

.data_form_caption_centre {
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	padding-top: 9px;
	font-weight: bold;
}

.data_form_question {
	text-align: right;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	padding-top: 5px;
}

.data_form_optionlist {
	position: relative;
	left: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.data_form_data {
	padding-left: 40px;
	padding-bottom: 40px;
	color: #0055AA;
	text-align: left;
	float: left;
}

.data_form_data_middle {
	padding-left: 10px;
	vertical-align: middle;
	/*padding-top: 5px;*/
	color: #0055AA;
	text-align: left;
	float: left;
}

.data_form_data_dropdowns {
	padding-left: 7px;
	padding-top: 5px;
	color: #0055AA;
	text-align: left;
	float: left;
}

.data_form_caption_options {
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 9px;
	font-weight: bold;
}

.data_form_data_options {
	padding-left: 10px;
	padding-top: 5px;
	color: #0055AA;
	text-align: left;
	float: left;
}

.data_form_data_example {
	padding-left: 5px;
	color: #A4A4A4;
}

.data_form_login {
	width: 45%;
	padding-left: 10px;
	padding-top: 5px;
	color: #0055AA;
}

.data_form_commandrow {
	text-align: center;
	margin: 5px;
}

.system_feedback_container {
	float: left;
	/*position: relative;*/
	background-color: #FFFFCE;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px inset gray;
}

.system_feedback_container2 {
	background-color: #ddd;
	padding: 15px 17px 15px 15px;
	border-bottom: 1px inset #ddd;
	font-family: Calibri;
}

	.system_feedback_container2 a {
		font-family: Calibri;
		color: black;
		font-weight: normal;
	}

system_feedback_container2

.system_feedback_standard {
	color: Gray;
}

.system_feedback_good {
	color: Green;
}

.system_feedback_bad {
	color: Red;
	display: block;
}

.system_feedback_disabled {
	display: none;
}

.loginstatus {
	float: right;
	color: #006BD7;
}

.login_text {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: #000099;
}

.loginTextBox {
	width: 350px;
	height: 55px;
	font-size: 80%;
}

.login_header {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 10px;
}

#login_logo {
	background-position: center;
}

thead {
	/*text-align: center;*/
	font-size: 125%;
}

.error_login {
	color: Red;
	margin-bottom: 5px;
	font-size: 75%;
}

#data_record_back {
	text-align: center;
	margin: 5px;
}

.data_record_options {
	margin: 5px;
}

.data_record_single_edit {
	margin: 5px;
}

.invalid_input {
	color: Red;
}

.wizard {
	padding: 5px;
}

.wizard_sidebar {
	margin: 4px;
}

.wizard_navigation {
	padding-right: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}

.dynamic_options_container {
	margin-bottom: 10px;
}

.dynamic_options_row {
	padding-left: 10px;
	text-align: left;
}

.treeview {
	float: left;
}

.treeview_rootnode {
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
}

.treeview_node {
	padding-left: 1px;
	padding-right: 1px;
}

.treeview_selectednode {
	background-color: #F3F3F3;
	border: 1px solid #9999FF;
	padding-left: 1px;
	padding-right: 1px;
}

.page_error_container {
	text-align: left;
	padding: 2px;
	margin: 4px;
	background-color: #F3F3F3;
	border: 1px solid lightgrey;
	color: Red;
}

.page_error {
	font-family: Calibri;
	text-align: left;
	padding: 5px;
	margin: 4px;
	color: Red
}

.page_info {
	/*text-align: left;
	padding: 5px;
	margin: 4px;*/
	color: #96bfff;
	/*font-weight: bolder;*/
}

.page_info_nodata {
	color: #006bd7;
	font-weight: bold;
}

.promotion_product {
	color: Red;
}

.report_no_data {
	color: Red;
}

.small_textbox {
	width: 70px;
}

.smaller_textbox {
	width: 25px;
}

.error_access {
	margin-bottom: 5px;
	font-size: x-large;
	font-weight: bold;
	padding: 0px;
	margin: 4px;
	background-color: Orange;
	border: 1px solid gray;
}

.commandBtn {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: x-small;
	color: Blue;
}

.commandBtnThin {
	/*margin-top: 10px;*/
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: x-small;
	color: Blue;
}

.error_page {
	margin-bottom: 5px;
	font-size: x-large;
	font-weight: bold;
	padding: 0px;
	margin: 4px;
	background-color: Orange;
	border: 1px solid gray;
	left: auto;
}

.label_warning {
	text-align: center;
	font-weight: bold;
	color: Red;
}

.menu {
	color: #fff;
	background-color: #006BD7;
	/*z-index: 99999999999;*/
}

.textleftaligned {
	text-align: left;
}

.tab {
	text-align: center;
	display: inline;
	background-position: inherit;
	background-repeat: no-repeat;
}

.tablink {
	text-align: center;
	position: absolute;
	padding-top: 10px;
	padding-left: 10px;
}

.smallertextbox {
	width: 30px;
}

.smalltextbox {
	width: 40px;
}

.textbox {
	width: 50px;
}

.bigtextbox {
	width: 60px;
}

.bigtextbox_centre {
	width: 300px;
	height: 60px;
	text-align: center;
	font-size: 120%;
}

.bigtextboxmore {
	width: 80px;
}

.biggertextbox {
	width: 100px;
}

.biggertextboxmore {
	width: 120px;
}

.longtextbox {
	width: 200px;
	height: 30px;
}

.commenttextbox {
	width: 110px;
	height: 80px;
	overflow: auto;
}

.commenttextboxsmall {
	width: 117px;
	height: 40px;
}

.commenttextboxlong {
	width: 200px;
	height: 40px;
}

.commenttextboxlongthin {
	width: 98%;
	height: 25px;
	font-size: 10px;
}

.boldlabel {
	font-weight: bold;
}

.data_list_color {
	background-color: lightgray; /*#F4F8FF;*/
	color: black;
}

.data_list_color_light {
	background-color: #ecf5ff;
	color: Blue;
}

.data_list_color_bottomborder {
	background-color: #d9edff;
	color: Blue;
	border-bottom: solid 2px #8ac8ff;
}

.mediumlabel {
	font-size: 70%;
	font-weight: normal;
}

.smalllabel {
	font-size: 10px;
}

.smallerlabel {
	font-size: 8px;
}

.smallestlabel {
	font-size: 7px;
}

.smalllabelblue {
	font-size: 10px;
	color: #52a9ff;
}

.smalllabeldarkblue {
	font-size: 10px;
	color: #006bd7;
}

.objectborder {
	border: solid 1px #C4C4C4;
}

.lnkGotoToday {
	align-items: center;
	border-style: solid;
	border-width: 5px 20px 5px 20px;
	border-color: #ddd;
	padding: 5px 15px 15px 22px;
}

.displayScreenInlineMobileBlock {
	display: block;
}

.colorgreen {
	color: #32cd32;
}

.informationtextsmall_background {
	/*background-color: #fffacd;*/
	color: Gray;
	text-align: center;
	vertical-align: middle;
	font-size: xx-large;
}

.verticalmiddle {
	vertical-align: middle;
}

.linkBtn {
	/*margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;*/
	border-style: none;
	font-size: 11px;
	color: #006bd7;
	background-color: White;
	cursor: pointer;
	text-decoration: underline;
}

.linkBtnTranparent {
	border-style: none;
	font-size: 11px;
	color: #006bd7;
	background-color: Transparent;
	cursor: pointer;
	text-decoration: underline;
}

.linkBtnTransParentSmall {
	border-style: none;
	font-size: 9px;
	color: #006bd7;
	background-color: Transparent;
	cursor: pointer;
	text-decoration: underline;
}

.linkBtnleftalign {
	border-style: none;
	font-size: 17px;
	color: #006bd7;
	background-color: White;
	cursor: pointer;
	text-decoration: underline;
	text-align: left;
}

.data_list_header_page {
	text-align: left;
	font-weight: 600; /*bold;*/
	font-size: 11px;
	color: #000;
	background-color: #e6e6e6; /*#dcdcdc;*/ /*#d3d3d3;*/
	/*border: 1px solid gray;*/
	border-bottom: 3px solid #C4C4C4;
	padding: 1px;
	margin: 4px;
}

.data_list_header_page_Mobile {
	text-align: left;
	font-weight: 600;
	color: #000;
	font-size: 35px;
	background-color: #e6e6e6;
	border-bottom: 3px solid #C4C4C4;
	padding: 1px;
	margin: 4px;
}

.data_list_header_page_text {
	text-align: left;
	font-weight: bold;
	color: #000;
	padding-left: 2px;
}

.data_list_subheader_page {
	text-align: left;
	font-weight: 600;
	font-size: 10px;
	color: #0000cd;
	background-color: #f0f0f0; /*#ebebeb;*/ /*#ffffff;*/ /*#e6e6e6;*/ /*#dcdcdc;*/ /*#d3d3d3;*/
	/*border: 1px solid gray;*/
	border-bottom: 2px solid #C4C4C4 /*#4169e1*/;
	padding: 1px;
	margin: 2px 4px 2px 4px; /*4px;*/
}

.data_list_subheader_page_Mobile {
	text-align: left;
	font-weight: 600;
	color: #0000cd;
	background-color: #f0f0f0;
	border-bottom: 2px solid #C4C4C4;
	padding: 1px;
	margin: 2px 4px 2px 4px;
	font-size: 35px;
}

.data_list_subheader_page_darker {
	text-align: left;
	font-weight: 600;
	font-size: 10px;
	color: #0000cd;
	background-color: #e6e6e6; /*#dfdfdf;*/ /*#f0f0f0;*/ /*#ebebeb;*/ /*#ffffff;*/ /*#e6e6e6;*/ /*#dcdcdc;*/ /*#d3d3d3;*/
	/*border: 1px solid gray;*/
	border-bottom: 2px solid #C4C4C4 /*#4169e1*/;
	padding: 1px;
	margin: 2px 4px 2px 4px; /*4px;*/
}

.dropdownlistborder {
	border-top: solid 2px #808080;
	border-left: solid 2px #808080;
	border-right: solid 1px #d4d0c8;
	border-bottom: solid 1px #d4d0c8;
	background-color: Window;
	height: auto;
	width: auto;
}

.dropdownlisttext {
	vertical-align: top;
	margin: 3px;
	color: #000;
}

.color_grey_bottomborder {
	background-color: #efefef;
}

.color_grey {
	background-color: #efefef;
}

.hidden {
	background-color: #fff; /*#F3F3F3;*/
	color: #fff; /*#F3F3F3;*/
}

.blueborder {
	border: 1px solid #87cefa;
}

.pagereminder {
	color: #33a756;
}

.pagepromotion {
	color: #cc3333;
}


.hideborder {
	border: 1px solid transparent;
}

.invisible {
	display: none;
}

.PageContent {
	width: 100%;
}

.MultiPage {
	width: 100%;
}

.MultiPageCalendar {
	width: 100%;
}

.TopGroup {
	z-index: 99;
	position: relative;
}

.Level2Group {
	background-image: url(images/nrm_bg.gif);
}

.data_form_caption_NoWidth {
	text-align: right;
	vertical-align: top;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	font-weight: bold;
}

.data_form_data_NoPadding {
	padding-left: 10px;
	color: #0055AA;
	text-align: left;
	float: left;
}

/**********Orders Styles**********/
.OrdersTextBox {
	width: 80px;
	font-size: 85%;
}

.OrdersTextBoxSearch {
	width: 150px;
	font-size: 65%;
}

.OrderTagPanel {
	color: white;
	width: 20%;
	min-width: 100px;
	margin: 5px;
}

.OrdersLabel {
	font-size: 85%;
	font-family: Calibri;
}

.OrdersLabelSmaller {
	font-size: 65%;
}

.OrdersCheckBox {
	font-size: 75%;
}

	.OrdersCheckBox input {
		margin-right: 5px;
		border: none;
		height: 25px;
		width: 25px;
	}

.OrdersTableMultiple {
	margin-left: -25px;
}

.OrdersImageButton {
	width: 30px;
	height: 30px;
}

.OrdersViews {
	padding: 4px 4px 4px 4px;
	border: solid 1px lightgray;
	margin: 5px;
}

.OrdersButton {
	border: 1px solid gray;
	font-size: 65%;
}

.OrdersDropdownlisttext {
	color: #000;
	font-size: 65%;
	vertical-align: middle;
}

.OrdersSaveComplete {
	padding: 2px;
	border: 1px solid lightgrey;
}

.OrdersViewsNoPadding {
	border: solid 1px lightgray;
	margin: 5px;
}

.BorderRight {
	border-right: solid 3px white;
}

.OrdersCommandButton {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: 65%;
	color: Blue;
}
/**********Orders Styless**********/

/**********Sub Heading Styles**********/
.SubHeadingLabel {
	font-size: 65%;
}
/**********Sub Heading Styles**********/

/**********Heading Styles**********/
.HeadingLabel {
	Font-size: 65%;
}
/**********Heading Styles**********/

/**********Outlet_Noheading control**********/
.NoHeadingTextBox {
	width: 200px;
}
/**********Outlet_Noheading control**********/

/**********Default Page**********/
.GeolocationTextBox {
	width: 300px;
}
/**********Default Page**********/

/**********Job Schedule**********/
.JobscheduleLabelRed {
	font-size: 65%;
	font-weight: normal;
	color: #ff4500;
}

.JobscheduleLabelRedBold {
	font-size: 65%;
	font-weight: bold;
	color: #ff4500;
}

.JobscheduleLabelBoldBlue {
	font-size: 65%;
	font-weight: bold;
	color: #006bd7;
}

.JobscheduleLabelBlue {
	font-size: 65%;
	color: #006bd7;
}

.jobScheduleTDPaddingLeft {
	width: 50%;
	padding-left: 30px;
}

.JobScheduleLabel {
	font-size: 65%;
}

.JobScheduleLabelBackBold {
	background-color: #efefef;
	padding-bottom: 2px;
	text-align: left;
}

.JobScheduleCommandButton {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: 65%;
	color: Blue;
}
/**********Job Schedule**********/

/**********Date Range**********/
.DateRangeTextBox {
	width: 150px;
	font-size: 65%;
}

.DateRangeLabel {
	font-size: 65%;
}

.data_form_captionDateRange {
	text-align: right;
	vertical-align: top;
	border-right: 1px solid #D1D591;
	padding-right: 10px;
	padding-top: 9px;
	font-weight: bold;
}

.DateRangeImg {
	border-style: none;
	font-size: 11px;
	color: #006bd7;
	cursor: pointer;
	text-decoration: underline;
	background-color: white;
	width: 25px;
	height: 25px;
}
/**********Date Range**********/

/**********Outlet updates**********/
.OutletUpdateLabel {
	font-size: 65%;
}

.OutletUpdateLabelBold {
	font-size: 65%;
	font-weight: bold;
}

.OutletUpdateTextBox {
	width: 300px;
	font-size: 65%;
}

.OutletUpdateTextBoxSmall {
	width: 200px;
	font-size: 65%;
}

.OutletUpdateCommandButton {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid gray;
	font-size: 65%;
	color: Blue;
}

.OutletUpdateLabelBlue {
	font-size: 65%;
	font-weight: normal;
	color: #006bd7;
}
/**********Outlet updates**********/

/********* Mobile menu drop down *********/

/* Dropdown Button */
.dropImage {
	color: white;
	padding: 0px; /*Creates a border*/
	font-size: 16px;
	border: none;
	cursor: pointer;
	height: 50%;
}

	/* Dropdown button on hover & focus */
	.dropImage:hover, .dropbtn:focus {
		background-color: darkblue;
	}

/* The container <div> - needed to position the dropdown content */
.dropImage {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropImage-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

	/* Links inside the dropdown */
	.dropImage-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

		/* Change color of dropdown links on hover */
		.dropImage-content a:hover {
			background-color: #f1f1f1
		}

/* Mobile menu link button*/

.MobilelinkBtn {
	border-style: none;
	font-size: 80%;
	color: #006bd7;
	cursor: pointer;
	text-decoration: underline;
}

ol ol {
	margin: 0 0 0 2em;
}

.rectangle-list a {
	position: relative;
	margin: 0px 5px 0px 0px;
	background: #262626;
	color: black;
	transition: all .3s ease-out;
	width: auto;
	color: white;
	font-family: Calibri;
	font-size: 270%;
}

.rectangle-list li {
	text-decoration: none;
}


/********* Mobile menu drop down *********/

/********* Mobile Images *********/
.dataPanelMobile {
	border-style: Solid;
	border-width: 6px 6px 6px 6px;
	border-color: #ddd;
	background-color: white;
	height: 100%;
}

.emptyPanelMobile {
	border-style: None;
	background-color: white;
}

	.emptyPanelMobile td {
		padding-left: 20px;
	}

.imgPanel {
	border-style: Solid;
	border-width: 6px 6px 6px 6px;
	border-color: #ddd;
	padding: 15px 15px 15px 12px;
	background-color: white;
}

.imgPanelGray {
	border-style: Solid;
	border-width: 6px 6px 6px 6px;
	border-color: #ddd;
	padding: 15px 15px 15px 12px;
	background-color: #F0F0F0;
}

.userPanel {
	border-color: white;
	padding: 1px 1px 1px 1px;
	background-color: #f4f4f4;
}

.MobileImages {
	max-height: 200px;
	max-width: 200px;
}

.MobileLogo {
	height: 200px;
	width: 200px;
}
/********* Mobile Image panels *********/

/********* Mobile panels Labels*********/

.mobileLabel {
	padding-left: 0;
	font-family: Calibri;
	color: black;
	font-size: 120%;
	font-weight: 400;
}

.mobileLabelMessage {
	padding-left: 0;
	font-family: Calibri;
	color: black;
	font-size: 80%;
	font-weight: 400;
}

	.mobileLabelMessage a {
		padding-left: 0;
		font-family: Calibri;
		color: black;
		font-size: 28px;
		font-weight: 600;
	}
/********* Mobile panels Labels*********/

/********* Mobile Styles unsorted *********/

.SearchHeadingLabel {
	font-family: Calibri;
	font-size: 40px;
	font-weight: bold;
	margin: 4px;
	color: black;
}

.Searchtextbox {
	background: white;
	border: 1px solid #DDD;
	border-radius: 5px;
	color: #666;
	outline: none;
	height: 50px;
	width: 330px;
	font-family: Calibri;
	padding-left: 5px;
}

#pnlDateSearch {
	background-color: #F4F4F4;
}

.DefaultlinkBtnDateSearch {
	font-size: 120%;
	font-family: Calibri;
	background: none;
}

.TextboxDateSearch {
	width: 300px;
	text-align: center;
	font-size: 120%;
	font-family: Calibri;
	color: black;
	border: solid 2px #ddd;
}

.DefaultlinkBtnSearch {
	font-size: 120%;
	font-family: Calibri;
	color: #006BD7;
	background: none;
	border: solid 2px #ddd;
	height: 76px;
}

.DefaultlinkBtnSearchbck {
	font-size: 120%;
	font-family: Calibri;
	color: black;
	background-color: none;
}

DefaultlinkBtnSearch input {
	border: none;
}



.SearchHeadingLabelMobile {
	font-family: Calibri;
	font-size: 100%;
	font-weight: normal;
	margin: 4px;
	color: black;
}

.SearchtextboxMobile {
	background: white;
	border: 2px solid #DDD;
	color: #666;
	outline: none;
	height: 70px;
	width: 350px;
	font-family: Calibri;
	padding-left: 5px;
	font-size: 120%;
}

.SearchtextboxMobileOutletUpdates {
	background: white;
	border: 2px solid #DDD;
	color: #666;
	outline: none;
	width: 600px;
	font-family: Calibri;
	padding-left: 5px;
	font-size: 100%;
}

.MenuLabel {
	font-size: 34pt;
	font-family: Calibri;
	font-weight: 500;
	color: white;
}

.data_list_smallMobileOrder {
	font-size: 85%;
	font-family: Calibri;
}

.data_list_smallMobileOP {
	width: 99%;
	margin: 5px;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
}

	.data_list_smallMobileOP tr {
		-webkit-appearance: none;
	}

	.data_list_smallMobileOP table {
		-webkit-appearance: none;
	}

.data_list_smallMobile {
	width: 99%;
	margin: 5px;
	font-family: Calibri;
}

.data_list_smallMobileBorder {
	width: 99%;
	font-family: Calibri;
	border: solid 6px #ddd;
}

.data_list_smallMobileNoBorder {
	width: 99%;
	margin: 5px;
	font-family: Calibri;
}


	.data_list_smallMobileNoBorder a {
		color: black;
		text-decoration: none;
		font-weight: normal;
	}

	.data_list_smallMobileNoBorder tr {
		border-bottom: 6px solid #ddd;
	}

		.data_list_smallMobileNoBorder tr:last-child {
			border-bottom: none;
		}

cmdButtonThin {
	width: 99%;
	margin: 5px;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
}

.data_list_smallMobileText {
	width: 99%;
	margin: 5px;
	border-width: 2px;
	border-style: solid;
	width: 633px;
	font-family: Calibri;
}

.data_list_smallMobile th {
	background-color: #C4C4C4;
}

.data_list_smallMobileBorder th {
	background-color: #C4C4C4;
}

.data_list_smallMobileBorder a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

.data_list_smallMobile a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

.OrderProcessMobile {
	width: 99%;
	margin: 5px;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
}

.OrderProcessMobile1 {
	border: solid 6px #ddd;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
	width: 100%;
}

.OrderProcessMobile2 {
	border: solid 6px #ddd;
	padding: 2px 2px 2px 2px;
	font-family: Calibri;
	width: 100%;
	margin-top: -5px;
}

.OrderProcessMobile tr {
	padding: 6px 2px 6px 2px;
}

.data_list_smallMobile tr {
	border-top: 6px solid #ddd;
	border-bottom: 6px solid #ddd;
	border-right: 2px solid #ddd;
	border-left: 2px solid #ddd;
}

.MobileDropDown {
	-webkit-appearance: none;
	background: url("/images/ddlDown.png");
	background-position: right;
	padding-right: 30px;
	background-repeat: no-repeat;
	border: 2px solid #DDD;
	color: #666;
	outline: none;
	height: 70px;
	width: 350px;
	font-family: Calibri;
	padding-left: 5px;
	font-size: 100%;
}

.MobileMsglnk {
	color: #006BD7;
	font-size: 80%;
	font-family: Calibri;
	background-color: white;
	border: solid 2px #ddd;
}

/********* Mobile Styles unsorted *********/


/********* Mobile Log In *********/

.MobileHeaderLogin {
	font-family: Calibri;
	font-weight: 100;
	width: 100%;
	height: 125px;
	background-color: #262626;
	font-size: 400%;
}

.MobileLoginHeader_text {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	color: #ddd;
}

.Mobilelogin_text {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: #262626;
}

.MobileLogin {
	font-family: Calibri;
	font-weight: 100;
	width: 100%;
	font-size: 400%;
	color: #262626;
	background-color: white;
	vertical-align: middle;
}

.gvPromotion {
	width: 25%;
}
/********* Mobile Log In *********/

/********* Signature *********/

.form-control::-webkit-input-placeholder {
	font-family: Calibri;
	font-size: 30px;
	text-align: left;
}

.form-control:-moz-placeholder {
	font-family: Calibri;
	font-size: 30px;
}

.form-control::-moz-placeholder {
	font-family: Calibri;
	font-size: 30px;
}

.form-control:-ms-input-placeholder {
	font-family: Calibri;
	font-size: 30px;
}


.product_detail_panel {
	margin-left: 14%;
}

#ctl00_cntContent_RadPivotGrid1_OT > colgroup :first-of-type {
	width: 450px !important;
}

.RadGrid_Metro .rgRow.newProduct {
	background: linear-gradient(90deg, white 99%, gold 96%) !important;
}

.RadGrid_Metro .rgAltRow.newProduct {
	background: linear-gradient(90deg, #F8F8F8 99%, gold 96%) !important;
}

.newProduct {
	background: linear-gradient(90deg, #F8F8F8 99%, gold 96%) !important;
}