/* Reset */
/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Devotional Tamil ambience */
bodytp {
  background: #fff7e6; /* warm temple hue */
  font-family: 'Jaini Puravi', 'Latha', 'Noto Sans Tamil', sans-serif;
  padding: 25px;
  text-align: center;
  line-height: 1.6;
}
/* Table widths */
/* Table widths */
.table-a,
.table-c,
.table-d {
  width: 90vw;
}

.table-b {
  width: 90vw;
}

/* Thiruppugazh Color Palette */
.table-a td {
  background: #ccffff;
  border-color: #7b3f00;
}

.b-left {
  width: 10vw;
  background: #e8f5e4;
  text-align : left;
  border-radius : 10px 10px 10px 10px;
}
.b-30center {
  width: 20vw;
  background: #aaffff;
  text-align : center;
  border-radius : 10px 10px 10px 10px;
}
.b-mid {
  width: 10vw;
  background: #aaffff;
  text-align : center;
  border-radius : 10px 10px 10px 10px;
}
.b-right {
  width: 60vw;
  background: #ccffff
  text-align : center;
  border-radius : 10px 10px 10px 10px;
}

.table-c td {
  background: #e8f5e4;
  border-color: #356b2a;
}

.table-d td {
  background: #ccffff;
  border-color: #8c1d1d;
}

