﻿#divVendorWeight .GridRow_Vista td
{
  padding: 1px;
}

#divVendorWeight .GridAltRow_Vista td
{
  padding: 1px;
}

tr.rgRow.clickable, tr.rgAltRow.clickable
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.RadGrid tr.rgRow.clickable, .RadGrid tr.rgAltRow.clickable
{
  cursor: pointer;
}

.PleaseWaitModalBackground
{
  background-color:#e6e6e6;
  filter:alpha(opacity=60);
  opacity:0.60;
}
   
.PleaseWaitModalPopup
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
  border-width:3px;
  border-style:solid;
  border-color:Gray;
  padding:3px;
  width:250px;
  z-index:99999;
}
     
.CustomerLogo
{
  background-color: Transparent;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}

.CustomerAlias 
{
  font-family:Tahoma; 
  font-size:13px; 
  font-weight: bold;
  color:#000000;
  text-align: center;
}

.CustomerName
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px !important;
  padding:3px;
  vertical-align: middle;
  text-align: center;
  color:#000000 !important;  
}

.ModuleTitle
{
  margin:0; 
  width:100%; 
  white-space:nowrap;  
  font-family: Arial, Helvetica, sans-serif;
  font-size:21px;
  font-weight: normal;
  line-height: 25px;
  color:#767676;
  background-color: Transparent;  
}

.ModuleFont
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;  
}

.ModuleFont_Bold
{
  font-weight: bold;
}

.ModuleFont_Highlight
{
  color: Red;
}

.ModuleFont_Green
{
  color: Green;
}

.ModuleFont_Right
{
  text-align: right;
}

.ModuleFont_Center
{
text-align: center;
}

.ModuleFont_Strikethrough
{
	text-decoration: line-through;
}

.ModuleFont_Underline
{
  text-decoration: underline;
}

.ModuleLabel
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: #666666;  
}

.ModuleGridFont
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: Black;  
}

.ModuleHeading
{
  font-size: 12px;
  font-weight: bold;  
  color: #666666;  
}

.ModuleHeaderBar
{
	border:1px solid;
	border-color:#fff #fcfcfd #d5d5d5 #e7e8ea;
	padding-top:3px;
	padding-bottom:4px;
	background:url('images/sprite.gif') 0 -2016px repeat-x;
	text-align:center;
}

.HasBorders
{
  border:1px solid;
	border-color:#e7e8ea #e7e8ea #e7e8ea #e7e8ea;
	padding-top:3px;
	padding-bottom:4px;
}

.ModuleMainPanel
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;  
}

.ModuleMainPanel hr,
.ModuleMainPanel A,
.ModuleMainPanel A:link,
.ModuleMainPanel A:visited,
.ModuleMainPanel A:active 
{
  color: #666666;
  text-decoration: none;  
}

.ModuleMainPanel A:hover 
{
  color: #0E7A74;
  text-decoration: none;  
}

.ModuleMessagePanel
{
  color:red; 
  font-family: Verdana; 
  font-size: 11px; 
  text-align: center; 
  margin-bottom: 5px; 
}

ModuleMessagePanelAlert 
{
  color:red; 
  font-family: Verdana; 
  font-size: 11px;  
  margin-bottom: 5px; 
}
.ModuleLinkButton
{
  cursor: pointer;
}

.ModuleLinkButton img
{
  border: 0px;
  vertical-align: middle;
}

.ModuleLinkButton div
{
  vertical-align: middle;
}

.radioTable
{
	font-family: Verdana;
	font-size: 11px;
	color: Black;
}
.bulletedList
{
	font-family: Verdana;
	font-size: 11px;
	color: Black;
}
.headerStyle
{
	font-size: 14px;
	font-family: Verdana;
	color: Black;
	text-decoration: underline;
	text-align:center;
}

.radwindow ul li
{
   list-style: none !important;
}

.TreeViewBackColor
{
  background-color: #ffffff; 
}

.GrayNode
{
  color: Gray;
}

.radtooltip_Vista .ToolTipContent
{
  background-image: none !important;
  background-color: White !Important;
}

.radtooltip_Vista .ToolTipContent td
{
  border-style: none !important;
}

div.radtooltip_Vista div.ToolTipTitlebar
{	
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif !important;   
  font-size: 12px !important;
  font-weight: bold !important;  
  color: #666666 !important;
  line-height: 14px !important;
}

.RadMenu_harborleftmenu .rmItem
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.RadMenu_harborleftmenu .rmRootGroup a
{
	color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding:0px;
	cursor:pointer;  
  display: inline;
}

.RadMenu_harborleftmenu .rmRootGroup a:hover 
{
  color: #cecfcd;
  background-color: Transparent;  
}

.RadMenu_harborleftmenu .rmGroup a
{
  display: block;
  text-decoration: none;
  color: #0E7A74;
  background-color: #E1E5E6;  
}

.RadMenu_harborleftmenu .rmGroup a:hover
{
  color: #5FA6CE;
  background-color: White;
}

.RadMenu_harborleftmenu .rmGroup
{
  border: 1px solid #E1E5E6;
  background-color: White;
}

