@font-face {
  font-family: 'ABBVoice-Bold';
  src:  url('../font/ABBvoice/ABBvoice_W_Bd.eot');
  src:  url('../font/ABBvoice/ABBvoice_W_Bd.eot#iefix') format('embedded-opentype'),
  url('../font/ABBvoice/ABBvoice_W_Bd.woff2') format('woff2'),
  url('../font/ABBvoice/ABBvoice_W_Bd.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ABBVoice-Regular';
  src:  url('../font/ABBvoice/ABBvoice_W_Rg.eot');
  src:  url('../font/ABBvoice/ABBvoice_W_Rg.eot#iefix') format('embedded-opentype'),
  url('../font/ABBvoice/ABBvoice_W_Rg.woff2') format('woff2'),
  url('../font/ABBvoice/ABBvoice_W_Rg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ABBVoice-Light';
  src:  url('../font/ABBvoice/ABBvoice_W_Lt.eot');
  src:  url('../font/ABBvoice/ABBvoice_W_Lt.eot#iefix') format('embedded-opentype'),
  url('../font/ABBvoice/ABBvoice_W_Lt.woff2') format('woff2'),
  url('../font/ABBvoice/ABBvoice_W_Lt.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ABBVoice-Medium';
  src:  url('../font/ABBvoice/ABBvoice_W_Md.eot');
  src:  url('../font/ABBvoice/ABBvoice_W_Md.eot#iefix') format('embedded-opentype'),
  url('../font/ABBvoice/ABBvoice_W_Md.woff2') format('woff2'),
  url('../font/ABBvoice/ABBvoice_W_Md.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BOLfont';
  src: url('../font/font_08_06_17/BOLfont.eot');
  src: url('../font/font_08_06_17/BOLfont.eot') format('embedded-opentype'),
  		url('../font/font_08_06_17/BOLfont.ttf') format('truetype'),
  		url('../font/font_08_06_17/BOLfont.woff') format('woff'),
  		url('../font/font_08_06_17/BOLfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  unicode-range: u+e900-ecff;;
}

action body.Popup
{
	background: white;
}

.calendar {
  z-index: 999;
}

.ui-menu { width: 130px; }
.menuRelative { position: relative; }
.menuDetailActions { position: absolute; display:none; left:190px; top: 3px; width: 130px; }
.menuDetailAbsolute { position: absolute; display:none; }

.addressLinks { font-size: 100%; }

.clickableTextWithHint {
	cursor: help;
	border-bottom: 1px dashed #999;
	text-decoration: none;
}

div.readonlySelectContainer {
	position: relative;
}

div.readonlySelectHoover {
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	background-color: white;
}

ul.actionMessage {
	list-style-type: none;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

.breakWord {
	word-break: break-word;
}

ul.errorMessage {
	list-style-type: none;
	font-style: italic;
	font-family: 'ABBVoice-Bold';
	color: #C71585;
	border: none !important;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

h2.popupHeader {
	background-color:#EEE;
	color:#000000;
	padding: 6px 12px 4px 12px;
	font-family: 'ABBVoice-Bold';
}

.cancelledRow, .nonEligibleLine {
	background-color: gainsboro;
	opacity: 0.5;
}

.columnDataSeparator {
	padding-right: 5px;
}

.popupHeader {

	background-color:#EEE;
	color:#000000;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	font-family: 'ABBVoice-Bold';

}

.popupHeader h2 {
	margin-top:0;
	margin-bottom:0;
}

.popupFooter {

	background-color:#EEE;
	text-align: right;
	padding-left: 12px !important;
	padding-right: 12px !important;
	padding-top:9px !important;
	padding-bottom: 9px !important;

}

.OrderDetails .termsAndConditions h2.title {
	font-size: 100% !important;
	font-weight: normal !important;
}

.PriceTable input[readonly] {
	background-color: transparent;
}

#DivLiveChat
{
	visibility: hidden;
	display: none;
}

#DivLiveChatContainer
{
	padding: 5px;
}

#DivLiveChatContainer .chatBox
{
	width: 100%;
	border: solid 1px #cccccc;
	overflow: auto;
	color: Black;
	margin-bottom: 10px;
}

#DivLiveChatContainer .talkBox
{
	width: 100%;
	border: solid 1px #cccccc;
	overflow: auto;
	color: Black;
	margin-bottom: 0px;
}

#CognosReports, #OtherServices, #MyCatalogs p
{
	padding-left: 20px;
}

div#overDIV .buttonSmall {
	margin: 4px;
}

div.HelpPopup
{
	border: solid 1px #BEBEBE;
	background-color:#fff;
	padding: 5px;
	word-wrap: break-word;
}

div.HelpPopup ul, div.HelpPopup li
{
	list-style: square;
	margin: 10px;

}

div.HelpPopup .iconInfo
{
	background-image: url(/webapp/Images/BOL/Icons/questionmark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 15px;
	width: 11px;
	height: 11px;
	cursor: pointer;
}

iconInfo
{
	background-image: url(/webapp/Images/BOL/Icons/questionmark.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 0px;
	border: none;
	width: 11px;
	height: 11px;
	cursor: pointer;

}

div.TreeView{
margin-top: 10px;
margin-bottom: 10px;

}

div.TreeView div
{
	margin-left: 15px;
	line-height: 20px;

}
a.iconArrow {
	background-image: url(/webapp/Css/Images/arrow_right_separated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
div.TreeView a
{
	background-image: url(/webapp/Css/Images/arrow_right_separated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #3778B4;

}

div.TreeView span.selected {
	padding-left: 10px;
	font-family: 'ABBVoice-Bold';
}

div.ParametricSearchAttributes table{
	margin-top: 10px;
}

div.ParametricSearchAttributes table td.colL {
	font-family: 'ABBVoice-Bold';
	text-align: right;
}

table.ParametricSearchForm, table.AddressManagerForm {
	width: 100%;
	padding: 0px 12px 12px 12px;
}

table.ParametricSearchForm td, table.AddressManagerForm td {
width: 25%;
padding-top: 6px;
color: Black;
}

table.ParametricSearchForm td select, table.AddressManagerForm td select {
width: 95%;
}

input.disabled
{
	border: solid 0px black;
}


.themeBOL h1, .themeBOL h2, .themeBOL h3, .themeBOL h4, .themeBOL h5, .themeBOL h6
{
	color: #dc4379;
}

.themeTorquoise h1, .themeTorquoise h2, .themeTorquoise h3, .themeTorquoise h4, .themeTorquoise h5, .themeTorquoise h6
{
	color: #006666;
}



.buttonSelectReplace
{
	border: none;
	width: 23px;
	height:19px;
	cursor: pointer;
}

.mandatoryField, .alertText
{
	color: #dc4379;
}

.mandatoryField, .grayText
{
	color: gray;
}

td.mandatoryFieldHilight
{
	background-image: url(/webapp/Images/BOL/mandatoryField_small2.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: 'ABBVoice-Bold';
}

td.mandatoryField, span.mandatoryField, div.mandatoryField
{
	color: Black;
	background-image: url(/webapp/Images/BOL/mandatoryField_small2.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

span.redLight
{
	background-image: url(/webapp/Images/BOL/Icons/redlight.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

span.greenLight
{
	background-image: url(/webapp/Images/BOL/Icons/greenlight.gif);
	background-repeat: no-repeat;
	background-position: right center;
}



table.RequestAccount td.colL
{
	text-align: right;
	padding-right: 10px;

}

table.RequestAccount input.txtL, table.RequestAccount select.txtL
{
	width: 250px;
}

table.RequestAccount textarea.txtXL
{
	width: 350px;
}

table.RequestAccount label
{
	padding-left: 3px;
	padding-right: 10px;
}



.ProductPic
{
	width: 200px;
	text-align: center;
}

.ProductInfo td
{
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: "ABBVoice-Regular";
}

.ProductInfo tr.titleRow td
{
	background-color: #eeeeee;
	padding: 5px;
	font-family: "ABBVoice-Regular";

}

.ProductInfo td.colL
{
	vertical-align: top;
	text-align: right;
	font-family: 'ABBVoice-Bold';
	color: Black;
	white-space: nowrap;
}



.ProductInfo td.colR
{
	vertical-align: top;
	padding-left: 10px;
	color: Black;
	font-family: "ABBVoice-Regular";
}

.ProductInfo table.noPicture
{
	border-color: #eeeeee;
	border-collapse: collapse;
	border: 1;
	width: 70%;
	height: 60%;
}

.ProductFeatures ul, .ProductInfo li
{
	list-style: square;
	margin: 20px;
	font-family: "ABBVoice-Regular";

}


.MultipleProductEntry .txtXL
{
	width: 120px;
}

.MultipleProductEntry .txtL
{
	width: 100px;
}

.MultipleProductEntry .txtM
{
	width: 75px;
}

.MultipleProductEntry .txtS
{
	width: 40px;
}

.MultipleProductEntry formfield, .MultipleProductEntry input
{
	width: 100%;
}

.MultipleProductEntry tr.HeaderRow td
{
	vertical-align: bottom;
}

.MultipleProductEntry tr.HeaderRow td input
{
	margin-left: 5px;
}

.MultipleProductEntry tr.HeaderRow input
{
	width: auto;
}

.IconCalendar
{
	background-image: url(/webapp/Images/BOL/Buttons/calendar.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 19px;
	height: 20px;
}

.IconEdit
{
	background-image: url(/webapp/Images/BOL/Buttons/edit2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 19px;
	height: 20px;
}

.IconDelete
{
	background-image: url(/webapp/Images/BOL/Buttons/delete2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 19px;
	height: 20px;
}

.IconRefresh
{
	background-image: url(/webapp/Images/BOL/Buttons/refresh2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 15px;
	height: 15px;
}

.IconSave
{
	background-image: url(/webapp/Images/BOL/Buttons/save2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 15px;
	height: 15px;
}

.IconCopy
{
	background-image: url(/webapp/Images/BOL/Buttons/copy2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 15px;
	height: 15px;
}
.IconAlert
{
	background-image: url(/webapp/Images/BOL/Icons/alert.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	border: solid 0px white;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
.IconCart {
	background-color:transparent;
	background-image:url(/webapp/Images/BOL/Buttons/add_to_cart2.gif);
	background-repeat:no-repeat;
	border:0 solid white;
	cursor:pointer;
	height:15px;
	width:15px;
	padding: 0px 7px;
}
.IconExcel {
	background-color:transparent;
	background-image:url(/webapp/Images/BOL/Buttons/excel.gif);
	background-repeat:no-repeat;
	border:0 solid white;
	cursor:pointer;
	height:15px;
	width:15px;
}

.LoadingMessageContainer
{
	position:absolute;
	margin-left:200px;
	min-height:20px;
  	height:auto !important;
  	height:20px;
}

.LoadingMessage
{
	color: black;
	font-family: 'ABBVoice-Bold';
	text-align: left;
	padding-left: 25px;
	background-image: url(/webapp/Images/BOL/Icons/progress.gif);
	background-repeat: no-repeat;
	height:18px;
	width: 150px;
	white-space: nowrap !important;
}


a.iconConfigure
{
	background-image: url(/webapp/Images/BOL/Buttons/configure2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	background-position: center center;
	border: solid 0px white;
	cursor: pointer;
	width: 15px;
	height: 20px;
	display: inline-block;
}

a.iconConfigureFade
{
	background-repeat: no-repeat;
	background-color: Transparent;
	background-position: left center;
	border: solid 0px white;
	cursor: pointer;
	width: 19px;
	height: 20px;
}
a.iconRefresh
{
	background-image: url(/webapp/Images/BOL/Buttons/refresh2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	background-position: center center;
	border: solid 0px white;
	cursor: pointer;
	width: 19px;
	height: 20px;
}

a.iconSave
{
	background-image: url(/webapp/Images/BOL/Buttons/save2.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	background-position: center center;
	border: solid 0px white;
	cursor: pointer;
	width: 19px;
	height: 20px;
}



a.iconInfo
{
	background-image: url(/webapp/Images/BOL/Icons/questionmark.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	margin-top:-3px;
	width: 10px;
	height: 12px;
}
a.iconEnlarge
{
	background-image: url(/webapp/Images/BOL/Icons/enlarge.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	width: 13px;
	height: 13px;
}



.Paging
{
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;

	text-align: center;
}

.Paging a, .Paging span
{
	margin-left: 2px;
	margin-right: 2px;
}

.Paging .selected
{
	font-family: 'ABBVoice-Bold';
	color: Black;
}


.ProductCrumbsHeader
{

	color: #dc4379;
	font-family: 'ABBVoice-Bold';
}

#ProductCrumbs
{
	margin-top: 5px;
	margin-bottom: 5px;
}

#ProductCrumbs .item
{
	float: left;
}

#ProductCrumbs .selected
{
	float: left;
	color: Black;
}

#ProductCrumbs .separator
{
	float: left;
	color: Black;
	margin-left: 5px;
	margin-right: 5px;
}

.breadCrumbs ul li .disabledItem {
	color: #bbb;
}

.TotalPriceSum, span.TotalPriceSum
{
	border-top: solid 1px black;
	font-family: 'ABBVoice-Bold';
	height: 25px;
}

.NoWrap
{
	white-space: nowrap;
}

a.iconInfo {
	border:none;
}
input.iconInfoI
{
	width: 15px;
	height: 15px;
	background-color: none;
	color: White;
	border: none;
	font-size: 10px;
	font-family: "ABBVoice-Light";
}


tr.ConfiguredProduct
{
	background-color: #808285;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
}

table.NoStyle, table.NoStyle td
{
	padding: 0;
	margin: 0;
	border: 0;
}

a.iconCart
{
	color: Black;
	padding-left: 20px;
	background-image: url(/webapp/Images/BOL/Icons/carts.gif);
	background-repeat: no-repeat;
}

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: white;
	visibility: hidden;
	z-index: 2; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
	position: absolute;
	left: -300px;
	z-index: 2;
	visibility: hidden;
}

.InputQtyMultiEntry input
{
	text-align:right;
}

#AddressManagerForm tr {
height: 30px;
}

/*carts menu*/
#cartMenuObj{
	display:none;
	position:absolute;
	top:30px;
	left:0;
	background-color:#fff;
	border-bottom:1px solid #C7C7C7;
	border-left:1px solid #C7C7C7;
	border-right:1px solid #C7C7C7;
	font-size:11px;
}

#cartMenuObj a {
	background:none;
	padding:7px 3px 5px 10px;
}
#cartMenuObj .selected {
	background-color:#C7C7C7;
	border-top:1px solid #C7C7C7;
}
#cartMenuObj .noselected {
	border-top:1px solid #C7C7C7;
}

/*
*
3rd party style overrides begins
*
*/

a.iconShowMore
{
	background-image: url(/webapp/Images/BOL/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	height: 15px;
	/*color: black;*/
	color:#3778B4;
	text-decoration: underline;
}

.iconRefreshPrices {
	color: Black;
	padding-left: 20px;
}

.attachCellTitle {
	float:left;
	width:170px;
	margin:1px;
}
.attachCellTitleLong {
	float:left;
	width:310px;
	margin:1px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.attachCell {
	float:left;
	width:70px;
	margin:1px;
	text-align:right;
}
.attachCellDelete {
	float:left;
	width:50px;
	margin:1px;
	text-align:right;
}
.uploadingprocessingnoactive {
	width:100px;
	height:10px;
	display:none;
}

.uploadingprocessingactive {
	width:100px;
	height:10px;
	display:block;
}

.buttonFile
{
	border-top: 1px solid #D9D9D8;
	border-left: 1px solid #D9D9D8;
	border-right: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	background-color: #fff;
	width: 200px;

	height: 18px;
	cursor: pointer;
}

.systemMessageCont {
	color:#DC4379;
	margin:5px;

	font-family: 'ABBVoice-Bold';
	padding:2px;
}


#rfcItemCont td tr .ConfiguredProduct {

}


#emergencyOrderSection td {
	padding:0;
	margin:0;
	width:0;
}
.AddressSectionCont {
	/*border:1px solid red;*/
	clear:both;
	margin:10px 0 0 5px;
	/*width:250px;*/

}

#approvalSectionCont td {
	margin:0;
	padding:0;
}

.itemOptionsContPrint {
	overflow-x:scroll;
	width:560px;
}

.itemOptionsContPrint td {
	font-size:10px !important;
	width:100px !important;
}
.itemOptionsContPrint input {
	font-size:10px !important;
	width:60px !important;
}

.itemOptionsContNarrow {
	overflow-x:scroll;
}
.itemOptionsContWide {
	overflow-x:scroll;
	width:980px;
}

/*

DHTML calendar begins

*/


/* the div that holds the date picker calendar */
.dpDiv
{
}


/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: "ABBVoice-Regular";

	text-align: center;
	color: #505050;
	background-color: white;
	border: 2px solid #c7c7c7;
	width: 175px;
}

.dpTable td
{
	padding: 2px;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR td
{
	font-family: "ABBVoice-Regular";

	color: black;
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR td
{
	font-family: "ABBVoice-Regular";

	color: black;
	background-color: #c7c7c7;
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR td
{
	font-family: "ABBVoice-Regular";

	color: black;
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 0px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: white;
	border: 0px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
	background-color: white;
	border: 0px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: white;
	border: 0px solid #AAAAAA;
	color: black;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText
{

	color: black;
	font-weight: normal;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight
{
	color: red;
	font-weight: normal;
}


/* the forward/backward buttons at the top */
.dpButton
{
	font-family: "ABBVoice-Regular";

	color: black;
	font-weight: normal;
	padding: 0px;
	border: solid 0px white;
	background-color: #c7c7c7;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-family: "ABBVoice-Regular";

	color: black;
	background: white;
	font-weight: normal;
	padding: 0px;
	border: solid 0px white;
}

.boldRed {
	font-family: 'ABBVoice-Bold';
	color: #CC0000
}
.padRight20 {
	padding-right:20px;
}
.padRight80 {
	padding-right:80px;
}
.marRight10 {
	margin-right:10px;
}
/*

DHTML calendar ends

*/

dropaccept {
	border:1px solid yellow;
}

dropzoneactive{
	border:1px solid yellow;
}

dropzonehover{
	border:1px solid green;
}

#filterSectionRegion {

}
#filterSectionButtonRegion {
	float:right;
	margin:0 15px 10px 0;
}




.txtL {
	width:200px;
	/*border: 1px solid #969696;*/
	font-size: 95%;
	border-image: initial;

}

.tbStdV {
	width:200px;

}
#SearchFormB td {
	color:Black;
	padding:2px 3px;
}


/**
** table order details
**/

table.OrderDetails td
{
	color: Black;
	font-size: 12px;
}

table.OrderDetails
{
	margin-top: 10px;
	width:98%;
}
table.OrderDetails tr.Row
{
}

table.OrderDetails .ColumnHeader
{
	font-family: 'ABBVoice-Bold';
	white-space: nowrap;
	/*width: 120px;*/
	margin-top: 2px
}

table.OrderDetails tr.AltRow
{
	background-color: #F3F3F3;
}
table.OrderDetails .PriceAgreementTable
{
	text-align: left;
	width: 140px;
	word-break: break-all;
}
table.OrderDetails .RequestedTable
{
	text-align: center;
	width: 120px;
}
table.OrderDetails .RequestedTable input.DateField
{

	width: 70px;
	height: 15px;
}

table.OrderDetails .QtyTable input.Qty
{

	width: 30px;
	height: 15px;
	text-align: right;
	maxlenght: 4;
}

table.OrderDetails input.Alias
{

	width: 130px;
	height: 15px;
}

table.OrderDetails input.Sales
{

	width: 60px;
	height: 15px;
}

table.OrderDetails .UnitPriceTable input.Qty
{

	width: 30px;
	height: 15px;
	text-align: right;
}

table.OrderDetails .TransferTable input.Transfer
{

	width: 70px;
	height: 15px;
	text-align: right;
}

table.OrderDetails .PDTable
{
	text-align: center;
	width: 50px;
}
table.OrderDetails .UOMTable
{
	text-align: center;
	width: 55px;
}
table.OrderDetails .QtyTable
{
	text-align: center;
	width: 50px;
}
table.OrderDetails .GroupTable
{
	text-align: center;
	width: 45px;
}
table.OrderDetails .TransferPriceTable
{
	text-align: right;

}
table.OrderDetails .PriceTable
{
	text-align: right;

}
table.OrderDetails .QuantityTable
{
	text-align: right;
	width: 50px;
}
table.OrderDetails .AvailableTable
{
	text-align: right;
	width: 70px;
}
table.OrderDetails .UnitPriceTable
{
	text-align: right;
	width: 90px;
}
table.OrderDetails .TransferTable
{
	text-align: right;
	width: 100px;
}

table.OrderDetails table.RequestedTable, table.OrderDetails table.PDTable, table.OrderDetails table.UOMTable, table.OrderDetails table.GroupTable, table.OrderDetails table.TransferPriceTable, table.OrderDetails table.PriceTable, table.OrderDetails table.QuantityTable, table.OrderDetails table.AvailableTable, table.OrderDetails table.UnitPriceTable, table.OrderDetails table.TransferTable
{
	float: right;
}

table.OrderDetails .TransferPriceTable td, table.OrderDetails .PriceTable td, table.OrderDetails .QuantityTable td, table.OrderDetails .AvailableTable td, table.OrderDetails .UnitPriceTable td, table.OrderDetails .TransferTable td
{
	color: Black;
	height: 20px;
	text-align: right;
}
table.OrderDetails .TransferPriceTable td input, table.OrderDetails .PriceTable td input, table.OrderDetails .QuantityTable td input, table.OrderDetails .AvailableTable td input, table.OrderDetails .UnitPriceTable td input, table.OrderDetails .TransferTable td input
{

	width: 75%;
	height: 15px;
}

table.OrderDetails td.LooseText
{
	line-height: 20px;
}

table.OrderDetails td.ExpandableSections div.Expandable
{
	margin-left: 19px;
	margin-top: 10px;
}

table.OrderDetails tr.PriceSummary td
{
	padding-top: 5px;
	font-family: 'ABBVoice-Bold';
}

table.OrderDetails td.BottomSide
{
	border-bottom: solid 1px #c7c7c7;
	padding-bottom: 0px;
}

table.OrderDetails td.TopSide
{
	border-top: solid 1px #c7c7c7;
	padding-top: 5px;
}

table.OrderDetails td.LeftSide
{
	border-left: solid 1px #c7c7c7;
	padding-left: 5px;
}

table.OrderDetails td.RightSide
{
	border-right: solid 1px #c7c7c7;
	padding-right: 5px;
}

table.OrderDetails tr.ColumnHeaders td
{
	padding-bottom: 2px;
	white-space: nowrap;
	font-size:12px;
	padding-right: 5px;
}

table.OrderDetails td.ConfiguredProduct
{
	background-color: #8E9195;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	color:white;
}

table.OrderDetails td.ConfiguredProductSublines
{
	background-color: yellow;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	color:black;
}

table.OrderDetails td.ExpandableSections div.bolSectionFieldLabel, table.OrderDetails td.ExpandableSections div.bolSectionTextareaFieldLabel
{
	width: 125px;
}

table.OrderDetails td.ExpandableSections div.bolSectionFieldValue {
	width: 200px;
}

tr.ConfiguredProduct
{
	background-color: #8E9195;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	color:#fff;
}
table.OrderDetails td.ItemHeader
{
	border-top: solid 1px #c7c7c7;
}

table.OrderDetails tr.ItemDetails td
{

}

table.OrderDetails td.ExpandableSections table.SimpleTable
{
	margin: 0;
	padding: 0;
}

table.OrderDetails td.ExpandableSections
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 20px;
}

table.OrderDetails span.Expandable, table.OrderDetails table.Expandable, table.OrderDetails td.ExpandableSections div.Expandable div.documentSection
{
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	color: Black;
	line-height: 20px;
}

table.OrderDetails table.Expandable tr td
{
	margin: 0;
	padding: 0px 10px 0px 0px;
}

table.OrderDetails table.Expandable td
{
	margin: 0px;
	padding-left: 19px;
	color: Black;
	border: 0;
}

table.OrderDetails table.Expandable td.colL
{
	padding-left: 0px;
	text-align: right;
	font-family: 'ABBVoice-Bold';
	vertical-align: top;
}

table.OrderDetails div.OrderLineDetails
{
	padding: 0px 0px 0px 19px;
}

table.OrderDetails table.OrderLineDetails tr td
{
	margin: 0;
	padding: 2px 10px 2px 0px;
}

table.OrderDetails table.OrderLineDetails td
{
	margin: 0px;
	color: Black;
	border: 0;
}

table.OrderDetails table.OrderLineDetails td.colL
{
	padding-left: 0px;
	text-align: left;
	font-family: 'ABBVoice-Bold';
	vertical-align: top;
	width: 130px;
}

table.OrderDetails table.OrderLineDetails td.colR
{
	text-align: left;
}

table.OrderDetails table.ShipmentTracking tr.TitleRow td
{
	line-height: normal;
	vertical-align: bottom;
	padding-bottom: 3px;
	font-family: 'ABBVoice-Bold';
	font-size:11px;
}

table.OrderDetails table.Expandable td.colR
{
	text-align: left;
	vertical-align: top;
}

table.OrderDetails table.Editable input.txtXS
{
	width: 35px;
}

table.OrderDetails td.Qty
{
	width: 50px;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
}

table.OrderDetails td.priceAgreementCell
{
	width: 130px;
	text-align: right;
}

table.OrderDetails select.priceAgreement
{
	width: 125px;

}

table.OrderDetails input.priceAgreement
{
	width: 120px;

}

table.OrderDetails td.qtyCell
{
	width: 50px;
	text-align: right;
}

table.OrderDetails td.dateCell
{
	width: 80px;
	text-align: center;
}

table.OrderDetails td.priceCell, table.OrderDetails td.transferPriceCell
{
	width: 90px;
	text-align: right;
}

table.OrderDetails td.rowNrCell
{
	width: 25px;
	text-align: center;
}

table.OrderDetails td.padCell
{
	width: 1px;
}

table.OrderDetails td.editCell
{
	width: 30px;
	text-align: right;
}

table.OrderDetails tr.colTitles, table.OrderDetails tr.colTitles a
{
	font-family: 'ABBVoice-Bold';
	color: Black;
}

table.OrderDetails td.RowNr
{
	font-family: 'ABBVoice-Bold';
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	width: 30px;
}

table.OrderDetails td.ExpandableSections div.Expandable div.documentSection div.bolEmptySectionTitle
{
	display: none;
}

table.OrderDetails div.softwareSection input[type="text"]
{
	width: 300px;
}


#cartList .AltRow {
	background-color:#E0E0E0;

}
#cartList .AltRow a {
	font-family: 'ABBVoice-Bold';
}





table.GreyBar {
	margin-top:10px;
	width:99%;
}
table.GreyBar td {
	background-color:#EEEEEE;
	padding:5px;
}

td.Hidden {
	display:none;
}
th.Hidden {
	display:none;
}


a.ExpandElement, a.ExpandElement:link, a.ExpandElement:active, a.ExpandElement:visited, a.ExpandElement:hover
{
	background-image: url(/webapp/Css/Images/plus_separated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;


}

a.CollapseElement, a.CollapseElement:link, a.CollapseElement:active, a.CollapseElement:visited, a.CollapseElement:hover
{
	background-image: url(/webapp/Css/Images/minus_separated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;


}

a.ExpandTreeElement, a.ExpandTreeElement:link, a.ExpandTreeElement:active, a.ExpandTreeElement:visited, a.ExpandTreeElement:hover
{
	background-image: url(/webapp/Css/Images/plus_separated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;

}

a.CollapseTreeElement,  a.CollapseTreeElement:link, a.CollapseTreeElement:active, a.CollapseTreeElement:visited, a.CollapseTreeElement:hover
{
	background-image: url(/webapp/Css/Images/minus_separated.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;

}

.error {
	color:#C71585;
	font-family: 'ABBVoice-Bold';
}

.warning {
	color:#008000;
	font-family: 'ABBVoice-Bold';
}

.applyBorder {

	border-left:1px dashed #000;

	border-right:1px dashed #000;

}

/*
Top toolbar css defs
*/
#toolbarTopGreyed {
	background-color:#EEEEEE;
	padding:6px 3px;
	border:1px solid red;
}
#toolbarTopGreyedLeft {
	float:left;
	width:190px;
}
#toolbarTopGreyedRight {
	float:left;
	width:575px;
}
#toolbarTopGreyedRight div {
	margin:0 0 0 2px;
	float:right;
}


/*
 GLOBAL ABB STYLES OVERWRITE
*/

#contentMenu li a.closed {
	width: 170px
}
#contentMenu li a.open {
	width: 170px
}

#contentMenu li a {
	width: 170px
}
#contentMenu li li a {
	width:170px;
}

#mainRegion {
	overflow-x:visible;
	overflow-y:visible;
	margin-right:0px;
	padding-right:0px;
	width:765px;
	padding-left:10px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

/*#mainRegion * table {
	padding: 0px 12px 6px 4px;
} */




#contentRegion {
	overflow:visible;
}

#topSectionGreyed {
	background-color:#EEEEEE;
}

.productPage #productMenu {
	background-color:#FFF;
}

h1 {
	margin-bottom:0;
	margin-top:0;
}

input[type="button"], input[type="submit"], .button {
	position:static;
	padding:1px 3px 2px 15px;
	margin: 0px;
	border: 0px;
	background: url(/webapp/Images/ABB/themeArrows.png) no-repeat scroll 2px -38px #000;
	color: #58d8ff;
   height: 20px;
}

#contentMenu h2 {
	padding-top:5px;
}
table.standard th {
	font-size:100%;
}
a, #mainRegion ul li p a {
	border:none;
	cursor: pointer;
}
input[type="text"].disabled,  input[type="text"].disabled:focus {
    border: none;
}
input[type="text"],input[type="password"], input:not([type]) {
	height:17px;
	/*QC#14*/
	margin:0;
	padding:0;
	border: 1px solid #7F9DB9;
}
textarea {
	border: 1px solid #7F9DB9;
}

#mainMenuOne li.selected {
    background: none;
    font-family: 'ABBVoice-Bold';
}

/*
 END GLOBAL ABB STYLES OVERWRITE
*/

div {
/*	border:1px solid red;*/
}


div.productListModuleTitle {
	color: #666666;
}

div.cartToolbar label {
	color: black !important;
}

div.activeDeleteSelectedItemsButton {
}

div.inactiveDeleteSelectedItemsButton {
	color: #BDBDBD;
}

div.bolSectionRow {
	width: 370px;
	float: left;
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.bolLineSection div.bolSectionRow {
	width: 100%;
}

div.bolLineSection div.textareaCharLeft {
	margin-left: 183px;
}

div.bolSectionTitle {
	margin-top: 4px;
	margin-bottom: 3px;
}

div.bolSectionFieldLabel {
	text-align: right;
	width: 155px;
	padding-right: 10px;
	margin-right: 5px;
	float: left;
	min-height: 21px;
}

div.bolSectionTextareaFieldLabel {
	margin-right: 5px;
	padding-right: 10px;
	float: left;
	min-height: 15px;
}

div.bolSectionTextareaFieldReadonlyLabel {
	text-align: right;
	width: 155px;
	margin-right: 5px;
	padding-right: 10px;
	float: left;
	min-height: 15px;
}

div.bolLineSection div.bolSectionFieldLabel {
	text-align: left;
}

div.bolLineSection div.bolSectionTextareaFieldReadonlyLabel{
	text-align: left;
}
div.bolLineSection div.bolSectionTextareaFieldLabel {
	width: 165px;
	margin-right: 5px;
	float: left;
}

div.bolSectionTextareaFieldReadonlyValue {
	width: 200px;
	float: left;
	word-break: break-all;
}

div.bolSectionFieldLabel label {
	padding-right: 4px;
}

div.bolSectionFieldValue {
	width: 200px;
	float: left;
	word-break: break-all;
}

div.documentSection {
}

div.contractSection div.bolSectionFieldValue {
	width:auto;
}

.documentTxtGuid {
	width: 145px;
}

.documentDropdown {
	width: 179px;
}

.errorMandatoryField {
	border: #C71585 2px solid !important;
}

.externallyValidatedInvalidField {
	border: #C71585 2px solid;
}

.bolSectionTitle h2.title {
	float: left;
}

.bolSectionTitle a.iconArrow {
	margin-left: 10px;
}


div.bolLineDocumentSection div.bolSectionFieldLabel {
	width:125px;
	text-align:left;
}



div.documentSectionDisabled, div.documentSectionDisabled div.mandatoryField, div.documentSectionDisabled a {
    color: gray;
}
/***** Styles for six dropdowns on new page ***************/

.bolSectionRow tr {
	height: 30px;
}

.bolSectionRow td.firstSixDropdownsRow {
	text-align: right;
	padding-right: 10px;
}

.bolSectionLinkField {
	text-align: center;
}

.bolSectionRow td.secondSixDropdownsRow {
}
/************ end for six dropdowns *********************/

.orderSubTab {
	width: 99% !important;
	margin-bottom: 5px;

}

div.cartToolbar ul li {
	background-image: none;
}

a.help-popup-link, a.help-popup-link:link, a.help-popup-link:active, a.help-popup-link:visited, a.help-popup-link:hover
{
	color: #444444;
}
.buttonCont {
	display: inline-block;
	padding:3px 0px;
}

a.messageForSu {
	color:#78DC41;
}

.message {
	color: #009900;
	font-family: 'ABBVoice-Bold';
}

.info {
	font-style: italic;
}

.comments {
  border: 1px dashed #969696;
}

.Column10px {
	width:10px ! important;
}
.Column20px {
	width:20px ! important;
}
.Column30px {
	width:30px ! important;
}
.Column40px {
	width:40px ! important;
}
.Column100px {
	width:100px ! important;
}
table#unlistedItemsTable {
	table-layout:fixed;
}

textarea {
	font-family: "ABBVoice-Regular";
	font-size: 12px;
}

.BOL_OrderLineDetailsTable {
	table-layout: fixed;
	word-wrap: break-word;
	width: 99%;
}

.BOL_OrderLineDetailsTable .seventyProcentWidthTwoPixelHeight {
	height: 2px;
	width: 70%;
}

.BOL_OrderLineDetailsTable .sixtyProcentWidthTwoPixelHeight {
	height: 2px;
	width: 60%;
}

.BOL_OrderLineDetailsTable .SUERPSOLineRefTable {
	border: 0;
	width: 100%;
	margin-left: 20px;
}

.BOL_OrderLineDetailsTable .SUERPSOLineRefDiv {
	border: #c7c7c7 1px solid;
	padding: 5px;
	width: 450px;
}

.BOL_OrderLineDetailsTable .PUPOReference {
	border: #c7c7c7 1px solid;
	padding: 5px;
	width: 450px;
}

.BOL_OrderLineDetailsTable .PUPOReferenceTable {
	border: 0;
	width: 100%;
	margin-left: 20px;
}

.Bol_OrderLineDetailsTable .LineOptionsTable {
	width: 100%
}

.itemProductColumnClear1 {
	width: 85px;
	height: 1px;
	overflow: hidden;
}
.paging {
    height: 20px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
}

.lineLevelFieldSpacing {
	margin-top: 3px;
}

@page {
	size: A4;
	@top-center { content: element(header); height: 50px;};
	@bottom-center { content: element(footer); };
}

.pdfBody #header {
	position: running(header);
	width:700px;
	border-bottom: 1px solid #c7c7c7;
}

.pdfBody .middleHeader {
	text-align: center;
	width: 400px;
	font-size: 14px;
	font-family: 'ABBVoice-Bold';
}
.pdfBody .leftHeader {
	text-align: left;
	width: 150px;
}
.pdfBody .rightHeader {
	text-align: right;
	vertical-align: bottom;
	width: 150px;
}

.pdfBody #footer {
	position: running(footer);
	width:700px;
	border-top: 1px solid #c7c7c7;
}
.pdfBody .leftFooter {
	text-align: left;
	width: 150px;
}
.pdfBody .middleFooter {
	text-align: center;
	width: 400px;
}
.pdfBody .rightFooter {
	text-align: right;
	width: 150px;
}

.pdfBody {
	font-size:10px;
	background-color:#FFFFFF;
	font-family: 'Open Sans';
}

.pdfBody span {
	font-size:10px;
	margin: 2px;
}

.pdfBody table.OrderDetails td {
	font-size: 10px;
}

.pdfBody #topSectionGreyed {
	background-color:#FFFFFF;
}

.pdfBody div.bolSectionRow {
	width: 340px;
}

.pdfBody .bolSectionFieldValue {
	width: 170px;
}

.pdfBody .OrderDetails {
	width: 700px;
	page-break-before: always;
}

.pdfBody TABLE.OrderDetails {
	width: 85%;
}

.pdfBody table.OrderDetails .PriceAgreementTable {
	width: auto;
}

.pdfBody .itemOptionsContNarrow {
	width: 700px;
}

.pdfBody .tbStdV {
	width:80px;
}

.pdfBody td.mandatoryField, .pdfBody span.mandatoryField, .pdfBody div.mandatoryField {
	background-image: none;
}

.pdfBody a.iconArrow {
	background-image: none;
	display: none;
}

.pdfBody .textareaCharLeft {
	display: none;
}

.pdfBody input.button {
	display: none;
}

.pdfBody img.iconInfo, .pdfBody a.iconInfo {
	display: none;
}

.pdfBody .lastColumn a, .pdfBody .lastColumn img {
	display: none;
}

.pdfBody .hideInPDF {
	display: none;
}

.pdfBody .LineOptionsTable {
	width: 90%;
}

.pdfBody .lastColumnPDF {
	margin-right: 20px;
}

.selectedItemsQty {
	width: 20px;
}

.lineMessage {
	float:left;
	display:block;
	width:100%;
	margin-bottom: 1px;
}

.BlockClosedContacts {
	display: none;
	border: 1px solid grey;
	width: 200px
}

.BlockClosedContactsInMenu {
	display: none;
	background-color: #FFFFFF;
	color: #000000;
    position: absolute;
	top: 0px;
    left: -3px;
    width: 134px;
    border-left: 1px solid grey;
    border-bottom: 1px solid grey;
    border-right: 1px solid grey;
}

.BlockOpenContacts {
	display: block;
	background-color: #FFFFFF;
	color: #000000;

    position: absolute;
	top: -25px;
    left: 78px;
    margin-left: 10px;
    padding: 5px 10px 10px 10px;
    border: 1px solid grey;
}

.OpenLiveChatImg {
	vertical-align: middle;
}

.OpenLiveChatName {
	height: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
}

.ClosedLiveChat {
	background-image: url("/webapp/Css/Images/fakeDropdownExpanded.gif");
    background-position: left center;
    background-repeat: no-repeat;
    font-weight: normal;
    padding-bottom: 2px;
    padding-left: 17px;
    padding-top: 2px;
    color: #000;
}

.SametimeLink {
	padding: 2px;
}

.indicatorCircle {
   min-width: 16px;
   height: 15px;
   left: 0px;
   top: -5px;
   position: absolute;
   background: #FF000F;
   border-radius: 11px;
   border: 1px white solid;
   color: white;
   font-size: 10px;
   font-family: ABBVoice-Regular;
   text-align: center;
   padding-top: 1px;
}

.ShowHideButton {
	float: right;
	background-image: url("/webapp/Css/Images/fakeDropdownExpanded.gif");
	background-position: left center;
    background-repeat: no-repeat;
    font-weight: normal;
    padding-bottom: 2px;
    padding-left: 17px;
    padding-top: 2px;
    color: #000;
}

.ClosedToolbar {
	display: none;
}

.OpenToolbar {
	display: block;
}

.tableCellAutoWrap {
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word;
}

.fastButtonsTable {
	clear: left;
}

.lineDetailsLabel {
	vertical-align:top;
}

input.button_style_2_closed, .button_style_2_closed {
	background: url("/webapp/Images/BOL/Buttons/arrow_down_dark.png") no-repeat scroll 95% -1px, url("/webapp/Images/BOL/Buttons/gradient_dark.png") repeat-x scroll 0 -1px !important;
	border:1px solid black !important;
	padding-right:15px !important;
	padding-left:5px !important;
}

.button_style_2_closed {
	background: url("/webapp/Images/BOL/Buttons/arrow_down_dark.png") no-repeat scroll 95% 0, url("/webapp/Images/BOL/Buttons/gradient_dark.png") repeat-x !important;
	border:1px solid black !important;
	padding-right:15px !important;
	padding-left:5px !important;
}

input.button_style_2_closed:hover {
	background: url("/webapp/Images/BOL/Buttons/arrow_up_white.png") no-repeat scroll 95% 0, url("/webapp/Images/BOL/Buttons/gradient_light.png") repeat-x !important;
	border:1px solid #686868 !important;
	padding-right:15px !important;
	padding-left:5px !important;
	color:#000000 !important;
}

.context_menu {

	display:none;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #686868;

}

input.button_style_2_opened, .button_style_2_opened {
	background: url("/webapp/Images/BOL/Buttons/arrow_up_white.png") no-repeat scroll 95% 0, url("/webapp/Images/BOL/Buttons/gradient_light.png") repeat-x !important;
	border:1px solid #686868 !important;
	padding-right:15px !important;
	padding-left:5px !important;
	color:#000000 !important;
}

input.button_style_2_opened:hover {
	background: url("/webapp/Images/BOL/Buttons/arrow_up_white.png") no-repeat scroll 95% 0, url("/webapp/Images/BOL/Buttons/gradient_light.png") repeat-x !important;
	border:1px solid #686868 !important;
	padding-right:15px !important;
	padding-left:5px !important;
	color:#000000 !important;
}

.alternativeItem {
	background-color: #E6E6E6;
	font-style: italic;
}

.minus {
	background-image: url(/webapp/Css/Images/minus_separated.gif) !important;
}

.plus {
	background-image: url(/webapp/Css/Images/plus_separated.gif) !important;
}

/*
	MULTISELECT COMPONENT
*/

.component { background-color: #FFF; width: 512px; position: relative;}
.component .resultArea, .component .menuArea, .component .sourceArea { float: left;  background-color: #FFF;}
.component .sourceArea {float:right !important; top: 0px; right: 0px; height : 200px;}
.component .resultArea{height : 200px;}
.component .menuArea {height: 200px; width: 44px; text-align: center; vertical-align: middle; padding-top: 40px }
.component .menuArea .button {float: left; margin:6px; width: 35px; margin-bottom: 1px; vertical-align: middle; top : 20px}
.component .container {border: 1px solid #666666; overflow-y: scroll; overflow-x: hidden; width: 230px; height : 200px;}
.component .reset {float: right;}
.component .resultList{display:none;}

.component.readonly .resultArea{width:300px !important;}
.component.readonly .option{cursor: default !important;}

.component .option { cursor:pointer; padding: 2px; clear: both; line-height: 17px; -moz-user-select: none; border-bottom: 1px #EFEFEF solid;}
.component .option.hightlited { background-color: #89B1E4; 	color: #FFF;}
.component .option.marked { background-color: #E9E9E9;	color: #000;}
.component .option.default {font-family: 'ABBVoice-Bold'; }
.component
input.noarrow {
	background: black !important;
	text-align: center;
	padding: 1px 3px 2px 1px;
}

.helper{border: 1px solid #000; background-color: #333; padding: 3px; color:#fff; font-size: 11px; width: 130px; z-index: 5000;}
.hoverActive{ border: 1px #333333 dashed !important; }
.hoverTarget{ background-color: #EFEFEF !important; cursor: pointer;}

/*
	END OF MULTISELECT COMPONENT
*/

#AddressManager {
	padding: 0px 12px 12px 12px;
}

#AddressManagerSearch p {
	padding: 0px 12px 12px 12px;
}

#HeavyTableSpreadZoneRelative {
	padding 0px 12px 12px 12px;
	width:100%;
}

#mainRegion table.standard {
	padding: 0px 12px 6px 4px !important;
	width:98%;
	margin-left:12px;
	margin-right:12px;
	margin:12px 12px 12px 12px;

}

#cboxContent * #SelectCustomerTabContent {

	padding-left: 5px;

}


#modalMainPageContents .mainHeading, .popupHeading {

	background-color: #EEE;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #000000;
}

.popupContent {

	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#modalMainPageContents table, #modalMainPageContents #loadList {

	padding-left: 2px;

}

#modalMainPageContents #HeavyTableSpreadZoneRelative {

	padding-left: 2px;

}

.buttonSection {
	margin-right: 3px;
	float: right;
}

.submitButtonSection {
	margin-right: 3px;
	float: left;
}

.fieldsSection {
	padding-top: 7px;
}

.requestMoreInfoMessageLabel {

	font-family: 'ABBVoice-Bold';
	padding-bottom: 10px;
}

.requestMoreInfoMessage {

	border-style: dotted;
}

.smFormRow {
	width: 100%;
	float: left;
	display: block;
	margin-top: 4px;
	margin-bottom: 4px;
}

.smFormLabel {
	width: 180px;
	text-align: right;
	margin-right: 5px;
	float: left;
}

.smLineFormLabel {
	width: 30%;
	text-align: left;
	margin-right: 0px;
	float: left;
}

.smFormMultiValue {
	float: left;
	width: 180px;
}

.smFormInputField {
	width: 180px;
	height: 19px;
}

.Column120px {
	width: 120px;
}

.Column80px {
	width: 80px;
}

.custNoSpan {
	margin-right: 10px;
}
.objNotDisplayed {
	display:none;
}
.objDisplayedInline {
	display:inline;
}

.ui-autocomplete-loading {
    background: white url('/webapp/Images/ABB/ajax-loader.gif') right center no-repeat;
 }

.lineElements {
	float:left;
	display:block;
	margin-right: 2px;
	margin-left: 0px;
	vertical-align: middle;
}

.lineElementsBreak {
	padding-left: 5px;
}

.fullWidth {
	width:100%;
}

.lineElements_ExportOrder {
	float:right;
	display:block;
	margin-right: 0px;
	margin-left: 2px;
}

.lineElements_ExportTo {
	display:inline-block;
	margin-right: 0px;
	text-align: left;
}

button.button_style_blue_closed {
	font-family: 'ABBVoice-Regular';
	background: url("/webapp/Images/ABB/arrow_down_gray.gif") no-repeat scroll 90% 50% #000;
	padding-right:0px;
	padding-left:0px;
	padding-top:1px;
	padding-bottom:3px;
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	vertical-align: baseline;
}

button.button_style_blue_closed_hover {
	color: white !important;
}


button.button_style_blue_opened {
	background: url("/webapp/Images/ABB/arrow_up_grey.gif") no-repeat scroll 90% 50% #fff;
	color: grey !important;
	border: 1px solid grey;
}

button.add_to_cart_menu {
	width: 145px;
	margin-right: 0px;
	margin-left: 0px;
}

.add_to_cart_menu_item {
}

.toolbar_qty {
	width:30px;
	color: grey;
	margin-right: 0px;
	height: 17px !important;
	vertical-align: middle;
	padding: 0px;
	border: 1px solid #7F9DB9;
}

.toolbar_search_div {
	margin-right: 4px !important;
	margin-left: 0px !important;
}

.toolbar_search {
	width: 200px;
	height: 17px !important;
	color: grey;
	vertical-align: middle;
	padding: 0px;
	border: 1px solid #7F9DB9;
}

.toolbar_search_button {
	margin-right: 0px;
	margin-left: 0px;
	height: 19px !important;
	width: 60px;
	vertical-align: middle;
}

.hiddenField {
	display:none !important;
}

.changeidentityfilteritem {
	margin-top: 3px !important;
	vertical-align: top;
}

.toolbarCustomerNumber {
	cursor: pointer;
}

.toolbarCustomer {
	cursor: pointer;
}

.toolbarAbbUnit {
	cursor: pointer;
}

.spacingLeft {
	margin-left:20px !important;
}

.toolbarSearchType {
	width: 100px;
	vertical-align: middle;
}

.toolbarSearchTypeField {
	width: 100px;
	margin-top: 0px;
	height: 19px;
	vertical-align: middle;
}

.toolbarShoppingCartMenu {
	margin-right: 0px;
	width: 115px;
	height: 19px !important;
}

.toolbarHelpMenu {
	width: 50px;
	height: 19px !important;
}

.toolbarAddToCartMenu {
	width: 110px;
	height: 19px !important;
}

.toolbarOptionsMenu {
	width: 75px;
	height: 19px !important;
}

a.toolbarMenu {
	border: 0px !important;
	padding: 0px !important;
}

a.toolbarMenu:hover {
	border-bottom: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

.toolbarSearchButton {
	width: 60px;
}

.exportOrderButton {
	width: 120px;
	height: 20px !important;
}

.exportToButton, .addProductsButton {
	width: 120px;
	height: 20px !important;
}

.exportToButtonSpan {
	margin-right: 7px;
}

.addToCartButton {
	width: 120px;
	height: 20px !important;
}

.addToCartButtonSpan {
	margin-right: 7px;
}

.disabledButton {
	background: #000;
	color: grey;
}

.toolbarShoppingCartContent {
	border:1px solid black;
	width: 500px;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #000;
	background-color: white;
	z-index: 10;
}

.toolbarShoppingCartSection {
	background: #f2f2f2;
	height: 40px;
}

#toolbarClearDiv {
	border-bottom: 1px solid #BEBEBE;
}

.shoppingCartInfo {
	float: left;
	color: grey;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 10px;
}

.shoppingCartAction {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

.toolbarCartContent {
	width:100%;
	float:left;
	margin-top: 5px;
}

.toolbarCartFirstColumn {
	text-align: center;
	font-weight: plain;
	color: grey;
	padding-left: 9px;
}

#toolbarSelectedCartContentSecondColumn {
	width:75%;
	padding-left: 7px;
	font-weight: plain;
	color: grey;
	text-align: left;
}

#toolbarCartContentSecondColumn {
	width:70%;
	padding-left: 7px;
	font-weight: plain;
	color: grey;
	text-align: left;
}


.toolbarCartThirdColumn {
	text-align: center;
	font-weight: plain;
	color: grey;
}

#toolbarCartContentFourthColumn {
	padding-right: 0px;
}

#toolbarSelectedCartContentFourthColumn {
	text-align: center;
	font-weight: plain;
	color: grey;
	padding-right: 0px;
}

.toolbarCartFirstColumnRow {
	text-align: center;
	padding-bottom:3px;
	vertical-align: top;
	color: grey;
	padding-left: 9px;
	background: #fff;
}

.toolbarCartSecondColumnRow {
	padding-bottom:3px;
	vertical-align: top;
	padding-left: 7px;
}

.shoppingCartRowDescription {
	color: grey;
	font-size: 70%;
}

.toolbarCartThirdColumnRow {
	text-align: center;
	padding-bottom:3px;
	vertical-align: top;
}

.toolbarCartFourthColumnRow {
	padding-right: 0px;
	vertical-align: top;
}

a.toolbarSelectedCartContentDeleteLineLink {
	padding-left:7px;
	padding-right:4px;
	margin-right: 9px;
	background: url(/webapp/Images/BOL/Buttons/delete2.gif) no-repeat #fff; cursor: pointer;
	border: 0px !important;
}

a.toolbarSelectedCartContentDeleteLineLink:hover {
	border: 0px !important;
}

a.toolbarCartsContentDeleteCartLink {
	padding-left:7px;
	padding-right:7px;
	background: url(/webapp/Images/BOL/Buttons/delete2.gif) no-repeat #fff;
	cursor: pointer;
	border: 0px !important;
}

a.toolbarCartsContentDeleteCartLink:hover {
	border: 0px !important;
}

.middleAlign {
	text-align: center;
	vertical-align: middle;
}

#shoppingCartViewCart {
	text-align: center;
	 vertical-align: middle;
}

#shoppingCartDeleteAllCarts {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}


.greyColor {
	color: grey;
}

.toolbarSupportTeam {
	cursor: pointer;
}

.toolbarSalesOffice {
	cursor: pointer;
}

.hoverHighlight {
}

.hoverHighlightEffect {
	background: #F8F8F8 !important;
}

div.toolbarClear {
	padding-bottom:8px;
}

div.hiddenRelative {
	display:none;
	position: relative;
	top: 0px;
	right: 0px;
	color: #000;
	background-color: white;
	z-index: 1;
}
div.absolute_top_right {
	padding: 5px;
	width: 250px;
	border-left:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
	border-bottom:1px solid #BEBEBE;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #000;
	background-color: white;
}

div.absolute_top_left {
	padding: 5px;
	width: 250px;
	border-left:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
	border-bottom:1px solid #BEBEBE;
	position: absolute; color: #000;
	background-color: white;
}

a.disabled:link {
	cursor: text;
	color: grey;
	text-decoration:  none;
	border-bottom: 0px;
}

div.bolEmptySectionTitle {
	margin-bottom: -10px;
}

.emptyTableRow {
	padding: 0px !important;
	border: 0px !important;
	margin: 0px !important;
}

.lineSectionSeparator {
	 padding-top: 5px;
	 padding-bottom: 5px;
	 padding-left: 3px;
}

.component .orderedListContainer {
	border: 1px solid #666666; overflow-y: scroll; overflow-x: hidden; width: 600px; height : 250px; margin-bottom: 10px;
}

.component .orderedList {
	border-collapse: collapse;
}

.component .orderedList td {
	border-right: 1px solid #cccccc;
}

.component .orderedList .moveColumn {
	width: 40px;
	text-align: center;
}

.component .orderedList .checkboxColumn {
	width: 65px;
	text-align: center;
}

.component .orderedList .labelColumn {
	width: 500px;
	padding-left: 10px;
}

#HeavyTableSetupView .component .resultArea .visibility {
	font-family: 'ABBVoice-Bold';
	margin-left: 45px;
}

#SearchSectionConfig .component .resultArea .visibility {
	font-family: 'ABBVoice-Bold';
	margin-left: 5px;
}

.component .resultArea .columnTitle {
	font-family: 'ABBVoice-Bold';
	margin-left: 12px;
}

#HeavyTableSetupView .component .selectAll {
	margin-left: 47px;
}

#SearchSectionConfig .component .selectAll {
	margin-left: 7px;
}

.component .OrderedRow {
	background-color: white;
}

.component .OrderedRow:HOVER {
	background-color: #eeeeee;
}

.lineDetailsLabel {
	width: 200px;
}

input.dateSectionField, .refreshIconAlign {
	vertical-align:top;
}

.noWrapContainer {
	white-space:nowrap;
}

span.bolSectionFieldHelp {
	margin-right: 4px;
}

input[type=button][disabled], button[disabled], input[type=submit][disabled], .buttonDisabled, input[type=button][disabled]:hover, input[type=submit][disabled]:hover, .buttonDisabled:hover, button[disabled]:hover {
	background: url(/webapp/Images/ABB/themeArrows.png) no-repeat scroll 2px -198px #fff!important;
	border: 1px solid #868686!important;
	color: #868686!important;
}

table.orderSubline {
	width: 95%;
}

.hiddenElement {
	display: none;
}

#SupplierModuleFrame, #BuyerModuleFrame, #ReverseLogistics {
	min-height:600px;
}

