@charset "utf-8";
/* CSS Document */
@import url(common.css);

#gridBox1, #gridBox2 { height: 480px; padding-top: 40px;  }

#bt1 {   cursor: pointer; top: 180px; left: 510px; }

.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 
/* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

#boxTxt1 {  width: 900px; height: 300px; background-color: #fff; border: 2px dashed #e6af40; padding: 10px; position: absolute; top: 90px; left: 320px; visibility: hidden; }

#act1Seq1Part1 { position: absolute; height: 65px; width: 344px; left: 432px; top:43px; }
#act1Seq1Part2 { position: absolute; height: 110px; width: 722px; left: 231px; top:101px; }
#act1Seq1Part3 { position: absolute; height: 57px; width: 235px; left: 143px; top:209px; }
#act1Seq1Part4 { position: absolute; height: 57px; width: 263px; left: 471px; top:207px; }
#act1Seq1Part5 { position: absolute; height: 57px; width: 204px; left: 832px; top:209px; }

/******** Padding Helpers *******/
.padTop10  { padding-top: 10px;}
.padTop20  { padding-top: 20px;}
.padTop40  { padding-top: 40px;}
.padTop60  { padding-top: 60px;}
.padTop80  { padding-top: 80px;}
.padTop100 { padding-top: 100px;}

.padLeft10  { padding-left: 10px;}
.padLeft20  { padding-left: 20px;}
.padLeft40  { padding-left: 40px;}
.padLeft60  { padding-left: 60px;}
.padLeft80  { padding-left: 80px;}
.padLeft100 { padding-left: 100px;}

.padSide10  { padding-left: 10px;  padding-right: 10px;}
.padSide20  { padding-left: 20px;  padding-right: 20px;}
.padSide40  { padding-left: 40px;  padding-right: 40px;}
.padSide60  { padding-left: 60px;  padding-right: 60px;}
.padSide80  { padding-left: 80px;  padding-right: 80px;}
.padSide100 { padding-left: 100px; padding-right: 100px;}

#btPop4 { position: absolute; left: 520px; bottom: 50px; }
#btPop5 { position: absolute; right: 20px; top: 20px; }
