BODY {
	font-family : Open Sans  !important;
	margin-left : 0px;
	margin-top : 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	color: #000000;
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-dark-shadow-color: #FFFFFF;
	scrollbar-face-color: #616E75;
	scrollbar-highlight-color: #E9EBE9;
	scrollbar-shadow-color: #616E75;
}

.plottableField {
	cursor: move;
	padding: 4px 4px 4px 4px;
}

.plottableField .inputLabel {
	padding: 0px 8px 0px 0px;
}

.plottableFields .plottableField:first-child {
	background-color: #54b3fb;
	border-radius: 6px;
}

#selectionTable tr:hover {
	cursor: n-resize;
}

.invoice-rate-heading {
	width:100%;
	font-size:14px;
}

.invoice-rate-heading-info {
	padding:4px 3px 0px 0px;
	vertical-align: top;
}

.show-more-link {
	font-size:10px;
}

.action-button:hover {
	cursor: pointer;
	color: gray;
}

.inv-details-table {
	margin:5px 5px 5px 0px!important;
}

.negative-margin {
	color: red;
	font-weight: bold;
}

.full-header {
	padding: 0px 0px 0px 10px;
}

.halved-header {
	width: 50%;
	padding: 0px 0px 0px 10px;
}

.quartered-header {
	width: 25%;
	padding: 0px 0px 0px 10px;
}

.eighth-header {
	width: 12%;
	padding: 0px 0px 0px 10px;
}

.na-colour {
	color: gray;
}

.ok-colour {
	color: green;
}

.inv-moveit-value,
.inv-moveit-variance {
	background-color: #daeeff!important;
}

.inv-moveit-value {
	color:black!important;
	font-size: 11px;
	padding: 2px;
	border-radius: 4px;
    border: 1px solid #a29fbd;
    margin: 2px;
}

.inv-P-title {
	background-color: #f1d5d5!important;
}

.inv-carrier-value,
.inv-carrier-variance {
	background-color: #fafbdf!important;
}

tr.inv-P-title:nth-child(odd) {
	background: #f9e1e1!important;
}

tr.inv-P-title:nth-child(even) > td {
	border-bottom: #dcbcbc 1px solid!important;
}

.inv-P-title a,
.inv-P-title {
	color: #755050;
}

.inv-P-title {
	font-weight:bold;
	border: #dcbcbc 1px solid;
}

.inv-P-text a,
.inv-P-text span {
	font-weight:bold;
	color: #b56f6f;
}

.inv-carrier-value {
	color:black!important;
	font-size: 11px;
	padding: 2px;
	border-radius: 4px;
    border: 1px solid #b5b59f;
    margin: 2px;
}

.inv-R-title {
	background-color: #b7e0c5!important;
}

.inv-agreed-value,
.inv-agreed-variance {
	background-color: #b7e0c5!important;
}

tr.inv-R-title:nth-child(odd) {
	background: #ceecd6!important;
}

tr.inv-R-title:nth-child(even) > td {
	border-bottom: #92c5a2 1px solid!important;
}

.inv-R-title a,
.inv-R-title {
	color: #536d5b;
}

.inv-R-title {
	font-weight:bold;
	border: #92c5a2 1px solid;
}

.inv-R-text a,
.inv-R-text span {
	font-weight:bold;
	color: #619e74;
}

.inv-agreed-value {
	color:black!important;
	font-size: 11px;
	padding: 2px;
	border-radius: 4px;
    border: 1px solid #9fbdab;
    margin: 2px;
}

.form-label {
	padding: 5px 0px 3px 0px;
	width: 50%;
}

.form-field {
	padding: 2px 0px 13px 0px;
	width: 50%;
}

.unbordered-table tr td,
.unbordered-table tr th,
.unbordered-table {
	border: none ! important;
	background-color: transparent ! important;
}

.unbordered-table tr th {
	text-align: right;
}

.invoice-date-panel {
	padding:40px 20px 20px 20px;
	border:1px solid grey;
	border-radius:8px;
}

.invoice-margin-panel {
	padding:20px 20px 20px 20px;
	border:1px solid grey;
	border-radius:8px;
}

.invoice-margin-panel tr td {
	white-space: nowrap;
}

