/********************  Default Common ****************** */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#959595;
}

body,td,th {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color:#055ca9;
}

#page-wrap{
	width: 979px;
	margin-left:auto;
	margin-right:auto;
	padding:12px 12px 12px 12px;
	background-color:#f0f0f0;
	
}

a:link	{
	font-size: 11px;
	text-decoration: none;
	color:#055ca9;
}
a:visited	{
	font-size: 11px;
	text-decoration: none;
	color:#055ca9;	
}
a:hover	{
	font-size: 11px;
	text-decoration: underline;
	color:#055ca9;	
}

/********************  Top Pane Template ****************** */
.header {
	background-image: url(images/banner.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	height: 109px;
}

.sub-header{
	background-image: url(images/sub-banner.jpg);
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	height:225px;
	width:693px;
	overflow:hidden;
	
}

.company {
	background-image:url(images/logo.png);
	width: 379px;
	height: 131px;
	position: absolute;
	top: 187px;
	left: 450px;
	#left: 440px;
}

/********************  Right Pane Template --- Narrow Module ****************** */


/********************  Content Pane Template --- Wide Module ****************** */
.content-body {
}

.content-body-inner {
}

/********************  Bottom Pane Template ****************** */
.footer {
	height: 82px;
	color: #FFFFFF;
	background-image: url(images/bg-footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	text-align: center;
	line-height: 170%;
}

.footer  td{
	color: #FFFFFF;
}

.footer p{
	margin:0;
	padding:0;
}

.footer a:link, .footer a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
.footer a:hover {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
/******************** Menu Button with 2 states *************************/


.menu {
	width: 500px;
	height: 16px;
	margin-top: 34px;
	margin-left: 370px; 
	position: absolute;
}

.menu span{
	height: 43px;
	font-family: Arial;
	font-size: 13px;
	overflow: hidden;
	/*border: #FF0000 solid 1px;*/
}

/* Rolloff state */
.menu a {
	height: 43px;
}

/* Rollover state */
.menu a:hover {
	text-decoration: none;
}

/*Active state */
.menu a.active {

}
/******************** Left Menu Button with 2 states *************************/

.date-time{
	background-image: url("images/menu-bottom-lv1.jpg") ;	
	height: 31px;
}

.date-time span.span-date-time{
	font-family:Arial;
	display:block;
	padding-top:8px;
	padding-right:7px;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

/********************  CSS for Control: Textfield, Textarea, Button... ****************** */


/********************  CSS for URL Link ****************** */


/********************  CSS for Plain Text ****************** */


/********************  Partner Portlet ****************** */
.logo {

}

/********************  News Template ****************** */

.dtformat {
	 font-size:9px;
	 color: #848484;
	 font-weight: normal;
	 text-decoration:none;
	 display:none;
}

.vertical-item-sub-cat-product{
	padding:0 16px;
}

.title-view-content{
	margin:24px 0;
	font-size:16px;
	font-weight:bold;

}

.title-read-news {

}

.summary-read-news {

}

.content-view-content p{
	margin:0 0 10px 0;
	line-height:180%;
	color:#1c1c1c;
}

.title-news {

}

a.link-title-news:link, a.link-title-news:visited {

}

a.link-title-news:hover {

}

.summary-news {

}

.seperate-space {

}

img.thumbnail-img {
	border:0;
	width:158px;
	padding-right:18px;
	padding-bottom:10px;
}

.other-list-news {

} 

.list-news {

} 

.list-news a {

}

/********************  Gallery Template ****************** */

.thumbnail-gallery {

}

.thumbnail-view-item {

}

/********************  Partner/Customer Template ****************** */


/********************  Miscellaneous ****************** */
.error {
	color: #FF0000;
}

.arrow {
	border-style: none;
	margin-right: 4px;
	text-decoration: none !important;
}

.hot-events {
	margin-bottom: 10px;
}

/********************  Administrator ****************** */


/********************* Yowapa **********************/

/******************** Metoo **********************/

.welcome-intro .link-title-news{
	display:none;

}

.summary{
	line-height:150%;
}

/******************** Menu Button with 2 states  ****************/


.modeX span.title-news {
	font-weight:bold;
	padding-left:16px;
	background:url('images/arrow.gif') no-repeat;
	background-position:2px;
}



/**************************List News****************************/

.list-news .item-content{
	background-image: url(images/list-item.gif);
	padding:16px;
}
.block-content-list-news{

}
.ovfl {
   width:266px; height:100px; border:5px none #000000; padding:6px;
   overflow:auto;
}


.mode4 span.title-news {
	display:block;
	text-align:center;
	font-weight:bold;
}

.mode4 img.thumbnail-img, .div-othercontent-thumbnail img.thumbnail-img{
	margin-left:auto;
	margin-right:auto;
	height:110px;
    max-width: 200px;
}

.modeX span.title-news {
	font-weight:bold;
	padding-left:16px;
	background:url('images/arrow.gif') no-repeat;
	background-position:2px;
}
.back-button{
	font-size:11px;
	font-weight:bold;

}
.div-listcontent-thumbnail{
/*	width: 200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;*/
}

.div-othercontent-thumbnail {
	width: 200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.mode4 table{
	width:100%;
}

.mode4 table tr td{
	text-align:center;
}

.table-image-thumb{
	display:block;
}

.list-news .more-view-button{
	width:68px;
	height:16px;
	background-image: url(images/more-detail.gif);
	float:right;
	margin:0;
	padding:4px;
	display:none;

}

.list-news .item-content .more-view-button span{
	font-family:Verdana;
	font-size:9px;
	text-align: center;
	color:#252525;
	margin:5px 5px 5px 5px;
	
}
.list-news .item-content .title-news a:link,.list-news .item-content .title-news a:visited{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;


}
.list-news .item-content .title-news a:hover{
	font-size:16px;
	font-weight:bold;
	display:inline;
	text-decoration:underline;
	text-align:center;

}
.list-news .item-content .summary{
	font-size:11px;
	font-weight:regular;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#1c1c1c;
}


/**************** View content ****************/
.body-item-sub-cat-product .category{
	font-weight:bold;
	height:24px;
	padding-left:0px;	
}

.wmd{
	padding:0 10px 0 10px;
}



/********************  Gallery Template ****************** */

.thumbnail-gallery {

	margin-right: 27px;
	width: 120px;
	height: 80px;
}

.thumbnail-view-item {
	width: 124px;
	height: 88px;
	overflow:hidden;
}

.gallery-javascript-item{
	border:0;
}

.gallery-header{
	height:29px;
	font-size:20px;
	line-height:125%;
	margin:-10px -10px 10px -10px;
	padding:3px 10px 0 10px;
	display:none;
}

.gallery-header-green{
	height:29px;
	font-size:20px;
	line-height:125%;
	margin:-5px -5px 10px -5px;
	padding:3px 10px 0 10px;
	display:none;
}

.danhmuc-header{
	height:22px;
	font-size:12px;
	line-height:125%;
	margin:0px 0px 0px 0px;
	padding:8px 10px 0 10px;
	background-color:#333333;
	color:#9BC62D;
	font-weight:bold;
}

.gallery-header{
	background-color:#9e9e9e;
	background-image:url('images/bg-header-grey.gif');
	background-repeat:repeat-x;
}

.gallery-header-green{
	background-color:#9BC62D;
	background-image:url('images/bg-header-green.gif');
	background-repeat:repeat-x;	
}

.gallery-header p, .gallery-header-green p{
	padding:0;
	margin:0;
}

.drop-shawdow {
  position: relative;
  left: 1px;
  top: 1px;
}

.drop-shawdow span{
  position: absolute;
  left: -1px;
  top: -1px;
}

.gallery-header .drop-shawdow, .gallery-header-green .drop-shawdow{
  font-size: 11px;
  font-style:italic;
  font-family: Verdana;
}

.gallery-header-green .drop-shawdow{
  color: #79a607;
}

.gallery-header .drop-shawdow{
  color: #505050;
}

.gallery-header .drop-shawdow span, .gallery-header-green .drop-shawdow span{
  color: #ffffff;
}

.shadow  { position:relative; display:block; color:#f8f2df; }
.shadow span { position:absolute; display:block; top:0px;  }
.shadow:before { display:block; padding:1px; content: attr(title); color:#7e5b01;  }

.gallery-intro{
	font-weight:bold;
	font-size:12px;
	margin-bottom:8px;
}

.gallery-wrap-table{
	width:100%;
}

.gallery-wrap-items table{
	margin-left:auto;
	margin-right:auto;
}

.gallery-wrap-subitems{
	height:324px;
	overflow:auto;
	margin-left:10px;
}

.gallery-view-item{
	width:500px;
	height:320px;
	border:2px solid #a6a6a6;
}

.gallery-show .table-gallery-show-outter{
	margin-left:auto;
	margin-right:auto;
}

.gallery-show .table-gallery-show{
	border:0px solid #E8E8E8;
	/*background-image:url('images/bg-subitems.jpg');*/
	background-position:right top;
	
}

.thumbnail-view-subitem{
	overflow:hidden;
	border:2px solid #a6a6a6;
	margin-bottom:10px;	
}

.gallery-mota{
	margin-top:-40px;
	position:relative;
	height:40px;
	overflow:hidden;
	background-image:url('images/bg-transparent.png');
}

.gallery-mota-table{
	width:100%;
	height:34px;
	color:#ffffff;
}

.gallery-mota-table td{
	color:#ffffff;
}

/************** Box for aquatabs ********************/
.the-box{
	margin-top:2px;
	border:1px solid #68b3c6;
	background-image:url('images/bg-box.jpg');
	background-repeat:repeat-x;
	background-position:left bottom;
}

.the-box-title{
	padding-bottom:10px;
}

.the-box-title a:link, .the-box-title a:visited, .the-box-title a:hover {
	color:#095a9b;
	font-size:18px;
	font-weight:bold;
	font-family:Arial;
}

.latest-news-left{
	padding:12px 16px;
}

.latest-news-left img.thumbnail-img {
	display:none;
}



.latest-news-left .more-view-button{
	display:none;
}

.latest-news-left  .link-title-news{
	color:#1c1c1c;
	font-weight:bold;
	padding-top:4px;	
}

.latest-news-left .summary{
	line-height:180%;
	color:#1c1c1c;
	height:100px;
	overflow:hidden;
	display:block;
}

.latest-news-left .summary p{
	margin-top:4px;
}

.latest-news-left .span-view-more{
	padding-top:5px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #ebedec;
	display:block;
}

.span-view-more{
		font-weight:bold;
}

.weblink-div select{
	width:100%;
}

.statistics{
	line-height:180%;
	color:#1c1c1c;
}