.selectOrEnter {
     position: relative;
     display: inline-block;
     width: 130px;
     margin-right:2px;
}

 .selectOrEnter-toggle {
     position: absolute;
     top: 0;
     bottom: 0;
     margin-left: -1px;
     padding: 0;
     border: 1px solid;
 }

.selectOrEnter-category {
	font-family: 'ABBVoice-Bold';
}

 .selectOrEnter input{
      width: 84%;
 }

 .selectOrEnter-autocomplete.ui-menu{
      width: 200px;
 }

table.OrderDetails .PriceAgreementTable .selectOrEnter {
     width: 100px;
 }

.scheduledDatesDateColumn {
	width: 50%;
}

.scheduledDatesQuantityColumn {
	width: 30%;
}

.scheduledDatesStatusColumn {
	witdh: 20%;
}

.financialCalculationTotal {
	width: 100%;
}

.pdfBody .financialCalculationTotal {
	width: 95%;
}

.orderingCode {
	width: 300px;
}

.itemDiscount {
	text-align: right;
	width: 80px;
	height: 18px;
}

.orderType {
	width: 200px;
	display: inline-block;
}

.orderColour {
	width: 30px;
	height: 15px;
	border: 1px solid black;
	display: inline-block;
}

.orderColourSelect {
	display: inline-block;
}

