﻿
/*:::: I just thought this would be cool...  let's see if anyone notices ;) dR! 04.01.2013  :::: */
::selection
{
    color: #ffffff;
    background: #ff5050;
}

.searchlink
{
    color: #008BB9;
    font-size: larger; 
    font-weight: bold;
    cursor: pointer;
}

/*:::: JQueryUI DateTimepicker :::: */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.clearfixT:after
{ 
 content: ".";  
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden; 
}

/*:::: New Grid Pager ::::*/

/*:::: Grid Pager ::::*/
.dxFooter{}
.dxFooter_ContainerOuter{}
.dxFooter_ContainerInner{padding:0px 10px;display:inline-block;position:relative;width:100%;}
.dxFooter_PagerContainer{float:left;}
.dxFooter_ExportContainer{float:right;}
.dxFooter_PagerItemGroup{float:left;margin:0 12px;}
.dxFooter_PagerItem{float:left;margin:0px 3px;}
.dxFooter_PagerItem.mechLabel{margin-top: 5px;}
.mech .dxeTextBoxSys{float:left;}
.mech label{margin-top:4px;}
.dxFooter_ExportItemGroup{float:right;margin-right:15px;}

/*:::: Address Book Formatting BEGIN ::::*/
.toggleAB{cursor: pointer; margin: 0 auto;}
.rolodexWrapper{position: relative;margin: 0 auto;border: 1px solid Gray;}
.rolodexButtonWrapper{position: relative;margin: 5px auto;}
.rolodexButtonContainer{position: relative;display: block;min-height: 30px;margin: 0 auto;}
.rolodexButton{float: left;margin-left: 5px;margin-bottom: 5px;padding: 5px;border: 2px solid Gray;cursor: pointer;}
.rolodexButton.inactive{opacity: .5;cursor: default;}
.rolodexButton.clear{cursor: pointer;}
.rolodexButton.selected{background-color: Yellow;}
/*:::: Address Book Formatting END ::::*/

input::-ms-clear 
{
    display: none;
}

input[type="text"]:not(.dxeEditAreaSys), textarea:not(.dxeEditAreaSys),
input[type="number"]:not(.dxeEditAreaSys), textarea:not(.dxeEditAreaSys),
input#Password {
    background-color: white;
    font-family: inherit;
    border: 1px solid #afafaf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 11px;
    margin: 0em;
    padding: 0 10px;
    height: 22px;
    width: 100%;
}

/*Harmony Grid PageSizeItem overrides*/
.HarmonyPageSizer .dxp-comboBox input[type="text"]
{
    width:35px;
}

.HarmonyPageSizer
{
    float: right;
    margin-right:40px;
    clear:right;
}

input#trackingNumber
{
    width: 70%; 
    float: left;
    margin: 3px 0 7px 0;
}

input[numericValidation][type=number].numeric
{
    text-align: right;
    width: 50px;
}

input#UserName, input#Password
{
    width: 90%; 
    margin-bottom: 3px;
}

input[type="text"]:focus:not(.dxeEditAreaSys), textarea:focus:not(.dxeEditAreaSys) 
{ 
    background: #fafafa;
    border-color: #b3b3b3; 
}

input[type="text"][disabled]:not(.dxeEditAreaSys),
input[type="number"][disabled]:not(.dxeEditAreaSys),
textarea[disabled]:not(.dxeEditAreaSys) {
    background-color: #ddd;
}

#callbackPanel11 input[type="text"]
{
    padding: 0 0 0 10px;
    width: 85%;
}

input#Document_Description 
{
    width: 97%;
}

textarea:not(.dxeEditAreaSys) 
{
    height: auto;
}

table.dxeButtonEditSys, .dxeTextBoxSys
{ 
  background-color: white; 
  font-family: inherit; 
  border: 1px solid #9f9f9f; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  -ms-border-radius: 3px; 
  -o-border-radius: 3px; 
  border-radius: 3px; 
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
  display: table; 
  font-size: 12px; 
  padding: 1px 2px 1px 5px;
  width: 170px;  
}

a.downloadReport
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Images/download.png");
}

a.downloadReport:hover
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Images/downloadHover.png");
}

a.printReport
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Images/print.png");
}

a.printReport:hover
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Images/printHover.png");
}

