﻿/* 
 * This is the css style for whole site
 * @author Huynh Minh Tien [tienhm@ebrandium.com]
 */ 
body{
	background:url(/iknow/images/page_bg.jpg) repeat 0 0;	
	margin:0;
	padding:0;
	font-family:Arial;
}
p
{
	margin:0;
	padding:0;
}
img{
border:medium none;
font-family:inherit;
font-size:100.01%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
.overall-bottom{
	/*width:100%;*/
	width:1200px;/*edit 25092009*/
	margin-left:auto;
	margin-right:auto;
	height:100%;
	position:relative;
}
.overall-bottom{
	background:url(/iknow/images/new-content-bg.gif) no-repeat center 0;/*change bg 16102009*/
	
	
}
.logo{
	background:transparent url(/iknow/images/logo_iknow.png) no-repeat center 0;
	display:block;
	height:290px;
	position:relative; /*absolute --> relative 3102009*/
	width:342px; /*change width 16102009*/
	left:1px;/*edit 25092009*/
	cursor:pointer;
	z-index:999999;	
}
/*added 3102009*/
.divlogo
{
	height:290px;
	width:380px;
	position:absolute;
	display:block;
	z-index:999999;	
	left:1px;
}
.logoKotex{
	background:transparent url(/iknow/images/logo_kotex.png) no-repeat center 0;
	display:block;
	height:122px;
	position:absolute;
	width:169px;
	right:35px;
	cursor:pointer;
	z-index:99;	
	top:1px;
	display:none;/*add 29092009*/
}
/*changed 16102009 */
.register{
	background:transparent url(/iknow/images/dktv_final_02.gif) no-repeat center 0;
	height:38px;
	position:absolute;
	width:205px;
	right:35px;
	cursor:pointer;
	z-index:99;	
	top:1px;
}
.smalllogoKotex{
	background:transparent url(/iknow/images/small_logo_kotext.png) no-repeat center 0;
	display:block;
	height:54px;
	position:absolute;
	width:103px;
	right:40px;
	cursor:pointer;
	z-index:99;	
	bottom:0px;
}
.airplane
{
	background:transparent url(/iknow/images/airplane.png) no-repeat center 0;
	display:block;
	height:105px;
	position:absolute;
	width:161px;
	right:265px;
	z-index:99;	
	top:60px;
	/*change width,height,right,top 29092009*/
}
.moto
{
	background:transparent url(/iknow/images/moto.png) no-repeat center 0;
	display:block;
	height:228px;
	position:absolute;
	width:160px;
	left:10px;
	z-index:99;	
	top:400px;
}
.origami
{
	background:transparent url(/iknow/images/origami.png) no-repeat center 0;
	display:block;
	height:120px;
	position:absolute;
	width:213px;
	/*change width,height 29092009*/
	/*left:302px;/*edit 25092009*/
	left:220px;/*29092009*/
	cursor:pointer;
	z-index:99;
	top:27px;
}
.popuporigami
{
	background:transparent url(/iknow/images/popuporigami.png) no-repeat center 0;
	display:block;
	height:94px;
	position:absolute;
	width:170px;
	left:200px;/*edit 25092009*/
	cursor:pointer;
	z-index:99;
	top:7px;
}
.wrapper{
	/*background:url(/iknow/images/page_content_pg.png) no-repeat center 0;*/
	width:1003px;
	#padding-top:186px;
	margin:0 auto;
	overflow:hidden !important;
	position:relative;
}
.main
{
	margin-left:146px;
	width:857px;
	margin-top:186px;
	background:url(/iknow/images/main_bg.png) no-repeat center top;
	overflow:hidden;
	position:relative;
	min-height:770px;
}
.mainDetail
{
	margin-left:146px;
	width:857px;
	margin-top:186px;
	overflow:hidden;
	position:relative;
	min-height:770px;
}
.topContent
{
	background:url(/iknow/images/detail_top_bg.png) no-repeat center top;
	overflow:hidden;
	position:relative;
	width:857px;
	height:246px;
	margin-top:-34px;
	
}
.stud
{
	background:url(/iknow/images/dr_huoi.png) no-repeat 0 0;/*change image 16102009*/
	display:block;
	/*top:170px;
	right:10px;*/
	width:133px;
	height:131px;/*change width,height 23102009*/
	position:relative;
	z-index:9999999;
	cursor:pointer;/*add 29092009*/
}
.origami_icon{
	background:url(/iknow/images/origami_icon.png) no-repeat;
	display:block;
	height:104px;
	/*left:545px;/*edit 25092009*/
	left:445px;/*edit 29092009*/
	position:absolute;
	top:53px;
	width:56px;
	z-index:99;
	cursor:pointer;
}
.piece_navi{
	/*background:url(/iknow/images/piece_navi.png) no-repeat;
	display:block;
	height:66px;
	left:340px;
	opacity:0.8;
	position:absolute;
	top:195px;
	width:129px;
	z-index:999999;*/
}
.piece_hori{
	background:url(/iknow/images/piece_hori.png) no-repeat;
	display:block;
	height:130px;
	left:145px;
	opacity:0.8; 
	position:absolute;
	top:480px;
	width:83px;
	z-index:99;
	
}
.clr {
	
	height: 0;
	clear: both;
	
}

/*.clr
{
	clear:both;
	height:0;
}*/
.menu
{
	overflow:hidden;
	float:right;
	margin-right:96px;/*change 23102009*/
	z-index:999999;
	position:relative;
}
.ulMenu
{
	list-style-type:none;
	margin:0;
	padding:0;
}
.ulMenu li
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}
:focus, a, * {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	z-index:10;
}
.menu a img {
	float:left;
	
}
a .navi-home
{
	background:transparent url(/iknow/images/home.png) no-repeat 0 0 ;
}
a:hover .navi-home, a.current .navi-home 
{
	background:transparent url(/iknow/images/ac_home.png) no-repeat 0 0 ;
}
/*news*/
a .navi-news
{
	background:transparent url(/iknow/images/news.png) no-repeat 0 0 ;
}
a:hover .navi-news, a.current .navi-news 
{
	background:transparent url(/iknow/images/ac_news.png) no-repeat 0 0 ;
}
/*share*/
a .navi-share
{
	background:transparent url(/iknow/images/share.png) no-repeat 0 0 ;
}
a:hover .navi-share, a.current .navi-share 
{
	background:transparent url(/iknow/images/ac_share.png) no-repeat 0 0 ;
}
/*learn*/
a .navi-learn
{
	background:transparent url(/iknow/images/learn.png) no-repeat 0 0 ;
}
a:hover .navi-learn, a.current .navi-learn 
{
	background:transparent url(/iknow/images/ac_learn.png) no-repeat 0 0 ;
}
.content
{
	width:721px;
	margin-left:69px;
	margin-right:57px;
	
}
.contentDetail
{
	width:721px;
	/*margin-left:69px;
	margin-right:57px;*/
	padding-left:69px;
	padding-right:57px;
	background:transparent url(/iknow/images/main_middle_bg.png) repeat-y bottom center;
	margin-top:-50px;
	margin-left:4px;
	#margin-left:1px;
	z-index:9999;
}
.leftContent
{
	float:left;
	width:468px;
}
.rightContent
{
	float:left;
	width:253px;
}
.leftAlbee
{
	width:238px;
	position:relative;
	height:174px;
	float:left;
	margin-left:10px;
	overflow:hidden;
}
.maskImg
{
	background:url(/iknow/images/albee_bg.png) no-repeat;
	width:210px;
	height:154px;
	position:absolute;
	display:block;
	left:9px;
	top:8px;
}
.box_bg
{
	height:154px;
	overflow:hidden;
	width:204px;
	padding-top:20px;
	padding-left:34px;
}
.rightAlbee
{
	width:209px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.rightAlbee h3,.slide-details h3
{
	color:#464646;
	margin-bottom:5px;
	margin-top:5px;
}
.imgBgBox
{

	width:205px;
	overflow:hidden;
	height:150px;
}
.albee
{
	/*margin-top:41px; change 23102009*/
	margin-top:31px;
	margin-bottom:15px;
	#margin-bottom:12px;
}
.noteBg
{
	background: url(/iknow/images/note_bg.gif) no-repeat center top;
	width:249px;
	height:186px;/*changed bg,width,height 16102009*/
	margin-top:10px;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;/*added 16102009*/
}
.newsTopBg
{
	background: url(/iknow/images/news_top_bg.png) no-repeat center top;
	width:252px;
	height:204px;/*change width,height,margin-bottom 23102009*/
	margin-top:26px;
	overflow:hidden;
	margin-bottom:10px;
	position:static; /*added 16102009*/
}
.bookBg
{
	background: url(/iknow/images/book_bg.png) no-repeat center top;
	width:249px;
	height:255px;
	margin-top:16px;
	overflow:hidden;
	margin-bottom:17px;
	display:block;
}

.mythbg
{
	background: url(/iknow/images/myth_bg.png) no-repeat center top;
	width:253px;
	height:217px;
	margin-top:16px;
	overflow:hidden;
	margin-bottom:7px;
	display:block;
}
.noteBg .ulshare li
{
	background-position:0 5px;
	background-repeat:no-repeat;
	overflow:hidden;
	padding:3px 0 2px 18px;
	background-image:url(/iknow/images/pink_icon_li.gif);
	float:left;
	width:195px;
	clear:both;
}
p.pnormal
{
	font-size:12px;
	color:#464646;
	text-align:left;
}
.otherNews
{
	margin-bottom:10px;
	
}
.item
{
	width:144px;
	float:left;
	margin-left:9px;
}
.itemBox
{
	width:144px;
	height:98px;
	background:url(/iknow/images/image_bg.jpg) no-repeat;
	text-align:center;
	padding-top:4px;
	
}
.otherNews p.ptitle
{
	color:#141414;
	font-size:9pt;
	font-weight:bold;
}
img.lineBg
{
	margin-left:9px;
}
.shareBox
{
	/*background:url(/iknow/images/share_bg.png) no-repeat;*/
	width:237px;
	height:243px;
	float:left;
	
}
.linkSharebox
{
	width:179px;
	height:22px;
	display:block;
	cursor:pointer;
	margin-left:5px;
	margin-top:10px;
	z-index:999;
	position:relative;
}
.linkLearnBox
{
	width:179px;
	height:22px;
	display:block;
	cursor:pointer;
	margin-left:15px;
	margin-top:25px;
	z-index:999;
	position:relative;
}
.learnBox
{
	/*background:url(/iknow/images/learn_bg.png) no-repeat;*/
	width:226px;
	height:243px;
	float:left;
}
.learnBox .subShareBox
{
	margin:10px 12px 0 12px;
}
.learnBox  .ulshare li
{
	background-position:0 5px;
	background-repeat:no-repeat;
	overflow:hidden;
	padding:3px 0 2px 18px;
	background-image:url(/iknow/images/red_icon_li.gif);
	float:left;
	width:195px;
	clear:both;
}
.subShareBox
{
	margin:23px 10px 0 15px;
}
.subShareBox p.titleShare
{
	font-size:14pt;
	color:#141414;
	margin:0;
	font-weight:bold;
	line-height:100%;
	margin-bottom:4px;
}
.ulshare
{
	display:inline;	
	margin:8px 0 0 1px;
	padding:0px;
	font-size:12px;
	float:left;
	list-style-type:none;
	
}
.ulshare li
{
	background-position:0 5px;
	background-repeat:no-repeat;
	overflow:hidden;
	padding:3px 0 2px 18px;
	background-image:url(/iknow/images/blue_icon_li.gif);
	float:left;
	width:195px;
	clear:both;
}
.ulshare li a
{
	color:#5d3019;
	text-decoration:none;
}
.ulshare li a:hover
{
	text-decoration:underline;
}
#viewmorelink 
{
	color:#fffefe;
	text-decoration:none;
	font-size:11px;
	font-family:Arial;
	float:right;
	margin-right:30px;/*changed 16102009*/
	margin-top:3px;
}
#viewmorelink:hover
{
	text-decoration:underline;
}
.footer
{
	overflow:hidden;
	text-align:left;
	margin-top:50px;
	margin-left:130px;
	margin-left:130px;
	margin-bottom:20px;
	
	
}
.footer p
{
	color:#a0a9b0;
	font-size:10px;
}
.subNoteBg
{
	margin:20px 5px 0 5px;/*changed 16102009*/
}

p.percent
{
	color:#fffefe;/*change color 29092009*/
	font-family:tahoma;
	font-size:60px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	line-height:normal;
	
	text-align:center;
}
.subNoteBg blockquote{
	background:transparent url(/iknow/images/quote_top_black.gif) no-repeat scroll 0 0;
	margin:0;
	padding:5px 0 0 20px;
}
p#descNum
{
	/*background:transparent url(/iknow/images/quote_bottom_black.gif) no-repeat right bottom;*/
	color:#fffefe;/*change color 29092009*/
	font-size:12px;
	line-height:1.5;
	padding:5px 5px 0 0; /*changed 16102009*/
}
.imgquote /*add 23102009*/
{
	float:right;
	clear:both;
}

.banner
{
	margin-bottom:10px;
}
.item a{
	text-decoration:none;
	color:#141414;
}
.item a:hover
{
	text-decoration:underline;
}
.rightAlbee a,.slide-details a{
	text-decoration:none;
	color:#141414;
}
.rightAlbee a:hover,.slide-details a:hover
{
	text-decoration:underline;
}
.marginBottom_5
{
	margin-bottom:5px;
}
.news .item_hori{
	width:455px;
	margin-bottom:10px;
}
.item_hori a{
	text-decoration:none;
	color:#141414;
}
.item_hori a:hover
{
	text-decoration:underline;
}
.news .itemBox
{
	float:left;
	margin-right:10px;
}
.news p.ptitle
{
	font-size:12px;
}
.paging{
	font-size:12px;
	text-align:right;
	color:#464646;
	margin-right:14px;
}
.pageCurrent
{
	font-weight:bold;
}
.paging a{
	text-decoration:none;
	color:#464646;
}
.paging a:hover
{
	text-decoration:underline;
}
.titleShare a{
	text-decoration:none;
	color:#141414;
}
.titleShare a:hover
{
	text-decoration:underline;
}
.subpage
{
	margin-top:80px;
}
/*1102009*/
.leftContentDetail
{
	width:428px;
	/*margin-top:60px;*/
	margin-top:-170px;
	float:left;
	margin-left:30px;
	margin-right:10px;
	text-align:justify;
}
/*1102009*/
.rightContentDetail
{
	float:right;
	*float:left;
	width:253px;
	margin-top:-230px;
}
p.titleDetail
{
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	color:#141414;
}
p.pdate
{
	font-family:Arial;
	font-size:12px;
	color:#7b7b7b;
}
.lineDetail
{
	background:url(/iknow/images/line_detail.gif) no-repeat;
	height:5px;
	width:422px;
	margin-top:5px;
	margin-bottom:5px;
	
}
.lineDetailBottom
{
	background:url(/iknow/images/line_detail_bottom.gif) no-repeat;
	height:5px;
	width:422px;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	z-index:1;
	
}
.imgDetail
{
	float:left;
	margin-right:10px;
}
.pdetail
{
	font-family:Arial;
	font-size:12px;
	color:#464646;
}
.listIcon
{
	float:left;
	margin-top:15px;
	
}
.listIcon img
{
	margin-right:15px;
}
.newsOtherBg
{
	background:url(/iknow/images/news_other_bg.png) no-repeat; /*1102009*/
	width:333px;
	height:216px;
	display:block;
}
.newsOtherBg ul
{
	display:inline;
	float:left;
	font-size:12px;
	list-style-type:none;
	margin:53px 0 0 10px;
	padding:0;
}
.newsOtherBg ul li{
background-image:url(/iknow/images/other_icon_li.gif);
background-position:0 5px;
background-repeat:no-repeat;
clear:both;
float:left;
overflow:hidden;
padding:3px 0 2px 18px;
width:295px;
}
.newsOtherBg ul li a
{
	color:#5D3019;
	text-decoration:none;
}
.newsOtherBg ul li a:hover
{
	text-decoration:underline;
}
.footerDetail
{
	background:url(/iknow/images/detail_footer_bg.png) no-repeat 1px top;
	width:849px;
	height:43px;
	padding-top:120px;
	overflow:hidden;
	margin-left:6px;
	#margin-left:3px;
}
.footerDetail p{
	color:#a0a9b0;
	font-size:10px;
	padding-left:130px;
	
}
.conner_bg
{
	width:300px;
	height:177px;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	display:block;
	background:url(/iknow/images/corner_detail_bg.png) no-repeat 0 0;
}
.titleNote
{
	font-size:12px;
	color:#fdfcfc;
	text-align:left;
	
}
p.titleNote a{
	
	text-decoration:none;
}
p.titleNote a:hover
{
	text-decoration:underline;
}
.newsTopBg .subNoteBg{
	margin-top:64px;
	*margin-top:57px;/*add 3102009*/
}
p.noteContent
{
	font-size:12px;
	color:#fdfcfc;
	
}
.catTruth{
	margin-bottom:37px;
	margin-top:26px;
	overflow:hidden;
	width:253px;
}
.topCatTruth
{
	background: url(/iknow/images/top_learn_bg.png) no-repeat center top;
	width:253px;
	height:46px;
	overflow:hidden;
}
.bottomCatTruth
{
	background: url(/iknow/images/bottom_learn_bg.png) no-repeat center top;
	width:253px;
	height:30px;
	overflow:hidden;
}
.middleCatTruth
{
	background: url(/iknow/images/middle_learn_bg.png) repeat-y center top;
	width:253px;
	position:static;
	overflow:hidden;
}
.subMiddleCatTruth
{
	position:relative;
	overflow:hidden;
	z-index:9999;
	padding-left:12px;
	padding-right:12px;
}
/*cat truth*/

.glossymenu{
	margin:0;
	padding: 0;
	width: 229px;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	font: bold 13px Arial;
	color: #43576b;
	display: block;
	position: relative;
	width: auto;
	padding: 4px 0;
	padding-left: 4px;
	text-decoration: none;
	border-bottom:2px dotted #93969a;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #43576b;
}

.glossymenu a.menuitem .statusicon{ 
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover{
	text-decoration:underline;
}

.glossymenu div.submenu{
	border-bottom:2px dotted #93969a;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin:0 0 0 5px;
	padding:0px;
	font-size:12px;
	
}

.glossymenu div.submenu ul li{
	background-image:url(/iknow/images/cat_icon.gif);
	background-position:0 10px;
	background-repeat:no-repeat;
	padding:2px 0 2px 12px;

}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 12px Arial;
	color: #444444;
	text-decoration: none;
	padding: 2px 0;
	

}

.glossymenu div.submenu ul li a:hover{
	text-decoration:underline;

}
.glossymenu div.clearborder
{
	
	border-bottom:0 none;
}
.bttPrev
{
	float:left;	
	height:19px;
	width:71px;
	display:block;
	background:url(/iknow/images/btt_prev.png) no-repeat 0 0;
	cursor:pointer;
}
span.bttPrev a
{
	color:#2d2d2d;
	font-family:'Comic Sans MS';
	font-size:12px;
	text-decoration:none;
}
span.bttPrev a:hover
{
	text-decoration:underline;
}
.bttNext
{
	display:block;
	float:right;	
	height:19px;
	width:97px;
	background:url(/iknow/images/btt_next.png) no-repeat center 0;
	cursor:pointer;
}
span.bttNext a
{
	color:#2d2d2d;
	font-family:'Comic Sans MS';
	font-size:12px;
	text-decoration:none;
}
span.bttNext a:hover
{
	text-decoration:underline;
}
a.bttPrev, a.bttNext
{
	margin-top:5px;
}
.wrapperPopup
{
	width:560px;
	height:531px;
	background:url(/iknow/images/big_popup_bg.jpg) no-repeat 0 0;
	position:relative; /*changed 16102009*/
}
.logoPopup
{
	background:transparent url(/iknow/images/popupLogo.png) no-repeat center 0;
	display:block;
	height:219px;
	position:absolute;
	width:240px;
	left:0;
	top:0;
	cursor:pointer;
	z-index:99;	
	
}
.topPopup
{
	width:560px;
	padding-top:87px;
}
.formPopup
{
	padding-top:180px;
	width:407px;
	margin-left:65px;
	position:relative;
}
table.form_pop
{
	font-family:Arial;
	font-size:12px;
	color:#3a0066;
}
p.ppopup
{
	font-family:Arial;
	font-size:12px;
	color:#3a0066;
}
span.redText{
	color:#e13a00;
}
table.form_pop .txf_1
{
	border:1px solid #2c5f92;
	font-size:11px;
	font-family:Arial;
	padding:2px;
	color:#3A0066;
	width:147px;
}
table.form_pop .txf_2
{
	border:1px solid #2c5f92;
	font-size:11px;
	font-family:Arial;
	padding:2px;
	color:#3A0066;
	width:301px;
	height:93px;
}
.formPopup table.form_pop td
{
	padding-bottom:1px;
}
.sendToFriend
{
	background:url(/iknow/images/bg_send_to_friend.gif) no-repeat  0 0;
	width:304px;
	height:308px;
	margin-top:10px;
	margin-left:10px;
}
.sendToFriend table
{
	color:#010101;
}
.sendToFriend table .txf_1
{
	border:1px solid #abadb3;
	width:144px;
	color:#010101;
 }
 .sendToFriend table.form_pop
 {
	width:240px;
	margin-top:79px;
	margin-left:16px;
 }
 .sendToFriend table.form_pop td
 {
	padding:0 0 10px 0;
 }
 .btt_hanhtrinh
 {
	float:right;
 }
 /*add 18092009*/
 .subTruth
 {
	background:url(/iknow/images/subtruth_bg.png) no-repeat 0 0;
	width:675px;
	height:498px;
	position:static;
	margin-top:59px;
	margin-left:24px;
 }
.linksubTruth
{
	position:relative;
	width:675px;
	height:498px;
}
 .girlBg
 {
	background:url(/iknow/images/girl_image.png) no-repeat 0 0;
	width:240px;
	height:259px;/*change width,height 16102009*/
	position:absolute;
	top:38px;
	left:0px;
	
 }
 a.athaydoi
 {
	display:block;
	width:125px;
	height:49px;
	background:url(/iknow/images/thaydoi.png) no-repeat 0 0;
	position:absolute;/*change width,height,left 16102009*/
	top:100px;
	left:146px;
	z-index:99;
	cursor:pointer;
 }
 .quatBg
 {
	background:url(/iknow/images/quat.png) no-repeat 0 0;
	width:105px;
	height:100px;/*change width,height 16102009*/
	position:absolute;
	top:41px;
	right:170px;
	z-index:99;
 }
 a.aquat
 {
	display:block;
	width:120px;
	height:73px;/*change width,height 16102009*/
	background:url(/iknow/images/chuky.png) no-repeat 0 0;
	position:absolute;
	top:42px;
	right:74px;
	cursor:pointer;
 }
 .subBookBg
 {
	background:url(/iknow/images/sub_book_bg.png) no-repeat 0 0;
	width:138px;
	height:141px;/*change width,height 16102009*/
	position:absolute;
	top:176px;
	left:433px;
	z-index:99;
 }
 a.abook
 {
	display:block;
	width:140px;
	height:80px;/*change width,height 16102009*/
	background:url(/iknow/images/bimat_bg.png) no-repeat 0 0;
	position:absolute;
	top:180px;
	right:0px;
	cursor:pointer;
 }
 .heartSquareBg
 {
	background:url(/iknow/images/heart_square_bg.png) no-repeat 0 0;
	width:128px;
	height:128px;/*change width,height 16102009*/
	position:absolute;
	bottom:56px;
	right:282px;
	z-index:99;
 }
 a.aheartsquare
 {
	display:block;
	width:114px;
	height:73px;/*change width,height 16102009*/
	background:url(/iknow/images/moiquanhe.png) no-repeat 0 0;
	position:absolute;
	bottom:36px;
	right:210px;
	cursor:pointer;
 }
 .heartBg
 {
	background:url(/iknow/images/heart_bg.png) no-repeat 0 0;
	width:137px;
	height:107px;/*change width,height 16102009*/
	position:absolute;
	bottom:34px;
	left:115px;
 }
  a.aheart
 {
	display:block;
	width:200px;
	height:76px;/*change width,height 16102009*/
	background:url(/iknow/images/gioitinh.png) no-repeat 0 0;
	position:absolute;
	bottom:79px;
	left:-40px;
	z-index:99;
	cursor:pointer;
 }
 .footersubmyth
 {
	margin-top:120px;
 }
 .itemsubMyth
 {
	margin-left:10px;
 }
 .lineBgMyth
 {
	margin-left:14px;
	margin-bottom:10px;
	#margin-bottom:5px;
 }
 .lineBgMyth p.ptitle
 {
	margin-bottom:5px;
 }
 .mythpaging{
	font-size:12px;
	text-align:center;
	color:#464646;
	
}
.mythpageCurrent
{
	font-weight:bold;
	margin-right:5px
}
.mythpaging a{
	text-decoration:none;
	color:#464646;
	margin-right:5px;
}
.mythpaging a:hover
{
	text-decoration:underline;
}
.titlepaging
{
	margin-right:5px;
}
.submythbg
{
	background: url(/iknow/images/member_sharing_bg.png) no-repeat center top;
	width:253px;
	height:320px;
	margin-top:7px;
	overflow:hidden;
	margin-bottom:7px;
}
.detailsubmythbg
{
	font-size:12px;
	margin-top:112px;
	margin-left:30px;
	width:220px;
	overflow:hidden;
}
.detailsubmythbg p.ptitle
{
	font-weight:bold;
	margin-bottom:5px;
	font-family:Arial;
}
.detailsubmythbg p.pnormal
{
	margin-bottom:10px;
}
.detailsubmythbg a
{
	color:#141414;
	text-decoration:none;
}
.detailsubmythbg a:hover
{
	text-decoration:underline;
}
a.linksubmyth
{
	margin-left:5px;
}
.margintop_20
{
	margin-top:20px;
}
.footerdetailsubmyth
{
	margin-top:40px;
	*margin-top:40px;/*change 23102009*/
}
a.popupMythBg
{
	background:url(/iknow/images/popup_myth_bg.png) no-repeat 0 0; 
	width:253px;
	height:217px;
	display:block;
	cursor:pointer;
}
/*slide*/
#jFlowSlide{font-family: Arial; }
#myController { font-family: Arial; padding:2px 0;  width:457px;text-align:right;}
#myController span.jFlowSelected { margin-right:0px; }

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:241px; float:left;margin-left:15px;
overflow:hidden;
height:174px;
position:relative;
 }