#toolbarShoppingCartField_div {
	z-index: 3000;
}

#toolbarShoppingCartContent {
	z-index: 1000;
}

.canceledOption {
	text-decoration: line-through;
	color:#cc0000;
}

.newOption {
	font-family: 'ABBVoice-Bold';
	color: #009900;
}

div.mycmessage {
	display:none;
	position:absolute;
	height:30px;
	width:250px;
	top:40px;
	left:15px;
	color:#0078A8;
	font-family: 'ABBVoice-Bold';
	padding-left: 25px;
}

div.mycloader {
	background-image: url(/webapp/Images/BOL/Icons/progress.gif);
	background-repeat: no-repeat;
}

div.mycinfo {
	background-image: url(/webapp/Images/BOL/Icons/event_info.gif);
	background-repeat: no-repeat;
}

/* Suggestion BOX */

	.suggestion-box {
		display: none;
	}

   .suggestion-box-overlay {
    width: 500px;
    background-color: white;
  }

  .suggestion-box-overlay .validation-error-section {
  	visibility: hidden;
  }

  .modal-header {
	  padding: 15px;
	  border-bottom: 1px solid #e5e5e5;
	  min-height: 16.428571429px;
  }

  .modal-body {
  	position: relative;
  	padding: 20px;
  }

   .col-sm-3 {
    width: 22%;
    text-align: right;
    float:left;
    display: inline-block;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 25px;

   }

   .col-sm-9 {
    width: 68%;
    float:left;
   }

   .form-group {
   	display: table;
   	width: 100%;
   	padding: 4px 0px;
   }


