/* MediaPlus cmo41 Version cmo41A 12/02/16 09:29:55 work css/distribution.css
** Copyright 2001 Publishing Business Systems, Inc.
** All Rights Reserved Worldwide.
*/
/* distribution.css - iServices Distribution standard CSS 
** DO NOT EDIT - client changes should be placed in distribution_custom.css
*/
/* #CM13557 17.08.29 timm   CR #4,6 Removed border around cells and aligned
**                          text correctly in Print page.
** #CM13557 17.08.29 timm   Additional Class updates/additions for draw changes.
** #CM13154 17.07.17 todd   Class updates/additions for display errors/warnings
**                          for table data entry pages inline within table.
** #CM12606 17.04.11 jake   Remove extra characters after .btn-primary.active ->
**                          background-color:.
** #CM12182 16.12.02 jfischer Update css file formatting.
** #CM11235 16.06.29 ginnya Merge CM10923 from 2014 to 2016.
** #CM10923 16.06.08 ginnya Add hybrid payment related classes for PostMedia.
** #CM7178 14.12.16 mickeyg Reduce right margin for .entryHdrData.
** #CM7175 14.12.12 mickeyg Add net-icon.
** #CM7175 14.12.09 mickeyg Add draw adjustment entry styles.
** #CM7179 14.12.09 mickeyg Add singleactionbtn.
** #CM7173 14.12.09 mickeyg Add instructions2 and subSectionHeaderText2.
** #CM7172 14.12.05 mickeyg Add defaultHeader and Bootstrap classes.
** #CM7092 14.11.05 mattm   CR# 1 Move overlay styles to cmstyle.css.
** #CM7092 14.11.04 mattm   Add wait overlay styles.
** #CM4864 14.10.02 mickeyg Fix font-style, text-overflow  for report UI styles.
** #CM6444 14.09.02 gaylep  Merge CM6206 from 2013
** #CM6206 14.08.19 gaylep  Add HostedPaymentFrame
** #CM5547 14.05.29 mattm   CR# 4 Also added house2 and report UI styles.
** #CM5547 14.04.23 mattm   Make Route Walk Sequence report button visible.
** #CM5383 14.03.18 mattm   CR# QA Make route label bold.
** #CM5383 14.03.17 mattm   CR# QA Further routesequence refinements.
** #CM5383 14.03.13 mattm   CR# QA Add #expand:hover style.
** #CM5383 14.03.11 mattm   Add Route Sequence styles.
** #64852  13.08.28 mickeyg Change background-color to FFF for header elements.
** #162331 12.04.26 mickeyg Add total and payinvoicedetailtbl.
** #171537 12.01.18 erice   Add css for invdispute
** #189284 11.10.27 marks   Merge 37 WR 187643 to version 38.
** #187643 11.09,21 marks   Remove white-space nowrap for broadcastprod.
** #188393 11.07.11 mickeyg Readd broadcast msg styles (for now).
** #181674 11.07.08 todd    Tweak drawform classes to eliminate wrapping. Add
**                          .calendarIcon for calendar help icon positioning.
** #188335 11.07.06 mickeyg Add entryHdr classes for drawchg and returns.
**         11.04.25 mickeyg Make pageheadertext 100% wide.
** #187427 11.04.06 mickeyg Move broadcast msg styles to cmstyle.css.
** #185048 11.03.04 mickeyg Add makepaymentbtn.
** #183226 10.04.26 mickeyg Merge up cmo35 WR#181761; Added .drawchgprinthdr td 
**                          and .rtnprinthdr td.
** #183219 10.04.26 mickeyg Merge up cmo35 WR#180173.
** #181761 09.12.01 mickeyg Merge up cmo34 WR#180876.
** #180876 09.11.13 mickeyg Add drawchgprint classes.
** #180713 09.07.30 mickeyg Remove duplicate 'returns' classes and unused 
**                          'defaultHeader' classes.
** #182267 10.02.11 mickeyg Add shortageform.
** #166191 08.05.21 mickeyg CR#26491 Add drawchglist classes.
** #173953 08.04.21 mickeyg Replace .navfooter with #loginfooter.
** #       08.04.04 mickeyg Move contact styles to cmstyle.css.
** #174738 08.04.02 mickeyg Add drawchg classes.
** NEXPO   08.03.27 mickeyg Remerge WRs 170204 and 162232.
** #170204 07.04.13 mickeyg Added distmessagestbl class. 
** #162232 07.04.13 mickeyg Added broadcastmsg and submessagetbl classes. 
** #169332 07.11.05 mickeyg Recreate--extract distribution from cmstyle.css;
**                          Incorporate returns.css
** #166097 06.03.28 mickeyg Stripped down to class for draw changes only.
**         05.12.16 mickeyg Created.
*/

#bodyarea {
    padding: 10px 0 10px 10px;
}

/* Print */
.printimg {
    border: 0;
    float: right;
    vertical-align: top;
}

/* Help */
.helpimg {
    border: 0;
    float: right;
    vertical-align: bottom;
}
.label {
    color: #07284F;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    padding-left: 10px;
}

