body {
background-color:#f1f1f1;
font-family: Verdana, Geneva, sans-serif;
color:#333;
margin:0;
padding:0;
}
a
{
color: #303030
}
h1,h2,h3{
font-weight:normal;
text-align:center;}

img {
  border-width: 0;
}
img[src=''] 
{
  display: none;
}
 
#wrapper {
max-width:95%;
background-color: #ffffff/*#f8f8f8*/;
margin:0 auto;
margin-top:0px;
border:1px solid #ccc;
}

#header {
max-width:100%;
height:80px;
margin:0 auto;
margin-bottom:15px;
margin-top:10px;
border-bottom:5px double #ccc;
border-top:5px double #ccc;
background-image:url('images/header_image.jpg');
background-repeat:repeat-x;
}

#header h2 {
padding-left:30px;
}

#header h3 {
padding:0px;
}

#container {
min-width:100%;
text-align:center;
margin: 110px auto;
}

#nav {
text-align:center;
margin:0 auto;
padding:0;
min-width:800px;
height: 100px;
/*background-image:url('images/header.jpg');
background-repeat:repeat-x;*/
background-color: #ffffff;
}

#nav a {
display:inline-table;
padding:0px;
margin:5px;
text-decoration:none;
background-color:transparent;
vertical-align:middle;
}

#nav a.text {
display:inline-table;
padding:20px;
margin:0;
text-decoration:none;
background-color:transparent;
vertical-align:middle;
}

#content {
max-width:400px;
float:left;
clear:left;
position:relative;
left:50px;
cursor: pointer;
}


#sidebar {
max-width:400px;
float:right;
clear:right;
position:relative;
right:50px;
cursor: pointer;
}

#sidebar a {
text-decoration:none;
}

#sidebar a:hover {
text-decoration:none;
background-color:#d3d3d3;
}

#sidebar li {
list-style:none;
}

#main {
max-width:100%;
margin: 110px 50px;
}

#results {
max-width:100%;
text-align: center;
font-size: x-small;
margin: 100px auto;
}

#footer {
clear:both;
width:100%;
height:75px;
border-top:1px solid #ccc;
text-align:center;
}

#footer p {
padding:10px;
}

.result {
text-align:center;
width:100%;
border-collapse:collapse;
border: 1px solid #ccc;
}

.result th {
background-color:rgb(188,208,233);
height:25px;
}

.result tr {
border: 1px solid #ccc;
}

.result tr.even{
background-color:#fff;
}

.result tr:hover, .result tr.even.hover {
background-color:#A5AABD;
}

.result td {
border: 1px solid #ccc;
text-align:center;
}

.result td.num {
text-align:right;
}

.page_container
{
width: 100%;
border: 1px solid transparent;
}

.page {
display: inline-table;
text-align:right;
float: right;
padding-bottom: 5px;
}

.pageing {
float: center;
margin-left:65%;
margin-right:15%;
}
.sorter {
float: left;
padding-left: 85%;
}
.perpager {
display: inline-table;
float: left;
padding-bottom: 5px;
}

input[type=checkbox].css-checkbox {
display:none;
position:relative;					
}

input[type=checkbox].css-checkbox + label {
position:relative;
padding-left:60px;
height:60px; 
display:inline-block;
line-height:60px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label {
background-position: 0 -60px;
}						

input[type=checkbox].css-checkbox + label span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;	
}

input[type=checkbox].css-checkbox + label:hover span
{
  display:block;
  position:absolute;
  top:62px;
  left:10px;
  padding:2px;
  z-index:1000;
  width:auto;
  height:auto;
  line-height:15px;	
  border:1px solid black;
  overflow:hidden;

}

.oval{
background-image:url(images/icons/ov_1.gif);
}

.cushion{
background-image:url(images/icons/cus_1.gif);
}

.round{
background-image:url(images/icons/rb_1.gif);
}

.emerald{
background-image:url(images/icons/ec_1.gif);
}

.pear{
background-image:url(images/icons/ps_1.gif);
}

.heart{
background-image:url(images/icons/hs_1.gif);
}

.marquise{
background-image:url(images/icons/mq_1.gif);
}

.trillion{
background-image:url(images/icons/tr_1.gif);
}

.radiant{
background-image:url(images/icons/rad_1.gif);
}

.princess{
background-image:url(images/icons/pr_1.gif);
}

.square{
background-image:url(images/icons/sq_1.gif);
}

.cabochon{
background-image:url(images/icons/cab_1.gif);
}

#dialog {
width: 100%;
height: 100%;
background-color: white;
}

#dialog table {
width:100%;
}

#dialog table th, td {
text-align: left;
}

#dialog2 {
width: 100%;
height: 100%;
}

.trans {
background:transparent;
}

.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.9;  
}

.hide {
display:none;
}

#leftside {
display:inline-block;
width: 40%;
}

#rightside {
display:inline-block;
width: 58%;
}

#leftside p {
margin:10px;
}

#rightside p {
margin:5px;
}

#images {
display:inline-block;
max-height:100px;
}

a.gem_img {
text-decoration:none;
position:relative;
}

a.gem_img span {
display:none;
}

a.gem_img:hover span {
display:block;
position:absolute;
top:-65px;
left:0px;
padding:2px;
z-index:1000;
width:auto;
height:auto;
line-height:15px;	
border:1px solid black;
overflow:hidden;
}

fieldset.gemsearch_main {
width: 100%;
border:2px #aaa solid;
border-radius: 10px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
text-align:center;
}

