@charset "utf-8";
/* CSS Document */
img {
border: none;
}

.clearboth {
clear: both;
}

ul, li {
margin: 0;
padding: 0;
}

a {
color: #00659f;
text-decoration: none;
}

a:hover {
color: #000;
}

body {
margin: 0 auto;
padding: 0;
background: url(../images/bg_menu.jpg) repeat-x 0 0;
font-size: 12px;
color: #4b4b4b;
font-family: Arial, Helvetica, sans-serif;
}
form {margin:0; padding:0;}
div#menu {
margin: 0 auto;
width: 950px;
}

div#smallMenu {
padding: 18px 0 0 0;
text-align: right;
}

div#smallMenu ul {
list-style: none;
padding: 0 20px 0 0;
}

div#smallMenu ul li {
display: inline;
font-size: 10px;
color: #d6b3b4;
padding: 0 3px;
}

div#smallMenu ul li.flagVN {
padding: 0 0 0 20px;
margin: 0 0 0 20px;
background: url(../images/icon_flag_vn.jpg) no-repeat 0 50%;
}

div#smallMenu ul li.flagEN {
padding: 0 0 0 20px;
margin: 0 0 0 10px;
background: url(../images/icon_flag_en.jpg) no-repeat 0 50%;
}

div#smallMenu ul li.flagEN a, div#smallMenu ul li.flagVN a {
text-transform: none;
}

div#smallMenu ul a {
text-transform: uppercase;
color: #d6b3b4;
}

div#smallMenu ul li a:hover, div#smallMenu ul li a.active {
color: #fff;
}

div#largeMenu {
padding: 10px 0 10px 0;
text-align: right;
}

div#largeMenu ul {
list-style: none;
padding: 0 20px 0 0;
}

div#largeMenu ul li {
display: inline;
}

div#largeMenu ul a {
text-transform: uppercase;
color: #fff;
font-weight: 700;
}

div#largeMenu ul li a span {
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}

div#largeMenu ul li a:hover, div#largeMenu ul li a.active {
background: #1267b5;
display: inline-block;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
}

/*div#largeMenu ul li a:hover span, div#largeMenu ul li a.active span {
background: url(../images/bg_menu_right.jpg) no-repeat 100% 0;
}*/


div#flash {
margin: 0 auto;
background: url(../images/bg_flash.jpg) repeat-x 0 0;
}

div#flash div {
margin: 0 auto;
width: 950px;
}

/* for footer */
div#footer {
background: #014a7a url(../images/bg_footer.jpg) repeat-x 0 0;
color: #d6b3b4;
height: 100%;
width: 100%;
display: table;
font-size: 10px;
padding: 15px 0;
}

div#footerhelp {
margin: 0 auto;
width: 950px;
}

div#footer div.footerleft {
float: left;
}

div#footer div.footerleft div.copyright {
padding: 0 0 0 0;
}

div#footer div.footerleft div.hitcounter {
margin: 15px 0 0 0;
}

div#footer div.footerleft div.hitcounter span {
padding: 5px 7px;
background: #923335;
}

div#footer div.footerright {
float: right;
text-align: right;
}

div#footer div.footerright div.address {

}

div#footer div.footerleft a {
color: #989db4;
}

div#footer div.footerleft a:hover {
color: #fff;
}

div#footer div.footerright a {
color: #d6b3b4;
}

div#footer div.footerright a:hover {
color: #fff;
}

/* for body */
div#body {
}

div#bodyhelp {
margin: 0 auto;
width: 950px;
margin-bottom: 30px;
}

div#ticker {
padding: 5px 20px 20px;
}

div#tickerleft {
float: left;
width: 680px;
}

div#tickerleft marquee a {
background: url(../images/icon_arrow.jpg) no-repeat 0 50%;
padding: 0 0 0 10px;
margin: 0 0 0 20px;
}

div#search {
float: left;
margin: 0 0 0 20px;
}

div#search ul {
list-style: none;

}

div#search ul li {
float: left;
vertical-align: middle;
padding: 0 1px 0 0 ;
}

div#search input.textsearch {
border: 2px solid #00659f;
background: url(../images/bg_search.jpg) repeat-x 0 0;
width: 166px;
height: 17px;
padding: 0;
margin: 0;

}

div#search a.btnsearch img {

line-height: 21px;
height: 21px;
}

div#bodycontent {
padding: 20px;
}

div#bodycontent div.rightcontent {
float: left;
padding: 0 20px 0 0;
width: 590px;
border-right: 1px solid #e4e4e4;
}

div#bodycontent div.leftcontent {
float: right;
clear:right;
padding: 0 0 0 20px;
width: 272px;
}

/* for Home page ****************************************************************************************/
div#bodycontent div.welcome {
float: left;
width: 328px;
background: url(../images/bg_about.jpg) no-repeat 0 0;
padding: 0 20px 0 0;
}

