@charset "utf-8";
/* CSS Document */

/**** Main Tags *************************************************************/

*{ margin:0px; padding:0px; border:0px }

body{ text-align:right;  font-family:Tahoma; font-size:11px; background:#dde0da url(../Images/Design/radio_body_tex.gif) repeat-x }

p{ float:right; width:100%; text-align:justify; font-family:Tahoma; font-size:11px; color:#142c00; display:inline }

a{ text-decoration:none; font-family:Arial; font-weight:bold; font-size:13px; color:#2f2b1f }

a:hover{ text-decoration:underline }

a:focus{ outline:none }

img{ border:0px; display:block }

/**** End Main Tags *************************************************************/


/**** Main Class *************************************************************/

.clear{ clear:both }

.right{ float:right }

.left{ float:left }

.imgPosition{ position:relative; float:left; left:10px; margin-top:15px }

.arrow{ position:absolute; right:0px; top:6px; width:7px; height:7px; background:url(../Images/Design/Arrow_.gif) no-repeat }

.arrow1{position:relative; right:0px; top:5px; width:4px; height:7px; background:url(../Images/Design/Arrow_.gif) no-repeat }

.arrow_JS{ float:right; margin-right:2px; margin-top:5px; display:inline; width:4px; height:7px; background:url(../Images/Design/Arrow_.gif) no-repeat }

.arrowNews{ float:right; margin-top:6px; display:inline; width:3px; height:5px; background:url(../Images/Design/ArrowNews.gif) no-repeat }

.dropList{ float:right; width:100%; height:18px; text-align:center; font-family:Tahoma; font-size:11px; background:#efe6b7; border:#e5ce86 1px solid }

.TextBox{ width:330px; height:16px; padding-top:2px; border:#c9ccd3 1px solid; text-indent:2px; font-family:tahoma; font-size:11px }

.TextBox_2{ width:120px; height:16px; padding-top:2px; border:#c9ccd3 1px solid; text-indent:2px; font-family:tahoma; font-size:11px }

.TextArea{ width:330px; height:150px; padding-top:2px; border:#c9ccd3 1px solid; text-indent:2px; font-family:tahoma; font-size:11px }

.TextArea_2{ width:367px; height:150px; padding-top:2px; border:#c9ccd3 1px solid; text-indent:2px; font-family:tahoma; font-size:11px }

.topLine{ float:left; width:100%; height:22px; background:#d5dae1 }

.pragraphBorder{ float:left; padding-right:5px; text-align:right; width:206px; color:#00024e; border-left:#dde8f5 1px solid; border-right:#dde8f5 1px solid }

/**** End Main Class *************************************************************/


/**** Main *************************************************************/

div#main{ position:relative; margin:0px auto; width:782px; height:auto; direction:rtl; border-left:#9ea797 1px solid; border-right:#9ea797 1px solid; background:#f1f1f1 }

/**** End Main *************************************************************/


/**** Header *************************************************************/

#header{ position:relative; float:left; width:782px; height:227px }

#headerLeft{ float:left; width:2px; height:225px; background:url(../Images/Design/HeaderLeft.gif) repeat-y }

#headerRight{ float:right; width:2px; height:226px; background:url(../Images/Design/HeaderRight.gif) repeat-y }

#headerMainLink{ float:left; height:54px }

#headerMainLink ul{ float:left }

#headerMainLink ul li{ float:left; list-style:none; display:inline }

#logo{ position:absolute; right:20px; top:67px; width:708px }

/**** End Header *************************************************************/

/**** List Links *************************************************************/

div#listLinks{ position:relative; float:left; width:782px; height:37px }

#listLinks ul{ float:right; width:782px }

#listLinks ul li{ float:right; list-style:none; display:inline }

#underLineLinks{ position:relative; float:left; width:782px; height:13px; text-align:right; background:url(../Images/Design/2LineUnderLinks.gif) repeat-x }

/**** End List Links *************************************************************/


/**** Banner *************************************************************/

#bnr{ float:left; margin-right:2px; display:inline; width:779px; height:40px; background:url(../Images/Design/BannerBg.gif) repeat-x } 

.searchTextBox{ background:url(../Images/Design/SearchTextBoxBg.gif) repeat-x; width:180px; height:18px; padding-top:2px; border:#7c9ebf 1px solid; text-indent:2px; font-family:tahoma; font-size:11px }

div#bar{ display:inline; float:right; margin-right:2px; left:2px; width:779px; height:40px; background:url(../Images/Design/5Bg.gif) repeat-x}

.barRight{ float:right; width:22px; height:40px; background:url(../Images/Design/5Right.gif) no-repeat }

.barleft{ float:left; width:6px; height:40px; background:url(../Images/Design/5left.gif) no-repeat }

.barPhone{ float:right; width:188px; height:40px; background:url(../Images/Design/5Logo.gif) no-repeat }

.barTime{ position:relative; float:right; width:295px; height:40px; background:url(../Images/Design/5Time.gif) no-repeat right }

.barTime p{ float:left; width:185px; height:15px; margin-top:15px; overflow:hidden }

.barSearch{ float:right; width:190px; height:20px; margin-top:10px }

.barSearchBott{ float:right; width:60px; height:20px; margin-top:12px }

/**** End Banner *************************************************************/



/**** Contents *************************************************************/

div#content{ position:relative; float:left; left:2px; width:778px; height:auto; background:#93adbd }

div#rightContent{ position:relative; float:right; margin-top:20px; width:233px; height:auto }

#liveWrap{ float:left; width:221px; height:auto; padding-bottom:10px }

#live{ float:left; width:221px; height:90px }

#liveBg{ float:left; width:221px; height:51px; background:url(../Images/Design/LiveBg.gif) repeat-x }

.liveKHz{ float:left; display:inline; margin-top:3px; margin-left:1px; width:62px; height:16px; overflow:hidden; background:url(../Images/Design/LiveKHz.gif) no-repeat }

.textLive{ float:right; margin-right:3px; margin-top:4px; display:inline; font-family:Arial; font-size:12px; font-weight:bold; color:#ccddf6 }

#liveBg2{ float:left; width:221px; height:36px; background:url(../Images/Design/LiveBg2.gif) repeat-x }

#progamsDayWrap{ position:relative; display:inline; float:left; margin-top:5px; margin-left:2px; width:218px; height:auto; background:url(../Images/Design/ProgramsDayBg.gif) repeat-y }

#progamsDayScroll{ position:relative; float:left; width:218px; height:616px; overflow-x:hidden; overflow-y:scroll }

.programWrap{ position:relative; float:left; width:190px; height:auto; padding-top:5px }

.arrowPro{ position:absolute; right:0px; top:13px; width:3px; height:5px; background:url(../Images/Design/Arrow.gif) no-repeat  }

.programTime{ float:right; padding-top:3px; text-align:left; overflow:hidden; width:34px; height:12px; color:#ebad29 }

.programName{ float:left; padding-top:2px; display:inline; width:150px; height:auto; color:#ffffff } 

#programsFooter{ position:relative; float:left; width:218px; height:9px; background:url(../Images/Design/BlockFooter.gif) repeat-x }





div#leftContent{ position:relative; float:left; left:3px; margin-top:16px; width:535px; height:auto; background:#e7ebf7 url(../Images/Design/LeftContentBgTop.gif) repeat-x top }

div.pathWrap{ float:left; margin-top:15px; width:516px; height:22px; overflow:hidden; background:#ccd3db }

div.pathWrap a{ margin-top:3px; font-family:Arial; font-size:13px; font-weight:bold; color:#00024e }

.pathText{ float:right; width:500px; height:16px; margin-top:2px; overflow:hidden; color:#00024e }

div.blockLeft{position:relative; float:left; left:8px; margin-top:5px; margin-bottom:5px; padding-bottom:9px; width:518px; height:auto; background:url(../Images/Design/BlockFooter.gif) repeat-x bottom }

div.innerBlock{ float:left; width:518px; height:24px; background:url(../Images/Design/InnerBg.gif) repeat-x }

div.innerLight{ float:right; width:480px; height:24px; text-align:right; background:url(../Images/Design/InnerLight.gif) no-repeat top }

.innerText{ float:right; display:inline; margin-top:3px; margin-right:5px; font-family:Arial; font-size:14px; font-weight:bold; color:#ffe9c5 }

.innerText a{ margin-top:3px; font-family:Arial; font-size:13px; font-weight:bold; color:#f9e9c7 }

div.blockContent{ position:relative; float:left; width:516px; height:auto; background:#e7ebf7; border-left:#93a2bd 1px solid; border-right:#93a2bd 1px solid }

div.blockContent a{ cursor:pointer }

#pollWrap{ position:relative; float:left; width:225px; height:auto; padding-bottom:9px; background:url(../Images/Design/BlockFooter.gif) repeat-x bottom }

#pollTitle{ float:left; width:100%; height:29px; background:url(../Images/Design/PollTopBg.gif) repeat-x bottom }

#pollContent{ float:left; width:223px; height:auto; border-left:#5e7a98 1px solid; border-right:#5e7a98 1px solid; background:#b2bdca url(../Images/Design/BlockBgContentd.gif) repeat-x }

.VMQues{ float:left; margin-left:4px; width:213px; display:inline; line-height:18px; height:auto; color:#00024e; border-left:#c1cbd6 1px solid; border-right:#c1cbd6 1px solid; background:#b5ac81 url(../Images/Design/PollQuesBg.gif) repeat-x }

#pollWizard{ float:left; display:inline; margin-left:30px; margin-top:10px; width:36px; height:87px }

#pollOption{ float:right; display:inline; margin-top:10px; padding-right:10px; width:140px; height:auto; font-size:12px; color:#00024e }

#pollResultSpan{ float:left; width:72px; height:20px; margin-top:3px; background:url(../Images/Design/PollArrow.gif) no-repeat right }

#pollResultSpan a{ text-decoration:none; font-family:Tahoma; font-weight:normal; font-size:11px; color:#001abb }

#pollResultSpan a:hover{ text-decoration:underline }





#mailMenuWrap{ position:relative; float:left; margin-top:6px; padding-bottom:9px; background:url(../Images/Design/BlockFooter.gif) repeat-x bottom; display:inline; width:225px; height:155px }

#mailTitle{ float:left; width:100%; height:29px; background:url(../Images/Design/ServicesTabsBg.gif) repeat-x }

#mailTitle a{ cursor:pointer } 

#serviceCoBorder{ float:left; width:223px; height:126px; border-left:#5e7a98 1px solid; border-right:#5e7a98 1px solid }

#mailContent{ float:left; width:221px; height:126px; background:url(../Images/Design/ServicesTabsContentBg.gif) repeat-x; border-left:#cdd9e2 1px solid; border-right:#cdd9e2 1px solid }


#tab_5{ float:right; width:100%; height:126px; display:block }

#tab_6{ float:right; width:100%; height:126px; display:none }

.serviceBorder{ float:left; width:100%; height:54px; background:url(../Images/Design/ServicesTabBorder.gif) repeat-x bottom }

.serviceBorder a{ font-family:Tahoma; font-size:11px; font-weight:normal; color:#00024e }

.socialBorder{ float:left; width:100%; height:60px; background:url(../Images/Design/ServicesTabBorder.gif) repeat-x bottom }

.serviceText{ float:right; display:inline; width:115px; height:15px; margin-top:4px; margin-right:5px; font-family:Arial; font-weight:bold; font-size:12px; background:url(../Images/Design/ServicesTabsArrow.gif) no-repeat right top }


.mailTextBox{ background:url(../Images/Design/MailTextBoxBg.gif) repeat-x; width:200px; height:16px; padding-top:2px; border:#cabf8f 1px solid; text-indent:2px; font-family:tahoma; font-size:11px }
 
.BlockFooter{ float:left; width:225px; height:9px; background:url(../Images/Design/BlockFooter.gif) repeat-x }








#programsWrap{ display:inline; float:right; margin-right:10px; margin-top:33px; width:255px; height:auto }

#textUnderTitlePros{ position:relative; float:left; width:250px; height:15px }

.picTimePrograms{ float:left; text-align:center; width:255px; height:110px }





#tabMenuWrap{ float:left; display:inline; margin-left:10px; margin-top:10px; width:510px; height:auto }

#tabList{ float:left; width:510px; height:32px; background:url(../Images/Design/3TabMenuBg.gif) repeat-x }

#tabContent{ float:left; width:508px; height:284px; background:url(../Images/Design/NewsDecoContentBg.gif) repeat-x;border-left:#95a3be 1px solid; 
border-right:#95a3be 1px solid; overflow-x:hidden; overflow-y:scroll; padding-bottom:5px }

#tab_1{ float:right; width:100%; height:auto; display:block }

#tab_2{ float:right; width:100%; height:auto; display:none }

#tab_3{ float:right; width:100%; height:auto; display:none }

#tab_4{ float:right; width:100%; height:auto; display:none }

.rowNewsDotted{ display:inline; float:right; margin-right:10px; margin-top:10px; width:480px; height:auto; padding-bottom:5px; 
background:url(../Images/Design/BorderDotted.gif) repeat-x bottom }

.titleNews{ float:left; width:470px; height:auto }

.disNews{ float:right; margin-top:5px; width:96%; height:auto; text-align:justify; line-height:16px}

.disNews img{ float:right; width:65px; display:inline; margin-left:10px; border:#bcc2c9 1px solid }

/**** End Contents *************************************************************/



/**** Form *************************************************************/

.form{ position:relative; float:left; margin-top:10px; width:100%; height:auto }

/**** End Form *************************************************************/





/**** Proram Of Week *************************************************************/


div#programWeek{ position:relative; float:right; right:5px; padding-bottom:5px; width:500px; height:auto }

div#programWeekText{ position:relative; float:right; margin-top:10px; width:100%; height:auto; line-height:17px; text-align:justify }

/*div#programWeekText p{ text-indent:10px; padding-bottom:10px }*/

.title{ position:relative; float:right; width:100%; height:auto }

.title .titleText{ float:left; width:97%; font-family:Arial; font-size:14px; font-weight:bold; color:#00024e }

div#tableProgram{ float:left; display:inline; margin-right:5px; margin-top:10px; width:195px; height:auto }

div#tableProgramBorther{ float:left; margin-top:5px; width:193px; height:auto; border:#8f9eba 1px solid; text-align:right; color:#00024e }

.tableRow_1{ float:right; width:193px; border-bottom:#8f9eba 1px solid; background:#e7ebf7}

.tableRow_2{ float:right; width:193px; border-bottom:#8f9eba 1px solid; background:#dfe4f2 }

.tableAddress{ float:right; width:75px; padding:3px 2px 3px 0px }

.tablePro{ float:right; width:112px; border-right:#8f9eba 1px solid; padding:3px 2px 3px 0px }

div#oldClass{ position:relative; float:left; margin-top:10px; width:516px; height:auto }

#topLineOldClass{ float:left; width:100%; height:33px; background:url(../Images/Design/OldClassLine.gif) repeat-x }

.oldClassRow_1{ float:right; width:516px; height:auto; background:url(../Images/Design/oldClassRow_1Bg.gif) repeat-y }

.oldClassRow_2{ float:right; width:516px; height:auto; background:url(../Images/Design/oldClassRow_2Bg.gif) repeat-y }

.oldClassLink{ position:relative; float:right; margin-right:0px; padding-bottom:5px; padding-left:1px; width:245px; height:auto; padding-top:5px ; padding-right:10px; border-right:#878e9d 1px dashed; border-bottom:#8a909f 1px solid }
.oldClassLink2{ position:relative; float:right; margin-right:0px; padding-bottom:5px; padding-left:1px; width:245px; height:auto; padding-top:5px ; padding-right:10px; }

/**** End Proram Of Week *************************************************************/




/**** Article *************************************************************/

div.article{ position:relative; float:left; left:8px; margin-top:10px; padding-bottom:10px; width:495px; height:auto; line-height:16px }

div.article img{ position:relative; margin:0px auto; padding:5px; background:#fff; border:#b9bcc4 1px solid }

/**** End Article *************************************************************/



/**** Rows *************************************************************/

.Row_1{ float:right; width:100%; height:auto; background:#e7ebf7 }

.Row_2{ float:right; width:100%; height:auto; background:#dfe4f2 }

.Row_Border_1{ float:right; width:100%; height:auto; border-bottom:#8a909f 1px solid; background:#e7ebf7 }

.Row_Border_2{ float:right; width:100%; height:auto; border-bottom:#8a909f 1px solid; background:#dfe4f2 }

.Row_BorderTop_1{ float:right; width:100%; height:auto; border-top:#8a909f 1px solid; background:#e7ebf7 }

.Row_BorderTop_2{ float:right; width:100%; height:auto; border-top:#8a909f 1px solid; background:#dfe4f2 }

.RowText{position:relative; float:right; margin-right:3px; padding-bottom:5px; padding-left:1px; width:90%; height:auto; margin-top:5px; }

/**** End Rows *************************************************************/



/**** Thani *************************************************************/

div.thani{ position:relative; float:left; border-bottom:#a27424 5px solid; width:100%; height:auto; display:inline }

div#addThani{ position:relative; float:left; margin-top:10px; width:100%; height:auto; display:none }

/**** End Thani *************************************************************/



/**** Guest Book *************************************************************/

div.guestBook{ position:relative; float:left; border-bottom:#8a909f 5px solid; width:100%; height:auto; display:inline }
div#addGuestBook{ position:relative; float:left; margin-top:10px; width:100%; height:auto; display:none }

/**** End Guest Book *************************************************************/
/**** Voting Page *************************************************************/

.voting_answer{ float:right; width:100%; height:20px; font-weight:bold }

.voting_lineleft{
float:right; width:3px; height:11px; background:url(../Images/Design/poll_line_left.gif) no-repeat
}

.voting_lineright{
float:right; width:2px; height:11px; background:url(../Images/Design/poll_line_right.gif) no-repeat
} 

.voting_linebg{
float:right; width:auto; height:11px; background:url(../Images/Design/poll_line_bg.gif) repeat-x
}

.voting_lineleft2{
float:right; width:3px; height:11px; background:url(../Images/Design/poll_line_left2.gif) no-repeat
}

.voting_lineright2{
float:right; width:2px; height:11px; background:url(../Images/Design/poll_line_right2.gif) no-repeat
} 

.voting_linebg2{
float:right; width:auto; height:11px; background:url(../Images/Design/poll_line_bg2.gif) repeat-x
}

.voting_lineleft3{
float:right; width:3px; height:11px; background:url(../Images/Design/poll_line_left3.gif) no-repeat
}

.voting_lineright3{
float:right; width:2px; height:11px; background:url(../Images/Design/poll_line_right3.gif) no-repeat
} 

.voting_linebg3{
float:right; width:auto; height:11px; background:url(../Images/Design/poll_line_bg3.gif) repeat-x
}

/**** End Voting Page *************************************************************/




/**** Men Nahn *************************************************************/

.MenNahan{ position:relative; float:left; width:100%; height:auto; padding-top:10px; line-height:20px }

.MenNahan img{ float:right; border:#b9bcc4 1px solid; margin:0px 0px 0px 10px }

/**** End Men Nahn *************************************************************/



/**** Cell *************************************************************/

.cellText{ float:left; margin-top:2px; width:92%; font-family:Arial; font-size:14px; font-weight:bold; color:#00024e }

.cellViewText{ float:left; margin-top:2px; width:400px; height:14px; overflow:hidden }

.cell_1{ position:relative; float:right; margin-right:2px; display:inline; padding-bottom:4px; border-left:#8a909f 1px solid; width:110px; height:auto }

.cell_2{ position:relative; float:right; margin-right:5px; display:inline; border-left:#8a909f 1px solid; padding-top:3px; width:200px; height:19px; overflow:hidden }

.cell_3{ position:relative; float:right; margin-right:2px; display:inline; padding-bottom:4px; border-left:#8a909f 1px solid; width:70px; height:auto }

.cell_4{ position:relative; float:right; margin-right:5px; display:inline; padding-top:3px; width:100px; height:19px; overflow:hidden }

.cell_5{ position:relative; float:right; margin-right:2px; display:inline; padding-bottom:4px; width:110px; height:auto }

.cell_6{ position:relative; float:right; padding-top:3px; padding-right:3px; border-right:#8a909f 1px solid; width:390px; height:auto; line-height:18px }

.cellOfForm{ float:right; margin-right:2px; display:inline; padding-bottom:4px; width:110px; height:auto }

.cell_{ position:relative; float:right; display:inline; padding-bottom:4px; padding-top:8px; text-align:center; border-left:#93a2bd 1px solid; width:100%; height:22px }

.cell_ img{ width:18px; height:18px }

.cell_title{ float:right; font-family:Arial; font-size:16px; font-weight:bold; display:inline; padding-bottom:4px; padding-top:8px; text-align:center; border-left:#93a2bd 1px solid; width:100%; height:22px }

.cell_width{ position:relative; float:right; display:inline; width:128px; height:30px }

.cell_width_2{ position:relative; float:right; display:inline; width:170px; height:30px }

.cell_width_3{ position:relative; float:right; display:inline; width:85px; height:30px }

/**** End Cell *************************************************************/



/**** News *************************************************************/

.picNews{ float:right; margin-top:5px; width:80px; height:auto; border:#8a3e0d 1px solid }

.picNews img{ width:80px; height:auto }

.newsResources{ float:left; margin-top:5px; width:99%; height:auto }

.newsResources p{ float:none; width:auto; height:auto }

.newsIntro{ float:left; margin-top:5px; text-align:right; width:420px; height:auto } 

/**** End News *************************************************************/



/**** Weather *************************************************************/

div#weather{ position:relative; float:left; width:100%; height:auto }


/**** End Weather *************************************************************/





/**** City Code *************************************************************/

div#citesCode{ position:relative; float:left; width:100%; height:auto }


/**** End City Code *************************************************************/




/**** Air Line *************************************************************/

div#airLine{ position:relative; float:left; width:100%; height:auto }


/**** End Air Line *************************************************************/



/**** News_Archive *************************************************************/

div#NewsArchive{ position:relative; float:left; width:100%; height:auto }

.radioArchive{ position:relative; float:left; width:516px; height:auto }

.topLineradioArchive{ float:left; width:100%; height:33px; background:url(../Images/Design/OldClassLine.gif) repeat-x }

.partName{ float:right; margin-top:10px; margin-right:8px; width:320px; height:15px; font-family:Arial; font-size:15px; font-weight:bold; color:#00024e }

/**** End News_Archive *************************************************************/




/**** Footer *************************************************************/

#footer{ position:relative; float:left; left:2px; width:778px; height:76px; background:url(../Images/Design/FooterBg.gif) repeat-x }

#footerLeft{ float:left; width:222px; height:76px; background:url(../Images/Design/FooterBg2.gif) repeat-x }

#footerLeft a{ font-family:Tahoma; font-size:11px; font-weight:normal; color:#f8eec7 }

#footerRight{ float:right; margin-top:50px; margin-right:15px; display:inline; line-height:20px; width:100px; height:22px }

#footerRight a{ font-family:Tahoma; font-size:11px; font-weight:normal; color:#142c00 }

#footerRight a:hover{ color:#f8eec7 }

/**** End Footer *************************************************************/