/**
 * CYWORLD MAINPAGE – frame.css
 * @author: Natl <natl@cyworld.vn>
 * createDate: 2009.08.27
**/

/***********TOP MAINPAGE***********/
/*-----After Login-----*/
.top{/*margin-bottom:7px;*/}
.top .real_width{position:relative;}
.top .logo{vertical-align:bottom;padding-left:40px;padding-bottom:10px;padding-top:20px;}
.top .logo a,
.top .logo a{display:inline-block;}
.top .right_top{width:500px;vertical-align:bottom;}
.top .right_top .adv{text-align:right;}
.top .right_top .adv a{margin-left:6px;text-decoration:none;}
.top .right_top .hello{text-align:right;height:20px;margin:4px 0px 2px 0px;_margin:8px 0px 0px 0px;}
.top .right_top .hello .itisme{font-size:12px; font-style:italic;}
.top .right_top .hello .itisme span{color:#015f98;}
.top .right_top .hello .percussion{padding:0px 10px;}
.top .right_top .hello .percussion img{margin-bottom:-4px;cursor:pointer;}
.top .right_top .hello a{font-size:11px; color:#4d4d4d; text-decoration:none;}
.top .right_top .hello a:hover{color:#3a5f98; text-decoration:underline;}
.top .right_top .hello .slat{font-size:12px; color:#cfcfcf;}
.buble_link{text-decoration:none;color:#4D4D4D !important;}
.buble_link:hover{color:#3a5f98 !important;text-decoration:underline;}
/*-----e: After Login-----*/

/*-----Before Login-----*/
/*.top .right_top .register_link{text-align:right;margin-top:14px;position:absolute;margin-left:381px;margin-top:7px;}
.top .right_top .register_link a,
.top .right_top .register_link a img{display:inline-block;}

.top .right_top .form_login{margin-bottom:9px;}
.top .right_top .form_login input.fontco{border:1px solid #9e9e9e; color:#4d4d4d; font-size:11px;padding:5px 5px;}
.top .right_top .form_login p{padding-bottom:5px;_padding-bottom:3px;height:15px;}
.top .right_top .form_login .login_btn{float:right;width:86px;margin-top:20px;display:inline;}
.top .right_top .form_login .login_btn input{width:86px; height:25px;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/button/button_2.gif') 0px -46px no-repeat; overflow:hidden; border:none;}
.top .right_top .form_login .pass{float:right;width:146px; font-size:10px;margin-right:7px;display:inline;}
.top .right_top .form_login .pass  input.fontco{width:134px;}
.top .right_top .form_login .pass a{color:#3A5F98; text-decoration:none;}
.top .right_top .form_login .pass a:hover{color:#3a5f98; text-decoration:underline;}
.top .right_top .form_login .email{float:right;width:151px;margin-right:7px;font-size:10px; overflow:hidden;display:inline;}
.top .right_top .form_login .email input.fontco{width:139px;}*/
/*-----e: Before Login-----*/

/*-----Before Login-----*/
.top .right_top .register_link{text-align:right;}
.top .right_top .register_link a,
.top .right_top .register_link a img{display:inline-block;}

.top .right_top .form_login{margin-bottom:12px;float:right; width:397px;}
.top .right_top .form_login .list_title{margin-bottom:7px;float:left; width:397px;}
.top .right_top .form_login .register_link{float:right;}
.top .right_top .form_login .register_link a{display:inline-block; height:15px; width:119px; background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/other/register_free.gif') 0px 0px no-repeat;}
.top .right_top .form_login .register_link a:hover{background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/other/register_free.gif') 0px -30px no-repeat;}
.top .right_top .form_login .email_word{float:left; font-size:10px;width:151px;margin-right:7px;margin-top:1px;}
.top .right_top .form_login .pass_word{float:left; font-size:10px;margin-top:2px;}
.top .right_top .form_login .pass_word a{color:#4d4d4d; text-decoration:none;}
.top .right_top .form_login .pass_word a:hover{color:#3A5F98; text-decoration:underline;}

.top .right_top .form_login .email{float:left;width:151px;margin-right:7px;overflow:hidden;display:inline;}
.top .right_top .form_login .email input.fontco{width:139px;}
.top .right_top .form_login .pass{float:left;width:146px;margin-right:7px;display:inline;}
.top .right_top .form_login .pass  input.fontco{width:134px;}
.top .right_top .form_login input.fontco{border:1px solid #9e9e9e; color:#4d4d4d; font-size:11px;padding:5px 5px;}
.top .right_top .form_login .login_btn{float:right;width:86px;display:inline;}
.top .right_top .form_login .login_btn input{width:86px; height:25px;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/button/button_2.gif') 0px -46px no-repeat; overflow:hidden; border:none;}
/*-----e: Before Login-----*/
/***********E: TOP MAINPAGE***********/

/***********CYWORLD NAVIBAR***********/
.cyworld_navigation{background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/line_bottom_cynavi.jpg') bottom left repeat-x;}	
.list_tab{padding-bottom:4px;height:26px;/* overflow:hidden; */float:left;}	
.list_tab a img{border:none;}
	
.list_tab a.navi_nor{display:inline-block;padding-left:4px; text-decoration:none;height:26px; overflow:hidden;}	
.list_tab a.navi_nor span.right{display:inline-block;padding-right:4px; text-decoration:none;height:26px; overflow:hidden; cursor:pointer;}
.list_tab a.navi_nor span.body{display:inline-block;height:26px; overflow:hidden; text-decoration:none; cursor:pointer; padding:0px 8px;}	
.list_tab a.navi_nor:hover{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') 0px 0px no-repeat; padding-left:4px; text-decoration:none;height:26px; overflow:hidden;}	
.list_tab a.navi_nor:hover span.right{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') right -92px no-repeat; padding-right:4px; text-decoration:none;height:26px; overflow:hidden; cursor:pointer;}
.list_tab a.navi_nor:hover span.body{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') 0px -46px repeat-x; height:26px; overflow:hidden; text-decoration:none; cursor:pointer; padding:0px 8px;}

.list_tab a.navi_selected{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') 0px 0px no-repeat; padding-left:4px; text-decoration:none;height:26px; overflow:hidden;}	
.list_tab a.navi_selected span.right{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') right -92px no-repeat; padding-right:4px; text-decoration:none;height:26px; overflow:hidden; cursor:pointer;}
.list_tab a.navi_selected span.body{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') 0px -46px repeat-x; height:26px; overflow:hidden; text-decoration:none; cursor:pointer; padding:0px 8px;}
.list_tab a.navi_selected:hover{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') 0px 0px no-repeat; padding-left:4px; text-decoration:none;height:26px; overflow:hidden;}	
.list_tab a.navi_selected:hover span.right{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') right -92px no-repeat; padding-right:4px; text-decoration:none;height:26px; overflow:hidden; cursor:pointer;}
.list_tab a.navi_selected:hover span.body{display:inline-block;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/tab_bgr.jpg') 0px -46px repeat-x; height:26px; overflow:hidden; text-decoration:none; cursor:pointer; padding:0px 8px;}

.tab_search{float:right;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/bgr/bgr_search.gif') 0px 0px no-repeat;width:245px; height:28px;padding:2px 2px 0px 10px;}	
.tab_search input.txt_keyword{border:none; background:none;color:#7f7f7f;font-family:tahoma; font-size:12px;width:200px;}
.tab_search .slat{color:#cfcfcf; font-size:15px;}

.tab_search .input_data_search{float:left;margin-top:3px;}
.tab_search .btn_seach_mp{width:40px; height:26px; border:none;background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/button/button_2.gif') 0px -105px no-repeat;cursor: pointer;float:right; overflow:hidden;}    
.tab_search .select_search{/*background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/icon/icon_2.gif') right 6px no-repeat; */ padding-right:15px;color:#4d4d4d; text-decoration:none;margin-right:6px;cursor:default;}
.tab_search .select_search:hover{/*background:url('http://img.cyworld.vn/image/new_version/mainpage_v3/icon/icon_2.gif') right -19px no-repeat; */ color:#4d4d4d; text-decoration:none;}

.sub_tab{height:19px;}
.sub_tab .real_width{padding-top:1px;padding-left:14px;width:966px;}
.sub_tab a{color:#4d4d4d; text-decoration:none;}
.sub_tab a:hover{color:#f26722; text-decoration:none;font-weight:bold;}
.sub_tab span{padding:0px 15px;}
.sub_tab .real_width div{display:none;}
.sub_tab div.homepage{padding-left:0px;}
.sub_tab div.public{padding-left:91px;}
.sub_tab div.club{padding-left:259px;}
.sub_tab div.shop{padding-left:259px;}

.sub_tab2 div.public{padding-left:0px;}
.sub_tab2 div.club{padding-left:100px;}
.sub_tab2 div.shop{padding-left:167px;}

.box_menu{width:114px;border:1px solid #d5d5d5;/*position:absolute;*/z-index:999999px;top:26px;*left:-5px;background-color:#ededed;padding-top:3px;overflow:hidden;}
.box_menu .bor_top{background-color:#ededed;width:114px;height:2px;}
.box_menu .detail_box_menu{padding-top:3px;background:#FFF;}
.box_menu .detail_box_menu p a{padding:2px 0px 2px 13px;text-decoration:none;display:block;}
.box_menu .detail_box_menu p a img{height:20px;}
.box_menu .detail_box_menu p a:hover{padding:2px 0px 2px 13px;background:#ededed;display:block;}

.list_tab ul li{height:26px;display:block;float:left;position:relative;}
/*.list_tab ul li ul{width:114px;display:block;background:#fff;z-index:9999;position:absolute;top:26px;_left:-5px}
.list_tab ul li ul li{float:left;width:114px;border-left:1px solid #cecece;border-right:1px solid #cecece;}
.list_tab ul li ul li a{display:block;padding:0 0 2px 13px;text-decoration:none;}
.list_tab ul li ul li a:hover{display:block;padding:0 0 2px 13px;text-decoration:none;background:#ededed;}*/
/***********E: CYWORLD NAVIBAR***********/

/*********** CYWORLD SEARCH***********/
.floatl{float:left}
.close2{background:url('http://img.cyworld.vn/image/myhome/icon/close2_grey.gif') left bottom no-repeat;text-decoration:none;}
.close2:hover{background:url('http://img.cyworld.vn/image/myhome/icon/close2_black.gif') left bottom no-repeat;}
.close2 img{width:9px; height:9px;}
.mttbose{width:233px; border:1px solid #9e9e9e;padding:5px 10px 13px 13px;background:#ffffff}
.mttbttt{float:left; width:233px;margin-bottom:2px;margin-top:10px;}
.mttbtext{float:left;margin-top:0px ;_margin-top:3px ;margin-left:3px;}
*+html .mttbtext{float:left;margin-top:3px ;margin-left:3px;}
.mboxticka{margin:4px 0 5px 23px}
.marbott7px{margin-bottom:5px;}
.mttbtb{float:left;margin-top:0px;_margin-top:2px;margin-left:3px;}
*+html .mttbtb{float:left;margin-top:2px;margin-left:3px;}
.marlef43{margin-left:30px;}
.marlef1px{margin-left:-1px;_margin-left:-4px;}
*+html .marlef1px{margin-left:-4px;}
.mslecsear{border:1px solid #a5acb2;color:#7f7f7f;width:160px; height:19px;margin:0 0 5px 21px;_height:19px;_margin:0 0 5px 23px;}
*+html .mslecsear{border:1px solid #a5acb2;color:#7f7f7f;width:160px; height:19px;margin:0 0 5px 23px;}
.marright3p{margin-left:3px;}
.martop6px{margin-top:6px;}
.marlef54{margin-left:51px;}
.m_logincheck input,
.mttbttt input{border:none}
.hide{display:none;}

/* autocomple */
.ac_results {	padding: 0px;width:250px;padding:12px 0 0 14px;background:  white url('http://img.cyworld.vn/image/new_version/main_v2/common/m3_bgser.gif') bottom left no-repeat;	overflow: hidden;	z-index: 100;}

.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}

.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;font: menu;	font-size: 12px;line-height: 16px;overflow: hidden;}
 
.ac_loading {background: #ee5b06 url('indicator.gif') right center no-repeat;}

.ac_odd {background-color:none;}

.ac_over {background-color: #fdce98;color: white;}  
.mes_boxb{height:50px;width:226px;margin:0 0 0px 0}
.fl {float:left;}
.m3s_brig{width:171px;height:45px;padding:5px 0 0 0;background: url('http://img.cyworld.vn/image/new_version/main_v2/common/m3_bgbotserach.gif') bottom left repeat-x;}
.fr{float:right;}
.gender {margin-bottom:-1px;margin-right:5px;}
.mp_title_link22, a.mp_title_link22:link, a.mp_title_link22:visited {color:#3A5F98;font-size:11px;font-weight:bold;text-decoration:none;}
.m3s_coutry {height:16px;margin-top:7px;overflow:hidden;width:165px;}
.m3s_brig {background:transparent url(http://img.cyworld.vn/image/new_version/main_v2/common/m3_bgbotserach.gif) repeat-x scroll left bottom;height:45px;padding:5px 0 0;width:171px;}
.ac_over {background-color:#FDCE98;color:white;}
/* e: autocomple */


/***********E: CYWORLD SEARCH***********/
/***********LAYOUT DIVISION COLUMN***********/
.layout_div_column{width:980px; margin:20px auto 0px;}
.layout_div_column .column_1{float:left; width:190px; overflow:hidden;margin-right:32px;}
.layout_div_column .column_2{float:right; width:758px; overflow:hidden;}
.layout_div_column .column_21{float:left; width:492px; overflow:hidden;margin-right:32px;}
.layout_div_column .column_22{float:right; width:234px; overflow:hidden;}
/***********E: LAYOUT DIVISION COLUMN***********/

/***********FOOTER***********/
.footer{border-top:2px solid #cacaca;margin-top:40px;padding-bottom:20px;}
.footer .real_width{text-align:right;}
.footer .sublinks{font-size:10px;margin:8px 0 11px;}
.footer .sublinks a{color:#4D4D4D;text-decoration:none}
.footer .sublinks a:hover{color:#0C59A7;text-decoration:underline;}
.footer .sublinks a.cymobile{font-weight:bold; color:#3a5f98; text-decoration:none; background:url('http://img.vn.cyworld.com/image/new_version/mainpage_v3/icon/icon_cymobile.gif') right 0px no-repeat; padding-right:12px;}
.footer .sublinks a.cymobile:hover{font-weight:bold; color:#3a5f98; text-decoration:underline;}
.footer .globallinks{color:#5F5F5F;margin:2px 0 8px 0;font-size:10px}
.footer .globallinks .arrow{margin:0px 5px 1px -15px;}
.footer .globallinks .img_setting{margin:0px 0 -3px 5px;border:none}
.footer .globallinks b{margin:0 22px 0 0}
.footer .globallinks a{color:#3a5f98;text-decoration:none}
.footer .globallinks a:hover{color:#3a5f98;text-decoration:none}
.footer .copyrights{color:#7D7D7D;font-size:10px}
.footer .copyrights img{margin:-2px 3px 0px 3px;vertical-align:text-top;}
.color81{color:#814924}
/***********E: FOOTER***********/