/*
Green Message (http://www.greenmesg.org)
Preserve Nature and Nature will preserve you.
Plant Trees and make our planet green.
Be in green surroundings.
*/

/* Custom Panes */
#Container {
width: 98%;
margin-left:1%;
margin-right:1%;
}

#SiteHeaderPane {
background-color: #8AE68A;
background-image:  url('/images/green_tile.png'); 
background-repeat: repeat;
color: #006600;/* green */
text-align: center;
font-size: 150%;
height:55px;
line-height: 55px;
}

#SiteHeaderText {
/*margin-top:0px;*/
}

#CategoryPane {
background-color: #CCCCCC;
background-image:  url('/images/tree_line.png'); 
background-repeat: repeat;
color: #006600;/* green */
font-size: 80%;
height:62px;
}

#CategoryList {
padding-top:8px;
}

#CategoryList li {
display:inline;
padding-left:5px;/*15px*/
}

#CategoryList2 li {
display:inline;
padding-right:5px;
}

#ContentPane {
background-color: #FFFFFF;
width:96%;/*65%*/
/*float:left;*/
font-family:Verdana;
font-size:80%;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#SidePane {
background-color: #eeffee; /*eeffee*/
width:96%;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
border: solid 1px;
border-color:#eeffee;
}

#SidePaneHeader {
font-family:Verdana;
font-size:90%;
color:black;/*green*/
font-weight:bold;
}

#SidePaneImage {
padding-top:0px;
padding-bottom:0px;
margin-left:-1px;
padding-left:0px;
}

#SidePaneFooter1 {
font-family:Verdana;
font-size:80%;
color:#555555;/*green*/
}

#SidePaneFooter2 {
font-family:Verdana;
font-size:80%;
color:green;
}

#PageHeader {
margin-top:1%;
margin-bottom:2%;
border: solid 1px #ffffff;
}
#PageHeader img {
float:left;
}
#PageHeader p {
font-family:Verdana;
font-size:100%;
color:green;
padding-top:15px;
padding-left:125px;
}

#FooterPane {
clear:both;
text-align: center;
font-family:Verdana;
font-size:80%;
}

#FooterText {
color:green;
padding-top:2%;
}

/* Body */
body {
background-color: #EEEEEE;
font-family: Sans-Serif;
}

/* Div */
div.song {
padding:10px 10px 10px 10px;
height: 150px;
width: 100%;
background-color: #eeeeee;
}
div.bengali {
font-family:Vrinda;
font-size:110%;
font-weight:bold;
}
span.bengali {
font-family:Vrinda;
font-size:100%;
font-weight:bold;
}