div#bodycontent div.welcome div.title {
color: #365395;
margin: 0 0 40px 45px;
}

div#bodycontent div.welcome div.title span.welcome {
font-size: 24px;
}

div#bodycontent div.welcome div.title span.tedisouth {
font-size: 40px;
text-transform: uppercase;
}

div#bodycontent div.welcome div.content{
margin: 15px 0 0 0;
}

div.readmore {
text-align: right;
}

div.readmore a {
background: url(../images/bg_button.jpg) no-repeat 0 0;
padding: 5px 21px 7px 9px;
font-size: 10px;
color: #fff;
display: inline-block;
}

div#bodycontent div.newproject {
float: left;
width: 220px;
padding: 0 20px 0;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}

div#bodycontent div.newproject div.newprojecttitle, div#bodycontent div.newnews div.newnewstitle {
padding: 0 0 30px 0;
color: #dc4346;
font-size: 24px;
text-transform: uppercase;
}

div#bodycontent div.newproject div.picture {
background: url(../images/bg_image1.jpg) no-repeat 0 0;
padding: 8px 8px 9px 8px;
margin: 0 0 5px 0;
}
div#bodycontent div.newproject div.title {
	text-align:center; padding-bottom:10px; font-weight:700;
}

div#bodycontent div.newnews {
}

div#bodycontent div.newnews div.hotnews {
padding: 15px;
margin: 0 0 1px 0;
background: #f2f7fa;
}

div#bodycontent div.newnews div.odd {
background: #e5eff5;
}

div#bodycontent div.newnews div.hotnews div.hotnewstitle {
font-weight: 700;
}
div#bodycontent div.newnews div.hotnews div.hotnewsdate {
font-size: 10px;
color: #000;
}

div#bodycontent div.newnews div.hotnews div.hotnewscontent {
padding: 20px 0 0 0;
}

div.download {
background: url(../images/bg_download.jpg) no-repeat 0 50%;
padding: 12px 7px;
margin: 20px 0 0 0;
}

div.download a.iconword {
background: url(../images/icon_word.jpg) no-repeat 0 50%;
padding: 5px 0 5px 25px;
}

div.download span.filesize {
font-size: 10px;
}

/* for inside page page ****************************************************************************************/

div.currentmenu  {
padding: 0 0 25px 0;
color: #dc4346;
font-size: 24px;
text-transform: uppercase;
border-bottom: 1px solid #e4e4e4;
}

div.currentsubmenu  {
padding: 5px 0 20px 0;
color: #00659f;
text-transform: uppercase;
font-weight: 700;
}

div.submenu {
margin: 0 0 20px 0;
}

div.submenu ul li {
list-style: none;
color: #00659f;
padding: 0 0 1px 0;

}

div.submenu ul li a {
display: block;
padding: 7px 7px 7px 20px;
color: #4b4b4b;
background: #f2f7fa url(../images/icon_square.jpg) no-repeat 7px 50%;
}


div.submenu ul li a:hover, div.submenu ul li a.active {
color: #00659f;
font-weight: 700;
background-color: #e5eff5;
}
div.submenu ul li div.ssubmenu{
	padding:1px 0 0 10px;
}
div.submenu ul li div.ssubmenu ul li{
list-style: none;
color: #00659f;
padding: 0 0 1px 0;
}
div.submenu ul li div.ssubmenu ul li a {
display: block;
padding: 3px 7px 3px 20px;
color: #4b4b4b;
background: #f7f7fa url(../images/arrow.gif) no-repeat 7px 50%;
}
div.submenu ul li div.ssubmenu ul li a:hover, div.submenu ul li div.ssubmenu ul li a.active {
color: #00659f;
font-weight: 700;
background-color: #eaeff5;
}

div.submenu1 {
margin: 0 0 20px 0;
}

div.submenu1 ul li {
list-style: none;
color: #00659f;
padding: 0 0 1px 0;

}
div.submenu1 ul li a {
display: block;
padding: 7px 7px 7px 20px;
color: #4b4b4b;
background: #f2f7fa url(../images/icon_square.jpg) no-repeat 7px 50%;
}


div.submenu1 ul li a:hover, div.submenu1 ul li a.active {
color: #00659f;
background-color: #e5eff5;
}
/* for partners */

div.partner {
margin: 0 0 0 0;
}

div.partner div.partnertitle {
color: #da3639;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #e4e4e4;
padding: 0 0 3px 0;
}

div.partner div.logopartner {
text-align: center;
padding: 5px 0;
}

div.partner div.logopartner a {
display: block;
border: 1px solid #eee;
}

div.partner div.logopartner a:hover {
border: 1px solid #ccc;
} 

/* for project page */
div#projects {
margin: 20px 0 0;
}

