@font-face { 
font-family: Zawgyi-One; font-style: normal; font-weight: normal; src: url(ZAWGYIO0.eot) }
@font-face { 
font-family: Zawgyi1; font-style: normal;  font-weight: normal; src: url(ZAWGYIO1.eot) }
html {
margin: 0; padding: 0 }
body{
background: #0dc2d2 url('main_bg.gif') repeat-x top left; margin:0; font-size: 10pt; font-family: Helvetica, Arial, Verdana, Sans-serif }
h1, h2, h3, h4, h5, h6, blockquote, form {
margin: 0; padding: 0 }
a {
text-decoration: none; color: #e4e4e4 }


/*** CSS Class ***/

.bold {
font-weight: bold }
.white {
color: white }
.normal {
font-weight: normal }
.clear {
clear: both }
.block {
display: block }
.hide {
display: none }
.red {
color: #b50101 }
.gray {
color: #6b6b6b }


/*** Conditional Class ***/

p.signup {
text-align: right; padding-right: 7pt; color: #373737; font-size: 11pt; line-height: 1.7em }
p.signup a {
text-decoration: underline; color: #112132 }
p.signup a:hover {
text-decoration: none }



/*** banner ***/

#banner {
width: 998px; margin: 0 auto; position: relative; height: 186px; min-height: 186px; background: url('header.jpg') repeat-x top left; border-right: 2px solid #fff; border-left: 2px solid #FFF }
#logo {
float: left; width: 376px; position: absolute; top: 3.4em; left: 3.2em }
#logo h1 {
display: block; height: 86px }
#logo h1 a {
display: block; width: 358px; float: left; height: 83px; padding-top: 0.7em; padding-left: 1.3em; text-indent: -2000em }
#logo img {
float: left }
#logo a img {
outline: none; border: none ! important }


/*** clear float ***/

div.clear {
clear: both; display: block }
.clearfix {
clear: both; display: inline-block }
.cleafix:after {
content: '.'; height: 0; visibility: hidden; clear: both; display: block }

/**** wrapper ****/


#container {
width: 998px; margin: 0 auto; position: relative; margin-top: 0.8em; background: url('top_wrapper.png') no-repeat top left; display: block }
#wrapper {
position: relative; font-size: 90%; clear: both; display: block; overflow: hidden; margin: 2.5em 0; background: #FFF; float: left; width: 100% }
#holder {
background: url('bottom_wrapper.png') no-repeat bottom left; position: relative; float: left; width: 100% } 
#shadow {
background: url('shadow.gif') repeat-y center right; position: absolute; top: 0; left: 57%; width: 10px; height: 100%; z-index: 4 }

/**** Channel Select box *****/

#channelselect {
float: right; width: 22%; margin-right: 3pt; padding:4pt 6pt; font-family: Arial,Verdana,Sans-serif }
#channelselect form {
margin: 0; padding: 0; font-size: 9pt; line-height: normal }
#channelselect form label {
font-size: 10pt; font-weight: bold; display: block; text-align: left; padding: 5px 0; color: #e4e4e4 }
#channelselect form input {
vertical-align: middle; margin-left: 2pt }
#channelselect form select {
width: 132px; height: 23px; line-height: normal; float: left; margin-left: 4pt; font-family: Zawgyi-One; Zawgyi-One-embed }
#channelselect form option {
font-size: 9pt; padding-left: 3pt }
#channelselect a.gobutton {
text-decoration: none; color: #FFFFFF; float: left; margin-left: 2pt; font-weight: bold }
#channelselect a.gobutton span {
padding: 4px 13px; display: block; background: #2b2b2b }
#channelselect a.gobutton:hover span {
background: #434343 }
iframe {
margin: 0 ! important; padding: 0 ! important; background: none ! important; outline: none ! important }
#cnlist {
clear: both; margin-top: 3pt }
#vdolink {
float: left; width: 143px; overflow: hidden; height: auto; clear: both; font-size: 12pt }
#vdolink a {
color: #FFFFFF; text-decoration: none; display: block } 
#vdolink a span {
display: block; padding: 4pt 6pt; background: #036488 }
#vdolink a:hover span {
background: #007aa7 }


/*** Players ****/

ul#playermenu {
height: 58px; line-height: 58px; width: auto; margin: 0; padding: 0; list-style: none; padding-left: 1.3em; background: #353535 }
ul#playermenu li {
float: left; width: 164px; list-style: none; margin: 0 3pt; padding: 0 }
ul#playermenu li a {
display: block; float: none ! important; text-indent: -1000em; width: 128px }
ul#playermenu li.flash {
background: url('players.gif') no-repeat -336px 0 }
ul#playermenu li.media {
background: url('players.gif') no-repeat -4px 0 }
ul#playermenu li.real {
background: url('players.gif') no-repeat -651px 0 }
ul#playermenu li.winamp {
background: url('players.gif') no-repeat -512px 0; width: 127px }
ul#playermenu li.quicktime {
background: url('players.gif') no-repeat -169px 0 }


/*** Content ****/

