/*
Theme Name: FPT - Arena
Theme URI: http://cathtml.com/
Description: ntuananh.vn@gmail.com
Author: Nguyen Tuan Anh - ntuananh.vn@gmail.com
Author URI: http://cathtml.com/
*/
body{width:100%; margin:0px; padding:0px; background-color: #000000;}
#out{width:100%; margin:0px; padding:0px; background:url(images/Background/homebg.jpg) no-repeat center 0px #000000;}
/*#out{width:100%; margin:0px; padding:0px; }*/
a{text-decoration:none;}
a img{border:none;}
ul{list-style-type:none;}

#wrap{width:980px; margin:0px auto;}
#header{width:980px; height:57px; padding:39px 0px 33px;}
.logo{}
.arenaLogo{background:url(images/Icon/arena.gif) no-repeat; width:100px; float:left; height:49px; margin:0px 0px 0px 30px; _margin:0px 0px 0px 15px;cursor:pointer;}
.fptLogo{background:url(images/Icon/fpt.png) no-repeat; width:97px; height:51px; float:left; margin:0px 0px 0px 38px;cursor:pointer;}
.topMenu{width:632px; padding:0px 0px 0px 82px; float:left; height:51px;}

.topMenu{width:632px; padding:0px 0px 0px 82px; float:left; height:57px;}

.menu_1{background:url(images/Icon/AboutArena.png) no-repeat; float:left; display:block; width:133px; height:57px;}
.menu_1_act, a.menu_1:hover {background:url(images/Icon/AboutArena_over.png) no-repeat; float:left; display:block; width:133px; height:57px;}
.menu_2{background:url(images/Icon/aboutScheme.png) no-repeat;float:left; display:block; width:179px; height:57px;}
.menu_2_act, a.menu_2:hover{background:url(images/Icon/aboutScheme_over.png) no-repeat;float:left; display:block; width:179px; height:57px;}
.menu_3{background:url(images/Icon/news.png) no-repeat; float:left; display:block; width:74px; height:57px;}
.menu_3_act, a.menu_3:hover{background:url(images/Icon/news_over.png) no-repeat;float:left; display:block; width:74px; height:57px;}
.menu_4 {background:url(images/Icon/Idol.png); float:left; display:block; width:117px; height:57px;}
.menu_4_act, a.menu_4:hover{background:url(images/Icon/Idol_over.png);float:left; display:block; width:117px; height:57px;}
.menu_5{background:url(images/Icon/registry.png) no-repeat; float:left; display:block; width:116px; height:57px;}
.menu_5_act, a.menu_5:hover{background:url(images/Icon/registry_over.png) no-repeat;float:left; display:block; width:116px; height:57px;}

#content{width:980px; overflow:hidden;}
.mainBanner{width:980px; overflow:hidden; margin:0px 0px 20px; background:url(images/Background/slideTop2.gif) no-repeat 0px 0px; padding:6px 0px 0px;}
.topBanner{width:980px; height:260px; position:relative; overflow:hidden;}
.yellowBox_out{width:980px; overflow:hidden; margin:0px; background:url(images/Background/slideTop2.gif) no-repeat 0px 0px; padding:6px 0px 0px;}
.yellowBox_in{width:980px; background:#FFFF00;}

.yellowBox{width:980px; overflow:hidden; background:#FFFF00; padding:22px 0px;}
.whiteBox{width:980px; overflow:hidden; background:#fff; padding:22px 0px;}

.leftCT{width:685px; padding:0px 0px 0px 15px; float:left; overflow:hidden;}
.rightCT{width:280px; float:left; overflow:hidden; padding:13px 0px 0px;}

.mainYellow{width:685px; margin:0px 0px 32px; overflow:hidden;}
.subYellow{width:685px; margin:0px 0px 32px; overflow:hidden;}

.mainY_left{width:187px; padding:0px 15px 0px 0px; float:left; overflow:hidden;}
.mainY_mid{width:220px; padding:17px 16px 17px 0px; float:left; overflow:hidden;}
.mainY_right{width:247px; padding:17px 0px 0px 0px; float:left; overflow:hidden;}

.aMainY_title{font:bold 28px Arial; color:#000000; line-height:30px; margin:0px 0px 5px;}
.dateTimeL{font:bold 24px Arial; color:#616161; margin:0px 0px 1px;}
.viewNum{font:12px tahoma; color:#616161; margin:0px;}

.aMainY_img img{width:200px; height:120px; border:1px solid #000; float:left;}
.mainY_lead{font:12px Arial; color:#000; margin:0px 0px 3px;}
.pViewMore{margin:0px;}
.pViewMore2{margin:0px; text-align:right;}
.pViewMore a,.pViewMore2 a{font:18px Arial; color:#616161;}

.divYellow_odd{width:330px; margin:0px 15px 0px 0px; background:url(images/Background/browVer.gif) no-repeat 100% 0px; padding:0px 5px 0px 0px; float:left;}
.divYellow_even{width:330px; background:url(images/Background/browVer.gif) no-repeat 100% 0px; padding:0px 5px 0px 0px; float:left;}
.divImage{width:90px; float:left;}
.aImg_70 img{width:70px; height:70px; float:left; border:1px solid #000; padding:1px; margin:3px 16px 0px 0px;}
.subY_Right{width:240px; float:left;}

.pSubY{margin:0px 0px 3px;}
.pSubY a{font:18px Arial; color:#000; line-height:18px;}
.dateTimeS{font:12px Arial; color:#000; margin:0px 0px 3px;}

.emerging{margin:0px 0px 26px; overflow:hidden; float:left;}
.support{padding:0px 0px 0px 14px; float:left; overflow:hidden; margin:0px 0px 3px;}
.Download29{width:100%; overflow:hidden; margin:0px;}


.backBox{width:980px; overflow:hidden; background:#141213; padding:22px 0px;}
.backBox_left{width:662px; padding:0px 16px 0px 7px;}
.backBox_up{width:100%; padding:0px 0px 22px; float:left; overflow:hidden;}
.backBox_down{width:100%; float:left; overflow:hidden;}

.galleryTitle{font:bold 45px Arial; color:#fff;width:161px; padding:36px 0px 0px; float:left;}
.gallery_des{width:368px; margin:0px 8px 0px 0px; float:left;}
.aGallery_img img{ float:left; width:70px; height:70px; padding:1px; border:1px solid #fff; margin:5px 20px 0px 0px;}

.pAuthor{margin:0px 0px 3px;font:17px Arial; color:#fff;}
.pGallery_des{font:12px Arial; color:#909090; margin:0px;}
.markGallery{width:123px; height:33px; border:1px solid #515151; float:left; padding:13px 0px 0px; text-align:center;}
.agetMark{ background:url(images/Icon/good.gif) no-repeat 100% 0px; padding:0px 25px 0px 0px; font:18px Arial; color:#fff;}

.backBox_right{width:250px; padding:0px 16px 0px 14px;}
.TalkAbout{font:bold 45px Arial; color:#fff; margin:0px 0px 3px; vertical-align:top;width:100%;}


.yBubble, .rBubble{width:249px; padding:0px 0px 0px 1px;margin:0px 0px 8px}
.yBubble_top{width:249px; height:7px; background:url(images/Background/topYellow.gif) no-repeat; overflow:hidden;}
.yBubble_bottom{width:249px; height:16px; background:url(images/Background/bottomYellow.gif) no-repeat; overflow:hidden;}
.yBubble_mid{width:223px; padding:0px 13px; background:#FFFF00; font:italic 14px "Times New Roman", Times, serif; color:#000;}
.ytalkPerson{font:12px Arial; color:#FFFF00; padding:0px 0px 0px 13px; margin:0px;}

.rBubble_top{width:249px; height:7px; background:url(images/Background/topRed.gif) no-repeat; overflow:hidden;}
.rBubble_bottom{width:249px; height:16px; background:url(images/Background/bottomRed.gif) no-repeat; overflow:hidden;}
.rBubble_mid{width:223px; padding:0px 13px; background:#ff0000; font:italic 14px "Times New Roman", Times, serif; color:#fff;}
.rtalkPerson{font:12px Arial; color:#ff0000; padding:0px 0px 0px 13px; margin:0px;}

.footerMenu{width:980px; height:59px; background:url(images/Background/footerMenu.gif) no-repeat; margin:0px 0px 20px; overflow:hidden;}
.left_FM{padding:13px 0px 0px 18px; float:left;}
.left_FM a{width:32px; height:46px; float:left; margin:0px 12px 0px 0px;}

.right_FM{padding:22px 16px 0px 0px; float:right;}
.right_FM a{margin:0px 20px 0px 0px; padding:0px 0px 0px 24px;float:left; background:url(images/Icon/fm_normal.png) no-repeat; font:bold 14px Arial; color:#848484; height:18px; display:block;}
.right_FM a:hover{margin:0px 20px 0px 0px; padding:0px 0px 0px 24px; float:left; background:url(images/Icon/fm_active.png) no-repeat; font:bold 14px Arial; color:#FFFF00;display:block;}

#footer{width:978px; padding:25px 0px 0px; border:1px solid #676667; margin:0px 0px 80px; overflow:hidden;}
.bottomFooter{width:978px; height:26px; overflow:hidden; margin:15px 0px 0px; float:left;}
.address{width:215px; border-right:1px solid #676667; float:left; overflow:hidden; padding:0px 0px 0px 28px; height:85px;}

.pArena{margin:0px 0px 3px; font:bold 12px Arial; color:#8b8a8a;}
.pdetailAdd{margin:0px; font:12px Arial; color:#8b8a8a;}
.lastAdd{border:none;}

.left2{width:660px; padding:0px 20px; background:url(images/Background/browVer.gif) no-repeat 100% 0px; float:left; overflow:hidden;}
.right2{width:280px; float:left; overflow:hidden; padding:0px;}

.fourTerms{width:100%; margin:0px 0px 25px; overflow:hidden;}
.detailTerm,.detailReg,.arenaEvent{width:660px; margin:0px 0px 20px; overflow:hidden;}

.detailTerm_left{width:326px; margin:0px 16px 0px 0px; float:left; overflow:hidden;}
.detailTerm_right{width:318px; margin:0px; float:left;}
.indexTerm{font:bold 24px Arial; margin:0px;}
.indexTerm2{font:bold 24px Arial; margin:0px 0px 10px 38px;}

.nameTerm{font:bold 30px Arial; margin:0px 0px 8px;}
.subject{font:bold 18px Arial; margin:0px 0px 12px;}
.subject2{font:bold 18px Arial; margin:0px 0px 5px;}

.listSubjects{width:323px; margin:0px; padding:0px; background:url(images/Background/browVer.gif) no-repeat 100% 0px; padding:0px 3px 0px 0px;}
.listS_line{width:100%; margin:0px 0px 3px; overflow:hidden;}
.listSubjectL{width:20px; float:left;overflow:hidden; background:url(images/Icon/roundY.gif) no-repeat 0px 0px; font:12px Arial; color:#FFFF00; padding:3px 0px 0px 6px; height:23px;}
.listSubjectR{width:196px; float:left;overflow:hidden; padding:0px 100px 0px 0px; font:12px Arial; color:#000; line-height:20px;}

.ulsoftware{width:318px; margin:0px; padding:0px; }
.ulsoftware li{ line-height:20px; margin:0px 0px 10px;list-style-type:disc; font:bold 14px Arial; list-style-position:inside;}

.workJob{width:660px; margin:0px; overflow:hidden;}
.pworkJob{font:12px Arial; color:#000; margin:0px 0px 10px;}

.divPage{width:100%; height:35px;}
.navPage{height:35px; float:left; font:bold 18px Arial; color:#000;}

.pageNum {height:35px; font:bold 18px Arial; color:#848484;}
.currentPage {height:35px; font:bold 18px Arial; color:#000;}


.navPage .apre{margin:0px 26px 0px 0px; float:left; width:36px; height:35px; background:url(images/Icon/pre.png); display:block;}
.navPage .anext{margin:0px 0px 0px 26px; float:left; width:36px; height:35px; background:url(images/Icon/next.png); display:block;}

.numberPage{font:bold 18px Arial; color:#000; padding:4px 0px 0px; float:left;}
.sepPage{padding:4px 8px 0px; float:left;}


.otherNav{float:left; height:35px; padding:0px 0px 0px 150px;}
.otherNav .apre{margin:0px 25px 0px 0px; float:left; width:36px; height:35px; background:url(images/Icon/pre.png); display:block;}
.otherNav .anext{margin:0px; float:left; width:36px; height:35px; background:url(images/Icon/next.png); display:block;}

.pTitlePage{font:bold 22px Arial; color:#000; margin:0px;}
.pTitleReg{font:bold 30px Arial; color:#000; margin:0px 0px 25px;}
.detailReg_left{width:345px; margin:0px 35px 0px 0px; float:left; overflow:hidden;}
.detailReg_right{width:280px; margin:0px; float:left;}
.formReg{width:345px; padding:15px 0px 0px;}
.formReg_line{width:345px; margin:0px 0px 7px; height:28px;}
.formRegL{width:104px; float:left; padding:7px 0px 0px; font:12px Arial; color:#000;}
.formRegR{width:241px; float:left; padding:0px; font:12px Arial; color:#000;}

.inputReg,.inputDate,.inputMonth,.inputYear{height:21px; padding:5px 0px 0px;border:1px solid #d2d2d2; font:12px Arial; color:#000; float:left;}
.inputReg{width:224px;}
.starImportant{padding:8px 0px 0px 5px; float:left;}
.inputDate{width:53px; margin:0px 5px 0px 0px; text-align:center;}
.inputMonth{width:104px; margin:0px 5px 0px 0px; text-align:center;}
.inputYear{width:53px; text-align:center;}

.ulMethod{width:100%; margin:0px; padding:0px; list-style-type:none; overflow:hidden;}
.ulMethod li{margin:0px 0px 10px;width:100%; overflow:hidden;}
.ulMethod li .checkBox{width:27px; float:left; overflow:hidden;}
.ulMethod li .method{width:253px; float:left; overflow:hidden; font:12px Arial; color:#000;}
.slcKhoa{font:12px Arial; width:253px;border:1px solid #d2d2d2; padding:3px;}
.submitReg{width:77px; height:28px; border:none; cursor:pointer; background:url(images/Icon/send.gif) no-repeat; float:right;}
.gform_wrapper input[type="hidden"], .gform_wrapper input.gform_hidden {
display:none;
}

.detailReg{margin-bottom:60px;}
.ulSupport{width:660px; margin:0px; padding:0px; list-style-type:none; overflow:hidden;}
.ulSupport li{width:660px; margin:0px 0px 22px; overflow:hidden;}

.ulSupport li .one{width:75px; height:75px; float:left; background:url(images/Icon/roundS.gif) no-repeat 14px 0px; padding:0px 0px 0px 29px; font:bold 48px Arial; color:#FFFF00;}
.ulSupport li .two{width:206px; float:left; margin:0px 70px 0px 0px;}
.ulSupport li .three{width:280px; float:left;} 

.pdetailReg{margin:0px 0px 12px; font:12px Arial; color:#000;}
.viewMap{font:14px Arial; color:#000;}
.subject2{font:bold 18px Arial; margin:0px 0px 5px;}
.aYM{margin:0px 5px 0px 0px; width:32px;}

.historyArena{width:660px; padding:0px 0px 5px; border-top:1px solid #060600;border-bottom:1px solid #060600; margin:0px 0px 15px;}
.pdes{font:12px Arial; color:#000; margin:0px 0px 30px;}

.navigationH{width:558px; padding:0px 0px 0px 40px; float:left; overflow:hidden;}
.fYear{width:558px; float:left; margin:0px 0px 24px;}
.listEvent{width:660px; float:left; margin:0px 0px 15px;}

.ulAboutArena{width:250px; padding:15px; margin:0px; list-style-type:none;}
.ulAboutArena .page_item{font:bold 22px Arial; color:#000; width:100%;}
.ulAboutArena .page_item a{font:bold 22px Arial; color:#000; }
.ulAboutArena .liSep{width:100%; height:1px; overflow:hidden; background:#000; margin:7px 0px;}

.newsBanner{width:660px; margin:0px 0px 30px;}
.supportRecruitment{width:249px; padding:0px 15px; margin:0px 0px 10px;}
.RecruitH{width:249px; height:39px; padding:10px 0px 0px; text-align:center; font:bold 18px Arial; color:#000; background:url(images/Background/head_support.gif) no-repeat;}
.RecruitM{width:247px; border-left:1px solid #bbbbbb;border-right:1px solid #bbbbbb; background:#f3f1f1; height:222px;}
.RecruitB{width:249px; background:url(images/Background/bottom_support.gif) no-repeat; height:16px; overflow:hidden;}

.Download_H{width:660px; font:bold 30px Arial; color:#ff9000; padding:5px 0px 15px; border-bottom:1px solid #d8d8d8; margin:0px 0px 18px;}
.Download_H a{color:#ff9000;}
.Download_H a:hover{color:#d8d8d8;}
.listDownload{width:492px; float:left; margin:0px 0px 15px; border-right:1px solid #d8d8d8; padding:0px 5px 0px 0px;}

.downloadButton{width:162px; float:left; overflow:hidden; padding:30px 0px 0px;}
.linkDown{background:url(images/Icon/downloadButton.gif) no-repeat; float:right; width:128px; height:18px; border:none; cursor:pointer; font:10px Arial; color:#525252; text-align:center; padding:2px 0px 0px;}
.linkDown b{font-size:12px;}

.ulAboutDown{width:250px; padding:15px; margin:0px; list-style-type:none;}
.ulAboutDown .textLink{font:bold 22px Arial; color:#ff9000; width:100%;}
.ulAboutDown .textLink a{font:bold 22px Arial; color:#ff9000; }
.ulAboutDown .textLink a:hover{font:bold 22px Arial; color:#d8d8d8; }
.ulAboutDown .liSep{width:100%; height:1px; overflow:hidden; background:#dadada; margin:7px 0px;}

.title{font:bold 18px Arial; color:#000; margin:5px 0px;}
.lead{font:bold 12px Arial; color:#000; margin:10px 0px 15px;}
.normal{font:12px Arial; color:#000;}
.turnBack{float:left; padding:10px 0px 0px; font:12px Arial; color:#000;}

.relateNews{width:100%; padding:30px 0px 10px;}
.pRelateNews{font:bold 12px Arial; color:#000; text-transform:uppercase;}
.ulRelateNews{width:100%; margin:0px; padding:0px; list-style-type:none;}
.ulRelateNews li{width:100%; margin:0px 0px 3px;}
.ulRelateNews li a{font:12px Arial; color:#000;}

.p22Px{font:bold 22px Arial; color:#525252; margin-top:0px;}
.mainImg{width:660px; height:365px; margin:0px 0px 28px;}
.mainImgL{width:487px; float:left; overflow:hidden;}
.mainImgR{width:171px; height:361px; padding:1px 1px 1px 0px; border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd; background:#f9f9f9; float:left;}
.mainImgR_in{width:110px; height:333px; padding:28px 30px 0px; background:#fff;}

.divImageG{width:90px;}
.pNameG{font:bold 14px Arial; color:#525252; margin:5px 0px 3px; float:left; width:100%;}
.pdesG{font:12px Arial; color:#525252; margin:15px 0px 30px; float:left; width:100%;}
.normalTitle{font:12px Arial;color:#525252; margin:0px; float:left; }
.ulListGallery{width:660px; margin:0px 0px 15px; padding:0px; list-style-type:none;}
.ulListGallery li{width:144px; float:left; margin:0px 28px 0px 0px;}
.ulListGallery li.last{ margin:0px;}

.listGallery{width:100%; overflow:hidden;}
.aimgGallery img{width:140px; border:1px solid #d2d2d2; background:#fff; padding:1px; margin:0px 0px 5px; float:left;}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
ul.accordion{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.accordion li{
  float: left;
  display: block;
}

ul.accordion li a{
  display: block;
  overflow: hidden;
  height: 260px;
  width: 180px;
}

#a1 {
  width: 620px;
}

/* The gallery accordion */
ul.accordion_gallery{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.accordion_gallery li{
  float: left;
  display: block;
}

ul.accordion_gallery li a{
  display: block;
  overflow: hidden;
  height: 266px;
  width: 130px;
}

#a2 {
  width: 402px;
}

.a_img {
  width: 402px;
}


.rowLeft{width:20px; height:34px; float:left; padding:14px 19px 14px 0px;}
.rowRight{width:20px; height:34px; float:left; padding:14px 0px 14px 16px;}
.ulYears{width:482px; height:62px; background:url(images/Icon/dotBlack.gif) repeat-x 0px 31px; margin:0px; padding:0px; float:left;}
.ulYears .liYear{width:62px; height:40px; background:url(images/Icon/roundYear.gif) no-repeat 0px 0px; padding:22px 0px 0px; float:left;}
.liYear a{font:bold 18px Arial; color:#FFFF00; width:62px; text-align:center; float:left;}
.liYear a:hover,.aYears{font:bold 18px Arial; color:#fff!important; width:62px; text-align:center; float:left;}
.ulYears .sepYear{width:78px; height:62px; float:left;}
.fMonth{width:478px; margin:0px 0px 24px 42px; height:28px; padding:0px 0px 34px; background:url(images/Icon/dotBlack.gif) repeat-x 0px 15px;}

.ulMonths{width:483px; height:28px; margin:0px; padding:0px;}
.ulMonths .liMonth{width:27px; height:28px;float:left; overflow:hidden;}
.ulMonths .sepMonth{width:14px; height:28px;float:left; overflow:hidden;}
.liMonth .aNormal{background:url(images/Icon/sRound.gif) repeat-x 0px 0px;width:27px; height:25px; padding:3px 0px 0px;text-align:center;float:left; font:bold 18px Arial; color:#FFFF00;}

.liMonth .aNormal:hover,.aMonth{background:url(images/Icon/sRound.gif) repeat-x 0px 0px;width:27px; height:25px; padding:3px 0px 0px;text-align:center;float:left;font:bold 18px Arial; color:#fff!important;}

.liMonth .notAct,.liMonth .notAct:hover{background:url(images/Icon/blursRound_.gif) repeat-x 0px 0px!important;width:27px; height:25px; padding:3px 0px 0px;text-align:center;float:left;font:bold 18px Arial; color:#FFFF00!important;}