.RadMenu_harborleftmenu .EntityParentNode
{
  font-size: 11px;
  text-align: left;
  vertical-align: middle;
  line-height: 20px; 
  cursor: pointer;
  width: 80px;
}

.RadMenu_harborleftmenu .EntityParentTitle
{
  padding-left: 4px;
  width: 80px;
  overflow: hidden;  
  white-space: nowrap;
  font-size: 11px;
  font-weight: bold;
  color: White !important; 
	line-height:20px;   
}

.RadMenu_harborleftmenu .EntityNode
{
  background-color: #E1E5E6;
  margin: 3px;
  cursor: pointer;
  width: 175px;
  text-align: left;
  height: 50px;
}

.RadMenu_harborleftmenu .EntityImage
{
  padding-left: 5px;
  float: left;
  height: 50px;
  width: 55px;
  display: inline;
}

.RadMenu_harborleftmenu .EntityImage img
{
  height: 50px;
  width: 50px;
}

.RadMenu_harborleftmenu .EntityTitle
{
  float: left;
  overflow: hidden;
  height: 50px;
  width: 115px;
}

.RadMenu_harborleftmenu .EntityTitle p
{
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
}

.RadMenu_harbormenu .rmRootGroup .rmLink
{
	color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height:30px;
	padding:0 10px;
	cursor:pointer;
}

.RadMenu_harbormenu .rmRootGroup .rmLink:hover,
.RadMenu_harbormenu .rmRootGroup .rmFocused,
.RadMenu_harbormenu .rmRootGroup .rmExpanded
.RadMenu_harbormenu .rmRootGroup .rmClicked
{
    color: #cecfcd;
    background-color: Transparent;
} 

.RadMenu_harbormenu .rmGroup
{
	background: #0a5854;
}

.RadMenu_harbormenu .rmGroup .rmLink
{
	color:White;
	font-size:11px; font-weight:normal;
	white-space:nowrap;
	line-height:20px;
	cursor:pointer;
}

.RadMenu_harbormenu .rmGroup .rmLink:hover,
.RadMenu_harbormenu .rmGroup .rmFocused,
.RadMenu_harbormenu .rmGroup .rmExpanded
.RadMenu_harbormenu .rmGroup .rmClicked
{
  color: #cecfcd;
	font-size:11px; font-weight:normal;
	white-space:nowrap;
}

.NoWrapClass .GridRow_Default td,
.NoWrapClass .GridAltRow_Default td,
.tdiv
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.radeditor ul li,
.rade_dropDownBody ul li
{
   list-style: none !important;
}

.radeditor a
{
   text-decoration:none !important;
} 

.Available
{
  /*background:#E1E5E6;*/
  position:absolute;text-align:center;vertical-align:middle;border:solid 0px;color:#FFFFFF;
}

.Required
{
	background-color:#00736E; position:absolute;text-align:center;vertical-align:middle;border:solid 2px;color:white;
}

.Required_GrainMatters
{
	background-color:#00736E; position:absolute;text-align:center;vertical-align:middle;border:solid 1px;color:white;
  background-image:url("images/horizontalgrain.gif");
	background-repeat:repeat;
}

.Plate
{
	border:solid 2px;
	position:relative;
	left:0px;
}
#partTable
{
	width:450px;
	margin-bottom:20px;
}
.PartList 
{
	font-size:10px;
	width:100%;
}
.Spacer
{
	height:20px;width:10px;
}

.GridRow
{
	 background-color:#CCCCCC;
	 color:#000000;	
	 border:none;
}
.GridAltRow
{
	 background-color:#FFFFFF;
	 color:#000000;	
	 padding:20px; 
	 border:none;
}

.GridSelectedRow
{
	background-color:#99CCFF
}
.Grid
{	
	font-family:Verdana;
	font-size:10px;
	padding:25px;
	border:solid 1px black;
	
}

.GridCell
{
	padding-right:10px;
	vertical-align:top;
	border:none;
}

.Empty
{
	padding:0px;
}

.ImageSelection_Wrap
{
  overflow: auto;
  height: auto;
  width: auto;
  padding: 20px 20px 20px 20px;
}
.ImageSelection_Wrap div
{
  float: left;
  padding: 0.8em 0.4em 0.4em 0.4em;
  text-align: center;
}
.ImageSelection_Wrap img
{
  display: block;
}
.ImageSelection_Wrap em
{
  display: block;
  margin-top: 0.2em;
  text-align: center;
  color: #666666;
  font: normal 12px/14px arial,sans-serif;
}

.RadTabStrip_Vista .rtsDisabled,
.RadTabStripLeft_Vista .rtsDisabled,
.RadTabStripRight_Vista .rtsDisabled,
.RadTabStripBottom_Vista .rtsDisabled,
.RadTabStrip_Vista_disabled .rtsDisabled
{
	color: #ccc !important;
}
.Cart_Message
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color: Red;
}
.Disclosure_Message
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px;
  color: Black;
}
.Disclosure_Message_Title
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  font-weight: bold;
  color: Black;
}
.RequiredStar
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: Red;
  padding-left:3px;
}

