/* using less now. *//* these are styles that probably shouldn't be customized */

.mini-button {
	font-size:10px;
}
form {
	padding:0;
	margin:0;
}

div.popout-transfer {
	background:		#f0f0f0;
	border:			solid #444 2px;
}




#cluetip-close img {
  border: 				0;
}
#cluetip-title #cluetip-close {
  float: 				right;
  position: 			relative;
}
#cluetip-waitimage {
  width: 				43px;
  height: 				11px;
  position: 			absolute;
  background-image: 	url(/images/indicator.gif);
}

.cluetip-popout {
  background-color: 	#f0f0f0;
  border:				solid #444 2px;
}
.cluetip-popout #cluetip-outer {
  position: 			relative;
  margin: 				0;
  background-color: 	#f0f0f0;
}
.cluetip-popout h3#cluetip-title {
  margin: 				0 0 5px;
  padding: 				8px 10px 4px;
  font-size: 			1.1em;
  font-weight: 			bold;
  background-color: 	#5D5D5D;
  color: 				#FFFFFF;
}
.cluetip-popout #cluetip-title a {
  color: 				#d9d9c2;
  font-size: 			0.95em;
}
.cluetip-popout #cluetip-inner {
  padding: 				3px 10px;
  padding-bottom:		8px;
}
.cluetip-popout div#cluetip-close { 
  text-align: 			right;
  margin: 				0 5px 5px;
  color: 				#900;
}




/* private.css - global styles for the backend of the catalog ********************************************/

.show-loading {
	background: url('https://www.nationwideindustrialsupply.com//images/indicator.gif') right center no-repeat;	
}

.centered {
	margin-left:		auto;
	margin-right:		auto;
}

.flash-msg {
	text-align:		center;
	color:			red;
	margin-bottom:	15px;
	background:		#eee;
	border:			solid 1px #ddd;
	padding:		4px 0px;
}

/*
.search-mode-ctls { display:none; }
*/

/* info table - for grids or lists of information */
.info-table {
	border:				solid 2px black;	
}

.info-table th, .info-table thead td {
	background:		#888 url(/javascript/ext/resources/images/vista/layout/panel-title-bg.gif);
	border-bottom:	solid 2px black;	
	color:			#fff;
	font-weight:	bold;
	text-align:		left;
	font-size:		.8em;
}

.info-table td {
	padding:			2px 4px;
}

.info-table th.cntr, .info-table td.cntr {
	text-align:			center;
}

/* striping and highlighting */
table.info-table tbody td {
	background-color: 	#fff;
	vertical-align: 	top;
}
table.info-table tbody tr.odd td {
	background-color:	#f0f0f0;
}
table.info-table tbody tr.highlight td {
	background-color:	#ccc;
}

/* secondary table - lighter and less bold on the page */
.secondary-table th, .secondary-table thead td {
	background:		#ccc;
	border-bottom:	solid 1px #888}

.secondary-table td {
	padding:		2px 4px;
}

.secondary-table th.cntr, .secondary-table td.cntr {
	text-align:		center;
}

.secondary-table {
	border:			solid 1px #888;	
}

/* dashboard style *********************************************/

#widget_container {
	position:	relative; 
	height:		900px;
}

#widget-add-bar {
	text-align:	center; 
	background:	#f0f0f0; 
	padding: 	5px 0px;
}

.dashboard-widget {
	overflow:hidden;
	display:block; 
	position:absolute; 
}

.widget-small { width:300px; }
.widget-medium { width:450px; }
.widget-large { width:600px; }
 
/* info table (looks a little different under a dashboard widget) */
.dashboard-widget .info-table {
	border:			none;	
}

.dashboard-widget .info-table th, 
.dashboard-widget .info-table thead td {
	background:		none;
	border-bottom:	solid 1px black;	
	color:			#000;
	font-weight:	bold;
	text-align:		left;
	font-size:		.8em;
}


/* news items on dashboard page */
.news-title {
	font-weight:	bold;
}
.news-item {
	margin-bottom:	10px;
}
.urgent-news .news-title {
	color:			#800;
}


/* toc backend forms */
div.toc-form {
	line-height:	200%;
}

div.toc-form .small-field {
	width:		100px;
}

div.toc-form .norm-field, div.toc-form .normal-field {
	width:		200px;
}

div.toc-form .wide-field {
	width:		350px;
}

div.toc-form .big-text {
	width:		500px;
	height:		250px;
}

div.toc-form .submit-btn {
	padding-top: 	20px;
	text-align:		center;
}

/* private area navigation */
#admin-tools ul.nav {
	margin:			0px;
	padding:		0px;
}

