/****************************************
* Action Bar
****************************************/

#BF_divActionBar {
	display: block;
	height: 52px;
	margin: 0;
	padding: 0;
	width: 980px;
	position: fixed;
	bottom: 0px;
	overflow: hidden;
	z-index:10000;
	visibility: hidden;
}
#BF_divActionBar .BF_LeftSide {
	background: url(../../images/default/actionbar/bg_left.png) no-repeat;
	display: block;
	float: left;
	height: 52px;
	margin: 0;
	padding: 0;
	width: 14px;
}
#BF_divActionBar .BF_Logo {
	background: url(../../images/default/actionbar/logo_btn_default-u.png) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 52px;
	margin: 0;
	padding: 0;
	width: 60px;
}
#BF_divActionBar .BF_Logo:hover {
	background: url(../../images/default/actionbar/logo_btn_default-o.png) no-repeat;
	display: block;
	float: left;
	height: 52px;
	margin: 0;
	padding: 0;
	width: 60px;
}
#BF_divActionBar .BF_Login_Logo {
	background: url(../../images/default/actionbar/logo_btn_login-u.png) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 52px;
	margin: 0;
	padding: 0;
	width: 60px;
}
#BF_divActionBar .BF_Login_Logo:hover {
	background: url(../../images/default/actionbar/logo_btn_login-o.png) no-repeat;
	display: block;
	float: left;
	height: 52px;
	margin: 0;
	padding: 0;
	width: 60px;
}
#BF_divActionBar .BF_ActionArea {background: url(../../images/default/actionbar/bg_middle.png); display: block; float: left; height: 52px; overflow: hidden;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner {display: block; height: 100%; margin-top: 20px; overflow: hidden; width: 892px; font-size: 12px;}
#BF_divActionBar .BF_RightSide {background: url(../../images/default/actionbar/bg_right.png) no-repeat; display: block; float: left; height: 52px; margin: 0; padding: 0; width: 14px;}

#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart {float: left; padding-left: 20px; height:32px;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart .BF_StartButton {background: transparent url(../../images/default/actionbar/arrow_btn_right.png) no-repeat scroll top right; display: block; float: left; height: 28px; padding-right: 3px; text-decoration: none;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart .BF_StartButton input {background: transparent url(../../images/default/actionbar/arrow_btn_left.png) no-repeat; border: none; color: #FFFFFF; cursor: pointer; display: block; font-size: 12px; font-weight: 700; height: 28px; line-height: 14px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 25px; *padding-top: 5px !important; *padding-right: 0px !important; *padding-bottom: 5px !important; *padding-left: 13px !important; margin:0px;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart .BF_StartButton:hover {background-position: right -28px;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart .BF_StartButton:hover input {background-position: left -28px;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart .BF_StartButtonDisabled {background: transparent url(../../images/default/actionbar/arrow_btn_right.png) no-repeat right -56px; display: block; float: left; height: 28px; padding-right: 3px; text-decoration: none;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_QuickStart .BF_StartButtonDisabled input {background: transparent url(../../images/default/actionbar/arrow_btn_left.png) no-repeat left -56px; border: none; color: #FFFFFF; cursor: pointer; display: block; font-size: 12px; font-weight: 700; height: 28px; line-height: 14px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 25px; *padding-top: 5px !important; *padding-right: 0px !important; *padding-bottom: 5px !important; *padding-left: 13px !important;}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_FloatRight {float: right; color:#646464; height: 32px}
#BF_divActionBar .BF_ActionArea .BF_ActionArea-inner .BF_Seperater {float: right; border-left: 1px dotted #646464; height: 32px; width: 4px; margin-left: 3px}

#BF_divLoginBtn {
	background: transparent url(../../images/default/actionbar/btn_actionbar_login-r.png) no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px;
	padding-right: 3px;
	text-decoration: none;
	margin-top:0;
	visibility: hidden;
}
#BF_divLoginBtn a {
	background: transparent url(../../images/default/actionbar/btn_actionbar_login-l.png) no-repeat;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 22px;
	line-height: 14px;
	padding: 8px 12px 0px 17px;
	margin: 0px;
	text-decoration: none;
}
#BF_divLoginBtn:hover {
	background-position: right -30px;
}
#BF_divLoginBtn:hover a {
	background-position: left -30px;
}
#BF_divSignupBtn {background: transparent url(../../images/default/actionbar/add.png) no-repeat 3px; float: left; margin: 2px; padding: 5px 8px 4px 26px; cursor: pointer; visibility: hidden; color:#646464;}
#BF_divSignupBtn:hover { background-color: #D6DE99; color: #409900;}
#BF_divLogoutBtn {margin: 2px; padding: 6px; height: 18px; cursor: pointer; float:left; color:#646464}
#BF_divLogoutBtn:hover {background-color: #D6DE99; color: #409900;}

