body {
 padding:0;
 margin:0;
}

h3 {
    font-size: 13px;
}    

ul#icons {margin: 0; padding: 0 3px;}
ul#icons li {margin: 0; position: relative; padding: 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0;}

.ui-state-default-cust { border:1px solid #FFFFFF; }


table.stepsBaseTable {
   background-color: #99999A;
   margin-bottom: 15px; 
}    

#step2_properties .propertyTitle {
   text-align: center; 
}    

.center_bg {
    padding: 6px;
}

#steps {
/*   border-left:1px solid #efefef;*/
   padding:0px;
}    

#steps ul, #steps li a {
  font-size: 15px;
  color: #fff;  
}    

#steps ul {
  display:inline;
  list-style:none;
  list-style-type:none;
  margin:0px;
  padding:0px;
} 

#steps li {
/*  border:1px solid #efefef;*/
/*  border-left: none;*/
/*  border-bottom: none;*/
  display:block;
  float:left;
  text-align:center;
  padding:1px; 
/*  width: 150px; */
} 

#steps li span {
  display: block;
  padding-top:13px;    
}    

#steps li a, #steps li div {
 background: url('../images/steps/steps_bg.png');
}
#steps li a {
  display: block;
  text-decoration: none;
  width: 252px;
  height: 47px;
/*  background-color: #fff; */
}
   
#steps li a:hover, #steps li.active div {
  background: url('../images/steps/steps_bg_active.png');  
}    

#steps li.active div, #steps li div {
  width: 252px;
  height: 47px;  
}    


#customPage {
/*  background-color: #fff;*/
/*  border:1px solid #efefef;*/
}  


#shape_step1 ul {
  display:inline;
  list-style:none;
  list-style-type:none;
  margin:0px;
  padding:0px;
} 

#shape_step1 li {
  display:block;
  float:left;
  padding:3px;
  text-align:center;
  width:105px;
  margin: 1px 3px;
  font-weight: bold; 
} 

#shape_step1 li a, #shape_step1 li a:visited {
    text-decoration: none;
    padding-bottom:5px;
    display: block;
    border:1px solid #fff;
}    

#shape_step1 li a:hover { 
    text-decoration: none;
    padding-bottom:5px;
    border:1px solid #efefef;
}

#step2_rings {
/*    border:1px solid #515151;*/
/*    width: 100px;*/
    padding: 5px 0;
    margin: 5px 0px;
/*    background-color: #efefef;*/
    vertical-align: bottom;
    position: relative;
    _height: 160px;
    min-height:130px;
}  

#step2_rings ul {
  list-style:none;
  list-style-type:none;
  margin:0px;
  padding:0px;
  display: block;    
}

#step2_rings li {
  margin: 4px 1px;
  padding:0;
  text-align:center;
  display: block; 
  float: left; 
}  

#step2_rings a.ringList {
  display: block;
  text-decoration: none;  
/*  padding: 5px;*/
  margin: 0; 
  padding: 3px 0;   
  width:110px;
  float:left;
}   

li.ringl {
  border-right: 1px dotted #99999A;
}    



#step2_rings a.ringList, #step2_rings a.ringList:visited {
/*   border:1px solid #515151;*/
/*   background-color: #efefef;*/
/*    padding: 0;*/
    margin:0;
    border: none;
} 

#step2_rings a.ringList:hover, #step2_rings a.active, #step2_rings a.active:visited {
   border:1px solid #99999A;
   background-color: #ffffff;
/*    padding: 0;*/
   margin:0;   
}

#step2_rings p {
   padding: 0;
   text-align: center;
   font-size: 11px;
   margin: 0;
}  



#step2_rings_priview {
   background-color: #ffffff;
    margin: 0px 10px;
    vertical-align: top;
    _height: 370px;
    min-height:250px;
}  
 
#step2_rings_priview #mainImage {
    text-align: center;
    padding: 10px 5px;
    border:1px solid #dbdbdb;
    min-height:250px;
    _height: 275px;
} 

