
.pendingAdd {
	background-color: #EFEFEF;
	color: darkgreen;
	font-weight: bold;
}

td.pendingAdd {
	border: 1px solid gray;
	padding: 2px 4px;
}

.pendingEdit {
	background-color: #EFEFEF;
	font-weight: bold;
}

td.pendingEdit {
	border: 1px solid gray;
	padding: 2px 4px;
}

.pendingDelete {
	background-color: #EFEFEF;
	color: #666666;
	font-weight: bold;
	text-decoration: line-through;
}

td.pendingDelete {
	border: 1px solid gray;
	padding: 2px 4px;
}

.pendingDelete td {
	text-decoration: line-through;
}

body {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #DDDDDD;
	color: #333333;
}

h1 {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	text-align: center;
}

h2 {
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}

th,td {
	font-size: 8pt;
}

#mainApp {
        margin:0 auto;
	position: relative;
	width: 90%;
	/*  border: solid 3px #0033CC;*/
}

#topBar {
	display: block;
	width: 100%;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #0C0069;
	color: #FFFFFF;
	font-size: 10px;
	border-bottom: solid 1px #333333;
	z-index: 100;
}

#topBar a {
	color: #FFFFFF;
	text-decoration: none;
}

#topBar #logo {
	width: 244px;
	height: 57px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	_background-image: none;
	_filter: progid :   DXImageTransform .   Microsoft . 
		 AlphaImageLoader(src =   '/images/logo.png', sizingMethod =   'crop')
		;
}

#topBar #quickLinks {
	padding-top: 5px;
	padding-left: 10px;
	right: 20px;
	font-size: 12px;
	position: absolute;
}

.help {
	color: #FFFFFF;
	font-size: 10px;
	padding: 2px;
	font-weight: bold;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-image: url(/images/orange_rounded_button.png);
}

#topBar #quickFind {
	top: 48px;
	right: 10px;
	position: absolute;
	font-size: 12px;
}

/* top dropdown menu */
#topMenu {
	display: block;
	width: 750px;
	top: 47px;
	position: absolute;
	z-index: 3;
	margin-left: 35px;
	margin-top: 17px;
	cursor: default;
}

#topMenu ul {
	display: block;
	padding: 0px;
	margin: 0px;
}

#topMenu ul ul {
	display: none;
}

.menu ul {
	position: absolute;
	display: block;
	list-style: none;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 20px;
	background-color: #0A9CFF;
	height: auto;
}

.menu li {
	position: relative;
	display: inline;
	list-style: none;
	width: 145px;
	height: 14px;
	padding: 3px 10px 2px 10px;
	margin: 0px 2px 0px 2px;
	background-color: #0A9CFF;
	white-space: nowrap;
	border-bottom: 1px solid #333333;
}

.menu li:hover,li.iehover {
	background-color: #006CCF;
	border-bottom: 1px solid #006CCF;
}

.menu ul li:hover,ul li.iehover {
	background-color: #006CCF;
	border-bottom: none;
}

.menu li {
	width: auto;
}

.menu ul li {
	width: 165px;
	height: 14px;
	padding: 0px;
	margin: 0px;
	padding: 3px 2px 2px 2px;
	border-bottom: none;
}

.hasSubmenu {
	background-image: url(/images/menu_arrow.png);
	background-position: right;
	background-repeat: no-repeat;
}

.defaultMenu {
	font-weight: bold;
}

.defaultMenu ul {
	font-weight: normal;
}

.submenu ul {
	position: absolute;
	width: 165px;
	height: auto;
	left: 165px;
	top: 0px;
	background-color: #0A9CFF;
	border-left: 2px solid #006CCF;
}

.submenu li {
	display: block;
	margin: 0px;
	padding: 0px;
	padding: 3px 10px 3px 10px;
	border-bottom: none;
}

.menu a,.menu span {
	text-decoration: none;
	/*color: #0033CC;*/
	color: white;
}

.submenu a,.submenu span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 138px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 10px 3px 10px;
}
li.hasSubmenu a,li.hasSubmenu span {
	width: 160px;
}

ul.wideMenu {
	width: 300px;
}

ul.wideMenu li {
	width: 280px;
}

ul.wideMenu li a {
	width: 280px;
}

#topMenu hr {
	border: none;
	border-top: 1px solid white;
	margin: 2px 0px 0px 0px;
	height: 1px;
	padding: 0px;
}
#topMenu li.hr {
	height: 6px;
}
#topMenu li.hr:hover {
	background-color: transparent !important;
}

#topMenu li:hover ul ul,#topMenu li:hover ul ul ul,#topMenu li:hover ul ul ul ul 
	 , #topMenu li:hover ul ul ul ul ul {
	display: none;
}

#topMenu li.iehover ul ul,#topMenu li.iehover ul ul ul,#topMenu li.iehover ul ul ul ul,#topMenu li.iehover ul ul ul ul ul
	{
	display: none;
}

#topMenu li:hover ul,#topMenu li li:hover ul,#topMenu li li li:hover ul,#topMenu li li li li:hover ul,#topMenu li li li li li:hover ul
	{
	display: block;
	border-bottom: none;
}

#topMenu li.iehover ul,#topMenu li li.iehover ul,#topMenu li li li.iehover ul,#topMenu li li li li.iehover ul,#topMenu li li li li li.iehover ul
	{
	display: block;
	border-bottom: none;
}

#search {
	right: 0;
	margin-right: 10px;
	top: 50px;
	_top: 25px;
	position: absolute;
}

/* LEFT MENU BAR */
#leftBar {
	position: absolute;
	width: 250px;
	padding: 3px;
	height: auto;
	display: block;
	border-right: solid 1px #333333;
	background-color: #EFEFEF;
	color: #000099;
}

#mainContent {
	display: block;
	position: relative;
}

#innerContent {
        /*
        width:98.5%;
	width: 915px; 
	margin-left: 35px;
	margin-top: 7px;
	padding: 7px;
        */
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#innerContentPopup {
	width: 915px;
	margin-left: 15px;
	margin-top: 7px;
	padding: 7px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#orderContent {
	float: left;
	width: 765px;
	margin-left: 7px;
	margin-top: 7px;
	padding: 7px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#orderContent h1,#innerContent h1 {
	font-size: 17px;
	padding-bottom: 5px;
	border-bottom: solid 1px #333333;
	margin-top: 5px;
}

