/********************  Default Common ****************** */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#eeeeee;
}

body,td,th {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	line-height:150%;
}

#page-wrap{
	width: 100%;
	margin:0 auto 0 auto;
	min-width:1003px;
	max-width:1400px;
	_width: expression(document.body.clientWidth < 1004 ? "1003px" : "100%");
	_width: expression(document.body.clientWidth > 1401 ? "1400px" : "100%");
	background-image:url('images/background.jpg');
	background-position:center top;
	background-repeat: no-repeat;	
	background-color:#3e8aea;
}
.header{
}

.site-logo{
	width: 165px;
	height: 73px;
	background-image:url('images/logo.jpg');
	background-repeat: no-repeat;	
	cursor:pointer;
	position:absolute;
	top: 8px;
	
}

a:link	{
	font-size: 12px;
	text-decoration: none;
	color:#ffffff;
}
a:visited	{
	font-size: 12px;
	text-decoration: none;
	color:#ffffff;	
}
a:hover	{
	font-size: 12px;
	text-decoration: underline;
	color:#ffffff;	
}

/********************  Middle Pane Template  ****************** */
.content-body {
	padding:20px;
}

.content-body-inner {
	
}

/********************  Bottom Pane Template ****************** */
.footer {
	line-height:150%;
}

.footer .title-header{
	font-size:12px;
	font-weight:bold;
}

.footer td {
	font-size: 10px;
	color: #ffffff;
}

.footer .footer-top{
	background-image:url('images/footer-top.jpg');
	background-position:center top;
	background-repeat: repeat-x;	
	background-color:#2553ab;
	padding-top:16px;
	margin-top:20px;
}

.footer .footer-bottom{
	background-image:url('images/footer-bottom.jpg');
	background-position:center top;
	background-repeat: repeat-x;	
	background-color:#112b78;
	padding:10px 0;
	
}

