/* Default handle and slider styles */
.handle { 
	position: absolute; 
	height: 13px; 
	width: 63px; /* field width */
	left: 0; 	
	top: 0; 
	margin: 0;
	padding: 0;
	background-image: url(slider.gif);
	background-repeat: no-repeat;
	background-position: center center;

}

.handle_top {margin-top: -5px;  }


/*
.slider .handle { 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
}*/
.slider { 
	width: 63px; /* field width */
	height: 145px; 
	left: 1px; 
	/*padding-top: 2px;*/
	padding-bottom: 2px;
	position: relative;
	text-align: center;
	background-image: url(grayline-white-repeat.gif); 
	background-position: center center; 
	background-color: #fff; 
}


/* Custom handle and slider styles */
/*.io_bot{
	top: -14px;
}*/

.slider_enum{
	background-image: none;
}
.enum_label{
	position:relative;
	border-bottom: 1px solid #D5D2BE;
	font-size: 9px;
	font-weight: normal;
	color: #222;
}

.harmony {
	background-image: url(/images/harmony-icon.png); 
	background-position: top center;
	background-repeat: no-repeat;
}
.canadian {
	background-image: url(/images/canadian-icon.png); 
	background-position: top center;
	background-repeat: no-repeat;
}


.enum_pad { height: 1px; } /* for firefox, set the pad to half the height of the handle */
.enum_child{
	position: absolute;
	top: 50%;
/*	height: 10px;*/
	width: 100%;
	text-align:center;
	margin-top: -6px;
	
}
.options {
	border-bottom: none;
	text-align: left;
	/*margin-left: 1px;*/
}

/* styles for checkboxes (for shape) */
.options label {
/*	float: left;*/
	font-size: 9px;
}
.options .label {
	float: left;
	width:  50px; /* field width */
}
.options .image {
	float: left;
	width: 26px;
}
.options .box {
	float: left;
	clear: both;
}
/*.options label {
	padding-bottom: 5px;
	margin-top: -5px;
}*/

/* Other misc styles */
.field_wrapper, .field_wrapper_wide {
	float: left;
	width:  63px; /* field width */
	height: 210px;
	padding: 1px;
	text-align:center;
}
.field_wrapper_wide { width: 100px; }


#logbox{
	position: absolute;
	top: 30px;
	left: -2000px;
	border: 2px dotted #ff0;
	z-index: 2;
}
#info {
/*	position: absolute;
	top: 30px;
	left: 500px;
	width: 300px;
	z-index: 2;*/
}

.slide_io{
	width:  63px; /* field width */
	height: 18px;
	position: relative;
	padding: 0;
	margin: 5px 1px 1px 1px;
	text-align: center;
}
.slide_io input {
	font-size: 10px;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	border: none;
	background-color: inherit;
	color: #3A4767;
}
.field_label{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #627188;
	color: #fff;
	text-align:center;
	width:  63px; /* field width */
	position:relative;
	left: 1px;
	padding-bottom: 2px;
/*	left: 5px;
	margin: 2px;
	border: 2px thin #455F7A;*/
}
.hilight{
	background-color: #FFFF97;
}

#diamond_results{
	float: left;
	clear: both;
	width: 1150px;
}