.invoice-date-panel table tr th {
	vertical-align: middle;
}

.dayHeading {
	width: 13%;
	padding: 0px 0px 0px 5px;
}

.daySummaryDate {
	font-size: 13px;
	font-weight: bold;
}

.daySummarySlots {
	font-size: 13px;
	font-weight: bold; 
}

.daySummaryDoor {
	font-size: 13px;
	font-weight: normal ; 
}

.doorTitle {
	/*writing-mode: vertical-rl;*/
	text-orientation: mixed;
}

.doorDetailsTableRow:nth-child(even) {
	background-color: #f6ebeb;
}

.dgInfoPanel {
	font-size: 0.8em;
}


.bookingTitle {
	font-size: 14px;
	font-weight: bold;
}
.bookingTimeslot {
	font-size: 14px;
	font-weight: normal;
}
.bookingCarrier {
	font-size: 14px;
	font-weight: normal;
}
.bookingReference {
	font-size: 14px;
	font-weight: normal;
}
.bookingStatus {
	font-size: 14px;
	font-weight: normal;
}
.bookingSpecialInst {
	font-size: 14px;
	font-weight: normal;
}
.bookingSummary {
	font-size: 14px;
	font-weight: normal;
}
.buttonlook {
	background-color: #286090;
	text-align: center;
	color: white;
}

.receiveDespatchButton {
	background-color: #228B22;
	text-align: center;
	color: white;
}

.headingIcon {
	width:60px;
	padding:0px 0px 0px 15px;
}

.centeredPanel {
	width: 90%;
	height: 45%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.direct-link {
	font-style: italic;
	color: grey;
}

.merge-link {
	font-style: italic;
	font-weight: bold;
}

.dcl-main-panel {
	padding: 0px 0px 10px 0px;
}

.show-panel-text:hover {
	text-decoration: underline;
}

.show-panel-text {
	font-style: italic;
	font-size: 8pt;
	text-align: center;
	width: 100%;
	float: right;
	position: relative;
	bottom: 14px;
	cursor: pointer;
}

.totals-row {
	font-weight: bold;
	font-style:italic;
}

.dcl-group-header {
	font-weight: bold;
}

.subGroupTable {
	width: 100%;
	margin: 10px 0px 0px 0px;
}

.subGroupTable TD {
	padding: 4px 2px 2px 2px;
}
.subGroupTable TH {
	padding: 4px 2px 4px 2px;
}

.moveit-body-well {
	margin: 10px 25px 0px 25px;
}

#user-search-results TD {
	text-align: right;
	padding: 0 15px 0 0;
	font-size: 14px
}

#user-search-results,
#consignment-search-results {
	width: 100%;
}

DIV.search-result-item {
	font-size: 13px;
	padding: 5px 0px 0px 10px;
}

DIV.search-result-item span {
	padding: 0px 10px 0px 0px;
}

DIV.consignment-search-results-well, DIV.charges-search-results-well  {
	position: absolute;
	width: 450px;
	margin-top: 2px;
	display: none;
	z-index: 1000;
	font-size: 12px;
}
	
DIV.user-search-results-well {
	position: absolute;
	width: 450px;
	margin-top: 2px;
	right: 3px;
	display: none;
	z-index: 1000;
	font-size: 12px;
}

#modalChatReplyText {
	width: 100%;
	height: 50px;
}

.showHidePanel {
	font-style: italic;
	font-size: 10pt;
	color: #005580;
	padding: 0 0 0 10px;
}

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

.dropdown-menu {
	z-index: 100000 ! important;
}

.stack-trace-trace {
	font-size: 12px;
}

.stack-trace-line {
	padding: 0 0 0 30px;
	font-size: 10px;
}

.pickupScheduleValueTable,
.driverValueTable,
.vehicleValueTable,
.rateRangeValueTable {
	padding: 0 0 0 15px;
}

.ratesNameCell {
	font-size: 12px;
	font-style: italic;
	padding: 0px 0px 0px 20px;
}

.participantSummaryKeyRow,
.numberGenListRow,
.podHyperlinkListRow,
.accountNumListRow,
.transitTimeModifierListRow {
	width: 100%;
	display: table-row;
}