/* data tables */
.headerrow {
    background-color: #E0E0D2;
}
.columnheader {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
}
.datarowodd {
    background-color: #FFF;
}
.dataroweven {
    background-color: #F5F5F2;
}
tr.dataroweven:hover,
tr.datarowodd:hover {
    background: #A0E2FC;
}

/* buttons */
.buttonalignment {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* popup data entry forms */
table.formdata {
    background-color: #d7D8ca;
    border: 0;
    margin: 0;
    padding: 0;
}
.titleheader {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #000;
    padding: 0 12px 0 12px;
}

/* Broadcast Message */
div.dimmer {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    /* overlay browser content for dimming effect */
    background-image: url(../images/beige.png);
    /* ieWin only stuff */
    _background-image: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/beige.png');
}
div.dimming {
    background-color: #FFF;
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    position: absolute;
    visibility: hidden;
    /* set z-index higher than possible */
    z-index: 10000;
}
div.dimming p {
    padding-left: 10px;
}
.wbroadcastmsg {
    visibility: hidden;
}
.broadcastmsg {
    margin-bottom: 30px;
    margin-top: 10px;
    padding-right: 10px;
}
table.floatingheader td {
    background-color: #11437C;
    color: #FFF;
    font-weight: bold;
    padding-left: 10px;
}
.broadcastprod {
    font-weight: bold;
    color: #10427B;
    padding-top: 10px;
}

/* Main Menu Screen */
.menuheader {
    background-color: #FFF;
    white-space: nowrap;
}
.subtitle {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    padding: 10px 20px 0 10px;
    border-bottom: #6699cc solid 2px;
}

/* Login Screens */
/* region divs */
.loginhead {
    width: 100%;
    background-color: #FFF;
    /* background-image: url(../images/headerbkg.jpg); */
}
.loginbody {
    padding: 10px 0 10px 10px;
}
.loginfooter {
    padding: 10px 0 10px 0;
    text-align: center;
}

/* login/main menu "secure" img/text div */
.secure {
    background-color: transparent;
    font-style: italic;
}

/* Registration Screens */
.registrationtbl {
    width: 500px;
    border: 0;
}
.pageheadertbl {
    background-image: url(../images/rs_pageheadbg.jpg);
    background-repeat: repeat-x;
    border-bottom: #B1B08F solid 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* margin-left: 10px; */
    margin-right: 0;
    width: 100%;
    height: 30px;
}
.pageheadertext {
    vertical-align: bottom;
    padding-left: 10px;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: bold;
}
#main {
    float: left;
    margin-left: 5px;
}
#distmenufooter {
    clear: both;
    margin-left: 12px;
    text-align: left;
    padding: 50px 0 20px 0;
}
#distmenufooter a:link {
    color: #10427B;
}
#distmenufooter a:visited {
    color: #000;
}
#distmenufooter a:hover {
    color: #B3B29E;
}
#distmenufooter a:active {
    color: blue;
}
.custtable {
    width: 758px;
}
.custtable .mainContentBold {
    color: #07284F;
    font-weight: bold;
    padding-left: 12px;
}

/* Distribution Messages */
.distmessagestbl {
    width: 758px;
    border: 0;
}
.distmessages.td {
    padding: 3px;
}
.accttable {
    margin-left: 12px;
    width: 758px;
}
.custinfo {
    background-color: #FFF;
    text-align: left;
    vertical-align: top;
    padding: 0 12px 12px 12px;
    width: 250px;
}
.dminfo {
    background-color: #FFF;
    text-align: left;
    vertical-align: top;
    padding: 12px 12px 12px 12px;
    width: 250px;
}
.pageheader {
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #000;
    background-color: #FFF;
    margin-bottom: 10px;
    padding: 12px 0 0 12px;
}

/* popup window header */
#bodyarea .pageheader {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    color: #000;
    background-color: #FFF;
    margin: 0;
    padding: 12px 0 12px 12px;
    text-decoration: underline;
}
.instructions,
.instructions2,
.dminstructions {
    padding: 5px;
    border: 1px solid #000;
    float: right;
    margin-bottom: 20px;
    min-width: 480px;
    vertical-align: top;
}
.dminstructions {
    margin-top: 12px;
}
.instructions2 {
    border: 0;
}
.datacellleft {
    text-align: left; /* remove--call textcellleft */
}
.datacellcenter {
    text-align: center; /* remove--call textcellcenter */
}
.datacellright {
    text-align: right !important; /* remove--call textcellright */
}
.datacellleft,
.datacellcenter,
.datacellright {
    vertical-align: top;
}
.textalignleft {
    text-align: left; /* dup of datacellleft */
}
.textaligncenter {
    text-align: center; /* dup of datacellcenter */
}
.textalignright {
    text-align: right; /* dup of datacellright */
}
.textalignleft,
.textaligncenter,
.textalignright {
    vertical-align: top;
}
.textbold {
    font-weight: bold;
}
.rptcolumnheader {
    text-align: left;
    font-weight: bold;
    background-color: #E0E0D2;
}
.leftindent {
    margin-left: 12px;
}

