/*
*	START BY: DUC-NH
*/ 
.dotted_line { padding-top:10px; margin-right: 5px;  background: url(images/dotted_line.gif) left bottom repeat-x; text-align:left; }

.iprodilarge1-item-img-boder { width:148px;height:104px;margin:2px;overflow:hidden; border:solid 1px #535353;background-color:#191919;float:left; margin-right:10px; }

.img_contest_big { width:250px; height:300px; overflow:hidden; float:left; vertical-align:top;margin-right:10px; border: 2px solid #464646; background-color: #121212; }
.img_contest_small { width:100px; height:80px; overflow:hidden; float:left; margin-right:5px; border: 1px solid #464646; background-color: #121212; }
.img_small{ width: 120px; }

.nick_yellow{ font-size:12px; /*color:#FF9900;*/ font-weight:bold; }

.icon_new, .icon_hotboy, .icon_hotgirl, .nhan_tin_rieng,.theo_duoi,.xin_so_dien_thoai,
.chat, .bao_pro_file_xau, .add_favorite, .relationship_menu, .buddy_menu, .favorite_menu, .invite_menu,
.private_msg_menu, .profile_menu, .logout_menu, .luu_but, .online_icon, .not_online_icon, .quan_ly_anh,
.xem_chi_tiet, .upload_anh, .feedk14, .icon_boy, .icon_girl
{
	padding-left:22px;	
}
.xem_chi_tiet{background: url() 0 55% no-repeat; float:right}

.icon_new {
	background: url(images/icon/new.jpg) 0 55% no-repeat;
} .icon_hotboy { background: url(images/icon/hot_boy.jpg) 0 50% no-repeat; }

.icon_hotgirl { background: url(images/icon/hot_gal.jpg) 0 50% no-repeat; }

.nhan_tin_rieng{ background:url(images/icon/email.jpg) 0 50% no-repeat; }
.theo_duoi{ background:url(images/icon/theo_duoi.jpg) 0 50% no-repeat; }
.xin_so_dien_thoai{ background:url(images/icon/phone.jpg) 0 50% no-repeat; }
.chat{ background:url(images/icon/chat.gif) 0 50% no-repeat; }
.bao_pro_file_xau{ background:url(images/icon/delete.jpg) 0 50% no-repeat; }
.add_favorite{ background:url(images/icon/theo_duoi.jpg) 0 50% no-repeat; margin-left:5px; }

.upload_anh{background: url(images/icon/uploadanh.jpg) 0 55% no-repeat;}
.quan_ly_anh{background: url(images/icon/quanlyanh.jpg) 0 55% no-repeat;}
.relationship_menu{ background:url(images/icon/addfriend.jpg) 0 50% no-repeat; }
.buddy_menu{ background:url(images/icon/danhsachduoi.jpg) 0 50% no-repeat; }
.favorite_menu{	background:url(images/icon/vote.jpg) 0 50% no-repeat; }
.invite_menu{ background:url(images/icon/11.gif) 0 50% no-repeat; }
.private_msg_menu{ background:url(images/icon/email.jpg) 0 50% no-repeat; }
.logout_menu{ background:url(images/icon/delete.jpg) 0 50% no-repeat; }
.profile_menu{background: url(images/icon/danhsachthanhvien.jpg) 0 50% no-repeat;}
.luu_but {background:url(images/icon/addfriend.jpg) 0 50% no-repeat;}
.loadingbg{ background:url(images/loader.gif) 0 50% no-repeat; padding-left: 65px; display:block; line-height:35px}

.online_icon{background:transparent url(images/icon/1.gif) no-repeat scroll 0% 50%;}
.not_online_icon{background:transparent url(images/icon/2.gif) no-repeat scroll 0% 50%;}

/*-------------->>>>>>>>	MENU POPUP ON COMMENT PAGE  <<<<<<---------------------------------------*/
#fullscreen {
    display: none;
    background:#333333;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
}

#largepopup {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height:250px;
	border: 0;
	border-collapse: collapse;
	z-index: 100;
	background:#212121;
	/*border:6px solid #2B2B2B;*/
	padding: 0 0 0 10px;
}
#largepopup_bg {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height:250px;
	border: 0;
	z-index: 91;
	background:#000;
	padding: 0 0 0 10px;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}