/* LOGIN PAGE */
#loginBox {
	float: left;
	display: inline;
	position: relative;
	margin-top: 150px;
	margin-left: 200px;
	background-color: #EFEFEF;
	color: #333333;
	height: 175px;
	width: 300px;
	border: solid 1px #333333;
	padding: 15px;
	font-weight: bold;
	font-size: 12px;
}

/* TABS */
.viewTabs {
	position: absolute;
	left: 260px;
	top: 5px;
	width: 500px;
	height: 50px;
	padding: 6px;
	display: inline;
	font-weight: bold;
	color: #333333;
}

.viewTabs .tab {
	display: inline;
	padding: 5px;
	width: 100px;
	border: solid 1px #333333;
	background-color: #EFEFEF;
}

.viewTabs .tab a {
	text-decoration: none;
	color: #0033CC;
}

.viewTabs .tab a:visited {
	text-decoration: none;
	color: #0033CC;
}

.viewTabs .tab:hover {
	background-color: #E8F2F8;
	color: #CC6600;
}

.viewTabs .tabSelected {
	display: inline;
	padding: 5px;
	border: solid 1px #333333;
	background-color: #FFFFFF;
}

#batchId {
	position: relative;
	right: 20px;
	top: 5px;
	padding: 6px;
	display: inline;
	font-weight: bold;
	color: #990000;
	float: right;
}

/* SEARCH FIELDS */
#searchForm {
	padding-top: 5px;
	padding-left: 2px;
}

#searchForm .searchField {
	font-weight: bold;
	left: 4px;
	padding: 3px;
}

#searchForm .searchInput {
	color: #666666;
	margin-left: 10px;
}

.redLabel {
	padding: 3px;
	display: inline;
	margin-left: 3px;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(/images/red_button.png);
	background-repeat: repeat-x;
}

.resultsTable {
	font-size: 10px;
	display: block;
	padding: 2px;
	width: 100%;
}

.resultsTable thead {
	width: 100%;
}

.resultsTable thead th {
	font-weight: bold;
	color: #000000;
	padding: 2px;
	vertical-align: bottom;
	background-image: url(/images/table_header_down.png);
	background-repeat: repeat-x;
	background-position: bottom right;
	border-left: 1px solid white;
	text-align: left;
	padding-right: 15px;
	height: 35px;
}

.resultsTable thead th.sorted {
	background-image: url(/images/table_header_down_on.png);
}

.resultsTable thead th.sorted_rev {
	background-image: url(/images/table_header_up_on.png);
}

.resultsTable thead th a {
	text-decoration: none;
	color: black;
	width: 100%;
	height: 100%;
	display: block;
	vertical-align: bottom;
}

.resultsTable tbody {
	width: 100%;
}

.resultsTable tfoot {
	width: 100%;
}

.resultsTable tfoot td {
	font-weight: bold;
	border: solid 1px #990033;
	background-color: #FFC8CD;
	color: #000000;
}

.resultsTable .light {
	
}

.resultsTable .dark {
	background-color: #EFEFEF;
}

div.errors span, div.success span{background:transparent url(/images/icons/icons65.png) no-repeat; display:block; float:left; width:95px; height:65px}
div.success span{background-position: 0 -65px;}
div.errors {
	font-weight: bold;
	color: maroon;
	margin: 5px;
	padding: 5px;
	border: 2px solid maroon;
	background:#fff url('/images/error-bg.png') repeat-x;
        font-size:14px;
}
div.errors ul li{font-size:12px; padding:3px 0}
div.success{
    	font-weight: bold;
	color: #003366;
	margin: 5px;
	padding: 5px;
	border: 2px solid #003366;
	background:#fff url('/images/success-bg.png') repeat-x;
        font-size:14px;
}

div.warnings {
	font-weight: bold;
	color: black;
	margin: 5px;
	padding: 5px;
	border: 2px solid orange;
	background-color: #FFDDAA;
}

div.notes {
	color: black;
	margin: 5px;
	padding: 5px;
	border: 1px solid navy;
	background-color: #EEEEFF;
}

/* FORMS */
.formLine {
	display: block;
	margin: 2px;
	padding-top: 2px;
	clear: both;
}

.formLine.error {
	color: maroon;
}

.formLine.required .formValue {
	border-left: 4px solid firebrick;
}

td.required {
	border-left: 4px solid firebrick;
	padding-left: 0 !important;
}

.formField {
	clear: left;
	width: 160px;
	text-align: right;
	float: left;
	font-weight: bold;
	padding: 4px;
}

.formValue {
	clear: right;
	display: block;
	float: left;
	border-left: 4px solid transparent;
}

.formValue p {
	min-height: 14px;
	margin: 0;
	padding: 4px 1px;
}

.submitMessage {
	border: solid 1px #990033;
	background-color: #FFC8CD;
	color: #990033;
	font-weight: bold;
	padding: 5px;
}

/* ORDER DETAILS */
.grayed {
	filter: alpha(opacity =   60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

.orderDetails {
	display: block;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px;
}

.orderDetails thead {
	font-weight: bold;
	background-color: #E8F2F8;
	color: #0000CC;
}

.orderDetails thead td {
	border-bottom: solid 1px #0000CC;
	border-top: solid 1px #0000CC;
}

.order tfoot {
	font-weight: bold;
	border: solid 1px #990033;
	background-color: #FFC8CD;
	color: #000000;
}

.orderDetails tfoot td {
	border-top: solid 1px #990033;
	border-bottom: solid 1px #990033;
}

.orderDetails tbody tr:hover {
	background-color: #E8F2F8;
}

.orderDetails .alt {
	background-color: #CCCCCC;
}

.orderDetails .alt:hover {
	background-color: #E8F2F8;
}

.orderDetails .subHeading {
	font-weight: bold;
	border-bottom: dotted 1px #990033;
}

.orderDetails .fieldHeading {
	font-weight: bold;
}

/* BAGS */
.addBag {
	display: block;
}

.addBag .header {
	font-size: 12px;
	font-weight: bold;
}

.addBag .bagNumber {
	margin-left: 10px;
	position: absolute;
	display: inline;
}

.addBag .status {
	margin-left: 60px;
	position: absolute;
	display: inline;
}

.addBag .orderId {
	margin-left: 130px;
	position: absolute;
	display: inline;
}

.addBag .location {
	margin-left: 210px;
	position: absolute;
	display: inline;
}

.addBag .component {
	margin-left: 320px;
	position: absolute;
	display: inline;
}

.addBag .qty {
	margin-left: 430px;
	position: absolute;
	display: inline;
}

/* COPYRIGHT TEXT*/
#copyright {
	font-size: 9px;
	color: black;
	margin: 5px;
	margin-top: 15px;
	text-align: right;
	display: block;
	clear: both;
}

.relatedProducts {
	border: 1px solid silver;
	margin: 10px;
	padding: 3px;
}

.relatedProducts ul {
	margin-bottom: 0px;
}

#orderFilterOptions h2 {
	border-bottom: 1px solid black;
	margin-top: 20px;
}