/* MG make this go away? */
.titleheadersub {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    color: #FFF;
    background-color: #10427B;
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 4px;
    height: 24px;
}
.formbuttonclass {
    white-space: nowrap;
}
.calendarIcon {
    padding: 0 5px 0 5px;
    vertical-align: middle;
}

/* forms & tables */
.acctform {
    padding-left: 8px;
    margin-left: 8px;
    width: 758px;
}
.drawform {
    margin-left: 10px;
    width: 100%;
}
.drawform .subSectionLeft {
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: #07284F;
    width: 80px;
}
.drawchglist {
    width: 750px;
    margin-bottom: 20px;
}
.drawchglist,
td {
    border: 0;
    border-collapse: collapse;
}
table.drawchglist .datarowodd td {
    border: 0;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #FFF;
}
table.drawchglist .dataroweven td {
    border: 0;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #DEDBD4;
}
.drawchgform {
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 30px;
    width: 750px;
}
.drawchgentryform {
    width: 85%;
    margin-left: 10px;
}
.entryHdrLabel,
.entryHdrLabel2Lines {
    color: #07284F;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}
.entryHdrLabel2Lines {
    vertical-align: top;
}
.entryHdrData {
    padding: 0 50px 0 5px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}
.shortageform {
    padding: 12px;
    width: 730px;
}
.note {
    font-size: 75%;
    vertical-align: top;
}
.rtnlist {
    width: 750px;
    margin-bottom: 20px;
}
.rtnlist,
td {
    border: 0;
    border-collapse: collapse;
}
table.rtnlist .datarowodd td {
    border: 0;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #FFF;
}
table.rtnlist .dataroweven td {
    border: 0;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #DEDBD4;
}
.rtnform {
    width: 758px;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 30px;
}
.rtnentryform {
    width: 75%;
}
.payinvoiceform {
    padding-left: 8px;
    margin-left: 8px;
    width: 758px;
}
.payinvoicedetailtbl td {
    padding: 4px;
}
.payinvoicedetailtbl th {
    padding: 4px;
    text-align: left;
    text-decoration: underline;
}
.invdispute {
    background: url(../images/invdisputed.gif) no-repeat left;
    padding-left: 10px;
    height: 12px;
}
.actionimg {
    text-align: center;
}
.reportform .subSectionLeft {
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: #07284F;
    width: 100px;
}
.reportlist {
    width: 600px;
    margin-top: 20px;
}

/* popup detail windows */
.detail {
    margin: 0 0 12px;
    padding: 12px 0 0 12px;
    border: 0;
}
.detailtbl {
    padding-left: 8px;
    margin-left: 8px;
    border: 0;
}
.popupcolspacer {
    width: 50px; /* popup window column spacer */
}

/* browse table */
.browsetable {
    width: 99%;
    padding: 3px;
    margin-left: 8px;
    margin-top: 10px;
}
.headerrow a:link {
    color: #10427B;
    text-decoration: underline;
}
.headerrow a:visited {
    color: #000;
}
.headerrow a:hover {
    color: #10427B;
}
.headerrow a:active {
    color: blue;
}
.browseresults {
    width: 98%;
    margin-left: 8px;
    padding: 3px;
}
.browseresults td {
    padding-left: 3px;
    padding-right: 3px;
}
.rowheader {
    vertical-align: top;
}
.columnhdrleft,
.columnhdrright,
.columnhdrcenter {
    font-weight: bold;
}
.columnhdrleft {
    text-align: left;
}
.columnhdrright {
    text-align: right;
}
.columnhdrcenter {
    text-align: center;
}
.columnhdrsortleft {
    text-align: left;
}
.columnhdrsortright {
    text-align: right;
}
.columnhdrsortcenter {
    text-align: center;
}
.paymentinline {
    padding-left: 12px;
    white-space: nowrap;
}
.paymentsidebar {
    float: right;
    width: 100px;
    padding: 5px 10px 5px 10px;
    background-color: #CEECFC;
    border: #82CFFC solid 1px;
}
.paymentsidebar a:link {
    color: #10427B;
    text-decoration: underline;
}
.paymentsidebar a:visited {
    color: #000;
}
.paymentsidebar a:hover {
    color: #B3B29E;
}
.paymentsidebar a:active {
    color: blue;
}
.makepaymentbtn {
    padding: 10px 10px 10px 8px;
    text-align: center;
    width: 758px;
}
.total {
    background-color: #FFF;
    border: 0;
    color: #000;
    font-weight: bold;
}
#paymentsentry .entryHdrLabel {
    padding-left: 50px;
}
.hostedPaymentFrame {
    border-width: 0;
    min-height: 590px;
    min-width: 515px;
    overflow: visible;
    width: auto;
}
#hybridPaymentContainer {
    position: relative;
    min-height: 500px;
}
#hybridPaymentFormDiv {
    display: none;
}
#hybridPaymentIFrameDiv {
    display: none;
}
#hybridPaymentIFrame {
    border-width: 0;
    height: 280px;
    min-height: 280px;
    min-width: 520px;
    overflow: hidden;
    width: auto;
}
#changeCreditCard {
    visibility: hidden;
}

