/*T&A Communications - www.ta.com.vn*/
/*Stylesheet - global.css*/

body {
	font:75%/140% Arial, Helvetica, sans-serif;
	background:#ebebeb;
	color:#000;
	text-align:center;
}
#wrap-global {
	width:960px;
	padding:0 10px;
	margin:auto;
	background:url(../assets/pagebg.gif) repeat-y;
	text-align:left;
}
#header {
	background:url(../assets/header_bg.gif) repeat-x;
	height:65px;
	padding:14px 15px 0 15px;
}
	#logo {
		width:150px;
		float:left;
		margin-right:90px;
	}
	#blast {
		width:380px;
		float:left;
		margin-right:90px;
		font-size:90%; color:#999;
		background:url(../assets/blast_bg.gif) no-repeat;
		height:51px;
		padding:8px 10px 2px 10px;
	}
		/*.wrap-blast {background:url(../assets/blast_l_bg.gif) top left no-repeat; height:61px;}*/
		/*#blast dl {background:url(../assets/blast_r_bg.gif) top right no-repeat; padding:8px 10px 2px 10px; height:51px;}*/
			#blast dl dt {margin:0; line-height:1.1em;}
			#blast dl dd {font-weight:bold;}
	.lang {margin:0 5px 5px 0; text-align:right; font-size:90%; color:#666;}
	#search {
		width:200px;
		float:left;
	}
		#search #txtsearch {
			background:url(../assets/search_txt_bg.gif) top left no-repeat;
			width:170px; height:18px;
			padding:5px 0 0 5px;
			border:none;
			font-size:90%; color:#999;
		}
#navi {
	background:#000;
	padding:5px 15px 0 15px;
}
	#navi li {
		float:left;
		margin-right:10px;
		position:relative;
		font-size:120%;
	}
	#navi li h2 {font-size:100%; font-weight:bold; }
	#navi li a, #navi li a:visited {color:#fff; text-decoration:none; padding:3px 4px 7px 4px; display:inline-block;}
	#navi li a:hover, #navi li.active a, #navi li:hover a, #navi li.sfHover a {background:#cc0000;}
	#navi li:hover ul, #navi li.sfHover ul {
		top:27px; left:0;
	}
	#navi ul ul {background:#cc0000; padding:5px 10px; position:absolute; top:-999em; left:0; width:9em;}
	#navi li li {float:none; font-size:75%; position:static; margin:3px 0; background:none; border-bottom:solid 1px #e06666; padding-bottom:3px;}
	#navi li li.last {border:none; padding:0;}
		#navi li li a:link, #navi li li a:visited {
			color:#fff;
			padding:0;
			display:list-item;
			background:none;
			font-weight:bold;
		}
		#navi li li a:hover { text-decoration:underline;}

#banner {line-height:0;}
#footer {
	background:url(../assets/footer_botbg.gif) bottom repeat-x #fff;
	padding:15px 15px 15px 15px;
	border-top:solid 4px #cc0000;
	font-size:90%;
	height:20px;
}
	#footer .copyright {
		width:400px;
		float:left;
		color:#666;
	}
	#footer .footlink {
		width:530px;
		float:left;
		text-align:right;
	}
		#footer .footlink a {color:#666; border-right:solid 1px #999; margin-right:7px; padding-right:7px;}
		#footer .footlink a.last {border:none; margin:0; padding:0;}
		#footer .footlink a:hover {color:#cc0000;}
/*=======================================*/
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #header:after, #footer:after, #navi:after, #contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #header, #footer, #navi, #contents {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html #header, * html #footer, * html #navi, * html #contents {height: 1%;}
.clearfix, #header, #footer, #navi, #contents {display: block;}
/* End hide from IE-mac */
/*=======================================*/