a.deleteReport
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Images/delete.png");
}

a.deleteReport:hover
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Images/deleteHover.png");
}

a.editReport
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Content/fd/images/icons/edit.png");
}

a.editReport:hover
{
  width: 16px;
  height:16px;
  display:inline-block;
  background-image: url("/Content/fd/images/icons/edit.png");
}

select
{ 
  background-color: white; 
  font-family: inherit; 
  border: 1px solid #9f9f9f; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  -ms-border-radius: 4px; 
  -o-border-radius: 4px; 
  border-radius: 4px; 
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
  display: block;
  font-size: 12px; 
  padding: 2px 3px 2px 5px; 
}

select.ddlDistance
{ 
    margin-bottom: 15px;
}

input[type="text"][readonly="readonly"], select[disabled="disabled"]
{
    background-color: #ddd;
    color: #545454;
}

.dxgvControl_BlackGlass a
{
    color: #CC0000;
}

.dxgvControl_BlackGlass a:hover
{
    color: #FF5050;
}

.browserVerbiage,
.disclaimer
{
    color: #f55;
    font-size: 12px;
    word-spacing: 0;
    margin-top: 11px; 
}

.bodyInteriorOverride 
{
    background-color: #fbfbfb;
}

.bodyInteriorOverride.ordDetail
{
    padding: 0; 
}

.bodyInteriorOverride.ordDetail
{
    background: none;
}

.bodyInteriorOverride.ordDetail div.container.root
{
    margin-bottom: 0;
    background: none;
}

.bodyInteriorOverride.ordDetail div.container.root:after
{
    height: 0;
}

.header.ordDetail
{
    position: relative;
    padding: 20px 30px 0;
    height: 70px;
    border-bottom: 2px solid #bfbfbf;
    margin: 0;
    background: #e80000;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0))), url('/Content/fd/images/bg-a.jpg?1337162308'), #e80000;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('/Content/fd/images/bg-a.jpg?1337162308'), #e80000;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('/Content/fd/images/bg-a.jpg?1337162308'), #e80000;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('/Content/fd/images/bg-a.jpg?1337162308'), #e80000;
    -pie-background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('/Content/fd/images/bg-a.jpg?1337162308'), #e80000;
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('/Content/fd/images/bg-a.jpg?1337162308'), #e80000;
    /*  new css style */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b1403', endColorstr='#f9583c',GradientType=0 ); /* IE6-8 */
}

.ordDetail .shipment .summary .row.options p
{
    text-transform: uppercase;
    font-size: 12px; 
    font-weight: bold;
    color: #c00;
    margin-bottom: 5px;
}

.five.columns.summary 
{
    width: 35%;
    min-width: 320px; 
    padding: 5px 12px 5px 12px;
}

.five.columns.summary h3
{
    font-size: 16px;
    color: #e80000;
}

.five.columns.summary h4
{
    color: #000000;
    font-size: 13px;
}

.five.columns.summary h4.address 
{
    font-size: 11px;
    font-weight: normal;
    word-wrap: break-word;
}
.ordDetail .shipment .summary .row.options p.address 
{
    font-size: 11px;
    font-weight: normal;
    word-wrap: break-word;
    color: #000000;
    margin: 0;
}
.ordDetail .shipment .summary .row.options p.addressName 
{
    font-size: 11px;
    font-weight: bold;
    word-wrap: break-word;
    color: #000000;
}

.five.columns.summary p
{
    font-size: 15px;
    font-weight: normal;
}

.seven.columns.events 
{ 
    width: 55%;
    min-width: 585px; 
    margin: 0 0 0 16px; 
    padding: 13px 17px 23px 17px;
}

.twelve.columns h4
{
    font-size: 16px;
    color: #e80000;
}

.seven.columns h4
{
    font-size: 16px;
    color: #e80000;
}

.NewOrderFlipper ul.pagination li.next a
{
    display: none!important;
}

.ConsolDateLBL 
{
    padding-right: 10px; 
    text-transform: uppercase; 
    font-size: 11px;
    vertical-align: top;
}

#divCreateFrom label 
{
    display: block;
}

.billingV_fld01
{
    float: left;
}

.billingV_fld02
{
    float: left;
    width: 117px;
    margin: 0 26px 0 45px;
}

