.disp { /*yes*/
	padding-left:12px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	font-family:sans-serif;
	color: #ff0;
	background-color:#9d6732;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.disp_kurals {/*yes*/
    height: auto;
    padding-left:6px;
    font-size:11px;
    font-family:sans-serif;
    color: #ff0;
    background-color:#9d6732;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.disp_title {/*yes*/
    height: auto;
    padding:4px;
    font-size:12px;
    font-family:sans-serif;
    color: #ff0;
    background-color:#0000ff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}
.disp_kurals:hover {
    color: #ff0;
    background-color:#906030;
}
.front_button { /*yes*/
    text-align:center;
    /*padding-bottom:10px;
    padding-top:1x;*/
    padding: 5px;
	height:auto;
	/* width:70px; */
	color: #ffffff; 
    font-size:14px;
    background-color:#00539C;
/*    background-image:url('../img/palm_leaf_b3.jpg');
*/	border:5px solid #ffcc00;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-bottom:2px solid #9f9f9f;
	cursor:pointer;
}
.button1 {/*yes*/
    text-align:center;
	height:30px;
	width:80px;
    color:#ffff00;
	font:Futura, ‘Century Gothic’, AppleGothic, sans-serif;
    font-size:12px;
	font-weight:bold;
    /*background-image:url('../img/palm_leaf_b3.jpg');*/
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
}
.button1:hover {
	background-color:white;
	color:white;
}
.button2 { /*yes*/
	margin:0 auto; /* centering the element */
    text-align:center;
	height:auto;
	width:200px;
	color:#ff8800;
    font-size:12px;
	font-weight:bold;
    padding: 2px;
	background-color: #000066;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border-bottom:1px solid #9f9f9f;
	cursor:pointer;
	vertical-align: top;
}
.button2:hover {
	background-color:#009988;
	color:black;
}
.homebutton {/*yes*/
	float: right;
	padding: 1px;
    text-align: center;
	height:auto;
	width:auto;
    color:#E34C4F;
    background: #020202;
    font-size:12px;
	font-weight:bold;
    /*background-image:url('../img/palm_leaf_b3.jpg');*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
}
.countbutton {/*yes*/
	padding: 0px;
    text-align: center;
	height:auto;
	width:120px;
    color:#ffffff;
    background: #020202;
    font-size:16px;
	font-weight:bold;
	border-radius:5px;
}

.backbutton {/*yes*/
	float: left;
	padding: 2px;
    text-align: center;
	height:auto;
	width:auto;
    color:#E34C4F;
    background: #020202;
    font-size:12px;
	font-weight:bold;
    /*background-image:url('../img/palm_leaf_b3.jpg');*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
}
.table_1 {  /*yes*/
	height: auto;/*340px;*/ 
	width:100%;/*680px;*/
	-webkit-border-radius:15px;
	/*color: white;*/
    font-size:12px;
	text-align: left;
	padding:2px;  
}
.para{ /*yes*/
	font-size:12px;
	padding:5px;
	margin:1px;
	line-height: 1.5;
}
.para1{ /*yes*/
	font-size:12px;
	padding:5px;
    background-color:#CBA57F;
}
.para11{ /*yes*/
	font-size:11px;
	padding:3px;
	margin:1px;
	line-height: 1.8;
}
.iyal_td{ /*yes*/
    background-color: #1F79A4;/*#6D4E2F; */
    padding-left:3px; 
    height:30px;
    font-size:11px;
    color: #ffff00;
}
ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 10px;
}
.iyal_td:hover {
	background-color:#5C3D1F;
	color:#999900;
    font-weight:bold;
}
.iyal_st1 { /*yes*/
    background-color:#5C3D1F; 
    height:40px;
    padding-left:5pt;
    font-size:12px;
}
.iyal_st1:hover {
    background-color:#6D4E2F;
	color:yellow;
    font-style:oblique;
    font-variant:small-caps;
}
.sect_td { /*yes*/
    background-color:#995c1f; 
    height:30px;
    padding-left:10pt;
}
.chapt_gp_td { /*yes*/
    background-color:#885c1f; 
    height:30px;
    padding-left:10pt;
}
.chapt_td { /*yes*/
    background-color:#77551f; 
    height:30px;
    padding-left:10pt;
}    
.kural_nr_td { /*yes*/
    background-color:#66551f; 
    height:30px;
    padding-left:10pt;
}
.header {/*yes*/
    text-align:center;
    font-size:14px;
    font-weight:bold;
	padding: 2px;
    background-color: #448899;
    color:#00ffff;
}
.header2 {/*yes*/
    text-align:center;
    font-size:18px;
	padding: 2px;
    background-color: #4488ff;
    color:#22ffff;
}
.ad_header {/*yes*/
    text-align:center;
    font-size:16px;
	padding: 1px;
	height: auto;
    background-color: #322B2B;
    color:#99ff22;
}
/* style or the a link */
a:link {text-decoration: none; color: #99ff22}
a:visited {text-decoration: none; color: #99ff22}
a:active {text-decoration: none;}
a:hover {color: red;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 4px 10px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/*.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}*/

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.navbar {
   margin: auto;
}
.edduthokai_title {/*yes*/
	display: block;
	text-align: center;
    height: auto;
    width: 100%;
    padding:2px;
    margin: 0px;
    font-size:12px;
    font-weight:bold;
    color: #ff0;
    background-color:#9900ff;
	/*-moz-border-radius:10px;
	font-family:sans-serif;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);*/
}