.filterOption {
	border-bottom: 1px solid silver;
	padding-left: 100px;
	position: relative;
}

.filterOption b {
	position: absolute;
	top: 2px;
	left: 0;
}

.filterItem {
	float: left;
	padding: 2px;
	border: 1px solid silver;
	background-color: white;
	margin: 2px;
	overflow: hidden;
}

.clearBoth {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#sidebar {
	position: fixed;
	top: 82px;
	left: 790px;
	width: 200px;
	padding: 7px;
	color: black;
	font-size: 11px;
	background-color: #DDDDDD;
}

#sidebar h3 {
	font-size: 11px;
	margin: 10px 0px 0px 0px;
	padding: 1px 0px 3px 0px;
	border-bottom: 1px solid black;
	background-image: url(../images/sidebar_expand.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	cursor: pointer;
}

#sidebar .sidebarElement {
	background-color: #E6E6E6;
	padding: 2px;
	padding-top: 3px;
	border-style: dotted;
	border-color: #999999;
	border-width: 0px 1px 1px 1px;
}

#sidebar select {
	background-color: #E6E6E6;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	width: 100%;
}

#sidebar select option {
	background-color: white;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
}

#sidebar ul {
	margin: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
}

#sidebar li {
	margin-top: 10px;
}

#sidebar ul a {
	font-size: 9px;
}

#sidebar .valid {
	font-weight: bold;
	color: darkgreen;
}

#sidebar .invalid {
	font-weight: bold;
	color: maroon;
	border: none;
}

#productComponents {
	position: absolute;
	top: 0px;
	right: 0;
	margin-top: 7px;
	background-color: white;
	padding: 10px;
	padding-top: 0px;
	border: 1px solid silver;
}

.orderRow1 td {
	border: 1px solid silver;
	border-width: 1px 0px 1px 1px;
}

.orderRow1 .end {
	border: 1px solid silver;
	border-width: 1px 1px 1px 1px;
}

.orderRow2 td {
	border: 1px solid silver;
	border-width: 0px 0px 1px 1px;
}

.orderRow2 .end {
	border: 1px solid silver;
	border-width: 0px 1px 1px 1px;
}

.orderRow3 td {
	border: 1px solid silver;
	border-width: 0px 1px 1px 1px;
}

.orderRow2 .status,.orderRow3 .status {
	float: left;
	font-weight: bold;
}

.orderRow4 td {
	padding-bottom: 10px;
	font-size: 7pt;
}

.bottomButtons {
	border-top: 1px solid silver;
	padding-top: 5px;
	margin-top: 10px;
}

#orderFilterOptions {
	background-color: #EDEDED;
	padding: 10px;
	margin-bottom: 10px;
}

.pageLinks {
	text-align: center;
	margin: 10px 0px 10px 0px;
}

.relatedNotice {
	font-weight: bold;
	color: red;
}

.autocomplete {
	font-family: Tahoma;
	font-size: 8pt;
	background-color: white;
	border: 1px solid black;
	position: absolute;
	cursor: default;
	overflow: auto;
	overflow-x: hidden;
}

.autocomplete_item {
	padding: 1px;
	padding-left: 5px;
	color: black;
	width: 100%;
}

.autocomplete_item_highlighted {
	padding: 1px;
	padding-left: 5px;
	color: white;
	background-color: #0A246A;
}

.orderComponents {
	margin-top: 7px;
	border-top: 2px solid black;

}

.orderComponents.first {
	margin-top: 0px;
	border-top: none;
}

.orderComponentsTotal {
	margin-top: 13px;
	border-top: 3px double black;
	padding-top: 10px;
}

.numbersTable {
	background-color: #EAEAEA;
	border: 1px solid silver;
	padding: 3px;
}

.numbersTable input {
	text-align: right;
}

.invalid {
	border: 2px solid red;
}

.niceTable {
	border: 0px;
	/*	background-color: #EAEAEA;*/
	background-color: #6A6A6A;
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-collapse: collapse;
}

.niceTable th,.niceTable tfoot td {
	padding: 2px 7px;
	/*	margin: 2px 1px 2px 0px;*/
	margin: 0px;
	color: white;
	border: 1px solid #6A6A6A;
	background-color: #6A6A6A;
	font-weight: bold;
}

.niceTable th a {
	text-decoration: none;
	color: white;
}

.niceTable td {
	padding: 1px 7px;
	/*	margin: 2px 1px 2px 0px;*/
	margin: 0px;
	background-color: white;
	border-top: 1px solid #6A6A6A;
	border-bottom: 1px solid #6A6A6A;
	border-left: 1px dotted #6A6A6A;
	border-right: 1px dotted #6A6A6A;
}
.multilineTableT {
	border: 0px;
	background-color: #EAEAEA;
	padding: 0px;
	margin: 0px;
}
.multilineTable {
	border: 0px;
	background-color: #EAEAEA;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.multilineTable th {
	padding: 1px 7px;
	margin: 2px 1px 2px 0px;
	border-right: 1px dotted white;
}

.multilineTable th a {
	text-decoration: none;
}

.multilineTable td {
	padding: 1px 7px;
	margin: 2px 1px 2px 0px;
}

.multilineTable thead .row1 th {
	border-top: 1px solid white;
}

.multilineTable thead .row2 th,.multilineTable th.row2 {
	border-top: 1px solid white;
}

.multilineTable thead .row3 th,.multilineTable th.row3 {
	border-bottom: 2px solid #333333;
}

.multilineTable .row1 td {
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid silver;
	border-right: 1px dotted gray;
}

.multilineTable .row1 td.last {
	border-right: none;
}