/* Suggestion BOX End*/

/* Order milestones */

.line-milestones .line-info {
	margin-bottom: 10px;
}

.line-milestones .title{
	font-family: 'ABBVoice-Bold';
}

.item-milestones {
	width: 60%;
	margin-bottom: 30px;
}

.order-milestones {
	display: table;
	width: 100%;
}

.order-milestones .order-milestones-row {
	display: table-row;
}

.order-milestones .order-milestones-row .line-number {
	display: table-cell;
	font-family: 'ABBVoice-Bold';
}

.order-milestones .order-milestones-row .order-milestones-line {
	display: table-cell;
	border: 1px solid #c7c7c7;
	margin: 2px 4px;
}

.order-milestones .order-milestones-row .order-milestones-line .order-milestones-line-content {
	margin: 2px 4px;
}

/* Order milestones END */

.summaryOrderDiscount {
	width: 80px;
	text-align: right;
}

.selectCustomerFirstColumn {
	width: 150px;
	word-break: break-word;
	display: inline-block;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}

.selectCustomerSecondColumn {
	width: 150px;
	display: inline-block;
	float: right;
}

.selectCustomerBlocked {
	width: 150px;
	display: inline-block;
	float: left;
	color:#dda00a;
}

.priceElementRow {
	height: 20px;
}