div#projects div.project {
float: left;
width: 185px;
padding: 0 0 25px 0;
margin: 0 5px;
}

div#projects div.project div.image {
background: url(../images/bg_image2.jpg) no-repeat 0 0;
height: 105px;
}

div#projects div.project div.image img {
padding: 8px 0 0 9px;
}

div#projects div.project div.name {
margin: 15px 0 0;
text-align: center;
height:20px;
}

div#projects div.project div.name a {
color: #00659f;
padding: 0 15px 0 5px;
text-decoration: none;
font-weight: 700;
}

div#projects div.project div.name a:hover {
color: #000;
}

div#projects div.project div.description {
font-size: 10px;
color: #868686;
padding: 0 0 0 5px;
}

div#page {
border-top: 1px solid #dfdfdf;
margin: 40px 0 0 0;
padding: 10px 0 0 0;
}

div#page div.direction {
float: left;
font-size: 10px;
color: #868686;
}

div#page ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}

div#page ul li {
list-style: none;
float: left;
margin: 0 0 0 2px;
padding: 0;
}

div#page ul li a {
float: left;
display: block;
padding: 3px 8px;
background: url(../images/bg_number.jpg) no-repeat 0 50%;
color: #464646;
font-size: 11px;
text-decoration: none;
}

div#page ul li a:hover {
background: url(../images/bg_number_hover.jpg) no-repeat 0 50%;
font-weight: 700;
}

div#page ul li a.active {
background: none;
font-weight: 700;
color: #d00000;
}

div.othernews {
border-top: 1px solid #e4e4e4;
padding: 3px 0 0 0;
margin: 20px 0 0 0;
}

div.othernews a {
padding:  5px 0 5px 15px;
background: url(../images/icon_page.jpg) no-repeat 0 50%;
font-size: 10px;
}

/* for project detail */
div.projectimage {
text-align: center;
}

div.projectcontent {
margin: 10px 0;
}

div.projectlabel {
font-weight: 700;
text-transform: uppercase;
/*border-bottom: 1px solid #e4e4e4;*/
padding: 0 0 3px 0;
margin:  10px 0 0px;
clear:both;
}

div.projectinvestor div.investor, div.projectpartner div.partnerlogo {
float: left;
width: 190px;
padding: 0 0 0;
margin: 0 3px;
}

.clearboth1 {border-top:solid #eaeaea 1px; padding:5px 0; clear:both;}
div.projectpartner img {
	float:right; padding:0 0 0 10px;
}
div.projectpartner div.content{padding:0}
div.projectpartner div.content a {color:#686868; font-weight:700;}
div.projectpartner div.content a:hover{color:#dc4346}

div.projectinvestor div.investor div.investorlogo {
height: 65px;
text-align: center;
vertical-align: middle;
}

div.projectinvestor div.investor div.investordescription {
text-align: center;
background: #f0f0f0;
padding: 3px;
}

div#bodycontent div.clearborder {
border: none;
}

/* for recruitment page */
div.adbanner {
margin: 0 0 20px;
}

div.adbanner div.banner img {
border: 1px solid #eee;
}

div.listdownload div.downloadlabel {
background: url(../images/bg_download.jpg) no-repeat 0 50%;
padding: 12px 7px;
margin: 0 0 10px 0;
color: #da3639;
text-transform: uppercase;
font-weight: 700;
}

div.listdownload div.downloadlabel span {
background: url(../images/icon_download.jpg) no-repeat 0 50%;
padding: 5px 0 5px 25px;
}

div.listdownload ul {
list-style: none;
}

div.listdownload ul li {
border-bottom: 1px dashed #e4e4e4;
}

div.listdownload ul li a {
display: block;
padding: 7px 5px 7px 35px;
}

div.listdownload ul li a.iconword {
background: url(../images/icon_word.jpg) no-repeat 5px 50%;
}

div.listdownload ul li a.iconpdf {
background: url(../images/icon_pdf.jpg) no-repeat 5px 50%;
}

/* for news pages */

div.listnews {
margin: 20px 0 0;
padding: 0 0 0 0;
}

div.news {
margin: 0 20px 10px 0;
border-bottom: 1px dashed #cce0ec;
}

div.news img {
float: left;
padding: 3px;
margin: 0 10px 10px 0;
border: 1px solid #e4e4e4;
}

div.news div.title {
margin: 0 0 10px 0;
}

div.news div.content {
padding: 0 0 10px 0;
}

div.news div.title a {
font-weight: 700;
}

div.news div.date {
font-size: 10px;
color: #000;
}

div.morenews {

}
div.morenews div.title {
font-weight: 700;
background: #cce0ec;
padding: 7px 10px;
}

div.morenews  ul {
list-style: none;
margin: 15px 0 0 0;
}

div.morenews  ul li{
padding: 2px 10px 2px 25px;
background: url(../images/icon_square.jpg) no-repeat 10px 50%;
}

div.morenews  ul li a{
padding: 0;
}

div.morenews div.readmorenews {
margin: 10px 0 0;
font-size: 11px;
}

div.redmorenews {
text-align: left;
margin: 10px 0 0 25px;
}


/* for news detail page */
div.newsarticle {
}

div.newsarticle div.title {
font-weight: 700;
}

div.newsarticle div.date {
font-size: 10px;
color: #000;
}

div.newsarticle div.content {

}

div.printemail {
background: #e5eff5;
padding: 5px 10px;
}

div.printemail ul {
list-style: none;
}

div.printemail ul li {
display: inline;
margin: 0 0 0 10px; 
}

div.printemail ul li a{
font-size: 10px;
padding: 3px 0 3px 20px;
}

div.printemail ul li a.print{
background: url(../images/icon_printer.jpg) no-repeat 0 50%;
}

div.printemail ul li a.email{
background: url(../images/icon_email.jpg) no-repeat 0 50%;
}

/* for library page */
div.attachedfile {
background: #f0f0f0 url(../images/icon_download.gif) no-repeat 5px 50%;
border-top: 1px solid #e4e4e4;
padding: 5px 10px 5px 25px;
font-size: 11px;
float:left;
width: 400px;
margin: 5px 0 0 0;
}

div.attachedfile ul {
list-style: none;
}

div.attachedfile ul li{
display: inline;
padding: 0 5px 0 0;
}

div.attachedfile2 {
float: none;
width: auto;
margin: 0 0 40px 0;
}

div.newsarticle div.attachlabel {
font-weight: 700;
padding: 10px 0;
}


/* for contact page */
div.welcomecontact {
background: url(../images/bg_contact_us.jpg) no-repeat 100% 0;
border-bottom: 1px solid #e4e4e4;
margin: 0 0 1px 0;
}

div.welcomecontact div.welcometext {
color: #00659f;
padding: 10px 50px 40px 0;
}

div.welcomecontact div.requirednote {
font-size: 10px;
padding: 0 0 10px;
}

span.redstar {
color: #FF0000;
}

div#contactform {
background: url(../images/bg_form.jpg) repeat-x 0 0;
padding: 20px;
}

form, ol {
padding: 0;
margin: 0;
}

div#contactform ol, div#contactform ul {
list-style: none;
}

