/*******************Added by Win on 18-Jan-2010**********************************/
/*******************Purpose : For New Headers with drop down menu**********************************/
/*******************This file will be used inside every user control of each category **********************************/

.logo_bg {
	background-image: url(../Images/home/logo_bg.png);
	background-repeat: no-repeat;
	
	height: 65px;
	width: 975px;
	padding-top:7px;

}
/*updated by Boonyap 04-Feb-2010 */
/*Header bg added  For Chinese Version*/
.logo_bgCn {
	background-image: url(../Images/home/logo_cnbg.jpg);
	background-repeat: no-repeat;
	background-position:right ;
	height: 65px;
	width: 975px;
	padding-top:7px;

}

.td_bg {
	background-image: url(../Images/home/box_outer_top_new.jpg);
	background-repeat:repeat-y;
	width: 980px;
	
} 
.maintd_bg {
	background-image: url(../Images/home/box_outer_top_new2.jpg);
	background-repeat:no-repeat;
	display:table;
	width: 980px;
	height:15px;
}
/**********************************************/
/*******************Start Navigation Bar****************************/
/**********************************************/
#menuh-container
	{
	position: absolute;
	/* background-color: #314042; */
	background-image: url(../Images/home/navigation-bg.jpg);
	background-repeat: no-repeat;
	width:979px;
	height:28px;
	}

#menuh
	{
	
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	width:980px;
	display:block;
	
	}

#menuh a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	border-left: 1px solid #555;
	border-bottom:1px solid #555;
	margin:0;
	padding-left: 1.99em;
	padding-right:1.9em;
	padding-top:5px;
	padding-bottom:5px;
	
	}
	#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	}
/*	
html>body #menuh a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	border-left: 1px solid #555;
	border-bottom:1px solid #555;
	margin:0;
	padding-left: 25.7px;
	padding-right:26px;
	padding-top:5px;
	padding-bottom:5px;
	z-index:400;
	}	
*/	

#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #0055a5;
	text-decoration:none;
	}	
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-size:13px;

	/* width:105px;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}
	
#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	width:185px;
	font-size:11px;	
	}
	/*For background color of Active Page*/
	#currentpage 
	{
		background-color:#0055a5;
	}
	 #people ul ul  
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -8.8em;
	width:185px;
	font-size:11px;	
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}
/*For dropdown padding-left*/
	#menuh ul ul li a
	{
		padding-left:25px;
		text-align: left;
	}
	
	#people ul ul li a
	{
		padding-right:27px;
		text-align: right;
		z-index:400;
		}

	/*For dropdown background color*/
	#menuh ul ul li
	{
		background-color: #314042;
		
	}
		
	/*----      #menuh ul ul a:link, #menuh ul ul a:visited, #menuh ul ul a:active	
	{
	color: white;
	text-decoration:none;
	background-color: #FFF000;
	} */
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/********For Selected Menu*************/
#selected-menu 
{
	color:#c2f9fb;
	
}

/*For sub-category menu*/
#subcat-container
	{
	position: absolute;
	background-color: #37a9df;
	width:979px;
	height:27px;
	}

#subcat
	{
	
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	width:980px;
	display:block;
	
	}

#subcat a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	border-left: 1px solid #1b4062;
	margin:0;
	padding-left: 1.99em;
	padding-right:1.9em;
	padding-top:6px;
	padding-bottom:5px;
	
	}
	
	#subcat a:link, #subcat a:visited, #subcat a:active	/* menu at rest */
	{
	color: #FFFFFF;
	text-decoration:none;
	}
	
	#subcat a:hover						/* menu on mouse-over  */
	{
	color: #c2f9fb;
	background-color: #0055a5;
	text-decoration:none;
	}	

#subcat ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	font-size:11px;

	/* width:105px;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#subcat li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}
	
#subcat ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	width:185px;
	}
	/*end of sub-category menu*/
/* End CSS Drop Down Menu */

/************************************For NewsWire New Layout*******************************************************/
.fontmiddle
{color: #000000;font-size: 12px;font-weight:normal;font-family: Arial, Helvetica, sans-serif;}

.fontbig
{font-size: 13px;font-weight:normal;font-family: Arial, Helvetica, sans-serif;}

a.mouseover-category:hover
{	color:white; 	
	background-color:#0055a5;
	background-repeat: no-repeat;
	height: 21px;
	width: 180px; 
	position:absolute;
	margin-top:-13px;
	padding-top:5px;
	text-decoration:none;
	}
	a.mouseover-category:active, a.mouseover-category:visited,a.mouseover-category:link
	{
		text-decoration:none;
	}
	

.category{padding-left:10px !important; padding-left:10px;text-decoration:none;}

		
.selected_category /*For the selected category in News_Detail.aspx page*/
{
	padding-left:10px !important; 
	padding-left:5px;
	/*background-color:#000000;*/
	color:#00ccff;
	text-decoration:none;
}
.vertical
{
	background-color:#FFFFFF;
	background-image: url(../Images/vertical-line.jpg);
	background-repeat:repeat-y;
	
	}
	/**********For Align Center***************/
	.alignment-center
	{margin-left:auto;margin-right: auto;text-align:center;
		}

/**********For News Detail Page Mouse Over Effect **********/
.treeview
{
	color: #000000;font-size: 12px;font-weight:normal;font-family: Arial, Helvetica, sans-serif;
}
.child 
{
	color: #000000;font-size: 11px;font-weight:normal;font-family: Arial, Helvetica, sans-serif;width:150px;display:block;position:static;
}
	li a:hover {color:#FFFFFF;background-color:Red;}
	
/********End of Tree View ************/
.news_title /*Blue color header*/
{
	color: #3968be;font-size: 12px;font-weight:normal;font-family: Arial, Helvetica, sans-serif;font-weight:bold;
	}
	
	.news_header /*Red Brown color header*/
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#a52a2a;
		font-size:17px;
		}
		
	.category_header /*white color header*/
	{
		background-image: url(../Images/newswires_bg.png);
		background-repeat: no-repeat;
		height: 30px;
		width: 300px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		font-size:17px;
		}

a:link , a:hover, a:active, a:visited
	{
		text-decoration:none;
		font-family:Arial;
		
	}

		.text_gray /*gray color small text*/
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#a29f9f;
		font-size:10px;
		}