html,body{height:100%;}
/* #bodywrap{background-color:white;}*/
html{display:table; margin:auto;}

.heading { text-align:center; margin: 0px 0px 0px 0px; padding-top:40px; padding-bottom:0px; color: black; font: 40px Arial; line-height:10px; height:60px;}
.tophead { text-decoration:none; text-decoration:none; color:black;}
.tophead_byline { text-decoration:none; text-decoration:none; color:black; font:15px Arial;}
.navbar { text-align: center; overflow: hidden; background-color: #fff; font-family: Arial, Helvetica, sans-serif; border-top:3px solid #bbb;}
.navbar .navitem { float:left; padding:5px 1px; font-weight: bold;}
.navbar .navitem a:hover{ color:black; /* background-color: #d3d3d3;*/ background-color: #f5f5f5;}
.navbar a { float: left; font-size: 16px; color: black; text-align: center; /* padding: 1px 1px;*/ text-decoration: none;}
.dropdown { float: left; overflow: hidden; color: black; margin:1px 2px 1px 10px;}
.dropdown .dropbtn { font-size: 16px;    border: 1px; outline: none; color: black; /*padding: 14px 16px; */ background-color: inherit; font-family: inherit;}
.navbar a:hover, .dropdown:hover .dropbtn { /* background-color: #c63939;*/ background-color: #f6e6a6; color:black;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; /* min-width: 160px; */ /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index: 1;}
body { text-align: center; display:table-cell; /*vertical-align:middle;*/ /*margin: 0px 2% 40px 0%; */ width:70%; color: black; font:14px Arial, Helvetica, Times, sans-serif; background-color:white; line-height:25px; /*padding: 0 1% 2% 5%; margin: 0 1% 1% 1%; text-align:left; */ }
#page_wrap{ text-align:left; width:80%; margin:0 auto; }
#heading { text-align:center; margin: 0px 0px 0px 0px; padding:0px 0 0 20px; color: black; font: 5px Arial; /* background:url("./png_notebook.png");*/ font-family:'sree_krushnadevarayaregular';}
/* #heading { text-align:center; margin: 0px 0px 0px 0px; padding-top:40px; padding-bottom:0px; color: black; font: 40px Arial; line-height:10px; height:60px;} */

/*body { margin: 0px 2% 40px 0%; width:100%; color: black; font:14px Arial, Helvetica, Times, sans-serif; background-color:white; line-height:25px; } */

#canvas { position: relative; background-color: #ccddcc; margin: 1em auto; }
.ball { background-color: black; position: absolute; display: inline-block; border-radius: 50%; }


.menu_block {background: linear-gradient(to top,rgba(200,200,200,1.0),white); padding:10px;} 

*{ box-sizing: border-box; } 
a { text-decoration:none; }
a:link { text-decoration:none; color: blue; } 
a:visited{ text-decoration:none; color: #2E86C1; }
a:hover { text-decoration:underline; color: green; } 
.abs { display: inline; }
.subtitle { margin:0 5px 5px 5px; color: black; /* background-color:#9abcde; background-image:url("./o/green_gradient.png");*/ /*background-repeat:repeat;*/ /*width:100%; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 18px; font-weight: bold; display:inline; }
.firstsechead { margin:10px 0 5px 0; color: black; /* background-color:#9abcde; background-image:url("./o/green_gradient.png");*/ background-repeat:repeat; width:100%; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 18px; font-weight: bold; }
.sechead { margin:30px 0 5px ; color: black; /* background-color:#9abcde; background-image:url("./o/green_gradient.png");*/ background-repeat:repeat; width:100%; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 18px; font-weight: bold; }
.subsechead { margin:10px 0 5px 20px; color: black; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px; font-weight: bold; padding-top:5px; padding-left:10px; background: linear-gradient(to right,rgba(240,240,240,1.0),white); }
.audio { display:inline; /*height:15px; background-color: white;*/ }
.padyam { margin:5px 0 5px 60px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.padyam_audio { /* display:inline;*/ margin-top:1.0rem; margin-left:2.0rem; line-height:inherit; /*margin:5px 0 5px 35px; */ color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 14px;}
.tatparyam_audio { /* display:inline;*/  margin-top:1.0rem; margin-left:2.0rem; line-height:inherit; /*margin:5px 0 5px 35px; */ color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 14px;}
.padyam table, th, td { margin:5px 0 5px 20px; border-collapse:collapse; border:0px solid white; background-color:white; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 14px;}
.padyam td{ border:none; background-color:white; }
.padyalu_heading { margin:10px 0 5px 30px; color: black; /* background-color:#9abcde; background-image:url("./o/green_gradient.png");*/ background-repeat:repeat; width:100%; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 18px; font-weight: bold; }
.padyam_name { margin:10px 0 5px 40px; color: black; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px; font-weight: bold; padding-top:5px; padding-left:10px; background: linear-gradient(to right,rgba(240,240,240,1.0),white); }
.btn{ line-height:15px; }
.meta { margin:5px 0 5px 35px; color: black; /* min-width: 200px; */ line-height:14px; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 10px;} 
.practice { display:none; margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.practice_tel { /*display:none;*/ margin:20px 0 5px 70px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.practice_song { /*display:none;*/ margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 14px;}
.practice_eng { /* display:none;*/ margin:20px 0 5px 70px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.practice_env { display:none; margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.practice_env_control { /* display:none;*/ margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;} 
.padyam_control { /* display:none;*/ margin-left:2.0rem; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.tatparyam_control { /* display:none;*/ margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.comment_control { /* display:none;*/ margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.slok { margin:20px 0 5px 35px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;} 
.comment { /* display:none;*/ margin:20px 0 5px 70px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.tatparyam { /* display:none;*/ margin:20px 0 5px 70px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.katha  { margin:5px 0 5px 35px; color: black; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 14px;} 
.hide {display: none; } h1 { font:14px Arial, Helvetica, Times, sans-serif; line-height:15px; text-align:left; margin-bottom:-20px; } 
h2  { font:13px Arial, Helvetica, Times, sans-serif; line-height:15px; text-align:left; margin-bottom:-18px; font-weight:bold; margin-top:0; }
ul.inlinelist {margin-top:0;} 
ul.inlinelist li {float:left;} 
p {text-indent:40px; margin: 0 0 5px 0;} 
li {margin:5px 0 5px 0;}
.show {font-size:12px; display: inline;}
.disp_diag { color:black; margin-left:1.5cm; line-height:20px; /*font-size:14px; */ /* max-width:600px;*/ margin-top:0; /*background-color:#f5f5f5;*/ }
.margin_in { margin:5px 0 0 50px; /*max-width:800px; */ }
.tightpar { line-height: 1.7; background-color:#eaebec; border-radius: 10px; /* max-width:600px; */ margin:10px 0 5px 20px; padding-left:10px; }


.imtipani_heading { margin:30px 0 5px 30px; color: black; background-repeat:repeat; width:100%; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 18px; font-weight: bold; }
.imtipani {margin:5px 0 5px 60px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;}
.imtipani_slide_text_small {margin:5px 0 5px 0px; font-size: 14px;}





A.tophead:link {color:black;}
A.tophead:visited{color:black;}
A[href].tophead:hover{background:none; color:black;}
.hdrbox2 { line-height: 1.2; background-color:#faebac; /*border-radius: 40px;*/ font-size:14px; text-align:center; /*max-width:900px;*/ }
.disp_patralu { color:black; margin-left:10px; line-height:20px; /* max-width:300px;*/ margin-top:0; } 
.column { float:left; padding:10px; } 
.left { width: 25%}
.right { width: 75%}
.row:after { content: ""; display:table; clear:both; }
.submenu{ }
.navClass{ background-color: #333; background-image:url("http://tenugu.org/pb/nasa_clip3.png"); font-family: 'sree_krushnadevarayaregular', Arial, Helvetica, sans-serif; font-size: 16px; text-decoration:none; float:left; }
.navClass > ul > li { list-style-type:none; display:inline-block; text-align:center; text-decoration:none; float:left; padding:5px; }
.wrap {margin:auto; display:inline;}
.dropdown { float: left; overflow: hidden; color: black; margin:1px 2px 0px 10px; } 
.dropdown .dropbtn { font-size: 16px; padding-left:10px; padding-right:10px;   border: 0px; outline: none; color: black; /*padding: 14px 16px; */ background-color: inherit; font-family: inherit; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; /* min-width: 160px; */ /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/ z-index: 1; }
.dropdown-content a { float: none; color: black; /*padding: 12px 16px;*/ text-decoration: none; display: block; text-align: left; }
.dropdown-content a:hover { background-color: #ddd; } 
.dropdown:hover .dropdown-content { display: block; }
.prev_next { display:inline; line-height: 1.2; background-color:#faebac; font-size:14px; text-align:left; margin-left:20px; background:linear-gradient(to right, rgba(240,240,240,1.0), white); }
.show { display: block; }
.listall { margin:30px 0 5px 30px; border-top: 4px blue; color: black; background-repeat:repeat; width:100%; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 14px; }
.zoom { /*padding: 50px;*/ /*background-color: green;*/ /*transition: transform .2s;*/ /* Animation */ /*width: 200px; height: 200px; margin: 0 auto;*/ display: inline; }
.zoom:hover { font-size:30px; /*transform: scale(3.0);*/ /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }
.fpsubsec{ margin:10px 0 5px 20px; color: black; font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px; font-weight: bold; padding-top:5px; padding-left:10px; background: linear-gradient(to right, rgba(240,240,240,1.0), white); }
.fplist { margin:5px 0 5px 25px; color: black; /* min-width: 200px; */ font-family:'sree_krushnadevarayaregular', Helvetica; font-size: 16px;} 
.box{ display: none; width: 100%; }
a:hover + .box,.box:hover{ display: block; position: relative; z-index: 100; } 
.fplist li { list-style:none; } 
.note { margin:5px 0 5px 20px; }

.fixed {position:relative; width:100%; top:20px; left:0;}

.sub_menu_head {text-align:center; margin:5px 0 0 25px; line-height:20px; font-size:14px; font-weight:normal; background-color:#f5f5f5; margin-bottom:15px; background-image:linear-gradient(90deg, #ffffff, #f5f5f5, #ffffff);}
.sub_menu_head_list {text-align:center; line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:12px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}

#dataframeInput {background-image: url('/css/bhutaddam.png'); background-position: 1px 1px; background-repeat: no-repeat;
  			width: 25%; font-size: 16px; padding: 12px 20px 12px 70px; border: 1px solid #ddd; margin-bottom: 12px;}
#dataframeTable {border-collapse: collapse; width: 100%; border: 1px solid #ddd; font-size: 14px;}
#dataframeTable th, #dataframeTable td {text-align: left; padding: 5px;}
#dataframeTable tr {border-bottom: 1px solid #ddd;}
#dataframeTable tr.header, #dataframeTable tr:hover {background-color: #f1f1f1;}
.resources{ margin:5px 0 5px 20px; }
.resources_head{ margin:5px 0 5px 20px; font-weight:bold; }

/* Homework */
.box_hw { color:black; margin:5px 0 5px 50px; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; } 
.hw_wrapperr { margin:0 0 0 20px; border:1px solid #bbb; padding:0; float:left; }
.hw_wrapper { margin:0 0 0 20px; border:0 solid #bbb; padding:0;}
.hw_header { border:1px solid #bbb; /*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.hw_titles { margin-top:0; padding-bottom:0; }
.hw_titless div { padding:0; border:1px solid #bbb; float:left; }
.hw_titles div { padding:0; border:0 solid #bbb; float:left; }
.hw_titles div::after{ content:""; background:black; position:absolute; bottom:0; left:0; width:80%; height:1px;}
.hw_titles-left { width:250px; padding-left:5px; }
.hw_titles-center { margin-left:0; width:200px; padding-left:5px; }
.hw_titles-right { margin-left:0; width:250px; padding-left:5px; }
.hw_content div { padding:0; margin-left:5px; border-bottom:0 solid #bbb; float:left; }
.hw_content-left { width:250px; padding-left:0px; }
.hw_content-center { margin-left:0; width:200px; padding-left:0px; }
.hw_content-right { margin-left:0; width:250px; padding-left:0px; }
.hw_content-pravesam-left { width:650px; padding-left:0px; }
.hw_content-pravesam { padding-left:0px; }
.hw_content-prabhasam { padding-left:0px; }



.pa_wrapper {padding:10px 0px 0px 0px; margin:10px 0 0 20px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.pa_content-bharatam {width:100%; margin:0 0 0 0; padding:0 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #fff9c6, #ffffff);}
.pa_content-pravesam {width:100%; margin:0 0 0 0; padding:0 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #75fab6, #ffffff);}
.pa_content-prasunam {width:100%; margin:0 0 0 0; padding:0 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #95ecfc, #ffffff);}
.pa_content-prakasam {width:100%; margin:0 0 0 0; padding:0 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #75abbc, #ffffff);}
.pa_content-pramodam {width:100%; margin:0 0 0 0; padding:0 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #cff0f5, #ffffff);}
.pa_content-prabhasam {width:100%; margin:0 0 0 0; padding:0 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #e8aa88, #ffffff);}

.pa_content-prasunam a:hover {color:white; background-color:#ff3e3e; font-size:18px;}
.pa_content-prakasam a:hover {color:white; background-color:#68af18; font-size:18px;}
.pa_content-pramodam a:hover {color:white; background-color:#cd68ea; font-size:18px;}
.pa_content-prabhasam a:hover {color:white; background-color:#458ff9;}
.pa_content-bharatam a:hover {color:white; background-color:#94ad18;}
.pa_content-pravesam a:hover {color:white; background-color:#c068ea;}

/* grahaNa Sakti */
.gs_wrapper { margin:0 0 0 20px; padding:0; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.gs_header { border:0 solid #bbb; font-weight:bold; padding:0 0 0 5px;/*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.gs_titles { margin-top:0; padding-bottom:0; }
.gs_titles div { padding:0; border:0 solid #bbb; float:left; }
.gs_titles-1 { width:100%; padding-left:5px; }
.gs_titles-2 { margin-left:0; width:200px; padding-left:5px; }
.gs_titles-3 { margin-left:0; width:200px; padding-left:5px; }
.gs_content-1 { width:100%; padding-left:5px; }
.gs_content-2 { margin-left:0; width:100px; padding-left:5px; }
.gs_content-3 { margin-left:0; width:100px; padding-left:5px; }
.gsakti { color:black; margin:5px 0 5px 50px; padding:0 0 10px 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.gsakti .gsakti_title { color:black; margin:20px 0 10px 10px; padding-top:10px; font-weight:bold; line-height:20px; font-size:20px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.gsakti .gsakti_text { color:hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.gsakti .gsakti_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.gs_content-list {margin:0 0 0 20px; padding:0 0 0 20px; overflow:hidden; }
.gs_content-list a:hover {background-color:#121134; color:white;}

.gs_content-1 ul {list-style-type:none; margin:0; padding:0 0 0 20px; overflow:hidden; }
.gs_content-1 ul li {display:inline; float:left;}
.gs_content-1 ul li a:hover {background-color:#121134; color:white;}



/* uktalEkhanaM */
.ul_wrapper {margin:10px 0 0 20px; padding:5px 0 0 5px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.ul_header { border:0 solid #bbb; font-weight:bold; /*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.ul_titles { margin-top:0; padding-bottom:0; }
.ul_titles div { padding:0; border:0 solid #bbb; float:left; }
.ul_titles-1 { width:200px; padding-left:5px; }
.ul_titles-2 { margin-left:0; width:200px; padding-left:5px; }
.ul_titles-3 { margin-left:0; width:200px; padding-left:5px; }
.ul_titles-4 { margin-left:0; width:200px; padding-left:5px; }
.ul_content-1 { width:100%; padding-left:5px; }
.ul_content-2 { margin-left:0; width:300px; padding-left:5px; }
.ul_content-3 { margin-left:0; width:300px; padding-left:5px; }
.ul_content-4 { margin-left:0; width:300px; padding-left:5px; }

.space {display:inline; margin-left:10px;}
.ul_content-1 ul {list-style-type:none; margin:0; padding:0 0 0 20px; overflow:hidden; }
.ul_content-1 ul li {display:inline; float:left;}
.ul_content-1 ul li a:hover {background-color:#121134; color:white;}

.ul_content-11 { width:500px; padding-left:5px; }
.ul_content-12 { margin-left:0; width:325px; padding-left:5px; }


.ul {color:black; margin:5px 0 5px 50px; padding:0 0 10px 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);} 
.ul .ul_title {color:black; margin:20px 0 10px 10px; padding-top:10px; font-weight:bold; line-height:20px; font-size:20px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.ul .ul_text {color:hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.ul .ul_padamulu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.ul_padamulu_list_wrapper { margin:0 0 0 20px; border:0 solid #bbb; padding:0; float:left; }
.ul_padamulu_list_wrapper div { border:0 solid #bbb; padding:0; float:left; }
.ul_padamulu_list-col1 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col2 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col3 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col4 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col5 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col6 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col7 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col8 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col9 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col10 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col11 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col12 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col13 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col14 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col15 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col16 { margin-left:0; width:40px; padding-left:5px; }
.ul_padamulu_list-col17 { margin-left:0; width:40px; padding-left:5px; }


/* vrAyuTa */
.vr_wrapper { margin:0 0 0 20px; border:1px solid #bbb; padding:0; float:left; }
.vr_header { border:1px solid #bbb; /*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.vr_titles { margin-top:0; padding-bottom:0; }
.vr_titles div { padding:0; border:1px solid #bbb; float:left; }
.vr_titles-1 { width:200px; padding-left:5px; }
.vr_titles-2 { margin-left:0; width:200px; padding-left:5px; }
.vr_titles-3 { margin-left:0; width:200px; padding-left:5px; }
.vr_content-1 { width:200px; padding-left:5px; }
.vr_content-2 { margin-left:0; width:200px; padding-left:5px; }
.vr_content-3 { margin-left:0; width:200px; padding-left:5px; }
.vrayuta { color:black; margin:5px 0 5px 50px; padding:0 0 10px 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; }
.vrayuta .vrayuta_title { color:black; margin:20px 0 10px 10px; padding-top:10px; font-weight:bold; line-height:20px; font-size:20px; max-width:800px; background-color:#f5f5f5; }
.vrayuta .vrayuta_text { color:hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; }
.vrayuta .vrayuta_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5; }


/* caduvuTa */
.ca_wrapper { margin:0 0 0 20px; border:1px solid #bbb; padding:0; float:left; }
.ca_header { border:1px solid #bbb; /*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.ca_titles { margin-top:0; padding-bottom:0; }
.ca_titles div { padding:0; border:1px solid #bbb; float:left; }
.ca_titles-1 { width:200px; padding-left:5px; }
.ca_titles-2 { margin-left:0; width:200px; padding-left:5px; }
.ca_titles-3 { margin-left:0; width:200px; padding-left:5px; }
.ca_content-1 { width:200px; padding-left:5px; }
.ca_content-2 { margin-left:0; width:200px; padding-left:5px; }
.ca_content-3 { margin-left:0; width:200px; padding-left:5px; }
.caduvuta { color:black; margin:5px 0 5px 50px; padding:0 0 10px 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; }
.caduvuta .caduvuta_title { color:black; margin:20px 0 10px 10px; padding-top:10px; font-weight:bold; line-height:20px; font-size:20px; max-width:800px; background-color:#f5f5f5; }
.caduvuta .caduvuta_text { color:hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; }
.caduvuta .caduvuta_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5; } 

/* mATlATa */
.ma_wrapper { margin:0 0 0 20px; border:0 solid #bbb; padding:0; float:left; }
.ma_header { border:0px solid #bbb; font-weight:bold; font-size:16px; /*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.ma_titles { margin-top:0; padding-bottom:0; }
.ma_titles div { padding:0; border:0px solid #bbb; float:left; }
.ma_titles-1 { width:200px; padding-left:5px; }
.ma_titles-2 { margin-left:0; width:200px; padding-left:5px; }
.ma_titles-3 { margin-left:0; width:200px; padding-left:5px; }
.ma_content-1 { width:250px; padding-left:5px; }
.ma_content-2 { margin-left:0; width:530px; padding-left:5px; }
.ma_content-3 { margin-left:0; width:40px; padding-left:5px; }
.matlata { color:black; margin:5px 0 5px 50px; padding:0 0 10px 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; }
.matlata .matlata_title { color:black; margin:20px 0 10px 10px; padding-top:10px; font-weight:bold; line-height:20px; font-size:20px; max-width:800px; background-color:#f5f5f5; }
.matlata .matlata_text { color:hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; }
.matlata .matlata_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5; }

.disp_video {margin:5px 0 5px 0;}
.mp3_links {margin:30px 30px 0 20px; padding:5px 0 0 5px; background-color:#fef5e7;}
.mp3_links_title {margin:0 0 0 0; padding:0;}
.mp3_links_content {margin:0 0 0 15px; padding:0;}
.disp_table {margin:5px 0 0 25px;}

.blgr_wrapper {margin:-10px 0 0 40px; border:0 solid #bbb; padding:0; background-color:#eaecee; background-image:linear-gradient(to right, #eaecee, #ffffff);}
.blgr_wrapper .blgr_wrapper_content { padding:5px 0 5px 5px; line-height:16px;}
.blgr_wrapper .blgr_wrapper_content li { list-style-type:none; display:inline;}
.blgr_wrapper .blgr_wrapper_content td { border:none;}
.blgr_wrapper .blgr_wrapper_content table,tr,th,td {background-color:none;}
.blgr_wrapper .blgr_wrapper_content td:hover {background-color:#f5f5f5;}
.blgr_wrapper A:link {text-decoration:none;}

.blgr_item_head {margin:20px 0 0 25px; line-height:20px; font-size:14px; font-weight:normal; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}

/* ************************************************************* */
#blgr_niv { color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_niv .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_niv table, th, td { border: 1px solid black; border-collapse:collapse; }

/* ************************************************************* */
#blgr_rp { color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_rp .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_rp table, th, td { border: 1px solid black; border-collapse:collapse; }

/* ************************************************************* */
#blgr_katha { color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_katha .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_katha table, th, td { border: 1px solid black; border-collapse:collapse; }


/* ************************************************************* */
#blgr_pp2020 { color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_pp2020 .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_pp2020 table, tr, th, td {border-top:none; border-bottom:1px solid #ddd; border-collapse:collapse; }
#blgr_pp2020 table,tr,th, td {padding:4px; background-color:#f5f5f5;}
#blgr_pp2020 table,tr:hover {background-color:#e5e5e5;}

/* ************************************************************* */
#blgr_show1 {color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show1 .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show1 table, th, td { border: 1px solid black; border-collapse:collapse; }

/* ************************************************************* */
#blgr_show2_plan {color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show2_plan .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show2_plan table, th, td { border: 1px solid black; border-collapse:collapse; }


/* ************************************************************* */
#blgr_show2 {color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show2 .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show2 table, th, td { border: 1px solid black; border-collapse:collapse; }


/* ************************************************************* */
#blgr_show3_plan {color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show3_plan .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show3_plan table, th, td { border: 1px solid black; border-collapse:collapse; }


/* ************************************************************* */
#blgr_show3 {color:black; margin:5px 0 20px 50px; padding:5px 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show3 .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show3 table, th, td { border: 1px solid black; border-collapse:collapse; }



/* ************************************************************* */
.blgr_show_pic {color:black; margin:20px 0 20px 100px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}

/* ************************************************************* */
#blgr_show3 {color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show3 .blgr_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5;  background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
#blgr_show3 table, th, td { border: 1px solid black; border-collapse:collapse; }


.small_text {display:inline; font-size:10px; font-weight:normal;}
.hl_yellow {display:inline; background-color:#FFFF00;}

/* .blgr_text {hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; } */
.blgr_text {line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:12px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.blgr_title {color:black; margin:5px 0 5px 10px; font-weight:normal; line-height:16px; font-size:16px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}


input[type=text]{ border:none; border-bottom:2px solid red; }
.input_id {width:30px;}
.input_part {width:100px;}
.input_item {width:200px;}
.input_rdy {width:30px;}
.input_note {width:200px;}

.rprog_practice {line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:12px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.rprog_practice audio {width:600px; height:20px; display:block; margin:0px 0 1px 20px;}


.upload_picture {line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:12px; max-width:1550px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.upload_picture img {display:inline-block; margin: 3px 3px 3px 3px;}

.display_audio {line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:10px; max-width:1550px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.display_audio img {display:inline-block; margin: 3px 3px 3px 3px;}

.display_indented_small_text {line-height:14px; margin:5px 0 5px 50px; padding-left:10px; font-size:10px; max-width:1550px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}


/* Container holding the image and the text */
.container {position: relative; display:inline-block;}
.top-left {position: absolute; bottom: 8px; left: 8px;}

/* Audio file container holding the audio file name */
.audio_container {position: relative; display:inline-block; margin-left:10px; width:150px;}


.feedback_on_audio_uploads {line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:12px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}

.feedback_on_audio_uploads ul {margin:10px;}
.feedback_on_audio_uploads li {font-size:10px; line-height:12px; list-style-type:circle;}

.green{display:inline-block; color:green; font-size:12px;}
.red{display:inline-block; color:red;}
.blue{display:inline-block; color:blue;}
.orange{display:inline-block; color:orange;}


.strk {position: relative; color: red; font-weight: bold; font-size:13px;}
.strk:before {
    position: absolute;
    content: '';
    left: 0;
    top: 45%;
    right: 0;
    border-top: 2px solid;
    border-color: inherit;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    transform: skewY(-10deg);
  }


#blnndm_flyer {color:black; margin:5px 0 20px 50px; padding:0 0 0 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}


.blgr_item_head_cramp {margin:20px 0 0 25px; line-height:5px; font-size:14px; font-weight:normal; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}

.scratch {
  display:inline-block;
  width: 10px;
  height: 5px;
  background: red;
  position: relative;
  animation: show_draw 10s 2;
  transparent:50%;
  animation-direction: forward;
}


@keyframes show_draw {
  0%   {background: red; left: 0px; top: 0px;}
  25%  {background: red; left: 400px; top: 0px;}
  50%  {background: red; left: 0px; top: 0px;}
  75%  {background: red; left: 400px; top: 0px;}
  100% {background: red; left: 0px; top: 0px;}
}



.blgr_blnndm_text {line-height:20px; margin:5px 0 5px 50px; padding-left:10px; font-size:12px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}

.blgr_blnndm_text table, th, td { border: 1px solid black; border-collapse:collapse; }


.slides_item_head {margin:5px 0 0 25px; line-height:20px; font-size:14px; font-weight:normal;}
.slides_item_head_old {display:inline; margin:5px 0 0 25px; line-height:20px; font-size:14px; font-weight:normal; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.slides_menu_list {display:inline; line-height:20px; margin:5px 0 5px 0px; padding-left:1px; font-size:12px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.telugubadi_menu_row_head {width:200px; text-align:right; display:inline; color:#c1990d; padding:0px 10px 0px 0px;}

.padyalu_note {font-size:11px; color:gray; margin:5px 0 10px 30px;}

.ipani_slide {
	background-color:#F0DC7D; 
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	font-weight:normal;
	font-style:normal;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_yellow {
	background-color:#F0DC7D; 
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_yellow2 {
	background-color:#FFDA65; 
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_yellow3 {
	background-color:#F4ED85; 
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}


.ipani_slide_yellow2 {
	background-color:#EDD455; 
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_pink {
	background-color:#F1D0C7; 
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_orange {
	background-color:#FF673E;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_orange2 {
	background-color:#C3755B;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_blue {
	background-color:#73A5C0;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_blue2 {
	background-color:#4D6474;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_blue3 {
	background-color:#202D50;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_blue4 {
	background-color:#6EA0BB;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}


.ipani_slide_purple {
	background-color:#4D287F;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}


.ipani_slide_green {
	background-color:#6AA274;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_green2 {
	background-color:#1E2F20;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_green3 {
	background-color:#4BD4A6;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_gray {
	background-color:#1C1F24;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.ipani_slide_red {
	background-color:#722D2F;
	color:black; height:510px; width:100%; padding:1%; 
	font-family:'Suranna', 'SreeKrushnadevaraya', Helvetica;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}









.ipani_text_middle{
	vertical-align:middle;
	font-size:2.5rem;
	margin-bottom:0px;
}

.ipani_text_block_inline{
	display:inline;
	font-size:2rem;
}

.conf {margin:5px 0 5px 50px;}




@import url(http://fonts.googleapis.com/css?family=Montserrat);
.cssload-loading {
	text-align:center;
	margin: 49px auto;
	color: rgb(0,0,0);
	font-size: 2em;
	font-family: "Montserrat", sans-serif;
	animation: cssload-breathe 8.05s ease infinite;
		-o-animation: cssload-breathe 8.05s ease infinite;
		-ms-animation: cssload-breathe 8.05s ease infinite;
		-webkit-animation: cssload-breathe 8.05s ease infinite;
		-moz-animation: cssload-breathe 8.05s ease infinite;
}
@keyframes cssload-breathe {
	0% { letter-spacing: 0; text-shadow: 0 0 1px white; }
	30% { color: transparent; }
	50% { letter-spacing: 97px; font-size: 0; text-shadow: 0 0 6px white; }
	60% { color: transparent; }
	100% { letter-spacing: 0; text-shadow: 0 0 1px white; }
}
@-o-keyframes cssload-breathe {
	0% { letter-spacing: 0; text-shadow: 0 0 1px white; }
	30% { color: transparent; }
	50% { letter-spacing: 97px; font-size: 0; text-shadow: 0 0 6px white; }
	60% { color: transparent; }
	100% { letter-spacing: 0; text-shadow: 0 0 1px white; }
}
@-ms-keyframes cssload-breathe {
	0% { letter-spacing: 0; text-shadow: 0 0 1px white; }
	30% { color: transparent; }
	50% { letter-spacing: 97px; font-size: 0; text-shadow: 0 0 6px white; }
	60% { color: transparent; }
	100% { letter-spacing: 0; text-shadow: 0 0 1px white; }
}
@-webkit-keyframes cssload-breathe {
	0% { letter-spacing: 0; text-shadow: 0 0 1px white; }
	30% { color: transparent; }
	50% { letter-spacing: 97px; font-size: 0; text-shadow: 0 0 6px white; }
	60% { color: transparent; }
	100% { letter-spacing: 0; text-shadow: 0 0 1px white; }
}
@-moz-keyframes cssload-breathe {
	0% { letter-spacing: 0; text-shadow: 0 0 1px white; }
	30% { color: transparent; }
	50% { letter-spacing: 97px; font-size: 0; text-shadow: 0 0 6px white; }
	60% { color: transparent; }
	100% { letter-spacing: 0; text-shadow: 0 0 1px white; }
}




/*
<div class="cssload-preloader"> <span>Write on pages </span> <span>20</span> <span style="color:magenta;">37</span>,<span style="color:blue;">54</span>,<span style="color:red;">78</span>
*/
.cssload-preloader {
	font-family: 'sree_krushnadevarayaregular', Arial, Tahoma;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
	display: box;
		display: -o-box;
		display: -ms-box;
		display: -webkit-box;
		display: -moz-box;
	display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;
	box-pack: center;
		-o-box-pack: center;
		-ms-box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
	justify-content: center;
		-o-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	box-align: center;
		-o-box-align: center;
		-ms-box-align: center;
		-webkit-box-align: center;
		-moz-box-align: center;
	align-items: center;
		-o-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
	transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	perspective: 487px;
		-o-perspective: 487px;
		-ms-perspective: 487px;
		-webkit-perspective: 487px;
		-moz-perspective: 487px;
	overflow: hidden;
	animation: wobble 5.75s ease-in-out infinite;
		-o-animation: wobble 5.75s ease-in-out infinite;
		-ms-animation: wobble 5.75s ease-in-out infinite;
		-webkit-animation: wobble 5.75s ease-in-out infinite;
		-moz-animation: wobble 5.75s ease-in-out infinite;
	padding-bottom: 2em;
}
.cssload-preloader > span {
	font-size: 16px;
	animation: 5.75s ease-in-out infinite;
		-o-animation: 5.75s ease-in-out infinite;
		-ms-animation: 5.75s ease-in-out infinite;
		-webkit-animation: 5.75s ease-in-out infinite;
		-moz-animation: 5.75s ease-in-out infinite;
	color: transparent;
	text-shadow: 0 0 0px rgb(0,0,0);
}
span:nth-child(-n+3) {
	animation-delay: -2.88s;
		-o-animation-delay: -2.88s;
		-ms-animation-delay: -2.88s;
		-webkit-animation-delay: -2.88s;
		-moz-animation-delay: -2.88s;
}
span:nth-child(1),
span:nth-last-child(1) {
	animation-name: blur-1;
		-o-animation-name: blur-1;
		-ms-animation-name: blur-1;
		-webkit-animation-name: blur-1;
		-moz-animation-name: blur-1;
}
span:nth-child(2),
span:nth-last-child(2) {
	animation-name: blur-2;
		-o-animation-name: blur-2;
		-ms-animation-name: blur-2;
		-webkit-animation-name: blur-2;
		-moz-animation-name: blur-2;
}
span:nth-child(3),
span:nth-last-child(3) {
	animation-name: blur-3;
		-o-animation-name: blur-3;
		-ms-animation-name: blur-3;
		-webkit-animation-name: blur-3;
		-moz-animation-name: blur-3;
}
@keyframes blur-1 { 50% { text-shadow: 0 0 0.15em rgb(0,0,0); } }
@-o-keyframes blur-1 { 50% { text-shadow: 0 0 0.15em rgb(0,0,0); } } 
@-ms-keyframes blur-1 { 50% { text-shadow: 0 0 0.15em rgb(0,0,0); } } 
@-webkit-keyframes blur-1 { 50% { text-shadow: 0 0 0.15em rgb(0,0,0); } }
@-moz-keyframes blur-1 { 50% { text-shadow: 0 0 0.15em rgb(0,0,0); } } 
@keyframes blur-2 { 50% { text-shadow: 0 0 0.075em rgb(0,0,0); } } 
@-o-keyframes blur-2 { 50% { text-shadow: 0 0 0.075em rgb(0,0,0); } }
@-ms-keyframes blur-2 { 50% { text-shadow: 0 0 0.075em rgb(0,0,0); } }
@-webkit-keyframes blur-2 { 50% { text-shadow: 0 0 0.075em rgb(0,0,0); } } 
@-moz-keyframes blur-2 { 50% { text-shadow: 0 0 0.075em rgb(0,0,0); } } 
@keyframes blur-3 { 50% { text-shadow: 0 0 0.05em rgb(0,0,0); } } 
@-o-keyframes blur-3 { 50% { text-shadow: 0 0 0.05em rgb(0,0,0); } }
@-ms-keyframes blur-3 { 50% { text-shadow: 0 0 0.05em rgb(0,0,0); } } 
@-webkit-keyframes blur-3 { 50% { text-shadow: 0 0 0.05em rgb(0,0,0); } } 
@-moz-keyframes blur-3 { 50% { text-shadow: 0 0 0.05em rgb(0,0,0); } }
@keyframes wobble { from, to { transform: rotateY(-45deg); } 50% { transform: rotateY(45deg); } }
@-o-keyframes wobble { from, to { -o-transform: rotateY(-45deg); } 50% { -o-transform: rotateY(45deg); } }
@-ms-keyframes wobble { from, to { -ms-transform: rotateY(-45deg); } 50% { -ms-transform: rotateY(45deg); } } 
@-webkit-keyframes wobble { from, to { -webkit-transform: rotateY(-45deg); } 50% { -webkit-transform: rotateY(45deg); } }
@-moz-keyframes wobble { from, to { -moz-transform: rotateY(-45deg); } 50% { -moz-transform: rotateY(45deg); } }


/* quiz ****************************************************** */
.qz_wrapper { margin-left:1.2rem; margin-top:1.0rem; padding:0; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.qz_header { border:0 solid #bbb; font-weight:bold; padding-left:10px;/*height:50px;*/ /* Height of the div */ /* padding:30px;*/ /* Inside the border */ }
.qz_titles { margin-top:0; padding-bottom:0; }
.qz_titles div { padding:0; border:0 solid #bbb; float:left; }
.qz_titles-1 { width:100%; padding-left:5px; }
.qz_titles-2 { margin-left:0; width:200px; padding-left:5px; }
.qz_titles-3 { margin-left:0; width:200px; padding-left:5px; }
.qz_content-1 { width:100%; padding-left:5px; }
.qz_content-2 { margin-left:0; width:100px; padding-left:5px; }
.qz_content-3 { margin-left:0; width:100px; padding-left:5px; }
.quiz { color:black; margin:5px 0 5px 50px; padding:0 0 10px 0; line-height:20px; font-size:14px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
/* .quiz .quiz_title { color:black; margin:20px 0 10px 10px; padding-top:10px; font-weight:bold; line-height:20px; font-size:20px; max-width:800px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}*/
.quiz .quiz_text { color:hsl(0, 40%, 50%); line-height:20px; margin:5px 0 5px 50px; font-size:14px; max-width:700px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.quiz .quiz_prasnalu { color:black; line-height:20px; margin:10px 0 5px 50px; font-size:14px; max-width:500px; background-color:#f5f5f5; background-image:linear-gradient(to right, #f5f5f5, #ffffff);}
.qz_content-list {margin:0 0 0 0.2rem; padding:0 0 0 0.2rem; overflow:hidden; }
.qz_content-list a:hover {background-color:#121134; color:white;}
.qz_content-1 ul {list-style-type:none; margin:0; padding:0 0 0 20px; overflow:hidden; }
.qz_content-1 ul li {display:inline; float:left;}
.qz_content-1 ul li a:hover {background-color:#121134; color:white;}


/* The radiocontainer */
.radiocontainer { background-color:#fff1f1; display: block; position: relative; padding:10px 10px 10px 50px; margin-bottom: 1px; 
			cursor: pointer; /* font-size: 1.5rem; */
			-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; }
/* Hide the browser's default radio button */
.radiocontainer input { position: absolute; opacity: 0; cursor: pointer; }
/* Create a custom radio button */
.checkmark { position: absolute; top: 1.0rem; left: 1.0rem; height: 1.2rem; width: 1.2rem; background-color: #fff; border-radius: 50%; }
.checkedlabel { background-color:#ddd; }
/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark { /*nothing*/ }
.radiocontainer:hover { background-color: #ddd; }
/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark { background-color: #2196F3; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after { display: block; }
/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after { top: 0.5rem; left: 0.5rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; /* background: white; */ }
@media screen and (max-width:600px) { .quizresultbtn { display:block; width:100%; } }


/* The fakeradiocontainer */
.fakeradiocontainer { background-color:#fff1f1; display: block; position: relative; padding:10px 10px 10px 50px; margin-bottom: 1px; 
			cursor: pointer; /*font-size: 18px; */
			-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; }
/* Hide the browser's default radio button */
.fakeradiocontainer input { position: absolute; opacity: 0; cursor: pointer; }
/* On mouse-over, add a grey background color */
.fakeradiocontainer:hover { background-color: #ddd; }
/* When the radio button is checked, add a blue background */
/* Style the indicator (dot/circle) */
.fakeradiocontainer .checkmark:after { top: 0.5rem; left: 0.5rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; /*background: white;*/ }




/* The checkmarkcontainer */
.checkmarkcontainer { background-color:#fff1f1; display: block; position: relative; padding:10px 10px 10px 50px; margin-bottom: 1px; 
			cursor: pointer; /* font-size: 1.5rem; */
			-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; }
/* Hide the browser's default radio button */
.checkmarkcontainer input { position: absolute; opacity: 0; cursor: pointer; }
/* Create a custom radio button */
/*.rightmark { position: absolute; top: 15px; left: 15px; height: 19px; width: 19px; background-color: #fff; border-radius: 50%; }*/
.rightmark { position: absolute; top: 1.0rem; left: 1.0rem; height: 1.0rem; width: 1.0rem; background-color: #fff; -webkit-transform: rotate(45deg); transform:rotate(45deg); }
.checkedlabel { background-color:#ddd; }
/* On mouse-over, add a grey background color */
.checkmarkcontainer:hover input ~ .rightmark { /*nothing*/ }
.checkmarkcontainer:hover { background-color: #ddd; }
/* When the radio button is checked, add a blue background */
.checkmarkcontainer input:checked ~ .rightmark { background-color: #2196F3; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.checkmarkcontainer input:checked ~ .rightmark:after { display: block; }
/* Style the indicator (dot/circle) */
.checkmarkcontainer .rightmark:after { top: 6px; left: 6px; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform:rotate(45deg); }
@media screen and (max-width:600px) { .quizresultbtn { display:block; width:100%; } }


/* The fakecheckmarkcontainer */
.fakecheckmarkcontainer { background-color:#fff1f1; display: block; position: relative; padding:10px 10px 10px 50px; margin-bottom: 1px; 
			cursor: pointer; /*font-size: 18px; */
			-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: break-word; }
/* Hide the browser's default radio button */
.fakecheckmarkcontainer input { position: absolute; opacity: 0; cursor: pointer; }
/* On mouse-over, add a grey background color */
.fakecheckmarkcontainer:hover { background-color: #ddd; }
/* When the radio button is checked, add a blue background */
/* Style the indicator (dot/circle) */
.fakecheckmarkcontainer .checkmark:after { top: 0.5rem; left: 0.5rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; /*background: white;*/ }




#submitbuttoncontainer { position:relative; padding:10px 0 10px 0; text-align:center; }
.submitbutton { background-color:#4CAF50; padding:5px 20px 5px 20px !important; font-size:14px; }
.timedisplay{ margin-top:10px; text-align:center; }
.timedisplay input[type=text]{ border:none; width:5.0rem;}
.quiz_results{margin-top:1.0rem; margin-bottom:1.0rem; margin-left:3.0rem; margin-right:3.0rem; text-align:center; padding:0.5rem 0.1rem 0.5rem 0.1rem; border-style:solid; border-color:green; border-width:0.5rem;}

.quiz_results_red{margin-top:1.0rem; margin-bottom:1.0rem; margin-left:3.0rem; margin-right:3.0rem; text-align:center; color:black; padding:0.5rem 0.1rem 0.5rem 0.1rem; border-style:solid; border-color:red; border-width:0.5rem;}

.quiz_questions {margin-left:1.0rem; padding:5px; }
.quiz_questions ol {margin-left:1.5rem; margin-top:1.5rem; margin-bottom:1.0rem;}
.quiz_questions ol li{margin-left:1.0rem; margin-top:1.5rem; margin-bottom:1.5rem;}
.quiz_questions hr {border:0px dashed gray; margin-right:20px;}
.quiz_questions input[type=text] {border:none; border-bottom:2px solid black; text-align:center; autocomplete:off;}
.quiz_questions .timedisplay input[type=text]{ border:none; width:5.0rem;}

.quiz_result_send_email {margin-top:1.0rem; margin-bottom:1.0rem; color:darkgray; text-align:center; line-height:1.0rem;}
.quiz_result_submit_button { background-color:#FFE000; padding:5px 10px 5px 10px !important; font-size:14px; }
.report_score {font-size:1.0rem; color:green; display:inline;}
.report_score_red {font-size:1.0rem; color:red; display:inline;}
.congrats {display:inline; font-size:2.0rem; margin-bottom:0.2rem; color:green; font-family:'SreeKrushnadevaraya';}
.encourage {color:blue; font-family:Suranna; }

.quiz_title{text-align:center; font-size:1.2rem; font-family:'SreeKrushnadevaraya';}
#back_to_list_line {text-align:center; margin-top:1.0rem; margin-bottom:1.0rem;}
#back_to_list_left {float:left; margin-left:1.0rem;}
#back_to_list_right {float:right; margin-right:1.0rem;}
#back_to_list_center {margin:0 auto;}

.padyam_title{text-align:center; font-size:1.2rem; font-family:'SreeKrushnadevaraya';}

.quiz_audio { display:inline; margin-left:0.5rem; margin-right:0.5rem;}
.question_audio { display:inline; margin-left:0.5rem; margin-right:0.5rem;}
.quiz_image { display:inline; margin-left:0.5rem; margin-right:0.5rem; max-width:10rem;}
.question_image { display:inline; margin-left:0.5rem; margin-right:0.5rem; max-width:100px;}
.question_image img { display:inline-block; margin-left:0.5rem; margin-right:0.5rem; max-width:7rem;}
.g-recaptcha-container {text-align:center; margin-top:1rem;}
.g-recaptcha{text-align:center; position:relative; display:inline-block;}

.show_login_link{text-align:center; margin-top:3rem; margin-bottom:3rem;}
.user_menu_container{margin-left:2rem; background:linear-gradient(to right, rgba(240,240,240,1.0), white); }
.user_menu_item{display:inline-block; margin-left:0.5rem; margin-right:0.5rem;}
.user_menu_item a {text-decoration:none; color:blue;}
.user_chart_container{margin-left:3rem; margin-top:1rem; }
#user_chart {margin-left:3.5rem; margin-top:1rem; }
.typing_help {font-size:0.8rem; text-align:center}
.typing_help a {text-decoration:none; color:blue;}

iframe:focus {outline: none;}
iframe[seamless]{display: block;}