/*common*/
a {color:#cc0000; text-decoration:none;}
a:hover {color:#000;}
img {vertical-align:text-bottom;}
strong {font-weight:bold;}
em {font-style:italic;}
.notes {color:#666;}
.asterisk {color:#c00;}
.txt {
	background:url(../assets/form_txtbg.gif) top repeat-x #fff;
	height:16px;
	padding:2px 3px 0 3px;
	border:solid 1px #ccc;
}
.has-bot-border {border-bottom:solid 1px #ddd; padding-bottom:5px; margin-bottom:5px;}
.btn-sbm {
	background:#c00;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	padding:2px 2px 4px 2px!important;
	padding:2px 1px 2px 1px;
	border:none;
}
#contents {

}

/*home*/
#homecontents {padding:0 15px;}
#highlight {width:290px; float:left; padding:15px 0;}
	#highlight h3#news-highlight {
		text-indent:-2000em;
		margin-bottom:15px;
		border-bottom:solid 2px #ebebeb;
		padding-bottom:5px;
	}
	
	#en #highlight h3#news-highlight {background:url(../assets/lbl_news_highlight_en.gif) no-repeat;}
	#vn #highlight h3#news-highlight {background:url(../assets/lbl_news_highlight_vn.gif) no-repeat;}
	
	#highlight dl {margin:10px 0;}
	#highlight dt {font-weight:bold; margin-bottom:5px;}
	#highlight .date {color:#999;}
	#highlight ul {margin:10px 15px; list-style:square;}
	#highlight li {list-style:square; margin-bottom:5px; color:#c00000;}
		#highlight li a {color:#000;}
		#highlight li a:hover {color:#c00000;}
		
#welcome {
	width:320px;
	float:left;
	position:relative;
	background:url(../assets/welcome_body_bg.gif) top no-repeat;
	padding:0 15px;
}
	#welcome h2#whoweare {
		text-indent:-2000em;
		font-size:140%;
	}
	#en #welcome h2#whoweare {background:url(../assets/lbl_whoweare_en.gif) top left no-repeat; height:18px;}
	#vn #welcome h2#whoweare {background:url(../assets/lbl_whoweare_vn.gif) top left no-repeat; height:23px;}
	.welcome-hdr {
		background:url(../assets/welcome_topbg.png) top no-repeat;
		padding:15px 20px 0 20px;
		position:absolute;
		top:-20px; left:15px;
		width:280px;
	}
	.welcome-body {
		background:#cc0000;
		color:#fff;
		padding:25px 20px 15px 20px;
		font-size:120%;
		line-height:1.3em;
	}
		.welcome-body p {margin:10px 0;}
		.welcome-body p.more {font-size:80%; font-weight:bold; margin-bottom:10px;}
		.welcome-body a, .welcome-body a:visited {color:#fff;}
		.welcome-body a:hover {text-decoration:underline;}
#featured-case {width:290px; float:left; padding:15px 0; margin-right:-3px;}
	#featured-case h3#feat-case, #featured-case h3#ourclients {
		text-indent:-2000em;
		margin-bottom:15px;
		border-bottom:solid 2px #ebebeb;
		padding-bottom:5px;
	}
	.clientimg {padding:10px 0 10px 0;}
	#vn #featured-case h3#feat-case {background:url(../assets/lbl_featured_case_studies_vn.gif) no-repeat;}
	#en #featured-case h3#feat-case {background:url(../assets/lbl_featured_case_studies_en.gif) no-repeat;}
	#vn #featured-case h3#ourclients {background:url(../assets/lbl_clients_vn.gif) no-repeat;}
	#en #featured-case h3#ourclients {background:url(../assets/lbl_clients_en.gif) no-repeat;}
	.case-listing {margin:10px 0; line-height:1.2em;}
		.case-listing dl {margin:10px 0; border-bottom:solid 1px #f1f1f1; padding-bottom:10px;}
		.case-listing dt {width:100px; float:left; margin:0 10px 0 0;}
		.case-listing .case-title {margin-bottom:5px; font-weight:bold;}
		.case-listing .service {color:#666;}
	#featured-case .more {text-align:right; font-weight:bold;}
	
/*subpage*/
#navlink {
	background:url(../assets/navlink_bg.gif) top repeat-x;
	padding:8px 15px 0 15px;
	height:28px;
	font-size:90%;
	color:#666;
	margin-bottom:10px;
}
	#navlink label {font-weight:bold;}
	#navlink .printable {float:right; margin:-15px 0 0 0;}
		#navlink .printable img {margin-right:5px;}
	#navlink a:link, #navlink a:visited {color:#666;} #navlink a:hover {color:#c00;}
	
.subpage {
	padding:0 20px;
	margin-bottom:20px;
}
	.subpage h2 {font-weight:bold; font-size:140%; margin-bottom:10px;}
	.pagecontents h2 {font-size:140%; font-weight:bold;}
	.pagecontents h3 {font-size:120%; font-weight:bold; clear:both;}
	.pagecontents h4 {font-size:100%; font-weight:bold; clear:both;}
	.pagecontents h2, .pagecontents h3, .pagecontents h4 {margin:10px 0;}
	.pagecontents p, .pagecontents ul, .pagecontents ol, .pagecontents blockquote {margin:15px 0;}
	.pagecontents ul {list-style:square; margin-left:35px;} .pagecontents ul li {list-style:square; margin:5px 0;}
	.pagecontents ol {list-style:decimal; margin-left:35px;} .pagecontents ol li {list-style:decimal; margin:5px 0;}
	.pagecontents blockquote {
		background:#f1f1f1;
		padding:5px 10px;
		margin:10px 10px 10px 0;
		border-left:solid 3px #c00;
		color:#666;
		font-style:italic;
	}
	.pagecontents .highlight {background:#c00; color:#fff; padding:5px 10px; border-left:solid 3px #ddd;}
	.pagecontents .brand-color {color:#cc0000;}
	.pagecontents img.image-to-left {float:left; margin:2px 10px 10px 0;}
	.pagecontents img.image-to-right {float:right; margin:2px 0 10px 10px;}
	.pagecontents table {
		border-collapse:collapse;
		margin:10px 0;
		width:100%;
		border-top:solid 2px #c00;
	}
		.pagecontents table th {
			font-weight:bold;
			color:#666;
			padding:3px 4px;
			border:solid 1px #ddd;
			background:#eee;
		}
		.pagecontents table td {
			padding:3px 4px;
			border:solid 1px #ddd;
		}
	.article-tools {border-top:solid 1px #ddd; margin:10px 0; padding-top:5px; font-size:90%;}
	.article-tools a, .article-tools:visited {color:#666;} .article-tools a:hover {color:#c00;}
#maincontents {
	width:700px;
	float:left;
}	
.fullwidth {width:920px;}
#sidebar {
	width:220px;
	float:left;
	position:relative;
}
	#sidebar h3 {margin-bottom:10px; font-size:120%; font-weight:bold;}
	#sidebar #inthissection {
		text-indent:-2000em;
	}
	#en #sidebar #inthissection {background:url(../assets/lbl_inthissection_en.gif) no-repeat;}
	#vn #sidebar #inthissection {background:url(../assets/lbl_inthissection_vn.gif) no-repeat;}
	#sidebar a:link, #sidebar a:visited {color:#000;}
	#sidebar a:hover, #sidebar li.current a {color:#c00;}
	#sidebar li.current {
		background:url(../assets/current_subcat_indicator.gif) -20px 0 no-repeat;
		font-weight:bold;
	}
	#sidebar li {
		margin:5px 0;
		border-bottom:solid 1px #ddd;
		padding-bottom:5px;
		font-weight:bold;
	}
		#sidebar li.last {border:none;}
		/*3rd level menu*/
		#sidebar li ul {margin:0 15px; list-style:circle;}
		#sidebar li li {border:none; font-size:90%; margin:3px 0; padding:0; font-weight:normal; list-style:circle; color:#999;}
		#sidebar li.current li a {color:#000;}
	#logout {padding:10px 0 5px 0; margin:0 25px 0 20px; border-bottom:solid 1px #ddd; font-size:90%; color:#666;}
	#subcat {
		width:218px;
		background:url(../assets/sidebar_topbg.gif) top no-repeat;
		position:absolute;
		top:10px; right:-42px;
	}
	.wrap-subcat {
		background:url(../assets/sidebar_botbg.gif) bottom no-repeat;
		padding:15px 25px 10px 20px;
	}
	#sidebar dl {margin:5px 0; padding-bottom:5px; border-bottom:solid 1px #ddd;}
	#sidebar dl.last {border:none;}
	#sidebar dt.date {color:#666; font-size:80%;}
	#sidebar dd {}
		#sidebar dl a:link, #sidebar dl a:visited {color:#c00;}
		#sidebar dl a:hover {color:#000;}
	
	#en h3#othernews {background:url(../assets/lbl_othernews_en.gif) no-repeat; text-indent:-2000em;}
	#vn h3#othernews {background:url(../assets/lbl_othernews_vn.gif) no-repeat; text-indent:-2000em;}