#FilterOptions label 
{
    line-height: 0;
}

div.insValue td:not(.dxeButtonEditButton_BlackGlass) 
{
    vertical-align: baseline;
}

div.orderTemp 
{
     border-top: 1px solid #ebebeb; 
     padding: 8% 0 8% 0;
}

div.rightSide 
{
     border-left: 1px solid #ebebeb;
     padding-left: 2.2%;
     margin: 0;
}

div.instrTxt h3
{
    margin: 0;
}

.addWaiting 
{
    display: none;
}

.crtShipm_Detail label 
{
    white-space: nowrap;
}

.pdTable td, .pcDetailAlign div, .pcDetailAlign div select, .pcDetailAlign a, .pdTable td
{
    vertical-align: top;
}

.pdeTable td
{
    vertical-align: bottom;
}

.pcDetailAlign div select
{
    padding: 3px 3px 2px 5px;
    margin: 2px 3px 0 0; 
}

.datesRef 
{
    max-width: 900px;
    margin: 0;
}

/* Limited Brands PO */
div .row.lmtdBrnd input.input-text, div .row.lmtdBrnd select, div .row.lmtdBrndDflt table input[type="text"], div .row.escld table input[type="text"], div .row.schlSpclty table input[type="text"]
{
    margin-bottom: 0;
}

div .row.lmtdBrndDflt input[type="text"], div .row.schlSpclty input[type="text"], div .row.schlSpclty textarea, div .row.escld input[type="text"], div .row.lmtdBrndDflt select, div .row.schlSpclty table, div .row.escld table, div .row.lmtdBrndDflt table
{
    margin-bottom: 10px;
}

/* PO Line Items */
    .columns.escldCols:last-child
    {
        float: left;
    }

div.escldTxtInpt input#ord_lines_sku, div.escldTxtInpt input#ord_lines_description, div.escldTxtInpt input#ord_lines_city, div.escldTxtInpt input#country
{
    width: 272px;
}

div.escldTxtInpt input#ord_lines_units
{
    width: 28%;
}

div .row.lmtdBrnd td, div .row.lmtdBrnd td
{
    padding-bottom: 5px;
}

#orderDate_LB td 
{
    padding-bottom: 0;
}

div .row.lmtdBrnd td.sml_clmnWidth input,  div .row.escld #escld_qntty input[type="text"],  div .row.escld #escld_qntty input[type="text"]
{
    display: block;
    width: 25%;
}

div .row.lmtdBrnd td.sml_clmnWidth 
{
    font-size: 11px;
    line-height: 22px;
}

div .row.lmtdBrnd td.lng_clmnWidth input, div #ssContactInfo input 
{
    display: block;
    width: 65%;
}

div .row.lmtdBrndDflt input[type="text"]
{
    display: block;
    width: 82%;
}

td#estPallet input
{
    width: 87%;
}

div#comment_lmtdBrnd
{
    text-transform: uppercase;
    color: #333;
    font-size: 11px;
    padding-top: 5px; 
    width: 54%;
}

div#comment_lmtdBrnd textarea
{
    margin-top: 3px;
}

/* Limited Brands PO */

/*:::: OrderDetail Formatting BEGIN ::::
h5.ODUpperCase { text-transform: uppercase; font-size: 12px; }
:::: OrderDetail Formatting END ::::*/



/* Let's get this party started */
/*
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	z-index: 500;
}
 */
/* Track */
/*
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 10px;
	height: 10px;
	z-index: 500;
}
 */
 
/* Handle */
/*
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: rgba(255,0,0,0.8); 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	width: 10px;
	height: 10px;
	z-index: 500;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
	width: 10px;
	height: 10px;
	z-index: 500;
}
*/

.adminActions {
    width:102px;
}

/* LTL Warning Message */
.ltlWarningMssg.shpmntPrcng
{
    color: #c00;
    margin-bottom: 17px;
    padding-right: 19px;
    font-weight: bold;
}

.ltlWarningMssg.quotePrcng
{
    padding: 3px 12px 3px 12px;
}

td#warningMssg
{
    color: #c00;
    font-size: 18px; 
    font-weight: bold;
    line-height: 23px;
}

td#warningIcon 
{
    vertical-align: top;
    padding-right: 5px;
}
/* LTL Warning Message */

