/* 
================================
Skin styles for DotNetNuke
================================
*/   
#Body {background:#ffffff url(bg-page.jpg) repeat-x top left; height:100%; margin:0; padding:0;font-family:tahoma !important;  }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}


/*-------- design style --------*/
#s_wrap_main
{
	display:table;width:980px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


 .mainpage
	{
		background-image: url(bg-table.gif);
		background-repeat:repeat;       
        padding: 2px;
        margin:0px;
        height:auto;
        float:left;
    }
    
.banner
	{
		/*background-image: url(banner2.jpg);
		background-repeat:no-repeat;*/
        height: 228px;
        width:980px;    
    }
.banner01
	{
		background-image: url(banner_01.jpg);
		background-repeat:no-repeat;
        height: 228px;
        width:266px;   
        float:left; 
    }
.banner02
	{
		background-image: url(banner_02.jpg);
		background-repeat:no-repeat;
        height: 228px;
        width:252px;    
        float:left;
    }
.banner03
	{
		background-image: url(banner_03.jpg);
		background-repeat:no-repeat;
        height: 228px;
        width:262px;    
        float:left;
    }
.banner04
	{
		background-image: url(banner_04.jpg);
		background-repeat:no-repeat;
        height: 228px;
        width:200px;    
        float:left;
    }
        
    .bannerenglish
	{
		background-image: url(banner_english.jpg);
		background-repeat:no-repeat;
        height: 263px;
        width:980px;
    
    }
 .bodypage{
		background-color:White;		
        width:980px;
        margin:0px auto;
        padding:0px;
        height:auto;
        float:left;
    }   
   
   
    
    /*Menu follow Layout */


.menuTop 
{
	cursor:pointer;
	font-size: 11px;	
	background:url(menu.jpg) repeat-x top left;
	height:28px;
	
}

/* Main Menu Normal */
.menuTop .root, a.menuTop,a.menuTop:active,a.menuTop:link,a.menuTop:hover,a.menuTop:visited,a.menuTop:focus

{	
	color: #ffffff;
	font-family:Tahoma;
	font-size: 12px; 
	font-weight:bold; 	
	text-align:center; 
	padding: 0;
	margin-right:1px;
	white-space:nowrap;
	margin-right:1px;	
	float:left;
	line-height:28px;
	
}


/* Main menu hover */
.menuTop .hov, a.menuTop:hover, a.menuTop:focus{ 
	color:#333333;
	background:url(../images/menu_hover.png) repeat-x top left;
	text-decoration:none;
}

/* Main menu selected */
.menuTop .sel, .mainMenu .bc , a.menuTop:focus{
	color:#333333;
	background:url(../images/menu_active.png) repeat-x top left;
}
.menuTop table{
	border:1px solid #C0D6E5;
	z-index: 5000;
	}

.current
{
	color:Red;
	}
/* style Menu for English version */




/*end style */

/* SUB Menu Normal */
.menuTop tr.mi{
	background-color:#F8FAFF;
	z-index: 1000;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#007EFF;
	line-height:2em;
	text-transform:none; 
	border-bottom: 1px solid #8FC400;
}
.menuTop tr.mi td{
padding: 0 2px;
text-transform:none;
border-bottom: 1px solid #8FC400;
}

/* SUB Menu hover & selected */
.menuTop tr.hov { 
background: green url(../images/submenu_hover.png) repeat-x top left;
}

.menuTop tr.hov td{
color:#fff;
}

.menuTop tr.sel, .menuTop tr.bc{
background: #CE0D0D url(../images/submenu_active.png) repeat-x top left;
}

.menuTop tr.sel td, .menuTop tr.bc td{
	color:#fff;
}

.main_dnnmenu_break{
	height: 2px;
	background-color: #D5E0FF;
}

.footerinfo 
{
	width:980px;
 	font-family:Arial;
	font-size: 13px;
	font-weight:bold;
	color:White;	
		
	line-height:20px;	
	_height:20px;
	text-align:center;	
	margin:0px;
	padding:0px;
	
}
/* Finish Menu */

 /*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 95px; height: 20px;float:left; background-color: White; white-space: nowrap; margin-top: 4px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:3px; margin-top:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:50px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;} 
    

 
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #FEFEFE;
}
.skinmaster {
	height: 100%;
	background-color: #F3F5FA;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	
}

.RightPane
{
	 padding:0px;
	 padding-top: 6px;
	 width:300px !important; 
	 margin:0;
	 float:right;
}



.bottompane {
	width: 100%;
	background:url(bg.jpg);
	background-repeat:repeat;
	height:30px;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #CAD5EA 0px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 1px solid; 
	border-right: #CAD5EA 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #CAD5EA; 
	border-left: #CAD5EA 1px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #CAD5EA;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
}
.MainMenu_MenuBreak {
	height: 1px;
}
.MainMenu_MenuItemSel {
	background-color: #8DA4D3; 
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}
.MainMenu_MenuArrow {
	border-right: #CAD5EA 1px solid; 
	border-bottom: #CAD5EA 1px solid; 
	border-top: #CAD5EA 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton     {
    background: #7994CB none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #DFE5F2;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  18px;
    font-weight:    normal;
    color: #333333;
}

/* 
================================
Skin styles for menu ngang
================================
*/  

	

	.bgmenulevel1
	{
		BACKGROUND-IMAGE: url(menu_level1_bg.jpg);
		HEIGHT:27px;
	}
	.bgmenulevel11
	{
		BACKGROUND-IMAGE: url(menu_level11_bg.jpg);
		background-repeat:no-repeat;
		HEIGHT:27px;
	}
	
	.bgfooter
	{
		font-family: Arial, Helvetica, sans-serif;
        background-color: #0050b8;
        color:#ffffff;
        font-size:12px;
        font-weight:bold;
        padding-left:5px;
        text-align:center;
        height: 50px;
    }
    
    .bgLeftRight
	{
		BACKGROUND-IMAGE: url(bg.jpg);
		background-repeat:inherit;
	}

	.bgTop
	{
		BACKGROUND-IMAGE: url(top.jpg);
		background-repeat:no-repeat;
        height: 17px;
    }
    .sitemap
    {
    	text-align:left;
    	font-size:13px;
    }