.hidden {
visibility:hidden;
}

.col-panel {
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 250px;
  float: left;
}
      
/**div.inventory-upload, div.inventory-conversion {**/
.inventory-upload {
  display: none;
}

.label {
  margin-top: 20px;
  margin-left: 10px;
}

.layout-label {
  margin-top: 20px;
  margin-left: -5px;
}

.recent a {
   color: blue;
   text-decoration: none;
}

.recent a:hover {
   color: blue;
   text-decoration: underline;
}

.panel-lists {
  max-height: 200px;
  overflow: auto;
}

#col-type {
  margin-right: 2px;
  height: 200px;
  border-style: dashed;
}
      
#col-layout {
  margin-left: -5px;
  height: 200px;
  border-style: dashed;
}

#col-layout-title em { 
  color: green;
}
      
#col-about {
  float: left;
  margin-left: 42px;
  background: none;
  width: 612px;
}
      
#container {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  border: 1px solid gray;
  height: 340px;
  width: 600px;
}
      
#buttons {
  float: left;
  margin-top: 150px;
  margin-left: 20px;
}

      
#grid-hide {
  margin-right: 30px;
  position: absolute;
  right: 0;
  text-align: right;
}
      
div.grid-name {
  border-bottom: 1px solid #CCC3B8;
  font-weight: bold;
  font-size: 9pt; 
}

#help-hide {
  z-index: 1;
  float: right;
  margin-right: 20px;
  text-decoration: underline;
  font-weight: normal;
}
  
#begin-upload-btn {
  margin-left: 20px;
  margin-right: 20px;
}

#conversion-li {
  font-size: 10pt;
}

#conversion-li-title {
  text-decoration: underline;
}

#recent-inventory, #conversion-status, #error-status {
  overflow: auto;
}

/*
  delete layout pane
*/

#delete_layout {
  margin: 10px;
}

#selection-instructions, #info-panel {
  padding: 5px;
}

#selection-items {
  padding: 20px;
  border: 1px solid #B5B8C8;
}

#selection-items {
  margin: 20px;
  border: 1px solid #B5B8C8;
}

#delete_layout_buttons {
  text-align: center;
  font-size:8pt;
}

#no-selection-items {
  text-align: center;
  color: green;
  font-weight: bold;
  font-size: 16px;
}

.priced-icon {
  border: none;
  padding-right: 5px;
}

/*
grid error color and icon
*/
.x-grid-row-is-error {
	background: #FFCCCC none repeat scroll 0 0;
}

.x-grid-row-no-error {
	background: #FFFFFF none repeat scroll 0 0;
}

.x-grid-row-is-error-icon {
  background-color: #fcc;
  background-image: url(../img/icons/exclamation.png);
  background-repeat: no-repeat;
  background-position: center;
}

.x-conv-grid-row-is-error-icon {
  background-image: url(../img/icons/error.png);
  background-repeat: no-repeat;
  background-position: center;
}

.x-grid-row-no-error-icon {
  background-color: #fff;
  background-image: url(../img/icons/tick.png);
  background-repeat: no-repeat;
  background-position: center;
}
.x-grid-cell-is-error {
	background: #FE2E2E none repeat scroll 0 0;
}


/*
priced and converted grid row errors
*/
.error-pane {
	border: 1px solid gray;
	margin-top: 10px;
}

#priced-error-contents, #converted-error-contents {
	margin-top: -10px;
	margin-left: 25px;
}

#error-title {
	font-size:11px;
	font-weight:bold;
	margin:20px 25px 10px;
}

#error-hide {
	float: right;
	margin-right: 20px;
}

.info td {
	font-size:	8pt;
	text-align: center;
}

/*
help
*/
#help-window {
	text-decoration: none;
	color: blue;
}
#help-window:hover {
	text-decoration: underline;
}
.indexes {
	margin-left: 20px;
	list-style-type: circle;
}
.indexes a:link {
	color: black;
	text-decoration: none;
}
.indexes a:visited {
	color: black;
	text-decoration: none;
}
.indexes a:hover {
	text-decoration: underline;
	color: blue;
}
.indexes a:active {
	text-decoration: underline;
	font-weight: bold;
	list-style-type: disc;
}
#index-content {
	margin-top: 20px;
  padding-bottom: 20px;
}
.help-bar {
	border: 1px solid #333333;
}
.help-index {
	margin-bottom: -10px;
	margin-left: 30px;
	font-weight: bold;
}
div.help-info {
	background-color:	#FFFFCC;
	background-image:	none;
	color:	#444444;
  margin: 0px 30px;
  max-height: 100px;
  overflow: auto;
}
#help-header {
	font-size: 10pt;
	color: black;
	padding: 10px;
}
#help-index {
	padding: 10px;
}
#help-inner {
	overflow: auto;
}
#help-window{
	background-color: #FCFCFC ;
	border: none;
	color: black;
	margin: 0px 30px;
}
.vendor-list {
	list-style-type: circle;
	margin-left: 20px;
}

div#uploaded-grid-contents, div#converted-grid-contents, div#priced-grid-contents {
  min-height: 100px;
}

table td #has_header {
  margin-bottom: 20px;
  margin-left: 25px;
}