/* help */
.helpcolumnheader {
    text-align: center;
    font-weight: bold;
}
.helplabel {
    color: #000;
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
    vertical-align: top;
}
.helptext {
    text-align: left;
    border-color: #CCC;
    border-style: solid;
    border-width: 1px;
}
.helpdatarowodd {
    background-color: #FFF;
    border-width: 1px;
}
.helpdataroweven {
    background-color: #CCC;
    border-color: #99cccc;
    border-style: solid;
    border-width: 1px;
}

/* Tab Folder */
#rndtabheader {
    background-color: #FFF;
    font-size: 120%;
    float: left;
    width: 100%;
    line-height: normal;
    margin: 0;
}
#rndtabheader ul {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 0;
    margin: 0;
    padding-top: 10px;
    list-style-type: none;
}
#rndtabheader li {
    padding-right: 0;
    padding-left: 5px;
    background: url(../images/rndleft.gif) no-repeat left top;
    float: left;
    padding-bottom: 0;
    margin: 0;
    padding-top: 0;
}
#rndtabheader a {
    padding-right: 8px;
    display: block;
    padding-left: 4px;
    font-weight: bold;
    color: #FFF;
    background: url(../images/rndright.gif) no-repeat right top;
    padding-bottom: 4px;
    padding-top: 5px;
    text-decoration: none;
    float: left;
}
#rndtabheader a:hover {
    color: blue;
}
#rndtabheader #current {
    background-image: url(../images/rndleft_on.gif);
}
#rndtabheader #current a {
    background-image: url(../images/rndright_on.gif);
    padding-bottom: 5px;
    color: #10427B;
}

/* Submenu */
#submenunav {
    background-color: #FFF;
    font-size: 100%;
    float: left;
    width: 100%;
    line-height: normal;
    margin: 0;
}
#submenunav ul {
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 0;
    margin: 0;
    padding-top: 10px;
    list-style-type: none;
}
#submenunav li {
    padding-right: 0;
    padding-left: 5px;
    float: left;
    padding-bottom: 0;
    margin: 0;
    padding-top: 0;
    color: black;
}
#submenunav a {
    padding-right: 8px;
    display: block;
    padding-left: 4px;
    font-weight: bold;
    color: black;
    padding-bottom: 4px;
    padding-top: 5px;
    text-decoration: none;
    float: left;
}
#submenunav a:hover {
    color: #B3B29E;
}
#submenunav #subcurrent a {
    padding-bottom: 5px;
    color: blue;
    border: 1px blue solid;
}

/* 3-Column CSS Layout Divs for login and related pages */
#mainnav {
    float: left;
    width: 134px;
    height: 630px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #AEAD8B;
    vertical-align: top;
}
#sidebar {
    float: right;
    width: 135px;
    margin-left: 10px;
    /* margin-right: 10px; */
    padding: 22px 14px 22px 14px;
    background-color: #CEECFC;
    border-bottom: #82CFFC solid 1px;
    line-height: 13px;
}
#sidebar ul {
    margin-left: 10px;
}
#maincontent {
    float: left;
    width: 55%;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 0 10px 10px 10px;
}
#maincontent table {
    width: 100%;
}

/* Main Content Styles */
.mainContent {
    color: #07284F;
    font-weight: normal;
}
.mainContentBold {
    color: #07284F;
    font-weight: bold;
}
.mainContentBold a:link {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentBold a:visited {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentBold a:hover {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentBold a:active {
    color: #07284F;
    font-weight: bold;
    text-decoration: underline;
}
.mainContentHeader {
    background-image: url(../images/subHead_bg.jpg);
    background-repeat: repeat-x;
    border-bottom: #B1B08F solid 1px;
    margin-bottom: 30px;
    width: 450px;
    height: 61px;
}
.mainContentHeaderText {
    vertical-align: bottom;
    padding-left: 10px;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: bold;
}
.mainContentHeaderWithStep {
    /* maps to Wolf's contentMiddleHeaderWithStep */
    background-image: url(../images/subHead_bg.jpg);
    background-repeat: repeat-x;
    border-bottom: #B1B08F solid 1px;
    margin-bottom: 5px;
    width: 450px;
    height: 61px;
}
#mainContent a:link {
    color: #07284F;
    text-decoration: underline;
}
#mainContent a:visited {
    color: #07284F;
    text-decoration: underline;
}
#mainContent a:hover {
    color: #07284F;
    text-decoration: underline;
}
#mainContent a:active {
    color: #07284F;
    text-decoration: underline;
}

/* Footer Styles */
#loginfooter {
    background-color: #07284F;
    color: #62C4F9;
    width: 100%;
    height: 20px;
    clear: both;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}
#loginfooter a:link,
#loginfooter a:visited {
    color: #62C4F9;
    text-decoration: none;
}
#loginfooter a:hover {
    color: #62C4F9;
    text-decoration: underline;
}