.multilineTable .row2 td,.multilineTable td.row2 {
	border-bottom: 2px solid #333333;
	border-right: 1px dotted gray;
	padding-top: 2px;
	padding-bottom: 5px;
}

.multilineTable .row2 td.last,.multilineTable td.last {
	border-right: none;
}

.multilineTable thead .rowTop th {
	border-top: 1px solid white;
}

.multilineTable thead .rowMiddle th,.multilineTable th.rowMiddle {
	border-top: 1px solid white;
}

.multilineTable thead .rowBottom th,.multilineTable th.rowBottom {
	border-bottom: 2px solid #333333;
}

.multilineTable .rowTop td {
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid silver;
	border-right: 1px dotted gray;
}

.multilineTable .rowTop td.last {
	border-right: none;
}

.multilineTable .rowMiddle td,.multilineTable td.rowMiddle {
	border-bottom: 1px solid gray;
	border-right: 1px dotted gray;
	padding-top: 2px;
	padding-bottom: 5px;
}

.multilineTable .rowMiddle td.last {
	border-right: none;
}

.multilineTable .rowBottom td,.multilineTable td.rowBottom {
	border-bottom: 2px solid #333333;
	border-right: 1px dotted gray;
	padding-top: 2px;
	padding-bottom: 5px;
}

.multilineTable .rowBottom td.last {
	border-right: none;
}

.showQuantity {
	float: right;
	margin-top: -20px;
	font-weight: bold;
}

.historyTable {
	width: 100%;
	overflow: auto;
}

.historyTable td,.historyTable th {
	background-color: #EFEFEF;
	text-align: center;
}

.historyTitle {
	margin-top: 10px;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
}

#diamondFilters {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-top: 7px;
	margin: 7px 0px;
}

#diamondFilters th {
	text-align: right;
	padding-right: 3px;
	font-weight: normal;
}

#popupWrapper #innerContent {
	margin: 7px;
	width: auto;
}

.orderComponents .quantity,.orderComponentsTotal .quantity {
	padding-top: 2em;
	padding-bottom: 2em;
}

.orderComponents .carat_exp {
	padding-top: 1em;
	padding-bottom: 1em;
}

.revalidateButton {
	padding: 15px;
}

#orderLog {
	margin: 15px 0px 10px 0px;
}

#orderLog h1 {
	margin-top: 0px;
}

.errorLocation td {
	background-color: red;
}

.pastLocation td {
	background-color: silver;
	color: black;
}

.currentLocation td {
	background-color: cyan;
}

.futureLocation td {
	font-style: italic;
	color: silver;
}

#hidden_batches {
	display: none;
}

/*  PRODUCT VIEW */
#productViewComponents td,#productViewComponents th {
	background-color: #EFEFEF;
	text-align: center;
}

#product_view #components {
	border: 1px solid silver;
}

.boldRight {
	font-weight: bold;
	text-align: right;
}

.boldCenter {
	font-weight: bold;
	text-align: center;
}

/* ERRORS */
.routeError {
	background-color: #E08585;
	border: 1px solid #CD0000;
	display: block;
	color: white;
	font-weight: bold;
	width: 600px;
	padding: 4px;
}

.routeError a,.routeError a:hover {
	color: white;
}

.routeWarning {
	background-color: #FFB266;
	border: 1px solid #F2520D;
	display: block;
	color: black;
	font-weight: bold;
	width: 600px;
	padding: 4px;
}

.routeWarning a,.routeWarning a:hover {
	color: black;
}

.routeSuccess {
	background-color: #8CD9A3;
	border: 1px solid #00992E;
	display: block;
	color: black;
	font-weight: bold;
	width: 600px;
	padding: 4px;
}

.routeSuccess a,.routeSuccess a:hover {
	color: black;
}

#shippingResults p {
	margin: 3px auto;
}

#shippingResults table {
	margin: 3px auto;
	width: 610px;
	background-color: #EAEAEA;
	border: 1px solid silver;
	padding: 4px;
	font-weight: bold;
}

.routeSelector {
	width: 260px;
	float: left;
	border: 1px solid silver;
	margin: 10px;
	padding: 5px;
}

.shortcutSidebar {
	position: absolute;
	right: 0;
	width: 200px;
	background-color: #EFEFEF;
	border: 1px solid silver;
	padding: 5px;
	margin-right: 45px;
	margin-top: 7px;
}

.shortcutSidebar p {
	margin: 7px 0px;
}

.shortcutSidebar h2 {
	margin: 4px 0px;
	border-bottom: 1px solid white;
}

.multilineOrder {
	border: 1px solid silver;
	padding: 4px;
	margin: 3px;
	position: relative;
	_position: static;
	_height: 153px;
	font-size: 11px;
}

.multilineOrder .thumbnail {
	position: absolute;
	top: 4px;
	left: 4px;
	_display: block;
	_width: auto;
	_min-height: 50px;
	_position: static;
}

.multilineOrder .red { /*
	background-image: url(../images/red_background.png);
	background-position: left;
	background-repeat: repeat-y;
	padding: 2px;
	*/
	font-size: 13px;
}

.multilineOrder .red label {
	color: maroon;
}

.multilineOrder label {
	font-size: 10px;
	color: silver;
}

.multilineOrder .row1,.multilineOrder .row2,.multilineOrder .row3,.multilineOrder .row4
	{
	margin-left: 155px;
	width: 595px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	margin-top: -3px;
}

.multilineOrder .row1 {
	border-bottom: 1px solid #EEEEEE;
	_margin-top: -120px;
}

.multilineOrder .row4 {
	width: auto;
}

.multilineOrder .createdDate {
	width: 100px;
}

.multilineOrder .poNumber {
	text-align: right;
	font-weight: bold;
}

.multilineOrder .poNumber a {
	font-weight: normal;
}

.multilineOrder .status {
	width: 65px;
	text-align: right;
}

.multilineOrder .supplier {
	width: 70px;
}

.multilineOrder .orderQty {
	font-size: 18px;
	color: maroon;
	font-weight: bold;
	text-align: right;
	width: 50px;
}

.multilineOrder .orderFilled {
	text-align: right;
	width: 94px;
	background-position: left;
	background-repeat: no-repeat;
}

.multilineOrder .orderFilled.complete {
	background-image: url(../images/ok.png);
}

.multilineOrder .orderFilled.error {
	background-image: url(../images/error.png);
}

