body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#F1F9FC;
}

/*RESET*/
a {text-decoration:none; outline:none}
a:hover {color:#ADE151;text-decoration:none}
img {border:none}
ul, li, table, td, tr {list-style:none; margin:0; padding:0}
p {line-height:18px; text-align:justify; display:block}
h1, h2, h3, h4, h5, h6, form, fieldset {margin:0; padding:0; border:none;vertical-align:baseline}
input, textarea {background:url(../images/bgForm.gif) top repeat-x; border: 1px solid #CCE7EE;}
button { background:#36B2D7; border:none}
input, button {height:28px;}

a.viewMore {background: url('../images/viewMore_L.png') left no-repeat;font-size:11px; cursor:pointer; color:#2AAFD6;height:20px; line-height:20px; padding:3px 0 4px 4px; margin-right:10px; float:right }
a.viewMore span{ background:url('../images/viewMore_R.png') right ; padding:3px 10px 4px; color:#2AAFD6; font-style:italic;} 


/*FORM*/
.search {border: 1px solid #CCE7EE;height:28px;margin:10px 0;}
.search input {border:none;float:left; width:218px;_width:215px; margin:0; padding:5px 0 0 0; font-size:13px; height:23px;}
button.searchBt {text-indent:-9999px; background:url(../images/iconSearch.gif) no-repeat center #36B2D7; width:50px;margin:0px; padding:0px;}
button.searchBt:hover {cursor:pointer; background:url(../images/iconSearch.gif) no-repeat center #1995c6;}
/*----------------------------------------------------------------------------------------------------------------------*/

.wrapper {margin:0 auto; width:960px;}
#main {background:url(../images/bgContent.gif) top repeat-x; border-top:1px solid #9DBFCA}

/*TOP HEADER*/
#topHeaderBar{background:#2aafd6; height:22px; border-top:2px #ADE151 solid}
#lang{color:#fff; float:right; font-size:11px; margin-top:5px;}

#topHeadeBanner { background:url(../images/bgTopHeader.gif) bottom repeat-x; height:140px; border-bottom:1px solid #9DBFCA}
#logo img{margin-top:10px;}

/*NAVIGATION*/
#nav {background:#2AAFD6; border-bottom: 1px solid #9FE9FF; border-top: 1px solid #9FE9FF;}
#nav ul {height:50px; line-height:50px; margin-left:10px;}
#nav li {display:inline; margin:0; padding:0}
#nav a	{display:block;float:left ;color:#FFF; padding: 0px 7.5px; text-shadow:#666 0 1px ; font-weight:700;}
#nav a:hover {background:#239abd; }
#nav .selected a{background:#36c0e9}

/*----------------------------------------------------------------------------------------------------------------------*/

/*CONTAINER*/
#container,#left,#right {float:left; _float:none}
*html #left {float:left}
*html #right {float:right}

#container {background: #EEF8FA; margin-left:10px; box-shadow: 0px 0px 3px #3c8cbd; -moz-box-shadow: 0px 0px 3px #3c8cbd; -webkit-box-shadow:  0px 0px 3px #3c8cbd; filter: progid:DXImageTransform.Microsoft.Shadow(color='#3c8cbd', Direction=145, Strength=2);}
#left {background:#FFF;width:660px;}
#right {width:290px;}

/*SECTIONS OF LEFT POSITION*/
.box {background:url(../images/bgBoxContent.gif) bottom repeat-x; border-bottom:1px solid #DCE6EA;}
.contain {margin:0 10px;}

.heading {background:url(../images/ribbonHeader_left.png) top left no-repeat; height:41px; position:relative; left:-10px; margin-top:10px;}
.heading h2{background:#2AAFD6 url(../images/ribbonHeader_right.gif) right no-repeat; height:32px; line-height:32px; float:left;padding-right:30px; margin-left:10px;_margin-left:5px}
.heading a{color:#FFF; text-transform:uppercase; font-size:16px; text-shadow: black 0px -1px;}

.headingPace {background:url(../images/ribbonHeader_left.png) top left no-repeat; height:61px; position:relative; left:-10px; margin-top:10px;}
.headingPace h2{background:#2AAFD6 url(../images/ribbonHeader_right.gif) right no-repeat; height:32px; line-height:32px; float:left;padding-right:30px; margin-left:10px;_margin-left:5px}
.headingPace a{color:#FFF; text-transform:uppercase; font-size:16px; text-shadow: black 0px -1px;}
.headingPace span{color:#FFF; font-size:12px; text-shadow: black 0px -1px;}
.postTitle,.postTitle a{color:#2AAFD6; font-size:15px; font-weight:normal; font-weight:700}
.postTitle {font-size:19px}

/*IMAGE OPTION*/
.imageLeft,.imageRight,.imageCenter {text-align:center; color:#999; clear:both; font-size:12px}
.imageLeft{float:left; margin:10px 10px 0 0;}
a.imageLeft {margin-top:20px}
.imageRight{ margin:10px 0 0 10px; float:right; display:inline}
.imageCenter {clear:both;}
.imgDescript {color:#999; clear:both; font-size:12px}

/*QUOTE OPTION*/
.quoteLeft, .quoteRight, .quoteCenter {background:#EEF8FA; border:1px solid #CCE7EE}
.quoteLeft p, .quoteRight p, .quoteCenter p {margin:10px}
.quoteLeft {float:left; margin:0 10px 10px 0}
.quoteRight {float:right; margin:0 0 10px 10px} 
.quoteCenter {clear:both; margin:0 auto; margin-bottom:20px}

/*BOX OPTION*/
.boxLeft, .quoteRight, .quoteCenter {background:#EEF8FA; border:1px solid #CCE7EE}
.boxRight p, .quoteRight p, .quoteCenter p {margin:10px}
.boxLeft {float:left; margin:0 10px 10px 0}
.boxRight {float:right; margin:0px 10px} 
.boxCenter {clear:both; margin:0 auto; margin-bottom:20px}

/*SAPO*/
.news_style {display:none;}
#news_button{ float:right; clear:both}


/*POST INFO*/
.date {color:#999; font-size:10px; clear:both; display:block}

/*LISTING*/
.listing {display:block}
.listing li{clear:both; background:url(../images/bgBoxContent.gif) bottom repeat-x; display:block; margin-top:20px}


/*LATEST*/
.lastest {clear:both}
.lastest ul {margin-top:10px;}
.lastest li{margin:0px 0 5px 10px;} 
.lastest a{background:url(../images/arLatest.gif) top left no-repeat; background-position:0 5px;color:#666;font-size:12px; padding-left:10px;} 
.lastest h4 {margin-left:10px; text-transform:uppercase; font-size:11px; color: #7BBB0B;}
/*TIN HOẠT ĐỘNG (only for homepage)*/
.activeNews,.latestNews  {float:left}
.activeNews {width:55%;margin-bottom:10px}
.activeNews a.viewMore {float:right}
.latestNews {width:45%;margin-top:20px; padding-top:30px; background:url(../images/bgLatest.gif) top repeat-x}
.latestNews a.viewMore {float:right}

/*----------------------------------------------------------------------------------------------------------------------*/
/*GALLERY*/
.album {margin-bottom:30px;}
.album h4, .viewAlbum h4{margin-bottom:20px;  height:22px; line-height:28px; background:url(../images/iconCamera.gif) left no-repeat; padding-left:30px; font-size:25px; clear:both}
.album ul{margin-bottom:20px; float:left}
.album li{ 
	width:288px; 
	margin-right:20px; 
	_margin-right:15px; 
	text-align:center; 
	margin-bottom:10px;
	background:#EEF8FA;
	padding:5px 2px;
	border-left:3px dotted white; 
	border-right:1px solid #CCE7EE;
	border-bottom:1px solid #CCE7EE;
	float:left;
}
.album img{width:280px;height:210px; border:1px solid #fff;}
.album img:hover {border:1px solid #000; z-index:0}

.album	span {color:#000; width:280px; clear:both; float:left; font-size:11px}
.album a span {position:absolute;display:none; background:#000; color:#FFF; height:30px; line-height:30px; font-size:12px;margin-left:5px;}
.album a:hover span {display:block;}

.album a{color:#000}

.viewAlbum {}
.viewAlbum li {float:left; margin-left:10px; margin-bottom:10px}
.viewAlbum img{width:200px; height:150px}

/*SECTIONS OF RIGHT POSITION*/
.boxRight {width:270px; margin-left:10px; border-bottom: 1px solid #CCE7EE; border-top: 1px solid white;}
.TopBorder {border-top:none}
.bottomBorder {border-bottom:none}

.boxRight h2.rightHeading {text-align:center; background:none; font-size:14px; text-transform:uppercase;color:#2AAFD6;text-shadow: #fff 1px 2px; margin:10px;}



/*SHORT INTRO ABOUT IPL (only for homepage)*/
.intro {background:#FFF url(../images/bgIntro.gif) top right no-repeat; margin:10px 0; padding:10px 0}
.intro p{text-align:justify; margin:0 10px}

.newsletter img, .dvdh img{margin:10px 0}

/*HÌNH ẢNH HOẠT ĐỘNG*/
#hinhAnhHoatDong {text-align:center; margin:0; padding:0 0 10px 0; background:url(../images/shadow.png) bottom no-repeat;}
#hinhAnhHoatDong #slider {margin:0; background:#FFF; border:5px #FFF solid}

/*SHARE*/
.share {margin:10px 0}
.share li{display:inline; margin:0 5px;}



/*----------------------------------------------------------------------------------------------------------------------*/

/*FOOTER*/
#footer {clear:both; background:#FFF;}
ul.footNav {height:40px;line-height:40px; background:url(../images/bgNavFooter.gif) repeat-x bottom; border:#E4ECEE;}
ul.footNav	li {display:inline; padding:0 10px; float:left}
ul.footNav	a {color:#22A2C7; font-size:11px; padding:}
ul.footNav li.backtop {background:url(../images/BackTop.gif) no-repeat right;float:right; padding-right:30px; margin-right:10px;}

#contactInfo	{background:url(../images/logoFooter.gif) left no-repeat; padding-left:100px; height:74px; float:left; margin:20px ;}
#contactInfo	h4{ font-size:12px; margin-bottom:10px;}
#contactInfo	li{font-size:11px;}
/*----------------------------------------------------------------------------------------------------------------------*/


/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


 
/*CÁC ID, CLASS HÌNH ẢNH SLIDE SỬ DỤNG CHO FILE JAVASCRIPT: s3Slider.js  */
#slider, #donghanh {
    width: 260px; /* important to be same as image width */
    height: 192px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom:10px;
	border: 5px solid #FFF;
}
#donghanh {width:640px; height:240px;; border:none}

#sliderContent, #donghanhContent{position: absolute;top: 0; background:#FFF}

.sliderImage, .donghanhImage {display: none;}
.sliderImage span, .donghanhImage span {
    position: absolute;
    padding: 10px 13px;
    width: 260px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.donghanhImage span {width:640px}

.clear {
	clear: both;
}


.sliderImage .bottom, .donghanhImage .bottom {
	bottom: 0;
    left: 0;
}

/*----------------------------------------------------------------------------------------------------------------------*/

/*TABS: Đồng hành cùng dự án IPL, 360 độ IPL*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }

/* Skin */
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}


.tabs-nav {background: #F2F5F7;}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
	
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
	font-size:11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav .tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
    color: #0066B3;
    font-size: 12px !important
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-bottom: 1px;
	padding-left:10px;
	padding-right:10px;
	color:#7BBB0B;
	background:#FFF
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active,
.tabs-nav .ui-tabs-deselectable a:hover, .tabs-nav .ui-tabs-deselectable a:focus, .tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.tabs-panel {padding:10px ;}
.tabs-loading em {
    padding: 0 0 0 20px;
    background:url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*----------------------------------------------------------------------------------------------------------------------*/
/*Đối tác IPL*/
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	margin:15px 25px 0 5px;
	opacity:1; 
	filter:alpha(opacity=100)
}
.simply-scroll-list li img:hover {opacity:0.4; filter:alpha(opacity=40)}

/* Container DIV */
.simply-scroll { 
	width: 525px;
	height: 80px;
	float:left; 
	border:1px solid #e1e9ed;
	background:#FFF;
	margin-left:20px;
	margin-top:5px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {height: 80px;}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
}
.partner {border:1px solid #e1e9ed; background:#f9fcfe; height:92px; line-height:25px; margin-bottom:10px}
.rightPartner {border:1px solid #e1e9ed; background:#f9fcfe; height:125px; text-align:center;}
.partner span{float:left; font-size:14px; text-transform:uppercase; margin-left:30px;margin-top:20px;font-weight:bold; width:80px;color:#0066B3 !important}



/*LISTING*/
.listing {display:block}
.listing li{clear:both; background:url(../images/bgBoxContent.gif) 
bottom repeat-x; display:block; margin-top:20px}

/*paging*/


#paging ul li
{
	list-style: none;
	float: right;
	margin: 5px;
	width: 22px;
	height: 22px;
	text-align: center;
	cursor: pointer;
	line-height:14px;
	font-weight: bold;
}

.paging{height:14px;}

.paging ul{float:right; margin-top:15px;margin-right:15px;}

.paging li{float:left;font-family:arial;font-size:15px;font-style:normal;font-variant:normal;line-height:14px;list-style: none;}

.paging .active {background:#b6b6b6 none repeat scroll 0 0;border:1px solid #b6b6b6;color:#FFFFFF;display:inline;float:left;margin-left:2px;padding:2px 8px;}

.paging a {background-color:#FFFFFF;border:1px solid #b6b6b6;display:inline;margin-left:2px;padding:2px 8px;}

.paging a:hover {background:#b6b6b6 none repeat scroll 0 0;border:1px solid #b6b6b6;color:#FFFFFF;display:inline;float:left;margin-left:2px;padding:2px 8px;}

.paging a:link {color:#007AA7;display:inline;float:left;padding:2px 8px;text-decoration:none}

.paging a:visited {color:#007AA7;display:inline;float:left;padding:2px 8px;text-decoration:none}

/*-------------------------------------------------*/
/*LIGHTBOX CỦA HÌNH ẢNH HOẠT ĐỘNG*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.text5{
	width:290px;
	margin:auto;
	padding:20px 0 0 0;
	}
.text5_1{
	font-size:14px;
	font-weight:bold;
	color:#6dc73e;
	padding:0 0 0 10px;}
.text5_2{
	width:100%;
	padding:10px 0 30px 0;}
.text5_3 {
	font-weight:bold;
	color:#d88303;}
.text5_3 a{
	color:#d88303;
	text-decoration:none;}
.text5_3 a:hover{
	color:#d88303;}
.detail{
	padding:5px 0;
	text-align:right;
	color:#06F;
	font-style:italic;}
.detail a{
	text-decoration:none;
	color:#06F;}
.detail a:hover{
	text-decoration:underline;
	color:#d88303;}
.list_new{
	padding:5px 0 0 30px;}
.list_new li{
	font-style:italic;
	line-height:20px;}
	.subnew{
	margin:0 12px 0 0;
	width:328px;
	height:355px;
	background:#FFF;
	position:relative;
	float:left;}
.subnew .tl {
	width:6px; height:6px;
	position:absolute; top:0; left:0;
	background:url(../images/tl.gif) no-repeat top left;
	}
.subnew .tr {
	width:6px; height:6px;
	position:absolute; top:0; right:0;
	background:url(../images/tr.gif) no-repeat top left;
	}
.subnew .bl {
	width:6px; height:6px;
	position:absolute; bottom:0; left:0;
	background:url(../images/bl.gif) no-repeat bottom left;
	}
.subnew .br {
	width:6px; height:6px;
	position:absolute; bottom:0; right:0;
	background:url(../images/br.gif) no-repeat bottom right;