.abden {
display : inline-block;
padding : 0 1px 5px 0;
border : #84bbf3 solid 1px;
border-radius : 8px;
text-decoration : none;
font : 18px/26px Verdana, sans-serif;
color : #003399;
background : none #ccffcc;
box-shadow : 0 1px 29px -36px #bbdaf7;
}
.ablen {
background : none #ccffcc;
border : #84bbf3 solid 1px;
border-radius : 8px;
display : inline-block;
color : #003399;
font : bold 14px/22px Verdana, sans-serif;
padding : 0 5px 0 5px;
text-decoration : none;
}
.abltn {
background : none #ccffcc;
border : #84bbf3 solid 1px;
border-radius : 8px;
display : inline-block;
color : #003399;
font : bold 14px/22px "Tscu_SaiIndira", SaiIndira, sans-serif;
padding : 0 5px 0 5px;
text-decoration : none;
}
.abden:hover, .abltn:hover, .ablen:hover {
color : #000000;
background : none #ffffff;
}
.alten {
background : none #e0ffff;
border : #84bbf3 solid 1px;
border-radius : 8px;
display : inline-block;
color : #000000;
font : 14px/20px Verdana, sans-serif;
padding : 0 5px 0 5px;
text-decoration : none;
}
.altens {
background : none #e0ffff;
border : #84bbf3 solid 1px;
border-radius : 8px;
display : inline-block;
color : #000000;
font : 10px/20px Verdana, sans-serif;
padding : 0 5px 0 5px;
text-decoration : none;
}
.alttn {
background : none #e0ffff;
border : #84bbf3 solid 1px;
border-radius : 8px;
display : inline-block;
color : #000000;
font : 14px/20px "Tscu_SaiIndira", SaiIndira, sans-serif;
padding : 0 5px 0 5px;
text-decoration : none;
}
.alten:hover, .alttn:hover, .altens:hover,{
color : #000000;
background : none #aaffcc;
}
.audio-container {
margin-bottom: 20px;
}
.bgbrt {
background : none #ccffff;
}
.bgdrk {
background : none #aaffff;
}
.cdbs {
color : #000000;
background : none #6666cc;
margin-left : auto;
margin-right : auto;
border-radius : 28px 28px 28px 28px;
}
.cdgs {
color : #000000;
background : none #66ff66;
margin-left : auto;
margin-right : auto;
border-radius : 28px 28px 28px 28px;
}
.cdrs {
color : #000000;
background : none #ff0066;
margin-left : auto;
margin-right : auto;
border-radius : 28px 28px 28px 28px;
}
.cdbs1 {
    content: "";
    position:0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: blue;
}
.cdgs1 {
    content: "";
    position:0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #5beb7f;
}
.cdrs1 {
    content: "";
    position:0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: red;
}
.dbds {
height : 8px;
}
.dbss {
height : 4px;
}
.divc {
text-align : center;
}
.e1l {
font : 20px/26px "Times New Roman", Times, serif;
background : none;
color : #000000;
text-align : left;
margin : 0 0 0 20px;
}
.e1lstr {
text-align : left;
font : 18px/20px "Times New Roman", Times, serif;
color : #000000;
background : none;
}
.e1w {
background : none #bbffff;
border-radius : 0 0 10px 10px;
display : inline-block;
font : 400 130%/110% Verdana, sans-serif;
padding : 6px 0;
text-align : center;
width : 1000px;
box-shadow: 5px 5px 5px #808080;
}
.e2c {
font : 400 15px/18px Verdana, sans-serif;
background : none;
color : #ffffff;
text-align : center;
}
.e2tr {
text-align : center;
font : 22px/28px "Times New Roman", Times, serif;
background : none transparent;
}
.e3ws {
background : none #ddeedd;
border-radius : 0 0 10px 10px;
display : inline-block;
font : 400 16px/19px Verdana, sans-serif;
padding : 6px 0;
text-align : center;
width : 390px;
}
.esml {
font : 14px Verdana, sans-serif;
}
.file-status {
font-size: 12px;
font-family: Arial, sans-serif;
margin-top: 5px;
padding: 3px 6px;
border-radius: 3px;
display: inline-block;
min-width: 140px;
}
.hdg1 {
font : 14px Verdana, sans-serif;
width : 1000px;
margin-right : auto;
margin-left : auto;
color : #ffffff;
background : none #66cccc;
border-radius : 10px 10px 10px 10px;
box-shadow : 5px 5px 5px #808080;
}
.hdg2 {
font : 16px Verdana, sans-serif;
width : 1000px;
margin-right : auto;
margin-left : auto;
color : #000000;
background : none #ffff99;
border-radius : 10px 10px 10px 10px;
box-shadow : 5px 5px 5px #808080;
}
.imgse {
border-radius : 10px;
box-shadow : 5px 5px 5px #808080;
}
.pad30 {
padding : 0 30px 0 30px;
}
.subm {
font-size : 14px;
}
.t1c {
font-family : "TSCu_SaiIndira", SaiIndra, SaiIndira, sans-serif;
background : none;
font-size : 100%;
line-height : 120%;
text-align : center;
color : #ffffff;
}
.t1w {
color : #000000;
background : none #aaffff;
border-radius : 10px 10px 0 0;
display : inline-block;
padding : 8px 0 8px;
font : 130%/150% "Tscu_SaiIndira", SaiIndira, sans-serif;
text-align : center;
width : 1000px;
box-shadow: 5px 0px 5px #808080;
}
.t2l {
font-family : "TSCu_SaiIndira", SaiIndra, SaiIndira, sans-serif;
background : none;
font-size : 110%;
line-height : 150%;
text-align : left;
color : #000000;
}
.t3ws {
background : none #ddeeaa;
border-radius : 10px 10px 0 0;
display : inline-block;
padding : 8px 0 8px;
font : 15px/24px "Tscu_SaiIndira", SaiIndira, sans-serif;
text-align : center;
width : 390px;
}
.tbl00 {
width : 1000px;
border-radius : 10px 10px 10px 10px;
margin-left : auto;
margin-right : auto;
text-align : center;
color : #000000;
box-shadow : 5px 5px 5px #808080;
}
.tbl01 {
width : 1000px;
border-radius : 10px 10px 10px 10px;
margin-right : auto;
margin-left : auto;
color : #ffffff;
background : none #000066;
box-shadow : 5px 5px 5px #808080;
}
.tbl03 {
background : none #dbffff;
border-radius : 10px 10px 10px 10px;
display : inline-block;
padding : 8px 0 8px;
font : 15px/23px "Tscu_SaiIndira", SaiIndira, sans-serif;
text-align : center;
width : 1000px;
box-shadow : 5px 5px 5px #808080;
}
.tbl03cc {
background : none #b8f8f7;
border-radius : 10px 10px 10px 10px;
display : inline-block;
padding : 8px 0 8px;
font : 90%/140% "Tscu_SaiIndira", SaiIndira, sans-serif;
text-align : center;
width : 1000px;
box-shadow: 5px 5px 5px #808080;
}
.tbl04b {
width : 1000px;
color : #000000;
background : none #ccffff;
border-radius : 10px 10px 10px 10px;
padding : 4px 0 8px 10px;
font-size : 13px;
line-height : 2;
text-align : left;
margin-left : auto;
margin-right : auto;
box-shadow : 5px 5px 5px #808080;
}
.tbl04bc {
width : 1000px;
color : #000000;
background : none #ccffff;
border-radius : 10px 10px 10px 10px;
padding : 4px 0 8px 10px;
font-size : 18px;
text-align : center;
line-height : 1;
margin-left : auto;
margin-right : auto;
box-shadow : 5px 5px 5px #808080;
}
.tbl04d {
width : 1000px;
color : #000000;
background : none #aaffff;
border-radius : 10px 10px 10px 10px;
padding : 4px 0 8px 10px;
font-size : 13px;
line-height : 2;
text-align : left;
margin-left : auto;
margin-right : auto;
box-shadow : 5px 5px 5px #808080;
}
.tbl06s {
width : 1000px;
border-radius : 10px 10px 10px 10px;
margin-right : auto;
margin-left : auto;
color : #ffffff;
background : none #000066;
font : 80% Verdana, sans-serif;
}
.td15 {width : 150px;}
.td20 {width : 200px;}
.td25 {width : 250px;}
.td30 {width : 300px;}
.td34 {width : 350px;}
.td70 {width : 700px;}

