/* change these styles if you like */
table.drasticgrid {font: 12px arial; table-layout: fixed;   margin-left:5px; margin-right:10px; width:100%; }
table.drasticgrid  td, tr {padding:0; margin:0;}
th.th			{background-image: url(/diamond_search/img/w_b_diamond_search.jpg); cursor: pointer; padding-right:1px; padding-left:1px;
border-left:#FFF thin solid; } 
th.thmouseover	{background-image: url(/diamond_search/img/b_w_diamond_search.jpg); color: black;}
td.th_readonly{background-image: url(/diamond_search/img/w_b_diamond_search.jpg); background-repeat:repeat-x; padding-right:1px; padding-left:1px;
border-left:#FFF thin solid; } 
.readonly_scroll{background-image: url(/diamond_search/img/w_b_diamond_search.jpg); background-repeat:repeat-x; } 
/* If you want to use different backgrounds for readonly / editable use this:
th.thmouseover.readonly	{background-image: url(../img/back_header_mo.jpg);}
th.thmouseover.editable	{background-image: url(../img/back_header_mo_editable.jpg);}
*/
tr				{color: #505050; cursor: default;}
tr.rowmouseover	td.tdeven, tr.rowmouseover td.tdodd  {background: #E5EAFF; color: black;}
tr.rowselected	td.tdeven, tr.rowselected td.tdodd {background: #CCD5FF; color: black; font-weight: bolder;}
td.tdeven		{background: #ffffff;}
td.tdodd		{background: #eaeaea;}
tr.tdodd		{background: #eaeaea;}
td.divdel		{background: none; display:none;}

img.imgdel		{background: none;}
img.imgadd		{cursor: pointer;}
textarea.ddtypetext {background: transparent; color: #505050; font: 12px arial; border-style: none;}
textarea.ddtypetextedit {background: white; color: #505050; font: 12px arial; border-style: solid; border-width: 1px; border-color: #D3D3D3;}
input {margin: 0; padding: 0; background: white; color: #505050; font: 12px arial;}
input.inset {margin: 0; padding: 0;border-style: solid; border-width: 1px; border-color: #D3D3D3;}
select {background: white; color: #505050; font: 12px arial; border-style: solid; border-width: 1px; border-color: #D3D3D3;}

div.tddiv {position: relative; width:100%;}
div.divth {position: relative; color:#efecec ;width:100%;}
div.divth_compare {
	color:#efecec;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
.td_compare {
	font-size: 12px;
	font-family: arial;
}
img.imgedit {position: absolute; right:0px; top:0px; z-index:1; cursor: pointer;}

.divth {overflow: hidden; white-space: nowrap; text-align:center; }
.divtd {overflow: hidden; white-space: nowrap; margin: 0pt; padding: 0pt;}
.link_diamond{ overflow: hidden; white-space: nowrap; padding-right:2px; padding-left:2px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; border-left:#CCC 1px solid; text-decoration:underline; background-color:#EAEFEA; color:#00F; cursor:pointer; }
.green{  background-color:#3C3;}
.yellow{  background-color:#FF9;}

.imgsort{ 
	float:inherit;
	width:12px;
}
/* For slider */
td#colslider.visible {padding:0; margin:0; border: #A8C1DA solid 1px;}
div.slider  {width: 16px; background: #eee;}
div.knob, div.up, div.down {width: 12px; height:15px; background-image: url(/diamond_search/img/back_stub.jpg) ; background-repeat:repeat-y; border: #A8C1DA solid 1px;}
div.knobmouseover, div.upmouseover, div.downmouseover {background-image: url(/diamond_search/img/back_stub_mo.jpg); border: #8598AA solid 1px;}
div.up {margin: 0 0 1px 0}
div.down {margin: 1px 0 0 0}
div#tick {font-weight:bold; position: absolute; cursor: default;}