.orderQtyStatus {
	text-align: right;
}

.multilineOrder .estimatedTable {
	_position: fixed;
	margin-top: 10px;
	font-size: 11px;
	/*
	margin-left: 115px;
	background-image: url(../images/estimated_table_back.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 13px;
	*/
}

.multilineOrder .estimatedTable th {
	background-image: url(../images/estimated_table_th1.png);
	height: 26px;
	_height: 23px;
	border: 1px solid #cacaca;
	border-width: 1px 0px 1px 1px;
	white-space: nowrap;
}

.multilineOrder .estimatedTable th.totals {
	background-image: url(../images/estimated_table_th2.png);
}

.multilineOrder .estimatedTable tr.nothing th {
	background-image: none;
	border: none;
	height: 14px;
	color: maroon;
	font-size: 10px;
}

.multilineOrder .estimatedTable td {
	height: 19px;
	border: 1px solid #cacaca;
	border-width: 1px 0px 0px 1px;
	text-align: center;
	padding: 0px;
}

.multilineOrder .estimatedTable .totals {
	background-color: #f1f1f1;
}

.multilineOrder .estimatedTable .spacer {
	border-width: 0px 0px 0px 1px;
	background-image: none;
	border-top: 1px dotted #cacaca;
}

.multilineOrder .estimatedTable .endRow {
	border-width: 1px 1px 0px 1px;
}

.multilineOrder .estimatedTable .footer td {
	border: 1px solid black;
	border-width: 1px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

.multilineOrder .estimatedTable .footer td.spacer {
	border: none;
}

.multilineOrder .estimatedTable .tweener td {
	border: 1px solid #cacaca;
	border-width: 0px 0px 0px 0px;
}

.multilineOrder .estimatedTable .tweener td.spacer {
	border: none;
	border-top: 1px dotted #cacaca;
}

.multilineOrder .estimatedTable thead .spacer {
	border-width: 0px 0px 0px 1px;
}

.multilineOrder .estimatedTable .checkbox,.multilineOrder .estimatedTable .footer td.checkbox
	{
	border: none;
	background-image: none;
	text-align: center;
	border-top: 1px dotted #cacaca;
}

.multilineOrder .estimatedTable .shortcuts,.multilineOrder .estimatedTable .footer td.shortcuts
	{
	border: none;
	background-image: none;
	text-align: center;
}

.multilineOrder .estimatedTable thead .checkbox {
	border: none;
}

.multilineOrder .estimatedTable .status {
	border: none;
	background-image: none;
	text-align: center;
}

.multilineOrder .estimatedTable td.status {
	border-top: 1px dotted #cacaca;
}

.multilineOrder .minHeight {
	width: 1px;
	height: 150px;
	float: left;
	overflow: hidden;
}

.multilineOrder .clearBoth {
	height: 1px;
	overflow: hidden;
	clear: both;
}

.multilineOrder .destination {
	width: 150px;
}

.multilineOrder .styleSku,.multilineOrder .createdDate,.multilineOrder .targetDate
	{
	width: 110px;
	vertical-align: top;
}

.multilineOrder .orderId,.multilineOrder .customer,.multilineOrder .supplier
	{
	width: 130px;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
}

.multilineOrder .minWeight,.multilineOrder .orderColor,.multilineOrder .orderClarity
	{
	width: 112px;
	vertical-align: top;
}

.multilineOrder .customer,.multilineOrder .styleSku,.multilineOrder .minWeight,.multilineOrder .orderColor,.multilineOrder .orderClarity,.multilineOrder .description,.multilineOrder .notes, .multilineOrder .history
	{
	background-color: #F4F4F4;
}

.multilineOrder .withNote {
	padding-right: 40px;
	background-image: url(../images/info_icon.png);
	background-position: right;
	background-repeat: no-repeat;
}

.multilineOrder .category {
	white-space: nowrap;
	overflow: hidden;
}

.multilineOrder .category select,.multilineOrder .colorCategory select {
	padding: 0px;
	margin: 0px;
	border: none;
}

.permissions {
	position: absolute;
	right: 0;
	top: 40px;
	padding: 10px;
	margin: 10px;
	width: 280px;
	border: 1px solid silver;
	margin-right: 45px;
	background-color: #f3f3f3;
}

.permissions h2 {
	margin-top: 0px;
	border-bottom: 1px solid silver;
}

.permissions small {
	color: gray;
}

.permissions td {
	border-top: 1px solid silver;
}

#login {
	width: 300px;
	margin: 20px auto;
	background-color: #0C0069;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #AAAAAA;
}

#login input {
	width: 120px;
}

.loginError {
	background-color: #E08585;
	border: 1px solid #CD0000;
	display: block;
	color: white;
	font-weight: bold;
	width: 220px;
	padding: 4px;
	text-align: center;
}

.permissionError {
	width: 400px;
	margin: 20px auto;
	text-align: center;
	padding: 4px 4px 15px 4px;
	background-color: #E08585;
	border: 1px solid #CD0000;
	display: block;
	color: white;
	font-weight: bold;
}

.permissionError ul {
	text-align: left;
}

.multilineOrder .editable {
	cursor: help;
	background-image: url(../images/editable.png);
}

.updating {
	
}

.multilineOrder .estimatedTable .orderLine div {
	font-size: 11px;
	overflow: hidden;
	width: 50px;
	white-space: nowrap;
}

.multilineOrder .estimatedTable .footer .orderLine div {
	height: 15px;
}

.multilineOrder .estimatedTable .rowCount1 .orderLine div {
	height: 15px;
	padding: 14px 0px;
}

.multilineOrder .estimatedTable .rowCount2 .orderLine div {
	height: 13px;
	padding: 4px 0px;
}

.multilineOrder .estimatedTable .rowCount3 .orderLine div {
	height: 15px;
}

.multilineOrder .estimatedTable .footer .orderLine div {
	padding: 0px 0px;
}

.multilineOrder .estimatedTable .empty {
	border-bottom: 1px solid #cacaca;
}

.multilineOrder .estimatedTable .imported {
	background-color: #FFF4F4;
	color: #aaa;
	border-bottom: 1px solid #cacaca;
}

.multilineOrder .estimatedTable .imported.totals {
	background-color: #f8eeee;
}

.multilineOrder .estimatedTable .component {
	background-color: #f2FFf2;
	border-bottom: 1px solid #cacaca;
}

