.body {
    padding-top: 0px;
}

.a {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}
/**************************************************************************
*
*	General Tag style rules
*
***************************************************************************/
.table {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    position: static;
    border-collapse: collapse;
}

table.wide-table {
    width: 80%;
}

.tr, td {
    /*	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px; */
    margin: 0px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

img {
    /*border-right: 0px;
    padding-right: 0px;
    border-top: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    margin: 0px;
    border-left: 0px;
    padding-top: 10px;
    border-bottom: 0px;
    position: static;*/
}

/**************************************************************************
*
*	General Page style classes
*
***************************************************************************/
.pageTitle {
    font-family: Arial, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 0px;
}

.pageBody {
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}

.pageErrorMessage {
    color: Red;
    font-family: Arial,Sans-Serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

.labels {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-align: left;
    font-size: 10pt;
    color: black;
    display: inline-block;
}

.userMaintLabels {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-align: left;
    font-size: 10pt;
    color: black;
    width: 130px;
    display: inline-block;
}

.labelText {
    font-family: Arial, Sans-Serif;
    text-align: left;
    font-size: 10pt;
    padding-right: 5px;
    color: black;
}

.header {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-align: center;
    font-size: 10pt;
}

.panelHeading {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-align: center;
    font-size: 14pt;
}

.errorMessage {
    color: Red;
    font-weight: bold;
    font-size: 9pt;
    font-style: normal;
}

.tableitems {
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    line-height: 20px;
}

.alttableitems {
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    background-color: #FFFBEF;
    line-height: 20px;
}

.FixedWidth {
    font-family: Arial Monospaced, Courier;
    font-size: 9pt;
}

.noPrint {
}

.noDisplay {
    Display: none;
}

.referencePrint {
    Display: none;
}

.printonly {
    Display: none;
}

.hideBillingProduct {
    Display: none;
}

.hideBillingPrice {
}

/**************************************************************************
*
*	Styles used in Site.Master for top menu, side menu, and main areas
*   of the page.
*	NOTE:	The styles for the AJAX-y "Working" popup are in Site.Master
*			due to using non-standard Style attributes.
*
***************************************************************************/
/* Use masterTopMenu to define the position and background color of the
   "sitemap" menu area. */

.masterTopMenu {
    height: 20px;
    position: relative;
    top: 1px;
    left: 5px;
    background-color: #8A1831;
}

/* Use masterTopMenuLinks to define the appearance of the "sitemap" text
   links. */
.masterTopMenuLinks {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    font-weight: bold;
    color: White;
    text-decoration: none;
    background-color: #8A1831;
    position: relative;
    left: 10px;
}

/* If the site uses only a logo and single banner image at the top, 
   you can use masterCompanyBanner to define the banner graphic and area.
   We used this on the first two PA2 installations that were skinned from
   DTN "cookie-cutter" websites. (Almena and St. Peter) */
.masterCompanyBanner {
    font-family: Verdana, Arial;
    font-size: 13.5pt;
    background-image: url(images/banner.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 94px;
    width: 650px;
}

/* Use masterMenuColumn to define the position, size, background color and
   top/bottom padding of the overall column. */
.masterMenuColumn {
    position: absolute;
    left: 0px;
    top: 125px;
    width: 200px;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.masterMainPageArea {
    position: absolute;
    left: 220px;
    top: 150px;
}

/**************************************************************************
*
*	Styles used for the left side menu links
*
***************************************************************************/
/* Use menuLinks to change the appearance of the link text, as well as
   additional padding, if necessary. */
.menuLinks {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: Black;
    text-decoration: underline;
    background-color: #FFFFFF;
}

/* Use menuLinksColumn to define the padding above and below each text element and
   the padding between the elements and the left/right edges.  The column's text
   alignment can also be done here. */
.menuLinksColumn {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Use menuGreeting to define the appearance of the Welcome text. */
.menuGreeting {
    font-family: Arial, Sans-Serif;
    font-size: 11pt;
    font-weight: bold;
    color: Black;
    text-decoration: none;
    padding-left: 10px;
}

/**************************************************************************
*
*	account lookup styles
*	Used in:
*			AccountDropDown.ascx
*
***************************************************************************/
.accountLookupHeader {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    color: White;
    font-size: 9pt;
    text-align: center;
    background-color: #8A1831;
}

.linkhead {
    color: White;
    text-decoration: none;
}

.accountTableItems {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.accountAltTableItems {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    background-color: #FFFBEF;
}


/**************************************************************************
*
*	Message related styles
*
***************************************************************************/
.messageTitle {
    /*font-family: Arial, Sans-Serif;*/
    font-size: 16px;
    font-style: italic;
    color: Red;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 15px;
}

.messageBody {
    /*font-family: Arial Monospaced, Courier;*/
    font-size: 10pt;
    /*
    font-family: Arial, Sans-Serif;		
	font-size: 12pt;
*/
}

.messageUrgency1 {
}

.messageUrgency2 {
}

.messageUrgency3 {
}

.messageUrgency4 {
}

.messageUrgency5 {
}

.messageUrgency6 {
}

.messageUrgency7 {
}

.messageUrgency8 {
}

.messageUrgency9 {
}

.messageUrgency10 {
}

/**************************************************************************
*
*	Downloads/Files related styles
*
***************************************************************************/
.fileList {
    /*font-family: Arial, Sans-Serif;*/
    font-size: 10pt;
}

/**************************************************************************
*
*	account info styles
*   used in:
*			acctinfo.ascx
*
***************************************************************************/
.accountSumPanel {
    display: inline;
    width: 175px;
    position: relative;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    vertical-align: top;
    line-height: 25px;
}

.dateFilterPanel {
    display: inline;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    margin: 20 0 20 0;
    vertical-align: top;
    line-height: 25px;
}

.statementPanel {
    display: inline;
    position: relative;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    line-height: 25px;
    width: 175px;
}

.agingListPanel {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.transListPanel {
    /* position: relative;
	display: inline; */
    font-family: Arial, Sans-Serif;
    line-height: 25px;
    font-size: 9pt;
}

.aiTableItems {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    line-height: 15px;
}

.aiAltTableItems {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    background-color: #FFFBEF;
    line-height: 15px;
}

/**************************************************************************
*
*	address change and application styles
*	used in:
*			addresschange.ascx
*			application.ascx
*
***************************************************************************/
.addressChangeLabel {
    /*width: 150px;
    height: 33px;
    text-align: right;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    padding-right: 5px;*/
    font-size: 9pt;
    color: black;
    font-family: Arial, Sans-Serif;
    text-align: right;
    font-weight: bold;
}

.applicationLabel {
    width: 170px;
    height: 33px;
    text-align: right;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    padding-right: 5px;
}

.requiredStar {
    color: Red;
    font-weight: normal;
    display: inline;
    padding-right: 3px;
}

.explanation {
    color: #666600;
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
}


/**************************************************************************
*
*	caticks styles
*	used in:
*			cacust.ascx
*
***************************************************************************/
.reducedText {
    font-size: 11px;
}

.caticksHeader {
    color: White;
    background-color: #8A1831;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    text-align: initial;
    text-transform: uppercase;
    vertical-align: bottom;
    padding-right: 5px;
}

.caticksResults {
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    position: static;
    float: left;
}

.caticksTableItems {
    font-family: Arial, Sans-Serif;
    font-size: inherit;
    padding-right: 5px;
}

.caticksAltTableItems {
    font-family: Arial, Sans-Serif;
    font-size: inherit;
    background-color: #FFFBEF;
    padding-right: 5px;
}

.caticksTableDate {
    font-family: Arial, Sans-Serif;
    font-size: inherit;
    text-align: center;
}

.caticksCustomerPortionHeader1TD {
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    border-bottom-width: thin;
    border-bottom-color: #000000;
    border-bottom-style: solid;
    text-align: center;
    font-size: 11px;
}

.caticksCustomerPortionHeader2TD {
    font-family: Arial, Sans-Serif;
    background-color: #dcdcdc;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding-right: 10px;
    vertical-align: bottom;
}

.caticksCustomerPortionTD {
    background-color: #dcdcdc;
    text-align: right;
    padding-right: 5px;
}

.caticksCustomerPortionTotalsTD {
    background-color: #cccccc;
    text-align: right;
    font-weight: bolder;
    text-transform: uppercase;
    padding-right: 5px;
}

.caticksTotalsTD {
    background-color: #EFEFDE;
    text-align: right;
    font-weight: bolder;
    text-transform: uppercase;
    padding-right: 5px;
}

.caticksCustomerHeader {
    font-weight: bold;
    text-transform: uppercase;
    font-size: inherit;
}

.caticksDollarsTD {
    text-align: right;
}

.caticksDollarsHeaderTD {
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
}

.caticksDollarsRecapTD {
    text-align: right;
    background-color: #EFEFDE;
}

.caticksReferenceScreen {
    font-size: inherit;
}

.caticksReferencePrint {
    font-size: inherit;
    display: none;
}

.caticksLegend {
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    position: static;
    float: left;
}

.caticksNoResults {
    color: Red;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

/**************************************************************************
*
*	grain inspection cert styles
*	used in:
*			gicerts.ascx
*
***************************************************************************/
.giListCounter {
    text-align: center;
    width: 444px;
    padding: 10px;
    z-index: 998;
    -ms-filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    background-color: #99cc99;
}

.giListHeader {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    text-align: left;
    background-color: #99cc99;
}

.giListReinspectHeader {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ff0000;
}

.giListItems {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    text-align: justify;
    padding-left: 3px;
    padding-right: 3px;
}

.giListItemsCenter {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}

.giFactorSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.gifactorCondSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    padding: 0 3 0 3;
}

.giStowageSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.giStowageRemarksSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.giWeightSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.giBillingSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
    padding: 0 5 0 5;
}

.giRemarksSection {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.giFixedWidth {
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

.giFilterLabel {
    color: Black;
    font-weight: bold;
    font-size: 11pt;
    text-align: center;
    font-family: Arial, Sans-Serif;
}

.giFilterLabelBox {
    text-align: center;
    width: 444px;
    padding: 10px;
    -moz-opacity: 1.00;
    z-index: 998;
}

/**************************************************************************
*
*	grading factors styles
*	used in:
*			caticksResults.ascx
*
***************************************************************************/
.factors {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    background-color: #EFEFDE;
    text-align: left;
}

.factorLegend {
    background-color: #EFEFDE;
    font-size: 11px;
}

.factorLegendHeader {
    background-color: #EFEFDE;
    font-weight: bold;
    text-transform: uppercase;
}


.factorsText {
    background-color: #EFEFDE;
    text-align: left;
    padding-right: 4px;
}

.factorsNumber {
    background-color: #EFEFDE;
    text-align: right;
    padding-right: 4px;
}

/**************************************************************************
*
*	Prepaids/Bookings styles
*	used in:
*			prepaids.ascx
*
***************************************************************************/
.prepaidsHeader {
    color: White;
    background-color: #8A1831;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
    vertical-align: bottom;
    padding-right: 5px;
}

.prepaidsResults {
    color: black;
    font-weight: bold;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
    vertical-align: bottom;
    padding-right: 5px;
}



/*     ***************************  */


.HeaderBackColorHTML {
    color: White;
    background-color: #3476C2;
}



.customerPortionTD {
    background-color: #dcdcdc;
    text-align: right;
    padding-right: 10px;
}

.customerPortionTotalsTD {
    background-color: #cccccc;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
}

.TotalsTD {
    background-color: #EFEFDE;
    text-align: right;
    font-weight: bolder;
    text-transform: uppercase;
    padding-right: 10px;
}

.DollarsTD {
    text-align: right;
}

.DollarsHeaderTD {
    text-align: right;
    font-weight: bold;
    text-transform: uppercase;
}

.DollarsRecapTD {
    text-align: right;
    background-color: #EFEFDE;
}

.bottomlinks {
    font-size: 10pt;
    color: black;
    font-family: Arial, Sans-Serif;
    padding-top: 20px;
}

.inputboxLabel {
    font-size: 9pt;
    color: black;
    font-family: Arial, Sans-Serif;
    text-align: right;
    font-weight: bold;
    padding-right: 6px;
}

.inputboxText {
    font-size: 9pt;
    color: black;
    font-family: Arial, Sans-Serif;
    text-align: left;
}

.checkboxLabel {
    font-size: 9pt;
    color: black;
    font-family: Arial, Sans-Serif;
}

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.popup_Container {
    background-color: #D4FFFF;
    border: 2px solid #000000;
    padding: 0px 0px 0px 0px;
}

.popupConfirmation {
    width: 300px;
    height: 200px;
}

.popup_Titlebar {
    background: url(../images/titlebar_bg.jpg);
    height: 29px;
}

.popup_Body {
    padding: 15px 15px 15px 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    padding: 20px;
}

.TitlebarLeft {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: White;
}

.TitlebarRight {
    background: url(../images/cross_icon_normal.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.popup_Buttons {
    margin: 10px;
}

/*****************RAY ADDED******************/

/*label{
    float: left;
    text-align: right;
    margin-right: 15px;
}*/

.ajax__calendar_container {
    z-index: 1000;
}

#topNav{
    position: fixed;
    top: 0;
    width:100%;
    z-index: 500
}

#leftNav {
    position: fixed;
}

#mainContent{
    padding-top: 70px;
}

label .statementLabelText {
    font-size: 9pt;
    color: black;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}

.sticky{
    position: fixed;
    top: 0;
    width: 100%
}

.accBox {
    min-height: 240px;
}

.pushRight {
    text-align: right;
}

.nav_menu {
    float: left;
    background: #EDEDED;
    border-bottom: 1px solid #D9DEE4;
    /* margin-bottom: 10px; */
    width: 100%;
    min-height: 57px;
}

/* New for skin*/

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #3476C2;
    border-color: #3476C2;
}
.nav.side-menu > li.current-page, .nav.side-menu > li.active {
    border-right: 5px solid #3476C2;
}

#nprogress .bar {
    background: #3476C2
}

#nprogress .peg {
    box-shadow: 0 0 10px #3476C2, 0 0 5px #3476C2
}

#nprogress .spinner-icon {
    border-top-color: #3476C2;
    border-left-color: #3476C2
}

.ticketlist {
    overflow-x: auto;
}

.nav_title {
    width: 230px;
    float: left;
    background: #ECF0F1;
    border-radius: 0;
    height: 80px;
}

.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 75px;
    margin: 0;
    padding-top: 10px;
}

.left_col {
    background: #3476C2;
}