.TableHeader
{
    background:-moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background:-ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    border-right:#EDEDED;
    padding:4px;
    color:Black;
}

.TableCell
{
    border-right:#EDEDED;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #666666;  
    padding:4px;
}

/* Panel Tab/button */
#SlidingPanel_Tab {
  background: Transparent;
  height: 23px;
  position: relative;
  top: 0;
  z-index: 9999;
}

#SlidingPanel_Tab ul {
  display: block;
  position: relative;
  float: right;
  clear: right;
  height: 23px;
  width: auto;
  font-weight: bold;
  line-height: 23px;
  margin: 0;
  right: 0px;
  font-size: 80%;
  text-align: center;
}

#SlidingPanel_Tab ul li.left {
  background: url(images/tab_l.png) no-repeat left 0;
  height: 23px;
  width: 17px;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
}

#SlidingPanel_Tab ul li.right {
  background: url(images/tab_r.png) no-repeat left 0;
  height: 23px;
  width: 17px;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
}

#SlidingPanel_Tab ul li {
  text-align: left;
  padding: 0 6px;
  display: block;
  float: left;
  height: 23px;
  background: url(images/tab_m.png) repeat-x 0 0;
}

#SlidingPanel_Tab ul li a:hover {
  text-decoration: none !important;
}

/* sliding panel */
#SlidingPanel {
  position: absolute;   /*Panel will overlap  content */
  /*position: relative;*/   /*Panel will "push" the content down */
  top: 0;
  width: 100%;
  z-index: 8000;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#SlidingPanel_Main {
  width: 100%;
  height: 350px;
  background: #E4E4E4;
  overflow: hidden;
  position: relative;
  z-index: 3;
  display: none;
}

#SlidingPanel_Content {
  height: 327px;
  background: #FFFFFF;
  overflow: hidden;
  text-align: left;
  margin: 5px;
  padding: 5px;
  border: 1px solid #CDCDCD;
}

#SlidingPanel_Overlay 
{
  z-index:998;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  background-color:#aaaaaa;
  filter:alpha(opacity=55);
  opacity:0.55;
}

#SlidingPanel_Tab ul li
{
  cursor: pointer;
}

#SlidingPanel_NotificationCount.ui-state-highlight
{
  padding: 0px 4px !important;
}

.cts-editpane-container
{
  width: 100%;
}
.cts-editpane-title
{
  padding: 0.3em 0.2em 0.2em 0.3em;
  height: 17px;
}
.cts-editpane-content
{
  padding: 3px;
}
.cts-field-header
{
  display: block;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #0e7a74;
  font-size: 12px;
  padding: 6px 0px 6px 0px;
  width: 100%;
}

input.ui-button, .ui-button-text-only .ui-button-text 
{ 
  font-size: 11px !important;
  margin: 5px; 
}

.ui-jqgrid table td
{
  vertical-align: middle !important; 
}

.cts-column-container
{
  width: 99%; 
  padding: 0px;
  display: block;
}

.cts-column-container-intab
{
  width: 90%; 
  padding: 7px 0;
  display: block;
}

.cts-column-one
{
  width: 90%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

.cts-column-two
{
  width: 45%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

.cts-column-three
{
  width: 31%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

.cts-column-four
{
  width: 25%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

.cts-column-five
{
  width: 20%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

/* should always be 1/2 of cts-column-two */
.cts-column-true-four
{
  width: 23%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

.cts-column-twothree
{
  width: 60%; 
  display: inline-block; 
  float: left;
  padding: 0px;
}

.cts-column-header
{
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #21578A;
  font-size: 12px;  
}
.cts-grid-highlightparent td
{
  font-weight: bold;
  background-color: #E8E8E8;
}
/* ---------------------------------------
Note:  this allows an arbitrary number of columns of arbitrary width
It simply requires that you provide an inline style tag on the column
div to specify the width.
--------------------------------------- */
.cts-column-manualwidth
{
  display: inline-block; 
  float: left;
  padding: 0px;
}

.ctsFwSmall
{
    display:inline-block;
    width:250px;
}

.ctsFwMed
{
    display:inline-block;
    width:150px;
}

.ctsFwSmall
{
    display:inline-block;
    width:100px;
}
a img.plusHyperProductSearch
{
	border: none;
    width: 15px;
    height: 15px;
    border: 0;
    background: url(images/arrowright.png) no-repeat bottom;    
    background-size: 14px 13px;	
	margin-top: -2px;
	margin-left: 1px;
}
a img.minusHyperProductSearch
{
	border: none;
    width: 16px;
    height: 16px;
    border: 0;
    background: url(images/collapse.png) no-repeat bottom;    
    background-size: 14px 13px;	
	margin-top: -5px;
	margin-left: 0px;
}
.ui-dialog{
	z-index: 10000 !important;
}

div.ui-dialog-titlebar > .ui-dialog-titlebar-close{
	top: 6px;
	right: 15px;
}

.BdrRed
{
    border-color: red !important;
}

.WrapContent
{
    white-space: normal !important;
    text-align: center !important;
}