.participantSummaryKeyTypeTitle,
.participantSummaryKeyCell,
.numberGenListNameCell,
.podHyperlinkListNameCell,
.podHyperlinkListNameCell,
.numberGenPattern,
.accountNumListNameCell,
.transitTimeModifierListNameCell,
.accountNumListValueCell,
.transitTimeModifierListValueCell {
	display: table-cell;
}

.numberGenListNameCell,
.podHyperlinkListNameCell,
.numberGenPattern,
.accountNumListNameCell,
.transitTimeModifierListNameCell {
	padding: 0px 0px 0px 35px;
}

.participantSummaryWrapper {
	width: 100%
}

.journeyListNameCell,
.uomListNameCell,
.accountNumNameCell,
.numberGenNameCell {
	display: inline;
}

.journeyListDiv {
	padding: 3px 5px 3px 5px;
}

.consignmentDetailTable,
.uomListTable,
.accountNumListTable,
.rateRangeListTable,
.numberGenListTable,
.podHyperlinkListTable,
.pickupScheduleListTable,
.driverListTable,
.vehicleListTable,
.transitTimeModifiersListTable,
.pickupAddressCell,
.moveitUserCell {
	padding: 5px 10px 5px 10px;
}

.consignmentDetailTable,
.uomListTable,
.accountNumListTable,
.rateRangeListTable,
.numberGenListTable,
.podHyperlinkListTable,
.pickupScheduleListTable,
.driverListTable,
.vehicleListTable,
.transitTimeModifiersListTable,
.pickupAddressCell,
.moveitUserCell {
	padding: 5px 10px 5px 10px;
}

.consignmentDetailTable,
.journeyListTable,
.uomListTable,
.accountNumListTable,
.rateRangeListTable,
.numberGenListTable,
.podHyperlinkListTable,
.pickupScheduleListTable,
.driverListTable,
.vehicleListTable,
.transitTimeModifiersListTable,
.pickupAddressCell,
.moveitUserCell {
	margin: 4px 0px 0 35px;
}

.journeyListTable {
	width: 95%;
}

.journeyListDiv {
	background: #E6E7F9;
	border: solid #D2D2DD 1px;
	
}

.consignmentDetailTable {
	background: #FDFFDC;
	border: solid #FFE1A9 1px;
	
}

.uomListTable {
	background: #E6F9E6;
	border: solid #D2DDD2 1px;
	
}

.accountNumListTable {
	background: #F9F9E6;
	border: solid #DDDDD2 1px;
	
}

.rateRangeListTable {
	background: #F9F9E6;
	border: solid #DDDDD2 1px;
	
}

.numberGenListTable {
	background: #F9E6E8;
	border: solid #BCBCBC 1px;
	
}

.podHyperlinkListTable {
	background: #F5F5F5;
	border: solid #BCBCBC 1px;
	
}

.pickupScheduleListTable {
	background: #F5F5F5;
	border: solid #BCBCBC 1px;
	
}

.driverListTable {
	background: #F5F5F5;
	border: solid #BCBCBC 1px;
	
}

.vehicleListTable {
	background: #F5F5F5;
	border: solid #BCBCBC 1px;
	
}

.transitTimeModifiersListTable {
	background: #F5F5F5;
	border: solid #BCBCBC 1px;
	
}

.moveitUserCell .pickupAddressCell {
	border: none;
	margin: 4px 20px 0 5px;
}

.moveitUserCell .pickupAddressCell DIV {
	border: none;
	padding: 0px 0px 0px 0px;
}

.moveitUserInfo {
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-style: italic;
}

.pickupAddressCell {
	background: #E6E8F9;
	border: solid #D2D2DD 1px;
	
}

.pickupAddressCell .pickupAddressExternalId {
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-style: italic;
}

.moveitUserCell {
	background: #E6F8F9;
	border: solid #D2D3DD 1px;
}

.default-header-wrapper {
	margin-left: auto;
	width: 100%;
	background: white;
	height: 120px;
}

.default-header-left-logo IMG {
	height:70px;
}

.default-header-left-logo {
	position: absolute;
	top: 5px;
	left: 15px;
	font-size: 32px;
}

.default-header-left-logo,
.default-header-login-details,
.default-header-login-blurb {
	margin: 0 0 0 20px;
}