#BF_divGashBtn {float: right; margin: 2px; padding: 5px 8px 6px 30px; cursor: pointer;}
#BF_divGashBtn:hover { background-color: #D6DE99; color: #409900;}
.BF_GashBtnDisabled {background: url(../../images/default/actionbar/gash_dd.png) no-repeat 3px;}
.BF_GashBtnEnabled {background: url(../../images/default/actionbar/gash_u.png) no-repeat 3px;}
#BF_divMemberBtn {float: right; margin: 2px; padding: 5px 8px 6px 30px; cursor: pointer;}
#BF_divMemberBtn:hover {background-color: #D6DE99; color: #409900;}
.BF_MemberBtnDisabled {background: url(../../images/default/actionbar/member_dd.png) no-repeat 3px;}
.BF_MemberBtnEnabled {background: url(../../images/default/actionbar/member_u.png) no-repeat 3px;}
#BF_divPersonalID {float:right; padding: 8px}
#BF_divPersonalID a {color: #409900; text-decoration: none;}
#BF_divPersonalID a:hover {color: #F38630; text-decoration: underline;}
#BF_divPersonalPhoto {float:right; padding-left: 6px; padding-right: 3px}

/* Gash sub menu */
#BF_divGashSubMenu {border: 1px solid #999999; border-bottom: 1px solid #666666; border-right: 1px solid #666666; bottom: 0; display: none; height: auto; overflow: hidden; position: fixed; width: 100px; z-index: 10001;}
#BF_divGashSubMenu ul {list-style: none; margin: 0; padding: 0; }
#BF_divGashSubMenu ul li {background: #F0F0F0 url(../../images/default/actionbar/nav_a.gif) repeat-x; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; color: #666666; float: left; font-size: 12px; margin: 0; padding: 8px; width: 100px;}
#BF_divGashSubMenu ul li:hover {background: #DDDDDD; color: #333; cursor: pointer; }
#BF_divGashSubMenu ul li:active {background: #FFFFFF; cursor: pointer; } 
#BF_divGashSubMenu ul li a:link, #BF_divGashSubMenu ul li a:visited {color: #666666; text-decoration: none; }
#BF_divGashSubMenu ul li a:hover { color: #333333; text-decoration: none;}

/* Play list */
#BF_divGamePlayListContainer {width:260px; height:350px; overflow: hidden; position: fixed; bottom: 0; z-index: 10001; display:none;}
#BF_divGamePlayListMenu {border: 1px solid #999999; border-bottom: 1px solid #666666; border-right: 1px solid #666666; height: auto; position:absolute; top: 0px; left:0px; width:250px; overflow:hidden;}
#BF_divGamePlayListMenu img {background: #FFF; border: 1px solid #CCCCCC; float: left; padding: 3px; }
#BF_divGamePlayListMenu .BF_Title {background-color: #333333; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; color: #FFFFFF; float: left; margin: 0; padding: 3px 5px; width: 250px; font-size:12px;}
#BF_divGamePlayListMenu ul {list-style: none; margin: 0; padding: 0;}
#BF_divGamePlayListMenu ul li {background: #F0F0F0 url(../../images/default/actionbar/nav_a.gif) repeat-x; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; float: left; margin: 0; padding: 3px 5px; width: 250px; position: relative;}
#BF_divGamePlayListMenu ul li:hover {background: #DDDDDD; cursor: pointer; }
#BF_divGamePlayListMenu ul li:active {background: #FFFFFF; cursor: pointer; }
#BF_divGamePlayListMenu ul li h2 {font-size: 16px; margin: 5px 0; padding: 0; color:#333333}
#BF_divGamePlayListMenu ul li .block {float: left; margin-left: 10px; padding: 0; width: 170px;}
#BF_divGamePlayListMenu ul li p {color: #666666; font-size: 12px; margin: 0px}
#BF_divGamePlayListMenu ul li .CommLock {display: block; background: url(../../images/default/icons/comm_lock.gif) no-repeat; left: 35px; width: 24px;	position: absolute; top: 32px; height: 24px;}