.additionalDiscounts {
	height: auto;
	min-height: 20px;
}

.productItemLastLine {
	font-size: 1px;
	border-bottom: 1px solid #C7C7C7;
}

.productItemFirstSeparator {
	font-size: 2px !important;
}

.productItemSecondSeparator {
	font-size: 1px !important;
}

.selectDeselect {
	float: right;
}

#rfqRequestedInputDetails {
	width: 755px;
	margin: 0 auto;
}

#rfqRequestedInputDetails .infoIcon {
  background-image: url("/frontend/css/img/205_info_small.png");
  background-repeat: no-repeat;
  padding-left: 35px;
  cursor: default;
  min-height: 30px;
}

#rfqRequestedInputDetails .rfqChatList {
	overflow-y: auto;
	max-height: 300px;
	border: 1px solid #D2D2D2;
}

button.button_style_blue_wide {
	background-color: #000;
	color: #FFFFFF;
	padding: 4px 20px;
	height: 30px;
	border: #FFFFFF solid 1px;
	vertical-align: middle;
}

button.button_style_white_wide {
	background-color: #f2f2f2;
	color: #000;
	padding: 4px 20px;
	height: 30px;
	border: #868686 solid 1px;
	vertical-align: middle;
}

table.financialCalculationHead td,
table.financialCalculation td{
height: 17px;
}
table.financialCalculation td{
	border: 1px solid silver;
	border-right: 1px solid silver;
	padding: 13px !important;

}
table.financialCalculation td div.col-left{
	width:50%;
	text-align:right;
	float:left;
}

