/*****************************************************************************/
/*** COPYRIGHT (C) 2018 BY FDM4 International, LTD. - ALL RIGHTS RESERVED ****/
/*****************************************************************************/
/* vp_webclient/vpMain.css - Vendor Portal Main Stylesheet                   */
/*****************************************************************************/

/*****************************************************************************/
/***  Main Styles                                                          ***/
/*****************************************************************************/

html {
   background: #DDDDDD;
}

body {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   margin: 0px;
   background: #DDDDDD;
}

input[type="submit"], button, button.ui-button.ui-widget, a[role="button"].button, span.button {
   cursor: pointer;
   font-family: helvetica;
   font-weight: bold;
   color: #205CAB;
   font-size: 12px;
   display: inline-block;
   padding: 6px 10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 1px 1px 1px #000000;
   border: 1px solid #AFB2B3;
   background: #C5C98D;
   background: linear-gradient(top, #C8C9BD, #FFFFFF);
   background: -ms-linear-gradient(top, #C8C9BD, #FFFFFF);
   background: -webkit-gradient(linear, left top, left bottom, from(#C8C9BD), to(#FFFFFF));
   background: -moz-linear-gradient(top, #C8C9BD, #FFFFFF);
   text-decoration: none;
}

input[type="submit"]:hover, button:hover, button.ui-button.ui-widget:hover, a[role="button"].button:hover, span.button:hover {
   color: #FFFFFF;
   background: #205CAB;
   background: linear-gradient(top, #205CAB, #5F8FCE);
   background: -ms-linear-gradient(top, #205CAB, #5F8FCE);
   background: -webkit-gradient(linear, left top, left bottom, from(#205CAB), to(#5F8FCE));
   background: -moz-linear-gradient(top, #205CAB, #5F8FCE);
}

.hide {
   display: none;
}

#vpTabs {
   background: #DDDDDD;
   border-radius: 0;
   border: none;
   text-align: center;
}

#vpTabs ul.ui-tabs-nav {
   list-style-type: none;
   line-height: 25px;
   margin: 0;
   padding: 4px 0 0 0;
   width: 100%;
   display: inline-block;
   background: #b87523;
   border: none;
   border-radius: 0px;
}

#vpTabs ul.ui-tabs-nav li {
   display: inline;
   float: left;
   margin: 0 2px;
   min-width: 120px;
}

#vpTabs ul.ui-tabs-nav li .ui-tabs-anchor {
   padding: 5px 15px;
}

.tabContent {
   width: 100%;
   text-align: left;
   background: #FFF;
   margin: 18px 0 -22px 0;
   padding: 0;
   top: -22px;
   position: relative;
}

.subtabContent {
   padding: 10px;
}

.mainContent {
   padding: 0;
}

.loading {
   margin: 5px 10px;
   vertical-align: text-bottom;
   height: 20px;
}

.masterHeader {
   width: 100%;
   background: #5C5A5B;
   font-size: 10pt;
   color: #FFF;
   padding: 5px 0;
}

.masterFooter {
   background: #5C5A5B;
   padding: 3px 0;
   position: relative;
   text-align: center;
   color: #FFF;
   font-size: 10pt;
}

#vpVendorMessage {
   text-align: center;
   padding: 5px;
   background: gold;
}

#vpMessage {
   display: block;
   position: fixed; /* LAT010000 */
   min-width: 500px;
   max-width: 800px;
   height: auto;
   z-index: 9999;
   right: 5px;
   top: 139px;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
}

#vpMessage div {
   border: 1px solid;
   padding: 2px 10px;
   opacity: 0.95;
   cursor: pointer;
}

#vpMessage div.error {
   color: #CF0000;
   background: #F0B1B9;
   border-color: #8F0000;
}

#vpMessage div.success {
   color: #007A00;
   background: #CBF2CF;
   border-color: #005200;
}

.navLeft a {
   color: inherit;
   text-decoration: none;
   margin-left: 10px;
   font-size: 11pt;
}

/********v TFA010000 v********/
.navLeft{
   text-align: left;
   width:      32%;
}

.navRight{
   text-align:    right;
   width:         32%;
   padding-right: 10px;
}

.navCenter {
   text-align: center;
   width:      35%;
}

.headerLogo{
   max-height: 40px;
   vertical-align: bottom;
}

.signoutLogo{
   max-height: 25px;
   vertical-align: bottom;
}
/********^ TFA010000 ^********/

.navCenter a {
   color: white;
   text-decoration: none;
}

.navCenter a:hover {
   text-decoration: underline;
}

.fdm4 {
   margin-left: 4px;
   text-shadow: 2px 2px 2px #000;
   color: gold;
   padding-top: 6px;
   line-height: 25px;
}

span.signOut {
   font-size: 11pt;
   font-weight: bold;
}

.transField {
   margin-right: 5px;
}

.transInput {
   margin-right: 50px;
}

.vpHeaderInfo {
   float: left;
   background: #e8edff;
   border-bottom: 1px solid #fff;
   width: 100%;
}

.vpHeader {
   background: #b9c9fe;
   font-size: 13px;
   color: #000;
   text-align: center;
}

.vpHeader button {
   margin: 0 5px;
}

.vpHeader a {
   text-decoration: none;
}

.vpHeaderSeparator {
   font-weight: bold;
   font-style: italic;
   padding: 0 10px;
}

.screenTitle {
   font-size: 20pt;
   font-weight: normal;
   color: #333;
   margin: 0 10px;
}

.screenSubtitle {
   font-size: 14px;
   padding-top: 5px;
   text-align: center;
   font-weight: bold;
   color: #646669;
   text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
   margin: 2px;
}

.screenControls {
   width: 100%;
   border-collapse: collapse;
}

.screenControls td, .screenControls th {
   padding: 2px 10px 5px 10px;
}

.screenControls th {
   font-weight: bold;
   font-size: 14pt;
   width: 50%;
}

.screenControls a {
   text-decoration: none;
   color: #963963;
}

.screenControls .headerSeparator {
   border-right: 2px solid #CCC;
}

.screenPanel {
   width: 100%;
}

.screenDetails {
   display: inline-block;
   padding: 5px 0;
   width: 24%;
   vertical-align: top;
}

.floatLeft, .floatRight {
   display: inline-block;
   height: 32px;
   padding: 0 5px;
}

.floatLeft {
   text-align: left;
}

.floatRight {
   text-align: right;
   float: right;
}

.imgLookup {
   vertical-align: text-bottom;
}

.vpBody {
   padding: 5px;
}

.vpFooter {
   display: inline-block;
   width: 100%;
}

.tableName {
   font-weight: bold;
   font-size: 20px;
}

.tableFields {
   text-align: left;
   margin-right: 30px;
   margin-bottom: 25px;
}

.tableFields table {
   border: 1px solid;
}

.tableFields  td {
   border: 1px solid;
   width: 100px;
   padding-left: 3px;
}

.tableHeader {
   font-weight: bold;
}

.vpLookup {
   border-collapse: collapse;
   font-size: 12px;
   text-align: left;
}

.fileSelect {
   text-align: left;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   font-size: 13px;
   margin-top: 10px;
}

.tooltip {
   display: none;
   font-size: 13px;
   color: black;
   width: 250px;
   background-color: white;
   border-radius: 10px 10px 10px 10px;
   border: 2px solid red;
   padding: 10px;
   box-shadow: 10px 10px 5px #888888;
}

.label {
   font-weight: bold;
}

.vpTable {
   border-collapse: collapse;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   font-size: 12px;
   text-align: left;
   width: 100% !important;
}

.vpTable th, .vpTable tfoot td {
   font-weight: normal;
   background: #e6e6e6;
   color: #555;
   padding: 5px;
}

.vpTable tr:hover {
   background: #b9c9fe;
}

.vpTable tr.pastExpRec {
   background: orange;
}

.vpTable tr.pastExpRec:hover {
   background: gold;
}

.vpTable td {
   border-top: 1px solid #fff;
   padding: 2px 4px;
}

.vpTable a {
   text-decoration: none;
   color: #963963;
}

.vpTableDetails .control {
   height: 25px;
   margin: 0 10px;
   text-align: center;
}

.vpDialog {
   /* min-width: 400px; */              /* 010101 */
   background: #FFF;
   border: 2px solid #333;
}

.ui-dialog {
   position: absolute;
}

.vpDialog .ui-dialog-titlebar-close {                 
   display: none !important;                                        /* BEL020000 */
}

.vpDialog .ui-dialog-titlebar {
   text-align: center;
   background: #b9c9fe;
   font-size: 13px;
   color: #454569;
   border-radius: 5px 5px 0px 0px;
   font-family: sans-serif;
}

.vpDialog .ui-dialog-buttonset {
   text-align: center;                  /* 010101 */
}

.vpDialog div {
   padding: 2px;
}

.vpDialog table {
   width: 100% !important;
}

.vpDialog .vpTableDetails {
   text-align: center;
}

div.ui-datepicker {
   background: white;
   border: 1px solid black;
}

.dataTables_length {
   display: inline-block;
}

.dataTables_filter {
   display: inline-block;
   float: left;
}

.tableHeader, .tableFooter {
   clear: both;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
   display: inline-block;
   margin: 3px;
}

.paginate_disabled_next, .paginate_enabled_next {
   float: right;
}

span.button {
   padding: 1px 6px;
}

.tableFooter {
   background: #b9c9fe;
   padding: 2px 5px;
   margin: 0 0 5px 0;
   font-size: 10pt;
}

.tableFooter div {
   margin: 2px;
}

.ui-widget-overlay {		 /*010102*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-front {						/*010102*/
    z-index: 100;
}

input.noInput {
   background: none;
   border: none;
   padding: 0;
   font: inherit;
   color: inherit;
}

.boxShadow {
   margin: 10px;
   -webkit-box-shadow: -11px 8px 17px -4px #5C5A5B;
   -moz-box-shadow: -11px 8px 17px -4px #5C5A5B;
   box-shadow: -11px 8px 17px -4px #5C5A5B;
}

.underConstruction {
   display: block;
   margin: 0px auto;
   -webkit-box-shadow: -11px 8px 17px -4px #5C5A5B;
   -moz-box-shadow: -11px 8px 17px -4px #5C5A5B;
   box-shadow: -11px 8px 17px -4px #5C5A5B;
}

.validationError {
   border: 2px solid red;
   background: #FFC2C2;
}

/*****************************************************************************/
/***  Login Screen Styles                                                  ***/
/*****************************************************************************/

#loginScreenWrapper {
   border: 1px solid #AAA;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: #eeeeee url(../vp_images/ui-bg_flat_75_eeeeee_40x100.png) 50% 50% repeat-x;
   color: #222;
   margin: 10px;
}