div.box {background-color:#eeeeee; padding:10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Light Grey*/
div.box1 {background-color: #ffffff; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*White*/
div.box2 {background-color: #dddddd; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Deep Grey*/
div.box3 {background-color: #ffffdd; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Yellow*/
div.box4 {background-color: #ccccff; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Deep Blue*/
div.box5 {background-color: #aaccaa; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Deep Green*/
div.box6 {background-color: #ddeeee; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Light Blue*/
div.box7 {background-color: #aaffaa; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Light Green*/
div.box8 {background-color: #eeccaa; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Light Brown*/
div.box9 {background-color: #ddeedd; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Light Green*/
div.box10 {background-color: #ffe9cf; padding: 10px 10px 10px 10px; border: solid 1px; border-color:#aaaaaa;} /*Light Brown*/

div.Box {width:100%;border:solid 1px;border-color:#eeeeee;margin-top:5px;margin-bottom:20px;}
div.BoxHeading {
padding:10px 0 10px 10px;background-color:#eeeeee;font-size:120%;font-weight:bold;
}
div.BoxContent {
padding-left:10px;margin-top:5px;padding-right:5px;padding-bottom:5px;
}

div.toc {
background-color:#fefffe;
padding:5px 15px 15px 15px;
border: solid 1px;
border-color:green;
}
div.toc h2 {
color:#3333aa;
}
div.toc ul {
margin-left:0%;
}
div.toc ul li{
display:inline;
padding-right:10px;
}

div.toc1 {
background-color:#fefffe;
padding:5px 15px 15px 15px;
border: solid 1px;
border-color:green;
}
div.toc2 {
background-color:#fefffe;
padding:5px 15px 15px 15px;
border: solid 1px;
border-color:#cccccc;
}
div.toc3 {
background-color:#dddddd;/* #dddddd; */
padding:15px 15px 15px 15px;
border: solid 1px;
border-color:#aaaaaa;/* #dddddd; */
color:#000000;
}
div.toc4 {
background-color:#eeffee;
padding:15px 15px 15px 15px;
border: solid 1px;
border-color:green;
color:#000000;
}
div.toc5 {
background-color:#ddffdd;
padding:15px 15px 15px 15px;
border: solid 1px;
border-color:green;
color:#000000;
}
div.pad {padding-left:135px;}

/* Heading */
h1 {
font-size:140%;
}

h2 {
font-size:120%;
color:#003300;
}

h2.light {
font-size:110%;
color:#003300;
}

h3 {
font-size:115%;
color:brown;
}

h3.light {
font-size:105%;
color:brown;
}


h3.kwi6 {
font-size:115%;
color:#aa5500;
}

/* Horizontal Line */
hr {
color:#cccccc;
background-color:#cccccc;
height:1px;
border: none;
clear:both;
}

/* Image */
img {max-width:100%; height:auto;}

img.LeftImg {
float:left;
clear:both;
padding:0px 10px 10px 0px;
margin-left:5px;
margin-right:20px;
}
img.LeftImg1 {
float:left;
clear:both;
padding:0px 5px 10px 0px;
margin-left:5px;
margin-right:10px;
}
img.LeftImg2 {
float:left;
clear:both;
padding:0px 5px 10px 0px;
margin-left:5px;
margin-right:2px;
}
img.RightImg1 {
float:right;
clear:both;
padding:5px 0px 10px 0px;
margin-left:5px;
margin-right:10px;
}

figure.LeftFig1 {
float:left;
clear:both;
margin-left:0px;
margin-right:5px;
margin-top:0px;
}

/* Line Break */
br.ht {line-height:50%;}

/* List */
ul.HList {
margin-left:0%;
}
ul.HList li {
display:inline;
padding-right:10px;
}

ul.list1 {font-size:85%}
ul.list2 {font-size:95%}
ul.pdg1 {padding-left:15px;}
ul.gap li {margin-bottom:5px}
ul {padding-left:30px}
ol {padding-left:30px}
ol.list1 {font-size:85%}
ol.list2 {font-size:95%}
ol.gap li {margin-bottom:5px}
li.pic {background-repeat:no-repeat; list-style-type:none; height:125px; padding-left:120px;}
li.pdg {list-style-type:none; padding-left:135px;}

/* Paragraph */
p.desci {
border-style:solid;
border-width:1px;
border-color:#dddddd;
background-color:#dddddd;
padding: 10px 10px 10px 10px;
font-size:100%;
}
p.pad {padding-left:135px;}


/* Link */
a:link {text-decoration: none; color: green; text-decoration: underline;}
a:visited {text-decoration: none; color: green; text-decoration: underline;}
a:active {text-decoration: none; color: green; text-decoration: underline;}
a:hover {text-decoration: none; color: green; background: #eeeee0; text-decoration: underline;}

a.TT {color:#006600; text-decoration:none; border-bottom: 1px dotted #006600;}
a.godTT {color:#cc5555; text-decoration:none; border-bottom: 1px dotted #880000;}
a.sntTT {color:#880000; text-decoration:none; border-bottom: 1px dotted #880000;}
a.rivTT {color:#0000cc; font-style: italic; text-decoration:none; border-bottom: 1px dotted #0000cc;}

a.dot {color:#000000; text-decoration:none; border-bottom: 1px dotted #999999;}
a.brown {color:#996600; text-decoration:underline;} /*776600*/
a.grn {color:#007755; text-decoration:none; border-bottom: 1px dotted #999999;}
a.grn2 {color:#007744; text-decoration:underline;}

a.dsc {color:#777777; text-decoration:underline;} /* Description */
a.for {color:#005500; text-decoration:underline;} /* Forest */
a.fst {color:#00aa55; text-decoration:underline;} /* Festival */
a.god {color:#cc5555; text-decoration:underline;} /* God */
a.grp {color:#007755; text-decoration:none; border-bottom: 1px dotted #999999;} /* Group */
a.sth {color:#cc7733; text-decoration:none; border-bottom: 1px dotted #999999;} /* Sthalam */
a.sth2 {color:#aa3355; text-decoration:none; border-bottom: 1px dotted #999999;} /* Sthalam2 */
a.ksh {color:#996600; text-decoration:underline;} /* Kshetra */
a.lak {color:#000099; text-decoration:underline} /* Lake */
a.mnt {color:#773300; text-decoration:underline} /* Mountain */
a.pur {color:#007700; text-decoration:underline; font-style:normal} /* Puranic Event */
a.riv {color:#0000cc; text-decoration:underline; font-style: italic;} /* River */
a.sea {color:#006699; text-decoration:underline} /* Sea */
a.scr {color:#117755; text-decoration:none; border-bottom: 1px dotted #117755; font-style: italic;} /* Scripture */
a.snt {color:#880000; text-decoration:underline;} /* Saint */
a.sto {color:#green; text-decoration:none; border-bottom: 1px dotted #000000;} /* Stotra */


/* Span */
span.desci {font-size:100%; color:#555555;}
span.desci2 {font-size:90%; color:#777777;}
span.desci3 {font-size:110%; color:#333333;}
span.desci4 {font-size:85%; color:#777777;}
span.desci5 {font-size:100%; color:#777777;}

span.gap {line-height:7px;}
span.gap2 {line-height:10px;}

span.h4 {
font-size:110%;
color:#E66A6A;
font-weight:bold;
}
span.hdgi {font-size:110%; color:#005500; font-weight:bold;} /*#003333*/
span.hdgi2 {font-size:100%; color:#003333; font-weight:bold;}
span.hdgi3 {font-size:110%; color:#000000; font-weight:bold;}
span.hdgi4 {font-size:110%; color:#990000; font-weight:bold;}
span.shdgi {color:#333300; font-weight:bold;}
span.shdgi2 {color:#000000; font-weight:bold;}
span.meta {color:#A63A3A; font-weight:normal;} /* #773300; */

span.kwi {color:#880000;} /* Brown */
span.kwi_2 {color:#660000;}
span.kwi2 {color:#000099;} /* Blue */
span.kwi3 {color:#cc5555;} /* Red */
span.kwi4 {color:#006600;} /* Green */
span.kwi4_2 {color:#004400;}
span.kwi5 {color:#777777;} /* Grey */
span.kwi6 {color:#aa5500;} /* Cream */
span.kwi6_2 {color:#773300;}
span.kwi7 {color:#000000; font-style: italic;} /* Light Black */
span.kwi8 {color:#333333; font-style: italic;} /* Black */
span.kwi9 {color:#7777cc;} /* Light Blue */

span.lh1 {color:#775533; font-weight:bold;}
span.lh2 {color:#007755; font-size:105%; font-weight:bold;}
span.lh3 {color:#007766; font-size:105%; font-style: italic;}
span.lh4 {color:#333333; font-style: italic;}

span.act {color:#880000;} /* Action */
span.dsc {color:#777777;} /* Description */
span.for {color:#005500;} /* Forest */
span.fst {color:#00aa55;} /* Festival */
span.fst2 {color:#aa5500;} /* Festival 2 */
span.god {color:#cc5555;} /* God */
span.kng {color:#880000;} /* King */
span.ksh {color:#996600;} /* Kshetra (aa5500) */
span.lak {color:#000099;} /* Lake */
span.mnt {color:#773300;} /* Mountain (990000) */
span.obj {color:#5555aa;} /* Object */
span.phl {color:#cc1111;} /* Philosophy */
span.plc {color:#333333; font-style: italic;} /* Place */
span.ppl {color:#770000;} /* People */
span.pur {color:#007700;} /* Puranic Event */
span.qlt {color:#aa5555; font-style: italic;} /* Quality */
span.riv {color:#0000cc; font-style: italic;} /* River */
span.sea {color:#006699;} /* Sea */
span.scr {color:#117755; font-style: italic;} /* Scripture */
span.snt {color:#880000;} /* Saint */
span.sto {color:green} /* Stotra */
span.tme {color:#333333; font-style: italic;} /* Time */
span.tre {color:#006600;} /* Tree */
span.grp {color:#007755;} /* Group */


span.sansi {
font-family:Mangal;
font-size:160%;
color:#000000;
font-weight:bold;
}
span.sansi2 {
font-family:Mangal;
font-size:140%;
color:#000000;
font-weight:bold;
}
span.sansi3 {
font-family:Mangal;
font-size:120%;
color:#aa5500;
}
span.sansi4 {
font-family:Mangal;
font-size:120%;
color:#777777;
}
span.sansi5 {
font-family:Mangal;
font-size:125%;
color:#000000;
font-weight:bold;
}
a.sansi5 {
font-family:Mangal;
font-size:125%;
color:#000000;
text-decoration:none;
border-bottom: 1px dotted #777777;
}
span.sansi6 {
font-family:Mangal;
font-size:120%;
color:#880000;
}
span.sansi7 {
font-family:Mangal;
font-size:130%;
font-weight:bold;
color:#003333;
}
span.sansi8 {
font-family:Mangal;
font-size:120%;
color:#000000;
}

span.Tooltip {border-bottom: 1px dotted #cccccc;}
span.TT {color:#777777; border-bottom: 1px dotted #777777;}
span.TooltipBox {
position:absolute;top:0;left:0;visibility:hidden;z-index:5;
background-color:#ddffdd;font:normal 9pt sans-serif;
padding:10px;border:solid 1px;border-color:green;
color:#000000;
}

span.LText {
color:#888888;
}
span.festival {
font-size:90%;
color:#888888;
}
span.nat {
font-size:120%;
}
span.gmsgh {
color:#888888;/*#888888*/
font-weight:bold;
font-size:105%;
}

/* Strong */
strong {
font-weight:bold;
}

/* Table */
td.pur {background-color:#ffffdd;}
td.plc {background-color:#fffffe;}
td.hdg {background-color:#cccccc;}

table.tab {
border:1px solid #ffffff;
#border-collapse:collapse;
color:#000000;
text-align: left;
width:100%;
border-spacing: 3px;
}
table.tab th {
border:1px solid #aaaaaa;
padding: 10px 10px 10px 10px; 
background-color:#aaffaa;
color:#000000;
vertical-align:top;
}
table.tab td  {
border:1px solid #aaaaaa;
padding: 10px 10px 10px 10px;
color:#000000;
background-color:#ffffff;
vertical-align:top;
}

table.tab1 {
border:1px solid #000000;
border-collapse:collapse;
text-align: left;
width:100%;
}
table.tab1 th {
border:1px solid #000000;
padding: 10px 10px 10px 10px; 
background-color:#ffffcc; /*#ccffcc*/
color:#773300;
vertical-align:top;
}
table.tab1 td  {
border:1px solid #000000;
padding: 10px 10px 10px 10px;
color:#000000;
font-size:100%;
vertical-align:top;
}

table.tab2 {
border:1px solid #000000;
border-collapse:collapse;
text-align: left;
}
table.tab2 th {
border:1px solid #000000;
padding: 10px 10px 10px 10px; 
background-color:#aaffaa;
color:#000000;
vertical-align:top;
}
table.tab2 td  {
border:1px solid #000000;
padding: 10px 10px 10px 10px;
color:#555555;
font-size:85%;
vertical-align:top;
}

table.tab3 {
border:1px solid #ffffff;
border-collapse:collapse;
#border-collapse:separate;
color:#000000;
text-align: left;
width:100%;
border-spacing: 0px 5px;
}
table.tab3 th {
border:1px solid #000000;
padding: 10px 10px 10px 10px; 
background-color:#ccccff;
color:#000000;
vertical-align:top;
}
table.tab3 td  {
border:1px solid #000000;
padding: 10px 10px 10px 10px;
color:#000000;
vertical-align:top;
}

table.tab4 {
border:1px solid #ffffff;
#border-collapse:collapse;
color:#000000;
text-align: left;
width:100%;
border-spacing: 3px;
}
table.tab4 th {
border:1px solid #aaaaaa;
padding: 10px 10px 10px 10px; 
background-color:#aaffaa;
color:#000000;
vertical-align:top;
}
table.tab4 td  {
border:1px solid #aaccaa;
padding: 10px 10px 10px 10px;
color:#000000;
background-color:#eeffee;
vertical-align:top;
}

table.tbl {
border:1px solid #eeeeee;
border-collapse:collapse;
background-color:#eeeeee;
color:#000000;
text-align: left;
}
table.tbl th {
border:1px solid #eeeeee;
padding: 10px 10px 10px 10px; 
color:#000000;
vertical-align:top;
}
table.tbl td  {
border:1px solid #eeeeee;
padding: 10px 10px 10px 10px;
color:#000000;
vertical-align:top;
}