#diamondGadgetsNav {
  height: 25px;
}

#diamondGadgetsNav ul {
  width: 65em;
  float: right;
}

#diamondGadgetsNav li {
  float: right;
  margin: 0px 5px 0px 5px;
  font-weight: bold;
  color: #000000;
  font-size: 120%;
  text-align: right;
}

#diamondGadgetsNav li:hover {
  text-decoration: underline;
}

#diamondGadgetsNav a {
	color: #000000;
}


#diamondGadgets .gadgets {
  float: right;
  margin-top: 10px;
}







.dsOption {
	border: 1px dotted #666666;
	height: 40px;
	padding: 5px;
}
	
.dsOption .name {
	background-color: #CCCCCC;
	width: 160px;
	height: 35px;
	padding: 15px 0px 0px 10px;
	margin: -5px 0px 0px -5px;
	color: #000000;
	font-weight: bold;
	font-size: 108%;
	border-right: 1px dotted #666666;
}

.dsOption label {
	text-align: right;
	padding-right: 10px;
	padding-top: 3px;
}

.filterOption {
}





#dsHeaderOptionsWrapper {
	height: 60px;
	background-color: #1A3480;
}

#dsHeaderOptions {
	position: relative;;	
	top: 40px;
	left: 275px;
}

#dsHeaderOptions .section {
	display: inline;
	padding-right: 15px;
}

#dsHeaderOptions .section td  {
	padding-bottom: 5px;
}

#dsHeaderOptions .section select {
/*
	height: 20px;
	font-size: 77%;
*/
}


#dsHeaderOptions .section label {
	width: 0px; /*reset the width from styles.css*/
	text-align: left;
	white-space: nowrap;
	min-width: 80px;
	font-size: 77%;
	color: #ffffff;
}

#dsHeaderOptions #colorLabel, #dsHeaderOptions #clarityLabel {
	min-width: 30px;
}


#dsHeaderOptions #colorFilter select, #dsHeaderOptions #clarityFilter select {
	width: 50px;
}

#dsHeaderOptions #colorFilter .value, #dsHeaderOptions #clarityFilter .value {
	width: 80px;
}

#dsHeaderOptions #colorFilter .dash, #dsHeaderOptions #clarityFilter .dash {
	padding-right: 10px;
}

#shapeTrack {
	position: absolute; 
	left: 30px;
	top: 232px;
	font-size: 77%;
}

#shapeTrack td {
	/*padding-bottom: 4px;*/
}

.shapeName {
	color: #ffffff;
}

.shapeBox {
	height: 50px;
}

#shapesBox1 {
	position: absolute;;
	top: -5px;	
	width: 65px;
}


#shapesBox2 {
	position: absolute;;
	left: 80px;
	top: -5px;	
	width: 75px;
}

#shapesBox3 {
	position: absolute;;
	left: 170px;
	top: -12px;	
	width: 65px;
}

#shapesBox3 .shapeCheckboxCell {
  padding: 1px;
}

#colorClaritySection {
	position: absolute;
	top: -35px;
}

#makeCaratWtSection {
	position: absolute;
	top: -35px;
	left: 200px;
}

#vendorCeSection {
	position: absolute;
	top: -35px;
	left: 490px;
}



#dsFooterOption {
	margin-top: 40px;	
}





#dsPager {
  height: 30px;
  background-color: #FFFFFF;
  width: 100%;
  text-align: left;
  padding-top: 5px;
}

#dsPager a {
  color: #333333;
}

#dsPager img {
  margin-left: 5px;
  margin-right: 5px;
}





#indicator {
  position: absolute;
  top: 400px;
  left: 450px;
}






#diamondSearchResults, .suggestMoreResults {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

#diamondSearchResults {
  padding-top: 10px;
  background-color: #1A3480;
}

.suggestMoreResults {
  background-color:  #bedaf3;
}





.diamondResultsTable {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
}
.diamondResultsTable th {
  text-align: center;
  font-weight: bold;
  padding: .2em 0em .2em 0em;
  background-color: #666666;
}
.diamondResultsTable a, .diamondResultsTable th {
  color: #FFFFFF;
  white-space: nowrap;
}
.diamondResultsTable td {
  padding: 0em .2em .2em .2em;
  white-space: nowrap;
  text-align: center; 
}


.diamondResultsTable .tiny_shape_photo {
	padding-top: 2px;
}

.diamondResultsTable .tiny_shape_photo img {
	width: 30px;
	height: 30px;
}


.diamondResultsTable .stock_num {
	text-align: left;
}
.diamondResultsTable .price_per_carat, .diamondResultsTable .total_price {

}
.diamondResultsTable .diamond_color, .diamondResultsTable .diamond_clarity {

}
.diamondResultsTable .polish, 
.diamondResultsTable .symmetry, .diamondResultsTable .cert_type,
.diamondResultsTable .fluorescence {

}
.diamondResultsTable .girdle {

}
.diamondResultsTable .view_details {

}
.diamondResultsTable .view_details a {
  color: blue;  
  font-weight: bold;
}

.status_img {
}




.diamondResultsTable .rowEven {
  background-color: #E2E2E2;
}
.diamondResultsTable .rowEven:hover, .diamondResultsTable .rowOdd:hover {
  background-color: #C3E2F1;
}
.diamondResultsTable .rowOdd {
  background-color: #FFFFFF;
}
/* This must come below the above two rows, to override them */
.diamondResultsTable .rowSelected {
  background-color: #4EA7F3;
}





.suggestMoreResults {
  max-height: 200px;
  border: 1px dotted #333333;
  overflow: scroll;
}




#upgradeResultsContainer {
  margin-bottom: 20px;
}

#diamondSearchResultsContainer {
  margin-bottom: 20px;
}

#downgradeResultsContainer {
  margin-bottom: 10px;
}