table.financialCalculation input{
	height: 15px;
}

table.financialCalculation td div.col-right{
	width:50%;
	text-align:right;
	float:left;
}

table.financialCalculation td div.col-right-two-cols{
	width:25%;
	text-align:right;
	float:left;
}

table.financialCalculationHead td, td.financialCalculationHead{
	background: WhiteSmoke;
	border: 1px solid silver;
	border-right: 1px solid silver;
	padding:  13px !important;
}

table.financialCalculation .col1{
	text-align: center;
}

table.financialCalculation, table.financialCalculationHead, table.financialCalculationMain{
	width: 100%;
	border-collapse: collapse;
    border-spacing: 0px;
}

table.financialCalculationMain td{
	vertical-align: top;
	padding: 0px;
}

#myDiv td{
	vertical-align: top;
	padding: 0px;
}

table.financialCalculationMain .blue{
	color:blue;
}

table.financialCalculationMain .netProfit,
table.financialCalculationMain .grossProfit,
table.financialCalculationMain .discountTransferPrice,
table.financialCalculationMain .internalPrice,
table.financialCalculationMain .listPrice,
table.financialCalculationMain .bold {
	font-family: 'ABBVoice-Bold';
}
table.financialCalculationMain .indent {
	padding-left: 30px !important;
}