/*contacts*/
#contact-info {
	width:300px;
	float:left;
	margin-right:20px;
}
#contact-form {
	width:570px;
	float:left;
	padding-left:30px;
	/*border-left:solid 3px #c00;*/
	background:url(../assets/v_divider.gif) repeat-y;
}
	.contact-detail {margin:0 0 10px 0; border-bottom:solid 1px #ddd; padding-bottom:10px;}
	.contact-detail h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	.contact-detail p {margin:5px 0;}
	.contact-detail label {font-weight:bold; display:inline-block;}
	
	#contact-form h3, .common-form h3 {font-size:120%; font-weight:bold; margin-bottom:5px;}
	#contact-form p, .common-form p {margin:5px 0;}
	#contact-form fieldset p, .common-form fieldset p {margin:7px 0;}
	#contact-form label, .common-form label {
		display:inline-block;
		width:150px;
		color:#666;
		font-weight:bold;
		vertical-align:top;
	}
	#txt_title, #txt_fullname, #txt_position {width:150px;}
	#txt_company, #txt_addr, #txt_msg {width:300px;}
	#contact-form textarea {
		background:url(../assets/form_txtbg.gif) top repeat-x #fff;
		padding:2px 3px 0 3px;
		border:solid 1px #ccc;
	}
	#txt_username, #txt_password {width:150px;}