.tdc {text-align: center;vertical-align: middle;}
.tdl {text-align : left;}
/*  

arro
arrotb
b1lnk
bl1nk
blnk
blulabel-with-circle
cdbs
cdgs
cdrs
dsss
e1c
e3wq
e3ww
emed
imgb
imgs
sml
smp3
subn
t2c
t3wq
t3wt
t3ww
tbl04dc
tbl06
td10
td40
td50
td80
tdcc
tdl50
tdm10
tdpad30
tdr50
 */
.tdr {
text-align : right;
}
.thiru1 {
width : 90vw:
text-align : center;
margin-left : auto;
margin-right : auto;
font : 16px/24px "Tscu_SaiIndira", SaiIndira, sans-serif;
color : #000000;
background : none #20b2aa;
}
.tstd {
font : 17px/26px "Tscu_SaiIndira", SaiIndira, sans-serif;
}
.ttxt {
font : 18px/28px "Tscu_SaiIndira", SaiIndira, sans-serif;
}
/* Smooth Fade + Slide Animation */
.fade-slide {
  opacity: 0;
  animation: fadeSlideIn 1.2s ease-out forwards;
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(35px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive stacking for Table B */
@media (max-width: 768px) {
  .table-b td {
    display: block;
    width: 90vw;
    margin-bottom: 14px;
  }

  .table-b {
    width: 90vw;
  }

  td {
    font-size: 1.2em;
  }
}
/* Thiruppugazh Color Palette */
.table-a td {
  background: #ccffff;
  border-color: #7b3f00;
}

.b-left {
  width: 35vw;
  background: #aaffff;
  border-color: #9a2a6a;
  text-align : center;
}

.b-right {
  width: 45vw;
  background: #ccffff;
  border-color: #c05a00;
  text-align : center;
}

.table-c td {
  background: #e8f5e4;
  border-color: #356b2a;
}

.table-d td {
  background: #ccffff;
  border-color: #8c1d1d;
}
.hdg1 {
font : 14px Verdana, sans-serif;
width : 1000px;
text-align : center;
color : #ffffff;
background : none #66cccc;
border-radius : 10px 10px 10px 10px;
box-shadow : 5px 5px 5px #808080;
}