/* Action Bar Msg Box 
#BF_divMsgBox { position:fixed; background: transparent; width: 250px; height: 140px; z-index: 10001; bottom: 38px; display:block; overflow: hidden;}
#BF_divMsgBoxInner {position: relative; height: auto; border: solid 3px #7FAF1B; background: #ffffff;}
#BF_divMsgBoxInner .BF_MsgBoxBorderInner {padding: 8px;border-left: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #006600; border-bottom: 1px solid #006600; margin: 0;}
#BF_divMsgBoxInner .BF_MsgBoxBorderInner .BF_MsgBoxHeader {position: relative; border-bottom: 1px dotted #C0C0C0; color: #333333; padding: 2px; height: 18px;}
#BF_divMsgBoxInner .BF_MsgBoxBorderInner .BF_MsgBoxHeader .BF_MsgBoxTitle {float: left; color: #333333; font-size: 12px; font-weight: bold; width:150px;}
#BF_divMsgBoxInner .BF_MsgBoxBorderInner .BF_MsgBoxHeader .BF_MsgBoxCloseBtn {width:15px; height: 15px; float:right; cursor: pointer; background: url(../../images/default/actionbar/close.gif) no-repeat 0 0;}
#BF_divMsgBoxContent {position: relative; color: #000000; padding: 4px; font-size: 12px;}
#BF_divMsgBoxContent a:link, #BF_divMsgBoxContent a:visited {color: #409900; text-decoration: none;}
#BF_divMsgBoxContent a:hover, #BF_divMsgBoxContent a:active {color: #F38630; text-decoration: underline;}
 */
 
#BF_divMsgBox { position:fixed; background: transparent; width: 206px; height: 200px; z-index: 10001; bottom: 38px; display:block; overflow: hidden;}
#BF_divMsgBoxInner {position: relative; height: auto;}
#BF_divMsgBoxInner .BF_MsgBoxHeader {position: relative; margin: 0; overflow: hidden; padding: 5px 10px 4px 10px; background: url(../../images/default/actionbar/popup_actionbar-t.png) no-repeat; height:16px;}
#BF_divMsgBoxInner .BF_MsgBoxHeader .BF_MsgBoxTitle {float: left; color: #ffffff; font-size: 12px; font-weight: bold; width:150px;}
#BF_divMsgBoxInner .BF_MsgBoxHeader .BF_MsgBoxCloseBtn {width:15px; height: 15px; float:right; cursor: pointer; background: url(../../images/default/actionbar/close.gif) no-repeat 0 0;}
#BF_divMsgBoxContent {
	position: relative;
	color: #000000;
	padding: 15px 10px 11px 10px;
	font-size: 12px;
	background-image: url(../../images/default/actionbar/popup_actionbar-m.png);
	background-repeat: repeat-y;
}
#BF_divMsgBoxContent a:link, #BF_divMsgBoxContent a:visited {color: #409900; text-decoration: none;}
#BF_divMsgBoxContent a:hover, #BF_divMsgBoxContent a:active {color: #F38630; text-decoration: underline;}
#BF_divMsgBoxInner .BF_MsgBoxFooter {position: relative; margin: 0; overflow: hidden; background: url(../../images/default/actionbar/popup_actionbar-f.png) no-repeat; width: 206px; height: 23px;}

/* */
#BF_divMsgBox_Upgrade { position:fixed; background: transparent; width: 202px; height: 200px; z-index: 10001; bottom: 60px; display:block; overflow: hidden;}
#BF_divMsgBoxInner_Upgrade {position: relative; height: auto;}
#BF_divMsgBoxInner_Upgrade #BF_divMsgBoxContent_Upgrade .BF_MsgBoxCloseBtn_Upgrade {width:15px; height: 15px; float:right; cursor: pointer; background: url(../../images/default/actionbar/close.gif) no-repeat 0 0; position: absolute; right:5px; top:5px; }
#BF_divMsgBoxContent_Upgrade {
	position: relative;
	color: #000000;
	padding: 0;
	font-size: 12px;
	/*background-image: url(../../images/default/actionbar/popup_actionbar-m.png);*/
	background-repeat: repeat-y;
	border: 1px solid #999;
}
#BF_divMsgBoxContent_Upgrade a:link, #BF_divMsgBoxContent_Upgrade a:visited {color: #409900; text-decoration: none;}
#BF_divMsgBoxContent_Upgrade a:hover, #BF_divMsgBoxContent_Upgrade a:active {color: #F38630; text-decoration: underline;}
/* */

.BFProgressBar { width:120px; height:12px; background: url(../../beanfun_block/images/percentImage_back.png) no-repeat -120px 0px; }

/****************************************
* Header
****************************************/

#BF_divHeader {margin: 0 auto; width: 960px; padding: 0px;}

/* ----------------------------------- 
 Base rounded-corners box 
 ----------------------------------- */