.familyCalculationsButtons form, .familyCalculationsButtons div {
	display: inline;
	padding-left: 50px;
}

table.familyCalculationsHeader {
	width: 580px;
}

table.familyCalculationsHeader td.label {
	width: 350px;
}

table.familyCalculationsHeader td:first-child {
	font-family: 'ABBVoice-Bold';
}

table.familyCalculationsHeader input {
	width:70px;
}

#familyCalculationsItems {
	width: 100%;
	margin-bottom: 15px;
    margin-top: 15px;
}

#familyCalculationsItems th {
	border-bottom: 2px solid black;
	padding: 0px 25px;
}
#familyCalculationsItems td {
	padding: 0px 25px;
}

#familyCalculationsItems tr:last-child td {
	font-family: 'ABBVoice-Bold';
	border-top: 2px solid black;
	padding: 0px 25px;
}

#familyCalculationsItems input {
	width: 50px;
}

div.familyCalculationsCurrency {
	float: right;
    margin-right: 30px;
}

div.familyCalculationsCurrency span {
	font-family: 'ABBVoice-Bold';
}

.salesforceOpportunityButtons form, .salesforceOpportunityButtons div {
	display: inline;
	padding-left: 50px;
	float: right;
}

table.salesforceOpportunityHeader {
	width: 100%;
}