.multilineOrder .estimatedTable .component.totals {
	background-color: #eef8ee;
}

.multilineOrder .estimatedTable .actual {
	background-color: #f2f2ff;
	border-bottom: 1px solid #cacaca;
}

.multilineOrder .estimatedTable .actual.totals {
	background-color: #eeeef8;
}

.multilineOrder .estimatedTable .footer td.small {
	font-size: 11px;
}

.multilineOrder .estimatedTable .footer .percentChange {
	text-align: center;
	padding-top: 5px;
	vertical-align: top;
	border: none;
	font-weight: normal;
	font-size: 11px;
}

.multilineOrder .estimatedTable .footer .percentChange span {
	font-weight: bold;
}

.multilineOrder .estimatedTable .whiteStone {
	background-color: white;
}

.multilineOrder .estimatedTable .coloredStone {
	background-color: #fffecc;
}

.legend {
	font-weight: bold;
	font-size: 9px;
	display: block;
	width: 75px;
	text-align: left;
}

.legend div {
	font-weight: normal;
	border-color: #cacaca;
	border-style: solid;
	text-align: center;
}

.legend .imported {
	border-width: 1px 1px 0px 1px;
}

.legend .component {
	border-width: 1px 1px 0px 1px;
}

.legend .actual {
	border-width: 1px;
}

/*.legend .coloredStone {
	border-width: 1px;
}*/
.pricingOptions .valid,.routeOptions .valid {
	border: none;
	background-color: white;
	color: black;
	border-left: 8px solid lightgreen;
	padding-left: 2px;
}

.pricingOptions .invalid,.routeOptions .invalid {
	border: none;
	background-color: white;
	color: black;
	border-left: 8px solid red;
	padding-left: 2px;
}

.pricingOptions .divider {
	background-color: black;
	height: 2px;
	font-size: 2px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
}

.pricingOptions.invalid {
	background-color: red;
	color: white;
}

.busyOverlay {
	background-color: white;
	filter: alpha(opacity =   70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	background-image: url(../images/loading_big.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#logTable {
	width: 90%;
}

#logTable td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}

#logTable th {
	text-align: center;
}

.largeError,.largeWarning {
	display: block;
	color: black;
	font-weight: bold;
	width: 600px;
	font-size: 14px;
	padding: 4px;
	margin: 0 auto;
}

.largeError {
	background-color: #E08585;
	border: 1px solid #CD0000;
}

.largeWarning {
	background-color: #FFB266;
	border: 1px solid #F2520D;
}

/** BATCHES **/
#batchedItems td {
	padding: 3px;
}

#batchedItems table td {
	border: 1px solid silver;
	width: 100px;
}

.batchTopRow {
	border-top: 1px solid silver;
}

.batchBottomRow {
	border-bottom: 1px solid silver;
}

.batchLeftRow {
	border-left: 1px solid silver;
}

.batchRightRow {
	border-right: 1px solid silver;
}

/* COLOURED STONES */
.coloredStone {
	background-color: #eadbc8;
}  /*
.coloredStone.yellow {
	background-color: #fdfcc7;
}
.coloredStone.brown {
	background-color: #eadbc8;
}
.coloredStone.pink {
	background-color: #ffd4e7;
}
.coloredStone.black {
	background-color: #e9e9e9;
}
.coloredStone.blue {
	background-color: #c7e6fd;
}
.coloredStone.green {
	background-color: #e7ffbd;
}*/
.mappingTabs {
	height: 20px;
	border-bottom: 2px solid gray;
	font-size:10px;
}

.mappingTabs div {
	float: left;
	background-color: #DDDDDD;
	margin-left: 5px;
}

.mappingTabs div a {
	display: block;
	padding: 3px 8px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.mappingTabs div.selected {
	background-color: gray;
	color: white;
}

.mappingTabs div.selected a {
	color: white;
}

.redHighlight {
	background-color: #ffd3d3;
}

.okayTable {
	border: 1px solid #EAEAEA;
}

.okayTable th {
	border: 1px solid #EAEAEA;
	background-color: #EAEAEA;
}

.okayTable td {
	width: 100px;
	text-align: center;
	border: 1px solid #EAEAEA;
}

.multilineTable .minibags {
	border: none;
	border: 1px solid silver;
	border-top: 0px;
	margin-right: 20px;
}

.multilineTable .minibags tr {
	border: none;
}

.multilineTable .minibags td {
	border: none;
	border-right: 1px dotted gray;
	background-color: #f5f5f5;
	padding: 2px 0px;
}

.multilineTable .minibags th {
	border: none;
	font-size: 11px;
	border-right: 1px dotted gray;
	background-color: #f5f5f5;
	padding: 2px 0px;
}

.multilineTable .minibags td input,.multilineTable .minibags td select {
	font-size: 12px;
	border: none;
}

.multilineTable .minibags td.last,.multilineTable .minibags th.last {
	border: none;
}

.bold {
	font-weight: bold;
}

.estimatedTable tr.readonly {
	filter: alpha(opacity =   40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	background-image: url(../images/readonly_background.png);
}

.estimatedTable tr.readonly div {
	background-image: url(../images/readonly_background.png);
}

.estimatedTable tr.disable {
	filter: alpha(opacity =   40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}

.estimatedTable tr.hide {
	display: none;
}

#orderEdit {
	width: 100%;
}

.fieldValue {
	border-left: 4px solid transparent;
}

#orderEdit .fieldHeader {
	text-align: right;
	font-weight: bold;
	width: 125px;
	white-space: nowrap;
}

#orderEdit .fieldValue {
	width: 170px;
}

#orderEdit .fieldValue select,#orderEdit .fieldValue input {
	max-width: 170px;
}

#orderEdit .red {
	
}

#orderEdit .left {
	text-align: left;
}

#orderEdit .line td {
	
}

.editComponents {
	background-color: #f9f9f9;
	border: 1px solid #CACACA;
	margin-bottom: 10px;
}

.editComponents.invalid {
	background-color: #ffe9e9;
	border: 1px solid red;
	margin-bottom: 10px;
}

.editComponents td {
	padding: 3px;
}

.editComponents th {
	text-align: right;
}

.editComponents .subEditComponents th {
	background-image: url(../images/estimated_table_th1.png);
	border-color: #CACACA;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	height: 26px;
	white-space: nowrap;
	text-align: center;
}