/* Form Styles */
.formSpacer {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.formYearSpacer {
    padding-left: 8px;
}
.formTanBG {
    background-color: #E0E0D2;
}
.buttonSpacer {
    padding-left: 18px;
}
.singleactionbtn {
    margin: 2em 0;
    padding: 1em;
    text-align: center;
}

/* Header Styles */
.headerImage {
    background-color: #FFF;
    width: 100%;
}

/* Landing Page */
.defaultHeader {
    color: #07284F;
    font-size: 14px;
    font-weight: bold;
    height: 79px;
    line-height: 16px;
    padding-bottom: 10px;
    padding-left: 9px;
}
.defaultHeader img {
    float: left;
}
.defaultHeader p {
    font-weight: normal;
}
.defaultHeader a:link,
.defaultHeader a:visited,
.defaultHeader a:hover,
.defaultHeader a:active {
    color: #07284F;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: underline;
}

/* Navigation Header */
.navheader {
    background-color: #07284F;
    width: 100%;
    vertical-align: top;
}
.navheaderleft {
    background-color: #07284F;
    float: left;
    width: 85%;
    padding-left: 12px;
    color: #62C4F9;
    font-weight: bold;
    vertical-align: top;
}
.navheaderright {
    background-color: #07284F;
    padding-right: 12px;
    color: #62C4F9;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

/* Main (Left) Navigation Styles */
.mainNavTop {
    background-image: url(../images/leftnavtop.jpg);
    background-repeat: repeat-x;
    border-bottom: #AEAD8B solid 1px;
    width: 100%;
    height: 34px;
}
.mainNavBottom {
    background-image: url(../images/leftnavbottom.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 463px;
}

/* Sidebar Styles */
#sidebar a:link {
    color: #07284F;
    font-size: 10px;
    line-height: 13px;
    text-decoration: underline;
}
#sidebar a:visited {
    color: #07284F;
    font-size: 10px;
    line-height: 13px;
    text-decoration: underline;
}
#sidebar a:hover {
    color: #07284F;
    font-size: 10px;
    line-height: 13px;
    text-decoration: underline;
}
#sidebar a:active {
    color: #07284F;
    font-size: 10px;
    line-height: 13px;
    text-decoration: underline;
}
#sidebar hr {
    color: #10427B;
}
.sidebartitle {
    font-weight: bold;
}