#step2_rings_priview a {
  display: block;
  text-decoration: none;  
  padding: 5px;
  width: 78px;
  _width: 90px;
}    

#step2_rings_priview a, #step2_rings_priview a:visited {
   border:1px solid #dbdbdb;
/*   background-color: #efefef;*/
} 

#step2_rings_priview a:hover {
   border:1px solid #99999A;
/*   background-color: #cbcbcb;*/
} 

#step2_rings_priview table {
    margin: 5px 0pt;
}


#step2_rings_priview td {
   text-align: center; 
}    
 
 

/**
* properties design
*/
 
#step2_properties {
/*    margin-right: 10px;*/
/*    border:1px solid #efefef;*/
}

#step2_properties div.properties_title {
    
/*    margin: 0 10px 10px 10px;*/
} 

#step2_properties h3 {
    height:15px;
    color: #40403f;
    text-transform: uppercase;
    font-size:12px;
    padding:0 0 5px 15px;
    margin: 0;
    border-bottom: 5px solid #99999a;
} 

#step2_rings_prop_list {
   border: none;
/*   _width: 400px;*/
}    

#step2_rings_prop_list h4 {
   font-size: 13px;
   font-weight: bold;
   color: #40403F;
   margin: 0;
/*   padding:5px;*/
}  

.clear {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}    



#step2_rings_prop_list table {
/*  height: 100%;*/
} 

#step2_rings_prop_list td {
   background-color: #fff;
   text-align: center;
   font-size: 11px;
}   

a.property, a.property:visited {
    display: block;
    padding:5px;
    text-decoration: none;
}    

a.property:hover, a.active  {
    background-color: #efefef;
    padding:5px;
}  

div#step2_diamonds {
/*    padding:5px;*/
    height:208px;
    _height:209px; 
/*    height: 15px;   */
/*    margin-top: -1px;    */
}    



div#step2_diamonds_list {
    border-bottom : 1px solid #99999A; 
    height:182px;
    _height:183px;    
    position: relative;
    overflow-x: auto;
    overflow-y: scroll; 
    padding: 0;
    margin: 0;  
}

.right {
   text-align: right !important; 
}   

div#step2_totals_list {
    margin:15px 0;
    background-color: #99999a;
    padding:10px 0;
}

div#step2_totals_list td {
    background-color: #99999a;
    padding:3px 5px;
    color: #fff;
    text-align: left;
    font-size: 13px;
}    

div#step_process_button {
    margin-bottom: 20px;
}    

/*div#step2_totals_list {
    padding:5px 0; 
}    */

/*#step2_totals_list table td {
   padding: 0 10px; 
}    
*/
 

/*#step2_totals_list table td table td {
   border-bottom: 1px solid #efefef;
   padding:3px;
   font-size: 12px;
   text-align: left;
} */


/*#step2_totals_list .step_process_button a, #step2_totals_list .step_process_button a:visited {
    display:block;
    height:62px;
    text-decoration:none;
    width:140px;
    border: 2px solid #efefef;
} 
    */
/*#step2_totals_list .step_process_button a:hover {
    background-color:#efefef;
}    */

#loadingD, #loadingR, #loadingRP {
   position: absolute;
   overflow: hidden; 
}    

#loadingD img {
  margin-top: 80px;
  margin-left: 180px;
/*  _margin-top:100px;*/
/*  _margin-bottom:0px;*/
  z-index: 999;
} 

#loadingR img {
  margin-top: 50px;
  margin-left: 350px;
/*  _margin-top:100px;*/
/*  _margin-bottom:0px;*/
  z-index: 999;
} 

#loadingRP img {
  margin-top: 80px;
  margin-left: 100px;
/*  _margin-top:100px;*/
/*  _margin-bottom:0px;*/
  z-index: 999;
} 


#step2_diamonds_list th, div#step2_diamonds th {
 background-color: #f9f9f9;
 font-size: 11px;
 color:#40403F;
 padding: 0 5px;
 height: 25px;
} 