.slide-thumbnail img {max-width:241px; }
.slide-details { width:185px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
.jFlowControl
{
	display:none;
}
.jFlowPrev, .jFlowNext {  color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {}
.img_box
{
	background:url(/iknow/images/albee_bg.png) no-repeat 0 0;
	height:174px;
	width:238px; 
	display:block;
	position:absolute;
}
.rotation{
    -webkit-transform: rotate(-4deg); 
    -moz-transform: rotate(-4deg);
    rotation: -4deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = -1,5);
	/*
	left:17px;
	position:absolute;
	top:-20px;
	*/
}
.maskImg
{
	/*-webkit-transform: rotate(-20deg); 
    -moz-transform: rotate(-20deg);
    rotation: -20deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.3);*/
}
.bottomBox
{
	background:url(/iknow/images/bottom_book_bg.png) no-repeat 0 0;
	width:467px;
	height:243px;
}
.iknowLogo
{
	background:url(/iknow/images/iknowLogo.gif) no-repeat 0 0;
	width:232px;
	height:101px;
	/*change width,height*//*16102009*/
	display:block;
}
div.fixie7footer
{
	#margin-top:75px;
}
p.titleNote a.aTop
{
	color:#FDFCFC;
	font-weight:bold;
	text-decoration:none;
}
p.titleNote a.aTop:hover
{
	text-decoration:underline;
}
/*29092009*/
.contenIknow
{
	margin-top:20px;
	width:462px;
	height:320px;
	position:relative;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom:10px;
}
.contentface
{
	
	margin:20px;
	color:#fff;
	font-family:arial;
	font-size:12px;

}

p.textwhite
{
	color:#fffefe;
}
#aviewmorelink 
{
	color:#5d3019;
	text-decoration:none;
	font-size:11px;
	font-family:Arial;
	float:right;
	margin-right:4px;
	margin-top:3px;
}
#aviewmorelink:hover
{
	text-decoration:underline;
}
.ulsharewhite
{
	display:inline;	
	margin:8px 0 0 1px;
	padding:0px;
	font-size:12px;
	float:left;
	list-style-type:none;
	
}
.ulsharewhite li
{
	background-position:0 5px;
	background-repeat:no-repeat;
	overflow:hidden;
	padding:3px 0 2px 18px;
	background-image:url(/iknow/images/white_icon_li.gif);
	float:left;
	width:195px;
	clear:both;
}
.ulsharewhite a
{
	color:#FFFEFE;
	text-decoration:none;
}
.ulsharewhite a:hover
{
	text-decoration:underline;
}
.divstud
{
	 position:absolute;
	 z-index:99999999;
	 width:133px;
	 height:131px;/*changed width,height,top 23102009*/
	 top:100px;
	 right:0px;
}
.contentTop
{
	/*1102009*/
	/*background:url(/iknow/images/main_top_bg.png) no-repeat top center;
	width:857px;
	/*width:721px;
	/*padding-left:69px;
	padding-right:57px;*/
	/*margin-left:7px;*/
	width:721px;
	/*margin-left:69px;
	margin-right:57px;*/
	padding-left:69px;
	padding-right:57px;
	background:transparent url(/iknow/images/main_top_bg.png) no-repeat top center;
	height:315px;
	margin-top:-35px;
	margin-left:4px;
	#margin-left:1px;
	z-index:9999;
}

/*-----------------------------quiz-----------------------------*/
.airplane-quiz
{
	background:transparent url(/iknow/images/airplane-quiz.png) no-repeat center 0;
	display:block;
	height:100px;
	position:absolute;
	width:158px;
	right:265px;
	z-index:99;	
	top:60px;
	/*change width,height,right,top 29092009*/
}
.origami-quiz
{
	background:url(/iknow/images/origami-quiz.png) no-repeat;
	display:block;
	height:105px;
	/*left:545px;/*edit 25092009*/
	left:445px;/*edit 29092009*/
	position:absolute;
	top:53px;
	width:61px;
	z-index:99;
	cursor:pointer;
}
.moto-quiz
{
	background:transparent url(/iknow/images/moto-quiz.png) no-repeat center 0;
	display:block;
	height:224px;
	position:absolute;
	width:161px;
	left:10px;
	z-index:99;	
	top:400px;
}
a .home-quiz
{
	background:transparent url(/iknow/images/home-quiz.png) no-repeat 0 0 ;
}
a:hover .home-quiz, a.current .home-quiz 
{
	background:transparent url(/iknow/images/ac-home-quiz.png) no-repeat 0 0 ;
}
/*news*/
a .news-quiz
{
	background:transparent url(/iknow/images/news-quiz.png) no-repeat 0 0 ;
}
a:hover .news-quiz, a.current .news-quiz
{
	background:transparent url(/iknow/images/ac-news-quiz.png) no-repeat 0 0 ;
}
/*share*/
a .myth-quiz
{
	background:transparent url(/iknow/images/myth-quiz.png) no-repeat 0 0 ;
}
a:hover .myth-quiz, a.current .myth-quiz
{
	background:transparent url(/iknow/images/ac-myth-quiz.png) no-repeat 0 0 ;
}
/*learn*/
a .truth-quiz
{
	background:transparent url(/iknow/images/truth-quiz.png) no-repeat 0 0 ;
}
a:hover .truth-quiz, a.current .truth-quiz
{
	background:transparent url(/iknow/images/ac-truth-quiz.png) no-repeat 0 0 ;
}
/*quiz*/
a .quiz-quiz
{
	background:transparent url(/iknow/images/quiz-quiz.png) no-repeat 0 0 ;
}
a:hover .quiz-quiz, a.current .quiz-quiz
{
	background:transparent url(/iknow/images/ac-quiz-quiz.png) no-repeat 0 0 ;
}
.footerquiz
{
	position:absolute;
	bottom:1px;
}
.intro-quiz
{
	width:627px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:66px;
}
.top-box-quiz
{
	width:627px;
	height:18px;
	background:url(/iknow/images/top-box-quiz.png) no-repeat 0 0;
}
.mid-box-quiz
{
	width:624px;
	margin-left:1px; /*insert 06/11/09*/
	height:514px; /*insert height:514px - 06/11/09*/
/*	background:#14c3f1; remove 06/11/2009 */ /*url(/iknow/images/mid-box-quiz.jpg) repeat-y 0 0;*/
/*	*background:#0ebcef;remove 06/11/2009 */ /*url(/iknow/images/mid-box-quiz.jpg) repeat-y 0 0;*//*changed 17102009 */
	background-image:url(/iknow/images/mid-box-quiz.jpg); /*add 06/11/2009*/
	overflow:hidden;
	position:relative;
}
.bot-box-quiz
{
	width:627px;
	height:17px; /*changed 06/11/09*/
	background:url(/iknow/images/bot-box-quiz.jpg) no-repeat 0 0;
}
.origami-box-quiz
{
	background:url(/iknow/images/origami-quiz.png) no-repeat;
	display:block;
	height:105px;
	position:relative;
	left:10px;
	width:61px;
	z-index:99;
	cursor:pointer;
}
.text-quiz
{
	background:url(/iknow/images/text-quiz.png) no-repeat;
	display:block;/*changed bg,width,height*/
	height:163px;
	position:relative;
	top:-100px;
	left:77px;
	width:442px;
	z-index:9999;
}
.ques-white-icon
{
	background:url(/iknow/images/ques-white-icon.png) no-repeat;
	display:block;
	height:122px;
	position:absolute;
	left:407px;
	top:50px;
	width:56px;
	z-index:99;
}
.ques-icon
{
	background:url(/iknow/images/ques-icon.png) no-repeat;
	display:block;
	height:97px;
	position:absolute;
	width:52px;
	top:103px;
	left:40px;
	z-index:99;
}
.text-intro-quiz
{
	font-family:Arial;/*changed 17102009 */
	font-size:11pt;
	color:#1d4049;
	width:355px;
	position:relative;
	top:-80px;
	line-height:150%;
	left:65px;
	text-align:justify;
}
.abc-quiz
{
	background:url(/iknow/images/drop-color2.jpg) no-repeat; /*add 06/11/2009*/
	*background:url(/iknow/images/drop-color3.jpg) no-repeat;/*changed 17102009 */
	display:block;
	height:179px;
	position:absolute;
	top:90px; /* change top value from 125px t0 90px* - 06/11/09/*/
	right:15px;
	width:187px;
	z-index:1;
}
.btstart
{
	width:89px;
	height:34px;
	background:url(/iknow/images/btstart.png) no-repeat 0 0;
	display:block;
	position:relative;
	left:270px;
	top:-30px;/*changed 17102009*/
	
}
.detail-box-quiz
{
	width:617px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:-140px;
	position:relative;
	top:-60px;
}
.top-detail-box-quiz
{
	width:617px;
	height:142px;/*changed 17102009*/
	background:url(/iknow/images/top-detail-box-quiz.gif) no-repeat 0 0;
	position:relative;
	border-top:2px solid #0b0d0c;
}
.mid-detail-box-quiz /*changed 20102009*/
{
	width:617px;
	background:url(/iknow/images/mid-detail-box-quiz.gif) repeat-y 0 0;
	font-size:10pt;
	font-family:Arial;
	padding-bottom:20px;
	*margin-top:-55px;/*changed 20102009*/
	*padding-top:40px;
}
.bot-detail-box-quiz /*changed 20102009*/
{
	width:616px;
	height:12px;
	background:url(/iknow/images/bot-detail-box-quiz.gif) no-repeat 0 0;
	margin-left:1px;
	
}
.text-quizdetail
{
	background:url(/iknow/images/text-origami-quiz.png) no-repeat;
	display:block;
	height:90px;
	position:relative;
	left:80px;
	top:20px;
	width:336px;/*changed width,height 17102009*/
	z-index:99;
}
.text-quizdetail2
{
	background:url(/iknow/images/GiayChungNhan.png) no-repeat !important;height:100px !important;width:390px !important;
	display:block;
	position:relative;
	left:80px;
	top:20px;
	z-index:99;
}
.text-giaychungnhan{background:url(/iknow/images/GiayChungNhan.png) no-repeat !important;height:100px !important;width:390px !important}
.icon-quizdetail
{
	background:url(/iknow/images/abc-detail-quiz.png) no-repeat;
	display:block;
	height:122px;
	position:absolute; /*changed 17102009*/
	right:30px;
	top:-5px;
	width:129px;
	z-index:1;
}
.ques-detail
{
	position:relative;
	padding-left:30px;
	padding-top:20px;
	
}
.question
{
	padding-bottom:10px;
	color:#3c2c16;
	font-weight:bold;
	margin-left:25px;
}
.answer
{
	padding-left:20px;
	padding-bottom:5px;
	color:#1f1f1f;
}
.answer input
{
	vertical-align:top;
}
.btresult
{
	width:129px;
	height:35px;
	background:url(/iknow/images/btresult.png) no-repeat 0 0;
	display:block;
	position:relative;
	left:250px;
	top:10px;
	border:0 none;
	cursor:pointer;
}
.ques-detail img
{
	display:inline;
	float:left;
	vertical-align:top;
	
}
.highlight
{
	background:#f9fd50;
}
.result-box /*changed 27122009*/
{
	background:url(/iknow/images/resultbg.gif) no-repeat 0 0;
	width:562px;
	height:278px;
	position:relative;
	left:30px;
	top:40px;
	
}
.blue-origami /*changed 20102009*/
{
	position:absolute;
	width:86px;
	height:148px;
	background:url(/iknow/images/origami-blue-result.gif) no-repeat 0 0;
	display:block;
	top:30px;
	left:20px;
}
.yellow-origami /*changed 20102009*/
{
	position:absolute;
	width:86px;
	height:148px;
	background:url(/iknow/images/origami-yellow-result.gif) no-repeat 0 0;
	display:block;
	top:30px;
	left:20px;
}

.red-origami /*changed 20102009*/
{
	position:absolute;
	width:86px;
	height:148px;
	background:url(/iknow/images/origami-red-result.gif) no-repeat 0 0;
	display:block;
	top:30px;
	left:20px;
}
.text-result-quiz
{
	color:#1f1f1f;
	font-size:11pt;
	font-family:Arial;
	position:relative;
	width:400px;
	left:140px;
	top:20px;
}
.title-result
{
	font-weight:bold;
	font-size:13pt;
	margin-bottom:5px;
}
.title-result2
{
    color:#02b0ea;
	font-weight:bold;
	font-size:10pt;
	margin-bottom:5px;
}
.presult /*changed 17102009*/
{
	margin-bottom:3px;
	line-height:150%;
}
.btdoquiz
{
	width:172px;
	height:38px;
	background:url(/iknow/images/btdoquiz.gif) no-repeat 0 0;
	display:block;
	position:relative;
	left:30px;
	top:20px;
	float:left;
	cursor:pointer;
}
.btsharing
{
	width:166px;
	height:38px;
	background:url(/iknow/images/btsharing.gif) no-repeat 0 0;
	display:block;
	position:relative;
	left:100px;
	top:20px;
	float:left;
	cursor:pointer;
}
.bttruth
{
	width:145px;
	height:38px;
	background:url(/iknow/images/bttruth.gif) no-repeat 0 0;
	display:block;
	position:relative;
	left:65px;
	top:20px;
	cursor:pointer;
	float:left;
}
.button-box /*changed 17102009*/
{
	overflow:hidden;
	padding-bottom:20px;
	margin-top:30px;
	position:relative;
}
.origami-quizdetail /*changed 20102009*/
{
	background:url(/iknow/images/origami-yellow.gif) no-repeat;
	display:block;
	height:96px;
	position:relative;
	left:20px;
	width:56px;
	z-index:99;
	cursor:pointer;
	top:-75px;/*changed 17102009*/
}
.top-detail-box-quiz-result /*change 27122009*/
{
	width:617px;
	height:516px;
	background:url(/iknow/images/top-detail-box-quiz-result.gif) no-repeat 0 0;
	position:relative;
	
}
.textred /*add 20102009*/
{
	color:red;
}
.textblue /*add 20102009*/
{
	color:blue;
}
.textyellow/*add 20102009*/
{
	color:yellow;
}
.icon-result /*add 20102009*/
{
	top:2px;
}

/*-----------*/
/*added 09122009*/
.flash-quiz
{
	width:252px;
	height:246px;
	position:relative;
	margin-bottom:10px;
}
.video
{
	width:249px;
	overflow:hidden;
	margin-top:20px;
	border:2px solid #3a3a3a;
	position:relative;
}
#video
{
	width:234px;
	height:147px;
	margin:2px auto 0 auto;
	
}
.video .title-video
{
	color:#141414;
	font-family:arial;
	font-size:11pt;
	text-align:center;
}
/*add 23102009*/
.title-video a
{
	color:#141414;
	text-decoration:none;
}
.tip {
	width: 250px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 9999999;
	font-size:12px;
	color:#181716;
	font-family:Arial;
	text-align:justify;
	}
.tipTp
{
	background: transparent url(/iknow/images/toptip.png) no-repeat bottom;
	width:250px;
	height:15px;
}
.tipMid {background: transparent url(/iknow/images/midtip.png) repeat-y; padding: 0 15px 0 10px; width:225px;}
.tipBtm {background: transparent url(/iknow/images/bottip.png) no-repeat top; height: 17px; width:250px;}
.tipdrhuou
{
	display:block;
	width:170px;
	height:180px;
	background:url(/iknow/images/thacmac-icon.png) no-repeat 0 0;
	position:absolute;/*change width,height,left 16102009*/
	top:130px;
	left:216px;
	z-index:99;
	cursor:pointer;
}
.icon-quiz-truth
{
	background:url(/iknow/images/abc-truth.png) no-repeat 0 0;
	width:142px;
	height:131px;
	position:absolute;
	bottom:38px;
	right:100px;
	z-index:999;
}
.tipquiztruth
{
	display:block;
	width:158px;
	height:62px;
	background:url(/iknow/images/text-quiz-icon.png) no-repeat 0 0;
	position:absolute;
	bottom:58px;
	right:0;
	z-index:99;
	cursor:pointer;
}
.popupsharinglogo
{
	
}
.divsendtofriend
{
	height:348px;
	position:relative;
	width:344px;
}
.origami-blue-popup
{
	background :url(/iknow/images/origami-blue-popup.gif) no-repeat 0 0;
	position:absolute;
	top:10px;
	right:40px;
	height:86px;
	width:50px;
}
.ulsharewhite #viewmorelink /*added 16102009*/
{
	margin-right:5px;
}
.mythdes-bg /*added 23102009*/
{
	background:url(/iknow/images/mythdes-bg.png) no-repeat;
	width:595px;
	height:59px;
	position:relative;
	left:60px;
}
.topmyth /*add 23102009*/
{
	margin-top:15px;
}
.social_bookmark{padding-top:5px;}
.sb_fb, .sb_tw, .sb_ms{background:url(/iknow/images/social_bookmark.jpg) no-repeat;}
.social_bookmark a{float:left;width:26px;height:26px;margin-right:7px;}
	.sb_fb{background-position:0px 0px;}
	.sb_tw{background-position:-38px 0px;}
	.sb_ms{background-position:-75px 0px;}