/* Bootstrap */
a:link.btn,
a:visited.btn {
    text-decoration: none;
}
.btn-primary {
    background-color: #64b1e3;
    background-image: -moz-linear-gradient(top, #64c2e3, #6498e3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#64c2e3), to(#6498e3));
    background-image: -webkit-linear-gradient(top, #64c2e3, #6498e3);
    background-image: -o-linear-gradient(top, #64c2e3, #6498e3);
    background-image: linear-gradient(to bottom, #64c2e3, #6498e3);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff64c2e3', endColorstr='#ff6498e3', GradientType=0);
    border-color: #6498e3 #6498e3 #266dd4;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #6498e3;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #6498e3;
    *background-color: #4e89df;
}
.btn-primary:active,
.btn-primary.active {
    background-color: #397bdb;
}
.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #6498e3;
}

/* Login/Register Styles */
.registerPassword {
    padding-left: 10px;
    padding-bottom: 15px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.registerLink {
    color: #07284F;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}
.registerLink a:link {
    color: #07284F;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: underline;
}
.registerLink a:visited {
    color: #07284F;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: underline;
}
.registerLink a:hover {
    color: #07284F;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: underline;
}
.registerLink a:active {
    color: #07284F;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    text-decoration: underline;
}

/* Sub Section Styles */
.subSectionHeader {
    border-bottom: #AEAD8B solid 1px;
    margin-bottom: 15px;
    width: 100%;
}
.subSectionHeaderText,
.subSectionHeaderText2 {
    padding-left: 9px;
    padding-bottom: 5px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
}
.subSectionHeaderText2 {
    font-size: inherit;
}
.subSectionIndent {
    margin-left: 10px;
    width: 100%;
}
.subSectionLeft {
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: #07284F;
    width: 170px;
}
.subSectionLeft2Lines {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    color: #07284F;
    width: 170px;
}
.subSectionReqdField {
    padding-top: 10px;
    vertical-align: top;
    padding-bottom: 10px;
    font-weight: bold;
    color: #C7284F;
}
.subSectionRight {
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
    color: #000000;
}

/* payment term screen */
.subSectionRightBlue {
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
    color: #07284F;
}
.subSectionRightBlueTanBG {
    text-align: left;
    padding-left: 5px;
    color: #07284F;
    background-color: #E0E0D2;
}
.subSectionRight2Lines {
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
    color: #000;
}
.subSectionRight2Lines a:link {
    text-align: left;
    color: #000;
    text-decoration: underline;
}
.subSectionRight2Lines a:visited {
    text-align: left;
    color: #000;
    text-decoration: underline;
}
.subSectionRight2Lines a:hover {
    text-align: left;
    color: #000;
    text-decoration: underline;
}
.subSectionRight2Lines a:active {
    text-align: left;
    color: #000;
    text-decoration: underline;
}
.tableSpacerLeftColumn {
    padding-right: 2px;
}

/* draw adjustments */
#drawadjForm input[type="text"],
#drawadjForm select {
    border: 1px solid #64c2e3;
}
#drawadjheadertbl .entryHdrLabel {
    text-align: left;
}
#drawadjheadertbl .entryHdrData {
    padding: 0 25px 0 5px;
}
.btnpanel {
    float: right;
}
.recapsection {
    border-top: 2px #000 solid;
    border-bottom: 2px #000 solid;
    margin-bottom: .5em;
    margin-top: .5em;
    padding-bottom: .5em;
    padding-top: .5em;
}
.recaptitle,
.recaplabel,
.routeadjlabel,
.posadjlabel,
.negadjlabel,
.netadjlabel {
    font-weight: bold;
    padding-right: 1em;
}
.recaptitle {
    padding-right: 2em;
}
.posadjlabel,
.posadjamt {
    color: #0C3;
}
.negadjlabel,
.negadjamt {
    color: #F00;
}
.recapamt {
    padding-right: 5em;
}
.neticon {
    padding-left: .5em;
}
#drawadjentryForm input.number {
    border: 1px solid #64c2e3;
    font-size: 1em;
}
#drawadjForm input[type="text"]:focus,
#drawadjentryForm input.number:focus {
    border-color: rgba(100, 194, 227, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(100, 194, 227, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(100, 194, 227, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(100, 194, 227, .6);
}
#drawadjentryForm .columntotal {
    border-left: 0;
    border-right: 0;
}
.drawadjtotal {
    text-align: right;
}
input.drawadjtotal {
    background-color: inherit;
    border: 0;
    box-shadow: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
}

/* draw changes & returns */
table.drawchgentry,
table.rtnentry {
    width: 97%;
    font-size: 10px;
    margin-right: 12px;
    border: 0px;
    border-collapse: collapse;
}
table.drawchgentry .rowspan2,
table.rtnentry .rowspan2 {
	vertical-align: top;
	padding-top: 13px;
}
input.number {
    margin-top: 9px; /* new */
    margin-left: 2px; /* was 5px */
    float: right;
    text-align: right;
    width: 35px;
    font-size: 10px;
    border: 1px solid black;
    padding: 0px; /* new */
    padding-right: 4px; /* was 1px; */
    margin-right: 2px; /* was 0px; */
}
.number.error {
    /* background-color of darkgold; */
    background-color: #ff6767;
}
.number.warning {
    /* background-color of red; */
    background-color: #ffffa1;
}
.cellerrorrow {
    border-width: 1px;
    border-style: solid;
    border-color: #0C4379;
    padding: 4px 0px 2px 5px;
}
.cellerrormsg,
.cellwarningmsg {
    color: #222222;
    line-height: 12px;
    display:inline-block;
    float: left;
}
.cellerrormsg {
    color: #f70000;
}
.cellerrormsg.errordate,
.cellwarningmsg.errordate {
    width: 55px;
    clear:left;
}
.drawchgreadonly,
.rtnreadonly {
    text-align: right;
    margin-right: 2px;
    border: 0px;
}
input.drawchgtotal,
input.rtntotal {
    background-color: transparent;
    margin-left: 5px;
    text-align: right;
    width: 35px;
    font-size: 10px;
    border: 0px;
    padding-right: 2px;
    margin-right: 2px;
    vertical-align: bottom;
}
table.buttonbar {
    width: 97%;
    height: 44px;
    background-color: #6699CC;
    border: 1px solid black;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    margin-right: 12px;
}
table.footerbar {
    width: 97%;
    background-color: #08284F;
    border-width: 0px;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    margin-right: 12px;
}
table.footerbar img {
    margin-top: 6px;
    margin-bottom: 6px;
}
.drawchgheadertbl {
    width: 835px;
}
.rtnheadertbl {
    width: 50%;
}
.rtnheaderval {
    text-align: left;
    font-weight: normal;
    font-size: 10px;
}
.drawchgcolumnheader,
.rtncolumnsubheader {
    text-align: left;
    font-weight: normal;
    font-size: 10px;
    color: #000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    padding-left: 2px;
}
#distmenufooter a:link {
    color: #10427B;
}
#distmenufooter a:visited {
    color: #000;
}
#distmenufooter a:hover {
    color: #B3B29E;
}
#distmenufooter a:active {
    color: blue;
}
.drawchgcolumnheader a:link,
.rtncolumnheader a:link {
    border-left-width: 0px;
    padding-bottom: 2px;
    padding-right: 2px;
    color: #10427B;
    text-decoration: underline;
}
.drawchgcolumnheader a:visited,
.rtncolumnheader a:visited {
    color: #000;
}
.drawchgcolumnheader a:hover,
.rtncolumnheader a:hover {
    color: #B3B29E;
}
.drawchgcolumnheader a:active,
.rtncolumnheader a:active {
    color: blue;
}
.columnheaderfirst {
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    color: #000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    vertical-align: center;
    padding-left: 2px;
    background-color: #F6F5E3;
}
.columnheaderfirst a {
    border-left-width: 0px;
    background-color: #F6F5E3;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 2px;
}
.columnheaderlast {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #000;
    vertical-align: middle;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0C4379;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    padding-left: 2px;
    padding-right: 2px;
}
.columntotal {
    text-align: right;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0C4379;
    vertical-align: bottom;
}
.columnfooter {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0C4379;
    padding-top: 3px;
    padding-right: 4px;
    text-align: right;
    vertical-align: top;
}
.columnfooterfirst {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0C4379;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
}
.columnfooterlast {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #000;
    vertical-align: middle;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0C4379;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0C4379;
}
.columnfooter.daytotal {
    font-weight: bold;
    padding-top: 8px;
}
.columndrawchgtotal,
.columnreturntotal {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0C4379;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    text-align: right;
    margin-right: 2px;
    padding-right: 2px;
}
.columndrawchglast,
.columnreturnlast {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0C4379;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0C4379;
}
.columndateheader {
    background-color: #10437C;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 4px;
}
.columndateheader img {
    margin-bottom: 2px;
}
.columnsubheader {
    background-color: #A1B5CE;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
}
.textleft  {
    text-align: left;
}
.columnsubheader a:link {
    color: #10427B;
    text-decoration: underline;
}
.columnsubheader a:visited {
    color: #000;
}
.columnsubheader a:hover {
    color: #B3B29E;
}
.columnsubheader a:active {
    color: blue;
}
.columnsubheaderlast {
    background-color: #A1B5CE;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #0C4379;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #0C4379;
}
.drawchgdatarowodd td,
.rtndatarowodd td {
    padding-left: 4px;
    padding-right: 4px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    background-color: #DEDBD4;
}
.drawchgdataroweven td,
.rtndataroweven td {
    padding-left: 4px;
    padding-right: 4px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #0C4379;
    background-color: #FFFFFF;
}
.draw {
    text-align: right;
}