#loginWrapper {
   width: 100%;
   padding: 5px 10px 10px 10px;
}

#divLogin {
   width: 450px;
   text-align: center;
   box-shadow: 5px 5px 10px #000;
   border-style: none;
   margin: 0 auto;
}

/*v TFA010000 v*/
#loginTitle{
   text-align: center;
}

#loginCompanyLogo{
   max-height: 125px;
}
/*^ TFA010000 ^*/

#loginScreenWrapper h3 {
   margin: 10px 20px;
}

#loginScreenWrapper hr {
   color: #4682B4;
   border-color: #4682B4;
   border-width: 2px;
}

#loginHeader {
   padding: 5px;
}

.loginHeading {
   text-align: center;
   font-size: 24px;
   font-weight: bold;
   text-shadow: 1px 1px 1px #000;
   color: #FFF;
   display: inline-block;
   vertical-align: super;
}

#loginHeader img {
   height: 50px;
   width: 50px;
}

#loginBody {
   text-align: left;
   font-size: 11pt;
   padding: 10px;
}

#tblLogin {
   border: 1px ridge silver;
   margin: 0 auto;
   background: white;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   font-size: 16px;
   width: 100%;
   text-align: center;
   vertical-align: top;
}

#tblLogin td {
   padding: 4px;
}