.default-header-right-logo {
	border: none;
	float: right;
	margin: 0 50px 0 0;
}

.default-header-login-details {
	position: absolute;
	left: 20px;
	top: 76px;
}

.default-header-company {
	font-size: 20px;
	margin: 0px 20px 0px 0px;
}

.default-header-user {
	font-size: 12px;margin: 0px 20px 0px 0px;
}

.default-header-login-blurb {
	position: absolute;
	left: 20px;
	top: 80px;
	font-size: 24px;
}

.default-header-login-wrapper {
	width: 100%;
	padding-top: 20px;
	border-top: #a5a5a5 1px solid;
}

.default-login-copyright {
	padding-left: 15px;
}

.accountNumValue,
.transitTimeModifierValue,
.numberGenPattern {
	float: left;
	margin: 0 5px 0 0;
}

.participantSummaryWrapper TD,
.participantSummaryWrapper {
	font-size: 90%;
}

.paddingRow {
	height: 15px;
	vertical-align: top;
}

.participantSummaryKeyCell,
.accountNumValue,
.transitTimeModifierValue,
.numberGenPattern,
.numberGenArgument,
.podHyperlinkParameter,
.podHyperlinkMethod {
	padding: 0 0 0 20px;
}

.participantSummaryTypeNameCell {
	font-style: italic;
	font-weight: bold;	
	display: inline;
}

.participantSummaryRemoveCell {
	float: right;
	display: inline;
}

.participantSummaryKeyTitle,
.participantSummaryKeyTypeTitle {
	padding: 2px 10px 0 20px;
}

.viewParticipantActionLink {
	font-style: italic;
	font-size: 14px;
	font-style:italic;
}

.load_towns_link {
	margin: 0px 0px 0px 20px;
}

.add_broker_shipper_panel {
	margin: 0px 0px 0px 200px;
}

.journey_selection_panel,
.service_selection_panel {
	width: 60%;
	margin: 0px 0px 0px 150px;
}

.journey_selection,
.service_selection {
	margin: 0px 10px 0px 0px;
}

.journey_margin_panel,
.service_margin_panel {
	float: right;
	position: relative;
	top: -9px;
}

.journey_margin_input,
.service_margin_input {
	width: 40px;
	position: relative;
	top: 3px;
}

.centered_button_panel {
	margin-left: auto;
    margin-right: auto;
    width: 30%;
	margin-top: 40px;
}

.head td {
	padding: 0px;
}

.head {
	padding-top: 0px;
	margin-left: 40px;
}

.userInfo {
    padding: 6px 10px 6px 20px !important;
    color : #336699;
    font-weight: bold;
    width: 95%;
}