.rotate {
    /* Safari */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* PROCESS REPORTS Error/Validation Message */

#msgError {
    font-weight: bolder;
    color: #c00;
}

.reqFldBorder {
    border: 2px solid #c00!important;
}


.leftTab {
    white-space: nowrap;
    padding: 4px 10px 6px 10px;
    /*background: #444444 url('/DXR.axd?r=0_411-1nYM9') repeat-x left top;*/
    border: 1px solid #4e4f51;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: white;
    left: -27px;
    border-color: red;
    background-color: red;
}

/*BILLING FINANCIALS*/

/*ACCOUNT SUMMARY*/
#acContainer {
    width: 80%;
    height:100%;
    border: 1px solid #4E4F51;
    overflow:hidden; 
    margin-top: 25px;
    max-width: 752px;
}

.firstRow {
    height:100%;
    border-bottom: 1px solid #4E4F51;
    padding: 12px;
}

.secondRow {
    height:100%;
    border-bottom: 1px solid #4E4F51;
    padding: 12px;
}

.thirdRow {
    padding: 12px;
}

.firstRow div {
    width: 33%;
    float: left;
}

.secondRow div {
    width: 20%;
    float: left;
}

.thirdRow div {
    width: 25%;
    float: left;
}

.acValues {
    width: 100%!important;
}

#acctSmmry {
    margin-top: 34px;
}

/*ACCOUNT RECEIVABLES & AGING SUMMARIES*/
#filterHeader label, #paymentHistory label, #acctSummary label {
    float: left;
    padding-right: 10px;
}

#filterHeader .eight.columns.invoiceInstrctns {
    margin-left: 0;
}

#filterHeader .radioB label {
    float: none;
}

#filterHeader {
    display: table;
    padding-bottom: 12px;
}

#invoiceSumm {
    display: table;
    border-top: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    padding-top: 12px;
    padding-bottom: 12px;
}

#noteSummary {
    padding-top: 10px;
    padding-bottom: 10px;
}

#invoiceSumm h1{
    font-size: 13px;
}

.agingSmmry {
    float: left;
    padding-right: 30px;
}

#invoiceSumm a {
    float: left;
    padding-right: 5px;
}
/*BILLING FINANCIALS*/

img.rotateImg
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

form#ABKAddressDetail label 
{
    line-height: 1.25!important;
}

label.label-a
{
    color: #000000;
}
label.label-b
{
    color: #000000;
}

div.row.reference 
{
    margin-bottom: 6px;
}

/*PO ACTION GRID TRACKING HOVER Start*/
div#hoverTrackingDiv
/*div[id*="hoverTrackingDiv_"]*/
{
    display: none;
    position: absolute;
    font-family: Tahoma, Geneva, sans-serif;
    color: #000;
    font-size: 12px;
}

table#hoverTrackingTbl
{
    position: relative;
    background: #eeeeee;
    border: none;
    padding: 7px;
    z-index: 1000;
}

table#hoverTrackingTbl th
{
    color: #333;
    font: 12px Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 5px;
}

table#hoverTrackingTbl td#statusLbls
{
    min-width: 158px;
    font-style: italic;
    text-align: center;
}

table#hoverTrackingTbl td#statusAlert
{
    min-width: 23px;
}

table#hoverTrackingTbl label
{ 
    color: #333;
    font: 11px Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
    margin-right: 10px;
}

table#hoverTrackingTbl input
{
    width: 77px;
    height: 19px;
    margin: 0 1px 1px 4px; 
    padding: 2px 2px 1px 2px;
    overflow: hidden;
    font: 12px Tahoma, Geneva, sans-serif;
    border: 1px solid #9f9f9f;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
/*PO ACTION GRID TRACKING HOVER End*/

/*PO NESTED LINE ITEMS ORDER ENTRY Start*/
div.divSaveDelete_LI
{
    float: none!important; 
    margin-left: 0;
    width: 34%!important; 
}

div.divSaveDelete_LI div#divBtnSaveLineItem, div.divSaveDelete_LI div#divBtnDeleteLineItem
{
    float: left!important; 
    margin: 15px 7px 5px 0;
}
/*PO NESTED LINE ITEMS ORDER ENTRY End*/