#tblLogin .label {
   font-size: 10pt;
   text-align: right;
   padding-right: 2%;         /* LAT010100 */
}

#tblLogin .input {
   text-align: left;
   padding-right: 5%;         /* LAT010100 */
}

#tblLogin input[type="text"], #tblLogin input[type="password"], #tblLogin textarea {
   width: 100%;
   border: 2px ridge #99BBCC;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   resize: none;
}

#tblLogin .forgot {
   text-decoration: none;
   font-size: 9pt;
}

#tblLogin .button span {
   padding: 0;
   display: inline-block;
   line-height: 1.0;
}

#login {
   font: 11pt bold;
   text-shadow: 1px 1px 1px #000;
   color: #FFF;
}

#divLogin .warningIcon, #divLogin .successIcon {
   display: inline-block;
   height: 20px;
   vertical-align: sub;
}

#divLogin .warningMessage, #divLogin .successMessage {
   display: inline-block;
}

/*****************************************************************************/
/***  Home Screen Styles                                                   ***/
/*****************************************************************************/

.warningMessage {
   font-size: 14px;
   color: red;
   font-weight: bold;
}

.leftPanel {
   display: inline-block;
}

#tableSummary, #tableActionItems, .vendorSelect, .vendorSelect select {
   width: 100%;
}