#contentWrapper {
position: relative; float: left; width: 100% }
#content {
float: left; width: 723px; background: transparent url('bottomwrap.gif') no-repeat left bottom; padding-bottom: 1.3em; margin-top: 0.8em }
#rightSide {
float: left; position: relative; margin: 0 auto 0 6pt; width: 198px }


/*** Site info ***/

#infoholder {
background: url('topwrap.gif') no-repeat top left; width: 713px; position: relative; display: inline-block }
#topics {
margin: 1.5em 0 0; padding: 1.6em 2.4em; background: #FFF }
#topics p {
margin: 5pt 10pt; padding: 6pt 0 1.3em; text-align: left; text-indent: 0; letter-spacing: 0; font-size: 12pt; color: #888888 }
#topics h1 {
font-size: 14pt; color: #037b69 }
#topics p.line {
background: #FFF url('line.gif') no-repeat center bottom }

/**** Footer ****/

#footer {
margin: 1.3em 0 0.7em; clear: both; height: 57px; line-height: 100%; position: relative }
#footleft {
float: left; width: 19px; background: url('footer_left.gif') no-repeat top left; height: 54px }
#footright {
float: right; width: 19px; background: url('footer_right.gif') no-repeat top right; height: 54px }
#footcenter {
float: left; width: 960px; background: url('footer_repeat.gif') repeat-x center top; height: 54px; line-height: 54px; text-align: center }
#footcenter p {
color: #FFFFFF; display: inline }
#footer a {
text-decoration: underline; color: #FFF; padding: 0 3px }
#footer a:hover {
text-decoration: none }
#footer span#tc {
position: absolute; z-index: 7; width: 133px; top: 1.4em; left: 1.3em; height: 22px; line-height: 22px; display: none }
#footer p span.owner {
padding: 0 3px; color: #0000ff }
#footer p span.channel {
color: #d2d2d2 }


/*** Right side ***/

#stat-box {
background: transparent url('status_bg.png') no-repeat top left; width: 194px; margin: 1.4em auto 0.7em; position: relative; overflow: hidden; padding: 3pt 0 5pt }
#stat-box iframe {
overflow: hidden; height: auto; background: transparent; float: left }

/*** Link Category ***/

#category {
position: relative; margin: 1.3em auto 0.8em 3pt; padding: 0 0 9pt; font-family: Zawgyi-One; font-size: 12px; width: 193px }
#category .cat-title {
display: block; clear: both; background: url('side_title_angle.gif') no-repeat top left; padding-left: 8pt; overflow: hidden; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px }
#category .cat-title h2 {
font-size: 11pt; background: #039f83 url('dot.png') no-repeat 4pt 58%; margin: 0; padding: 0; line-height: 100% }
#category .cat-title h2 span {
display: block; padding: 10px 0 13px 13pt }


/*** navlink ***/

#navlink {
clear: both; margin: 0; padding-bottom: 8pt; background: transparent url('side_bottom_left.png') no-repeat bottom left; color: #1b1b1b }
#navlink .itembox {
background: #FFFFFF; position: relative }
#navlink ul {
margin: 0; padding: 4pt 3pt 3pt 8pt; list-style: none }
#navlink ul li {
list-style: none; margin: 0; padding: 0 0 0 13pt; line-height: 21pt; background: url('arrow.gif') no-repeat 2px 50% }
#navlink .itembox a {
color: #1b1b1b; text-decoration: none }
#navlink a:hover {
color: #037b69 }

/** Live Video Chat Box ***/

#videochat {
width: 553px; float: left; margin-right: 0.4em; padding: 10pt 0; position: relative; z-index: 3 }
#videochat p {
font-size: 12pt; margin: 0 20pt 4pt; color: #353535 }
#videochat p a {
color: #0dc2d2; text-decoration: underline }
#videochat p a:hover {
text-decoration: none }


/*** Fieldset ***/

#pageJump {
margin: 0.7em 0.6em 0.4em; padding: 4pt; position: relative; clear: both }
#pageJump fieldset {
margin: 0 auto; padding: 4px 0; width: 773px; height: auto; overflow: hidden; border: none }
#pageJump fieldset legend {
text-indent: -2000em }
#pageJump form {
margin: 0; padding: 0; font-size: 10pt }
#pageJump ul#controll {
list-style: none; margin: 0; padding: 0; height: 27px; width: auto }
#pageJump ul#controll li {
display: inline; padding: 0; list-style: none; height: 27px; line-height: 27px }
#pageJump a:hover {
text-decoration: underline }
#pageJump label {
color: #FFF; padding-right: 3px }
#pageJump form select {
vertical-align: middle; width: 118px }
#pageJump form input {
vertical-align: middle }
#pageJump ul#controll li.back {
margin: 0 17pt 0 3pt; width: 143px; padding-right: 13pt; padding-left: 8pt }
#pageJump ul#controll li.jump {
margin: 0 2pt 0 21pt }
#pageJump ul#controll li.button {
margin: 0 3pt 0 2pt }
#pageJump ul#controll li.go {
margin: 0 8pt 0 9pt; width: 238px; padding-left: 22pt }

/** gadget **/