#admin-tools ul.nav li {
	width:				100%;
	line-height:		100%;
	margin:				0px;
	padding:			0px;
	list-style:			none;
	list-style-image:	none;
	display:			block;
}
#admin-tools ul.nav li a:link, 
#admin-tools ul.nav li a:active, 
#admin-tools ul.nav li a:visited, 
#admin-tools ul.nav li a:hover, 
#admin-tools ul.nav li span.no-link {
	padding:			2px 0px 3px 10px;
	display:			block;
	color:				#000000;	
}
#admin-tools ul.nav li a:hover {
	font-weight:		bold;
	background:			#BDBDBD;
	color:				#FFFFFF;	
}


#admin-tools .nav-header {
	border-bottom:		1px solid #BDBDBD;
	background-image:	url(https://www.nationwideindustrialsupply.com/templates/custom/nationwideindustrialsupply/images/icon.gif);
	background-repeat:	no-repeat;
	background-position:left center;
	padding-left:		22px;
	padding-bottom:		2px;
	margin-top:			10px;
}

/* CSS for tablesorter functionality *******************************/

/* tables */
 table.sortable thead tr .header {
	background-image: 	url(/javascript/resources/thead-bg.gif);
	background-repeat: 	no-repeat;
	background-position:top right;
	cursor: 			pointer;
}
table.sortable thead tr .headerSortUp {
	background-image: 	url(/javascript/resources/thead-bg-desc.gif);
}
table.sortable thead tr .headerSortDown {
	background-image: 	url(/javascript/resources/thead-bg-asc.gif);
}
table.sortable thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: 		#888;
}


/* pager plugin */
div.tablesorterPager {
	padding: 		20px 0;
	text-align: 	center;
}
div.tablesorterPager span {
	padding: 		0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: 			auto;
	margin-right: 	10px;
}
div.tablesorterPager input.next {
	width: 			auto;
	margin-left: 	10px;
}
div.tablesorterPager input {
	font-size: 		10px;
	width: 			30px;
	border: 		none;
	text-align: 	center;
}



/* help tips ****************************************************/

a.help-icon {
	background: url(/images/help-icon.gif);
	background-repeat:no-repeat;
	width:		16px;
	height:		16px;
	position:	absolute;
	margin:		0px 10px;
	text-decoration:none;
}

span.withtitle a.help-icon {
	position:	relative;
	width:		auto;
	padding:	2px 0px 2px 20px;
	font-size:	0.8em;
}


#cluetip-close img {
  border: 				0;
}
#cluetip-title #cluetip-close {
  float: 				right;
  position: 			relative;
}
#cluetip-waitimage {
  width: 				43px;
  height: 				11px;
  position: 			absolute;
  background-image: 	url(/images/indicator.gif);
}

.cluetip-default {
  background-color: 	#f0f0f0;
  border:				solid #444 2px;
}
.cluetip-default #cluetip-outer {
  position: 			relative;
  margin: 				0;
  background-color: 	#f0f0f0;
}
.cluetip-default h3#cluetip-title {
  margin: 				0 0 5px;
  padding: 				8px 10px 4px;
  font-size: 			1.1em;
  font-weight: 			normal;
  background-color: 	#BDBDBD;
  color: 				#FFFFFF;
}
.cluetip-default #cluetip-title a {
  color: 				#d9d9c2;
  font-size: 			0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 				3px 10px;
  padding-bottom:		8px;
}
.cluetip-default div#cluetip-close { 
  text-align: 			right;
  margin: 				0 5px 5px;
  color: 				#900;
}

#cluetip-inner ul {
	padding:	0px;
	margin:		5px 0px 5px 30px;
	list-style: disc; 	
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.clue-right-jtip {
  background-image: url(arrowleft.gif);
  background-repeat: no-repeat;
  padding-left: 10px;
}
.clue-left-jtip {
  background-image: url(arrowright.gif);
  background-repeat: no-repeat;
  padding-right: 10px;
}

.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}


/* !----- other styles ----- */

a.nonLink, a:hover.nonLink {
	text-decoration: none;
	color: black;
}

#private_sidebar {
	margin: 1em;
	font-size: 11px;
}

/* !----- menu manager ----- */

#menu_manager a {
	text-decoration: none;
}
#menu_manager #edit_form {
	float: right;
	width: 300px;
	border: 1px solid #ccc;
	padding: 20px;
}
#menu_manager #edit_form label {
	float: left;
	width: 75px;
}
#menu_manager h2 {
	font-size: 16px;
	margin-bottom: 0.5em;
}
#menu_manager .menu {
	font-size: 14px;
	margin-bottom: 1em;
}
#menu_manager .menu_column {
	margin-bottom: 0.5em;
	margin-left: 2em;
}
#menu_manager .menu_column span {
	font-size: 12px;
	color: #aaa;
}
#menu_manager .menu_item {
	font-size: 11px;
}
#menu_manager .menu_item_container {
	margin-left: 2em;
	padding-bottom: 1em;
}

.droppable-hover {
	border: 2px dotted #888;
	background: #eee;
}