@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) }
@font-face { 
font-family: Zawgyi2; font-style:  normal; font-weight: normal; src: url('ZAWGYIO2'.eot) }
html {
background: url('main_bg.gif') repeat-x top left; margin: 0; padding: 0 }
body{background: url('footer.gif') repeat-x bottom left;margin:13px 0 0; font-size: 10pt; font-family: Helvetica, Arial, Verdana, Sans-serif }
table{margin:0;padding:0;background:#FFFFFF}
table#main {margin-bottom: 8pt }
table td img {
margin: 4pt 0; border: none }
td.center{padding-left:10px;padding-right:10px}
table#background{background:#FFFFFF url('repeat-bg.gif') repeat-y 0 0; margin-top: 6pt }
img.header{margin-top:4px}
td#playertext{background: #838383 url('player_bg.gif') repeat-x top left; }
td#footertext{font-family: arial;font-size: 14px;color:#ffffff}
td#footertext a{color:#f4e5a6;text-decoration:underline;}
td#footertext a:hover{text-decoration:none;}
table#footer a img { vertical-align: bottom; margin: 0; border: none; outline: none ! important }
div#white{color: white}
div#white a{color:#f2df93;text-decoration: underline;}
div#white a:hover{text-decoration: none;}
#helpdesk {
border: 1px solid #887301; font-size: 13pt; height: 34px; line-height: 34px; background: #5f5102 url('helpdesk.gif') no-repeat 7% 65%; width: 167px }
#helpdesk a {
text-decoration: none; display: block; padding-left: 58px; height: 30px; line-height: 36px; color: #FFFFFF }
table a {
color: #0736d0; text-decoration: underline }

/**** Footer ****/

#footer {
margin: 8pt auto 4pt 11pt; width: 705px; position: relative; color: #373737; background: #505050 url('footer_bg.gif') no-repeat bottom left; line-height: 100%; padding: 13px 0 8px 0; clear: both; display: block }
#footer p {
display: inline; color: #373737; font-size: 11pt; margin-left: 22px }
#footer a {
color: #ffffff; text-decoration: underline }

/*** Video and Photo Album Link control ***/

#vdogallery {
height: 22px; line-height: 26px; overflow: hidden; position: absolute; bottom: 3pt; left: 0; float: left; font-size: 13pt; width: 263px; margin-left: 8pt }
#vdogallery span.gallink {
float: left; width: auto; padding: 2px 4px }
#vdogallery a {
text-decoration: none; color: #FFFFFF }
#vdogallery a:hover {
color: #E2E2E2 }



/*** banner ***/

#banner {
min-height: 117px; height: 117px; background: #999 url('banner.gif') no-repeat bottom left; position: relative }
#banner h1#logo {
width: 286px; height: 102px; overflow: hidden; font-size: 15pt; position: absolute; top: 8pt; left: 9px; margin: 0; padding: 0 }
#banner h1#logo a {
display: block; text-decoration: none; overflow: hidden; height: 96px; padding: 4px; text-indent: -2000em }
address#address {
height: 49px; width: 264px; position: absolute; float: right; bottom: 2pt; right: 0; padding: 0 3px 0 6px; font-size: 12px; overflow: hidden }
address#address span {
display: block; padding-left: 54px; overflow: hidden }
address#address span label {
float: left; width: 44px; margin-left: -48px; text-align: right }
.white {
color: white }
.normal {
font-style: normal; font-weight: normal }
address a {
text-decoration: underline; color: #FFFFFF }
address a:hover {
text-decoration: underline; color: #EEEEEE }


/*** Controller **/

#controller {
float: right; width: 243px; border-bottom: 1px solid #b6ae02; border-left: 1px solid #6e6101; height: auto; position: relative; margin-top: 3px }
#controller ul {
list-style: none; height: 32px; line-height: 32px; width: auto; overflow: hidden; margin: 0; padding: 0; border-bottom: 1px solid #6e6101; border-left: 1px solid #b6ae02 }
#controller ul li {
float: left; display: block; list-style: none; margin: 0 3pt 0 12pt }
#controller a {
color: #FFFFFF; text-decoration: underline }



/*** Player Container ***/

#container { margin-top: 3.9em; max-height: 71px; height: auto ! important; float: left; width: 446px; vertical-align: middle; text-align: center }
table td.header { border-style: solid none; border-width: 4px; border-color: #999999; padding: 0; height: 146px }
table td.header img { float: left; border: none; outline: none; margin: 0 }
#playerbox {
background: #353535 ! important }

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

#channelselect {
float: right; width: 234px; 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 }
#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 }


/*** Left menu box ***/

#download {
padding: 3px 2px 5px; background: #000000; font-family: Arial,Helvetica,Verdana,Sans-serif; font-size: 10pt }
.title {
padding: 4px; background: #4f4f4f; color: #FFFFFF; font-weight: bold }
.lbox {
padding: 3px 7px; background: #EEE }
.lbox .ditem {
display: block; clear: both }

/** Slideshow image background ***/

table#center {
background: url('center.gif') no-repeat center bottom; padding: 6pt 0; height: 100% }
table#center div.slide {
background: url('slide.gif') no-repeat center top; margin: 4pt 0 3pt; padding-top: 42pt }

/*Web Cam*/

h1#webcam {
font-size: 12pt; font-weight: normal; float: left; width: 173px; padding: 3px 6px 3px 8px; clear: both; line-height: 66px; background: url('video.png') no-repeat 0 50%; margin-left: 1.3em; margin: 0 }
h1#webcam a {
color: #474747; text-decoration: none; display: block; overflow: hidden; text-indent: -2000em }
h1#webcam a:hover {
color: #2e2d2d }

/*** getLink ***/

#getLink {
float: left; width: 173px; margin-left: 1.3em }
#getLink span {
display: block }
#getLink span.hook {
margin-top: 2pt }
#getLink span.hook label {
font-weight: bold; display: block; clear: both; margin-bottom: 3px; font-size: 10pt ! important }
#getLink span.hook input#copyLink {
height: 18px; border: 1px solid #999; line-height: normal; font-size: 90% }

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

#fast_news_block {
position: relative; display: block; margin: 1.2em 0.8em; height: 164px; min-height: 153px; overflow: auto }
#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 li textarea {
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: 0.4em }
.clock {
clear: both; display: block; overflow: hidden; padding: 3px; line-height: 100%; font-size: 10pt }
#clock-box .clock span.timezone {
padding: 4px; font-weight: bold; color: #e50000; text-align:center; display: block }
#clock-box .clock iframe {
vertical-align: middle }