/*
CSS
*/
@font-face {
font-family: Zawgyi-One;
font-style:  normal;
font-weight: normal;
src: url(http://all-channel.com/ZAWGYIO4.eot);
}
body {	margin: 0 ;	padding:0;	font-family: "Trebuchet MS", Arial, Tahoma;	font-size: 11px; background: url(images/pagebg.jpg) repeat-x #e9e9e9; }
h1 { font-size: 18px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #075b50; margin: 0px; padding: 10px 0px 10px 15px;}
h2 { font-size: 16px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #d35910; margin: 0px; }
h3 { font-size: 12px; font-family:"Trebuchet MS", Tahoma, Verdana; color: #17b49e; margin: 0px; text-decoration: underline;}

.clearboth { clear: both;}

.weburl { float: left; color: #2da8c4;}
.weburl a{ float: left; color: #2da8c4; text-decoration: underline; padding: 10px 0px 0px 20px; font-weight: bold;}
.weburl a:hover { color: #25d7fe;}


.wrapperbody { width: 1000px; height: auto; margin: 0 auto; padding: 0px;}

.wrapperheader { float: left; width: 1000px; background: url(images/headerbg.jpg) repeat-x; height: 159px;}
.headerleft { float: left; width: 30px; height: 159px; background: url(images/headerleftimg.jpg) no-repeat;}
.headerright { float: left; width: 30px; height: 159px; background: url(images/headerrightimg.jpg) no-repeat;}
.headermiddle { float: left; width: 940px; height: 159px;}
.headerlogo { float: left; width: 225px; height: 110px; }
.headericon { float: left; width: 715px; height: 45px; text-align: right; padding-top: 10px;}
.headersearch { float: left; width: 530px; height: 55px; padding-left: 180px; text-align: right; margin: 0px; margin-top: 0px; }


.headermenu { float: left; width: 940px; height: 49px;}
.headermenuleft { float: left; width: 940px;}
.headermenuleft ul { list-style: none; width: 940px; margin: 0px; padding: 10px 0px 0px 10px;}
.headermenuleft ul li {display: inline; padding: 0px 10px 0px 5px;}
.headermenuleft ul li a { font-weight: bold; color:#FFFFFF; text-decoration: none; }
.headermenuleft ul li a:hover { color:#d1ff60; text-decoration: none; }
.headermenuright { float: left; width: 160px;}

.headergoogleads { float: left; width: 560px; height: 45px; padding: 25px 0px 0px 30px; }
.headerbanner { float: left; width: 390px; height: 70px; padding: 0px 0px 0px 20px;}

.wrappernews { float: left; width: 1000px; height: 273px;}
.wrappernewsleft { float: left; width: 46px; height: 273px; background: url(images/newsleft.jpg) no-repeat; }
.wrappernewsmiddle { float: left; width: 699px; height: 273px;}
.wrappernewsright { float: left; width: 255px; height: 273px; background: url(images/newsright.jpg) no-repeat;}



.wrappterwhite { float: left; width: 1000px; margin-bottom: 10px;}
.whiteareatop { float: left; width: 1000px; height: 13px; background: url(images/middlebodytop.jpg) no-repeat;}
.whiteareabot {float: left; width: 1000px; height: 13px; background: url(images/middlebodybot.jpg) no-repeat;}
.whiteareacontent { float: left; width: 974px; height: auto; background: #f8f8f8; margin-left: 13px; }
.moviecontent { float: left; width: 680px; background: url(images/movieheader.jpg) no-repeat; margin-left: 7px;}
.moviecontent div.header { float: left; color: #ffffff; font-size: 16px; font-weight: bold; padding: 8px 0px 0px 25px;}
.moviecontent div.header span {color: #fcff36;}
.moviewrapper { float: left; width: 615px; margin: 30px 0px 0px 35px;}
.movieimagebg { float: left; width: 111px; height: 132px; background: url(images/movieframe.jpg) no-repeat; margin: 0px 5px 0px 5px}
.movieimage img{ float: left; background: #000066; margin-left: 3px; margin-top: 3px;}

.wrappercurrency { float: left; width: 283px; background: url(images/currency.jpg) no-repeat; margin: 0px; padding: 0px;}
.wrappercurrency div.header { float: left; color: #ffffff; font-size: 16px; font-weight: bold; padding: 8px 0px 0px 25px;}
.wrappercurrency div.header span{ color: #fcff36; font-size: 11px; padding-left: 40px; font-weight: normal;}
.TBLMoney { float: left; width: 260px; margin: 20px 0px 0px 20px;}
.currencyname { float: left; width: 90px; height: 20px; border-bottom: 1px solid #27a3c0;}
.currencyunit { float: left; width: 60px; height: 20px; border-bottom: 1px solid #27a3c0;}
.currencyprice {float: left; width: 60px; height: 20px; border-bottom: 1px solid #27a3c0;}
.currencychg {float: left; width: 35px; height: 20px; border-bottom: 1px solid #27a3c0;}
.currencyname span { font-weight: bold;}
.currencyunit span { font-weight: bold;}
.currencyprice span { font-weight: bold;}
.currencychg span { font-weight: bold;}

.googlelink { float: left; width: 200px; height: 90px; margin: 10px 0px 10px 20px; }
.googlesmallsquare { float: left; width: 208px; height: 209px; background: url(images/googlesmallsquare.jpg) no-repeat; padding: 8px 0px 0px 9px; margin: 5px 0px 0px 15px;}
.googlesquare { float: left; width: 258px; height: 259px; background: url(images/googlesquare.jpg) no-repeat; padding: 8px 0px 0px 10px; margin: 0px 0px 0px 8px;}
.googlesmalltop { float: left; width: 200px; height: 200px; margin: 55px 0px 0px 30px;}


.whitearealeft { float: left; width: 245px;}
.whiteareamiddle { float: left; width: 447px;}
.whitearearight { float: left; width: 282px;}

.leftbox { float: left; width: 230px; margin-left: 10px;}
.leftboxtop { float: left; background: url(images/leftboxtopbg.jpg) no-repeat; width: 185px; height: 30px; color: #FFFFFF; font-weight: bold; font-size: 14px; padding: 17px 0px 0px 45px;}
.leftboxmiddle { float: left; border-left: 1px solid #c0bebe; border-right: 1px solid #c0bebe; width: 207px; margin-left: 3px; padding: 0px 7px 0px 7px; text-align: justify;}
.leftboxtextarea { float: left; width: 195px; margin-left: 5px; margin-bottom: 10px;}

.leftboxbot {float: left; background: url(images/leftboxbotbg.jpg) no-repeat; width:230px; height: 20px;}

.heroscope { float: left; width: 206px; height: 122px;}

.Likebox { float: left; width: 200px;}
.Likebox ul { float: left; padding: 0px; margin: 0px 0px 0px 15px;}
.Likebox ul li { list-style: none; padding: 0px; margin: 0px;}
.greenbutton { float: left; width: 61px; height: 20px; color: #ffffff; font-weight: bold; padding: 5px 0px 0px 0px; text-align: center; margin: 5px;}
.greenbutton a { color: #ffffff; font-weight: bold; text-decoration: none;}

.Likebox ul li input{ width:20px;}

.artist img{ float: left; padding: 5px;}

.middlebox { float: left; width: 447px;}
.middleboxtop { float: left; width: 447px; height: 19px; background: url(images/midboxtop.jpg) no-repeat;}
.middleboxmiddle { float: left; width: 412px; border-left: 1px solid #c0bebe; border-right: 1px solid #c0bebe; margin-left: 7px; padding: 0px 0px 0px 20px; }
.middleboxbot { float: left; width: 447px; height: 19px; background: url(images/midboxbot.jpg) no-repeat;}
.middleboxtitle { float: left; font-size: 16px; font-weight: bold; color: #7a9c2b; text-decoration: underline; }
.middleboxtext { float: left; width: 400px; }
.middleboximage { float: left; width: 400px; margin-top: 5px; margin-bottom: 10px;}
.middleboximage img { float: left; margin: 5px;}

.recepiesbox { float: left; width: 200px;}
.recepiesbox ul { float: left; padding: 0px; margin: 5px 0px 0px 15px;}
.recepiesbox ul li { list-style: none; padding: 0px; margin: 0px; background: url(images/midboxlistarrow.jpg) no-repeat; height: 20px; padding-left: 20px; color: #749f3c;}
.recepiesbox ul li a { color: #749f3c; text-decoration: underline;}
.recepiesbox ul li a:hover {color: #8fd433;}

.dictionarybox { float: left; width: 355px; height: 48px; background: url(images/dictionarybox.jpg) repeat-x; margin: 10px 0px 0px 5px; padding: 10px 0px 0px 10px;}
.dictionarybox input { float: left; width: 250px; border: 1px solid #9b9b9b; height: 20px; padding-top: 2px;}
.dictionarybutton { float: left; width: 75px; height: 20px; border: 1px solid #ffffff; color: #ffffff; font-weight: bold; text-align: center; padding-top: 3px; margin-left: 5px;}
.dictionarybutton a{ color: #ffffff; text-decoration: none; }

.downloadlist { float: left; margin: 5px 0px 0px 15px; width: 300px;}
.downloadlist img { float: left; padding: 2px;}

.rightbox { float: left; width: 270px; padding: 0px 0px 0px 10px; margin-bottom: 5px;}
.advtopbg { float: left; width: 234px; height: 30px; background: url(images/advertismentbg.jpg) no-repeat; color: #ffffff; font-size: 14px; font-weight: bold; padding: 12px 0px 0px 35px;}
.advbox { float: left; width: 125px; height: 125px; margin: 3px;}

.rightboxtop { float: left; width: 220px; height: 31px; background: url(images/rightboxtopbg.jpg) no-repeat; font-weight: bold; font-size: 14px; color: #ffffff; padding: 18px 0px 0px 45px;}
.rightboxmiddle { float: left; width: 253px; border-left: 1px solid #c0bebe; border-right: 1px solid #c0bebe; margin-left:5px; height: auto;}
.rightboxbot { float: left; width: 265px; height: 25px; background: url(images/rightboxbotbg.jpg) no-repeat;}
.sugesstionboxtop { float: left; width: 220px; height: 31px; background: url(images/rightboxtopbg.jpg) no-repeat; font-weight: bold; font-size: 12px; color: #ffffff; padding: 18px 0px 0px 45px;}

.webdirectoryleft { float: left; font-size: 10px; width: 135px; border-bottom: 1px dashed #749f3c; margin-left: 12px; height: 20px;}
.webdirectoryleft a { color: #565656; text-decoration: none;}
.webdirectoryleft a:hover { color: #10c6ec;}
.webdirectoryright { float: left; font-size: 10px; width: 95px; border-bottom: 1px dashed #749f3c; height: 20px;}
.webdirectoryright a { color: #565656; text-decoration: none; }
.webdirectoryright a:hover { color: #10c6ec;}
.browseall { float: left; width: 200px; margin-left: 12px; font-size: 10px; color: #098caa; font-weight: bold; padding-top: 8px;}
.browseall a { color: #098caa; font-weight: bold; text-decoration: none;}

.suggestleft { float: left; width: 75px; padding: 3px 0px 0px 15px; height: 23px;}
.suggestright { float: left; width: 150px; padding-top: 2px; margin: 0px; height: 23px; }
.suggestright input { width: 130px; font-size: 10px;}
.suggesttext { float: left; width: 225px; padding-left: 15px;}
.suggesttext textarea{ float: left; width: 215px; height: 50px; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 11px;}
.suggestbuttonbox { float: right; margin-right: 13px;}


	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
		padding: 0;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 0;
		float: left;
		width: 699px;
		height: 380px;
		background: url(images/menubg.jpg) repeat-x;

	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 280px; background: none; overflow: hidden;}
	.csw .loading { margin: 10px 0 0 0; text-align: center; width: 630px; height: 100px;}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 699px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 225px;
		clear: both;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 699px; /* Also specified in  .stripViewer  above */

	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		overflow: hidden;
		padding: 30px 10px 0px 0px;;
		height:270px;
		width: 689px;
		background: url(images/headnewsbg.jpg) repeat-x;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			float: left;
			padding-top: 5px;
			height: 37px;
			width: 630px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			height: 25px;
			width: 630px;
			padding: 0px;
			margin: 0 auto;
			list-style: none;
		}
		
		.stripNav ul li {
	
			float: left;
			margin-right: 1px;
			 /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 5px 0 0 0;
			height: 20px;
			width: 100px;
			outline: none;
		}
	
	.stripNav li a { background: none;}
	/*
	.stripNav li.tab2 a { background: #60c }
	.stripNav li.tab3 a { background: #63f }
	.stripNav li.tab4 a { background: #63c }
	.stripNav li.tab5 a { background: #00e } */
	
	.stripNav li a:hover  {
		color: #ceee71;
		
	}
	
	.stripNav li a.current {
		color: #ceee71;
		}
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 0px;
		width: 0px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		background: url("images/arrow-left.gif") no-repeat center;
	}
	
	.stripNavR {
		background: url("images/arrow-right.gif") no-repeat center;
	}
	
	
	
.newsimagebig { float: left; width: 145px; height: 160px;}
.newsimagebig img{ padding-top: 10px;}
.newstextwrapper { float: left; width: 270px; }
.newstitle { float: left;font-size: 14px; color: #2dbcdc; margin-top: 10px;}
.newstextarea { float: left; }
.newstextarea a { color: #404040; text-decoration: none;}
.newstextarea a:hover { color: #749e3b;}
.othernewsarea { float: right; width: 260px; }
.othernews { float: left; width: 260px; height: 55px; border-bottom: 1px dashed #7a991d; padding-top: 5px;}
.othernews a{ text-decoration: none; color: #404040;}
.othernews a:hover { color: #afcb5a;}
.othernews img { float: left; padding: 5px;}



/*---------------------------------------------------------*/
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.tab_section {
	float: left;
	width: 400px;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
.tab_section a{
	font-size: 11px;
	color: #333333;
	}
.tabcontent_section {
	clear: both;
	float:left;
	width:400px;
}
.shadetabs{
padding: 0;
margin-left: 6px;
}

.shadetabs ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.shadetabs li{
	display: inline;
}

.shadetabs li a{
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #79a33d;
	width: 114px;
	height: 25px;
	padding-top: 10px;
	background: url(images/shadetab.gif) no-repeat;
}

.shadetabs li .selected{
	color: #666666;
	background: url(images/shadeactive.gif) no-repeat;
}


.tabcontent{
display:none;
}
.tabheader { float: left; font-weight: bold; font-size: 16px; color:#7a9c2b; padding-top: 10px;}
.musicleft { float: left; width: 90px; height: 70px;  }
.musicleft img { padding-left: 10px; padding-top: 8px;}
.musicright { float: left; width: 300px; height: 70px;padding-top: 8px;}
.blueline { float: left; width: 380px; padding-left: 5px; border-top: 1px dashed #0999bb;}
.musictitle { float: left; color:#16acd1;}
.musictext { float: left;}


.footerbox { float: left; width: 900px; height: 150px; margin: 5px 0px 0px 50px; border: 1px solid #ececec; text-align: center;}
.footerbox img{ margin: 20px 5px 0px 5px; }
.footerlink { float: left; width: 855px; margin-left: 53px; margin-top: 10px;}
.footerlinkbox { float: left;}
.footerlinkbox ul { float: left; list-style: none; padding: 0px; margin: 0px; padding-right: 20px;}
.footerlinkbox ul li { color: #3ea891;}
.footerlinkbox ul li a{ color: #3ea891; text-decoration: none;}
.footerlinkbox a { color: #3ea891; text-decoration: none;}
.footerlinkbox a:hover { color: #1ae1b4; }
.footercol1 { float: left; width: 170px; height: auto;}
.footercol2 { float: left; width: 200px;height: auto;}
.footercol3 { float: left; width: 170px; height: auto;}
.footercol4 { float: left; width: 170px; height: auto;}
.footercol5 { float: left; width: 100px; height: auto;}
.footerheader { float: left; color: #484848; font-weight: bold;}

.copyright { float: left; width: 1000px; text-align: center; color: #2f5735; padding: 0px 0px 5px 0px;}