/* Draw Chg Print page */
.drawchgprinthdr {
	margin-top: 30px;
}
.drawchgprinthdr td {
    padding: 0 1px 0 1px;
}
.drawchgprint {
	margin-bottom: 30px;
	margin-right: 10px;
}
.drawchgprint td {
    border: 1px solid black;
    padding: 2px;
}
.drawchgprint .drawchgreadonly {
    text-align: left;
}
.drawchgprint .columndateheader {
    background-color: white;
    color: black;
}
.drawchgprint .columnheader {
    vertical-align: bottom;
    font-weight: bold;
    text-decoration: none;
}
.drawchgprint .columnfooter {
    font-weight: bold;
    vertical-align: bottom;
}
.drawchgprint .number {
    text-align: right;
}
.drawchgprint .drawchgtotal {
	font-size: 14px;
	margin-right: 0px;
	padding-right: 0px;
}
#drawchgprint {
	margin: 10px;
}
#drawchgprint .closebutton {
	margin-left: 30px;
}

/* Returns Print page */
.rtnprinthdr {
    margin-top: 30px;
}
.rtnprinthdr td {
    padding: 0 1px 0 1px;
}
.rtnprint {
    margin-bottom: 30px;
    margin-right: 10px;
}
.rtnprint td {
    border: 1px solid black;
    padding: 2px;
}
.rtnprint .rtnreadonly {
    text-align: left;
}
.rtnprint .columndateheader {
    background-color: white;
    color: black;
}
.rtnprint .columnheader {
    vertical-align: bottom;
    font-weight: bold;
}
.rtnprint .columnfooter {
    font-weight: bold;
    vertical-align: bottom;
}
.rtnprint .number {
    text-align: right;
}
.rtnprint .rtntotal {
    font-size: 14px;
    margin-right: 0px;
    padding-right: 0px;
}
#returnsprint {
    margin: 10px;
}
#returnsprint .closebutton {
    margin-left: 30px;
}

