*
{
    margin: 0;
    padding: 0;
}

body
{
    font-size: 100%;
    font-family: "HelveticaNeue" , "Helvetica" , "Arial" , sans-serif;
}

.noscript
{
    padding: 30px;
    font-weight: bold;
    font-size: 1.5em;
    display: inline-block;
    background: red;
    border: 1px solid #888;
    margin: 10px;
}

/* Clearfix */
.clearfix:before, .clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 1;
}
/* End Clearfix */

.center
{
    text-align: center;
}

a, a:visited
{
    color: #669;
}

#body-wrap 
{
    margin: 0 auto;
    padding: .9375em;
    color: #333;
    min-width: 1000px;
    max-width: 100%;
}

.gci-page-title,
.vendor-name
{
    font-weight: bold;
    font-size: 1.55em;
    color: #000;
}

.vendor-name
{
   /* display: inline-block;*/
}

#search-notify-wrap
{
    position: absolute;
    left: 600px;
    display: none;
    width: 35%;
    margin: 36px 10px;
}

.eadm-light-container{
    border: 1px solid #888;
	font-family: Verdana, Sans-Serif;
	color: #3e546e;
}

.eadm-light-container-header{
    font-size: 1em;
	padding: 7px;
	background: #eee;
	border-bottom: 1px solid #888;
}

.eadm-light-container-body{
    font-size: .8em;
	padding: 7px;
	background: #fff;
}

.eadm-light-container-body div
{
    padding: 0;
    margin: 0;
}

.eadm-light-container-close
{
    float:right;
    margin-right: 5px;
    font-size: .7em;
    margin-top:2px;
}

.eadm-support-link
{
    color: Blue !important;
}

.notify-min
{
    display: none;
    font-size: .7em;
    text-decoration: underline;
}

.notify-min:hover
{
    cursor: pointer;
}

#result-notify-wrap,
#detail-notify-wrap
{
    margin-top: 10px;
    width: 36%;
    display: none;
}

#account-wrap,
#loading-location,
#loading-commodity,
#loading-farm,
#loading-trans-type
{
    display: none;
}

#loading-commodity
{
    height: 78px;
    line-height: 80px;
    background: #fff;
    border: 1px solid #999;
    padding-left: 5px;
}

#search-wrap
{
    font-size: .7em;
    font-family: Verdana;
    margin: 0 auto;
    min-width: 635px;
}

#gci-search-tabs 
{
    width: 635px;
    text-align: center;
    margin-top: 20px;
}

#gci-search-tab-inner
{
    border: 1px solid #888;
    padding: 10px;
    display:inline-block;
    min-width: 635px;
    background: #fff;
}

#gci-search-tabs ul 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#gci-search-tabs ul li 
{
    display: inline-block;
    width: 18%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #888;
    margin-bottom: -2px;
    margin-left: -3px;
    margin-right: -3px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    /*background: #EBE9DE;*/
}

