/* Blueprint framwork */
@import url('blueprint/blueprint.css');
/* CSS Document */
/* MASTER ELEMENTS */
body {background:url(../images/bkg_main.jpg) #f8f7f6; min-width: 960px;}
	#pageContainer {background: url(../images/bkg_mainBody.jpg) no-repeat 50% 100px;}
		#header {background: url(../images/bkg_mainHead.gif) no-repeat 50% 0 #a2d0ff; height: 100px;}
			#headerContainer {width:950px; height: 70px; margin:0 auto;}
				.title_schoolName {background:url(../images/title_alphaName.gif) no-repeat; height: 30px; overflow: hidden; text-indent: 300px; margin:26px 0 0 0;}
				.quickJumpContainer {height: 50px; border-right: 1px solid #82a6cc; overflow:hidden;}
				.languageContainer {height: 50px; border-left: 1px solid #96bbe0; overflow:hidden;}
				.listLanguage {padding-top:5px;}
				.linkLangVI, .linkLangEN {background: url(../images/icons_Flags.gif) no-repeat; width: 23px; height: 23px; display:block; overflow: hidden; text-indent: 50px;}
				.linkLangVI {background-position:0 -50px;}
					.linkLangVIActive, .linkLangVI:hover {background-position:0 0;}
				.linkLangEN {background-position:-34px -50px;}
					.linkLangENActive, .linkLangEN:hover {background-position:-34px 0;}
			#navigator {background:#253f90;}
				#navigatorContainer {width: 950px; height: 30px; margin: 0 auto;}
					.linkMainHome a {width: 85px;}
					.linkMainAbout a {width: 95px;}
					.linkMainStudy a {width: 135px;}
					.linkMainCourses a {width: 155px;}
					.linkMainNews a {width: 60px;}
					.linkMainContact a {width: 60px;}
					
					ul.dropdown {font-size:85%; font-weight: bold; padding:0; margin:0;}
					ul.dropdown li { position: relative;}
					ul.dropdown a:hover { color:#FFFF66; }
					ul.dropdown a:active { color: #ffa500; }
					ul.dropdown li a {color:#FFF; font-weight:bold; text-decoration:none; height:23px; display: block; padding:7px 0 0 20px;}
					ul.dropdown li.hover, ul.dropdown li:hover { background: #1b6ab3; color: black; position: relative; }
					ul.dropdown li.hover a {}
					ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; padding:0; z-index: 999;}
					ul.dropdown ul li { background: #1b6ab3; font-weight: normal; color: #000; border-bottom: 1px solid #ccc; float: none; }
                                    /* IE 6 & 7 Needs Inline Block */
					ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } 
				#frmQuickSearch {background:#237dc8; width:230px; padding:2px;}
					#frmQuickSearch fieldset {background:#FFF; height:26px;}
					#frmQuickSearch .iptQuickSearch {width:190px; border:none; margin:0; padding:5px 0 0 5px;}
						.iptInit {color:#999;}
						.btnQuickSearch {background:url(../images/btn_quickSearch.gif) no-repeat; width:29px; height:20px; border:none; text-indent:200px; cursor:pointer; overflow:hidden; margin-top:3px;}
				#boxQuickContact {background:url(../images/bkg_boxContactFooter.gif) no-repeat 0 100%; padding:0 0 20px 0;}
					#boxQuickContact .boxContainer {background:url(../images/bkg_boxContactBody.gif) repeat-y;}
					#boxQuickContact h3 {background:url(../images/bkg_boxContactHead.gif) no-repeat; height:57px; text-indent:-1300px; overflow:hidden; padding:0; margin:0;}
		
		#body {width:950px; margin:0 auto; padding:20px 5px;}
		#body[id] {background:url(../images/bkg_body.png) repeat-y;}
			.boxTop {background:url(../images/bkg_topPanel.gif) no-repeat; height:190px;}
			.listDirection {margin:0; padding:10px 0 5px 0;}
				.listDirection li {background:url(../images/bullet_arrow.gif) no-repeat 100% 2px; display:block; float:left; padding-right:20px; margin-right:10px;}
				.listDirection .last {background:none;}
				.listDirection a {text-decoration:none;}
			#bodyContent {padding-left:20px;}
			#bodyContent h4, #bodyContent h5, #bodyContent h6 {font-weight: bold;}
		#footer {background: url(../images/bkg_mainFooter.gif) repeat-y 50% 0 #243c89; height: 45px;}
			#footerContainer {width:950px; display:block; margin:0 auto; padding:15px 0 0 35px;}
		
/* COMMON ELEMENTS */

	/* DISTANCE CONTROL */
.margin-left {margin-left: 10px;}	
.margin-right {margin-right: 10px;}
.margin-top {margin-top: 10px;}
.margin-bottom {margin-bottom: 10px;}

.padding-left {padding-left: 10px;}	
.padding-right {padding-right: 10px;}
.padding-top {padding-top: 10px;}
.padding-top-2 {padding-top: 20px;}
.padding-bottom {padding-bottom: 10px;}
.padding-bottom-2 {padding-bottom: 20px;}
	/* TEXT SIZE */
.textSmall {font-size:85%;}
.textSmaller {font-size:75%;}
.textSmallest {font-size:50%;}
.textLarge {font-size:115%;}
.textLarger {font-size:125%;}
	/* TEXT ALIGNMENT */
.alignJustify {text-align: justify;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
	/* TEXT COLOR */
.black {color: #000;}
.orange {color: #ff3333;}
.white {color: #FFF;}
.blue {color: #0099ff;}
.gray {color:#777;}
	/* BACKGROUND COLOR */
.bkgWhite {background-color: #FFF;}
.bkgYellow {background-color: #FFC;}
.bkgBlue {background-color: #0099ff;}
.bkgBlue-02 {background-color: #0066ff;}
.bkgBlue-03  {background-color:#e7f5ff;}
	/* BORDERS */
.borderBottom-01 {border-bottom:1px dotted #333;}
.borderTop-01 {border-top:1px dotted #333;}
.borderBottom-02 {border-bottom:1px dotted #999;}
.borderTop-02 {border-top:1px dotted #999;}
	/* HEADER */
	
	/* LINKS */
.linkType01 {background:url(../images/bullet_round.gif) no-repeat 0 5px; display:block; padding-left:20px;}
.linkType01:hover {background-position:-970px 5px;}
.linkColorOrange {color:#ff3333;}
.linkColorOrange:hover {color:#F30; text-decoration:none;}
	/* LIST */
.listType-01 li, .listType-01 dt, .listType-01 dd {padding-bottom:5px;}
.listType-01 dd{margin-left:0;}
.listType-02 li {padding-bottom:10px; margin-bottom:10px;}
.listType-03 li {padding:10px;}
.listStyle-dot {background:url(../images/bullet_round.gif) no-repeat -970px 6px; padding-left:20px;}
.listPaging {padding:0; margin:0;}
	.listPaging li {font-size:90%; float:left; margin-left:2px;}
	.listPaging li a {background:url(../images/bkg_btnPage.gif) repeat-x 0 100%; text-align:center; text-decoration:none;
					  width:24px; height:20px; border:1px solid #d3d3d3; cursor:pointer; display:block; padding-top:4px;}
	.listPaging li a:hover {border:1px solid #F90;}
	.listPaging a.prevPage, .listPaging a.nextPage {width:85px;}
	.listPaging a.active, .listPaging a:hover.active {background:#F90; color:#FFF; border:1px solid #F90;}
	/* BTNS */
button.span-1plus {width:60px;}
.btnContainer {background:none; height:28px; border:none; cursor:pointer; display:block; padding:0; margin:-3px 0 0 -4px;}
	.btnContainer span {background:url(../images/bkg_btn.gif) no-repeat; display:block;}
	.btnContainer span span {background:url(../images/bkg_btn.gif) no-repeat; font-size:90%; font-weight:bold; text-align:center; overflow:hidden; display:block; padding:7px 0 7px 10px; margin:-1px 0 0 0;}
	
a.btnContainer {text-decoration:none;}
	a.btnContainer span span {text-align:center; padding-top:5px;}	
	
.btnOrange {background-position:100% -50px !important; color:#FFF; padding:1px 10px 0 0;}
	.btnOrange span {background-position:0 0;}
	
.btnOrange-02{background-position:100% -150px !important; color:#FFF; padding:1px 10px 0 0;}
	.btnOrange-02 span {background-position:0 -100px !important;}

	/* BOXES */
.boxInformation {background:url(../images/bkg_boxInfoFooter.gif) no-repeat 0 100%; width:280px; padding-bottom:15px; margin-top:10px;}
	.boxInformation .boxInformationContainer {background:url(../images/bkg_boxInfoHead.gif) no-repeat; width:260px; padding:15px 10px 0 10px;}
	
.boxInformation-02 {background:url(../images/bkg_boxAgentFooter.gif) no-repeat 0 100%; width:370px; padding-bottom:10px;}
	.boxInformation-02 .boxInformationContainer {background:url(../images/bkg_boxAgentHead.gif) no-repeat; width:350px; padding:20px 10px 0 10px;}
	
.boxListType-01 {background:url(../images/bkg_boxListFooter.gif) no-repeat 0 100%; height:1%; padding-bottom:10px;}
	.boxListType-01 .boxListContainer {background:url(../images/bkg_boxListHeader.gif) no-repeat; padding-top:10px;}
	.boxListType-01 .boxListBody {border-left:3px solid #d1ebfb; border-right:3px solid #d1ebfb; display:block;}
	
.boxFormType-01 {background:url(../images/bkg_boxFormFooter.gif) no-repeat 0 100%; width:670px; padding-bottom:10px;}
	.boxFormType-01 .boxFormContainer {background:url(../images/bkg_boxFormHead.gif) no-repeat; padding-top:10px;}
	.boxFormType-01 .boxFormBody {width:660px; border-left:5px solid #d1ebfb; border-right:5px solid #d1ebfb; overflow:hidden;}
	
.boxTextContent {}
	.boxTextContent h4, .boxTextContent h5, .boxTextContent h6 {font-weight: bold;}
/* PAGES ELEMENTS */
	
	/* HOMEPAGE */
#homepageBanners {margin-bottom:20px;}
	.Image{width:670px; height:240px; overflow:hidden; position:relative;}
	.Image img{position:absolute; top:0; left:0; display:none; z-index: 12; opacity: 0;}
.listCourseHome dt {padding:3px 0 3px 20px; margin-bottom:10px;}
.listCourseHome dd {padding-bottom:10px;}
.listNewsHome {}
.listNewsHome dt {height:1%; padding:0 0 5px 0;}
.listNewsHome dd {height:1%; border-bottom:1px dotted #666; display:block; padding:0 0 5px 0; margin:0 0 5px 0;}
.listNewsHome .last {border-bottom:none;}
	/* STUDY ABROAD */
.boxStudyAbroad {height:1%; padding:10px 0;}
.boxStudyContent {width:400px; height:1px; float:right;}
.boxStudyAbroad .linkPhoto {float:left; margin-right:30px;}
.odd .linkPhoto {float:right; margin-right:0; margin-left:30px;}
.odd .boxStudyContent{float:left;}
	/* COURSES */
.listCourses {margin:0; padding:0;}
	.listCourses dt {height:30px; padding-top:5px; padding-bottom:5px;}
	.listCourses dd {display:block; margin-left:0; padding:7px 0 6px 0;}
	.listCourses dd.odd {background:#e5f2fa;}
	/* NEWS */
.listNews {padding:20px 0 0 0; margin:0;}
	.listNews li{border-bottom:1px dotted #999; height:1%; padding-bottom:10px; margin-bottom:10px;}
	.date{background:url(../images/bkg_calendar.gif) no-repeat; font-size:80%; width:40px; height:40px; text-align:center; overflow:hidden; margin:0; padding:0;}
	.date .day{color:#0099ff; height:15px; overflow:hidden; display:block; padding-top:5px; padding-bottom:2px;}
	/* CONTACT */
.listContact li {border-bottom:1px dotted #999; margin-bottom:10px;}
	.listContact li.last{border-bottom:none;}
	
.inputText {color:#666; font-size:100%; font-weight:bold; padding:5px 0;}
	img.imgSecurityCode{border:1px solid #666; margin-top:5px;}
	input.inputSecurityCode{font-size:170%; text-align:center; width:105px; height:37px; padding-top:10px; margin-top:5px;}