/* Route Walk Sequence */
#all_sgmts input {
    margin-left: -2px;
}
#bottom_btns {
    padding: 24px 12px 12px 6px;
}
#button_bar {
    padding: 6px 0;
}
#controls {
    margin: 0;
    text-align: right;
}
#controls .instructions {
    min-width: inherit;
}
#msg_area {
    border-radius: 4px;
    display: none;
    font-size: 1em;
    font-weight: bold;
    padding: 0 8px 0 24px;
}
#msg_area.error,
#msg_area.info,
#msg_area.warn {
    display: inline-block;
}
#msg_area.error {
    border: solid 2px red;
    background: url(../images/error.gif) no-repeat 4px center;
}
#msg_area.info {
    border: solid 2px blue;
    background: url(../images/info.gif) no-repeat 4px center;
}
#msg_area.warn {
    border: solid 2px yellow;
    background: url(../images/error.gif) no-repeat 4px center;
}
#r_submit,
button {
    background-color: lightgreen;
    border-radius: 4px;
    font-family: "Trebuchet MS", Arial;
    font-size: 1em;
    font-weight: bold;
}
#report_button {
    float: right;
}
#route_input {
    float: left;
    font-size: 1.14em;
    margin: 0 0 14px 10px;
}
#route_input label {
    font-weight: bold;
}
#routesequence fieldset {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
}
#routesequence legend {
    font-size: 1.14em;
    font-weight: bold;
    padding-left: 6px;
}
#routesequence span.separator {
    margin: 0 10px;
}
#routesequence table {
    border-collapse: collapse;
}
#routesequence th {
    background: inherit;
    cursor: default;
}
#routesequence th,
td {
    line-height: 1.4em;
    padding: 0 4px;
}
#left_dflt,
#right_dflt,
#back_dflt,
#seg_dflt {
    display: none;
}
#routeID {
    width: 80px;
}
#segments input,
#segments select,
#sgmt_hdr input {
    border: none;
    font-size: inherit;
    margin: 0;
    padding: 0;
    width: 100%;
}
#segments input,
#segments select,
td.in {
    background: #AEFFB3;
}
#segments input:focus,
#segments textarea:focus,
#segments select:focus,
input[type="checkbox"]:focus {
    background: #FFF;
    border: none;
}
#street_hdr tr,
#sgmt_hdr tr {
    border-bottom: solid 1px gray;
}
#streets img {
    vertical-align: text-bottom;
}
#streets tr:hover {
    background: lightgreen;
    cursor: pointer;
}
#streets {
    clear: both;
}
#streets,
#segments,
#upd_btns,
#all_sgmts,
form {
    display: inline-block;
}
#streets,
#segments {
    max-height: 540px;
    overflow: auto;
    table-layout: fixed;
}
#streets,
form,
#a_seg {
    vertical-align: top;
}
#expand:hover,
#t_lft:hover,
#t_rt,
:hover,
#t_bk:hover {
    cursor: pointer;
}
#top_buttons img {
    padding-right: 12px;
}
#top_buttons,
#report_button {
    padding: 12px 12px 12px 6px;
}
#view_it {
    display: block;
    margin-bottom: 12px;
    text-align: right;
    width: 100%;
}
.prtl {
    opacity: .4;
}
.order {
    text-align: left;
    width: 100px;
}
.node_1 {
    width: 8px;
}
.node_2 {
    width: 16px;
}
.st_name {
    text-align: left;
    width: 200px;
}
.drop {
    text-align: right;
    width: 42px;
}
.directions {
    text-align: left;
    width: 500px;
}
.side {
    text-align: left;
    width: 60px;
}
.range {
    text-align: left;
    width: 70px;
}
.cb {
    width: 13px;
}
input.descr {
    width: 100%;
}
input.text {
    width: 80px;
}
td.back {
    background: url(../images/turn_around_16.png) no-repeat center center;
}
td.cmpl {
    background: url(../images/ok_16.png) no-repeat center center;
}
td.del {
    background: url(../images/delete_16.png) no-repeat center center;
}
td.err {
    background: url(../images/pixel_error_16.png) no-repeat center center;
}
td.house {
    background: url(../images/home_16.png) no-repeat center center;
}
td.house2 {
    background: url(../images/home_gray_16.png) no-repeat center center;
}
td.left {
    background: url(../images/left_turn_16.png) no-repeat center center;
}
td.pend {
    background: url(../images/pending_16.png) no-repeat center center;
}
td.right {
    background: url(../images/right_turn_16.png) no-repeat center center;
}
td.addr {
    background-position: 5px center;
    padding-left: 28px;
}
td.sel:hover {
    text-decoration: underline;
}
td.sub {
    padding-left: 40px;
}
tr.dtl {
    display: none;
}

/* Report UI */
#rpt_overlay {
    background: rgba(255, 255, 255, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}
#rpt_form {
    background: #DCDCDC;
    border-radius: 6px;
    box-shadow: 4px 6px 6px gray;
    padding: 10px;
}
#rpt_form fieldset {
    border: solid 1px black;
}
#rpt_form span.err {
    color: red;
    font-weight: bold;
}
#rpt_input input[type="text"] {
    width: 200px;
}
#rpt_input label {
    display: inline-block;
    line-height: 1em;
    overflow: hidden;
    padding: 0 5px 0 0;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}
#edit_btns,
#rpt_msg {
    margin: 20px 0 10px 0;
    text-align: center;
}
#rpt_msg {
    color: red;
    display: none;
    font-weight: bold;
}
#edit_btns button {
    background: #DCDCDC;
    margin: 0 10px;
    padding: 5px;
    font-weight: bold;
}
#rpt_input label.mselect {
    vertical-align: top;
}
#rpt_input input.date {
    width: 80px;
}
#rpt_input img.cal {
    vertical-align: top;
}
#rpt_input input.err,
#rpt_form select.err {
    border: solid 2px red;
}
@media print {
    .hidebutton {
        visibility: hidden;
    }
    #drawadjentry #navheader,
    #drawadjentry .menuheader,
    #drawadjentry #rndtabheader,
    .btn,
    .btn-primary,
    #drawadjentry #distmenufooter {
        display: none;
    }
    #drawadjentryForm input.number {
        border-style: initial;
    }
    #drawadjentry tr {
        page-break-inside: avoid;
        -webkit-region-break-inside: avoid;
    }
    #drawadentry thead {
        display: table-header-group;
    }
    .recapamt {
        padding-right: 2em;
    }
}