.BF_BoxContainer { color: #000000; width: 100%; }
.BF_BoxContainer .BF_BoxBD {background: transparent url(../../images/default/basebox/ml.png) repeat-y 0 0; margin-right: 9px; }
.BF_BoxContainer .BF_BoxBD .BF_BoxContent {background: transparent url(../../images/default/basebox/mr.png) repeat-y right 0; margin-right: -9px;}
.BF_BoxContainer .BF_BoxBD .BF_BoxContent .BF_BoxContentNarrowPadding {background: #FFFFFF url(../../images/default/basebox/mc.png) repeat-x 0 0; margin: 0 7px; overflow: hidden; padding-left: 8px; padding-right: 8px;}
.BF_BoxContainer .BF_BoxFT {background: transparent url(../../images/default/basebox/bl.png) no-repeat 0 0; margin-right: 14px; }
.BF_BoxContainer .BF_BoxFT .BF_BoxContent {background: transparent url(../../images/default/basebox/br.png) no-repeat right 0; font-size: 1px; height: 27px; margin-right: -14px; }
ul.BF_TableNavbarWrapper {margin: 0px; padding: 0; width: 100%; list-style: none; height: 40px;}
ul.BF_TableNavbarWrapper li.BF_Menu, ul.BF_TableNavbarWrapper li.BF_Search { float: left; margin-top: 10px; list-style: none;} 
ul.BF_TableNavbarWrapper li.BF_Logo { float: left; margin-top: 8px; margin-left: 15px; margin-right: 65px; list-style: none;}
ul.BF_TableNavbarWrapper li.BF_Extra {float: right; padding: 7px; margin-top: 10px; list-style: none; font-size:12px;} 
#BF_divCurrentRegion a {color: #5E9503; font-size: 12px; text-decoration: none; }
#BF_divCurrentRegion a:hover { color: #9DCF6A; } 
#BF_divCurrentRegion .spanLocalAreaName {color:#409900; font-family: Arial, Sans-Serif;}
	
/* ----------------------------------- 
 Navi Menu 
 ------------------------------------- */
 
 /* Top navigation bar */
#BF_divNavbar {float: left; height: 14px; line-height: 20px; padding-right: 15px; padding-top: 5px; }
#BF_divNavbar ul, #BF_divNavbar ul li { list-style: none; margin: 0; padding: 0; color: #666666; font-family: Arial, sans-serif; font-size: 12px; }
#BF_divNavbar ul li { border-left: 1px dotted #5E9503; display: block; float: left;} 
#BF_divNavbar ul li.BF_NavibarSelected a { background: #7FAF1B; color: #FFFFFF; font-weight: bold; }
#BF_divNavbar ul li a { color: #5E9503; display: block; font-size: 14px; font-weight: bold; padding: 0 14px; text-decoration: none; }
#BF_divNavbar ul li a:hover { color: #9DCF6A; font-weight: bold; } 
#BF_divNavbar ul li a:active { outline: none; }
#BF_divNavbar ul li a:focus { -moz-outline-style: none; }
#BF_divNavbar ul li ul li { display: block; float: none; border: none;} 
#BF_divNavbar ul li ul li a { border-bottom: 1px solid #EEEEEE; clear: both; color: #333; font-size: 12px; font-weight: normal; padding: 0 10px; text-decoration: none;}
#BF_divNavbar ul li ul li a:hover { background: #9DCF6A; color: #407B24; font-weight: bold; }
#BF_ulNavSubMenu {background: #FFFFFF; border: 1px solid #D9ECBF; display: none; line-height: 26px; padding: 10px; position: absolute; width: 160px; z-index: 10000; list-style: none;}

/* region menu */
ul.RegionMenu { background: #FFFFFF; border: solid 1px #D9ECBF; color: #FFFFFF; display: none; line-height: 18px; padding: 0px; position: absolute; margin-top: -3px; z-index: 9999; }
ul.RegionMenu li { color: #FFFFFF; padding: 5px 15px 5px 25px; font-family: Arial, Sans-Serif;}
ul.RegionMenu li.BF_RegionMenuSelected { color: #000000; background: url(../../images/default/common/tick.png) no-repeat 2px; vertical-align: middle; }
ul.RegionMenu li:link, ul.RegionMenu li a:link { display: block; color: #666666; clear: both; font-size: 12px; font-weight: normal; text-decoration: none; list-style: none; padding: 0px; }
ul.RegionMenu li:hover, ul.RegionMenu li a:hover { background: #9DCF6A; color: #FFFFFF; font-weight: normal; text-decoration: none;}

/**********************
  Footer
***********************/
#BF_divFooter {max-width: 960px; min-width: 960px; width: 960px; border-top: 3px solid #99CC33; margin-top: 10px; margin-bottom: 65px; margin-left: auto; margin-right: auto; padding-top: 10px;}
#BF_divFooter p.BF_Copyright { float: left; margin: 0; padding: 0; font-family:Arial, Sans-Serif; font-size: 12px; color: #666666; }
#BF_divFooter p.BF_Navigation { float: right; margin: 0; padding: 0; }