#gadget {
float: right; width: 414px; margin-right: 4pt; margin-top: 0.8em; position: relative; z-index: 2 }
#gallery {
background: url('gal_bottom_wrap.gif') no-repeat bottom left; margin: 0 auto; padding: 3pt 0; width: 393px; position: relative }
#imageholder {
background: url('gal_top_wrap.gif') no-repeat top left }
#slideshow {
background: #01749a; clear: both; position: relative; margin: 1.3em 0 0.9em; padding-bottom: 8pt }
*html #slideshow {
display: inline-block }
#imageholder h3 {
text-align: center; font-size: 13pt; color: #FFF; margin: 2pt 7pt 5pt }
#slideshow .slide {
position: relative; padding: 4pt 3pt 0 6pt; overflow: hidden }
*html #slideshow .slide {
display: inline-block }
#slideshow .slide a {
float: left; margin: 0 3pt 0 1pt }
#slideshow .slide a img {
float: left; border: none; outline: none }
p#trigger {
clear: both; text-align: center; font-size: 11pt; margin: 0; padding: 0 }
p#trigger a {
margin-right: 0.9em; text-decoration: none; color: #FFF }
p#trigger a.prev {
padding: 2px 0 1px 1.3em; background: url('previous.png') no-repeat 0 63% }
p#trigger a.next {
padding: 2px 1.3em 1px 0; background: url('next.png') no-repeat 100% 63% }
#slideshow a img {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75 }
#slideshow a:hover img {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1 }

/** Channel box **/

#chbox {
clear: both; position: relative; margin: 0.8em 1.2em }
#chbox h4 {
text-align: center; font-size: 12pt; color: #0dc2d2; margin: 2pt 0 5pt }
#chbox .linkbox {
padding: 3pt 2pt; position: relative; overflow: hidden }
#chbox .linkbox a {
float: left; margin: 0 3pt 0 6pt }
#chbox .linkbox a img {
float: left; border: none; outline: none }

/*** Mediaspace Text ***/

#mediaspace h2, #second_mediaspace h2 {
border-top: 1px solid #373737; border-bottom: 1px solid #373737; padding: 2px 0; font-size: 14pt }
#mediaspace h2 span, #second_mediaspace h2 span {
display: block; background: #068c82; color: #353535; padding-left: 1.6em }
#mediaspace, #second_mediaspace a {
text-decoration: underline ! important; color: #0dc2d2 ! important }
#mediaspace, #second_mediaspace a:hover {
text-decoration: none }

/*** Webcam Button ***/

h1#webcam {
font-size: 12pt; font-weight: normal; float: left; width: 167px; padding-left: 66px; clear: both; line-height: 66px; background: url('video.png') no-repeat 0 50%; margin-left: 1.3em; margin-top: 0.7em }
h1#webcam a {
color: #049099; text-decoration: none }
h1#webcam a:hover {
color: #03bcc8 }

/*** getLink ***/

#getLink {
position: relative; overflow: hidden; margni: 0.6em 1.3em 0 }
#getLink span.logo {
float: left; width: 134px; padding: 6px 3px 3px 6px }
#getLink span.logo img {
float: left; outline: none; border: none }
#getLink span.hook {
float: left; margin-left: 3pt; width: 314px }
#getLink span.hook label {
font-weight: bold; display: block; clear: both; margin-bottom: 3px; font-size: 10pt ! important }
#getLink span.hook input#copyLink {
height: 22px; border: 2px solid #a6a6a6; line-height: normal; width: 207px }
#getLink span.hook input#copyLink:hover {
border-color: #696969 }


/**** Fast News Block ****/

#fast_news_block {
position: relative; display: block; margin: 1.2em 0.8em; height: 164px; min-height: 153px; overflow: auto; border: 1px solid #9a9a9a }
#fast_news_block ul {
padding: 0.6em 1.3em ! important; list-style: none }
#fast_news_block ul li h3 {
color: #03508a }
#fast_news_block ul#phpFastNews li {
color: #b77a04 ! important }
#fast_news_block ul li i {
color: #ab1101 }
#fast_news_block ul a {
color: #0192ce; text-decoration: none }
#fast_news_block ul a:hover {
color: #11b5fa }
#fast_news_block p#news {
clear: both; display: block; line-height: 1.5em; font-family: Zawgyi-One; font-size: 12pt; font-weight: normal; margin: 2em 1.2em; color: #7f7202 }

/**** Clock ***/

#clock-box {
clear: both; overflow: hidden; margin: 1.2em 0.7em }
.clock {
clear: both; display: block; overflow: hidden; padding: 3px; line-height: 100% }
#clock-box .clock span.timezone {
padding: 0 4px; font-weight: bold; color: #06b4c9; vertical-align: bottom; float: left; width: 121px }
#clock-box .clock iframe {
float: left; vertical-align: middle }


/****** Widgets ******/

#widgets {
clear: both; display: block; overflow: hidden; margin: 0.6em 0.4em 1.3em }
#map {
float: right; width: 263px; margin-right: 0.7em }
#counter {
float: left; width: 237px; margin-left: 0.8em }