div#contactform ol li.left {
float: left;
}

div#contactform ol li.right {
float: right;
}

div#contactform ol li ul li {
padding: 2px 0;
}

div#contactform ol li ul li.fieldlabel {
padding: 10px 0 0 0;
}

div#contactform input.textfield {
width: 208px;
height: 20px;
border: 3px solid #b7daee;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
vertical-align:middle;

}

div#contactform textarea {
width: 300px;
height: 110px;
border: 3px solid #b7daee;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}

div#contactform input.btnsubmit, div#contactform input.btncancel {
border: none;
background: none;
background: url(../images/bg_button_contact.jpg) no-repeat 0 50%;
height: 25px;
width: 72px;
padding: 0 0 2px 0;
margin: 0 0 0 2px;
text-align: center;
font-size: 10px;
font-family: Arial;
color: #fff;
text-transform: uppercase;
vertical-align: middle;
}

div.officeaddress div.office {
padding: 0 0 25px 0;
color: #dc4346;
font-size: 24px;
text-transform: uppercase;
}

div.officeaddress div.address {
padding: 0 0 20px;
}

div.officeaddress div.address ul {
list-style: none;
}

div.officeaddress div.address ul li {
padding: 2px 0;
}

div.map div.mapnote {
font-size: 10px;
background: url(../images/icon_mouse.jpg) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 5px 0 0 ;
}

div#page {
margin: 20px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #d2d2d2;
}

div#page div.direction {
float: right;
font-size: 10px;
color: #a7a7a7;
background: url("../images/icon_lifebuoy.jpg") no-repeat 0 50%;
padding: 3px 3px 3px 22px;
}

div#page ul {
float: left;
list-style: none;
}

div#page ul li {
float: left;
margin: 0 0 0 2px;
}

div#page ul li a {
display: block;
padding: 5px 9px;
background: url(../images/bg_number.jpg) no-repeat 0 50%;
color: #003b94;
font-size: 11px;
text-align: center;
}

div#page ul li a:hover {
/*background: url(../images/bg_number_hover.jpg) no-repeat 0 50%;*/
font-weight: 700;
}

div#page ul li a.active {
background: none;
font-weight: 700;
color: #e75a2a;
background: url(../images/bg_number_hover.jpg) no-repeat 0 50%;
}
div#page ul li a.page_cur {
background: none;
font-weight: 700;
color: #e75a2a;
background: url(../images/bg_number_hover.jpg) no-repeat 0 50%;
}