/******************************************************************
 * Layout section for styling contact 
 */
.contact
{
	margin: 5px;
}
.contact table
{
}

.contact th
{
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #2167b8;
}

.contact td
{
	padding-top: 5px;
}

.contact td a, .contact td a:link, .contact td a:visited
{
	text-decoration: none;
	color: #2f2f2f;
}

.contact td a:hover
{
	text-decoration: underline;
}

/* company*/

.contact .company{
}

.contact .company td
{
	font-weight: bold;
	color: #2167b8;
}

.contact .company td span.vi
{
	font-weight: bold;
	color: #006539;
}
.contact .company td span.en
{
	font-weight: bold;
	color: #bfbfbf;
}

/* department*/
.contact .department{
}

.contact .department th{
	text-align: left;
	color: #638f2b;
	border-top: #a3a3a3 1px solid;
	padding-top: 20px;
}
.contact .department td{
	padding-left: 2px;
}


/* hotline - support*/

.contact .support th{
	text-align: left;
	color: #638f2b;
}

.contact .support td{
	padding-left:5px;
	text-align: center;
}

.contact .support .title {
	font-size: 13px;
	font-weight: bold;
	color: #808080;
}

.contact .support .slash{
	border-right: #cacaca 1px dashed;	
}
.contact .support .hotline{
	vertical-align: top;
	font-size: 16px;	
	color: #ff0000;
	font-weight: bold;
}
.contact .support .email{
	vertical-align: top;
}

/* message*/
.contact .message{
}

.contact .message th{
	text-align: left;
	color: #638f2b;
	border-bottom: #638f2b 2px solid;
	padding: 5px 0px 5px 0px;
}
.contact .message td{
	padding: 5px 0px 3px 0px;
	
}
.contact .message .required{
	color: #ff0000;
}
.contact .message .submit{
	border-top: #638f2b 1px dotted;
}