.editComponents .subEditComponents .imported {
	background-color: #FFF4F4;
	color: #aaa;
	border-bottom: 1px solid #cacaca;
	width: 68px;
}

.editComponents .subEditComponents .component {
	background-color: #F2FFF2;
	border-bottom: 1px solid #CACACA;
	width: 68px;
}

.editComponents .subEditComponents .actual {
	background-color: #f2f2ff;
	border-bottom: 1px solid #cacaca;
	width: 68px;
}

.editComponents .subEditComponents td {
	text-align: center;
	border-left: 1px solid #cacaca;
}

.editComponents .subEditComponents .borderRight {
	border-right: 1px solid #cacaca;
}

.editComponents .disabled {
	background-color: #F6F6F6;
	color: #666666;
	border: 1px solid silver;
}

.noTDBorders,.noTDBorders td {
	border: 0px solid #FFF !important;
}

.inputError {
	border: 2px solid red !important;
}

.multilineIcons {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 5px 3px;
}

.multilineIcons div {
	display: inline;
	float: right;
}

.groupTable {
	width: 620px;
	margin: 5px auto 10px auto;
	border-color: #CACACA;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
}

.groupTable td {
	padding: 2px;
	text-align: center;
}

.groupTable .red {
	color: maroon;
	background-image: url(../images/estimated_table_th1.png);
	border-color: #CACACA;
	border-style: solid;
	border-width: 0px 0px 1px 1px;
	height: 26px;
	white-space: nowrap;
}

.groupTable th {
	font-weight: normal;
}

.groupTable td {
	border-color: #CACACA;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
}

.groupTable .spacer {
	background-image: none;
	border-color: #CACACA;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
}

.orderRush {
	background-image: url(../images/rush.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #ffadad;
}

.parcelLabel {
	float: left;
	position: relative;
	width: 350px;
	border: 2px solid black;
	padding: 5px;
	margin: 10px;
}

.parcelId {
	text-align: center;
	font-size: 20px;
	padding-top: 50px;
	padding-bottom: 10px;
	background-image: url(/images/barcode.png);
	background-repeat: no-repeat;
	background-position: top center;
}

.parcelValue {
	width: 49%;
	float: left;
	text-align: left;
}

.parcelValue label {
	font-weight: bold;
}

.parcelWeight {
	clear: both;
	font-size: 30px;
	padding-top: 20px;
}

.parcelWeight label {
	font-size: 12px;
	display: block;
}

.recent_bag {
	border: #ff0000 thin dashed;
	background-color: #ffffff;
}

.editHighlight {
	background-color: yellow;
}

.editNoDiff {
	float: right;
	text-align: left;
	padding: 5px;
	display: block;
	background-color: #EEEEEE;
	width: 250px;
}

.editDiff {
	background-color: yellow;
	color: #FF0000;
}

.inputBlocks input {
	display: block;
}

.multipleChecks {
	font: 13.3px sans-serif;
	width: 25em;
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.multipleCheck {
	background: #fff;
	overflow: auto;
	height: 7.1em;
	border-left: 1px solid #404040;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #d4d0c8;
	border-right: 1px solid #d4d0c8;
}

.multipleCheckLabel {
	padding-right: 3px;
	display: block;
}

td.number {
	text-align: right;
}
td.monospace {
	font-family: monospace;
}

.skuNumber{
	border: 2px solid black;	
	background-color:black;
	color:white;
	width:214px;
	font-size:20px;
	text-align:center;
	margin-left:10px;
}

#stylSkusTable label {
	font-size: 9px;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 50px;
	text-align: left;
}


.rowClear1 td {
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #CCCCCC;
}
.rowClear2 td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.rowClear3 td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #AAAAAA;
}
.rowShade1 td {
  border-top: 1px solid #AAAAAA;
  background-color: #EEEEFA;
  border-bottom: 1px solid #CCCCCC;
}
.rowShade2 td {
  border-top: 1px solid #CCCCCC;
  background-color: #EEEEFA;
  border-bottom: 1px solid #CCCCCC;
}
.rowShade3 td {
  border-top: 1px solid #CCCCCC;
  background-color: #EEEEFA;
  border-bottom: 1px solid #AAAAAA;
}
.rowRejected td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color:#FFAAAA;
}

/** Used by the auto filters page auto_filters.tpl **/ 

.filters{
	padding-top:10px;
}
.filters select{
	width:150px;
}

.filters th{
	vertical-align: top;
	text-align:right;
	text-transform:capitalize;
}


.styleBox{
	 width:292px;
	 height:250px;
	 float:left;
	 padding:2px;
	 border: 1px solid #EAEAEA;
	 margin: 2px;
}

/*used by styles.tpl*/
.presentationBox{
	 width:292px;
	 height:140px;
	 float:left;
	 padding:2px;
	 border: 1px solid #EAEAEA;
	 margin: 2px;
}

.presentationBoxSelected{
	 width:292px;
	 height:140px;
	 float:left;
	 padding:2px;
	 border: 1px solid #EAEAEA;
	 margin: 2px;
	 background-color:#CDCDCD;
}

div.presentationBox:hover,div.presentationBoxSelected:hover{
	border-color:blue;
}

.styles{
	width:915px;
}

.styleBoxInformation{
	width:150px;	
}

.styleMedImage{
	border:none;
}

.styleDefaultMedImage{
	height:100px;
	width:100px;
	margin: 20px;
	border:none;
}

a.styleBoxLink{
	text-decoration:none;
	color:black;
}

.checkBoxList{
	height:100px;
	overflow:auto;
	width:250px;
	border:inset thin #222222;
	font-family:sans-serif;
	font-size:13px;
}

.checkBoxList label{
	display:block;
}

#overlayError{
	position:absolute;
	width:100%;
	height:100%;
	background: url(/images/overlay_back.png);
	top:0;
}

#overlayError .permissionError{
	margin: auto auto;
}

.permissionError h3{
	border-bottom: solid thin white;
	padding-bottom:5px;
}

.numeric {
	text-align: right;
}

.thumbnailContainer{ 
	background-color:#E9E9EA;
	border:thin solid #D5D6D7;
	width:730px;
}

.thumbnailContainer .thumbnailBox{
	display:block;
	float:left;
	text-align:center;
	padding:20px;
	text-decoration: none;
	height:130px;
	width:80px;
	overflow:hidden;
}
	