table.salesforceOpportunityHeader td.label {
	width: 350px;
}

table.salesforceOpportunityHeader input {
	width: 200px;
}

td.tax-calculation td {
	padding:0 !important;
}
td.tax-calculation td +td {
	text-align:right
}
td.tax-calculation td +td + td {
    text-align: left;
}

td.tax-calculation tr:last-child td:first-child{
	padding-right: 2px !important;
}

#sortCont .delete{
	text-decoration: line-through;
}
.fileAttachments {
	width: 470px;
}

.rfcFileAttachments {
	width: 100%;
}

#headerTotalPrices {
	float: right;
	padding: 0 56px 0 0;
}

#headerTotalSalesPrice, #headerTotalTransferPrice {
    border-top: 1px solid black;
}

#headerTotalSalesPriceTitleRow, #headerTotalTransferPriceTitleRow, #headerTotalSalesPriceRow, #headerTotalTransferPriceRow {
	text-align: right;
	display: none;
}

.marginCalculationMain {
	width: 100%;
	border-bottom: solid 1px lightgray;
	padding-bottom: 20px;
}

.marginCalculationMain .leftSection {
	border-right: solid 1px lightgray;
	padding-right: 20px !important;
	width: 37%;
}

.marginCalculationMain .leftSection .iterableElement{
	width: 100%;
}

.marginCalculationMain .leftSection .iterableElement td{
	text-align: right;
}

.marginCalculationMain .rightSection{
	padding-left: 20px !important;
}

.marginCalculationMain .rightSection table{
	width: 100%;
}

.marginCalculationMain .rightSection table td{
	text-align: right;
}

.marginCalculationMain .rightSection table tr:first-child td{
	text-align: left;
}

.marginCalculationMain .success{
	color:#6BB324;
	font-family: 'ABBVoice-Bold';
}

.marginCalculationMain .warning{
	color:#FECB00;
	font-family: 'ABBVoice-Bold';
}

.marginCalculationMain .error{
	color:#D90000;
	font-family: 'ABBVoice-Bold';
}

.marginCalculationMain .strong{
	font-family: 'ABBVoice-Bold';
}

#relatedOrdersTable .relatedOrderRow, #relatedOrdersTable .relatedOrderTotalRow
{
	height: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
#relatedOrdersTable .relatedOrderNumber
{
	white-space: nowrap;
	padding: 0px;
}
#relatedOrdersTable .relatedOrderPrice
{
	padding: 0px 15px;
	white-space: nowrap;
	text-align: right;
}
#relatedOrdersTable .withBorderTop
{
	border-top: 1px solid black;
}

#supplierCommentSection .bolSectionTextareaFieldLabel,
#requesterCommentSection .bolSectionTextareaFieldLabel {
  text-align: right;
  width: 155px;
}
#supplierCommentSection .bolSectionTextareaFieldValue,
#requesterCommentSection .bolSectionTextareaFieldValue {
  width: 200px;
  float: right;
}

.theme-blue input[type=button],.theme-blue input[type=submit],.theme-blue .button {
    color: #FFFFFF;
}

input[type="checkbox"],
input[type="radio"] {
	box-shadow: none;
	accent-color: #0f0f0f;
}

#QuotationDetails .attachMainHead{
	font-size: 117%; font-weight: bold;
}
#QuotationDetails .attachCellTitleLong {
	width:58%;
}
#QuotationDetails .attachCell {
	width:15%;
}
#QuotationDetails .attachCellDelete {
	width:10%;
}