/*****************************************************************************/
/***  Purchase Orders Screen Styles                                        ***/
/*****************************************************************************/
/******vvv LAT010000 vvv******/
#dlgOptionDialog
{
   font-size:13px;
}
.optionTable
{
   height:80%;
   max-height:500px;
   overflow: auto;
}
.optionTable table .chartwrapper
{
   font-size:20px;
   font-weight:bold;
   text-align:center;
}
.optionTable table .inputlabel
{
   color: #454569;
   text-align: right;
}
.iconXS
{
   height:16px;
   width:16px;
}
.iconSm
{
   height:20px;
   width:20px;
}
#poctnlblbuildui_emailaddr
{
   width: 80%;
}
#zebranotes, #extractnotes
{
   max-width: 480px;
}
#zebranotes ul, #extractnotes ul
{
   margin: 0px;
   padding-left: 20px;
}
/******^^^ LAT010000 ^^^******/

/*****************************************************************************/
/***  ASN Screen Styles                                                    ***/
/*****************************************************************************/

#asnTabs ul.ui-tabs-nav {
   background: #FF9900;
}

#asnTabs ul.ui-tabs-nav li.asnEntry {
   width: 25%;
   padding: 5px 0;
   background: #FF9900;
   text-align: center;
   font: 12pt Calibri italic;
   border: none;
   border-radius: 0px;
   margin: 0;
}

#asnTabs ul.ui-tabs-nav li.asnEntry.selectedTab {
   font-weight: bold;
}

#asnTabs ul.ui-tabs-nav li a.ui-tabs-anchor {
   width: 99%;
   display: inline-block;
   padding: 0;
}

.asnLineLoad {
   border: 1px solid lightgray;
   -webkit-box-shadow: -11px 8px 17px -4px #5C5A5B;
   -moz-box-shadow: -11px 8px 17px -4px #5C5A5B;
   box-shadow: -11px 8px 17px -4px #5C5A5B;
   font-size: 13px;
   padding: 5px;
   margin: 0 0 5px 0;
}

.asnLineLoadErrors {
   display: inline-block;
}

.asnLineLoadErrorsTitle {
   text-align: center;
   font-size: 16pt;
   font-weight: normal;
   color: #333;
}