.footer a:link, .footer a:visited {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
.footer a:hover {
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
}

/********************  View Content Template ****************** */

.view-content .title-content .date-time {
	 font-size:9px;
	 color: #051b64;
	 font-weight: normal;
	 text-decoration:none;
	 display:none;
}

.view-content .title-content{
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	color:#051b64;
}

.view-content .other-content .other-content-header{
	text-align:left;
}
.view-content .other-content .other-title-content{
	font-weight:bold;
	padding-left:16px;
	background:url('images/arrow.gif') no-repeat;
	background-position:2px;
}

/**************************List Content****************************/

.mode4 span.title-content {
	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-content {
	font-weight:bold;
	padding-left:16px;
	background:url('images/arrow.gif') no-repeat;
	background-position:2px;
}

.mode4 table{
	width:100%;
}

.mode4 table tr td{
	text-align:center;
}

.back-button{
	font-size:12px;
	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;
}

.list-content .item-content .title-content a:link,.list-content .item-content .title-content a:visited{
	font-size:15px;
	font-weight:bold;
	color:#051b64;
	text-decoration:none;
}

.list-content .item-content .title-content a:hover{
	font-size:15px;
	font-weight:bold;
	color:#051b64;
	text-decoration:underline;
}

.list-content .item-content .title-content .date-time{
	 font-size:9px;
	 color: #051b64;
	 font-weight: normal;
	 text-decoration:none;
	 display:none;
}

.list-content .item-content .separator{
	display:block;
	height: 10px;
}

.list-content .item-content .separator-after{
	display:block;
	height: 20px;
}

.list-content .item-content .summary{
}


.list-content .item-content .summary p{
	margin-top:0;
}


/********************  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;
}

/**** Weblink *****/

.weblink-dropdownlist{
	width:100%;
}

/*** Box search ******/
.box-search{
	padding-top:10px;
}

.box-search .tbx-search-input{
	width:100px;
	font-size:10px;
}

.box-search .tbx-search-button{
	font-size:10px;
}

/*** Box change language ******/
.box-change-language{
}

.box-change-language a:link, .box-change-language a:visited{
	color:#ffffff;
	text-decoration:none;
}

.box-change-language a:hover{
	color:#ff0000;
	text-decoration:none;
}

/****** portlet list contents ********/
.welcome-center {
}


.welcome-center .table-listcontent-thumbnail, .welcome-left .summary{
}

.welcome-center .item-content{
	padding:0 0 15px 0;
}

.welcome-center .item-content .title-content{
	display:none;	
}

.welcome-center .item-content .title-content a:before {
}
	
.welcome-center .item-content .title-content a:link, .welcome-center .item-content  .title-content a:visited{
}

.welcome-center .item-content .title-content a:hover{
}

/* welcome right porlet */

.welcome-right {
	width:202px;
	margin-bottom:14px;
}

.latest-clients-corners{
	height:12px;
	width:202px;
	background-image:url('images/latest-clients-corners.png');
	_background-image:url('images/latest-clients-corners.gif');
	background-position:left bottom;
	background-repeat:no-repeat;	
	position:absolute;
	margin-top:-12px;
}

.welcome-right-body{
	background-color:#e7f1fb;
	padding: 5px 5px;
	background-image:url('images/latest-articles-bottom.jpg');
	background-position:left bottom;
	background-repeat:no-repeat;	
}

.welcome-right-body-latest-clients{
	padding: 4px 4px 4px 4px;
	background-color:#e7f1fb;
}
.label-articles{
	padding:8px 0 8px 0;
	text-align:center;
	display:block;
	background-image:url('images/latest-articles.png');
	_background-image:url('images/latest-articles.gif');
}

.label-articles, .label-articles a:link, .label-articles a:visited{
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}

.welcome-right .table-listcontent-thumbnail, .welcome-right .summary{
	display:none;
}

.welcome-right .item-content{
	padding:10px 5px 5px 5px;
}

.welcome-right .item-content .title-content{
	display:block;	
}

.welcome-right .item-content .title-content a:before {
/*	content:url('images/arrow-space.gif');*/
}
	
.welcome-right .item-content .title-content a:link, .welcome-right .item-content  .title-content a:visited{
	font-size: 11px;
	line-height:15px;
	text-decoration:none;	
	color: #051b64;
}

.welcome-right .item-content .title-content a:hover{
	font-size: 11px;
	line-height:15px;
	text-decoration:underline;
	color: #051b64;
}

.welcome-right .item-content .title-content a .date-time{
	font-weight:normal;	
}

.welcome-middle .item-content .title-content{
	display:none;
}

.welcome-middle .item-content p{
	margin-top:0;
	line-height:150%;
}

/********** BANNER porlets **********/
.banner-portlet{
	overflow:hidden;
}

.banner-portlet img{
	max-width:215px; 
}

/****** not categorized *****/
.portlet-left{
	padding:10px 15px 15px 15px;
	background-color: #f5f5f5;
}	

.error {
	color: #FF0000;
}

.arrow {
	border-style: none;
	margin-right: 4px;
	text-decoration: none !important;
}

/**************** tinhoc va ke toan *******************/
#menu-product{
	height: 158px;
	overflow:hidden;
	background-image:url('images/menu-product.jpg');
	background-position:center top;
	background-repeat: no-repeat;
}

.menu-product-buttons{
	padding-top:36px;
	padding-left:2px;
	font-size:0;
}

.box-center{
	margin:0 auto 0 auto;
	width:983px; /* 983 */
}

#header-with-domain{
	height:35px;
	/*background-image:url('images/header-with-domain.jpg');
	background-position:center top;
	background-repeat: no-repeat;	*/
}

.main-middle{
	margin:0 auto 0 auto;
	width:985px; /* 983 */	
	background-image:url('images/main-middle-bg.jpg');
	background-position:center top;
	background-repeat: repeat-y;	
}

.main-middle-top{
	width:985px; /* 983 */	
	background-image:url('images/main-middle-top.jpg');
	background-position:center top;
	background-repeat: no-repeat;	
}

.main-middle-bottom{
	width:985px; /* 983 */	
	height:8px;
	line-height:0px;
	font-size:0px;
	background-image:url('images/main-middle-bottom.jpg');
	background-position:center top;
	background-repeat: no-repeat;	
}

.client-partner img{
	padding:3px 4px;

}

.technologies img{
	padding:5px 4px 0 4px;
}

.online-support{
	background-image: url('images/online-support.gif');
	width:187px; /* 202 */
	height:243px;
	margin: 2px 0 0 0;
	clear:right;	
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	color: #051b64;
	margin-bottom:14px;
}

.label-online-support{
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-bottom:6px;
}

.online-support div, .online-support span, .online-support td, .online-support div, .online-support span, .online-support a:link, .online-support div, .online-support span, .online-support a:visited, .online-support div, .online-support span, .online-support a:hover{
	color: #051b64;
}	

img.welcome-note{
	margin:2px 0 10px 0;
}

.table-contact-us td{
	padding:4px 0;
}

.table-black-font td{
	color:#000000;
}

.size11, .size11 td{
	font-size:11px;
}

.fontArial{
	font-family:Arial;
}