.thumbnailContainer .thumbnailBox:hover, .thumbnailContainer .selected{
	/* background-color:#dedfe1;cfd0d2 */
	background-color:#b2b2b2;
}
	
.thumbnailContainer .thumbnailBox img{
	display:block;
	border:0;
	margin:0 auto;
}

.thumbnailContainer .message{
	text-align:center;
	border: solid thin #b2b2b2;
	margin: 5px;
	padding: 5px;
}

.thumbnailContainer .warning{
	font-weight:bold;
}

.thumbnailContainer .details{
	height:35px;
	font-size:12px;
	overflow:hidden;
}

.bigButton{
	margin-top:20px;
	padding: 10px 15px;
	font-size:16px;
	clear:both;
	font-weight:bold;
	margin:0 auto;
}

.widgetBox{
	float:left;
	border:solid 2px silver;
	width:420px;
	margin:10px;
	padding:5px;

}

.widgetBox .maxHeight, .widgetBox ul{
	max-height:400px;
	overflow:auto;
}

.widgetBox legend {
	font-weight: bold;
	padding: 0 5px;
}

#lockedMsg {
	height: 30px;
	border: 2px solid maroon;
	color: maroon;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	background-color: #FFDDDD;
}




/*----------------------------------*/
/* messages */
/*----------------------------------*/
fieldset.messaging {
	font-weight: bold;
	color: black;
	margin: 5px;
	padding: 5px;
	border: 2px solid orange;

	font-weight: bold;
	color: black;
	margin: 5px;
	padding: 5px;
	border: 2px solid orange;
	background-color: #FFDDAA;
}
fieldset.messaging legend {
	padding: 0 5px;
}

table.messages{
	width:100%;
	margin: auto 0;
}
table.messages th, table.messages td{
	padding: 0, inherit;
}
table.messages tr td{
	cursor: pointer;
}
table.messages td.flags{
	width:20px;
}
table.messages td.from{
	width:100px;
}
table.messages td.excerpt{
	width:62%;
}
table.messages td.date{
	width:200px;
}

#messageView {
	height: 300px;
	border: 1px solid gray;
	padding: 4px;
	margin: 3px;
	overflow: auto;
}


table.messages tr td a, table.messages tr td a:hover, table.messages tr td a:visted{
	text-decoration:none;
}
table.messages td,table.messages th {
  border-bottom: 1px dotted gray;
}
tr.message_is_read{
}
tr.not_read td {
	font-weight: bold;
}

li.fliterselected a{
	background-color: #000;
	color: #fff;
}

.message_requires_ack{
	background-color: #000;
	color: #fff;
}
.message_critical{
	background-color: #ffA;
	color: #000;
}

.flag_none{
	background-color: #fff;
	width: 20px;
}
.flag_important td {
}

/*----------------------------------*/
/*Message log styles*/
/*----------------------------------*/
.message_log_read{
}
.message_log_acknowleged{
	background-color: #f4a;
}
.message_log_deleted {
	font-weight: bold;
	background-color: yellow;
}
.message_log_flagged{
	font-weight: bold;
}
.message_log_fw{
	font-weight: bold;
}
.message_log_re{
	font-weight: bold;
}
.message_log_sent{
	font-weight: bold;
}
.message_log_replied{
	font-weight: bold;
}
/*----------------------------------*/

.pageBreak{
	page-break-after:right;
}

a.linkNoUnderline{
	text-decoration: none;
	color: inherit;
}
.disabled{
	text-decoration: line-through;
	color: inherit;
}
.deleted-sku td{
	text-decoration: line-through;
}

td.tableActions{
	text-align: right;
	text-decoration: inherit;
}

hr.form-bottom{
	margin-top: 30px;
}

#pageStats {
	border-top: 1px dotted gray;
	font-size: 11px;
	color: gray;
	text-align: center;
	clear: both;
}

#uUpdateWarning {
	margin: 7px;
	border: 2px solid maroon;
	padding: 7px;
	background-color: #FDD;
	color: maroon;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: blink;
}

#pricingComponentWarning {
	margin: 7px;
	border: 2px solid RGB(128,0,0);
	padding: 7px;
	background-color: RGB(238,238,250);
	color: RGB(128,0,0);
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.parcelDiamondLabel{
	width:335px;
	height:105px;
	background-color: #FFFFFF;
}

.parcelDiamondLabel table tr td{
	width:25%;
	font-size:smaller;
	font-weight:bolder;
}

.parcelDiamondLabel table{
	margin:10px;
}

div.filterField{
  width:33%;
  display:inline;
  float:left;
}

div.filterField div.filterLabel{
	width:35%;
	float:left;
	display:inline;
	font-weight: bold;
	text-align:right;#0000ff
}

div.filterField div.filterInput{
	width:65%;
	float:left;
	display:inline
}

div.quickLinks{
	float: right;
	padding: 10px;
	margin: 10px;
	width: 280px;
	border: 1px solid silver;
	background-color:#e2e1d9;
}

div.quickLinks h2{
	border-bottom:1px solid silver;
	margin-top:0;
}

.tabs {
	border-bottom:solid thin black;
}
.tabs li{
	display:inline-block;
	min-width:85px;
	border:solid thin black;
	text-align:center;
	background-color:#CACACA;
	font-size: 11px;
}

.tabs .selected{
	background-color:white;
}
input, select, textarea {
	margin: 1px;
}
input.error, select.error, textarea.error {
    border-color: red;
    border-width: 3px;
	margin: 0px;
}
.rejected {
    text-decoration: line-through;
}
/*Component Icons*/
div.componentType, .componentProperties .type span{background:transparent url(../images/icons/icons_components.png) no-repeat; display:block; float:left; width:16px; height:16px; clear:both; padding-right:8px}
.componentType.gemstone, .type.gemstone span{background-position:0 -30px}
.componentType.pearl, .type.pearl span{background-position:0 -60px}
.componentType.finding, .type.finding span{background-position:0 -90px}
.componentType.metal, .type.metal span{background-position:0 -120px}
.componentType.mold, .type.mold span{background-position:0 -150px}
.componentType.items, .type.items span{background-position:0 -180px}
.componentType.bag, .type.bag span{background-position:0 -210px}
.componentType.sku, .type.sku span{background-position:0 -240px}