.envInfo {
	background: #ffdbd8;
	border: solid #cd948e 1px;
	font-size : 120%;
    color: #E65100;
    font-weight: bold;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.maintMsg {
    color : #E65100;
    font-weight: bold;
    width: 100%;
    text-align: right;
}

.copyrightInfo {
	font-size: 75%;
	color: #336699;
	font-weight: bold;
}

H1 {
	font-size : 105%;
	font-weight: bolder;
	color: #336699;
	line-height: 130%;
	text-align: left;
}

H2 {
	font-size: 95%;
	color: #336699;
	line-height: 130%;
}

H3 {
	
	color: #336699;
	font-weight: bold;
}

P,
.bodyText {
	list-style-type: disc;
	
	color: #3D3937;
}

P.total {
	padding: 10px 0px 7px 0px;
	
	font-weight: bold;
	color: #3D3937;
}

.quick-edit-panel {
	border: 1px solid #969696;
	padding: 5px 10px 4px 10px;
	background-color: #F3F4F5;
	position: absolute;
	right: 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.login-feature {
	background-color: #E3DFF0;
	padding: 30px;
	color: #2E3192;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 300px;
}

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

.contained-feature {
	border: #005994 1px solid;
	border-bottom: none;
}

.header-white-feature {
	background-color: white;
}

.header-blue-feature {
	background-color: #E3DFF0;
}

.header-feature {
	padding: 10px;
	color: #2E3192;
	border-top-right-radius: 20px;
}


.first A:ACTIVE,
.second A:ACTIVE,
.third A:ACTIVE,
.fourth A:ACTIVE,
.fifth A:ACTIVE,
.sixth A:ACTIVE {
	color: #E65100;
}

.first A:LINK,
.second A:LINK,
.third A:LINK,
.fourth A:LINK,
.fifth A:LINK,
.sixth A:LINK {
	color: #336699;
}

.first A:VISITED,
.second A:VISITED,
.third A:VISITED,
.fourth A:VISITED,
.fifth A:VISITED,
.sixth A:VISITED {
	color: #336699;
}

.first A:HOVER,
.second A:HOVER,
.third A:HOVER,
.fourth A:HOVER,
.fifth A:HOVER,
.sixth A:HOVER {
	color: #E65100;
}

TABLE {
	background-color: transparent;
}


TR.header {
	
	color: #FFFFFF;
	background-color: #3D3937
}

.commandLink {
    
    color : #336699;
    font-weight: bold;
}

.commandLinkNested {
    color : #336699;
    font-weight: bold;
}

.inputLabel {
    
    font-weight: bold;
    color: #2F3738;
    text-align: left;
    white-space: nowrap;
}

.inputLabelAlert {
    
    font-weight: bold;
    color: #F35A22;
    text-align: left;
    white-space: nowrap;
}

.inputLabelBig {
    font-size: 95%;
    font-weight: bold;
    color: #2F3738;
    text-align: left;
    white-space: nowrap;
}

.inputLabelAlignRight {
    
    font-weight: bold;
    color: #2F3738;
    text-align: right;
    white-space: nowrap;
}

.inputLabelLine {
    border-bottom: 1px solid #000000;
    
    font-weight: bold;
    color: #2F3738;
    white-space: nowrap;
}

.first {
}

.firstOver {
}

.firstBG {
}

.centerAlignImage {
    vertical-align: middle;
}

.second {
}

.secondOver {
}

.secondBG {
}

.third {
	
	background-color: #FFDECA;
}

.thirdOver {
	
	background-color: #FFC09B;
}

.thirdBG {
	background-color: #FFDECA;
}

.fourth {
	
	background-color: #BBD1E8;
}

.fourthOver {
	
	background-color: #A8C5E1;
}

.fourthBG {
	background-color: #BBD1E8;
}

.fifth {
	
	background-color: #FD5800;
}

.fifthOver {
	
	background-color: #E65100;
}

.fifthBG {
	background-color: #FD5800;
}

.sixth {
	
	background-color: #FFCC66;
}

.sixthOver {
	
	background-color: #FF9900;
}

.sixthBG {
	background-color: #FFCC66;
}

.blueButton {
	
	color : #FFFFFF;
	background-color: #336699;
}

.redButton {
	
	color : #FFFFFF;
	background-color: #E65100;
}

.lightBlueButton {
	
    background-color: #DFEAF4;
}

A.calControl {
    
}

INPUT.control {
}

INPUT.cntrlAll {
	color: #171411;
    border: #171411 2px solid;
}

SELECT.control {
}

TEXTAREA.control {
}




.filterMessage {
    
}

.text {
	
}

.subtext {
	font-size: 70%;
}

.error {
	font-size: 85%;
	font-weight: bold;
	color: #E65100;
}
.notify {
  color: #E65100;
  font-weight: bold;
  
}
.allTabs {
  z-index: 8887;
  position: relative;
}

.detailPanelTab {
	height: 2.5em;
	background-color: #E6E6E6;
}

.detailPanelTabSelected {
	height: 2.5em;
	background-color: white;
	z-index: 1;
}

.detailPanelTab,
.detailPanelTabSelected {
	
	padding: 7px 10px 9px 10px;
	margin: 5px 5px 5px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	border: 1px solid #ddd;
	border-bottom: none;
	position: relative;
}

.detailPanel {
	position: relative;
	/* margin: 15px 0; */
	padding: 20px 10px 10px 10px;
	margin: 7px 0px 0px 0px;
	background-color: #fff;
	-webkit-border-radius: 0px 4px 4px 4px;
	-moz-border-radius: 0px 4px 4px 4px;
	border-radius: 0px 4px 4px 4px;
}
.detailPanel {
	border: 1px solid #ddd;
}

.switchPanel {
  z-index: 0;
  position: relative;
  background-color: #FFFFFF;
  border: 1px #000000 solid;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: none;
}
.detailPanelTitleText {
  color: #023C60;
}
.detailPanelTitleHead {
  color: #A5AEBC;
  font-weight: bold;
  text-align: right;
  padding: 0px 7px 0px 0px;
}

#layerConnoteDetails,
#layerLegDetails,
#layerTracking,
#layerAuditTrail {
	padding-top: 0px;
}

.actionsWrapper {
}

.actionsTrigger {
	padding: 4px;
	background: #ffffff;
	width: 10em;
	text-align: right;
	vertical-align: middle;
}
.actionsTriggerActive {
	padding: 3px;
	background: #EEEEEE;
	width: 10em;
	text-align: right;
	vertical-align: middle;
}
.actionsHidden {
	display: none;
}
.actionsVisible {
	display: block;
}
.actionsContainer {
	position: relative;
	text-align: left;
	width: 10em;
    padding: 3px;
	vertical-align: middle;
    z-index: 10;
}
.actionsContainer ul {
	background: #FFFFFF;
	list-style-type: none;
	padding: 3px;
	margin: 0px;
	position: absolute;
	text-align: right;
	vertical-align: middle;
}
.actionsContainer ul a {
	padding: 1px;
	display: block;
	width: 9em;
	vertical-align: middle;
}
.actionsContainer ul a:hover {
	background: #EEEEEE;
}
.popup {
    border: 1px solid #171411;
    background: #FFFFFF;
    padding: 5px;
}

.selectArrow {
    position: relative;
    top: 4px;
}

.image-cell {
	padding: 0 0 0 7px;
	width: 30px;
}
.processing_text {
	font-size: 105%;
	font-weight: bolder;
	color: #369;
}
.system_property {
	font-size: 10pt;
}
.session_attribute_value {
	vertical-align: top;
}
.session_attribute {
	font-size: 10pt;
}
TABLE.propagated_property, TABLE.session_attribute {
	width: 100%;
	padding: 5px 5px 5px 5px;
}
.display_border {
	border: 1px solid #d2e1c9;
}
.display_W {
	background: #e8f9df;
	border: 1px solid #d2e1c9;
}
.display_A {
	background: #FFDEAD;
	border: 1px solid #bec1d6;
}
.display_W, .display_A, .display_S, .display_backgrounded, .display_sch_monthly, .display_sch_weekly, .display_sch_daily {
	font-size: 10pt;
}
tr.display_report_1 TD,
TD.display_report_1 {
    background: #ffd9d3;
	border-color: #d9b9b4!important;
} 
tr.display_report_2 TD,
TD.display_report_2 {
    background: #F3F4F5;
	border-color: #D0D4DB!important;
}
tr.display_report_3 TD,
TD.display_report_3 {
    background: #F3F4F5;
	border-color: #D0D4DB!important;
}
tr.display_report_4 TD,
TD.display_report_4 {
	background: #F3F4F5;
	border-color: #D0D4DB!important;
}
tr.display_report_5 TD,
TD.display_report_5 {
    background: #ffd9d3;
	border-color: #d9b9b4!important;
}
TR.display_report_1 TD,
TR.display_report_2 TD,
TR.display_report_3 TD,
TR.display_report_4 TD,
TR.display_report_5 TD {
	padding: 1px 0px 1px 0px;
}
.top {
    border-top:1px solid #7C6E84;
}

.left {
    border-left:1px solid #7C6E84;
}

.right {
    border-right:1px solid #7C6E84;
}

.bottom {
    border-bottom:1px solid #7C6E84;
}
.report_header {
    border: 1px solid #FFFFFF;
}
TD.blank_report_row {
    height: 1px;
    font-size: 1px;
  	background: transparent!important;
  	padding: 0px 0px 0px 0px!important;
}

TD.system_property_input {
	float: right;
}
.property_desc TD {
	font-size: 8pt;
	padding-left: 25px;
}
TABLE.system_properties_main {
	width: 400px;
}
TABLE.system_properties_legend,
TABLE.system_properties_main {
	margin-left: 40px;
}
.legend {
	padding: 5px 10px 5px 10px;
	border: 1px solid;
}
TABLE.report_details {
	width: 80%;
	text-align: center;
}
TABLE.criteria_details {
	width: 100%;
	text-align: center;
}
TD.criteria_details_cell {
	width: 33%;
	vertical-align: top;
}
.logged_is_user_details {
	width: 95%
}
.logged_is_user_details TD {
	text-align: center;
}
TABLE.reporting_legend,
.logged_is_user_details,
TABLE.active_reports,
TABLE.retired_reports,
TABLE.report_details,
TABLE.criteria_details {
	font-size: 10pt;
}
TABLE.report_details TH,
TABLE.criteria_details TH {
	border: 1px solid #939393;
}
TR.logged_is_user_headings {
	background: #dee1f9;
	border: 1px solid #bec1d6;
}
TR.logged_is_user_headings TD,
TR.logged_is_user_headings TH {
	padding: 2px 5px 2px 5px;
}
.hidden {
	display: none;
}
TD.sub_text {
	font-size: 8pt;
}
TD.schedule_desc {
	font-size: 8pt;
}
.clickable {
	cursor: pointer;
}
TABLE.active_reports,
TABLE.retired_reports {
	width: 100%;
}
.filter_header {
	font-weight: bold;
	width: 40%;
}
.filter_title {
	vertical-align: top;
	width: 20% !important;
}
.participant_filter_title {
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}
.filter_usage_main {
	font-size: 10pt;
}
.filter_results {
	background: #fafbfc;
	border: solid #D0D4DB 1px;
	margin-bottom: 5px;
	width: 100%;
}
.filter_value_title,
.filter_value,
.filter_title,
.filter_header {
	font-size: 10pt;
}
.filter_header {
	padding-right: 15px;
}
.filter_usage_data {
	width: 100%;
}
.date_picker_value {
	padding: 0px 15px 0px 0px; 
}

.search_box {
    width: 100%;
    position:relative;
}

.userSwitchInputBox {
    padding-top:8px;
    padding-right:6px;
    width:5px;
}

.label_scanning_warning {
	width: 200px;
}

/* general */
#page-wrap							{ width: 95%; padding: 0; }
#page-wrap TD 						{ white-space: nowrap;}
ul									{ list-style: none; }

/* menus level 1 */
ul.dropdown                         { position: relative; z-index:9999;margin: 0; padding: 0;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #336699; margin:0; padding: 0; height: 33px;}
ul.dropdown a:hover		            { color: white; }
ul.dropdown a:active                { color: white; }
ul.dropdown li a                    { font: 12px Arial, Helvetica, Verdana, Sans-serif; display: block; color: #ffffff; text-decoration: none;}
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #5C85AD; position: relative; z-index:9999; height: 33px;}
ul.dropdown li.hover a              { font: 12px Arial, Helvetica, Verdana, Sans-serif; color: #ffffff; text-decoration: none; }

ul.sub_menu li 						{ height: 20px;}
ul.sub_menu li.hover,
ul.sub_menu li:hover				{ height: 20px;}

ul.sub_menu_account li 				{ height: 20px; width: 300px}
ul.sub_menu_account li.hover,
ul.sub_menu_account li:hover		{ height: 20px; width: 300px}

/* menus level 2 */
ul.dropdown ul 						{ width: 235px; visibility: hidden; position: absolute; z-index:9999; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: plain; background: #336699; color: #ffffff; border-bottom: 1px solid #313F49; float: none; padding: 2px 8px; }
ul.dropdown ul li a					{ font: 12px Arial, Helvetica, Verdana, Sans-serif; border-right: none; width: 100%; display: inline-block; text-decoration: none; } /* IE 6 & 7 Needs Inline Block */

.genConnoteActions {
	width: 100%;
	border: none;
}

.genConnoteActions td {
	width: 120px;
	text-align: center;
}

.missing-labels-alert {
	margin: 5px 10px 5px 5px;
	
	width: 99% ! important;
}

.missing-labels-alert IMG {
	width: 20px;
	height: 20px;
}

.missing-labels-alert {
	font-size: 8pt;
}

.ui-autocomplete-input {
	display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.details-sub-table {
	width: 100%;
	margin: 20px 0px 0px 0px;
}

img {
  vertical-align: unset ! important;
}

.created-btn-bar input {
	margin-left: 10px;
}

.cnn_list_form {
	padding: 0px 0px 20px 0px;
}

.connoteAddressDetails {
	height: 7em;
}

.genConnoteEditLink {
	vertical-align: top;
	text-align: right;
}

.connoteChargeDetails {
	width: 95%;
	margin-top: 20px;
}

.connoteChargeDetails td {
	padding-right:3px;
}

.genConnoteAddressCell {
	width:auto;
	vertical-align: top;
}

.genConnoteAddressCell {
	padding: 0px 10px 0px 10px;
}

.form-control {
	width: 97% ! important;
	margin-bottom: 3px;
}

.despatchDateTimeSelection {
	width: 100%;
}

.acknowledge-notification {
	float:right;
	cursor:pointer;
}

.connoteAddressSelection {
}

.genConnoteAddressCell {
	vertical-align: top;
}

.connoteAddressInfo {
	width:98%;
}

.connoteAddressSelectionTable {
	width: 97%;
}
.connoteAddressHeading {
	font-size: 18px;
	padding: 5px 0px 2px 2px;
}

.connoteAddressSearch {
	text-align: right;
	vertical-align: bottom;
}

.connoteAddressSearch,
.connoteAddressDetails {
	font-size: 85%;
}

.genConnoteTypeSelection input {
	width: 20px ! important;
}

.genConnoteValueSelection {
	white-space: nowrap;
	padding: 0px 25px 0px 3px;
}

.inv-label {
	padding: 0px 0px 3px 10px;
}
.inv-field {
	padding: 6px 3px 3px 6px;
	text-align: left;
}

.inv-table {
    border: none;
    border-right: solid 1px #DDEFEF;
    border-collapse: separate;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.inv-table thead th {
    background-color: #DDEFEF;
    border: none;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
}
.inv-table tbody td {
    border-bottom: solid 1px #DDEFEF;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
}

.inv-wrapper {
    position: relative;
}
.inv-scroller {
    margin-left: 563px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 70%;
}
.inv-header {
    position: relative;
}
.inv-sticky-col1x {
	  /*! background-color: yellow; */
    /*border-right: solid 1px #DDEFEF;*/
    left: 0px;
    position: absolute;
    top: auto;
    width: 45px;
	  height: 40px;
}
.inv-sticky-col2x {
	  /*background-color: cyan;*/
    /*border-right: solid 1px #DDEFEF;*/
    left: 45px;
    position: absolute;
    top: auto;
    width: 300px;
		height: 40px;
}
.inv-sticky-col3x {
    /*background-color: green;*/
    /*border-right: solid 1px #DDEFEF;*/
    left: 345px;
    position: absolute;
    top: auto;
    width: 150px;
		height: 40px;
}
.inv-sticky-col4x {
    /*background-color: green;*/
    /*border-right: solid 1px #DDEFEF;*/
    left: 494px;
    position: absolute;
    top: auto;
    width: 70px;
		height: 40px;
}
.inv-table {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  font-size: 14px;	
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.inv-table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.inv-table-bordered {
  border: 1px solid #ddd;
}
.inv-table-bordered > thead > tr > th,
.inv-table-bordered > tbody > tr > th,
.inv-table-bordered > tfoot > tr > th,
.inv-table-bordered > thead > tr > td,
.inv-table-bordered > tbody > tr > td,
.inv-table-bordered > tfoot > tr > td {
  border-top: 1px solid #ddd;
	border-left: 0px solid #ddd;
	border-right: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.inv-table-bordered > thead > tr > th,
.inv-table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.inv-table-detail-td {
	text-align:left;
	width:5%;
}

.double-scroll {
  /*margin-left: 400px;*/
  width: auto;
    margin-left: 518px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 70%;  
}

tr.stickyrow th {
  background: #e6e6e6;	
  position: sticky;
  top: 0;  
}

.stickycol {
	font-weight: normal;
	vertical-align: middle;
	z-index: 1;
}

.collapsme {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapseme:hover {
  background-color: #555;
}

.collapsemedata {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.showmore {
  background-color: none;
  border-color: #ddd;
  border-width: 1px;
}