/*vvvvv B010001 vvvvvv*/
.asnLineFile {
   width: 230px; 
}
/*^^^^^ B010001 ^^^^^^*/
/*****************************************************************************/
/***  DataTables TableTools Styles                                         ***/
/*****************************************************************************/

/*
 * File:        TableTools.css
 * Description: Styles for TableTools 2
 * Author:      Allan Jardine (www.sprymedia.co.uk)
 * Language:    Javascript
 * License:     GPL v2 / 3 point BSD
 * Project:     DataTables
 *
 * Copyright 2009-2012 Allan Jardine, all rights reserved.
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CSS name space:
 *   DTTT                  DataTables TableTools
 *
 * Style sheet provides:
 *   CONTAINER             TableTools container element and styles applying to all components
 *   BUTTON_STYLES         Action specific button styles
 *   SELECTING             Row selection styles
 *   COLLECTIONS           Drop down list (collection) styles
 *   PRINTING              Print display styles
 */


/*
 * CONTAINER
 * TableTools container element and styles applying to all components
 */
div.DTTT_container {
	position: relative;
	float: right;
	margin-bottom: 0.5em;
	display: none; /* LAT010000 */
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 5px 8px;
	border: 1px solid #999;
	cursor: pointer;
	*cursor: hand;
	font-size: 0.88em;
	color: black !important;

	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	    -ms-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;

	-webkit-box-shadow: 1px 1px 3px #ccc;
	   -moz-box-shadow: 1px 1px 3px #ccc;
	    -ms-box-shadow: 1px 1px 3px #ccc;
	     -o-box-shadow: 1px 1px 3px #ccc;
	        box-shadow: 1px 1px 3px #ccc;

	/* Generated by http://www.colorzilla.com/gradient-editor/ */
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}


/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
	height: 30px;
	padding: 3px 8px;
}

.DTTT_button embed {
	outline: none;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
	border: 1px solid #666;
	text-decoration: none !important;

	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;

	background: #f3f3f3; /* Old browsers */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
	color: #999;
	border: 1px solid #d0d0d0;

	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}



/*
 * BUTTON_STYLES
 * Action specific button styles
 * If you want images - comment this back in

a.DTTT_button_csv,
a.DTTT_button_xls,
a.DTTT_button_copy,
a.DTTT_button_pdf,
a.DTTT_button_print {
	padding-right: 0px;
}

a.DTTT_button_csv span,
a.DTTT_button_xls span,
a.DTTT_button_copy span,
a.DTTT_button_pdf span,
a.DTTT_button_print span {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding-right: 30px;
}


a.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }
a.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }

a.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }
a.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }

a.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }
a.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }

a.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }
a.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }

a.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }
a.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }

 */

button.DTTT_button_collection span {
	padding-right: 17px;
	background: url(../images/collection.png) no-repeat center right;
}

button.DTTT_button_collection:hover span {
	padding-right: 17px;
	background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}


/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tr.DTTT_selected.odd {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_1 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_2 {
	background-color: #9FAFD1;
}

table.dataTable tr.DTTT_selected.odd td.sorting_3 {
	background-color: #9FAFD1;
}


table.dataTable tr.DTTT_selected.even {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_1 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_2 {
	background-color: #B0BED9;
}

table.dataTable tr.DTTT_selected.even td.sorting_3 {
	background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
	width: 150px;
	padding: 8px 8px 4px 8px;
	border: 1px solid #ccc;
	border: 1px solid rgba( 0, 0, 0, 0.4 );
	background-color: #f3f3f3;
	background-color: rgba( 255, 255, 255, 0.3 );
	overflow: hidden;
	z-index: 2002;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;

	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	    -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	     -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
}

div.DTTT_collection_background {
	background: transparent url(../images/background.png) repeat top left;
	z-index: 2001;
}

div.DTTT_collection button.DTTT_button,
div.DTTT_collection div.DTTT_button,
div.DTTT_collection a.DTTT_button {
	position: relative;
	left: 0;
	right: 0;

	display: block;
	float: none;
	margin-bottom: 4px;

	-webkit-box-shadow: 1px 1px 3px #999;
	   -moz-box-shadow: 1px 1px 3px #999;
	    -ms-box-shadow: 1px 1px 3px #999;
	     -o-box-shadow: 1px 1px 3px #999;
	        box-shadow: 1px 1px 3px #999;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 150px;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
   z-index: 9999;
	color: #333;
	padding: 10px 30px;

	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */
	background:      -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */
	background:         linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

	opacity: 0.95;

	border: 1px solid black;
	border: 1px solid rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	    -ms-border-radius: 6px;
	     -o-border-radius: 6px;
	        border-radius: 6px;

	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	    -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	     -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em;
}

.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px;
}

/*vvvvvvvvvvvv B010002 vvvvvvvvvvvvvvv*/
#vpLabelHeader {
        font-size: 14px;
        padding-bottom: 10px;
}