#start-download h3 { padding-top: 10px; }
	
.hide { display: none; }
	
.bubbleInfo { position: relative; }

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	background:#191919;
	color: #FFFF99;
	margin:5px 0 5px 0;
	padding:5px 10px 5px 10px;
	/*width:150px;*/
	z-index: 20;
}

.popup_bg {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	background:#191919;
	color: #FFFF99;
	margin:5px 0 5px 0;
	padding:5px 10px 5px 10px;
	width:170px;
	z-index: 10;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

a.text_gray_bold { font-weight:bold; color:#FFFFCC; margin-top: 5px;}
a.text_gray_bold:hover { font-weight:bold; color:#FF9900; margin-top: 5px;}
.online_style{/*background:url(images/icon/addfriend.jpg) 0 50% no-repeat;*/}
a.close_ajax_box {font-size:15px; font-weight:bold; color:#fff; cursor:pointer; width:40px; height:20px; padding:0 5px 0 5px}
a.close_ajax_box:hover {color:#ff9900;}
.aHover {  border:2px solid #ff9900; }
.aMysiteHover { background:transparent url(images/icon/ava.bg.hover.jpg) no-repeat scroll left top;}
.mlbbox_title_ajax { text-align:center;color:#BCE339; font-size:16px; font-weight:bold; padding-top:20px}
/*---------------------------	TEXT STYLE	-------------------------------*/
.user_info_text{ font-family:Arial, Helvetica, sans-serif; font-size:11px}
#blast_edit { display:none;width:520px; height:35px; vertical-align:middle;}
.blast_box_edit{ width:520px; height:35px; float:left; vertical-align:middle;}
.desTintuc { font-size:12px; font-weight:bold; padding: 10px 0 10px 0}
.titleTintuc { font-size:22px; font-weight:bold; color:#ff9900; padding-bottom: 20px; padding-top:10px; line-height:25px;}
a.textDarkYellow { color:#ff7700; text-decoration:underline;}
/*---------------------------	BUTTON STYLE	-------------------------------*/
.addFriendButton {
	background-image:url(images/icon/addButton1.jpg); background-position: 0 0;
	width:140px; height:40px; line-height:33px;
}
.addFriendButtonHover { 
	background-image:url(images/icon/addButton1.jpg); background-position: 0px -40px;
	width:140px; height:40px; line-height:33px;
}

.voteEventButton {
	background-image:url(images/icon/voteEventBg.jpg); background-position: 0 0;
	width:185px; height:54px; line-height:48px;
}
.voteEventButtonHover { 
	background-image:url(images/icon/voteEventBg.jpg); background-position: 0px -55px;
	width:185px; height:54px; line-height:48px;
}

a.button_text_white{font-weight:bold; color:#FFFFFF; top:3px; position:relative; font-size:13px}
a.button_text_white:hover{font-weight:bold; color:#FBFBFB; top:3px; position:relative; font-size:13px}

.button_text_gray{
	font-weight:bold;
	color:#818181;
	top:3px;
	position:relative;
}

/*--------	avata hot gal size	------------------------*/
/* ALL HOT GAL SIZE */
.all_hotboyList_size {width: 138px; *width: 137px;}
.all_hotboyAvatar_size{	width: 120px; height: 120px;}
.all_hotboyAvatar_size div{width: 120px;}
.all_hotboyAvatar_size div a{width: 100%;height: 120px; line-height: 140px;}
.all_hotboyName_size{width: 120px; height: 20px; line-height: 20px;}

/* BLOCK ALL HOT GAL SIZE */
.all_hotboyList_block_size {width: 205px;}
.all_hotboyAvatar_block_size{width: 80px; height: 80px;}
.all_hotboyAvatar_block_size div{width: 80px;}
.all_hotboyAvatar_block_size div a{width: 100%;height: 80px; line-height: 80px;}
.all_hotboyName_block_size{width: 110px; height: 20px;	line-height: 20px; overflow:hidden}
.block_hot_gal {float:left; margin-right:5px;}
.margin_65 {margin-left:90px;}

/* HOT BOY & HOT GIRL */
.all_hotboyList{ float: left; margin: 3px; /*overflow: hidden;*/ }
.all_hotboyAvatar{ border: 1px solid #464646; background-color: #212121; padding: 1px; }
.all_hotboyAvatar div{ overflow: hidden; }
.all_hotboyAvatar div a{ display: block; }
.all_hotboyAvatar div a strong{ display: none; }
.all_hotboyName{ margin-top: 5px; overflow: hidden; }

/*----------------------	IPRO KET BAN	---------------------------*/
.search_result_detail{margin: 0px 0 10px 0; padding:10px; width: 638px; background:#212121; border:1px solid #444444}

.narrow_black_left { background-image:url(images/narrow_black.jpg); width:19px; height:69px; display: block; border:0; float:left; z-index:3; cursor:pointer}
.narrow_black_right{ background-image:url(images/narrow_black.jpg); width:19px; height:69px; display: block; border:0; background-position:19px 0; float:left; z-index:3; cursor:pointer}
.narrow_black_right:hover { background-image:url(images/narrow_black_right_hover.jpg); cursor:pointer}
.narrow_black_left:hover { background-image:url(images/narrow_black_left_hover.jpg); cursor:pointer}


div.ketBanImgBorder { 
	widows:59px; height:63px; width:380px; 
	overflow:hidden; 
	border-bottom:1px solid #303030; border-top:1px solid #303030;
	padding:2px; padding-left: 2px;
	float:left;
	margin:0 auto;
	text-align:center;
	z-index:3;
	background-color:#111111;
}
.imgBackground{padding:1px; height:61px; overflow:hidden; width:1500px; margin: 0 auto;}
.imgBackgroundsurfix{padding:1px; height:61px; overflow:hidden; width:1500px; margin: 0 auto;}
.ketBanpixImg{height: 60px; width:61px;	background: no-repeat 50% 50%; margin-right:1px; border:1px solid #fff;} 

ul.img_slice {margin:0; padding:0; list-style:none;background: none; text-align:center; overflow:hidden}
ul.img_slice li { list-style:none; background: none; margin:0; padding:0; float:left;}

ul.img_search_result {margin:0; padding:0; list-style:none;background: none}
ul.img_search_result li { list-style:none; background: none; margin:0; padding:0; margin-bottom:5px; *margin-bottom: 2px;}
/* block left - search result */
.result_ketban{ width:63px; height:345px; float:left; padding: 5px 5px 0 5px}
.result_ketban_hover { background: url(images/bg_search_ketban.jpg) top left no-repeat; cursor:pointer; float:left}

.list_menu_ketban {float:right; padding-right:5px; margin-top:10px; *padding-right:5px; *margin-top:5px;  }
.line_breack_ketban {padding:15px 0 15px 0; *padding:5px 0 5px 0;}

/*------------------------------ QUOTE ---------------------------------------*/
.quote_text { height:60px; color:#fff/*757575*/; padding-left:15px}

/*	mach luu but box	*/
#mach_luu_but_box{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.mach_luu_but_popup {padding: 0px 5px 0px 5px; width:697px; *width:675px; overflow:auto;}
#mach_luu_but_popup1 { height:400px; *height:400px;}
.mlb_borderbottom_ajax {border-top: 2px solid #808080; width:690px; padding:0; margin:0; *height:1px; }
.mlb_title_ajax { text-align:center; width:690px; color:#BCE339/*C10000*/; font-size:16px; font-weight:bold; margin:15px 0px 0px 0px; *margin:15px 0pt 0px 0px; border-bottom: 2px solid #808080; padding-bottom:10px}
.luu_but_row_ajax {text-align:left; border-bottom: 1px solid #2F2F2F; padding:5px 0 5px 0;}
.mlb_pager_ajax { float:left; width:590px}
.mlb_close_button {padding-top: 5px; *padding-top: 5px; }
a.mlb_close_tab_ajax { position:absolute; left:685px; *left:675px; top:10px; font-size:15px; font-weight:bold; 
color:#fff; cursor:pointer; width:40px; height:25px;/* background:#A8BF57; text-align:center padding:5px 0 0 10px;*/}
a.mlb_close_tab_ajax:hover { position:absolute; left:685px; *left:675px; top:10px; font-size:15px; font-weight:bold; 
color:#ff9900; cursor:pointer; width:40px; height:25px;/* background:#A8BF57; text-align:center padding:5px 0 0 10px;*/}

a.mlb_a1 {color: #eee; text-decoration: none;}
a.mlb_a1:hover { color: #eee;text-decoration:underline}
a.mlb_a2 {color: #FF9900; text-decoration: none;}
a.mlb_a2:hover { color: #FF9900;text-decoration:underline}
.mlb_username_ajax{color: #FF9900; text-decoration: none;}

/*	jScrollPane */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}

.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%;	background: #aaa;}
.jScrollPaneDrag {	position: absolute;	background: #666;	cursor: pointer;	overflow: hidden;}
.jScrollPaneDragTop {	position: absolute;	top: 0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {	position: absolute;	bottom: 0;	left: 0;	overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0;	text-indent: -2000px; overflow: hidden;	/*background-color: #666;*/	height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}

a.jScrollArrowDown {display:block; position:absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}

/*---------		right bar in viewpix 	----------------------------------*/
#rbar_viewpix {float:right; width:210px;height: 650px; overflow:hidden; background-color: #353535;}
.rbar_arrow {float:left; width:10px; line-height:650px; background:#111 url(images/icon/rbar_bt1.jpg) center center no-repeat; cursor:pointer}
.rbar_arrow_hover {float:left; width:10px; line-height:650px; background:#111 url(images/icon/rbar_bt1_hover.jpg) center center no-repeat; cursor:pointer}
.rbar_arrow2 {float:left; width:10px; line-height:650px; background:#111 url(images/icon/rbar_bt2.jpg) center center no-repeat; cursor:pointer}
.rbar_arrow2_hover {float:left; width:10px; line-height:650px; background:#111 url(images/icon/rbar_bt2_hover.jpg) center center no-repeat; cursor:pointer}

.aBorder {border-color: #ff9900;}

.yellowText { color:#ff9900;}

/*-----------SLIDESHOW------------------*/
.pics {
	height: 330px; padding: 0; margin: 0 auto; overflow:hidden; vertical-align:middle; background-color: #111;
	text-align:center;
}  
.pics img {padding: 0px; top: 0; left: 0; width: 100%; display:none; position:relative; z-index: 1;}

/* PAGER */
#nav { width: 490px;  margin: 0px auto; border:0; overflow:hidden; position:absolute; z-index:10; margin: 0px; padding: 0px 0px 5px 0px; background:#111}
#nav a { width: 49px; padding: 2px 3px 2px 2px; display: block;}
#nav a.activeSlide { background: #ff9900 }
#nav a:focus { outline: none;}
#nav img { border: none; display: block;}
.SSsmallImg {float: left; background:#111;  opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}

/*	TOOL: PLAY, PAUSE*/
.ssMenu {width: 50px; margin-left:10px; opacity:.70; cursor:pointer;}
.ssMenuTool, .ssMenu {filter: alpha(opacity=70); -moz-opacity: 0.7; padding: 0 5px; background:#111; font-size:11px;}
.ssPagerBg { background:#111; width:600px; height:55px;}
.toolSliceShow {clear:both;}
#pauseButton, #resumeButton { cursor:pointer; padding: 0 0 2px 4px; font-size:11px;}
#resumeButton { background:url(images/icon/play.gif) 0 0 no-repeat; padding-left:12px;}
#pauseButton { background:url(images/icon/pause.gif) 0 0 no-repeat; padding-left:12px;}
/* IMAGE INFO BAR */
.slideShowborder {  width: 480px; height:310px; padding-bottom: 10px; overflow:hidden; border: 10px solid #616161; margin-bottom:20px; margin-top: 20px; margin-left:30px; position:relative;}
#slideshow { position: relative; width: 500px; height:310px; padding-bottom: 10px; overflow:hidden}
#controlsside { 
	z-index: 1000; position: absolute; left: 0; /*display: none;opacity:.0;filter: alpha(opacity=0); -moz-opacity: 0;*/
    background-color: #000; margin: 0; padding: 6px; line-height:30px; width: 100%;
}
#controls span { margin: 0 5px }
/*---------------	IMAGE	------------------*/
.imgTintucBorder, .imgTintuc {width:74px;} 
.imgTintucBorder { width: 230px; margin:0px 5px 0 0; height:130px; text-align:center; vertical-align:middle; overflow:hidden;}
.imgTintuc { vertical-align:middle; text-align:center; width:100%;}
.listImgTintucBorder{ text-align:center; margin:5px auto;}

/*----------------	LINK	-------------------*/
.linkMoreArrowBlue { padding-left:10px; background:url(images/icon/arrow_blue.gif) 0 60% no-repeat;}
.itemTintucList { padding-left:10px; background:url(images/icon/arrowItemList.gif) 0 8px no-repeat;}

#xEditingArea { background:#fff;}

/*---------------------------------------------------	ADMIN STYLE	----------------------------------------------*/
#ssTable {width:100%; border:1px dashed #fff;}
#ssTable td {border-right: 1px dashed #fff;border-bottom:1px dashed #fff;}
.ssTableTr1 {}
.ssTableTr2 {background: #212121}

ul#ulBlogList { list-style:none;}
ul#ulBlogList li { list-style:none; background: none;}

.blog_title { font-size:20px; line-height:22px; font-weight:bold; padding:10px 0 10px 0}
.blog_content {display:block; padding: 0px 0 20px 0}

.eventFeatureBg { padding: 5px 0px; background: #3E3E3E; top: 280px; position: absolute; width: 670px; height:70px; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; margin: 0 15px;}
.eventFeatureContent { top: 280px; position: absolute; padding: 5px 30px 5px 30px; width: 93%}
.eventBottonBg { background: url(images/eventBottonBg.png) top left no-repeat; width:163px; height:77px; text-align:center; margin:0 auto; vertical-align:middle;  font-weight:bold; color:#fff; top:5px; position:relative; padding-top:20px;}

.bttStyle {background:  url(images/icon/inputButtonBg.jpg) 0px 0px repeat-x; cursor:pointer; color:#FEB330; font-weight:bold; height:23px; padding:5px 6px;}
.bttStyle_hover {background-position: 0 -23px; color: #ff9900}

/*-------------------------------------------------------	TAB STYLE	---------------------------------------------------------*/
.event_narrow_slide_left { background:url(images/icon_v3/event_narrow_slide_left.jpg) 0 50% no-repeat; width:18px; height:105px; display: block; border:0; float:left; z-index:3; cursor:pointer}
.event_narrow_slide_right{ background:url(images/icon_v3/event_narrow_slide_right.jpg) 0 50% no-repeat; width:18px; height:105px; display: block; border:0; float:left; z-index:3; cursor:pointer}
.event_narrow_slide_left:hover { background:url(images/icon_v3/event_narrow_slide_left.jpg) 0 50% no-repeat; width:18px; height:105px; cursor:pointer}
.event_narrow_slide_right:hover { background:url(images/icon_v3/event_narrow_slide_right.jpg) 0 50% no-repeat; width:18px; height:105px; cursor:pointer}

input.searchEventThiSinh_btt, input.searchEventThiSinh_btt:hover { cursor:pointer; background:url(images/icon/search_event_thi_sinh.png) top left no-repeat; width:20px; height:21px; padding:2px 0px 4px 20px; /*margin-left:5px;*/ border:0px;}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    /*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;*/
    /*font-size: 11px;*/
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
	list-style-image: none;
	background: none;
	padding: 0;
	cursor:pointer;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(images/tabs/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 2px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
	color:#DD0066;
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
   /* cursor: text;*/
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #999;
}
.ui-tabs-panel {
    border: 1px solid #666;
    padding: 10px;
    background: #202020 ; /* declare background color for container to avoid distorted fonts in IE while fading */
}

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