/*newsletter*/
#en h3#otherissues {background:url(../assets/lbl_previousissues_en.gif) no-repeat; text-indent:-2000em;}
#vn h3#otherissues {background:url(../assets/lbl_previousissues_vn.gif) no-repeat; text-indent:-2000em;}
.subscribe {border-top:solid 2px #c00; margin:10px 0; padding-top:5px;}
	.subscribe p {margin:5px 0;}
	.subscribe label {font-weight:bold; color:#666;}
	#sidebar .subscribe h3 {margin-bottom:5px;}

/*people*/

.people {
	margin-bottom:10px;
	border-bottom:solid 1px #ddd;
	padding-bottom:10px;
}
	.people dt {
		background:url(../assets/people_bg.gif) no-repeat;
		width:105px; height:124px;
		padding:5px 0 0 7px;
		float:left;
		margin:0 15px 0 0;
	}
	.people .name {font-weight:bold; margin-bottom:5px;}
	.people .title {margin-bottom:5px;}
	.people .desc {font-style:italic;}

#department {
	float:right;
	margin:-40px 0 0 0;
}
.tabs span {
	border:solid 1px #ddd;
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px 5px;
}
	.tabs span a {color:#000;}
	.tabs span a:hover {color:#c00;}
	.tabs span.active {
		color:#fff;
		background:#c00;
		border:solid 1px #c00;
	}
	.tabs span.active a {color:#fff;}
	.tabs span.last {margin:0;}

/*case studies*/
.case {
	margin-bottom:10px;
	border-bottom:solid 1px #ddd;
	padding-bottom:10px;
}
	.case dt {
		width:105px;
		padding:5px 0 0 7px;
		float:left;
		margin:0 15px 0 0;
	}
	.case .name {font-weight:bold; margin-bottom:5px;}
	.case .title {margin-bottom:5px;}
	.case .desc {font-style:italic;}

#eventtype {
	/*float:right;
	margin:-40px 0 0 0;*/
}

.search-box {/*border-bottom:solid 1px #ddd;*/ margin-bottom:20px; /*padding-bottom:10px;*/}
.search-box label {font-weight:bold; display:inline-block; margin-right:10px;}
.search-box #txt_keyword {width:400px; height:19px}
.pagecontents .search-box h3 {margin-bottom:3px;}
.pagecontents .search-box p {margin:3px 0;}

.search-result dl {margin:5px 0; border-bottom:solid 1px #ddd; padding-bottom:5px;}
.search-result dt {font-weight:bold; margin-bottom:2px;}
.search-result dd {color:#666;}

/*press center*/
#news-list {}
	#news-list .nitem {border-bottom:solid 1px #ddd; margin-bottom:10px; padding-bottom:10px;}
	.subpage #news-list .img {float:left; margin:0 15px 15px 0;}

/*validation*/
.error {color:#f00;}
div.error-box {
	border:solid 1px #e4ecf3;
	padding:5px 10px;
	font-size:90%;
	display:none;
	margin-bottom:5px;
	background:#ffffd3;
}
	div.error-box ol {list-style:disc; margin:0 0 0 15px;}
		div.error-box ol li {list-style:disc;}
	div.error-box label {font-weight:normal;}
	
/*sitemap*/
/*.pagecontents .sitemap ul {margin:10px 0; list-style:none;}
.pagecontents .sitemap li {list-style:none;}
*/
/*paging*/
.paging {
	clear:both;
	padding:10px 0;
	font-size:90%;
	/*text-align:right;*/
}
.paging a {
	background:#fff;
	border:solid 1px #ccc;
	padding:1px 4px;
	margin-right:1px;
	color:#333;
}
.paging a.current {background:#e81866; color:#fff;}
.paging a:visited {color:#333;}
#indicator {display:none;}
.hidden {visibility:hidden;}

/*portfolio*/
#client-list {margin:10px 0; list-style:none;}
	#client-list li {float:left; margin-right:10px; text-align:center; list-style:none;}
		.subpage #client-list p {margin:3px 0; font-size:90%;}
.date {color:#999;}
	.date label {font-weight:bold;}