.column2, .column8 {background-color:#9F9C7B;}
.column3, .column9 {background-color:#CEBE8D;}
.column4, .column10 {background-color:#7A5F4E;}
.column5, .column11 {background-color:#CDCAC5;}
.column6, .column12 {background-color:#E2CE8F;}
.column7, .column13 {background-color:#B7BDCD;}

/**************table sorter stuff *****************************/


div.scrollable {
	float: left;
	display:block; 
	display:table-row-group; 
	overflow:auto; 
	height: 300;/*360px;*/
	width: 1150px; /*678px;*/
}

div.tableContainer {
	border: 2px solid #953;
	height: 205px;
	overflow: auto;
	width: 816px;
}
html>body div.tableContainer {
	overflow: hidden;
	width: 816px;
}
div.tableContainer table {
	float: left;
	width: 800px;
}
html>body div.tableContainer table {
	width: 816px;
}
html>body thead.fixedHeader tr, 
html>body thead.fixedFooter tr{
	display:block;
}
thead.fixedHeader tr,
thead.fixedFooter tr{
	position: relative;
}
html>body tbody.scrollContent{
	display: block; 
	height: 400px;/*290px;*/
	overflow: auto;
	width: 1081px;
}
tbody.scrollContent tr { height: 22px;}
tbody.scrollContent td { border: 1px solid #fff; width: 48px; height: 22px;}

table {
	font-family: tahoma;
	font-size: 8pt;
}

#diamond_results table {
	width:1150px;
}


table thead tr#header_row th{
	background-color: #597491;
	border: 1px solid #fff;
	font-size: 8pt;
	font-family: arial;
	padding: 2px 1px 2px 1px;
	width:62.6px;
	height: 18px;
}

table thead tr .header {
	/*background-image: url(bg.gif);*/
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
/*
table thead tr .headerSortUp { 	background-image: url(asc.gif); }
table thead tr .headerSortDown { 	background-image: url(desc.gif); }
table thead tr .headerSortUp, 
table thead tr .headerSortDown { background-color: #53647E; }
*/

table thead { color: #fff;}

table a { color: inherit;}
table a:link, table a:visited {	text-decoration: none;}
table a:hover {	text-decoration: underline;}
table a:active { text-decoration: none;}


.stripeMe tr.even td { background-color: #F3F0E5;}
.stripeMe tr td { background-color: #E6E5E2;}
.stripeMe tr.over td { background-color: #CAC8B6;}
.stripeMe tr.heading td { background-color: #D1D3DF;}


div.compare_image{ position: relative; height: 72px; width: 95px; }
table.diamond_compare td.strong { font-size: 11px; text-align: left; font-weight: bold; width: 150px;}
table.diamond_compare td.em { font-size: 12px;}
table.diamond_compare td { width: 95px; height: 25px; padding: 8px; margin: 0px; text-align: center;}

div.scrollable table tbody td{
	padding: 1px;
	width: 63px;
}

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

table th.io_wrapper{
	background-color: #fff;
}

.popup_container{
	position: relative;
/*	background-color: #000;*/
	z-index: 10;
	top: 195px;
	left: -165px; /*-12*/
	width: 177px;
	height: 420px;
}
div#left {
	z-index: 17;
}

.hidden { display: none; }

.popup_frame{
	/*background-image: url(popup_frame.png);*/
	background-image: url(popup-diamond-details1.png);
	background-repeat: none;
	position: relative;
	top: 100px;
	left: 200px;
	height: 172px;
	width: 177px;
	z-index: 15;
}
.popup {
	position: absolute;
	width: 145px;
	height: 170px;
	z-index: 20;
	padding: 0 22px 14px 10px; 
	font-size: 9px;
/*	top: 0;
	left: 0;*/
}
.popup h4 {
	font-size: 9px;
	padding-top: 0;
	margin-top: 12px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #325072;
}

div#diamond_search{
	margin-left: 10px;
}

table td span.hide_id {
	display: none;
}

div.save div.close_button {
	float: right;
	height: 13px;
	width: 12px;
	background-image: url(btn_close.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

div.save{
	position: absolute;
	left: 685px;
	top: 160px;
	width: 220px;
	z-index: 10;
	background-color: #E6E5E2;
	border: 1px solid black;
}
div.save div {
	display: inline;
	float: left;
	width: 180px;
	padding:5px;
}

div.non_customer_footer{
	float: left;
	font-size: 12px;
	width: 500px;
	width: 500px;
}

@media print {

table { width: 70%;}
tr { width: 100%; }
th { width: 50px; }
td { width: 50px; }
td input { display: none; }
table td span.hide_id { display: inline;}


html>body tbody.scrollContent{	height: 700px; } /* show a few more rows. */

			
}