#step2_diamonds_list tr.diamList td {
  cursor: pointer;
  font-size: 11px;
  padding: 0 5px; 
  background-color: #ffffff;
  text-align: center;
  height: 25px; 
} 

#step2_diamonds_list tr.active td {
  background-color: #efefef;
}  

#step2_dsr_count {
   color: #717171; 
   float: right;
   font-weight: normal;
   font-size: 11px; 
   text-transform: none;
}    

#step2_dsr_paging {
display: none;
/*border:1px solid #efefef;*/
font-size:11px;
margin:3px 0;
padding:1px;
text-align:right;
}   

.diamList td.active {
    background: URL('images/table_h_arrow_selection.gif') no-repeat left center;
} 


div.step3_summary {
/*   margin: 5px 10px;*/
} 

div.step3_summary h3 {
    color: #40403f;
    text-transform: uppercase;
    font-size:12px;
    padding:5px 0 5px 15px;
    margin: 0;
    border-bottom: 5px solid #99999a;
} 

td.step3_summList_namef, td.step3_summList_name, td.step3_summList_val, td.step3_summList_valf {
    padding: 3px 0 3px 10px;
}    

td.step3_summList_namef {
    border-right: 1px solid #99999a;
}   

td.step3_summList_val {
    border-top: 1px solid #99999a;
}
    
td.step3_summList_name {
    border-top: 1px solid #99999a;
    border-right: 1px solid #99999a;
}    

td.step3_empty {
    background-color: #4e4e4e;
} 

td.step3_totals {
    background-color: #99999a;
    padding:10px;
    
}     

td.step3_totals td {
    background-color:#99999A;
    color:#FFFFFF;    
    font-size:13px;
    padding:3px 5px;
    text-align:left;
}   

.right {
   text-align: right; 
}    

td.step3_bottom {
   padding: 10px; 
} 

div.step3_summary h4 {
    color: #40403f;
    text-transform: uppercase;
    font-size:12px;
    padding:0;
    margin: 0;
} 

td.step3_terms {
   background-color: #dbdbdb;
   padding:7px;
}   



div#step3_cert {
  font-size:11px; width: 211px; height: 74px; padding-left: 63px; padding-top: 48px; margin-top: 0px; margin-left: 30px;
} 

.step3_cert_div1 {
  border-top: 1px solid #999999; width: 200px; height: 13px;  
} 

.step3_cert_div2 {
  float: left; width: 120px;
}  

.step3_cert_div3 {
  width: 70px; float: left;
} 


#dialog {
   display: none;
}   

span.cert_img {
 vertical-align:middle;
 width: 20px;
}

.step2_dsr_paging {
    font-size: 11px;
    color:#717171;
}

.step3_pimage {
padding:5px 10px;
text-align:center;
width:250px;
}   

div.step3_pimage h3 {
border:0 none;
color:#40403F;
font-size:12px;
margin:0;
padding:3px 0 10px 0;
text-transform:uppercase;
}       


#diamInfo {
background-color:#FFFFFF;
/*border-bottom:1px solid #99999A;*/
/*border-left:1px solid #99999A;*/
border-top:5px solid #99999A;
/*height:192px;*/
margin-left:-199px;
margin-top:-5px;
/*padding:5px;*/
position:absolute;
width:200px;
z-index:888;
display: none;
/*_height:200px;    */
/*_margin-left:-179px;*/
}   

#diamInfo table {
    background-color: #99999A;
} 

#diamInfo th  {
    background-color:#F9F9F9;
    color:#40403F;
    font-size:11px;
    padding: 0 5px;
    text-align:left;
    width:40%;  
    height: 25px; 
/*    border-color: #99999A; */
/*    border-width: 1px 1px 1px 0;  */
}

#diamInfo td {
background-color: #ffffff;
font-size:11px;
padding:0 5px;
text-align:center;
height: 25px;
/*    border-color: #99999A; */
/*    border-width: 1px 0px 1px 0;*/
}

#diamInfo h5 {
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  margin: 5px 0;  
}