/*
-----------------------------------------------
CINA certification styles
----------------------------------------------- */

@import 'base.css';

#overview-flowchart {
  position: relative;
  text-align: center;
  background: url(../img/certification_process.gif) top center no-repeat;
  height: 350px;
}
#overview-click-step1 {
  position: absolute;
  display: block;
  top: 0;
  left: 180px;
  width: 300px;
  height: 60px;
}
#overview-click-step2 {
  position: absolute;
  display: block;
  top: 75px;
  left: 180px;
  width: 300px;
  height: 60px;
}
#overview-click-step3 {
  position: absolute;
  display: block;
  top: 160px;
  left: 135px;
  width: 380px;
  height: 100px;
}
#overview-click-step4 {
  position: absolute;
  display: block;
  top: 285px;
  left: 180px;
  width: 300px;
  height: 60px;
}
#detail-flowchart-step1, #detail-flowchart-step2, #detail-flowchart-step3, #detail-flowchart-step4  {
  position: relative;
  float: left;
  width: 250px;
  height: 350px;
  margin-top: 35px;
  text-align: center;
}
#detail-flowchart-step1 { background: url(../img/cert_process_step1.gif) top center no-repeat; }
#detail-flowchart-step2 { background: url(../img/cert_process_step2.gif) top center no-repeat; }
#detail-flowchart-step3 { background: url(../img/cert_process_step3.gif) top center no-repeat; }
#detail-flowchart-step4 { background: url(../img/cert_process_step4.gif) top center no-repeat; }
#detail-click-step1 {
  position: absolute;
  display: block;
  top: 0;
  left: 40px;
  width: 170px;
  height: 60px;
}
#detail-click-step2 {
  position: absolute;
  display: block;
  top: 75px;
  left: 40px;
  width: 170px;
  height: 60px;
}
#detail-click-step3 {
  position: absolute;
  display: block;
  top: 160px;
  left: 15px;
  width: 220px;
  height: 105px;
}
#detail-click-step4 {
  position: absolute;
  display: block;
  top: 290px;
  left: 40px;
  width: 170px;
  height: 60px;
}