fieldset.gemsearch_main legend {
font-size: 20px;
color: #1946D5;
}

.gemsearch_type {
margin-bottom: 0px;
}

.gemsearch_type span{
display:inline-block;
width:16%;
min-width:120px;
font-size: 11px;
text-align:left;
vertical-align:top;
}

.gemsearch_type span label img {
width:100%;
border: 1px #aaa solid;
}

fieldset.gemsearch_swd {
display:inline-block;
vertical-align:top;
border:1px #aaa solid;
border-radius: 10px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
text-align:left;
margin-bottom:10px;
}

fieldset.gemsearch_swd legend {
font-size: 18px;
color: #1946D5;
}

fieldset #gemsearch_s {
width: 35%;
font-size: 14px;
padding-top:5px;
padding-bottom:5px;
align: center;
}

fieldset #gemsearch_s div {
display:inline-block;
vertical-align:top;
}

fieldset #gemsearch_w {
width: 23%;
text-align:center;
padding-top:5px;
padding-bottom:14px;
}

fieldset #gemsearch_w div {
display:inline-block;
vertical-align:top;
text-align:left;
margin: 5%;
}

fieldset #gemsearch_d {
width: 30%;
text-align:center;
}

fieldset #gemsearch_d div {
display:inline-block;
vertical-align:top;
text-align:left;
}

fieldset.gemsearch_down {
display:inline-block;
width: 30%;
border:1px #aaa solid;
border-radius: 10px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
text-align:center;
margin:auto;
margin-bottom:10px;
}

fieldset.gemsearch_down legend {
font-size: 18px;
color: #1946D5;
}

.jewelrysearch_type {
margin-top:20px;
margin-bottom: 10px;
}

.jewelrysearch_type span{
display:inline-block;
width:19%;
min-width:120px;
font-size: 18px;
text-align:left;
vertical-align:top;
}

.jewelrysearch_type span label img {
width:100%;
border: 1px #aaa solid;
}

fieldset.gemsearch_gem {
width: 97%;
border:1px #aaa solid;
border-radius: 10px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
text-align:center;
margin:auto;
margin-bottom:10px;
}

fieldset.gemsearch_gem legend {
font-size: 20px;
color: #1946D5;
}

fieldset.gemsearch_button {
display:inline-block;
vertical-align:middle;
float: right;
margin-left: -12%;
margin-right: 10%;
margin-top: 3%;
border: none;
}

.search_button { 
border: none;
background: transparent;
background-image:url(images/button.png);
color: #FFF;
font-weight: bold;
height:45px;
width:105px;
}

.search_button2 { 
border: none;
background: transparent;
background-image:url(images/submit.jpg);
color: rgb(27,20,74);
font-weight: bold;
height:30px;
width:180px;
box-shadow: 5px 5px 10px;
float: center;
margin-top:20px;
}

.search_button:hover {
background-image:url(images/button_down.png);

}

.search_button:active {
background-image:url(images/button_down.png);
background-position: 0 1px;
padding:16px;;
}

fieldset.gemsearch_button2 {
display:inline-block;
vertical-align:middle;
float: right;
margin-left: -3%;
margin-right: 3%;
margin-top:1%;
border: none;
}

.compare_button {
padding: 0 px;
margin: 0;
width: 100%;
text-align: center;
}

#outcompare {
overflow: hidden;
position:relative;
margin: 0 auto;
background-color: rgb(188,208,233);
}

#gemcompare {
overflow: auto;
margin-left: 120px;
background-color: #ffffff;
}

table#gemcomparetable {
border: 1px solid #888;
border-collapse: collapse;
}

table#gemcomparetable td {
min-width: 140px;
border-right: 1px solid #888;
padding: 5px 10px;
height:30px;
text-align: center;
}

table#gemcomparetable th {
position:absolute;
left:0; 
min-width: 100px;
color: #000000;
text-align: right;
padding-top:10px;
font-weight: normal;
}

.compslider {
width: 140px;
margin: 0 auto;
margin-bottom: 20px;
}

.itemno {
font-weight: bold;
}

 .ui-autocomplete {
max-height: 100px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}

.calendar {
width: 24%;
display:inline-block;
vertical-align:top;
height: 300px;
}

#login {
font-size: 11px;
text-align: right;
margin-right: 50px;
}

#login div{
padding: 0px 5px;
display:inline-block;
}

#registerform {
width:50%;
line-height: 200%;
text-align: left;
margin-left: 35%;
}

#register {
margin-left: 20%;
text-align: center;
}

#atara_main {
width:550px;
margin: 110px auto;
}

#leftside {
display:inline-block;
width: 30%;
vertical-align:top;
margin: 0 auto;
text-align: left;
}

#rightside {
display:inline-block;
width: 30%;
vertical-align:top;
margin: 0 auto;
}

#leftside p {
}

#rightside p {
}
#pagi_n
{
background-image: url(images/next_page_button.png);
background-repeat: no-repeat;
background-position:center top;
height: 2em;
width: 5em;
float: right;
}
#pagi_p
{
background-image: url(images/prev_page_button.png);
background-repeat: no-repeat;
background-position:center top;
height: 2em;
width: 5em;
float: left;
}
a.new_search{
color:#5E8AB5;
font-size:normal;
float: right;
margin-right:2%;
}
div.downpage{
padding-bottom:0;
margin-bottom:0;
}
.hidden{
overflow: hidden;
}