/* style of page ------------------------------------------------------------------------------------*/
body, #HtmlForm1,#Form1, .clsAllBody
{
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
body
{
	background: url(images/poetextb.gif);
}
.clsElementTopMost
{
	text-align:-moz-center;
}
body table{
	font-size: 9pt;
	text-align: left;
}
body div
{
	font-size: 9pt;
	text-align: left;
}
/*Main Link*/
a{				
	color:#003399;
	text-decoration: none;
}
a:hover{
	color:#F7931D;
	text-decoration: underline;
}
a.img{
	text-decoration: none;
}
.nohover{
	text-decoration: none;
}
/* Form Elements */
.btn_face
{
	font-weight: bold;
	font-size: 12px;
	background: url(images/bg_btn.gif);
	width: 72px;
	cursor: pointer;
	color: #ffffff;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 25px;
	border-bottom-style: none;
}
.txt_require{		/*TXT of require star*/
	color:#FF0000;
	text-align:left;
	padding-left:0px;
}
/* style for footer --------------------------------------------------------------------------------------------------------*/
.footer
{
	clear: both;
	background-color: white;
}
.footer_blue
{
	padding-right: 0px;
	padding-left: 0px;
	background: #01aef0;
	padding-bottom: 8px;
	color: #fff;
	padding-top: 10px;
	border-bottom: #fff 1px dashed;
	text-align: center;
}
.footer_gray
{
	padding-right: 0px;
	padding-left: 0px;
	background: #939598;
	padding-bottom: 17px;
	color: #fff;
	padding-top: 10px;
	text-align: center;
}
.footer_gray a
{
	color: #fff;
	text-decoration: underline;
}
.footer_gray a:hover
{
	color: #ff9900;
	text-decoration: underline;
}
.copyright
{
	padding-top: 12px;
}
/*style for text --------------------------------------------------------------------------------------------------*/
.txt_title1{font-size:12px; font-weight:bold; color:#00aeef}
.txt_title2{font-size:16px; font-weight:bold; color:#00aeef}
.txt_title3{font-size:20px; font-weight:bold; color:#ff9900}
.txt_title4{font-size:13px; font-weight:bold; color:#ff9900}
.txt_title4 a{text-decoration:none}
.txt_title4 a:hover{text-decoration:underline; color:#555}
.txt_title5{font-size:17px; font-weight:bold; color:#ff9900}
.txt_title6{font-size:17px; font-weight:bold; color:#00aeff}
.txt_title6 a{color:#00aeff; text-decoration:underline}
.txt_title6 a:hover{color:#00aeff; text-decoration:underline}
.txt_title7{font-size:13px; font-weight:bold; color:#555555}
.MenuGroup, .TopMenuGroup
{
	border-right: #909090 2px solid;
	padding-right: 2px;
	border-top: #f0f0f0 2px solid;
	padding-left: 2px;
	z-index: 101;
	padding-bottom: 2px;
	border-left: #f0f0f0 2px solid;
	width: 100%;
	padding-top: 2px;
	border-bottom: #909090 2px solid;
	background-color: buttonface;
}
.MenuItem{
  padding: 2px 2px 2px 2px;  
  font-style: normal;
  font-weight: normal;
  color: #000000;
  width:100%;
}
.MenuItemOver
{
  padding: 2px 2px 2px 2px;  
  background-color: #000080;
  color: #ffffff;
  cursor:hand;
  width:100%;
}
.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
pre
{
	border-right: #dddddd 1px solid;
	padding-right: 10px;
	border-top: #dddddd 1px solid;
	padding-left: 10px;
	background: #eeeeee;
	padding-bottom: 10px;
	margin: 20px 10px 20px 20px;
	overflow: auto;
	border-left: #dddddd 1px solid;
	color: black;
	padding-top: 10px;
	border-bottom: #dddddd 1px solid;
}
code {
	background:		#eeeeee;
	border:			1px solid #dddddd;
	color:			black;
}
.warning , .msg_error {
	color:			red;
}
h2, h3, h4, h5, h6
{
}
.page_note
{
	padding-left: 15px;
	font-size: 8pt;
	color: dimgray;
	font-style: italic;
}
.txtBox, textarea
{
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
	padding-left: 2px;
	font-size: 12px;
	border-left: #7f9db9 1px solid;
	width: 160px;
	color: #222222;
	border-bottom: #7f9db9 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}
.top_menu
{
	font-weight: bold;
	color: white;
	height: 14px;
	background: url(images/top01.gif);
	text-align: right;
	width: 100%;
	padding: 1 2 1 2;
}
.top_menu td, .top_menu table, .menu_header
{
	font-weight: bold;
	color: white;
	height: 14px;
	text-align: right;
	width: auto;	
}
.hideTab
{
	display: none;
}
.unhideTab
{
	display:;
}
.openTab
{
	border-right: #048dd3 1px solid;
	padding-right: 5px;
	border-top: #048dd3 1px solid;
	padding-left: 5px;
	background: #00aeef;
	padding-bottom: 7px;
	border-left: #048dd3 1px solid;
	padding-top: 7px;
	border-bottom: #00aded 1px solid;
}
.closeTab
{
	border-right: #939393 1px solid;
	padding-right: 5px;
	border-top: #939393 1px solid;
	padding-left: 5px;
	background: #fff;
	padding-bottom: 7px;
	border-left: #939393 1px solid;
	padding-top: 7px;
	border-bottom: #048dd3 1px solid;
}
.clsHeaderLogo
{
	background: url(images/bg_banner.gif) ;
	padding-top: 0px;
	height: 96px;
}
.clsHeaderMenu tr, .clsHeaderMenu
{
	background: url(images/bg_date_time.gif);
	padding: 0px;
	text-align: right;
}
.txtSearchBox
{
	border-right: blue 1px solid;
	border-top: blue 1px solid;
	font-size: 8pt;
	border-left: blue 1px solid;
	border-bottom: blue 1px solid;
	height: 14px;
	width:100px;
}
.txtSearchBtn
{
	color: blue;
}
.clsFooter
{
	background: url(images/bg_date_time.gif) #193282;
	color: black;
	padding-top: 5px;
	height: 31px;
}
.small_black_text
{
	font-size: 9pt;
}
.clsBody
{
	padding-top: 0px;
}
table, .defaultTable, #Table1
{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
}
.clsHomeBody
{
	background-color: #FFFFFF;
	vertical-align:top;
}
.clsHomeLeft
{
	background-color: #F0F0F0;
	border-right: 1px dashed #CCC;
	vertical-align:top;
	width:161px;
	height:700px
}
.clsHomeRight
{
	background-color: #F0F0F0;
	border-left: 1px dashed #CCC;
	vertical-align:top;
	width:146px;
	height:700px
}
.clsNewsImages
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	width: 190px;
	border-bottom: 0px;
}
.clsReference
{
	font-size: 10px;
}
.clsWeatherImages
{
	border-right: 1px;
	border-top: 1px;
	border-left: 1px;
	width: 144px;
	border-bottom: 1px;
}
.clsImageProgramInHome
{
	border-right: 1px;
	border-top: 1px;
	border-left: 1px;
	width: 450px;
	border-bottom: 1px;
	border-color:#EED6A8;
}
select
{
	border: #7f9db9 1px solid;
	font-size: 1.1em;
	background: #f2f2f2;
	width: 160px;
}
option
{
	background: #f2f2f2;
	left: 0px;
	color: #000;
	position: relative;
}
.clsExchangeCol2
{
	display: none;
}
.clsExchangeCol1, .clsExchangeCol2, .clsExchangeCol3, .clsExchangeCol4, .clsExchangeCol5, .clsExchangeCol2
{
	font-size: 5pt;
}
.clsImageInNews
{
	cursor: hand;
	width:160px;
}
.clsExchangeTable
{
	border-right: 1px inset;
	border-top: 1px inset;
	font-size: 9pt;
	border-left: 1px inset;
	border-bottom: 1px inset;
	text-align: center;
}
.page_title, .clsExchangeTitle, .clsMenuToolTitle, .clsScenceTitle, .clsNewsTitle, .clsSpecProTitle
{
	padding: 4px 5px 5px 2px;
	display: block;
	font-weight: bold;
	font-size: 11pt;
	background: rgb(234,242,255);
	margin: 4px 6px 4px 2px;
	vertical-align: middle;
	width: 94%;
	color: orangered;
	border-bottom: rgb(120,172,255) 1px solid;	
}
.clsNewsTitle a
{
	color: orangered;
}
.clsExchangeLink
{
	font-size: 7pt;
	width: 100%;
	height: 23px;
	text-align: center;
}
.text_visiter{
	font-size: xx-small;
	text-align: center;
	vertical-align: bottom;
	display: block;
}
.clsNewsItems
{
	padding-left: 20px;
}
.clsNewsItems img
{
	url: 20px;
}
.clsCatProItems{padding-left: 20px;}
.clsProgramItems{padding-left: 40px;}
.row_header{border-color:Black}
.clsWelcomeTo
{
	font-weight: bold;
	font-size: 11px;
	color: #ff6600;
	font-variant: small-caps;
}
.clsCopyrightRight
{
	width: 20%;
	text-align: left;
}
.clsCopyrightLeft
{
	width: 60%;
	text-align:left;
}
.clsLeftMenuLink
{
	display: block;
	margin: 0px 0px 0px 13px;
	vertical-align: middle;
	cursor: hand;
	color: mediumblue;
	letter-spacing: 1px;
	text-align: left;
	width:100%;
}
.clsLeftMenu td
{
	height: 32px;
	width: 99%;
	vertical-align: middle;
	text-align: left;
}
.clsLeftMenu
{
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: left;	
}
.clsRightMenuLink
{
	margin-left: 4px;
	cursor: hand;
	letter-spacing: 1px;	
	display: block;
}
.clsRightMenu td
{
	vertical-align: middle;
	border-left: #dfbf08 8px solid;
	width: 80%;
	border-bottom: #ff6600 1px dashed;
	height: 26px;
	text-align: left;
}
.clsDeveloper
{
	width: 100%;
	text-align: center;
}
.clsServerTime
{
	font-size: 8pt;
}
.clsProContent
{
	
}
.titleOfPage{}
.clsListPrograms{}
.clsNewsContent{}
.clsBackTop{}
.clsUserCount{}
.clsProgramName
{
	font-size: 14pt;
	color: royalblue;
}
.clsProgramCode
{
	font-family: Impact;
	letter-spacing: 1.5px;
	background-color: Yellow;
}
.clsProgramDesc
{
	color: royalblue;
}
.clsCatProTitle
{
	font-size: 12pt;
	background: url(images/btnleaf2.gif) no-repeat;
	padding-top: 0px;
	padding: 0 0 0 25px;
	margin: 0 0 0 15px;
	font-family: Comic Sans MS;
}
.clsSupportOnline
{
	font-weight: bold;
}
.clsSupportOnlineTable
{
	border-right: 1px groove;
	border-top: 1px groove;
	border-left: 1px groove;
	border-bottom: 1px groove;
	text-align: center;
}
.clsExchangeRate{}
.general_text{}
.article_text{}
.clsLogo{}
.clsImageTitle{}
.row_one{}
.row_two{}
.clsAdminTitle
{
	font-weight: bold;
	font-size: 18px;
	color: darkgreen;
}
.clsDateTime
{
	padding: 0 0 0 1;
	font-size: 11px;
	width:auto;	
}
.clsOpenRow
{
	cursor: hand;
}
.clsGalleryImage{}
.clsGalleryLink{}
.clsGalleryTable
{
	
}
.clsCatGalleryTable{}
.clsCatGalleryRow{}
.clsNavigator
{
	font-size: 13px;
	color: orangered;
}
.clsGallerySummary
{
	font-size: 13px;
}

.clsGalleryRow
{
	width:100%;
	height:100%;	
	vertical-align:top;
	background: #F9F9F9 ;
	border: 1px solid #CCCCCC;
}
.post
{
	padding: 5 5 5 5;
	background: #888888 ;
	float: left;
	color: white;
	border: #999900 1pt solid;
	text-align: center;
	width:100%;
	height:100%;
}
.post p{
	padding: 0px;
	margin: 0px;
}
.post A IMG {
	border: 1px solid #000000;
}
.post A:hover IMG {
	border-color: #3399FF;
}
.post A:hover {
	border-color: transparent;
}
.post h3{
	font-size: 11px;
	text-decoration: none;
	padding:0px;
	float:left;
	line-height:100%;
	margin: 5px 0px 0px;
	font-weight:normal;
}
.post h3 a{
	text-decoration:none;
	color: #39a7c4;
}
.post h3 a:hover{
	text-decoration:none;
	color: #ffffff;
}