﻿/**
 * @author  ( Su Mon Nwe, Cho Cho Tun  )
 */
/*a mhar sar*/
body#preface div#content {	min-height:1100px;}
/* martikar */
body#index div#content{	min-height:1550px;}
/*a khar yar*/
body#alphabet div#content { min-height:1400px;}
/*a khar yar a kyin chote*/
body#alphabet-summary div#content {	min-height:1630px;}
/*seit ye thabaw ko thi kyi chin+say ta tait ye thabaw ko thi kyi chin*/
body#other div#content {	min-height:850px; }
.banner{	width:825px;margin:40px 0 0 45px;}
.items-row {min-height:340px;}/*chochotun(for next chapter)*/
.items-row blockquote { text-align:left;  position:relative; padding:0px 15px; margin-bottom:30px; }
.item-page, .blog, div#jc /* Comment Page */ {	width:825px!important;	margin:0px 0 0 30px;}
h2.title { text-align:center; font-size:120%; background:url(../images/index-bg.png) no-repeat; width:109px; height:25px; padding:5px 0px 10px 0px; margin:40px 0 0 140px; display:block; clear:both; color:#895428!important; text-shadow:0px 1px 1px #FFFFFF;}
.item-page h2, .blog h2 { background:url(../images/title-bg.png) left bottom no-repeat ;color:#7d4042; margin-top:10px!important; padding-bottom:25px; padding-right:180px; line-height:35px;padding-top:5px;}
h2.title a , .item-page h2 a, .blog h2 a { text-decoration:none; color:#252525!important; }
h2.title a:hover, .item-page h2 a:hover, .blog h2 a:hover { color:#e42701!important; }
/* Menu */
div#index { margin-left:100px;}
.tab  { margin:-40px 0px 0px 0px; padding-bottom:5px;}
body#comment .tab { margin-top:-30px!important;}
body#index .tab { margin-top:-10px!important;}
.item-page #comments { display:none!important;}
/*a { color:#7d4042!important; }*/
a { color:#000000!important; }
ul.indent li a,ul.indent1 li a,ul.indent2 li a,ul.ref-link li a{text-decoration:underline;}
ul.indent li.audio{	margin:10px 0px;	float:left;	width:850px;}
ul.indent li ul{	width:850px;}
ul.indent li ul li {	float:left;}
ul.indent li ul li strong ,ul.ref-link li ul li strong{	float:left;	margin-top:50px;	margin-left:30px;}
ul.indent li ul li div.avPlayerWrapper,ul.ref-link li ul li div.avPlayerWrapper {	float:left;	margin-left:20px;}
ul.indent li a:hover,ul.indent1 li a:hover,ul.indent2 li a:hover,ul.ref-link li a:hover{	color:#e42701 !important;}
/* Video Display */
ul.video {	display:block;	float:left; padding:0px; margin:0px;}
ul.video ul { padding:0px; margin:0px; }
div.title { text-align:center; margin:0 auto ; line-height:50%; padding:10px 0px;}
div.title span {padding-left:30px; display:inline-block; font-size:11px; }
div.title b {    color: #666666;    font-size: 9px;    margin-right: 10px; padding-left:10px; display:inline-block;}
/* Blog Item Pagination */
div.pagination { width:799px; float:left; font-size:80%;padding:10px 20px; z-index:1111;  position:relative; margin:0 auto; }
div.pagination .counter { text-align:left;  text-indent:0!important; position:absolute; left:0px; background:url(../images/pg-other.png) 0px 0px no-repeat; height:22px;  width:100px;  color:#795d43!important; text-shadow:0px 1px 0px #FFFFFF; padding:5px 0px; text-align:center; font-weight:bold;}
div.pagination ul  {padding:0px!important; text-align:center!important; margin-left:-30px;  /* position:absolute;top: 35px; left:95px; */ z-index:1111;}
div.pagination ul li { display:inline !important;}
div.pagination ul li a,
div.pagination ul li a:hover,
div.pagination ul li span.pagenav { margin-right:3px; padding:5px 0px; height:22px;  width:43px; color:#795d43!important; text-shadow:0px 1px 0px #FFFFFF; font-weight:bold; text-decoration:none; display:inline-block;} 
div.pagination ul li a {background:url(../images/pg.png) 0px 0px no-repeat; } 
div.pagination ul li a:hover,
div.pagination ul li span.pagenav { background:url(../images/pg.png) 0px -33px no-repeat;} 
/* Blog Item Navigation*/
ul.pagenav li { list-style:none!important;}
/* Comment Count on Category  Blog Item Page Style */
a.comment-count span, 
a.comment-count:hover span { font-family:Arial, Helvetica, sans-serif!important;  text-decoration:none; font-weight:bold; font-size:120%;}
a.comment-count { width: 39px; height:35px; display:inline-block; float:right; }
a.comment-count { background:url(../images/comment-icon.png) top right no-repeat; color:#895428!important; text-shadow:0px 1px 1px #FFFFFF; text-align:center; padding-top:2px;}
a.comment-count:hover {  background:url(../images/comment-hover-icon.png) top right no-repeat; color:#b81f00!important; text-decoration:none;}
.nocomment a.comment-count { visibility:hidden; display:none;}
/*Category Title*/
dl.article-info { margin-left:-40px!important; margin-top:-25px!important;}
/*Index*/
li.edit-icon { display:none; width:0px; height:0px; }
ul.main-menu,ul.main-menu-bio {	float:left;}
ul.main-menu li a {margin:0;font-size:18px;color:#252525!important;text-decoration:none !important;}
ul.main-menu-bio li a,
ul.main-menu-biodetail li a {
	text-decoration:underline;margin:0;font-size:16px; color:#252525 !important;width:580px; /*bio*/float:left;}
ul.main-menu li a:hover,ul.main-menu-bio li a:hover,ul.main-menu-biodetail li a:hover { color:#e42701!important;text-decoration:underline !important; }
ul.main-menu li{ float:left;width:700px;background:url(../images/bullet.png) no-repeat 15px 10px; 	padding:0 43px; line-height:33px;}
ul.main-menu-bio li,
ul.main-menu-biodetail li{float:left;width:500px;background:url(../images/bullet.png) no-repeat 15px 10px; 	padding:0 43px; line-height:33px;}
/*Quick Menu*/
/*ul.quick { 	width:87px!important;	height:354px!important;	background:url(../images/quick.png) no-repeat 0px 0!important;		z-index:0;	position:relative;	margin:20px 0 0 14px; padding-top:155px; text-align:center; }*/
ul.quick {padding:0px;}
ul.quick li {	width:70px; text-align:center; font-size:12px; padding:15px 0px; margin-left:10px; margin-right:10px; float:left;}
.item470{ margin:170px 0 0 0px; border-bottom:1px dashed #c1272d;}
.item546 {	border-bottom:1px dashed #c1272d;}
ul.quick li a { color:#252525!important; text-shadow:0px 1px -1px #FFFFFF; }
ul.quick li a:hover {color:#e42701!important; text-shadow:0px 1px -1px #FFFFFF;}
.clr{clear:both; }
/*Breadcrumbs*/
div.breadcrumbs { background:url(../images/breadcrumb-bg.png) no-repeat; /*width:779px;*/width:815px; height:21px; /*position:relative; top: 0px; float:left; */ font-size:70%;padding:10px 50px 10px 15px; z-index:0; margin:-1px 0px 0px 15px!important;}
div.breadcrumbs a { color:#7d4042;}
/*chochotun*//*for dropdown page*/
.quick-chap {position:relative; width:0px;float:right;left:-230px; margin-top:-35px; /*margin-top:-20px; top:-80px; left:-170px;*/}
.quick-chap option { font-size:80%; background:#CCC;} 
select > option:nth-child(odd) { font-size:80%;background-color:#a89d82;width:174px;color:#000000;font-family:'zawgyi','arial',"Lucida Sans Unicode", "Lucida Grande", sans-serif;-webkit-appearance: none;}
select > option:nth-child(even){ font-size:80%;background-color:#c8c9cb;width:174px;color:#000000;font-family:'zawgyi','arial',"Lucida Sans Unicode", "Lucida Grande", sans-serif;-webkit-appearance: none;}
#default-usage-select option {width:174px;font-family:'zawgyi','arial',"Lucida Sans Unicode", "Lucida Grande", sans-serif;-webkit-appearance: none;}
/*Go to Page style*/
div.dda { position:relative; left: 350px; clear:both; width:300px;font-size:70%!important;}
/* Print, Email Icons */
ul.actions {margin-top:10px!important; padding-top:10px;}
ul.actions li { list-style:none!important; float:right; top:5px; righ:0px; left:350px!important; display:inline; margin-right:5px;}
/*next chapter of last page article */
.prev-chap span, 
.next-chap span  { display:none;}
.prev-chap { float:left; position:relative;  left:105px;  z-index:9999; text-align:left; text-indent:0!important; background:url(../images/pg-prev.png) 0px 0px no-repeat; height:22px;  width:100px; color:#795d43!important; text-shadow:0px 1px 0px #FFFFFF; padding:5px 0px; text-align:center; font-size:12px;margin-right:30px; visibility:none;}
.next-chap { float:right; position:relative; /*top:22px!important;*/top:55px;/*chochotun*/ left:0px; z-index:11111; text-align:left; text-indent:0!important; background:url(../images/pg-next.png) 0px 0px no-repeat; height:22px;  width:100px; color:#795d43!important; text-shadow:0px 1px 0px #FFFFFF; padding:5px 0px; text-align:center; font-size:12px;margin-right:30px; color:none;}
/*khan dar ko (chapter 6)*/
body#not-knowing .prev-chap,
body#not-knowing .next-chap { top:0px!important;}
body#part-of-body .next-chap { float:right; position:relative;top:70px!important; left:420px; z-index:11111; text-align:left; text-indent:0!important; height:22px;  width:100px; color:#795d43!important; text-shadow:0px 1px 0px #FFFFFF; padding:5px 0px; text-align:center; font-size:12px;margin-right:30px;}
a.prev-chap:hover,body#part-of-body a.prev-chap:hover { background:url(../images/pg-prev.png) 0px -33px no-repeat; text-decoration:none;} 
a.next-chap:hover,body#part-of-body a.next-chap:hover { background:url(../images/pg-next.png) 0px -33px no-repeat; text-decoration:none;} 
/* Alphabet Title */
ul.alphabet,ul.border {padding-left:0px;text-align:center;}
ul.alphabet li {display:inline-block; padding:0px 10px 10px 0px;}
ul.alphabet li span.lft {background:url(../images/left-corner.png) left bottom no-repeat; display:inline-block; float:left; height:32px; }
ul.alphabet li span.rgt {background:url(../images/rgt-corner.png) right bottom no-repeat;display:inline-block; float:left; margin-left:17px; height:22px; padding:2px 25px 8px 5px;}
ul.border li {display:inline-block;padding-top:10px;}
span.border-lft {display:inline-block; float:left;border:2px dotted #7d4042;padding:5px;}
ul.alphabet li a:hover {text-decoration:none; color:#B81F00!important;}
ul.title-link li a {margin:0;font-size:18px;color:#252525!important;text-decoration:none !important;}
ul.title-link li a:hover { color:#e42701!important;text-decoration:underline !important; }
/*Typography*/
/*Font Size*/
.small {	font-size:90%;	}
.big {		font-size:105%; }
.bigger {	font-size:115%;}
h1 {	font-size:150%;	}
h2 {	font-size:140%;	}
h3 {	font-size:120%; }
h4 {	font-size:110%;}

/*Font Style*/
.bold {	font-weight: bold;}
/*Safari smn
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bold, strong, h1, h2, h3, h4, h5, h6, h2 a {	text-shadow:0px -1px -1px #000!important;}
}*//*body:nth-of-type(1) .bold, strong, h1, h2, h3, h4, h5, h6, h2 a {	
text-shadow:0px -1px -1px #000!important;
}
*/
/*Safari 
body:nth-of-type(1) .bold, strong, h1, h2, h3, h4, h5, h6, h2 a { text-shadow:0px -1px -1px #000!important; font-weight:bold; }*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .bold, strong, h1, h2, h3, h4, h5, h6, h2 a { text-shadow:0px -1px -1px #000!important; font-weight:bold; } }
.normal{ font-weight:normal;padding-left:30px;}
.cent {	text-align:center;}
.txtcolor { 	background:#FF0; }
.gold {color:#c17139;}
.lineheight {
line-height:30px;}
/*Block Style*/
.bdr {	border:2px solid #909090;	border-radius:5px; }
blockquote { width:550px;left:100px;top:20px;font-style:normal;  font-family:'zawgyi'!important; border:1px solid #e3daa3!important; background-color:#fef4b7!important;position:relative;  }
div.lyrics div.lyrics-block blockquote {position:relative; width:550px;left:100px;font-style:normal;  font-family:'zawgyi'!important; border:1px solid #e3daa3!important; background-color:#f7f7f7!important; margin-bottom:30px;}
blockquote:before { content:url(../images/sticky-note.png) !important; margin-left:-25px; margin-top:-30px;  float:left;}
blockquote:after { content:url(../images/sticky-note-after.png) !important; text-align:left; position:relative; top:20px; left:24px;}
/*Text Indent Paragraph*/
pre.indent { cue-before:100px; white-space:pre-line; }
cite.indent { padding-left:100px;font-style:normal;}
cite.double { padding-left:200px;font-style:normal;}
p {	text-indent:100px;}
p.noindent {text-indent:30px;}/*chochotun*/
p.lessdouble { text-indent:150px; }
p.double {	 text-indent:200px; }
p.lesstriple { text-indent:250px;}
p.triple {	text-indent:300px; }
p.fourth {text-indent:400px;} 
.minu-indent{margin-left:-100px;}
ul.indent,ul.indent1,ul.indent2 {	color:#000000; /*margin-left:100px;*//*chochotun*/ }
ul.indent,ul.indent1,ul.indent2 {	color:#000000!important;/* margin-left:100px!important;*/ /*chochotun*/}
ul.indent li,ul.indent1 li,ul.indent2 {	list-style:none!important;color:#000000!important;}
ul.indent1 li {	text-indent:100px;	margin-top:0px;}
ul.indent2 li {text-indent:150px;}
/*width 100%, td 15%*/
table.style1 { border-collapse:collapse; width:100%; }
table.style1 th { font-weight:normal; width:7%; vertical-align:top; text-align:left; }
#page,
marquee,
.lyrics { float:left; background:#fef4b7; border:1px solid #e3daa3; margin:10px 0px 20px 0px; padding-bottom:20px; padding-left:10px;}
#page:before,
marquee:before,
.lyrics:before { content:url(../images/lyrics-pin.png) !important; float:left; position:relative; top:-15px; width:100%; text-align:center; }
#page:after,
.lyrics:after { float:left;content:url(../images/lyrics-btm.png) !important; text-align:center; position:relative;top:37px; float:left;}
marquee p,  .lyrics p {text-align:left; display:block;}
/* Image Background */
.imgbdr-l , .imgbdr-n, .imgbdr-s { text-align:center; padding:30px; text-indent:0px!important; margin:0px auto;}
/*.imgbdrl-l { text-align:left; padding:50px; text-indent:0px!important; margin:0px 0px 10px 0px;}*/
.imgbdrl-l { text-align:left; padding:48px 30px 45px 60px; text-indent:0px!important; margin:0px 0px 0px 0px;}/*chochotun*/
.imgbdrl-l { background:url(../images/img-bg-l-frame.png) no-repeat; width:350px; height:427px;}
.imgbdr-l { background:url(../images/img-bg-l-frame.png) no-repeat; width:350px; height:540px;}
.imgbdr-n { background:url(../images/img-bg-n-frame.png) no-repeat; width:337px; height:229px; }
.imgbdr-s { background:url(../images/img-bg-s-frame.png) no-repeat; width:256px; height:235px;}
.imgbdr-s  span.topleft {background:url(../images/frame.png) 0px 0px; width: 98px; height:100px; }
.imgbdr-s img  { margin:20px!important;}
center {padding:10px;}
/*Clock*/
.clocks {    height: 300px;    margin: 25px auto;	padding-right:70px;    position: relative;    width: 300px;}
/*chochotun*/
body.contentpane {
	margin:0px;
	padding:0px;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.0);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff00, endColorstr=#ffffff00);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
/* Print Background */
body.contentpane .item-page {
	margin:0!important;
	padding:10px!important;
	background:#FFF!important;
	float:left;/*chochotun*/
}
body.contentpane .item-page ul.actions li {
	margin-right:50px!important;
}
div#mailto-window  {
	width:400px;
	height:410px;
	margin:0px auto;
	margin-top:-20px;
	background:url(../images/mailto-form.png) no-repeat;
	_background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mailto-form.png',sizingMethod='crop');
}
div#mailto-window  h2 {
	text-align:center;
	width:408px;
	margin-top:10px;
	color:#795d43;
	font-size:18px;
	padding-top:60px;
}
div#mailto-window div.mailto-close a span {
	margin:0px 0px 0px 50px;
	text-decoration:none;
	color:#795d43;
}
div#mailto-window div.mailto-close a span {
	color:#795d43;
}
div.formelm {
	float:left;
/*	width:408px; */
	margin-left:55px;
	padding-bottom:10px;
}
div.formelm label {
	float:left;
	width:100px;
	color:#795d43;
	margin-bottom:10px;
}
div.formelm input {
	color:#795d43;
	margin-bottom:10px;
}
div#mailto-window p button {
	background:url(../images/btn-send.png) no-repeat;
	width:85px;
	text-align:center;
	margin-left:20px;
	border:none;
	height:32px;
	padding-bottom:32px;
	line-height:25px;
	color:#6b523b;
	font-size:14px;
	font-weight:bold;
	text-shadow: 1px 1px white, 1px 1px #000000;
	font-family:Arial, Helvetica, sans-serif;
}
body.popupview #popup-content {
  height: 90%;
margin: 30px auto;
position: relative;
width:450px;
}
/*Back to top button*/
div.backtotop{
	float:right;
	background:url(../images/backtotop.png) no-repeat right;
	bottom:0px; right:0px;
	text-indent: -9999px;
	width:70px;
	height:40px;
	position:fixed;
	z-index:999;
	/*margin-bottom:20px;
	margin-right:10px;*/
}
div.backtotop a {
	float:right;
	width:70px;
	height:40px;
}
div.backtotop a:hover {
	opacity:0.6;} 
/********************pdf style************************/
span.indent-pdf,
ul.indent-pdf {	float:left;	/*margin-bottom:20px;*/	margin-top:0px;	/*margin-left:-85px;*/}
ul.main-menu li ul.indent-pdf {	margin-left:10px !important;}
ul.main-menu li  a{	text-decoration:underline;margin:0;font-size:18px; color:#252525 !important;}
ul.indent-pdf li {
	 display:inline; 
	 width:400px;
	 clear:both;
	 float:left;
	 margin-bottom:5px;
}
span.indent-pdf a,
ul.indent-pdf li a {
	 float: left;
	 width:auto;
	 height:0;
	 margin-top:8px;
	 position:relative;
	 padding-top:12px; 
	 margin-bottom:20px;
	 text-decoration:underline;
}
span.indent-pdf a strong,
ul.indent-pdf li a strong {
	margin-top:-20px;
	margin-left:25px;
	float:left;
	font-weight:normal;
	text-decoration:underline;
	/*margin-right:10px;*/
	}
span.indent-pdf a,
ul.indent-pdf a { 
	background:url(../images/pdf-icon.png) no-repeat center;	
	color:#000;									
}
ul.indent-pdf li a { 
	background-position: 0 0; 
}
span.indent-pdf a:hover,
ul.indent-pdf li a:hover,
ul.indent-pdf li a:active { 
	background-position: 0 -12px; 
}
span.indent-pdf a strong:hover,
ul.indent-pdf li a strong:hover{
	text-decoration:underline !important;
	color:#e42701 !important;
}
span.indent-pdf a strong b:hover,
ul.indent-pdf li a strong b:hover {
	padding-bottom:2px;
}
an.indent-pdf a strong b,
ul.indent-pdf li a strong b {
	font-size:9px;
	color:#666;
	margin-right:10px;
}



/*popup style(chochotun)*/
span.bio-popupft {
	float:left;
	/*background:url(../images/old-paper-footer.png) no-repeat;*/
	/*width:572px;*/
	width:600px;
	height:183px;
	text-indent:-9999px;
	margin-top:-36px;}
div.bio-popup {
	float:left;
	/*width:550px;*/
	width:690px;/*bio*/
	height:390px; /*bio*/
	overflow:scroll;
	overflow-x:hidden;
	padding:0px;
	background:#FFF;
	margin:0px;
}
div.bio-popup h3 {
	float:left;
	/*background:url(../images/old-paper-top.png) no-repeat;*/
	/*width:415px;*/
	height:68px;
	/*padding:100px 80px 0px 80px;*/
	padding:30px 30px 0px 30px;
	margin-bottom:0px;
	margin-top:0px;
}
div.bio-popup ul.main-menu-bio {
	float:left;
	margin-top:0px;
	width:576px;
	padding-bottom:20px;
	/*background:url(../images/old-paper-middle.png) repeat-y;*/
}
ul.indent-pdf li.bg-none,
ul.indent-pdf li.bg-none1 {
	width:450px;
	background:none !important;
	float:left;
	margin-left:-30px;
}
ul.indent-pdf li.bg-none1 {
	margin-bottom:20px;}
div.bio-popup ul.main-menu-biodetail {
	margin-top:25px;
	float:left;
}


/*chochotun (link border)*/

ul.ref-link {
/* float:left;  */
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom right, #F7F0D2 0%, #F5EEC4 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom right, #F7F0D2 0%, #F5EEC4 100%);
/* Opera */ 
background-image: -o-linear-gradient(bottom right, #F7F0D2 0%, #F5EEC4 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #F7F0D2), color-stop(1, #F5EEC4));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom right, #F7F0D2 0%, #F5EEC4 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top left, #F7F0D2 0%, #F5EEC4 100%);
border:1px solid #856b16;
border-radius:15px;
padding:15px;
width:700px;
margin-left:10px;
/*clear:both; */
display:inline-block;
}
.ref-link li {
	display:inline;
	text-align:left;
}
.ref-link:before {
	content: "သက္ဆိုင္ရာအေၾကာင္းအရာမ်ားျဖစ္ေသာ";
	text-align:left;
	display:inline;
	font-size:12px;
	margin-top:5px;
	margin-right:10px;
}
.ref-link:after {
	content: "တြင္ၾကည့္ပါ";
	text-align:left;
	display:inline;
	font-size:12px;
	margin-top:5px;
	margin-left:10px;
}
.ref-link li a {
	padding:0px 14px 0px 2px;
	margin-top:-15px;
	font-size:12px;
}
.ga-ga-na-ga:after {
	content: "ျပထားတဲ့ ေခါင္းစဥ္ေတြထဲ ၀င္ၾကည့္ရင္ သိခ်င္တာေတြကို ဂဃနဏ သိလို႔ရႏိုင္ၿပီ"!important;
}
.a-myae-ma-pyat:after {
	content: "ေတြကို သေဘာေပါက္လာတဲ့အခါမွာ မိမိစိတ္ကို မိမိ အျမဲမျပတ္ ေစာင့္ၾကည့္ေနမွသာ ျဖစ္ေတာ့မယ္လို႔ တကယ္သိရွိ နားလည္ လက္ခံသြားမယ့္စိတ္"!important;
}