#vpLabelSmallText {
        padding-left: 10px;
        padding-right: 10px;
}

#vpLabelBody {
        border-top: 2px solid #CCC;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
}

#vpLabelBody a {
        text-decoration: initial;
}

#vpSelectLabelType {
        width: 500px;
}

#vpLabelBody {
        font-size: 14px;
        padding-top: 10px;
}

.vpLabelSectionHeader {
        font-size: 18px;
        font-weight: bold;
}

#vpLabelMainTable {
        width: 80%;
}

.vpFieldLabelColumn {
        width: 120px;
}

#vpPrintBtnCol {
        text-align: right;
}

#vpPrintModeSelect {
        margin-top: 10px;
        margin-bottom: 10px;
}

#printBtn {
        font-size: 30pt;
        border-radius: 4px;
        background: #03A00B;
        color: #ffffff;
        border: 1px solid #03A00B;
        padding: 4px 15px;
        width: auto;
        cursor: pointer;
        margin: 10px;
        -webkit-box-shadow: -11px 8px 17px -4px #5C5A5B;
        -moz-box-shadow: -11px 8px 17px -4px #5C5A5B;
        box-shadow: -11px 8px 17px -4px #5C5A5B;
}

#printBtn:hover {
        -moz-box-shadow: 0 0 10px #000000; 
        -webkit-box-shadow: 0 0 10px #000000; 
        box-shadow: 0 0 10px #000000;
}

.vpLabelLookupIcon {
        width: 20px;
        height: 20px;
}

#tblvpLookup_paginate{
        text-align: right;
}

#tblvpmulitemprnt_paginate, #tblvppoprnt_paginate{       /* BEL010003 */
        text-align: right;
}

#vpMultiItemSearchDiv, .vpOptionDiv{                     /* BEL010003 */
        border-bottom: 2px solid #CCC;
        padding-bottom: 10px;
}

.vpSearchDiv{                                            /* BEL010003 */
        padding-bottom: 3px;
}

#vpMultiItemTableDiv, .vpTableDiv{                       /* BEL010003 */
        padding-top: 10px;
}

#vpClearAllItem {
        float: right;
        padding-top: 4px;
}
/*^^^^^^^^^^^^ B010002 ^^^^^^^^^^^^^^^*/

/***v 010001 v***/
#vpHome .vendorSelect a{
text-decoration:initial;
}
/***^ 010001 ^***/

/*****************************************************************************/
/***  Old Version Notes                                                    ***/
/*****************************************************************************/
/* BEL020000 05/06/18 AVDR P28642 - Added Print Irrgular Support             */
/* BEL010003 05/03/16 KDLP P24738 Add stylings for new elements              */
/* B010002 10/20/14 DX  P21190 Vendor Portal Label Printing Mod.             */
/* B010001 09/08/14 DX  P20857 Narrow ASN Line Load Box to fit screen.       */
/* B010000 01/30/14 JKR P19130 Created.                                      */
/*****************************************************************************/