#gci-search-tabs ul li.active-tab 
{
    background-color: #fff; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
    background-image: -webkit-linear-gradient(top, #ccc, #fff); 
    background-image:    -moz-linear-gradient(top, #ccc, #fff);
    background-image:     -ms-linear-gradient(top, #ccc, #fff);
    background-image:      -o-linear-gradient(top, #ccc, #fff);
    border-bottom: 2px solid #fff;
    position: relative;
}

#gci-search-tabs ul li a 
{
    color: #333;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

#gci-search-tabs ul li:hover 
{
    border-top:1px solid #777;
    background-color: #fff; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
    background-image: -webkit-linear-gradient(top, #ccc, #fff); 
    background-image:    -moz-linear-gradient(top, #ccc, #fff);
    background-image:     -ms-linear-gradient(top, #ccc, #fff);
    background-image:      -o-linear-gradient(top, #ccc, #fff);
}

#gci-search-tabs ul li.active-tab:hover 
{
    background-color: #fff; 
}

.search-section 
{
    margin-top: 5px;
    border-bottom: 1px solid #888;
    padding-bottom: 10px;
}

.search-section-table
{
    width: 100%;
}

.search-section-table tr td
{
    padding-top: 5px;
}

.search-left 
{
    width: 29%;
    text-align: right;
    font-weight: bold;
}

.search-right 
{
    width: 100%;
}


.btn-green 
{
    background: #00945A;
    color: #fff;
    padding: 0px 7px;
}

.btn-search, .btn-reset 
{
    width: 49%;
}

.invalid-textbox 
{
    background: rgb(253, 77, 77);
}

/* change this to a single class */
#ddlAccount,
#lbLocation,
#lbCommodity,
#ddlCommodity,
#ddlFarm,
#ctl00_cphCustomerContent_txtMyReport,
#ctl00_cphCustomerContent_btnSaveMyReport,
#ctl00_cphCustomerContent_ddlMyReports,
#ctl00_cphCustomerContent_txtSettleNum,
#ddlTransType,
#ctl00_cphCustomerContent_ddlReport
{
    width: 100%;
}

#lbCommodity
{
    height: 80px;
}

#ctl00_cphCustomerContent_ddlMyReports
{
    margin-top: 5px;
}

#ctl00_cphCustomerContent_txtTicketNum
{
    width: 99%;
}

#ctl00_cphCustomerContent_ddlMyReport,
#ctl00_cphCustomerContent_btnViewMyReport
{
    width: 49%;
}

#ctl00_cphCustomerContent_lbLocation,
#ctl00_cphCustomerContent_lbCommodity
{
    height: 80px;
    padding: 2px;
}

#ctl00_cphCustomerContent_txtDate1From,
#ctl00_cphCustomerContent_txtDate1Through,
#ctl00_cphCustomerContent_txtDate2From,
#ctl00_cphCustomerContent_txtDate2Through
{
    width: 43%;
}

#result-wrap
{
    clear: both;
}

.vendor-div
{
    position: relative;
    top: -8px;
}

.comd-wrap
{
    margin: 10px 0;
    min-width: 1100px;
}

.commodity-header
{
    padding: 10px 10px 0 10px;
    border: 1px solid #999;
    background: #eee;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.summary
{
    font-weight: bold;
    font-size: .8em;
    color: #000;
    float: left;
}

.cdp-results
{
    border-spacing: 0;
    border: 1px solid #555;
    text-align: center;
    color: #000;
    font-size: .7em;
    width: 100%;
    border-bottom: 0;
    border-right: 0;
    border-collapse: collapse;
}

.js .cdp-results-payment
{
    display: none;
}

.cdp-results a
{
    color: #2E5CE6;
}

.cdp-results tr:hover
{
    /*transition: all .5s;
    -webkit-transition: all .5s;*/ /* Safari */
}

.cdp-results td
{
    max-width: 200px;
}

.cdp-results td:not(last-child)
{
    /*
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    */
    border: 1px solid #000;
}

.cdp-results th:not(last-child)
{
    padding: 3px 5px;
    /*
    border-right: 1px solid #000;
    */
    border: 1px solid #000;
}

.result-header
{
    background: rgb(31,73,125);
    color: #fff;
}

.result-header th
{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 3px 5px;
}

.eadm-gci-row-1,
.grade-factor-1
{
    background: #ececec;
}

.eadm-gci-row-2
{
    background: #fff;
}

.eadm-gci-row:hover + tr .grade-factor-1,
.eadm-gci-row:hover + tr .grade-factor-2
{
    background: #ff6;
}

.grades-table:hover tr .grade-factor
{
    background: #ff6;
}

.eadm-gci-row-1:hover,
.eadm-gci-row-2:hover,
.split-row:hover
{
    background: #ff6 !important;
}

.eadm-gci-row-1 td,
.eadm-gci-row-2 td
{
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 3px 5px;
}

.back-to-result-button
{
    margin-top: 5px;
}

.dark-blue-text-bold
{
    color: #669;
    font-weight: bold;
}

.excel-iframe
{
    display: none;
}

.sortable:hover
{
    text-decoration: underline;
    cursor: pointer;
}

#search-notify-body ul
{
    margin-left: 20px;
    margin-top: 7px;
}

.back-to-top
{
    color: Blue !important;
    font-size: .8em;
}

.sort-wrap-top,
.sort-wrap-bottom
{
    font-size: .75em;
    font-weight: bold;
    float: right;
    color: #000;
    max-width: 630px;
    overflow: hidden;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
}

.tip-wrap
{
    font-size: .8em;
    color: #000;
    margin-top: 8px;
}

.summary-open-top,
.summary-on-hold-top,
.summary-open-bottom,
.summary-on-hold-bottom
{
    background: #fff;
    display: inline-block;
}

.summary-open-top,
.summary-on-hold-top,
.sort-wrap-top
{
    background: #fff;
    padding: 10px;
    border: 1px solid #888;
    border-bottom: 0;
}

.summary-open-bottom,
.summary-on-hold-bottom,
.sort-wrap-bottom
{
    padding: 10px;
    border: 1px solid #888;
    border-top: 0;
}

.summary-on-hold
{
    margin-left: 70px;
}

.back-to-top-wrap
{
    clear: both;
    display: none;
}

.commodity-title
{
    font-size: 2em;
    /*color: #2E7B94;*/
    color: #577DCE;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.commodity-minimize
{
    font-family: "Consolas", "Courier New", Monospace;
    text-decoration: none;
    margin-right: 10px;
}

.pseudo-link-button
{
    color: #333 !important;
    text-decoration: none;
    cursor: default;
}

/****************************************************************
Contract Details Start
Classes and IDs will be prefixed with "cd" for "contract details"
****************************************************************/

#cd-control-wrap
{
}

#cd-table
{
    margin: 5px auto 0 auto;
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    color: #000;
    font-size: .8em;
}

#cd-table td
{
    padding: 5px;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}

.cd-heading
{
    text-align: center;
    background: #ddd;
    padding: 5px 0;
    border-left: 0;
    font-weight: bold;
    font-size: 1.2em;
}

.cd-sub-heading
{
    background: #ddd;
    font-weight: bold;
    text-align: right;
}

#contract-detail-title
{
    margin-top: 5px;
    font-weight: bold;
    font-size: 1.5em;
    color: #000;
}

/****************************************************************
Contract Details End
****************************************************************/


/****************************************************************
Debug Start
****************************************************************/
#debug-wrap
{
    width: 35%;
    margin-bottom: 20px;
    padding: 5px;
    padding-bottom: 10px;
}

#debug-wrap legend
{
    margin-left: 20px;
}

/*************************************************************
Payments
*************************************************************/

.settlement-header-wrap
{
    border: 1px solid #999;
    background: #eee;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    padding-left: 5px;
}

.settlement-table
{
    font-size: .9em;
    color: #000;
}

.settlement-table tr th
{
    font-weight: normal;
    border-bottom: 1px solid #aaa;
    text-align: left;
    padding-right: 15px;
}

.settlement-table tr th.first
{
    border-bottom: 0;
}

.settlement-table tr td
{
    padding-right: 10px;
}

.settlement-total
{
    font-weight: bold;
}

.settlement-title
{
    font-size: 1.5em;
    color: #577DCE;
    font-weight: bold;
}

.a-settlement
{
    font-weight: normal;
    font-size: .9em;
}

.blue-link,
.blue-link:visited
{
    color: Blue;
}

.settlement-summary-wrap
{
    margin-top: 15px;
}

.settlement-summary-table
{
    font-size: .9em;
    color: #000;
    border-top: 1px solid #000;
}

.settlement-summary-table tr th,
.settlement-summary-table tr td
{
    text-align: left;
    padding-right: 15px;
}

.text-align-right
{
    text-align: right !important;
}

#settlement-summary-title
{
    color: #000;
    font-size: 1.5em;
}

.td-payment-sort
{
     padding-left: 10px;
}

/*************************************************************
  Payments End
*************************************************************/

/*************************************************************
  Deliveries
*************************************************************/
.grades-wrap
{
    padding-left: 80px;
    text-align: left;
    font-size: 1.1em;
}

.grades-row
{
    display: none;
}

.grades-table
{
    width: 100%;
    border-collapse:collapse;
}

.grades-table td
{
    text-align: center;
}


.grade-label
{
    font-weight: bold;
    background: rgb(31,73,125);
    color: #fff;
    padding: 0 !important;
}

.grade-highlight
{
    background: #ff6 !important;
}

.grade-label,
.grade-factor
{
    border: 0 !important;
    border-right: 1px solid #000 !important;
}

.grade-label:last-child,
.grade-factor:last-child
{
    border: 0 !important;
}

.grade-factor-1,
.grade-factor-2
{
    padding: 0 !important;
}

.grade-expand
{
    padding: 0 0 2px 2px;
}

.grade-expand:hover
{
    cursor: pointer;
}

.grade-expand img
{
    position: relative;
    top: 3px;
}

.grades-row:last-child
{
    border-bottom: 1px solid #000;
}



.farm-split-wrap
{
    /*margin-top: 20px;*/
    color: #000;
    border: 1px solid #888;
    border-top: 0;
    padding: 15px;
}


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

.delivery-total-header{
    border-bottom: 1px solid #000;
	min-width: 150px;
}

.delivery-total
{
    font-size: 1.5em;
    vertical-align: bottom;
    padding-right: 10px;
}

.delivery-summary-title
{
    width: 200px; 
    border-bottom: 1px solid #000; 
    font-weight: bold;
    vertical-align: bottom;
    text-align: right;
}

.delivery-summary-title-XL
{
    min-width: 175px; 
    text-align: left; 
    font-size: 20px; 
    border-bottom: 1px solid #000;
}

.split-row td
{
    text-align: right;
}

.tbl-farm-split
{
    width: 100%; 
    margin-top: 20px; 
    display: none; 
    font-size: .9em;
}

/*
#nofarms,
#trans-type-error-text
{
    display: none;
}
*/

#ddlFarm,
#ddlTransType
{
    display: none;
}

.lbl-farm-name
{
    font-size: .5em;
    font-weight: normal;
    display: block;
}

/*************************************************************
  Deliveries End
*************************************************************/

/* MyReports */

.btn-my-report
{
    width: 90%;
}

#report-save-wrap
{
    margin: 10px;
    font-weight: bold;
    color: #25922E;
    display: none;
}

#loading-wrap
{
    min-width: 635px;
}

#saved-report-loading-wrap
{
    color: #000;
    margin-left: 5px;
    display: none;
    min-width: 635px;
}

/* End MyReports */

/*****************************************
    Modal
*****************************************/

#overlay {
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:1000;
}
 
#modal {
	position:absolute;
	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:8px;
	z-index:1001;
	min-width: 320px;
	max-width: 700px;
}
 
#content {
	border-radius:8px;
	background:#fff;
	padding: 20px;
}
 
#close {
	color: #fff;
	font-size: .9em;
	margin-left: 1.5em;
}

.container{
    border: 1px solid #222;
	font-family: Verdana, Sans-Serif;
	color: #3e546e;
	font-size: .9em;
}

.container-header {
    font-size: 1.05em;
	padding: 10px;
	background: #eee;
	background: rgb(86, 112, 192);
	color: #fff;
	border-bottom: 1px solid #888;
	border-bottom: 1px solid rgb(19, 35, 87);
	position: relative;
	height: 20px;
}

.container-body{
    font-size: .9em;
	padding: 10px;
	background: #fff;
	max-width: 100%;
}

.container-body ul 
{
    margin-left: 1em;
}

/*****************************************
    End Modal
*****************************************/

/* Ticket Detail Screen */

#tkt-wrap{
    border: 1px solid #888;
	padding: 10px;
	color: #000;
}

.tkt-detail-table {
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	font-size: .85em;
	width: 100%;
}

.tkt-detail-table td {
    border-style: solid;
	border-width: 1px;
	border-color: #555;
	border-right: 0;
	border-bottom: 0;
	padding: 3px;
}

.tkt-grade-table {
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    font-size: .85em;
	width: 100%;
}

.tkt-grade-table td {
    padding: 3px;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}


.grade-row td {
    min-width: 20px;
}

.tkt-section-lbl {
    font-weight: bold;
	font-size: 1.2em;
}

.tkt-tkt-title 
{
    font-weight: normal; 
    font-size: 1.5em; 
    margin-top: 10px;
}

.title-cell {
    background: #ddd;
	font-weight: bold;
	text-align: right;
}

.tkt-detail-table tr td:first-child, .grade-label-row {
    background: #ddd;
	font-weight: bold;
	text-align: right;
	width: 25%;
}

/* End Ticket Detail Screen */

/* View Settlement */

#settlement-error-header
{
    background: #669;
    border-bottom: 2px solid #0E0E4D;
}

#settlement-error-body
{
    padding: 10px;
}

/* End View Settlement */

.img-btn:hover
{
    cursor: pointer;
    width: 52px;
}

.left-15
{
    margin-left: 15px;
}

.sort-info
{
    font-weight: normal;
}

/********************************
  Common
********************************/

.eADM-label-wrap {
    border: 1px solid #000;
	display: inline-block;
	border-collapse: collapse;
}

.eADM-label-wrap a,
.eADM-label-wrap a:visited {
    color: blue;
}

.eADM-label-wrap tr td {
	padding: 1em;
}

.eADM-label-name {
    background: rgb(86, 112, 192);
	color: #fff;

}

.eADM-label-value {
    border-left: 1px solid #000;
}

.location-required
{
    font-size: 20em;
}

.red
{
    color: Red;
}

.red-alert
{
    font-size: .7em;
    color: Red;
}

img 
{
   /* max-width: 100%; */
}

.action-button-wrap
{
    float: right; 
}

.image-table
{
    text-align: center;
}

.image-table td
{
    width: 60px;
    font-size: .7em;
    vertical-align: top;
}

.image-row td
{
    height: 52px;
}

.info:hover
{
    cursor: pointer;
}

.info-date
{
    width: 20px;
    position:relative;
    top:5px;
}

.margin-top
{
    margin-top: 10px;
}

.blue-button
{
    /* top: #0081CC */
    /* bottom: #0045CC */
    background: #0062CC;
    background: linear-gradient(0deg, #0045CC, #0081CC 90%) no-repeat;
    border: 1px solid #0045CC;
    border-top: 1px solid #0069A8;
    border-radius: .2em;
    padding: .5em;
    color: #fff;
    cursor: pointer;
}

.blue-button:hover
{
    background: #1971D1;
    background: linear-gradient(0deg, #1957D1, #198DD1 90%) no-repeat;
    border: 1px solid #1957D1;
    border-top: 1px solid #1978B0;
}

.cancel-button
{
    float:right;
}

.general-support
{
    color: #000;
    font-size: .9em;
    margin-top: 1em;
}

#img-support
{
    display: none;
}

.bold { font-weight: bold; }

.italic { font-style: italic; }

/********************************
  End Common
********************************/

/*****************************************
  Contracts - On Hold Tickets
*****************************************/

#on-hold-wrap
{
    font-family: Segoe UI, Verdana, sans-serif;
    font-size: 1.1em;
    color:#000;
}

.on-hold-table
{
    width: 550px;
    border-collapse:collapse;
}

.on-hold-inner tr:hover td 
{
    background: #ff6 !important;
}

.on-hold-header
{
    text-align:center;
    border:1px solid #000;
    background: rgb(86, 112, 192);
    color: #fff;
}

#on-hold-detail-wrap
{
    max-height: 500px;
    overflow-y:scroll;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 8px;
}

.on-hold-detail-cell
{
    text-align:center;
    border-right:1px solid #000;
}

/*****************************************
  End Contracts - On Hold Tickets
*****************************************/

/*****************************************
  Applied Not Paid
*****************************************/

.comd-title 
{
    font-size: 1.5em; 
    color: #577DCE; 
    font-weight: bold; 
    padding-right: 1em;
}

.comd-summary-title
{
    border-bottom: 1px solid #888; 
}

.comd-summary-title,
.comd-summary-value 
{
    font-size: .9em;
}

.comd-summary-value
{
    font-weight: bold;
}

.comd-minimize 
{
    cursor: pointer;
    font-family: Consolas, Monospace;
}

#appl-summary {
    font-size: .9em;
    color: #000;
}

#appl-summary a,
#appl-summary a:visited
{
    color: Blue;
}

#appl-summary-title {
    font-size: 1.5em;
}

#appl-summary-table {
    border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: right;
}

#appl-summary-table thead {
    font-weight: bold;
}

#appl-summary-table thead td {
    padding-left: 1em;
}

/*****************************************
  End - Applied Not Paid
*****************************************/

/*****************************************
  Breadcrubs
*****************************************/
.breadcrumbs 
{
    color: #000;
    margin-bottom: .5em;
}

.breadcrumbs span
{
    font-family: Consolas, Monospace;
}

.breadcrumbs a,
.breadcrumbs a:visited
{
    color: Blue;
}
/*****************************************
  End - Breadcrubs
*****************************************/

/*****************************************
  Release Notes
*****************************************/

#release-note-wrap
{
    margin: .5em 0 0 0;
    border: 1px solid #888;
    display: inline-block;
    padding: 1em;
    background: #f0f0f0;
    border-radius: .5em;
}

.release-note-title
{
    font-weight: bold;
    color: #af3813;
}

/*****************************************
  End - Release Notes
*****************************************/