.verMidOut { display: block; display: table; height: 100%; position: relative; width: 100%; }
.verMidMid { display: block; display: table-cell; top: 50%; vertical-align: middle; width: 100%; }
.verMidIn { display: block; position: relative; top: -50%; width: 100%; }
a.btnTools {display: block; float: left; position: relative;}
a.btnTools.added { cursor: default; }
a.btnTools.faved,a.btnTools.added span.icon { color: #FFF; }
a.btnTools span.icon {background-repeat: no-repeat; display: block; text-indent:-9999px;}
a.btnTools span.noIcon { display: block; padding-top: 3px; text-align: center; }
a.btnTools.viewDetails span.icon { background-image: url(../images/my-hk-guide/icon_magnifier.png); }
a.btnTools.saveToMyGuide span.icon { background-image: url(../images/my-hk-guide/icon_save.png); }
a.btnTools.share span.icon { background-image: url(../images/my-hk-guide/icon_share.png); }
a.btnTools.addFave span.icon { background-image: url(../images/my-hk-guide/icon_heart_lrg.png); }
a.btnTools.friends span.icon { background-image: url(../images/my-hk-guide/icon_add.gif); color: #FFF; min-width: 47px; text-align: center; }
a.btnTools.friends span.icon2,.myHKGuideFriendsProfile.btnReject.icon2 { background-image: url(../images/my-hk-guide/icon_cross_red.png); background-repeat: no-repeat; color: #000; display: block; margin-top: 4px; min-width: 47px; padding-left: 30px; }
a.btnTools.cancel span.icon { background-image: url(../images/my-hk-guide/icon_cross_red.png); color: #000; min-width: 47px; text-align: center; }
a.btnTools.ok span.icon { background-image: url(../images/my-hk-guide/icon_check_blue.png); }
a.btnTools.isFriend span.icon,a.btnTools.isAdded span.icon { background-image: url(../images/my-hk-guide/icon_check_blue.png); }
a.btnTools.addToWishList span.icon { background-image: url(../images/my-hk-guide/icon_wishlist.png); background-position: 50% 0; height:34px; margin-top:-6px;}
a.btnTools.addToWishList.added { cursor: pointer; }
a.btnTools.addToWishList.added span.icon { background-position: 50% -100px; }
a.btnTools span.bgR { background: url(../images/my-hk-guide/btn_gen_r.png) no-repeat; display: block; height: 22px; position: absolute; right: -6px; top: 0; width: 6px; }
a.btnTools30 { background: url(../images/my-hk-guide/btn_gen_30_l.png) no-repeat; color: #900; display: block; float: left; font-size: 130%; font-weight: 700; height: 26px; margin-right: 6px; padding: 4px 14px 0 20px; position: relative; }
a.btnTools30 span.icon { background-position: 0 4px; background-repeat: no-repeat; display: block; padding-left: 18px; padding-top: 3px; }
a.btnTools30 span.noIcon { display: block; padding-top: 3px; text-align: center; }
a.btnTools30.btnFindFriends { position: absolute; right: 350px; top: 18px; }
a.btnTools30.btnFindFriends span.icon { background-image: url(../images/my-hk-guide/icon_find_friends.png); }
a.btnTools30 span.bgR { background: url(../images/my-hk-guide/btn_gen_30_r.png) no-repeat; display: block; height: 30px; position: absolute; right: -6px; top: 0; width: 6px; }
.loading { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 200px; display: none; min-height: 400px; position: absolute; width: 96%; z-index: 9999; }
#myHKGuideLandingGoogleMap { height: 418px; width: 520px; }
.myHKGuideHeaderSignUp { width: 142px; }
.myHKGuideHeaderSignUp a.btnLogInHeader,.myHKGuideHeaderSignUp a.btnSignUpHeader { background-repeat: no-repeat; display: block; height: 22px; position: absolute; text-indent: -9999px; top: 8px; width: 70px; }
.myHKGuideHeaderSignUp a.btnLogInHeader { right: 72px; }
.myHKGuideHeaderSignUp a.btnSignUpHeader { right: 0; }
.myHKGuideheaderLoggedInContainer { width: 180px; padding-top:4px;}
.myHKGuideheaderLoggedIn { position: static; right: 0; top: 4px; z-index: 1000; }
.myHKGuideheaderLoggedIn a.btnUser,.myHKGuideheaderLoggedIn a.btnNotification { cursor: pointer; display: block; float: left; height: 30px; }
.myHKGuideheaderLoggedIn a.btnUser {position: relative; width: 141px; }
.myHKGuideheaderLoggedIn a.btnUser .userProfileThumbnail { display: block; float: left; margin: 0 8px 0 0; width: 30px; }
.myHKGuideheaderLoggedIn a.btnUser .userProfileThumbnail img { height: 30px; width: 30px; }
.myHKGuideheaderLoggedIn a.btnUser .userNameContainer { display: block; float: left; font-size: 12px; height: 24px; line-height: 12px; margin: 3px 8px 0 0; overflow: hidden; width: 95px; }
.myHKGuideheaderLoggedIn a.btnUser .userName { display: block; word-break: break-all; line-height:24px;}
.myHKGuideheaderLoggedIn a.btnUser .arrow { background: url(../images/my-hk-guide/arrow_user.gif) no-repeat; display: block; float: left; height: 3px; margin: 15px 0 0 0; width: 5px; display:none;}
.myHKGuideheaderLoggedIn a.btnUser .highlightArrow { background: url(../images/my-hk-guide/arrow_profile_highlight.gif) no-repeat; bottom: 0; display: none; height: 6px; left: 81px; position: absolute; width: 11px; }

#myhkgDhkHead .loginPulldown { display: none; left:700px; padding-top: 0; position: absolute; top: 42px; width: 210px; z-index: 1;background:url(../images_awc2/my-hk-guide/bg_login.jpg);  -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);}
.hasImportantNotices  #myhkgDhkHead .loginPulldown {left:652px;}
#myhkgDhkHead .loginPulldown .loginArrow {background:url(../images_awc2/my-hk-guide/arrow_topbar.png) no-repeat; width:21px; height:5px; position:absolute; top:-4px; left:30px;}
#myhkgDhkHead .loginPulldown li {border-top: #302F30 1px solid; float: none!important; height: 41px; margin-left: 0!important; padding: 0 0 0 18px; }
#myhkgDhkHead .loginPulldown li:first-child { border-top: 0; }
#myhkgDhkHead .loginPulldown li:hover { background:url(../images/my-hk-guide/bg_white_30.png);}
#myhkgDhkHead .loginPulldown li.last { border-bottom: 0; border-radius: 0 0 2px 2px; webkit-border-radius: 0 0 2px 2px; }
#myhkgDhkHead .loginPulldown li a { background-position: 0 11px; background-repeat: no-repeat; border-bottom: 0; display: block; height: 100%; padding: 0 0 0 43px; font-family: 'Roboto Condensed', sans-serif; font-size:16px;}
#myhkgDhkHead .loginPulldown li a span {display: block; width: 100%; padding-top:11px;}
#myhkgDhkHead .loginPulldown li a:hover span { background-position: 0 -90px; }
#myhkgDhkHead .loginPulldown li a.btnLogInHeader { background-image: url(../images_awc2/my-hk-guide/icon_login.png); }
#myhkgDhkHead .loginPulldown li a.btnSignUpHeader { background-image: url(../images_awc2/my-hk-guide/icon_signup.png); }
#myhkgDhkHead .loginPulldown li a.btnTutorial { background-image: url(../images_awc2/my-hk-guide/icon_tutorial.png); }
#myhkgDhkHead .loginPulldown li a.btnTerms { background-image: url(../images_awc2/my-hk-guide/icon_terms.png); }
#myhkgDhkHead .loginPulldown li a.btnPrivacyPolicy { background-image: url(../images_awc2/my-hk-guide/icon_privacy.png); }

.myHKGuideheaderLoggedIn .profilePulldown { display: none; right:47px; padding-top: 0; position: absolute; top: 42px; width: 240px; z-index: 1;background:url(../images_awc2/my-hk-guide/bg_login.jpg);  -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);}
.hasImportantNotices .myHKGuideheaderLoggedIn .profilePulldown {right:96px;}
.myHKGuideheaderLoggedIn .profilePulldown .profileArrow {background:url(../images_awc2/my-hk-guide/arrow_topbar.png) no-repeat; width:21px; height:5px; position:absolute; top:-4px; left:30px;}
.myHKGuideheaderLoggedIn .profilePulldown li {border-top: #302F30 1px solid; float: none!important; height: 41px; margin-left: 0!important; padding: 0 0 0 18px; }
.myHKGuideheaderLoggedIn .profilePulldown li:first-child { border-top: 0; }
.myHKGuideheaderLoggedIn .profilePulldown li:hover { background:url(../images/my-hk-guide/bg_white_30.png);}
.myHKGuideheaderLoggedIn .profilePulldown li.last { border-bottom: 0; border-radius: 0 0 2px 2px; webkit-border-radius: 0 0 2px 2px; }
.myHKGuideheaderLoggedIn .profilePulldown li a { background-position: 0 11px; background-repeat: no-repeat; border-bottom: 0; display: block; height: 100%; padding: 0 0 0 43px; font-family: 'Roboto Condensed', sans-serif; font-size:16px;}
.myHKGuideheaderLoggedIn .profilePulldown li a span {display: block; width: 100%; padding-top:11px; background:none !important;}
.myHKGuideheaderLoggedIn .profilePulldown li a:hover span { background-position: 0 -90px; }
.myHKGuideheaderLoggedIn .profilePulldown li.myHkGuide a { background-image: url(../images_awc2/my-hk-guide/icon_my_hk_guide.png); }
.myHKGuideheaderLoggedIn .profilePulldown li.myFriends a { background-image: url(../images_awc2/my-hk-guide/icon_my_friends.png); }
.myHKGuideheaderLoggedIn .profilePulldown li.accountSettings a { background-image: url(../images_awc2/my-hk-guide/icon_account_setting.png); }
.myHKGuideheaderLoggedIn .profilePulldown li.tutorial a { background-image: url(../images_awc2/my-hk-guide/icon_tutorial.png); }
.myHKGuideheaderLoggedIn .profilePulldown li.termsAndCondition a { background-image: url(../images_awc2/my-hk-guide/icon_terms.png); }
.myHKGuideheaderLoggedIn .profilePulldown li.privacyPolicy a { background-image: url(../images_awc2/my-hk-guide/icon_privacy.png); }
.myHKGuideheaderLoggedIn .profilePulldown li.logOut a { background-image: url(../images_awc2/my-hk-guide/icon_log_out.png); }
.myHKGuideheaderLoggedIn a.btnNotification { background: url(../images_awc2/my-hk-guide/bg_header_profile_r.png) no-repeat 0 4px; position: relative; width: 39px; }
.myHKGuideheaderLoggedIn a.btnNotification .highlightArrow { background: url(../images/my-hk-guide/arrow_profile_highlight.gif) no-repeat; bottom: 0; display: none; height: 6px; left: 15px; position: absolute; width: 11px; }
.myHKGuideheaderLoggedIn a.btnNotification:hover .highlightArrow,.myHKGuideheaderLoggedIn a.btnNotification.active .highlightArrow { display: none; }
.myHKGuideheaderLoggedIn a.btnNotification>span { color: #FFF; display: block; font-weight: 700; margin-top: 6px; text-align: center; }
.myHKGuideheaderLoggedIn .noNotification { color: #FFF; display: none; padding: 50px; text-align: center; }
.myHKGuideheaderLoggedIn .notificationPulldown {display: none; position: absolute; right:0; top: 42px; width: 350px; z-index: 10000; background:url(../images_awc2/my-hk-guide/bg_login.jpg); -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);}
.hasImportantNotices .myHKGuideheaderLoggedIn .notificationPulldown {right:49px;}
.myHKGuideheaderLoggedIn .notificationPulldown .btnSeeAll {display:block; text-align:center; text-decoration:underline ;border-top: #302F30 1px solid; padding:10px;}
.myHKGuideheaderLoggedIn .notificationPulldown .notificationArrow { background:url(../images_awc2/my-hk-guide/arrow_topbar.png) no-repeat; width:21px; height:5px; position:absolute; top:-4px; right:99px;}
.myHKGuideheaderLoggedIn .notificationPulldown .notificationTop { height: 45px; position: relative; }
.myHKGuideheaderLoggedIn .notificationPulldown .notificationTop .title { padding: 15px 0 0 20px; font-family: 'Roboto Condensed', sans-serif; font-size:20px;}
.myHKGuideheaderLoggedIn .notificationPulldown .notificationTop a.btnSeeAll { background: url(../images/my-hk-guide/bg_see_all.png) no-repeat; color: #B6B6B6; display: block; height: 20px; padding-top: 2px; position: absolute; right: 7px; text-align: center; top: 5px; width: 54px; }
.myHKGuideheaderLoggedIn .notificationPulldown ul li {border-top: #302F30 1px solid; float: none!important; margin-left: 0!important; min-height: 60px; padding: 10px 20px 10px 20px; }
.myHKGuideheaderLoggedIn .notificationPulldown ul li:hover { background: url(../images/my-hk-guide/bg_white_30.png);}
.myHKGuideheaderLoggedIn .notificationPulldown ul li .msg a { display: inline; font-weight: 700; }
.myHKGuideheaderLoggedIn .notificationPulldown ul li div { color: #FFF; display: block; position: relative; }
.myHKGuideheaderLoggedIn .notificationPulldown ul li div img { height: 60px; position: absolute; left: 0; top: 0; width: 60px; }
.myHKGuideheaderLoggedIn .notificationPulldown ul li div span.msg { display: block; padding-left: 70px; padding-top:12px;}
.myHKGuideheaderLoggedIn .notificationPulldown ul li div span.time { display: block; padding-left: 70px;}
.myHKGuideheaderLoggedIn .notificationPulldown ul li.last { border-bottom: 0; border-radius: 0 0 2px 2px; webkit-border-radius: 0 0 2px 2px; }
#mainContainer #toolbar { position: relative; z-index: 2000; }
#mainContainer #toolbar #toolbarContent ul li#fontSizeContainer {}
#mainContainer #toolbar #toolbarContent ul li#textVer { margin-left: 10px; }
html { background-color: transparent; }
body { background: url(../images/my-hk-guide/mainBg.jpg) no-repeat 50% 0; }
body.lightboxPages { background: none transparent; background-color: transparent; }
.myHKGuideLoading { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 200px; display: none; min-height: 400px; position: absolute; width: 96%; z-index: 9999; }
.myHKGuidePage { background-color: #900; margin: 0 auto; position: relative; width: 970px; }
.myHKGuidePage input,.myHKGuidePage select,.myHKGuidePage textarea { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 100%; }
.myHKGuidePage .myHKGuideContainer { margin: 0 auto; padding-bottom: 20px; position: relative; width: 970px; }
.myHKGuidePage .myHKGuideContainer .borderTop { background: url(../images/my-hk-guide/border_double.png) repeat-x; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn { left:0; position: absolute; top: 9px; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn a { background-position: 0 0; background-repeat: no-repeat; display: block; height: 32px; text-indent: -9999px; width: 165px; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn a:hover { background-position: 0 -88px; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn a.btnViewMyFriends { height: 46px; width: 177px; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn a.btnViewMyFriends:hover { background-position: 0 -92px; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn a.btnReturnToMyFriends { height: 46px; width: 217px; }
.myHKGuidePage .myHKGuideContainer .myHKGuideHeaderBtn a.btnReturnToMyFriends:hover { background-position: 0 -92px; }
.myHKGuidePage .guideMainTitle { color: #FFF; font-size: 210%; font-weight: 700; line-height: 200%; padding: 20px 0 20px 0; }
.myHKGuidePage a.btnLoginTxt { background-repeat: no-repeat; display: block; text-indent: -9999px; }
.myHKGuidePage a.btnMore { background:#595959; color: #FFF; text-decoration:underline; display: block; height: 23px; padding-top: 7px; position: relative; text-align: center; z-index: 1; }
.myHKGuidePage a.btnMore .arrowLeft,.myHKGuidePage a.btnMore .arrowRight { background-repeat: no-repeat; }
.myHKGuidePage a.btnMore .arrowLeft { background-position: 0 3px; padding-left: 15px; }
.myHKGuidePage a.btnMore .arrowRight { background-position: 100% 3px; padding-right: 15px; }
.myHKGuidePage .commentsContainer a.btnMore { width:641px; }
.myHKGuidePage .tripHistoryContainer a.btnMore { width:968px; }
.myHKGuidePage .fave { background: url(../images/my-hk-guide/icon_heart.png) no-repeat 0 0; font-weight: 400; padding: 0 0 0 17px; }
.guideList { display: none; }
.guideList.everyone { box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; webkit-box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; }
.guideList>div { box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; min-height: 350px; padding: 30px 0 10px 20px; webkit-box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; }
.guideList ul.main1col { float: left; margin: 0 0 0 19px; width: 182px; height:350px;}
.guideList ul.main2col { float: left; width: 365px; margin-right:1px;}
.guideList ul.main3col { float: left; width: 207px; }
.guideList ul.clearLeft { clear: left; }
.guideList li { position:relative; border: 1px solid #A45258; float: left; margin: 0 25px 19px 0; overflow: hidden; width:100%;}
.guideList li.last { margin-right: 0; }
.guideList li.widthFull { width: 100%; }
.guideList li .coverPhoto,.guideList li .guideInfo { display: block; }
.popularSlideshow .guideList .main2col li >div a.coverPhoto, .attractionSlideshow div.photo { overflow: hidden; height:217px; z-index: 0}
.guideList .main1col li > div > a.coverPhoto, .attractionSlideshow .main1col div.photo { overflow: hidden; height:110px;}
.guideList li .guideInfo, .guideList li .content {background: url(../images/my-hk-guide/info-background.png); }
.guideList li div > div.guideInfo, .guideList li .content {height: 180px; padding: 5px 10px 5px; position: relative;} 
.guideList .main1col li .guideInfo, .attractionSlideshow .main1col .content { height: 78px; }
.guideList li .guideInfo span { display: block; }
.guideList.everyone .main2col li .guideInfo .coverPhoto {height:35px;}
.guideList .main2col li .guideInfo .name { font-weight: 700; margin-top:20px; }
.guideList .main1col li .guideInfo .name { font-weight: 700; margin-top:10px; }
.myHKGuideContainer .guideList li .guideInfo .name { margin-top:2px; font-family:'Roboto Condensed',Arial, sans-serif;}
.guideList .main2col li .guideInfo .name a, .attractionSlideshow .main2col .content a {font-size: 20px; font-weight:700;}
.guideList .main1col li .guideInfo .name a, .attractionSlideshow .main1col .content a {font-size: 13px; font-weight:700;}
.guideList li .guideInfo .name a:hover { text-decoration: underline; }
.guideList li .guideInfo .creator { color: #FFFFFF; line-height: 150%; font-family: ''}
.guideList.everyone .main1col li .guideInfo .creator{position: absolute;bottom: 5px;}
.guideList li .guideInfo .fave { background-image: url(../images/my-hk-guide/icon_heart_dark.png); position: absolute; right: 16px; top:4px; color:#FFF;}
.guideList li .myHKGuideMapInfo { background-color: #FFF; border-radius: 0 0 5px 5px; padding: 10px 10px; webkit-border-radius: 0 0 5px 5px; }
.guideList li .myHKGuideMapInfo .title { color: #333; font-size: 120%; font-weight: 700; padding: 0 0 2px 0; }
.guideList li .myHKGuideMapInfo .thumbnail { float: left; margin: 0 5px 0 0; }
.guideList li .myHKGuideMapInfo .thumbnail>a { float: left; }
.guideList li .myHKGuideMapInfo .thumbnail img { float: left; height: 32px; margin: 0 5px 0 0; width: 32px; }
.guideList li.templateImg { box-shadow: none; height: 156px; webkit-box-shadow: none; }
.guideList li.templateImg img { display: block; }
.guideList li.middle { width: 310px; }
.guideList li.middle .guideInfo .name { font-size: 120%; }
.guideList li.middle .guideInfo,.guideList li.large .myHKGuideMapInfo { padding-bottom: 57px; padding-top: 10px; }
.guideList li.large { width: 520px; }
.guideList li.large .myHKGuideMapInfo { padding-bottom: 18px; }
.guideList li.attractions .guideInfo .name,.guideList li.attractions .guideInfo .name a { color: #127DB8; }
.guideList li.events .guideInfo .name,.guideList li.events .guideInfo .name a { color: #8C0046; }
.guideList li.arts .guideInfo .name,.guideList li.arts .guideInfo .name a { color: #2C268C; }
.guideList li.culture .guideInfo .name,.guideList li.culture .guideInfo .name a { color: #A96500; }
.guideList li.outdoor .guideInfo .name,.guideList li.outdoor .guideInfo .name a { color: #00792E; }
.guideList li.tour .guideInfo .name,.guideList li.tour .guideInfo .name a { color: #4C8CCC; }
.guideList li.dining .guideInfo .name,.guideList li.dining .guideInfo .name a { color: #5E005E; }
.guideList li.shop .guideInfo .name,.guideList li.shop .guideInfo .name a { color: #D22B00; }
.guideList.everyone>div { box-shadow: none; padding-bottom: 0; webkit-box-shadow: none; }
.guideList.everyone>div.template2 { display: none; height: 1046px; padding-bottom: 10px; padding-top: 0; position: relative; }
.guideList.everyone ul.bottomLeft,.guideList.everyone ul.bottomCenter,.guideList.everyone ul.bottomRight { position: absolute; }
.guideList.everyone ul.bottomLeft { left: 20px; top: 880px; }
.guideList.everyone ul.bottomCenter { left: 380px; top: 704px; }
.guideList.everyone ul.bottomRight { left: 560px; top: 704px; }
.guideList .main2col img { height: 217px; width:363px; }
.guideList .main1col img { height: 109px; width: 180px; }
.guideList.everyone .main1col li .guideInfo .name { height: auto; overflow: hidden; position: absolute; top: 10px; padding-right: 5px;height:35px;}
.guideList.everyone li .guideInfo .desc { display: none; }
.guideList.everyone li.middle>div>.coverPhoto { height: 160px; width: 310px; }
.guideList.everyone li.middle .guideInfo .name { height: auto; overflow: hidden; position: absolute; top: 30px; }
.guideList.everyone li.middle .guideInfo .creator { height: 17px; overflow: hidden; }
.guideList.everyone li.middle .guideInfo .desc { display: block; height: 34px; overflow: hidden; visibility: hidden; }
.guideList.everyone a.btnMore { background-image: url(../images/my-hk-guide/bg_btn_more_guide.png); box-shadow: none; display: none!important; height: 12px; left: 0; margin-top: 5px; padding-top: 15px; webkit-box-shadow: none; width: 597px; }
.guideList.everyone a.btnMore .arrowLeft,.guideList.everyone a.btnMore .arrowRight { background-image: url(../images/my-hk-guide/arrow_btn_more_guide.png); }
.guideList.everyone a.btnMore .arrowLeft { background-position: 0 1px; padding-left: 29px; }
.guideList.everyone a.btnMore .arrowRight { background-position: 100% 1px; padding-right: 29px; }
.guideList.recommanded li,.guideList.friends li { width: 280px; }
.guideList.recommanded li .coverPhoto,.guideList.friends li .coverPhoto { height: 192px; overflow: hidden; width: 280px; }
.guideList.recommanded li .coverPhoto img,.guideList.friends li .coverPhoto img { height: 100%; width: 100%; }
.guideList.recommanded li .guideInfo,.guideList.friends li .guideInfo { padding-bottom: 15px; padding-top: 10px; }
.guideList.recommanded li .guideInfo .name,.guideList.friends li .guideInfo .name { font-size: 120%; height: 33px; overflow: hidden; padding-bottom: 2px; }
.guideList.recommanded li .guideInfo .desc,.guideList.friends li .guideInfo .desc { height: 33px; overflow: hidden; }
.guideList.topGuideList { display: block; min-height: 215px; }
.guideList.topGuideList li { height: 320px; width: 310px; margin-bottom: 20px; margin-right: 16px; overflow: visible; position: relative;}
.guideList.topGuideList li.last { margin-right: 0; }
.guideList.topGuideList li.btnCreateGuide {background:url(../images/my-hk-guide/info-background.png);  moz-transition: all .4s ease-out; ms-transition: all .4s ease-out; o-transition: all .4s ease-out; transition: all .4s ease-out; webkit-transition: all .4s ease-out;}
.guideList.topGuideList li:hover a.btnDelete { filter: alpha(opacity=100); opacity: 1; }
.guideList.topGuideList li .coverPhoto img { height: 185px; width:100%;}
.guideList.topGuideList li .guideInfo { height: 116px; padding-bottom: 15px; padding-left: 9px; padding-right: 9px; padding-top: 5px; position: relative; }
.guideList.topGuideList li .guideInfo .name { height: 40px; line-height: 160%; overflow: hidden;margin-top:20px; }
.guideList.topGuideList li .guideInfo .fave { right: 7px; top: 4px; }
.guideList.topGuideList li .guideInfo .friendList { bottom: 9px; position: absolute; }
.guideList.topGuideList li .guideInfo .friendList img { float: left; height: 40px; margin: 0 3px 0 0; width: auto; }
.guideList.topGuideList li .guideInfo .friendList .moreFriends { background-color: #CCC; color: #FFF; float: left; height: 20px; min-width: 24px; padding-top: 4px; text-align: center; }
.guideList.topGuideList li a.btnDelete { background: url(../images/my-hk-guide/bg_black_80.png); border-radius: 5px; display: block; filter: alpha(opacity=0); opacity: 0; padding: 3px 5px 2px 5px; position: absolute; right: 5px; top: 5px; webkit-border-radius: 5px; }
.guideList.topGuideList li a.btnDelete span { background: url(../images/my-hk-guide/icon_close.gif) no-repeat 0 3px; display: block; padding: 0 0 0 14px; }
.guideList.topGuideList li a.btnClose { background: url(../images/my-hk-guide/icon_close_frame.gif) no-repeat; height: 11px; position: absolute; right: 15px; top: 16px; width: 11px; }
.guideList.topGuideList li .createGuideMsgContainer { background: url(../images/my-hk-guide/bg_save_success.png); color: #F99; font-size: 14px; height: 57px; left: 4px; padding: 27px 26px 0 16px; position: absolute; top: 211px; width: 160px; z-index: 10; }
.guideList.topGuideList li .savedGuide { background: url(../images/my-hk-guide/bg_black_80.png); border-radius: 5px; box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); display: none; left: -25px; position: absolute; top: 221px; webkit-border-radius: 5px; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); width: 260px; z-index: 10; }
.guideList.topGuideList li .savedGuide .arrowTop { background: url(../images/my-hk-guide/arrow_save_top.png) no-repeat; height: 11px; left: 124px; position: absolute; top: -11px; width: 21px; }
.guideList.topGuideList li .savedGuide .guideSaveInfo { padding: 5px; }
.guideList.topGuideList li .savedGuide .guideSaveInfo .guideSaveCover { float: left; }
.guideList.topGuideList li .savedGuide .guideSaveInfo .guideSaveContent { margin: 0 0 0 106px; }
.guideList.topGuideList li .savedGuide .guideSaveInfo .guideSaveContent .savedMsg { color: #FFF; font-weight: 700; padding: 5px 10px 0 0; }
.guideList.topGuideList li .savedGuide .guideSaveInfo .guideSaveContent a.viewDetails { margin-top: 4px; }
.nearbyPoiListContainer li:hover a.btnDelete { display: none!important; }


.landingNav {height: 54px; position: relative; z-index:1; display:none;}
.landingNav li {float: left; height: 54px; width: 159px; margin-left:2px; position:relative;}
.landingNav li:first-child {margin-left:0;}
.landingNav a {color: #A7A7A7; display: block; font-size: 140%; font-weight: 700; height:33px; padding: 14px 0 0 0; position: absolute; text-align: center; bottom:0px; background:#242424; border-right:#1A1A1A 2px solid; width:157px; font-family: 'Roboto Condensed', sans-serif;margin-right: 2px;}
.landingNav a:hover, .landingNav a.active {color: #FFF; height:34px; padding-top:18px; width:155px; padding-right:2px; border:#707070 1px solid; border-bottom:none; background:#474747; bottom:-1px;}

.landingNav a#btnGuideEveryone { display: none; }
.landingNav a#btnGuideFriends { display: none; }
.landingListBg { position: relative;}
.homeScVideo { height: 520px; margin: 0 auto; width: 750px; }
.myHKGuideLanding .mainHeader { position: relative; min-height:380px;}
.myHKGuideLanding .mainHeaderContent {width:100%; min-height: 365px; position: relative; margin-left: auto; margin-right: auto; }
.myHKGuideLanding .mainHeaderContent .mainVisual {border-bottom: 1px solid #A35056; background:no-repeat center #000000; height: 380px; opacity: 0; position: relative; visibility: hidden; width: 100%; }
.myHKGuideLanding .mainHeaderContent .mainVisualLoading { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 200px; display: none; min-height: 400px; position: absolute; width: 96%; z-index: 9999; }
.myHKGuideLanding .myHKGuideContainer { display: none; }
.myHKGuideLanding .animateVisual { display: none; position: relative; width: 510px; }
.myHKGuideLanding .socailMediaShare { position: absolute; right: 30px; text-indent: -9999px; top: 38px; }
.myHKGuideLanding .socailMediaShare .sharebox>div { float: left; }
.myHKGuideLanding .socailMediaShare .shareFB { height: 30px; margin: 0 1px; width: 90px; }
.myHKGuideLanding .socailMediaShare .shareFB>* { height: 100%; width: 100%; }
.myHKGuideLanding .socailMediaShare .shareTweet { margin: 0 3px; }
.myHKGuideLanding .socailMediaShare .addthis_toolbox { margin-top: 2px; }
.myHKGuideLanding .appDownload {top: 200px;position: absolute;right: 20px;float: right;width: 170px;}
.myHKGuideLanding .appDownload a { font-size: 16px;text-decoration: underline;top: 15px;position: absolute;}
.myHKGuideLanding .appDownload a.short { margin-top: 16px; }
.myHKGuideLanding .appDownload img { float: left; }
.myHKGuideLanding .bannerLeft { left: 60px; position: absolute; top: 55px; }
.myHKGuideLanding .bannerLeft .shadow { background: url(../images/my-hk-guide/shadow_video.png) no-repeat; height: 158px; position: absolute; right: 16px; top: 23px; width: 297px; z-index: 1; }
.myHKGuideLanding .bannerLeft .video { left: 93px; position: absolute; top: 36px; }
.myHKGuideLanding .bannerLeft .title { }
.myHKGuideLanding .watchVideo .btnPlay { background:url(../images/my-hk-guide/video-thumbnail.png) no-repeat; display: block;width:275px;height:159px; position: absolute;top:110px;}
.myHKGuideLanding .landingContainer {width:100%;}
.myHKGuideLanding .landingContainer .landingListBg {background:0;z-index: 0; clear:both;}
.myHKGuideLanding .landingContainer .guideList { box-shadow: none; webkit-box-shadow: none; width: 100%; margin-top: 20px; }
.myHKGuideLanding .landingContainer .landingListBg .guideList>div { padding: 0; }
.myHKGuideLanding .attractionBg { background: url(../images/my-hk-guide/info-background.png);padding-top: 20px;padding-bottom: 20px}
.myHKGuideLanding .highlightAttractions { margin-left:auto; margin-right:auto; width: 970px;}
.myHKGuideLanding .highlightAttractions .titleSep {}

.myHKGuideLanding .highlightAttractions .list { border: #720808 1px solid; padding: 1px; }
.myHKGuideLanding .highlightAttractions .list .item { background-color: #860404; border-bottom: #9E3636 1px solid; box-shadow: 0 18px 8px -10px rgba(0,0,0,.15) inset; height: 85px; overflow: hidden; webkit-box-shadow: 0 18px 8px -10px rgba(0,0,0,.15) inset; }
.myHKGuideLanding .highlightAttractions .list .item.last { border-bottom: 0; }
.myHKGuideLanding .highlightAttractions .list .item .photo { float: left; width: 120px; }
.myHKGuideLanding .highlightAttractions .list .item .photo img { height: 85px; width: 120px; }
.myHKGuideLanding .highlightAttractions .list .item .content { color: #FFF; float: left; height: 100%; padding: 0 0 0 19px; width: 130px; }
.myHKGuideLanding .highlightAttractions .list .item .content a { line-height: 130%; }
.myHKGuideLanding .highlightAttractions .list .item .content a:hover { text-decoration: underline; }
.myHKGuideLanding .highlightAttractions .leftBanner { margin-top: 25px; }
.myHKGuideLanding .landingMain { background:url(../images/my-hk-guide/info-background.png); width:100%; margin-left: auto; margin-right: auto; position:relative;}
.myHKGuideLanding .landingMain .titleSep { float:left; width:45%; }
.myHKGuideLanding .landingMain .titleCheckOut { padding-bottom: 26px; text-align: center; }
.myHKGuideLanding .landingMain .downloadHKGuideAppContainer { padding: 20px 0 10px 0; }
.myHKGuideLanding .landingMain .downloadHKGuideAppContainer .shadowTop { background: url(../images/my-hk-guide/shadow_app_top.png) repeat-x; height: 9px; }
.myHKGuideLanding .landingMain .downloadHKGuideAppContainer .shadowBottom { background: url(../images/my-hk-guide/shadow_app_btm.png) repeat-x; height: 10px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp { background: url(../images/my-hk-guide/bg_black_20.png); margin: 1px 0; min-height: 300px; position: relative; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .mainVisual { background: url(../images/my-hk-guide/download_app_main.png) no-repeat; height: 371px; position: absolute; right: 50px; top: -55px; width: 413px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info { padding: 59px 0 0 80px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .iconApp { background: url(../images/my-hk-guide/icon_app.png) no-repeat; float: left; height: 62px; width: 62px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .titles { float: left; margin: 8px 0 0 13px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .titles .mainTitle { padding-bottom: 14px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .titles .subTitle { padding-bottom: 18px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .downloadIcons div { background-position: 0 100%; background-repeat: no-repeat; float: left; margin-right: 6px; padding-bottom: 29px; width: 129px; }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .downloadIcons div.btnGooglePlay { background-image: url(../images/my-hk-guide/bg_google_play.png); }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .downloadIcons div.btnGooglePlay a { background-image: url(../images/my-hk-guide/icon_google_play.png); }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .downloadIcons div.btnAppStore { background-image: url(../images/my-hk-guide/bg_app_store.png); }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .downloadIcons div.btnAppStore a { background-image: url(../images/my-hk-guide/icon_app_store.png); }
.myHKGuideLanding .landingMain .downloadHKGuideApp .info .downloadIcons a { background-repeat: no-repeat; display: block; height: 41px; margin: 0 auto; text-indent: -9999px; width: 125px; }
.sectionHeaderLogin { display: none; position: absolute; right: 25px; top: 25px; }
.sectionHeaderLogin a.btnFindFriends { background-repeat: no-repeat; display: block; float: right; text-indent: -9999px; }
.sectionHeaderLogin .signUpHeader { float: right; }
.sectionHeaderLogin .signUpHeader .titleAlready,.sectionHeaderLogin .signUpHeader a.btnLoginTxt,.sectionHeaderLogin .signUpHeader a.btnSignUpNow { float: left; }
.sectionHeaderLogin .signUpHeader .titleAlready,.sectionHeaderLogin .signUpHeader a.btnLoginTxt { margin-right: 10px; margin-top: 8px; }
.myHKGuideMyFriends .myFriendsList { min-height: 100px; width: 628px; margin-top: 20px}
.myHKGuideMyFriends .friendRequestList { min-height: 100px; width: 628px;}
.myHKGuideMyFriends .myFriendsList li {background:url(../images/my-hk-guide/info-background.png);border: 1px solid #A45258;float: left; margin: 0 6px 10px 0; position: relative; width: 100%; height:70px;}
.friendRequestList li { border-radius: 5px; float: left; margin: 0 6px 10px 0; padding: 6px 5px; position: relative; webkit-border-radius: 5px; width: 290px; }
.myHKGuideMyFriends .myFriendsList li .myFriendPhoto { float: left; }
.friendRequestList li .myFriendPhoto { float: left; }
.myHKGuideMyFriends .myFriendsList li .myFriendPhoto img { height: 70px; width: 70px; }
.friendRequestList li .myFriendPhoto img { height: 68px; width: 68px; }
.myHKGuideMyFriends .myFriendsList li .myFriendInfo { margin-left: 78px; padding-top: 3px; }
.friendRequestList li .myFriendInfo { margin-left: 78px; padding-top: 3px; }
.myHKGuideMyFriends .friendRequestList li .myFriendInfo .name { font-size: 18px; font-weight: 700; }
.myFriendsList .myFriendInfo .name { font-size: 14px; font-weight: 700; margin:18px;margin-bottom: 0px;}
.myHKGuideMyFriends .myFriendsList li .myFriendInfo .name a:hover { text-decoration: underline; }
.myHKGuideMyFriends .friendRequestList li .myFriendInfo .numOfFriends { padding-bottom: 12px; }
.myHKGuideMyFriends .myFriendsList li .myFriendInfo a.btnTools {background:url(../images/my-hk-guide/create-button-bg.png) no-repeat; bottom: 10px; position: absolute; top:20px; right: 20px; height:32px;width:70px; font-size:16px; color:#FFF;text-align: center;padding-top: 6px;}
.myHKGuideMyFriends .myFriendsList li .myFriendInfo a.btnTools:hover {background:url(../images/my-hk-guide/create-button-bg-hover.png)no-repeat;}
.friendRequestList li.myFriendInfo a.btnTools { bottom: 10px; position: absolute; }
.myHKGuideFriendsProfile .friendPageHeader { padding: 25px 0 0 0; }
.myHKGuideFriendsProfile .friendPageHeader .friendProfileImg { float: left; width: 170px; }
.myHKGuideFriendsProfile .friendPageHeader .friendProfileImg img { box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); height: 150px; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); width: 150px; }
.myHKGuideFriendsProfile .friendPageHeader .info { margin: 0 0 0 170px; }
.myHKGuideFriendsProfile .friendPageHeader .info .name { font-size: 210%; font-weight: 700; line-height: 120%; min-height: 28px; padding: 12px 0 8px 0; }
.myHKGuideFriendsProfile .friendPageHeader .info .btnFriend { height: 22px; padding: 0 10px 10px 0; }
.myHKGuideFriendsProfile .friendPageHeader .info .friendCount { min-height: 17px; padding: 5px 0 8px 0; }
.myHKGuideFriendsProfile .friendPageHeader .thumbnail { height: 40px; }
.myHKGuideFriendsProfile .friendPageHeader .thumbnail>div { float: left; margin-right: 5px; }
.myHKGuideFriendsProfile .friendPageHeader .thumbnail>div.moreFriends { background-color: #CCC; color: #FFF; display: none; font-size: 12px; height: 29px; padding-top: 11px; text-align: center; width: 40px; }
.myHKGuideFriendsProfile .friendPageHeader .thumbnail>div a { display: block; }
.myHKGuideFriendsProfile .friendPageHeader .thumbnail img { display: block; height: 40px; width: 40px; }
.myHKGuideFriendsProfile .friendsWistListContainer { padding: 40px 0 0 0; }
.myHKGuideFriendsProfile .friendsWistListContainer h2 { font-size: 160%; font-weight: 700; line-height: 120%; padding: 0 0 7px 4px; }
.myHKGuideFriendsProfile .friendsWistListContainer .noData { padding: 0 0 0 4px; }
.myHKGuideFriendsProfile .friendsWistListContainer .friendsWistList { background: url(../images/my-hk-guide/bg_landing_list.png); border-top: #A82626 1px solid; box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; display: none; padding: 20px 0 10px 11px; webkit-box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; }
.myHKGuideFriendsProfile .friendsWistListContainer .friendsWistList .poiList { height: auto; }
.myHKGuideFriendsProfile .friendsWistListContainer .friendsWistList .poiList .poiInfo { min-width: 169px; }
.myHKGuideFriendsProfile .friendsWistListContainer .friendsWistList .poiList li { margin-right: 10px; padding-bottom: 10px; width: 292px; }
.myHKGuideFriendsProfile .friendsGuideListContainer { padding: 40px 0 0 0; }
.myHKGuideFriendsProfile .friendsGuideListContainer h2 { font-size: 160%; font-weight: 700; line-height: 120%; padding: 0 0 7px 4px; }
.myHKGuideFriendsProfile .friendsGuideListContainer .noData { padding: 0 0 0 4px; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList { display: none; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList { display: block; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li { margin-bottom: 20px; margin-right: 20px; width: 215px; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li.last { margin-right: 0; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li .coverPhoto { overflow: hidden;}
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li .coverPhoto img { height: 147px; width: 215px; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li .guideInfo { min-height: 48px; padding: 5px 7px 15px 7px; position: relative; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li .guideInfo .name { font-size: 120%; height: 30px; line-height: 110%; overflow: hidden; }
.myHKGuideFriendsProfile .friendsGuideListContainer .friendsGuideList.guideList li .guideInfo .fave { bottom: 6px; right: 7px; top: auto; }
.myHKGuideFindFriends h2 { font-size: 125%; font-weight: 700; line-height: 120%; padding-bottom: 10px; }
.myHKGuideFindFriends .friendPageUser { padding: 14px 0 15px 0; position: relative; }
.myHKGuideFindFriends .friendPageUser .title { font-size: 210%; font-weight: 700; padding-top: 23px; }
.myHKGuideFindFriends .inviteContainer { float: left; margin-right: 29px; width: 590px; }
.myHKGuideFindFriends .myFriendsList { float: right; width: 301px; }
.myHKGuideFindFriends .friendListMenu { background-image: url(../images/my-hk-guide/bg_black_50.png); border-radius: 5px; display: none; left: -50px; padding: 23px 8px 8px 8px; position: absolute; top: 0; webkit-border-radius: 5px; width: 410px; z-index: 10; }
.myHKGuideFindFriends .friendListMenu a.btnClose { position: absolute; right: 13px; text-indent: -9999px; top: 6px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer { background-color: #DFDFDF; border-radius: 5px; padding: 5px; webkit-border-radius: 5px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer h2 { color: #900; font-size: 18px; padding: 15px 0 15px 0; text-align: center; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .findYourFriendField { padding-bottom: 9px; padding-left: 0; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .findYourFriendField .findYourFriend { border: 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; color: #666; float: left; height: 14px; margin: 0; padding: 5px 10px 5px 10px; webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; width: 354px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .findYourFriendField .btnSearch { background: url(../images/my-hk-guide/btn_magnifier_black.png) no-repeat; display: block; float: left; height: 24px; text-indent: -9999px; width: 26px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .noFriend { color: #333; display: none; height: 293px; overflow: hidden; padding: 200px 50px 0 50px; padding-top: 200px; text-align: center; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .noFriend a { color: #333; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList { display: none; height: 493px; overflow: hidden; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .jspVerticalBar { right: 0; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .jspTrack { background-image: url(../images/my-hk-guide/btn_track_friend_list.png); }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .item { background-color: #FFF; border-radius: 2px; margin-bottom: 5px; padding: 5px; webkit-border-radius: 2px; width: 377px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .item .profileImg { float: left; width: 78px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .item .profileImg img { height: 68px; width: 68px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .item .name { color: #000; float: left; font-size: 14px; font-weight: 700; padding: 25px 10px 0 0; width: 172px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .friendList .item .btnFriend { float: left; padding: 21px 0 0 0; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .buttons { height: 30px; padding-bottom: 9px; padding-top: 9px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .buttons a { background: url(../images/my-hk-guide/bg_btn.png) no-repeat; color: #666; display: block; float: left; font-size: 16px; font-weight: 700; height: 23px; margin: 0; padding-top: 7px; text-align: center; width: 192px; }
.myHKGuideFindFriends .friendListMenu .friendListContainer .buttons a.btnYes { color: #900; margin-left: 4px; }
.myHKGuideFindFriends .socialMediaContainer { padding: 0 0 55px 0; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaNav { height: 60px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaNav a,.myHKGuideFindFriends .socialMediaContainer .socialMediaNav input { background-color: transparent; background-repeat: no-repeat; border: 0; cursor: pointer; display: block; float: left; height: 60px; outline: 0; text-indent: -9999px; width: 288px; }

.myHKGuideFindFriends .socialMediaContainer .socialMediaNav a.btnWeibo,.myHKGuideFindFriends .socialMediaContainer .socialMediaNav input.btnWeibo { background-image: url(../images/my-hk-guide/btn_weibo.png); }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent { border-radius: 0 0 5px 5px; box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); height: 385px; position: relative; webkit-border-radius: 0 0 5px 5px; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent>div { box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset; left: 0; position: absolute; top: 0; webkit-box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset; width: 100%; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchField { background-image: url(../images/my-hk-guide/bg_black_50.png); height: 60px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchField .title { float: left; font-weight: 700; padding: 21px 15px 0 47px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchField .friendName { border: 0; border-radius: 5px 0 0 5px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; color: #999; float: left; font-style: italic; height: 30px; margin-top: 15px; padding: 0 0 0 15px; webkit-border-radius: 5px 0 0 5px; webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; width: 350px; }
.myHKGuideFindFriends .searchPeople .title { float: left; padding: 3px 10px 0px 0px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchField .btnSearch { background: url(../images/my-hk-guide/btn_search.png) no-repeat; display: block; float: left; height: 30px; margin-top: 15px; text-indent: -9999px; width: 30px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer { background: url(../images/my-hk-guide/bg_landing_list.png); box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; height: 251px; padding: 12px 0; webkit-box-shadow: 0 18px 8px -10px rgba(0,0,0,.4) inset,0 -18px 8px -10px rgba(0,0,0,.4) inset; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer .userList { height: 251px; overflow: hidden; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer .userList li { float: left; height: 40px; overflow: hidden; padding: 5px 0; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer .userList li .checkBtn { float: left; padding: 10px 0 0 30px; width: 23px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer .userList li .myFriendPhoto { float: left; padding-right: 7px; width: 40px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer .userList li .myFriendPhoto img { display: block; height: 40px; width: 40px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .userListContainer .userList li .name { float: left; padding-top: 10px; width: 180px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchBtns { background-image: url(../images/my-hk-guide/bg_black_50.png); border-radius: 0 0 5px 5px; height: 50px; padding-left: 17px; padding-right: 11px; webkit-border-radius: 0 0 5px 5px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchBtns a.btnTools { color: #999; float: left; height: 20px; margin-right: 14px; margin-top: 14px; padding-top: 2px; }
.myHKGuideFindFriends .socialMediaContainer .socialMediaContent .searchBtns a.btnTools30 { float: right; height: 23px; margin-top: 11px; padding-left: 6px; padding-right: 0; padding-top: 7px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail { padding: 0 0 0 4px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail .emailField { float: left; margin-right: 10px; width: 425px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail .emailField .item { min-height: 30px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail>span { float: left; font-size: 12px; font-weight: 700; padding: 5px 15px 0 0; width: 110px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail input { border: 0; border-radius: 5px 0 0 5px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; color: #333; float: left; font-style: italic; height: 30px; line-height: 30px; margin-top: 5px; padding: 0 0 0 15px; webkit-border-radius: 5px 0 0 5px; webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; width: 240px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail a.btnAdd { background: url(../images/my-hk-guide/btn_add.png) no-repeat; float: left; height: 30px; width: 30px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail a.btnMinus { background: url(../images/my-hk-guide/btn_minus.png) no-repeat; float: left; height: 30px; margin-top: 5px; width: 30px; }
.myHKGuideFindFriends .inviteByEmailContainer .inviteByEmail a.btnTools30 { clear: left; height: 23px; margin-top: 10px; padding-left: 16px; padding-right: 10px; padding-top: 7px; }
.myHKGuideFindFriends .myFriendsList .findFriendNav { border-bottom: #FFF 1px solid; box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); height: 34px; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); }
.myHKGuideFindFriends .myFriendsList .findFriendNav>a { background: url(../images/my-hk-guide/btn_bg_search.png) no-repeat; color: #9E8080; display: block; float: left; font-weight: 700; height: 26px; padding-top: 8px; text-align: center; width: 149px; }
.myHKGuideFindFriends .myFriendsList .findFriendNav>a.btnYouMayKnow { margin-right: 3px; }
.myHKGuideFindFriends .myFriendsList .findFriendNav>a.active { background-position: 0 -68px; color: #900; }
.myHKGuideFindFriends .myFriendsList .findFriendNav>a.disabled { cursor: default; filter: alpha(opacity=50); opacity: .5; }
.friendsYouMayKnow .item { background-color: #340000; border-radius: 0 0 2px 2px; margin-bottom: 5px; padding: 5px; webkit-border-radius: 0 0 2px 2px; }
.friendsYouMayKnow .item .profileImg { float: left; padding-right: 7px; width: 40px; }
.friendsYouMayKnow .item .profileImg img { height: 40px; width: 40px; }
.friendsYouMayKnow .item .name { float: left; font-weight: 700; padding: 10px 10px 0 0; width: 136px; }
.friendsYouMayKnow .item .btnFriend { float: left; padding-top: 8px; }
.searchPeople .searchFriendField { margin-bottom: 8px; min-height: 24px; padding-left: 8px; }
.searchPeople .searchFriendField .peopleName { border: 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; color: #666; float: left; height: 14px; margin: 0; padding: 5px 8px 5px 8px; webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; width: 400px; }
.searchPeople .searchFriendField .btnSearch { background: url(../images/my-hk-guide/btn_magnifier_black.png) no-repeat; display: block; float: left; height: 24px; text-indent: -9999px; width: 26px; }
.myHKGuideFindFriends .searchResult .noResult { display: none; font-weight: 700; left: 0; padding-left: 30px; width: 100%; }
.searchResult .userListContainer { overflow: hidden; }
.friendsYouMayKnow .noFriend span { display: block; padding: 0 30px; }
.myHKGuideFindFriends .friendsYouMayKnow { float: left; width: 590px; }
.friendsYouMayKnow .userListContainer { height: 200px; }
.searchResult .userListContainer { height: 200px; }
.searchResult .userList li { border-radius: 5px; float: left; margin: 0 6px 5px 0; padding: 6px 5px; position: relative; webkit-border-radius: 5px; width: 270px; }
.searchResult .userList li.more { background: #FFF; color: #900; display: none; font-weight: 700; height: 18px; text-align: center; }
.searchResult .userList li .myFriendPhoto { float: left; }
.searchResult .userList li .myFriendPhoto img { height: 40px; width: 40px; }
.searchResult .userList li .myFriendInfo { margin-left: 52px; margin-right: 95px; word-break: break-all; }
.searchResult .userList li .myFriendInfo a:hover { text-decoration: underline; }
.searcgResult .userList li .myFriendInfo .name { font-weight: 700; height: 40px; line-height: 110%; overflow: hidden; word-break: break-all; }
.searchResult .userList li .myFriendInfo .numOfFriends { display: none; }
.searchResult .userList li .myFriendInfo a.btnTools { bottom: 15px; position: absolute; right: 15px; }
.myHKGuideLightboxPageBorder {width: 430px;}
.myHKGuideLightboxPageBorder.signupAndLogin {width:860px;}
.myHKGuideLightboxPageBorder.signupAndLogin .myHKGuideLightboxPage {color:#FFF;}
.myHKGuideLightboxPageBorder.signupAndLogin .myHKGuideLightboxPage .title {color:#FFF; font-family:'Roboto Condensed', sans-serif;}
.myHKGuideLightboxPageBorder .loadingPopup { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 200px; display: none; min-height: 400px; position: absolute; width: 96%; z-index: 9999; }
.myHKGuideLightboxPageBorder.myHKGuideInputGuideName .loadingPopup { background-position: 50% 100px; }
.myHKGuideLightboxPageBorder .myHKGuideLightboxPage {}
form.signUpForm, form.loginForm {background:url(../images_awc2/my-hk-guide/bg_login.jpg);}
.loginIntroContainer {float:left; width:540px;}
.loginIntroContainer .title {padding:58px 30px 30px 30px; font-family:'Roboto Condensed', sans-serif; font-size:240%; font-weight:700; line-height:130%;}
.loginIntroContainer .mapAndVideo {position:relative; height:332px;}
.loginIntroContainer .mapContent, .loginIntroContainer .loginVideo {position:absolute; top:0; left:0; width:100%;}
.loginIntroContainer .loginVideo {display:none; text-align:center;}
.loginIntroContainer .loginVideo .loginVideoYt {width:473px; margin:0 auto;}
.loginIntroContainer .loginVideo .backBtn {margin:20px auto 0 auto; height:30px; background-color:#7C050E; display:inline-block;}
.loginIntroContainer .introContent {text-align:center; padding-bottom:20px;}
.loginIntroContainer .introBtmContent .subTitle {float:left; padding:5px 20px 0 80px; font-family:'Roboto Condensed', sans-serif; font-size:155%;} 
.btnGenShadowContainer {background-color:#7C050E; height:30px; display:inline-block;}
a.btnGenShadow.btnPlayVideo span.icon {background-image:url(../images/my-hk-guide/icon_video.png);}
.myHKGuideLightboxPageBorder .myHKGuideLightboxPage.myHKGuideSignUp {float:left; width:320px; box-shadow:0;webkit-box-shadow:0; background: url(../images/my-hk-guide/bg_white_7.png) transparent; min-height:550px;}
.myHKGuideLightboxPage { background-color: #FFF; color: #5C5C5C; width: 430px;}
.myHKGuideLightboxPage input,.myHKGuideLightboxPage select,.myHKGuideLightboxPage textarea { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 100%; }
.myHKGuideLightboxPage .title,.myHKGuideLightboxPage .titleActiviate {color: #333; font-size: 155%; font-weight: 700; line-height: 190%; padding: 20px 23px 5px 22px;}
.loggedIn .myHKGuideLightboxPage .title, .loggedIn .myHKGuideLightboxPage .titleActiviate {color:#7C050E; font-weight:normal;}
.signupAndLogin .myHKGuideLightboxPage .title {padding-top:60px;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem {border-bottom:none; padding-bottom:18px;}
.strokeOr {width:100%; height:13px; background-repeat:no-repeat; background-position:50%; margin-bottom:18px;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dt {display:none;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dd {margin-left:0; min-height:0;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dd div {border-radius:0; webkit-border-radius:0; padding:0;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dd input {border:#C1C1C1 1px solid; height:30px; line-height:30px;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dt, .signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dd div {background-color:transparent;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem dl dd input {background-color:#FFF;}
.signupAndLogin .myHKGuideLightboxPage .loginContent .loginItem .subTitle {padding-top:0;}
.myHKGuideLightboxPage .title.noBg,.myHKGuideLightboxPage .titleActiviate.noBg { background: 0; }
.myHKGuideLightboxPage .titleActiviate { background: 0; color: #333; font-size: 120%; }
.myHKGuideLightboxPage a.btnActiviateHere { color: #900; text-decoration: underline; }
.myHKGuideLightboxPage .loginContent { padding: 0 10px; }
.myHKGuideLightboxPage .loginContent .loginItem { border-bottom: #E5E5E5 1px solid; padding: 0 12px 20px 12px; }
.myHKGuideLightboxPage .loginContent .loginItem .intro { font-size: 120%; padding: 20px 0; }
.myHKGuideLightboxPage .loginContent .loginItem .emailAddress { font-size: 120%; font-weight: 700; min-height: 17px; padding: 0 0 30px 0; }
.myHKGuideLightboxPage .loginContent .loginItem .subTitle {padding: 20px 0 10px 0; }
.myHKGuideLightboxPage .loginContent .loginItem a.btnSignUpFb,.myHKGuideLightboxPage .loginContent .loginItem a.btnSignUpWeibo { background-repeat: no-repeat; display: block; height: 32px; margin: 8px auto 0 auto; text-indent: -9999px; width: 280px; }
.myHKGuideLightboxPage .loginContent .loginItem a.btnSignUpWeibo { background-image: url(../images_awc2/my-hk-guide/btn_sign_up_weibo.png); }
/*.myHKGuideLightboxPage .loginContent .loginItem a.btnSignUp,.myHKGuideLightboxPage .loginContent .loginItem a.btnSignUpNow,.myHKGuideLightboxPage .loginContent .loginItem a.btnLogIn,.myHKGuideLightboxPage .loginContent .loginItem a.btnForgot,.myHKGuideLightboxPage .loginContent .loginItem a.btnClose,.myHKGuideLightboxPage .loginContent .loginItem a.btnChange { background-repeat: no-repeat; display: block; height: 30px; text-indent: -9999px; width: 366px; }*/
.myHKGuideLightboxPage .loginContent .loginItem a.btnLogIn, .myHKGuideLightboxPage .loginContent .loginItem a.btnSignUp {width:150px; height:42px; margin:0 auto; display:block; text-indent:-9999px;}
.myHKGuideLightboxPage .loginContent .loginItem a.btnSignUpNow, .myHKGuideLightboxPage .loginContent .loginItem a.btnLogInSwitch { background:none; display:inline; height:auto; text-indent:0; width:auto; font-weight:700; text-decoration:underline;}
.myHKGuideLightboxPage .loginContent .loginItem dl dt,.myHKGuideLightboxPage .loginContent .loginItem dl dd div { background-color: #F0F0F0; margin-bottom: 10px; }
.myHKGuideLightboxPage .loginContent .loginItem dl dt { border-radius: 5px 0 0 5px; border-right: #D8D8D8 1px solid; color: #595959; float: left; font-weight: 700; height: 29px; margin-right: 1px; padding: 11px 12px 0 12px; webkit-border-radius: 5px 0 0 5px; width: 110px; }
.myHKGuideLightboxPage .loginContent .loginItem dl dd { margin-left: 136px; min-height: 40px; }
.myHKGuideLightboxPage .loginContent .loginItem dl dd div { border-radius: 0 5px 5px 0; padding-left: 10px; padding-right: 10px; webkit-border-radius: 0 5px 5px 0; }
.myHKGuideLightboxPage .loginContent .loginItem dl dd input { background: 0; border: 0; color: #595959; height: 40px; line-height: 40px; padding: 0; width: 100%; }
.myHKGuideLightboxPage .loginContent .loginItem dl dd label.error { color: #F00; display: block!important; padding: 0 0 10px 10px; }
.myHKGuideLightboxPage .loginContent .loginItem dl dd label.valid { display: none!important; }
.myHKGuideLightboxPage .loginContent .loginItem .agreeCheck { min-height: 19px; padding: 0 0 25px 0; position: relative; color:#FFF;}
.myHKGuideLightboxPage .loginContent .loginItem .agreeCheck > label {display:block; clear:both; padding-top:5px;}
.myHKGuideLightboxPage .loginContent .loginItem .agreeCheck a.btnForgotPassword { color: #FFF; float:right; right: 0; text-decoration: underline; top: 0; }
.myHKGuideLightboxPage .loginContent .loginItem .agreeCheck input { margin-right: 5px; vertical-align: bottom; }
.myHKGuideLightboxPage.guideDetail { padding:0; width: 670px; margin:0; background-color:#7C050E;}
.saveToMyGuideSuccessContainer { background-image: url(../images/my-hk-guide/bg_black_65.png); border-radius: 5px; box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); display: none; left: 0; padding: 10px; position: absolute; top: 30px; webkit-border-radius: 5px; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); width: 410px; z-index: 200; }
.saveToMyGuideSuccessContainer .saveToMyGuideSuccess { background-color: #FFF; border-radius: 5px; color: #5C5C5C; position: relative; webkit-border-radius: 5px; width: 410px; }
.saveToMyGuideSuccessContainer .saveToMyGuideSuccess .btnClose { background: url(../images/my-hk-guide/icon_close_frame_common.gif) no-repeat 0 0; height: 15px; position: absolute; right: 2px; text-indent: -9999px; top: 2px; width: 15px; }
.saveToMyGuideSuccessContainer .saveToMyGuideSuccess .title { background: 0; color: #900; font-size: 155%; font-weight: 700; line-height: 150%; padding: 20px; text-align: center; }
.myHKGuideLightboxPage.myHKGuideHomeVideo { min-height: 480px; padding: 5px 6px; width: 640px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC,.myHKGuideLightboxPage.myHKGuideSignupComplete { color: #333; width: 700px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader { border-bottom: #E6E6E6 1px solid; font-size: 120%; margin: 0 10px; padding: 10px 14px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader .profileContainer,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader .profileContainer { height: 100px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader .profilePic,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader .profilePic { display: none; float: left; height: 100px; margin-right: 15px; width: 100px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader .profilePic img,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader .profilePic img { height: 100px; width: 100px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader .profileInfo,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader .profileInfo { float: left; width: 500px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader .subtitle,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader .subtitle { font-weight: 700; padding-bottom: 15px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader dl dt,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader dl dt { float: left; font-weight: 700; padding-bottom: 5px; padding-right: 10px; width: 110px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .signUpTandCHeader dl dd,.myHKGuideLightboxPage.myHKGuideSignupComplete .signUpTandCHeader dl dd { float: left; padding-bottom: 5px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy { padding: 10px 24px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyIntro,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyIntro { font-weight: 700; padding-bottom: 10px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyContainer,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyContainer { border: #9A9A9A 1px solid; box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; height: 300px; overflow: auto; padding: 10px 10px 10px 12px; webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyContainer .subtitle,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyContainer .subtitle { font-size: 120%; font-weight: 700; padding-bottom: 15px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyContainer .listHead,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyContainer .listHead { float: left; width: 20px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyContainer .listBody,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyContainer .listBody { display: block; margin-left: 20px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyContainer p,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyContainer p { color: #333; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .privacyContainer ol,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .privacyContainer ol { margin: 0 0 15px 20px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .checkboxContainer,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .checkboxContainer { margin: 14px 0 14px 0; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .btnContainer,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .btnContainer { height: 30px; margin: 10px 0 14px 0; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .btnContainer a,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .btnContainer a { min-width: 137px; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .btnContainer a.btnDisagree,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .btnContainer a.btnDisagree { color: #000; float: right; }
.myHKGuideLightboxPage.myHKGuideSignupTandC .termsAndPrivacy .btnContainer a.disabled,.myHKGuideLightboxPage.myHKGuideSignupComplete .termsAndPrivacy .btnContainer a.disabled { filter: alpha(opacity=30); opacity: .3; }
.myHKGuideLightboxPage.myHKGuideSignupComplete label.error { color: #F00; font-weight: 400!important; margin: 0 0 0 25px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting { padding: 10px 24px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .subtitle { font-size: 120%; font-weight: 700; padding-bottom: 15px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .mandatoryFields { padding-bottom: 15px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .subtitleSetting { font-size: 120%; font-weight: 700; padding-bottom: 5px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .fieldSetting { padding-bottom: 20px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .fieldSetting input { width: 311px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting select { margin: 0 0 20px 0; width: 315px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .emailUpdateMe { font-weight: 700; padding-bottom: 10px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .emailUpdateMe input { vertical-align: middle; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .emailUpdateMe a { color: #F00; text-decoration: underline; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .btnContainer { height: 30px; margin-bottom: 10px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .btnContainer a { margin-right: 16px; min-width: 137px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .termsAndPrivacyNote { font-weight: 700; padding-bottom: 10px; }
.myHKGuideLightboxPage.myHKGuideSignupComplete .languageSetting .termsAndPrivacyNote a { color: #F00; text-decoration: underline; }
.myHKGuideLightboxPage.myHKGuideChangePassword #changeStartContainer label.errorMsg,.myHKGuideLightboxPage.myHKGuideChangePassword #changeStartContainer label.errorMsgSameOldNew { color: #F00; display: none; padding-bottom: 10px; }
.myHKGuideLightboxPage.myHKGuideChangePassword #changeEndContainer { display: none; }
#forgotForm { display: none; }
#forgotEndContainer { display: none; }
.myHKGuideLightboxPage .loginContent .loginItem dl dd label.notRegistered { color: #F00; display: none; padding: 0 0 10px 10px; }
.accountNotActiviateContainer { display: none; }
.activiateReSendContainer { display: none; }
.myHKGuideLightboxPageBorder.confirmPopup .title { background: 0; line-height: 150%; padding: 20px; text-align: center; }
.myHKGuideLightboxPageBorder .buttons { height: 30px; padding-bottom: 20px; text-align:right; padding-right:0;}
.myHKGuideLightboxPageBorder.confirmPopup .buttons {padding-right:20px;}
.myHKGuideLightboxPageBorder .buttons a { background: url(../images/my-hk-guide/bg_gen_btn_color.png) repeat-x; color: #FFF; display: inline-block; font-size: 16px; height: 29px; margin: 0 0 0 9px; padding: 5px 10px 0 10px; text-align: center; min-width: 50px; font-family: 'Roboto Condensed', sans-serif;}
.myHKGuideLightboxPageBorder.confirmPopup .buttons a:hover {background-position:0 -50px;}
.myHKGuideLightboxPageBorder.myHKGuideSignupTandC { width: 700px; }
.myHKGuideLightboxPageBorder.myHKGuideSignupComplete { width: 700px; }
.myHKGuideLightboxPageBorder.loggedIn .title { background: 0; padding: 15px 20px 15px 20px; text-align: center; }
.myHKGuideLightboxPageBorder.eNewsSubscription .title { padding-top: 20px; }
.myHKGuideLightboxPageBorder.eNewsSubscription p { color: #333; font-size: 85%; }
.myHKGuideLightboxPageBorder.eNewsSubscription p a { color: #900; }
.myHKGuideLightboxPageBorder.errorMsgContainer { width: 370px; }
.myHKGuideLightboxPageBorder.errorMsgContainer .myHKGuideLightboxPage { width: 370px; }
.myHKGuideLightboxPageBorder.errorLoginContainer.confirmPopup .buttons a { color: #900; }
.myHKGuideLightboxPageBorder.answerSurvey.confirmPopup { width: 710px; }
.myHKGuideLightboxPageBorder.answerSurvey.confirmPopup .myHKGuideLightboxPage { width: 710px; }
.myHKGuideLightboxPageBorder.answerSurvey.confirmPopup .title { padding-left: 9px; text-align: left; }
.answerSurvey .logo { background-position: 50% 0; background-repeat: no-repeat; float: left; margin: 30px 0; min-height: 150px; width: 231px; }
.answerSurvey .content { float: left; padding-bottom: 20px; padding-top: 20px; width: 440px; }
.answerSurvey .content .question { background: url(../images/my-hk-guide/icon_survey.jpg) no-repeat 14px 5px; color: #000; font-size: 130%; min-height: 85px; padding-bottom: 15px; padding-left: 84px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .answerSurvey { border-bottom: #C3C1C2 1px solid; border-top: #C3C1C2 1px solid; margin: 0 5px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful { width: auto; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .buttons { height: 30px; padding-bottom: 9px; padding-top: 10px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .buttons a { background: url(../images/my-hk-guide/bg_btn.png) no-repeat; color: #666; display: block; float: left; font-size: 16px; font-weight: 700; height: 23px; margin: 0 0 0 9px; padding-top: 7px; text-align: center; width: 192px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .buttons a.btnYes { color: #900; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .myHKGuideLightboxPage { width: auto; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .answerSurvey { display: none; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .saveSuccessful .title { font-size: 180%; font-weight: 700; padding-bottom: 5px; text-align: center; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .saveSuccessful .showAppContainer { padding: 10px 10px 20px 10px; text-align: center; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .saveSuccessful .btnShowApp { color: #900; display: none; text-decoration: underline; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .extraInfo { display: block; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .download { padding: 25px 0 0 8px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .download .title { background-position: 0 0; background-repeat: no-repeat; margin-bottom: 15px; padding: 0; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .download a { background-repeat: no-repeat; display: block; float: left; height: 41px; margin-right: 10px; text-indent: -9999px; width: 125px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .download a.btnGooglePlay { background-image: url(../images/my-hk-guide/icon_google_play.png); }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .download a.btnAppStore { background-image: url(../images/my-hk-guide/icon_app_store.png); }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer { height: 160px; padding: 0 0 0 17px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer>div { float: left; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer .appIcon { background: url(../images/my-hk-guide/icon_app_my_guide.png) no-repeat; height: 159px; margin: 0 11px 0 0; width: 134px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer .appTxt { background-repeat: no-repeat; margin: 60px 69px 0 0; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer .qrCode { background: url(../images/my-hk-guide/icon_qr.png) no-repeat; float: left; height: 144px; margin: 18px 0 0 10px; width: 130px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer .qrCodeAppleStore { background: url(../images/my-hk-guide/icon_qr_apple.png) no-repeat; height: 160px; margin: 5px 45px 0 0; width: 130px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .qrCodeContainer .qrCodeGooglePlay { background: url(../images/my-hk-guide/icon_qr_google.png) no-repeat; height: 160px; margin: 5px 0; width: 130px; }
.myHKGuideLightboxPageBorder.myHKGuideSaveSuccessful .dunShowExtraContainer { padding: 20px 10px 20px 10px; }
.myHKGuideSetting .loginContent .loginItem dl dt { background-position: 6px 10px; background-repeat: no-repeat; padding-left: 36px; width: 95px; }
.myHKGuideSetting .loginContent .loginItem dl dt.guideName { background-image: url(../images/my-hk-guide/icon_guide_name.png); }
.myHKGuideSetting .loginContent .loginItem dl dt.arrivalDate { background-image: url(../images/my-hk-guide/icon_arrival_date.png); }
.myHKGuideSetting .loginContent .loginItem dl dt.duration { background-image: url(../images/my-hk-guide/icon_duration.png); }
.myHKGuideSetting .loginContent .loginItem dl dd { margin-left: 144px; }
.myHKGuideSetting .loginContent .loginItem dl dd .guideSettingName { padding-top: 11px; }
.myHKGuideSetting .loginContent .loginItem dl dd input.durationDatepicker { background: url(../images/my-hk-guide/icon_calendar.gif) no-repeat 100% 50%; }
.myHKGuideSetting .loginContent .loginItem .privacySettingsContainer .privacySettingsTitle { float: left; padding-top: 11px; width: 144px; }
.myHKGuideSetting .loginContent .loginItem .privacySettingsContainer .privacySettingPulldown { background-color: #F0F0F0; border-radius: 5px; height: 40px; margin-left: 144px; padding-left: 10px; padding-right: 10px; webkit-border-radius: 5px; }
.myHKGuideSetting .loginContent .loginItem.lastBtn { padding-top: 20px; }
.myHKGuideSetting .loginContent .settingFriendList { padding-bottom: 8px; }
.myHKGuideSetting .loginContent .settingFriendList li { float: left; margin-right: 5px; position: relative; }
.myHKGuideSetting .loginContent .settingFriendList li span.ownerIcon { background: url(../images/my-hk-guide/icon_owner.png) no-repeat; display: block; height: 12px; position: absolute; width: 12px; }
.myHKGuideSetting .loginContent .settingFriendList li img { display: block; }
.myHKGuideSetting .loginContent .settingFriendList li span.owner { display: block; text-align: center; }
.myHKGuideSetting .loginContent .settingFriendList li a.btnDelete { background: url(../images/my-hk-guide/icon_close_dark.gif) no-repeat; display: block; height: 11px; position: absolute; right: 1px; top: 1px; width: 11px; }
.myHKGuideSetting .loginContent .settingFriendList li a.addFriend { background: url(../images/my-hk-guide/icon_add_friend.jpg) no-repeat; display: block; height: 40px; width: 40px; }
.myHKGuideSetting .loginContent a.btnLeaveThisGuide { background-repeat: no-repeat; display: block; height: 30px; text-indent: -9999px; width: 373px; }
.myHKGuideSetting .loginContent a.btnSave { background-repeat: no-repeat; display: block; height: 30px; text-indent: -9999px; width: 140px; }
.sbHolder { height: 40px; position: relative; width: 210px; }
.sbSelector { display: block; height: 40px; left: 0; line-height: 40px; outline: 0; overflow: hidden; position: absolute; top: 0; width: 190px; }
.sbSelector:link,.sbSelector:visited,.sbSelector:hover { color: #5C5C5C; outline: 0; text-decoration: none; }
.sbToggle { background: url(../images/my-hk-guide/arrow_pulldown.png) 50% 50% no-repeat; display: block; height: 40px; outline: 0; position: absolute; right: 0; top: 0; width: 40px; }
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbOptions { background-color: #F0F0F0; left: -10px; list-style: none; margin: 0; overflow-y: auto; padding: 0; position: absolute; top: 40px; width: 232px; z-index: 100; }
.sbOptions li { padding: 0 7px; }
.sbOptions a { border-top: dotted 1px #515151; display: block; outline: 0; padding: 7px 0 7px 3px; }
.sbOptions li:first-child a { border-top: 0; }
.sbOptions a:link,.sbOptions a:visited { color: #5C5C5C; text-decoration: none; }
.sbOptions a:hover,.sbOptions a:focus,.sbOptions a.sbFocus { color: #333; }
.sbOptions li.last a { border-bottom: 0; }
.sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: 700; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; }
.guideDetail.myGuideDetail.editGuide .morning+div .poiList { background: 0; }
.guideDetail.myGuideDetail.editGuide .afternoon+div .poiList { background: 0; }
.guideDetail.myGuideDetail.editGuide .evening+div .poiList { background: 0; }
.guideDetail.myGuideDetail.editGuide .sbHolder {background:url(../images/my-hk-guide/bg_gen_input_color.png) repeat-x; height:32px; line-height:30px; padding:0 0 0 14px; cursor: pointer; color:#FFF; position: relative; width: 204px; }
.guideDetail.myGuideDetail.editGuide .sbHolder:hover {background-position:0 -50px;}
.guideDetail.myGuideDetail.editGuide .sbSelector { display: block; height: 30px; left: 0; line-height: 30px; outline: 0; overflow: hidden; padding-left: 14px; position: absolute; top: 0; width: 183px; }
.guideDetail.myGuideDetail.editGuide .sbSelector:link,.guideDetail.myGuideDetail.editGuide .sbSelector:visited,.guideDetail.myGuideDetail.editGuide .sbSelector:hover { color: #FFF; outline: 0; text-decoration: none; }
.guideDetail.myGuideDetail.editGuide .sbToggle { background: url(../images/my-hk-guide/arrow_pulldown.png) 50% 0 no-repeat; display: block; height: 30px; outline: 0; position: absolute; right: 0; top: 0; width: 31px; }
.guideDetail.myGuideDetail.editGuide .sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.guideDetail.myGuideDetail.editGuide .sbOptions { background-color: #70050D; left: 6px; list-style: none; margin: 0; overflow-y: auto; padding: 0; position: absolute; top: 26px; width: 212px; z-index: 100; -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); box-shadow: 0 2px 0 0 rgba(0,0,0,0.3);}
.guideDetail.myGuideDetail.editGuide .sbOptions li { padding: 0; }
.guideDetail.myGuideDetail.editGuide .sbOptions a { border-top: solid 1px #57040A; display: block; outline: 0; padding: 2px 10px 2px 16px; }
.guideDetail.myGuideDetail.editGuide .sbOptions li:first-child a { border-top: 0; }
.guideDetail.myGuideDetail.editGuide .sbOptions a:link,.guideDetail.myGuideDetail.editGuide .sbOptions a:visited { color: #FFF; text-decoration: none; }
.guideDetail.myGuideDetail.editGuide .sbOptions a:hover,.guideDetail.myGuideDetail.editGuide .sbOptions a:focus,.guideDetail.myGuideDetail.editGuide .sbOptions a.sbFocus { color: #FFF; background-color:#63040B;}
.guideDetail.myGuideDetail.editGuide .sbOptions li.last a { border-bottom: 0; }
.guideDetail.myGuideDetail.editGuide .sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
.guideDetail.myGuideDetail.editGuide .sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: 700; padding: 7px 0 7px 3px; }
.guideDetail.myGuideDetail.editGuide .sbOptions .sbSub { padding-left: 17px; }
.poiList { height: 166px; }
.poiList li { float: left; margin-right: 9px; min-height: 68px; padding-bottom: 10px; position: relative; width: 300px; }
.poiList li.more { background: #595959; color: #FFF; display: none; font-weight: 700; height: 23px; min-height: 0; padding: 7px 0 0 0; text-align: center; width: 300px!important; margin-right:0;}
.poiList li div.expired a:hover { cursor: no-drop; }
.poiList li a { display: block; }
.poiList li.dining .poiCover { border-left-color: #5E005E; }
.poiList li.dining .poiInfo .category { color: #5E005E; }
.poiList li.attraction .poiCover { border-left-color: #127DB8; }
.poiList li.attraction .poiInfo .category { color: #127DB8; }
.poiList li.events .poiCover { border-left-color: #8C0046; }
.poiList li.events .poiInfo .category { color: #8C0046; }
.poiList li.arts .poiCover { border-left-color: #2C268C; }
.poiList li.arts .poiInfo .category { color: #2C268C; }
.poiList li.culture .poiCover { border-left-color: #A96500; }
.poiList li.culture .poiInfo .category { color: #A96500; }
.poiList li.outdoor .poiCover { border-left-color: #00792E; }
.poiList li.outdoor .poiInfo .category { color: #00792E; }
.poiList li.tour .poiCover { border-left-color: #4C8CCC; }
.poiList li.tour .poiInfo .category { color: #4C8CCC; }
.poiList li.shop .poiCover { border-left-color: #D22B00; }
.poiList li.shop .poiInfo .category { color: #D22B00; }
.poiList .poiCover { border-left: #000 4px solid; display: block; float: left; min-height: 68px; }
.poiList .poiCover img { height: 68px; width: 96px; }
.poiList .poiInfo { background-color: #FFF; color: #333; display: block; font-weight: 700; height: 68px; margin: 0 0 0 100px; min-width: 182px; overflow: hidden; padding: 0 10px 0 8px; }
.poiList .poiInfo .category { display: block; padding-top: 10px; }
.poiList .poiInfo .category span.expiredTxt { color: #F00; font-weight: 700; margin-left: 10px; }
.poiList .poiInfo .poiName { display: block; height: 36px; line-height: 130%; overflow: hidden; }
.poiList .hasBranch .poiInfo .poiName { height: 16px; }
.poiList .hasBranch .poiInfo .districtName { color: #595959; display: block; font-weight: 400; height: 18px; overflow: hidden; }
.poiList .arts a.qts .icon { background-image: url(../images/marker/ArtAndPerformance.png); border-color: #2C268C; }
.poiList .culture a.qts .icon { background-image: url(../images/marker/CultureAndHeritage.png); border-color: #A96500; }
.poiList .dining a.qts .icon { background-image: url(../images/marker/DineAndDrink.png); border-color: #5E005E; }
.poiList .events a.qts .icon { background-image: url(../images/marker/Events.png); border-color: #8C0046; }
.poiList .outdoor a.qts .icon { background-image: url(../images/marker/GreatOutdoor.png); border-color: #00792E; }
.poiList .attraction a.qts .icon { background-image: url(../images/marker/HighlightAttractions.png); border-color: #127DB8; }
.poiList .shop a.qts .icon { background-image: url(../images/marker/Shop.png); border-color: #D22B00; }
.poiList .tour a.qts .icon { background-image: url(../images/marker/TourAndWalk.png); border-color: #4C8CCC; }
.poiList .isTimeSlot a.qts .qtsInfo { margin-left: 100px; padding-left: 13px; }
.poiList a.qts span { display: block; }
.poiList a.qts .icon { background-color: #DDD; background-position: 50% 9px; background-repeat: no-repeat; border-left: #000 4px solid; float: left; min-height: 68px; width: 67px; }
.poiList a.qts .qtsInfo { background-color: #DDD; height: 68px; margin: 0 0 0 67px; min-width: 329px; overflow: hidden; padding: 0 10px 0 0; }
.poiList a.qts .qtsInfo .name { color: #333; font-weight: 700; height: 17px; overflow: hidden; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; }
.poiList a.qts .qtsInfo .districtName { color: #595959; display: block; font-weight: 400; height: 18px; overflow: hidden; }
.poiList a.qts .qtsInfo .address { color: #666; height: 17px; line-height: 130%; overflow: hidden; }
.poiList .qts .poiInfo { min-width: 124px; padding-right: 68px; }
.poiList .qts .qtsListContainer { display: none; }
.poiList .qts .qtsListContainer li { margin-top: 1px; padding-bottom: 0; }
.poiList .qts .qtsListContainer li.dining .icon { background-image: url(../images/marker/DineAndDrink.png); border-color: #5E005E; }
.poiList .qts .qtsListContainer a.btnHideQts { background:#FFF; display: block; height: 30px; margin-top:0; position: relative; text-align: center; -webkit-box-shadow:inset -1px 2px 1px 0 rgba(0,0,0,0.4); box-shadow:inset -1px 2px 1px 0 rgba(0,0,0,0.4);}
.poiList .qts .qtsListContainer a.btnHideQts span {color: #000; text-decoration:underline; display: inline-block; margin-top: 8px; padding:0; }
.lightboxPages .poiList .poiInfo { min-width: 182px; }
.lightboxPages .poiList a.qts .qtsInfo { min-width: 352px; }
.guideDetailListContainer {width:630px; margin:0 auto; padding-bottom:20px;}
.guideDetailListContainer .poiList { background-position: 0 50%; background-repeat: no-repeat; }
.guideDetailListContainer .poiList.notEmpty { background: none!important; }
.guideDetail .guideDetailLoading { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 200px; display: none; min-height: 400px; position: absolute; width: 96%; z-index: 9999; }
.guideDetail .guideDetailHeader { margin-bottom: 10px; position: relative;}

.coverPhotoContainer {position:absolute; width:702px; background-color:#333; -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4); z-index:100; top:400px; left:-710px;}
.coverPhotoContainer .btnClosePhoto { position:absolute; width:16px; height:16px; background: url(../images/my-hk-guide/btn_close.png) no-repeat 0 0; text-indent: -9999px; right: 0; top: -31px;}
.coverPhotoContainer .coverPhotoNav {float:left; width:182px;}
.coverPhotoContainer .coverPhotoNav .titlePick {font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight:700; padding:18px 0 18px 20px;}
.coverPhotoContainer .coverPhotoNav ul {border-bottom:#242424 1px solid;}
.coverPhotoContainer .coverPhotoNav li {border-bottom:#242424 1px solid; background:url(../images/my-hk-guide/bg_black_10.png); height:40px; font-size:14px; position:relative;}
.coverPhotoContainer .coverPhotoNav li span {opacity: 0; filter: alpha(opacity=0); background:url(../images/my-hk-guide/arrow_cover_nav.png) no-repeat 100% 0; height:43px; width:192px; height:43px; position:absolute; top:0; right:-10px;
 opacity: 0; filter: alpha(opacity=0); moz-transition: all .4s ease-out; ms-transition: all .4s ease-out; o-transition: all .4s ease-out; transition: all .4s ease-out; webkit-transition: all .4s ease-out;}
.coverPhotoContainer .coverPhotoNav li.active span, .coverPhotoContainer .coverPhotoNav li:hover span {opacity: 1; filter: alpha(opacity=100);}
.coverPhotoContainer .coverPhotoNav li.active a, .coverPhotoContainer .coverPhotoNav li:hover a {background-position:10px 9px; color:#FFF;}
.coverPhotoContainer .coverPhotoNav li a {display:block; background-repeat:no-repeat; background-position:10px -91px; color:#ABABAB; padding:12px 10px 0 40px; height:28px; position:relative; z-index:1;}
.coverPhotoContainer .coverPhotoNav li a.attraction {background-image:url(../images/my-hk-guide/icon_attractions.png);}
.coverPhotoContainer .coverPhotoNav li a.arts {background-image:url(../images/my-hk-guide/icon_arts.png);}
.coverPhotoContainer .coverPhotoNav li a.events {background-image:url(../images/my-hk-guide/icon_events.png);}
.coverPhotoContainer .coverPhotoNav li a.culture {background-image:url(../images/my-hk-guide/icon_culture.png);}
.coverPhotoContainer .coverPhotoNav li a.outdoor {background-image:url(../images/my-hk-guide/icon_outdoor.png);}
.coverPhotoContainer .coverPhotoNav li a.dining {background-image:url(../images/my-hk-guide/icon_dining.png);}
.coverPhotoContainer .coverPhotoNav li a.shop {background-image:url(../images/my-hk-guide/icon_shop.png);}
.coverPhotoContainer .coverPhotoContent {float:left; width:490px; background-color:#FFF; padding:30px 0 30px 30px;}
.coverPhotoContainer .coverPhotoContent > div.container > ul li {float:left; width:220px; margin:0 20px 0 0; position:relative;}
.coverPhotoContainer .coverPhotoContent > div.container > ul li a {display:block;}
.coverPhotoContainer .coverPhotoContent > div.container > ul li img {width:100%; height:133px;}
.coverPhotoContainer .coverPhotoContent > div.container > ul li span {display:block;}
.coverPhotoContainer .coverPhotoContent > div.container > ul li span.name {height:52px; color:#333; font-size:14px; padding:8px 0 0 0;}
.coverPhotoContainer .coverPhotoContent > div.container > ul li span.frame {width:210px; height:123px; border:#7B050D 5px solid; position:absolute; top:0; left:0;
 opacity: 0; filter: alpha(opacity=0); moz-transition: all .4s ease-out; ms-transition: all .4s ease-out; o-transition: all .4s ease-out; transition: all .4s ease-out; webkit-transition: all .4s ease-out;}
.coverPhotoContainer .coverPhotoContent > div > ul li a.active span.frame, .coverPhotoContainer .coverPhotoContent > div > ul li a:hover span.frame {opacity: 1; filter: alpha(opacity=100);}
.coverPhotoContainer .coverPhotoContent div.buttons {text-align:right; padding-right:30px;}
.coverPhotoContainer .coverPhotoContent div.buttons a {background: url(../images/my-hk-guide/bg_gen_btn_color.png) repeat-x; color: #FFF; display: inline-block; font-size: 16px; height: 29px; padding: 5px 10px 0 10px; text-align: center; min-width: 50px; font-family: 'Roboto Condensed', sans-serif;}

.guideDetail .guideDetailHeader .addPhoto {position:absolute; top:145px; left:0; display:none;}
.guideDetail .guideDetailHeader .addPhoto .container {width:970px; margin:0 auto;}
.guideDetail .guideDetailHeader .addPhoto .btnChangePhoto {width:167px; margin:0 auto; display:block;}
.guideDetail .guideDetailHeader .addPhoto .btnChangePhoto span {display:block;}
.guideDetail .guideDetailHeader .addPhoto .btnChangePhoto .icon {width:100%; height:91px; margin:0 0 20px 0; background:url(../images/my-hk-guide/icon_add_photo.png) no-repeat 50% 0;}
.guideDetail .guideDetailHeader .addPhoto .btnChangePhoto .text {background:url(../images/my-hk-guide/bg_gen_btn_color_lrg.png) repeat-x 0 0; font-family: 'Roboto Condensed', sans-serif; font-size:20px; text-align:center; padding:10px 0 10px 0; height:22px;}
.guideDetail .guideDetailHeader .addPhoto .btnChangePhoto:hover .text {background-position:0 -100px;}

.guideDetail .guideDetailHeader.attractions .guideDetailName { color: #127DB8; }
.guideDetail .guideDetailHeader .downloadAndPrint { position: absolute; right: 23px; top: 38px; }
.guideDetail .guideDetailHeader .downloadAndPrint li { float: left; }
.guideDetail .guideDetailHeader .downloadAndPrint a { background-position: 0 0; background-repeat: no-repeat; color: #FFF; display: block; float: left; font-size: 12px; height: 31px; line-height: 14px; margin-left: 5px; padding: 49px 0 0 0; text-align: center; width: 90px; }
.guideDetail .guideDetailHeader .downloadAndPrint a.btnDownloads { background-image: url(../images/my-hk-guide/icon_printable_pdf.png); }
.guideDetail .guideDetailHeader .downloadAndPrint a.btnMyhkgApp { background-image: url(../images/my-hk-guide/icon_myhkg_app.png); }
.guideDetail .guideDetailHeader .downloadAndPrint a.btnPrint { background-image: url(../images/my-hk-guide/icon_print.png); }
.guideDetail .guideDetailHeader .guideDetailCover {}
.guideDetail .guideDetailHeader .guideDetailCover img { height: 461px; width: 670px; }
.guideDetail .guideDetailHeader .guideDetailContent { color: #FFF; /*margin: 0 140px 0 227px;*/ }
.guideDetail .guideDetailHeader .guideDetailContent .guideDetailName { font-size: 155%; font-weight: 700; line-height: 130%; padding:0 0 15px 0; color:#FFF !important; font-family: 'Roboto Condensed', sans-serif;}
.guideDetail .guideDetailHeader .guideDetailContent .guideDetailStartDay { padding-bottom: 5px; }
.guideDetail .guideDetailHeader .guideDetailContent .guideDetailDuration { padding-bottom: 5px; }
.guideDetail .guideDetailHeader .guideDetailContent .guideDetailFave { min-height: 22px; }
.guideDetail .guideDetailHeader .guideDetailContent .saveToMyGuide.disable { cursor: default; filter: alpha(opacity=30); opacity: .3; }
.guideDetail .guideDetailHeader .guideDetailContent .fave { color: #999; }
.guideDetail .guideDetailHeader .guideDetailContent ul.guideDetailTools { min-height: 32px; padding-top: 6px; position: relative; }
.guideDetail .faveNum { background: url(../images/my-hk-guide/bg_fave_num.png) no-repeat; color: #66060C; float: left; height: 26px; min-width: 7px; padding: 6px 6px 0 9px; margin-left:4px; left:93px; font-family: 'Roboto Condensed', sans-serif; font-size:16px;}

.guideDetail .guideDetailListContainer .title {font-size: 170%; font-weight: 400; padding:0 0 20px 0; line-height:145%; font-family: 'Roboto Condensed', sans-serif; color:#FFF;}
.guideDetail .guideDetailListContainer .guideDetailDay { background:none; height: 54px; position: relative; }
.guideDetail .guideDetailListContainer .guideDetailDay span.bgR { background: url(../images/my-hk-guide/bg_guide_day_r.png) no-repeat; height: 42px; position: absolute; right: -5px; top: 0; width: 5px; display:none;}
.guideDetail .guideDetailListContainer .guideDetailDay li { float: left; height: 54px; width: 88px; margin-left:2px; position:relative;}
.guideDetail .guideDetailListContainer .guideDetailDay li:first-child {margin-left:0; width:90px;}
.guideDetail .guideDetailListContainer .guideDetailDay li a { color: #999; display: block; font-size: 140%; font-weight: 700; height:33px; padding: 14px 0 0 0; position: absolute; text-align: center; bottom:0px; background-image:url(../images/my-hk-guide/bg_black_10.png); border-right:#3E0307 2px solid; width:86px; font-family: 'Roboto Condensed', sans-serif;}
.guideDetail .guideDetailListContainer .guideDetailDay li:first-child a {width:88px;}
.guideDetail .guideDetailListContainer .guideDetailDay li a:hover,.guideDetail .guideDetailListContainer .guideDetailDay li a.active { color: #FFF; height:34px; padding-top:18px; width:84px; padding-right:2px; border:#A35056 1px solid; border-bottom:none; background:#4A0308; bottom:-1px;}
.guideDetail .guideDetailListContainer .guideDetailDay li:first-child a:hover,.guideDetail .guideDetailListContainer .guideDetailDay li:first-child a.active {width:86px;}
.guideDetail .guideDetailListContainer .guideDetailDay li a:hover span.bg,.guideDetail .guideDetailListContainer .guideDetailDay li a.active span.bg {}
.guideDetail .guideDetailListContainer .guideDetailDay li a span.day { position: relative; z-index: 1; }
.guideDetail .guideDetailListContainer .guideDetailDay li a span.bg { background: url(../images/my-hk-guide/day_highlight.png) no-repeat; display: none; height: 42px; left: -7px; position: absolute; top: 0; width: 93px; }
.guideDetail .guideDetailListContainer .guideDetailDay .titleDay { background: url(../images/my-hk-guide/stroke_day.png) no-repeat 100% 0; float: left; height: 25px; padding: 17px 0 0 11px; width: 37px; display:none; }
.guideDetail .guideDetailListContainer .guideDetailList { border:#A35056 1px solid;}
.guideDetail .guideDetailListContainer .guideDetailList .guideDetailListDays { height: 633px; }
.guideDetail .guideDetailListContainer .guideDetailList .guideDetailListDays .guideDetailListDay { display: none; }
.guideDetail .guideDetailListContainer .guideDetailList .listBorder {padding: 0; }
.guideDetail .guideDetailListContainer .guideDetailList .listBorder .listBg {padding: 0 0 0 9px; }
.guideDetail .guideDetailListContainer .guideDetailList .titleTime, .guideDetail .guideDetailListContainer .guideDetailList .listBorder {background: url(../images/my-hk-guide/slope_guide.png);}

.guideDetail .guideDetailListContainer .guideDetailList .titleTime.morning, .guideDetail .guideDetailListContainer .guideDetailList .listBorder.morning {background-color:#4A0308;}
.guideDetail .guideDetailListContainer .guideDetailList .titleTime.afternoon, .guideDetail .guideDetailListContainer .guideDetailList .listBorder.afternoon {background-color:#420307;}
.guideDetail .guideDetailListContainer .guideDetailList .titleTime.evening, .guideDetail .guideDetailListContainer .guideDetailList .listBorder.evening {background-color:#3B0206;}
.guideDetail .guideDetailListContainer .guideDetailList .titleTime span { background-repeat: no-repeat; background-position:8px 16px; font-family: 'Roboto Condensed', sans-serif; color: #FFF; display: block; font-size: 14px; font-weight: 700; height: 25px; padding: 20px 0 0 39px; }
.guideDetail .guideDetailListContainer .guideDetailList .titleTime.morning span {background-image:url(../images/my-hk-guide/icon_morning.png);}
.guideDetail .guideDetailListContainer .guideDetailList .titleTime.afternoon span {background-image:url(../images/my-hk-guide/icon_afternoon.png);}
.guideDetail .guideDetailListContainer .guideDetailList .titleTime.evening span {background-image:url(../images/my-hk-guide/icon_evening.png);}
.guideDetail .guideGoogleMapContainer { padding: 0; }
.guideDetail .guideGoogleMapContainer .guideGoogleMap { height: 280px; width: 100%; }
.guideDetail .guideGoogleMapContainer .guideGoogleMapLegend { padding-top: 0; background-image:url(../images/my-hk-guide/bg_black_40.png);}
.guideDetail .guideGoogleMapContainer .guideGoogleMapLegend ul { padding-bottom:20px; padding-top:20px; text-align: center; }
.guideDetail .guideGoogleMapContainer .guideGoogleMapLegend ul li { background-repeat: no-repeat; color: #FFF; display: inline-block; font-weight: 700; margin: 0 22px; min-height: 24px; padding: 8px 0 0 34px; background-color:transparent;}
.guideDetail .guideGoogleMapContainer .guideGoogleMapLegend ul li.morning { background-image: url(../images/my-hk-guide/marker_morning.png); }
.guideDetail .guideGoogleMapContainer .guideGoogleMapLegend ul li.afternoon { background-image: url(../images/my-hk-guide/marker_afternoon.png); }
.guideDetail .guideGoogleMapContainer .guideGoogleMapLegend ul li.evening { background-image: url(../images/my-hk-guide/marker_evening.png); }
.shareButtonContainer {display: none; left: 0; padding: 0; position: absolute; top: 38px; width: 295px; z-index: 100; -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);}
.shareButtonContainer .shareButtonBg { background-color: #FFF; padding: 40px 0 40px 35px; }
.shareButtonContainer .shareButtonBg a.btnClose { background: url(../images/my-hk-guide/btn_close.png) no-repeat 0 0; height: 16px; position: absolute; right: 0; text-indent: -9999px; top: -22px; width: 16px; border:0;}
.shareButtonContainer .shareTitle { padding: 0 0 8px 2px; }
.guideDetail.myGuideDetail .guideDetailHeader,.guideDetail.shareGuide .guideDetailHeader { margin-bottom: 25px; min-height: 206px;}
.guideDetail .guideDetailHeader .actionBtns li {float:left; margin-left:10px; background-color: #7C050E; height:30px;}
.guideDetail.myGuideDetail .guideDetailHeader a.btnEditGuide,.guideDetail.shareGuide .guideDetailHeader a.btnEditGuide { }
.guideDetail .guideDetailHeader .actionBtns { display: block; height: 30px; position: absolute; right:20px; bottom: 22px; z-index:1; background-color:#7C050E;}
.guideDetail .guideDetailHeader .actionBtns.my {background-color:transparent;}

a.btnGenShadow.btnSaveGuide span.icon {background-image: url(../images/my-hk-guide/icon_save_guide.png);}
a.btnGenShadow.btnDownloads span.icon {background-image: url(../images/my-hk-guide/icon_save_guide.png);}
a.btnGenShadow.btnEditGuide span.icon {background-image: url(../images/my-hk-guide/icon_edit.png);}
a.btnGenShadow.btnChangePhoto span.icon {background-image: url(../images/my-hk-guide/icon_change_photo.png);}

.guideDetail.myGuideDetail .guideDetailHeader .actionBtns a.btnCancelGuide,.guideDetail.shareGuide .guideDetailHeader .actionBtns a.btnCancelGuide { display: block; float: left; margin-right: 10px; padding-top: 2px; text-decoration: underline; }
.guideDetail.myGuideDetail .guideDetailHeader .actionBtns a.btnSaveGuide,.guideDetail.shareGuide .guideDetailHeader .actionBtns a.btnSaveGuide {}
.guideDetail.myGuideDetail .guideDetailHeader .downloadAndPrint,.guideDetail.shareGuide .guideDetailHeader .downloadAndPrint { bottom: 0; right: 0; top: auto; }
.guideDetail.myGuideDetail .guideDetailHeader .guideDetailCover,.guideDetail.shareGuide .guideDetailHeader .guideDetailCover { width: 970px; min-height:586px;}
.guideDetail.myGuideDetail .guideDetailHeader .guideDetailCover img,.guideDetail.shareGuide .guideDetailHeader .guideDetailCover img {height: 586px; width: 970px; }
.guideDetail .guideDetailHeader .guideDetailContent { position:absolute; left:0; bottom:0; width:630px; padding:20px 20px 0 20px; background:url(../images/my-hk-guide/bg_black_80.png);}
.guideDetail.myGuideDetail .guideDetailHeader .guideDetailContent,.guideDetail.shareGuide .guideDetailHeader .guideDetailContent {width:930px;}
.guideDetail.myGuideDetail .guideDetailHeader .guideDetailContent .guideDetailName,.guideDetail.shareGuide .guideDetailHeader .guideDetailContent .guideDetailName { color: #FFF; font-size: 200%; min-height: 30px; padding-bottom: 15px; }
.guideDetail .guideDetailHeader .guideDetailContent ul.guideDetailTools { padding-bottom: 20px; }
.guideDetail .guideDetailHeader .guideDetailContent ul.guideDetailTools li { float:left; margin-right: 10px; }
.guideDetail .guideDetailHeader .guideDetailContent ul.guideDetailTools .detailTools {background-color:#7C050E; height:30px; float:left; position:relative;}
.guideDetail .guideDetailHeader .guideDetailContent ul.guideDetailTools li.addFaveTools .detailTools {position:relative;}
.guideDetail.myGuideDetail .guideDetailHeader .guideDetailContent .guideDetailStartDay,.guideDetail.shareGuide .guideDetailHeader .guideDetailContent .guideDetailStartDay,.guideDetail.myGuideDetail .guideDetailHeader .guideDetailContent .guideDetailDuration,.guideDetail.shareGuide .guideDetailHeader .guideDetailContent .guideDetailDuration { font-size: 120%; padding-bottom: 5px; }
.guideDetail.myGuideDetail .guideDetailHeader .guideDetailContent .guideDetailDuration,.guideDetail.shareGuide .guideDetailHeader .guideDetailContent .guideDetailDuration { padding-bottom: 15px; }
.guideDetail.myGuideDetail .guideDetailFriendList,.guideDetail.shareGuide .guideDetailFriendList {margin-bottom:30px;}
.guideDetail.myGuideDetail .guideDetailFriendList .title,.guideDetail.shareGuide .guideDetailFriendList .title { font-size: 170%; font-weight: 400; padding-bottom: 20px; font-family: 'Roboto Condensed', sans-serif;}
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail>div,.guideDetail.shareGuide .guideDetailFriendList .thumbnail>div { float: left; margin-bottom: 20px; margin-right: 10px; position: relative; }
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail>div a,.guideDetail.shareGuide .guideDetailFriendList .thumbnail>div a { display: block; }
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail>div a.btnDelete,.guideDetail.shareGuide .guideDetailFriendList .thumbnail>div a.btnDelete { background-image: url(../images/my-hk-guide/icon_close_dark.gif); height: 11px; position: absolute; right: 2px; top: 2px; width: 11px; }
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail>div.owner span,.guideDetail.shareGuide .guideDetailFriendList .thumbnail>div.owner span { background: url(../images/my-hk-guide/icon_owner.png) no-repeat; height: 22px; left: 0; position: absolute; top: 0; width: 22px; }
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail>div.addParticipant,.guideDetail.shareGuide .guideDetailFriendList .thumbnail>div.addParticipant { position: relative; }
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail>div.addParticipant a,.guideDetail.shareGuide .guideDetailFriendList .thumbnail>div.addParticipant a { background: url(../images/my-hk-guide/icon_add_friend.png) no-repeat; display: block; height: 60px; text-indent: -9999px; width: 60px; }
.guideDetail.myGuideDetail .guideDetailFriendList .thumbnail img,.guideDetail.shareGuide .guideDetailFriendList .thumbnail img { display: block; height: 60px; width: 60px; }
.guideDetail.myGuideDetail .friendListMenu,.guideDetail.shareGuide .friendListMenu { background-image: url(../images/my-hk-guide/bg_black_50.png); border-radius: 5px; display: none; left: -50px; padding: 23px 8px 8px 8px; position: absolute; top: -55px; webkit-border-radius: 5px; width: 410px; z-index: 10; }
.guideDetail.myGuideDetail .friendListMenu a.btnClose,.guideDetail.shareGuide .friendListMenu a.btnClose { position: absolute; right: 13px; text-indent: -9999px; top: 6px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer,.guideDetail.shareGuide .friendListMenu .friendListContainer { background-color: #DFDFDF; border-radius: 5px; padding: 5px; webkit-border-radius: 5px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer h2,.guideDetail.shareGuide .friendListMenu .friendListContainer h2 { color: #900; font-size: 18px; padding: 15px 0 15px 0; text-align: center; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .findYourFriendField,.guideDetail.shareGuide .friendListMenu .friendListContainer .findYourFriendField { padding-bottom: 9px; padding-left: 0; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .findYourFriendField .findYourFriend,.guideDetail.shareGuide .friendListMenu .friendListContainer .findYourFriendField .findYourFriend { border: 0; box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; color: #666; float: left; height: 14px; margin: 0; padding: 5px 10px 5px 10px; webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.4) inset; width: 354px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .findYourFriendField .btnSearch,.guideDetail.shareGuide .friendListMenu .friendListContainer .findYourFriendField .btnSearch { background: url(../images/my-hk-guide/btn_magnifier_black.png) no-repeat; display: block; float: left; height: 24px; text-indent: -9999px; width: 26px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .noFriend,.guideDetail.shareGuide .friendListMenu .friendListContainer .noFriend { color: #333; display: none; height: 293px; overflow: hidden; padding: 200px 50px 0 50px; padding-top: 200px; text-align: center; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .noFriend a,.guideDetail.shareGuide .friendListMenu .friendListContainer .noFriend a { color: #900; text-decoration: underline; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList { display: none; height: 493px; overflow: hidden; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .jspVerticalBar,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .jspVerticalBar { right: 0; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .jspTrack,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .jspTrack { background-image: url(../images/my-hk-guide/btn_track_friend_list.png); }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .item,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .item { background-color: #FFF; border-radius: 2px; margin-bottom: 5px; padding: 5px; webkit-border-radius: 2px; width: 377px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .item .profileImg,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .item .profileImg { float: left; width: 78px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .item .profileImg img,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .item .profileImg img { height: 68px; width: 68px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .item .name,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .item .name { color: #000; float: left; font-size: 14px; font-weight: 700; height: 68px; overflow: hidden; padding: 0 10px 0 0; width: 205px; word-break: break-all; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .friendList .item .btnFriend,.guideDetail.shareGuide .friendListMenu .friendListContainer .friendList .item .btnFriend { float: left; padding: 21px 0 0 0; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .buttons,.guideDetail.shareGuide .friendListMenu .friendListContainer .buttons { height: 30px; padding-bottom: 9px; padding-top: 9px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .buttons a,.guideDetail.shareGuide .friendListMenu .friendListContainer .buttons a { background: url(../images/my-hk-guide/bg_btn.png) no-repeat; color: #666; display: block; float: left; font-size: 16px; font-weight: 700; height: 23px; margin: 0; padding-top: 7px; text-align: center; width: 192px; }
.guideDetail.myGuideDetail .friendListMenu .friendListContainer .buttons a.btnYes,.guideDetail.shareGuide .friendListMenu .friendListContainer .buttons a.btnYes { color: #900; margin-left: 4px; }
.guideDetail.myGuideDetail .guideDetailListContainer,.guideDetail.shareGuide .guideDetailListContainer {}
.guideDetail.myGuideDetail .poiList li,.guideDetail.shareGuide .poiList li { width: 300px; }
.guideDetail.myGuideDetail .commentsAndTripHistory,.guideDetail.shareGuide .commentsAndTripHistory { clear:both; padding-top: 42px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingNav,.guideDetail.shareGuide .commentsAndTripHistory .landingNav {text-align: left; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingListBg,.guideDetail.shareGuide .commentsAndTripHistory .landingListBg { min-height: 300px; background-color:#474747;  border:#707070 1px solid;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer>div,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer>div,.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer>div,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer>div { min-height: 300px;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer { display: none; background-color:#393939;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .postContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .postContainer,.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer { margin-bottom: 10px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .postContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .postContainer { float:right; width:287px; padding:20px; background:none; margin-bottom:0;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messagePostedContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messagePostedContainer { float:left; width:621px; min-height:350px; padding:20px 10px 0 10px; background-color:#474747;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .profilePic,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .profilePic { float: left; height: 40px; margin-right: 12px; position: relative; width: 40px;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .postContainer .profilePic,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .postContainer .profilePic {display:none;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .profilePic span,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .profilePic span { border: #F0F0F0 1px solid; display: block; height: 48px; position: absolute; width: 48px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .profilePic img,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .profilePic img { display: block; height: 100%; width: 100%; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .postAreaConatiner,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .postAreaConatiner {}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .postAreaConatiner span.arrow,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .postAreaConatiner span.arrow { background: url(../images/my-hk-guide/arrow_post.png) no-repeat; display: none; height: 13px; left: -7px; position: absolute; top: 9px; width: 8px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .postAreaConatiner textarea,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .postAreaConatiner textarea { border: #CECECE 1px solid; color: #5C5C5C; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 262px; margin: 0; padding: 8px 11px 8px 11px; resize: none; width: 263px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .btnGenContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .btnGenContainer {margin-top:20px; float: right; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer a.btnPost,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer a.btnPost {}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer a.btnPost.disable,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer a.btnPost.disable { background-color: #CCC; color: #999; cursor: default; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer a.btnPost.disable:hover,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer a.btnPost.disable:hover {background-position:0 0;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer {}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent { margin-left: 56px; background-color:#6C6C6C; position:relative; padding:8px 20px 8px 20px;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .corner,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .corner { background: url(../images/my-hk-guide/corner_msg.png) no-repeat; width:10px; height:15px; position:absolute; top:0; left:-10px;}

.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .name,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .name { font-weight: 700; font-size:120%;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .message,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .message { padding-top: 5px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .message a,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .message a { color: #FFF; text-decoration: underline; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .replyAndTime .postTime,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .replyAndTime .postTime { }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .replyAndTime a.btnReply,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .commentsContainer .messageContainer .messageContent .replyAndTime a.btnReply { background-color: #FFF; border: #CCC 1px solid; border-radius: 2px; color: #999; display: inline-block; margin-right: 7px; min-width: 33px; padding: 0 15px 0 15px; text-align: center; webkit-border-radius: 2px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer { display: none; background-color: #474747;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer>div,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer>div {padding:0 18px;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory { display: none; padding-bottom: 10px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory .day,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory .day {font-weight: 700; margin-bottom:5px; padding: 15px 0 0 0; font-size:120%;}
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl { border-bottom:#707070 1px solid; padding: 10px 0; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dt,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dt { float: left; width: 52px; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dd,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dd { margin: 0 0 0 52px; padding-bottom: 0; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dd a,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dd a { font-weight: 700; }
.guideDetail.myGuideDetail .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dd a.isExpired,.guideDetail.shareGuide .commentsAndTripHistory .landingContent .tripHistoryContainer .dayHistory dl dd a.isExpired { cursor: no-drop; }
.guideDetail.editGuide .guideDetailHeader .guideDetailContent {}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent .changePhoto {float:left; margin-top:25px; height:30px; background-color:#7C050E; display:none;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl {float:left;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl.guideNameContainer {}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl dt { font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 400; padding: 0 10px 8px 0;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl dd { margin: 0 20px 20px 0; }
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl.guideNameContainer dd input { border: 0; height: 18px; margin: 0; padding: 5px 8px 5px 8px; width: 279px; border:#C1C1C1 1px solid;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl.startDateContainer dd { background: url(../images/my-hk-guide/bg_gen_input_color.png) repeat-x; height:32px;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl.startDateContainer dd:hover {background-position:0 -50px;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl dd input {margin:0; border:0;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl dd input#editStartDate { background: url(../images/my-hk-guide/icon_calendar_guide.png) no-repeat 100% 0; height:30px; line-height:30px; padding:0 0 0 14px; cursor: pointer; color:#FFF;}
.guideDetail.editGuide .guideDetailHeader .guideDetailContent dl dd select { border: 0; height: 26px; margin: 0; padding: 5px 8px 5px 8px; width: 217px; }
/*.guideDetail.editGuide .guideDetailFriendList { margin-top: 10px; position: relative; width: 577px; }*/
.guideDetail.editGuide .guideDetailFriendList a.btnLeaveGroup { display: none;}
.guideDetail.myGuideDetail .guideDetailFriendList .button, .guideDetail.shareGuide .guideDetailFriendList .button {height:30px; background-color:#7C050E; float:left;}

.guideDetail.myGuideDetail .myGuideFeature, .guideDetail.shareGuide .myGuideFeature {float:left; width:320px;}
.guideDetail.myGuideDetail .guideDetailListContainer, .guideDetail.shareGuide .guideDetailListContainer { box-shadow: none; float: left; margin-right: 20px; webkit-box-shadow: none; width: 630px; }
.guideDetail.editGuide .guideDetailListContainer .poiList div.expired .poiInfo { min-width: 169px; padding-right: 10px; }
.guideDetail.editGuide .guideDetailListContainer .poiList .poiInfo { min-width: 124px; padding-right: 68px; }
.guideDetail.editGuide .guideDetailListContainer .poiList a.qts .qtsInfo { min-width: 124px; padding-right: 68px; }
.guideDetail.editGuide .poiList a.qts .qtsInfo { min-width: 211px; }
.guideDetail.editGuide .poiList li { width: 300px; }
.guideDetail.editGuide .poiList li:hover a.btnDelete { filter: alpha(opacity=100); opacity: 1; }
.guideDetail.editGuide .poiList li div.expired a.btnDelete:hover { cursor: pointer; }
.guideDetail.editGuide .poiList li a.btnDelete { background: url(../images/my-hk-guide/icon_close_frame_common.gif) no-repeat; display: block; filter: alpha(opacity=0); height: 15px; left: 8px; moz-transition: all .4s ease-out; ms-transition: all .4s ease-out; opacity: 0; o-transition: all .4s ease-out; position: absolute; top: 3px; transition: all .4s ease-out; webkit-transition: all .4s ease-out; width: 15px; }
.guideDetail.editGuide .poiList li a.btnShowHide { background: url(../images/my-hk-guide/btn_poi_show_hide.png) no-repeat 0 11px; color: #000; cursor: pointer; display: block; font-size: 12px; height: 33px; line-height: 12px; padding: 35px 0 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 67px; font-family: 'Roboto Condensed', sans-serif;}
.guideDetail.editGuide .poiList li a.btnShowHide.active { background-position: 0 -125px; }
.guideDetail.editGuide .poiList li a.btnShowHide .showhideTxt { display: block; padding: 0 2px; text-align: center; }
.guideDetail.editGuide .poiList li a.btnAddNearby { background-repeat: no-repeat; background-position:0 50%; display: block; height: 68px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 67px; }
.guideDetail.editGuide .poiList li.bgDrag { background-repeat: no-repeat; }
.guideDetail.editGuide .poiList li.bgDrag.active { background-position: 0 -136px; }
.guideDetail.editGuide .poiList li a .poiInfo { min-width: 182px; moz-transition: all .4s ease-out; ms-transition: all .4s ease-out; o-transition: all .4s ease-out; transition: all .4s ease-out; webkit-transition: all .4s ease-out; }
.guideDetail.editGuide .poiList li a:hover .poiInfo .category { color: #FFF; }
.guideDetail.editGuide .poiList li a:hover .poiInfo .poiName { color: #FFF; filter: alpha(opacity=70); opacity: .7; }
.guideDetail.editGuide .poiList li .qts a { cursor: no-drop; }
.guideDetail.editGuide .poiList li .qts a.btnShowHide,.guideDetail.editGuide .poiList li .qts a .btnDelete { cursor: pointer; }
.guideDetail.editGuide .poiList li .qts .poiInfo { min-width: 124px; }
.guideDetail.editGuide .poiList li .qts .qtsListContainer a { cursor: pointer; }
.guideDetail.editGuide .poiList li.dining a:hover .poiInfo { background-color: #5E005E; }
.guideDetail.editGuide .poiList li.attraction a:hover .poiInfo { background-color: #127DB8; }
.guideDetail.editGuide .poiList li.events a:hover .poiInfo { background-color: #8C0046; }
.guideDetail.editGuide .poiList li.arts a:hover .poiInfo { background-color: #2C268C; }
.guideDetail.editGuide .poiList li.culture a:hover .poiInfo { background-color: #A96500; }
.guideDetail.editGuide .poiList li.outdoor a:hover .poiInfo { background-color: #00792E; }
.guideDetail.editGuide .poiList li.tour a:hover .poiInfo { background-color: #4C8CCC; }
.guideDetail.editGuide .poiList li.shop a:hover .poiInfo { background-color: #D22B00; }
.guideDetail.editGuide .poiListContainer {float: left; padding: 37px 0 0 0; position: relative; width: 320px; }
.guideDetail.editGuide .poiListContainer .poiListNav {height: 54px; position: relative;}
.guideDetail.editGuide .poiListContainer .poiListNav li {float: left; height: 54px; width: 159px; margin-left:2px; position:relative;}
.guideDetail.editGuide .poiListContainer .poiListNav li:first-child {margin-left:0;}
.guideDetail.editGuide .poiListContainer .poiListNav a {color: #A7A7A7; display: block; font-size: 140%; font-weight: 700; height:33px; padding: 14px 0 0 0; position: absolute; text-align: center; bottom:0px; background:#242424; border-right:#1A1A1A 2px solid; width:157px; font-family: 'Roboto Condensed', sans-serif;}
.guideDetail.editGuide .poiListContainer .poiListNav a.btnMyWishList {margin-right: 2px; }
.guideDetail.editGuide .poiListContainer .poiListNav a.btnFindAPlace {}
.guideDetail.editGuide .poiListContainer .poiListNav a:hover,.guideDetail.editGuide .poiListContainer .poiListNav a.active {color: #FFF; height:34px; padding-top:18px; width:155px; padding-right:2px; border:#707070 1px solid; border-bottom:none; background:#474747; bottom:-1px;}
.guideDetail.editGuide .poiListContainer .poiListContent { border:#707070 1px solid; background:#474747;}
.guideDetail.editGuide .poiListContainer .poiListContent .poiListWrapper { height: 615px; overflow: hidden; }
.guideDetail.editGuide .poiListContainer .poiListContent ul { height: auto;}
.guideDetail.editGuide .poiListContainer .poiListContent .myWishListContent,.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent { display: none; position: relative; }
.guideDetail.editGuide .poiListContainer .poiListContent .myWishListContent .loading,.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .loading { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 50%; display: none; min-height: 700px; position: absolute; width: 96%; z-index: 9999; }
.guideDetail.editGuide .poiListContainer .poiListContent .myWishListContent { padding: 7px 0 10px 9px; }
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent { min-height:612px; padding: 9px 0 11px 0; }
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .keywordField { border:#C1C1C1 1px solid; color: #666; height: 30px; line-height:30px; margin: 0; padding: 0 40px 0 10px; width: 228px;}
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .keywordFieldContainer {position:relative;}
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .keywordFieldContainer .btnSearch {display:block; position:absolute; top:6px; right:0; background:url(../images/my-hk-guide/icon_magnifier_grey.png) no-repeat; width:31px; height:17px;}
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .categoiesSelect { background-image: url(../images/my-hk-guide/bg_categories_select_short.png); margin: 0; position: relative; width: auto; }
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .categoiesSelect span.totalSelected { background: url(../images/my-hk-guide/bg_categories_counter_pulldown.png) no-repeat; color: #FC0; display: block; display: none; font-size: 12px; font-weight: 700; height: 16px; left: 7px; position: absolute; text-align: center; top: 4px; width: 16px; }
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .categoiesSelect a.btnCategoiesSelect { background-position: 120px 9px; padding-left: 27px; width: 111px; display:none;}
.guideDetail.editGuide .poiListContainer .poiListContent .findAPlaceContent .categoiesSelect a.btnCategoiesSelect.active { background-position: 120px -41px; color: #FC0; }
.btnGenContainer { height:30px; background-color:#7C050E;}
.guideDetail.editGuide .commentsAndTripHistory { clear: both; }
.guideDetail.editGuide .guideGoogleMapContainer .guideGoogleMap { height: 295px; }
.guideDetail.editGuide .nearByContainer .categoiesPulldownMenu { left: 3px; top: 143px; width:280px; padding:0 19px; background-color:#323232;}
.guideDetail.editGuide .nearByContainer .mainPoi .poiList .poiInfo { min-width: 169px; }
.guideDetail.editGuide .nearByContainer .poiList li a.btnAddNearby { display: none; }
.guideDetail.editGuide .nearByContainer .categoiesSelect {padding:0 19px; background-color:#323232;}
.guideDetail.editGuide .categoiesPulldownMenu {display: block;}
.guideDetail.editGuide .categoiesPulldownMenu input[type=checkbox] { border: 0; clip: rect(0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; visibility: hidden; width: 1px; }
.guideDetail.editGuide .categoiesPulldownMenu input[type=checkbox]+label { background-repeat: no-repeat; cursor: pointer; display: inline-block; font-size: 12px; height: 17px; line-height: 120%; padding-left: 26px; padding-top:3px; vertical-align: middle; }
.guideDetail.editGuide .categoiesPulldownMenu input[type=checkbox]+label.selectAll {}
.guideDetail.editGuide .categoiesPulldownMenu input[type=checkbox]:checked+label { background-position: 0 -36px; }
.guideDetail.editGuide .categoiesPulldownMenu label { background-image: url(../images/my-hk-guide/icon_checkbox.png); }
.guideDetail.editGuide .categoiesPulldownMenu label.checked { background-position: 0 -36px; }
.guideDetail.editGuide .categoiesPulldownMenu .selectAllField {border-bottom: #707070 1px solid;}
.guideDetail.editGuide .categoiesPulldownMenu .selectAllField .checkItem {}
.guideDetail.editGuide .categoiesPulldownMenu .allSectionField { padding-bottom: 20px; padding-top: 0; }
.guideDetail.editGuide .categoiesPulldownMenu .sections { min-height: 40px; padding: 0; position: relative;}
.guideDetail.editGuide .categoiesPulldownMenu .sections .sectionName {/* float: left; position: absolute;*/ width: 100%; z-index: 1; background:url(../images/my-hk-guide/btn_open_collapse.gif) no-repeat 100% 17px; border-bottom:#707070 1px solid; min-height: 40px;}
.guideDetail.editGuide .categoiesPulldownMenu .sections .sectionName.active { width: auto; background-position:100% -83px;}
.guideDetail.editGuide .categoiesPulldownMenu .sections .sectionName .rightBtns { left: 206px; position: absolute; top: 12px; width: 80px; display:none;}
.guideDetail.editGuide .categoiesPulldownMenu .sections .sectionName .rightBtns .selectedTotal { background: url(../images/my-hk-guide/bg_categories_counter.png) no-repeat; color: #FC0; display: none; font-size: 12px; font-weight: 700; height: 22px; padding-top: 4px; text-align: center; width: 80px; }
.guideDetail.editGuide .categoiesPulldownMenu .sections .sectionName>a { background-position: 0 11px; background-repeat: no-repeat; display: block; font-size: 14px; padding:15px 0 0 34px; width: 246px; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.highlightAttractions .sectionName>a { background-image: url(../images/my-hk-guide/icon_attractions.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.highlightAttractions .sectionName>a:hover { color: #127DB8; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.events .sectionName>a { background-image: url(../images/my-hk-guide/icon_events.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.events .sectionName>a:hover { color: #8C0046; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.cultureHeritage .sectionName>a { background-image: url(../images/my-hk-guide/icon_culture.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.cultureHeritage .sectionName>a:hover { color: #A96500; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.artsPerformance .sectionName>a { background-image: url(../images/my-hk-guide/icon_arts.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.artsPerformance .sectionName>a:hover { color: #2C268C; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.toursWalks .sectionName>a { background-image: url(../images/my-hk-guide/icon_tour.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.toursWalks .sectionName>a:hover { color: #4C8CCC; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.dineDrink .sectionName>a { background-image: url(../images/my-hk-guide/icon_dining.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.dineDrink .sectionName>a:hover { color: #5E005E; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.greatOutdoor .sectionName>a { background-image: url(../images/my-hk-guide/icon_outdoor.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.greatOutdoor .sectionName>a:hover { color: #00792E; }
.guideDetail.editGuide .categoiesPulldownMenu .sections.shop .sectionName>a { background-image: url(../images/my-hk-guide/icon_shop.png); }
.guideDetail.editGuide .categoiesPulldownMenu .sections.shop .sectionName>a:hover { color: #D22B00; }
.guideDetail.editGuide .categoiesPulldownMenu .checkItem { padding: 0 0 7px 0; }
.guideDetail.editGuide .categoiesPulldownMenu .subSectionsTitle { font-weight: 700; padding: 0 0 10px 0; }
.guideDetail.editGuide .categoiesPulldownMenu .subSections {display: none; padding:15px 10px 0 34px; position: relative;}
.guideDetail.editGuide .categoiesPulldownMenu .subSections .checkAllBtn {padding-bottom:10px;}
.guideDetail.editGuide .categoiesPulldownMenu .subSections .subSectionsBorder {}
.guideDetail.editGuide .categoiesPulldownMenu .subSections .subSectionsBorderWhite { padding:0; }
.guideDetail.editGuide .categoiesPulldownMenu .subSections .checkItem { padding-bottom: 10px; padding-right: 5px; }
.guideDetail.editGuide .searchHeader { margin-left: 19px; margin-right: 19px; padding-top:3px;}
.guideDetail.editGuide .searchHeader .title {font-size: 170%; line-height:110%; min-height:23px; padding-bottom: 15px; font-family: 'Roboto Condensed', sans-serif;}
.guideDetail.editGuide .searchHeader .strokeOr {margin:30px 0 28px 0;}
.guideDetail.editGuide .keywordPulldown { background-color: #E6E6E6; color: #333; display: none; left:25px; padding:0; position: absolute; top:82px; width: 274px; z-index: 20; -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.3); box-shadow: 0 3px 0 0 rgba(0,0,0,0.3);}
.guideDetail.editGuide .keywordPulldown>div.noResult,.guideDetail.editGuide .keywordPulldown>div a { color: #666; display: block; padding: 5px 8px; border-bottom:#B3B3B3 1px solid;}
.guideDetail.editGuide .keywordPulldown>div.noResult:hover,.guideDetail.editGuide .keywordPulldown>div a:hover,.guideDetail.editGuide .keywordPulldown>div.noResult.active,.guideDetail.editGuide .keywordPulldown>div a.active { background-color: #666; color: #FFF; }
.guideDetail.editGuide .searchResultContainer { display: none; position:absolute; width:318px; top:0;}
.guideDetail.editGuide .searchResultContainer .btnSearchBack { position:absolute; left:20px; top:15px; text-decoration:underline;}
.guideDetail.editGuide .searchResultContainer .searchResultTotal {padding: 15px 20px 0 9px; height:21px; text-align:right;}
.guideDetail.editGuide .searchResultContainer .searchResultListContainer { background:#393939;  padding: 10px 0 0 9px; }
.guideDetail.editGuide .searchResultContainer .searchResultListContainer .searchResultList { height:586px; overflow: hidden; }
.guideDetail.editGuide .searchResultContainer .poiList li:hover a.btnDelete { display: none; }
.guideDetail.editGuide .categoiesSelect {}
.guideDetail.editGuide .categoiesSelect a.btnCategoiesSelect { background: url(../images/my-hk-guide/bg_categories_arrow.png) no-repeat 261px 9px; display: block; float: left; font-weight: 700; height: 21px; padding: 3px 0 0 13px; width: 267px; display:none;}
.guideDetail.editGuide .categoiesSelect a.btnCategoiesSelect.active { background-position: 261px -41px; color: #FC0; }
.guideDetail.editGuide .categoiesSelect a.btnSearch {display: block; text-align:center; width:100%;}
.guideDetail.editGuide .categoiesSelect a.btnGenShadow.btnSearch span.text {width:100%;}
.guideDetail.editGuide .nearByContainer { display: none; position: absolute; width: 318px; border:#707070 1px solid; background-color:#393939;}
.guideDetail.editGuide .nearByContainer .nearBySearchAndResult {position:relative; min-height:485px; background-color:#323232;}
.guideDetail.editGuide .nearByContainer .nearBySearchCat {display:none; padding-bottom:11px;}
.guideDetail.editGuide .nearByContainer a.btnClose { background: url(../images/my-hk-guide/btn_close.png) no-repeat; height: 16px; position: absolute; right: 9px; text-indent: -9999px; top: 9px; width: 16px; }
.guideDetail.editGuide .nearByContainer .nearByTitle {font-size: 170%; line-height:110%; min-height:23px; font-family: 'Roboto Condensed', sans-serif; padding: 9px 0 15px 12px; background-color:#474747;}
.guideDetail.editGuide .nearByContainer .mainPoi { padding: 0 0 0 9px; background-color:#474747;}
.guideDetail.editGuide .nearByContainer .poiList { height: auto; }
.guideDetail.editGuide .nearByContainer .poiList.active { opacity: .5!important; }
.guideDetail.editGuide .nearByContainer .distanceContainer { position: relative; margin:10px 0 15px 8px;}
.guideDetail.editGuide .nearByContainer .title {font-size: 170%; line-height:110%; min-height:23px; padding-bottom: 15px; font-family: 'Roboto Condensed', sans-serif; background-color:#323232; padding:20px 19px 15px 19px;}
.guideDetail.editGuide .nearByContainer .distanceContainer .dragHandler { background: url(../images/my-hk-guide/bg_nearby_handler.png) no-repeat; cursor: pointer; height: 34px; left: 0; position: absolute; top: 0; width: 34px; z-index: 1; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance { background: url(../images/my-hk-guide/bg_distance.gif) no-repeat 15px 50%; height: 34px; position: relative; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div { background: url(../images/my-hk-guide/spot_distance.png) no-repeat 50%; cursor: pointer; height: 34px; position: absolute; top: 0; width: 34px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div.meter50 { left: 0; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div.meter100 { left: 54px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div.meter200 { left: 108px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div.meter500 { left: 162px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div.km2 { left: 216px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .distance>div.km5 { left: 270px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption { position: relative; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div { float: left; font-size: 12px; font-weight: 700; text-align: center; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div.capMeter50 { margin-left: 4px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div.capMeter100 { margin-left: 26px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div.capMeter200 { margin-left: 26px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div.capMeter500 { margin-left: 20px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div.capKm2 { margin-left: 27px; }
.guideDetail.editGuide .nearByContainer .distanceContainer .caption>div.capKm5 { margin-left: 28px; }
.guideDetail.editGuide .nearByContainer .nearbyPoiListContainer {padding: 10px 0 0 9px; background-color:#2B2B2B; position:absolute; top:0; left:0; width:309px;}
.guideDetail.editGuide .nearByContainer .nearbyPoiListContainer .nearByBack {padding:0 0 5px 11px;}
.guideDetail.editGuide .nearByContainer .nearbyPoiListContainer .nearByBack a {text-decoration:underline;}
.guideDetail.editGuide .nearByContainer .nearbyPoiListContainer .nearbyPoiList { height: 453px; }
#dragContainer { z-index: 1000; }
#dragContainer.shop .poiCover { border-color: #D22B00; }
#dragContainer.shop .poiInfo .category { color: #D22B00; }
#dragContainer.attraction .poiCover { border-color: #127DB8; }
#dragContainer.attraction .poiInfo .category { color: #127DB8; }
#dragContainer.events .poiCover { border-color: #8C0046; }
#dragContainer.events .poiInfo .category { color: #8C0046; }
#dragContainer.arts .poiCover { border-color: #2C268C; }
#dragContainer.arts .poiInfo .category { color: #2C268C; }
#dragContainer.culture .poiCover { border-color: #A96500; }
#dragContainer.culture .poiInfo .category { color: #A96500; }
#dragContainer.outdoor .poiCover { border-color: #00792E; }
#dragContainer.outdoor .poiInfo .category { color: #00792E; }
#dragContainer.tour .poiCover { border-color: #4C8CCC; }
#dragContainer.tour .poiInfo .category { color: #4C8CCC; }
#dragContainer.dining .poiCover { border-color: #5E005E; }
#dragContainer.dining .poiInfo .category { color: #5E005E; }
#dragContainer a { display: block; }
#dragContainer .poiCover { border-left: #000 4px solid; display: block; float: left; min-height: 68px; }
#dragContainer .poiCover img { height: 68px; width: 96px; }
#dragContainer .poiInfo { background-color: #FFF; color: #333; display: block; font-weight: 700; height: 68px; margin: 0 0 0 100px; padding:0 10px 0 8px; min-width:182px;}
#dragContainer .poiInfo .category { display: block; padding-top: 10px; }
#dragContainer .poiInfo .category span.expiredTxt { color: #F00; font-weight: 700; margin-left: 10px; }
#dragContainer .poiInfo .poiName { display: block; line-height: 110%; }
#dragContainer .poiInfo .districtName { color: #595959; display: block; font-weight: 400; height: 18px; overflow: hidden; }
#dragContainer.dining a.qts .icon { background-image: url(../images/marker/DineAndDrink.png); border-color: #5E005E; }
#dragContainer a.qts span { display: block; }
#dragContainer a.qts .icon { background-color: #FFF; background-position: 50% 9px; background-repeat: no-repeat; border-left: #000 4px solid; float: left; min-height: 68px; width: 67px; }
#dragContainer a.qts .qtsInfo { background-color: #FFF; height: 68px; margin: 0 0 0 67px; overflow: hidden; padding: 0 10px 0 0; }
#dragContainer a.qts .qtsInfo .name { color: #333; font-weight: 700; height: 17px; overflow: hidden; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; }
#dragContainer a.qts .qtsInfo .districtName { color: #595959; display: block; font-weight: 400; height: 18px; overflow: hidden; }
#dragContainer a.qts .qtsInfo .address { color: #666; height: 17px; line-height: 130%; overflow: hidden; }
#dragContainer.arts a.qts .icon { background-image: url(../images/marker/ArtAndPerformance.png); border-color: #2C268C; }
#dragContainer.culture a.qts .icon { background-image: url(../images/marker/CultureAndHeritage.png); border-color: #A96500; }
#dragContainer.dining a.qts .icon { background-image: url(../images/marker/DineAndDrink.png); border-color: #5E005E; }
#dragContainer.events a.qts .icon { background-image: url(../images/marker/Events.png); border-color: #8C0046; }
#dragContainer.outdoor a.qts .icon { background-image: url(../images/marker/GreatOutdoor.png); border-color: #00792E; }
#dragContainer.attraction a.qts .icon { background-image: url(../images/marker/HighlightAttractions.png); border-color: #127DB8; }
#dragContainer.shop a.qts .icon { background-image: url(../images/marker/Shop.png); border-color: #D22B00; }
#dragContainer.tour a.qts .icon { background-image: url(../images/marker/TourAndWalk.png); border-color: #4C8CCC; }
.myHKGuideLightboxPage.poiDetail { padding: 20px; width: 500px; margin:0; background-color:#7C050E;}
.myHKGuideLightboxPage.poiDetail .poiDetailLoading { background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 200px; display: none; min-height: 400px; position: absolute; width: 96%; z-index: 9999; }
.myHKGuideLightboxPage.poiDetail .poiGoogleMapContainer { padding-top: 10px; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader { margin-bottom: 0; position: relative; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailCover { }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailCover img { border-left: #FFF 7px solid; height: 339px; width: 493px; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.shop .poiDetailCover img { border-color: #D22B00; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.shop .poiDetailContent .poiCat { color: #D22B00; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.shop .poiDetailContent .poiSubCat { color: #D22B00; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.attraction .poiDetailCover img { border-color: #127DB8; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.attraction .poiDetailContent .poiCat { color: #127DB8; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.attraction .poiDetailContent .poiSubCat { color: #127DB8; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.events .poiDetailCover img { border-color: #8C0046; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.events .poiDetailContent .poiCat { color: #8C0046; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.events .poiDetailContent .poiSubCat { color: #8C0046; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.arts .poiDetailCover img { border-color: #2C268C; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.arts .poiDetailContent .poiCat { color: #2C268C; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.arts .poiDetailContent .poiSubCat { color: #2C268C; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.culture .poiDetailCover img { border-color: #A96500; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.culture .poiDetailContent .poiCat { color: #A96500; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.culture .poiDetailContent .poiSubCat { color: #A96500; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.outdoor .poiDetailCover img { border-color: #00792E; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.outdoor .poiDetailContent .poiCat { color: #00792E; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.outdoor .poiDetailContent .poiSubCat { color: #00792E; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.tour .poiDetailCover img { border-color: #4C8CCC; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.tour .poiDetailContent .poiCat { color: #4C8CCC; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.tour .poiDetailContent .poiSubCat { color: #4C8CCC; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.dining .poiDetailCover img { border-color: #5E005E; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.dining .poiDetailContent .poiCat { color: #5E005E; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader.dining .poiDetailContent .poiSubCat { color: #5E005E; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent { color: #FFF; margin: 0; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiDetailName {font-family:'Roboto Condensed',Arial, sans-serif; font-size: 190%; font-weight: 700; line-height: 130%; padding: 15px 0 0 0; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiCat { font-weight: 400; padding-bottom: 5px; color:#FFF !important;}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiSubCat { display: none; margin-top: -5px; padding-bottom: 5px; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiEndDay { color: #900; display: none; padding-bottom: 5px; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiDetailTitle {font-family:'Roboto Condensed',Arial, sans-serif; font-size: 160%; padding-bottom:10px;}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiInfoTable { font-size: 12px; line-height: 140%; border-top:#A35056 1px solid; border-bottom:#A35056 1px solid;}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl {padding:10px; background:url(../images/my-hk-guide/bg_black_10.png);}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl.even {background:url(../images/my-hk-guide/bg_black_20.png);}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl dt { float: left; font-weight: 700;}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl dd { margin-left: 90px; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl dd a { color: #666; ms-word-break: break-all; text-decoration: underline; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl dd.poiWebsite { word-break: break-all; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent dl dd.poiWebsite a { color: #FFF; text-decoration: underline; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .poiCheckIn { background: url(../images/my-hk-guide/icon_checkin.png) no-repeat 0 1px; color: #999; display: none; margin: 10px 0 8px 0; padding: 0 0 0 15px; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent .fave { color: #999; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent ul.poiDetailTools { min-height: 32px; padding-top: 6px; padding-bottom:30px; position: relative; }
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent ul.poiDetailTools .buttonLeft { float:left;}
.myHKGuideLightboxPage.poiDetail .poiDetailHeader .poiDetailContent ul.poiDetailTools .buttonRight { float:right;}
.myHKGuideLightboxPage.poiDetail .faveNum { background: url(../images/my-hk-guide/bg_fave_num.png) no-repeat; border-right: #FDB079 1px solid; color: #FFF; float: left; height: 19px; padding: 3px 5px 0 7px; }
.myHKGuideLightboxPage.poiDetail .poiGoogleMap { height: 360px; width: 100%; }
.myHKGuideNotification .borderTop,.myHKGuideTerms .borderTop { min-height: 450px; }
.myHKGuideNotification .commonPageHeader .title,.myHKGuideTerms .commonPageHeader .title { font-size: 210%; font-weight: 700; padding: 23px 0 13px 4px; }
.myHKGuideNotification .notificationList .dayHistory,.myHKGuideTerms .notificationList .dayHistory { display: none; }
.myHKGuideNotification .notificationList .dayHistory .day,.myHKGuideTerms .notificationList .dayHistory .day { background-image: url(../images/my-hk-guide/bg_black_15.png); border-radius: 5px; font-size: 14px; font-weight: 700; margin: 10px 0 10px 0; padding: 8px 7px; webkit-border-radius: 5px; }
.myHKGuideNotification .notificationList .dayHistory dl,.myHKGuideTerms .notificationList .dayHistory dl { color: #E1CCCC; padding: 3px 0 3px 7px; }
.myHKGuideNotification .notificationList .dayHistory dl dt,.myHKGuideTerms .notificationList .dayHistory dl dt { float: left; width: 105px; }
.myHKGuideNotification .notificationList .dayHistory dl dd,.myHKGuideTerms .notificationList .dayHistory dl dd { margin: 0 0 0 105px; padding-bottom: 3px; }
.myHKGuideNotification .notificationList .dayHistory dl dd a,.myHKGuideTerms .notificationList .dayHistory dl dd a { font-weight: 700; }
.myHKGuideNotification .noNotificationList,.myHKGuideTerms .noNotificationList { display: none; padding: 20px 0 0 4px; }
.myHKGuideNotification .privacyContainer,.myHKGuideTerms .privacyContainer { font-size: 120%; padding: 30px 10px 0 4px; }
.myHKGuideNotification .privacyContainer .subtitle,.myHKGuideTerms .privacyContainer .subtitle { font-weight: 700; }
.myHKGuideNotification .privacyContainer .listHead,.myHKGuideTerms .privacyContainer .listHead { float: left; width: 25px; }
.myHKGuideNotification .privacyContainer .listBody,.myHKGuideTerms .privacyContainer .listBody { display: block; margin-left: 25px; }
.myHKGuideNotification.myHKGuidePage a.btnMore { margin-top: 10px; }
.myHKGuideAccountSetting .accountSettingFormContainer { position: relative; }
.myHKGuideAccountSetting .uploadSubmit { color: #900; left: 348px; position: absolute; top: 41px; }
.myHKGuideAccountSetting form.accountSettingForm { margin: 0; padding: 0; }
.myHKGuideAccountSetting .commonPageHeader .title { font-size: 210%; font-weight: 700; padding: 23px 0 13px 4px; }
.myHKGuideAccountSetting .commonPageHeader p.intro { font-size: 130%; padding-bottom: 25px; padding-left: 4px; }
.myHKGuideAccountSetting .profileContainer { float: left; margin-right: 20px; width: 448px; }
.myHKGuideAccountSetting .socialMediaContainer { float: left; width: 448px; }
.myHKGuideAccountSetting .accountSettingContainer { margin-left: 4px; }
.myHKGuideAccountSetting .profileSettingContainer,.myHKGuideAccountSetting .termsPrivacyContainer,.myHKGuideAccountSetting .fbContainer,.myHKGuideAccountSetting .weiboContainer { background-image: url(../images/my-hk-guide/bg_black_15.png); border-radius: 5px; padding: 10px; webkit-border-radius: 5px; }
.myHKGuideAccountSetting .fbContainer,.myHKGuideAccountSetting .weiboContainer { display: none; }
.myHKGuideAccountSetting .profilePicContainer { border-bottom: #680000 1px solid; min-height: 88px; }
.myHKGuideAccountSetting .profilePicContainer .profilePic { float: left; }
.myHKGuideAccountSetting .profilePicContainer .profilePic img { box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); display: block; height: 68px; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); width: 68px; }
.myHKGuideAccountSetting .profilePicContainer .content { margin-left: 82px; }
.myHKGuideAccountSetting .profilePicContainer .content .title { font-size: 130%; font-weight: 700; padding: 5px 0 8px 0; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhoto { min-height: 22px; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhoto .fileinput-button { display: inline-block; overflow: hidden; position: relative; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhoto .fileinput-button input { cursor: pointer; direction: ltr; font-size: 200px; margin: 0; ms-filter: 'alpha(opacity=0)'; opacity: 0; position: absolute; right: 0; top: 0; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhoto a { color: #900; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhoto a span { color: #900; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhotoName { display: inline-block; margin: 1px 0 0 10px; }
.myHKGuideAccountSetting .profilePicContainer .content .uploading { margin: 1px 0 0 10px; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhotoRule { padding-bottom: 5px; padding-top: 5px; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhotoError { display: none; padding-top: 5px; }
.myHKGuideAccountSetting .profilePicContainer .content .uploadPhotoError .fileSizeTooBig,.myHKGuideAccountSetting .profilePicContainer .content .uploadPhotoError .invalidFormat { display: none; }
.myHKGuideAccountSetting .accountInformationContainer { border-bottom: #680000 1px solid; border-top: #8F1A1A 1px solid; padding: 18px 0 10px 0; }
.myHKGuideAccountSetting .accountInformationContainer h2 { font-size: 130%; font-weight: 700; padding-bottom: 10px; }
.myHKGuideAccountSetting .accountInformationContainer dt,.myHKGuideAccountSetting .accountInformationContainer dd { float: left; margin-bottom: 10px; }
.myHKGuideAccountSetting .accountInformationContainer dt.emailField,.myHKGuideAccountSetting .accountInformationContainer dd.emailField { background-color: transparent; color: #FFF; font-weight: 700; }
.myHKGuideAccountSetting .accountInformationContainer dd.emailField div.accEmail { background-color: transparent; color: #FFF; font-weight: 700; }
.myHKGuideAccountSetting .accountInformationContainer dd.inputEmailField,.myHKGuideAccountSetting .accountInformationContainer dd.nonInputEmailField { display: none; }
.myHKGuideAccountSetting .accountInformationContainer dt { font-weight: 700; height: 29px; padding-left: 12px; padding-right: 20px; padding-top: 11px; width: 113px; }
.myHKGuideAccountSetting .accountInformationContainer dd { min-height: 40px; width: 275px; }
.myHKGuideAccountSetting .accountInformationContainer dd div { background-color: #FFF; border-radius: 5px; height: 40px; padding-left: 13px; webkit-border-radius: 5px; }
.myHKGuideAccountSetting .accountInformationContainer dd div.accEmail { height: 29px; padding-top: 11px; }
.myHKGuideAccountSetting .accountInformationContainer dd div.accEmail.fbReg { background: url(../images/my-hk-guide/icon_fb_s.png) no-repeat 0 5px; padding-left: 38px; }
.myHKGuideAccountSetting .accountInformationContainer dd div.accEmail.wbReg { background: url(../images/my-hk-guide/icon_weibo_s.png) no-repeat 0 5px; padding-left: 38px; }
.myHKGuideAccountSetting .accountInformationContainer dd input { border: 0; color: #5C5C5C; height: 40px; line-height: 40px; margin: 0; padding: 0; width: 257px; }
.myHKGuideAccountSetting .accountInformationContainer label.errorMsg { color: #FFF; display: none; padding: 5px 0; }
.myHKGuideAccountSetting .emailNotificationsContainer { border-bottom: #680000 1px solid; border-top: #8F1A1A 1px solid; padding: 18px 0 15px 0; }
.myHKGuideAccountSetting .emailNotificationsContainer h2 { font-size: 130%; font-weight: 700; padding-bottom: 10px; }
.myHKGuideAccountSetting .emailNotificationsContainer p { padding-bottom: 10px; padding-top: 10px; }
.myHKGuideAccountSetting .emailNotificationsContainer label { display: block; padding-bottom: 2px; }
.myHKGuideAccountSetting .emailNotificationsContainer label input { vertical-align: middle; }
.myHKGuideAccountSetting .privacyContainer,.myHKGuideAccountSetting .countryContainer,.myHKGuideAccountSetting .emailNotificationsContainer { border-bottom: #680000 1px solid; border-top: #8F1A1A 1px solid; padding: 18px 0 15px 0; }
.myHKGuideAccountSetting .privacyContainer h2,.myHKGuideAccountSetting .countryContainer h2,.myHKGuideAccountSetting .emailNotificationsContainer h2 { font-size: 130%; font-weight: 700; padding-bottom: 10px; }
.myHKGuideAccountSetting .privacyContainer dt,.myHKGuideAccountSetting .countryContainer dt,.myHKGuideAccountSetting .emailNotificationsContainer dt,.myHKGuideAccountSetting .privacyContainer dd,.myHKGuideAccountSetting .countryContainer dd,.myHKGuideAccountSetting .emailNotificationsContainer dd { height: 40px; margin-bottom: 10px; }
.myHKGuideAccountSetting .privacyContainer dt,.myHKGuideAccountSetting .countryContainer dt,.myHKGuideAccountSetting .emailNotificationsContainer dt { float: left; height: 29px; padding-right: 10px; padding-top: 11px; width: 135px; }
.myHKGuideAccountSetting .privacyContainer dd,.myHKGuideAccountSetting .countryContainer dd,.myHKGuideAccountSetting .emailNotificationsContainer dd { margin-left: 145px; }
.myHKGuideAccountSetting .sbHolder { width: 275px; }
.myHKGuideAccountSetting .sbSelector { background-color: #FFF; border-radius: 5px; color: #000; padding-left: 13px; webkit-border-radius: 5px; width: 262px; }
.myHKGuideAccountSetting .sbToggle { background-image: url(../images/my-hk-guide/arrow_pulldown_account.png); z-index: 1; }
.myHKGuideAccountSetting .sbOptions { background-color: #FFF; box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); left: 0; webkit-box-shadow: 6px 6px 6px 0 rgba(0,0,0,.3); width: 275px; }
.myHKGuideAccountSetting .sbOptions a:link,.myHKGuideAccountSetting .sbOptions a:visited { color: #333; }
.myHKGuideAccountSetting .saveButtonContainer { border-top: #8F1A1A 1px solid; min-height: 30px; padding: 20px 0 15px 0; }
.myHKGuideAccountSetting .saveButtonContainer a { width: 106px; }
.myHKGuideAccountSetting .saveButtonContainer .btnAccountSave { background: url(../images/my-hk-guide/bg_gen_30.png) no-repeat 0 0; border: 0; color: #900; cursor: pointer; font-size: 130%; font-weight: 700; height: 30px; text-align: center; width: 140px; }
.myHKGuideAccountSetting .changePasswordButtonContainer { display: none; min-height: 30px; padding: 10px 0 15px 145px; }
.myHKGuideAccountSetting .changePasswordButtonContainer a { width: 136px; }
.myHKGuideAccountSetting .termsPrivacyContainer { margin-top: 20px; padding: 10px 10px 20px 10px; }
.myHKGuideAccountSetting .termsPrivacyContainer h2 { font-size: 130%; font-weight: 700; padding-bottom: 15px; padding-top: 2px; }
.myHKGuideAccountSetting .termsPrivacyContainer ul { font-size: 130%; }
.myHKGuideAccountSetting .termsPrivacyContainer ul li { background: url(../images/my-hk-guide/bt_pink.png) no-repeat 2px 6px; padding: 0 0 10px 18px; }
.myHKGuideAccountSetting .termsPrivacyContainer ul li a { color: #FCC; text-decoration: underline; }
.myHKGuideAccountSetting .fbContainer,.myHKGuideAccountSetting .weiboContainer { margin-bottom: 20px; }
.myHKGuideAccountSetting .fbContainer .icon,.myHKGuideAccountSetting .weiboContainer .icon { float: left; }
.myHKGuideAccountSetting .fbContainer .icon img,.myHKGuideAccountSetting .weiboContainer .icon img { display: block; height: 74px; width: 74px; }
.myHKGuideAccountSetting .fbContainer .content,.myHKGuideAccountSetting .weiboContainer .content { margin-left: 85px; min-height: 74px; }
.myHKGuideAccountSetting .fbContainer .content .title,.myHKGuideAccountSetting .weiboContainer .content .title { font-size: 130%; font-weight: 700; padding: 5px 0 0 0; }
.myHKGuideAccountSetting .fbContainer .content .account,.myHKGuideAccountSetting .weiboContainer .content .account { display: none; }
.myHKGuideAccountSetting .fbContainer .content a,.myHKGuideAccountSetting .weiboContainer .content a { margin-top: 5px; width: 106px; }
.myHKGuideAccountSetting .fbContainer .content a.btnTools30.disconnect,.myHKGuideAccountSetting .weiboContainer .content a.btnTools30.disconnect { background-image: url(../images/my-hk-guide/btn_gen_30_black_l.png); color: #FFF; }
.myHKGuideAccountSetting .fbContainer .content a.btnTools30.disconnect span.bgR,.myHKGuideAccountSetting .weiboContainer .content a.btnTools30.disconnect span.bgR { background-image: url(../images/my-hk-guide/btn_gen_30_black_r.png); }
#smartTipsOverlay { background-image: url(../images/my-hk-guide/bg_black_50.png); display: none; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 11000; }
#smartTipsContainer { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11001; }
#smartTipsContainer .container { margin: 0 auto; position: relative; width: 970px; }
#smartTipsContainer .container>div { display: none; }
#smartTipsContainer .container>div .btnTipsClose { background: url(../images/my-hk-guide/btn_tips_close.png) no-repeat; height: 24px; position: absolute; width: 24px; z-index: 1; }
#smartTipsContainer .container>div img { position: absolute; }
#smartTipsContainer .container>div.inviteFriends .btnTipsClose { left: 817px; top: 490px; }
#smartTipsContainer .container>div.inviteFriends img { left: 472px; top: 490px; }
#smartTipsContainer .container>div.findActivity .btnTipsClose { left: 842px; top: 428px; }
#smartTipsContainer .container>div.findActivity img { left: 480px; top: 378px; }
#smartTipsContainer .container>div.dragActivity .btnTipsClose { left: 768px; top: 496px; }
#smartTipsContainer .container>div.dragActivity img { left: 222px; top: 500px; }
#smartTipsContainer .container>div.searchTips .btnTipsClose { left: 949px; top: 720px; }
#smartTipsContainer .container>div.searchTips img { left: 692px; top: 683px; }
#smartTipsContainer .container>div.addNearbyTips .btnTipsClose { left: 620px; top: 486px; }
#smartTipsContainer .container>div.addNearbyTips img { left: 318px; top: 490px; }
#smartTipsContainer .container>div.myGuideTips .btnTipsClose { left: 758px; top: 319px; }
#smartTipsContainer .container>div.myGuideTips img { left: 513px; top: 323px; }
#smartTipsContainer .container>div.accountSettingTips .btnTipsClose { left: 610px; top: 108px; }
#smartTipsContainer .container>div.accountSettingTips img { left: 330px; top: 38px; }
.myHKGuide404 .breadcrumb { display: none; }
.myHKGuidePage.myHKGuide404 .myHKGuideContainer { padding-top: 20px; }
.myHKGuide404 .error404Container { min-height: 500px; padding: 0 10px 20px 10px; }
.myHKGuide404 .error404Container h2 { font-size: 260%; font-weight: 700; line-height: 130%; padding-bottom: 15px; }
.myHKGuide404 .error404Container h2 span { display: block; }
.myHKGuide404 .error404Container .item { background: url(../images/my-hk-guide/border_double.png) repeat-x; font-size: 120%; padding-top: 20px; }
.myHKGuide404 .error404Container .item p { padding-bottom: 40px; }
.myHKGuide404 .error404Container .item p a { font-weight: 700; text-decoration: underline; }
.widget_selector_box p { color: #646464; }
#mainContainer.myHKGuideTutorial #contentContainer #mainContent { padding-bottom: 0; }
#mainContainer.myHKGuideTutorial.myHKGuidePage .myHKGuideContainer { padding-bottom: 0; }
.myHKGuidePage .myHKGuideContainer .borderTop { background-image:none;}
.myHKGuideTutorial .tutorialTitle { background: url(../images/my-hk-guide/tutorial/border_double.gif) repeat-x 0 100%; font-size: 210%; font-weight: 700; padding: 23px 0 10px 7px; }
.myHKGuideTutorial .tutorialContainer { background: url(../images/my-hk-guide/tutorial/left_nav_bg.png) repeat-y; padding-bottom: 20px; }
.myHKGuideTutorial .tutorialNav { float: left; line-height: 130%; padding: 16px 0 0 0; width: 217px; }
.myHKGuideTutorial .tutorialNav>ul { padding: 0 19px 0 0; }
.myHKGuideTutorial .tutorialNav>ul>li { background: url(../images/my-hk-guide/tutorial/nav_stroke.png) no-repeat 5px 100%; font-size: 150%; padding: 15px 0; }
.myHKGuideTutorial .tutorialNav>ul>li a { color: #CC8080; display: block; line-height: 110%; padding: 0 0 0 11px; }
.myHKGuideTutorial .tutorialNav>ul>li a:hover,.myHKGuideTutorial .tutorialNav>ul>li a.active { color: #FFF; }
.myHKGuideTutorial .tutorialNav>ul>li>ul { background: url(../images/my-hk-guide/tutorial/nav_bg.png) repeat-x; border-radius: 5px; margin: 3px 0 0 11px; padding: 20px 0 5px 0; position: relative; webkit-border-radius: 5px; }
.myHKGuideTutorial .tutorialNav>ul>li>ul>li { font-size: 80%; padding: 0 0 12px 0; }
.myHKGuideTutorial .tutorialNav>ul>li>ul>li.arrow { background: url(../images/my-hk-guide/tutorial/nav_arrow.png) no-repeat 50% 0; height: 8px; padding: 0; position: absolute; top: 0; width: 100%; }
.myHKGuideTutorial .tutorialNav>ul>li>ul>li a { background: url(../images/my-hk-guide/tutorial/bt_nav.png) no-repeat 6px 6px; color: #938484; display: block; padding: 0 10px 0 19px; }
.myHKGuideTutorial .tutorialContent { color: #FFF; float: left; font-size: 125%; line-height: 150%; padding: 0 0 0 24px; width: 679px; }
.myHKGuideTutorial .tutorialContent ul { list-style: disc; margin: 0 0 0 20px; padding: 0 0 20px 0; }
.myHKGuideTutorial .tutorialContent h2 { color: #FFF; font-size: 150%; font-weight: 400; line-height: 120%; padding: 0 0 20px 0; }
.myHKGuideTutorial .tutorialContent h3 { color: #FFF; font-size: 135%; font-weight: 400; line-height: 120%; padding: 0; }
.myHKGuideTutorial .tutorialContent p { color: #FFF; padding-bottom: 20px; }
.myHKGuideTutorial .tutorialContent p.activityLastPara { padding-top: 130px; }
.myHKGuideTutorial .tutorialContent p.chatLastPara { padding-top: 260px; }
.myHKGuideTutorial .tutorialContent .itemContainer { background: url(../images/my-hk-guide/tutorial/border_double.gif) repeat-x 0 100%; padding-bottom: 2px; padding-top: 20px; position: relative; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemContent { float: left; min-height: 180px; padding-right: 20px; width: 310px; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemContent.full { float: none; min-height: 0; width: auto; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemContent a { color: #FCC; font-weight: 700; text-decoration: underline; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemContent span.heading,.myHKGuideTutorial .tutorialContent .itemContainer .itemContent span.faqContent { display: block; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemContent span.heading { float: left; width: 28px; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemContent span.faqContent { margin: 0 0 0 25px; }
.myHKGuideTutorial .tutorialContent .itemContainer.width360 .itemContent { width: 360px; }
.myHKGuideTutorial .tutorialContent .itemContainer.width350 .itemContent { width: 350px; }
.myHKGuideTutorial .tutorialContent .itemContainer.shake .subItem { padding-bottom: 0; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemImg { float: right; text-align: right; }
.myHKGuideTutorial .tutorialContent .itemContainer .itemImg.full { clear: both; float: none; padding-top: 20px; text-align: center; }
.myHKGuideTutorial .tutorialContent .itemContainer .note { display: block; font-size: 80%; line-height: 140%; padding-top: 5px; }
.myHKGuideTutorial .tutorialContent .itemContainer ol { margin: 0 0 0 20px; }
.myHKGuideTutorial .tutorialContent .itemContainer ol.alpha { list-style: lower-alpha; margin-left: 40px; }
.myHKGuideTutorial .tutorialContent .itemContainer ol ol { list-style: lower-alpha; margin-top: 10px; }
.myHKGuideTutorial .tutorialContent .itemContainer ol ol li { padding-bottom: 10px; }
.myHKGuideTutorial .tutorialContent .btnBackToTop { background: url(../images/my-hk-guide/tutorial/arrow_bottom.png) no-repeat 1px 8px; bottom: 1px; color: #FCC; display: none; left: 0; padding: 0 0 0 17px; position: absolute; }
.myHKGuideTutorial .tutorialContent .subItem { border-bottom: #AD3333 1px solid; padding: 15px 0; position: relative; }
.myHKGuideTutorial .tutorialContent .topContainer { position: relative; }
.myHKGuideTutorial .tutorialContent .topContainer .topAnchorContainer { display: none; position: absolute; right: 0; top: 23px; width: 252px; z-index: 10; }
.myHKGuideTutorial .tutorialContent .topContainer .topAnchorContainer>a { background: url(../images/my-hk-guide/tutorial/icon_plus.png) no-repeat 232px 5px #730000; display: block; height: 23px; padding: 2px 0 0 10px; width: 242px; }
.myHKGuideTutorial .tutorialContent .topContainer .topAnchorContainer ul.tutorialPulldown { background-color: #730000; display: none; line-height: 130%; list-style: none; margin: 0; padding-bottom: 0; }
.myHKGuideTutorial .tutorialContent .topContainer .topAnchorContainer ul.tutorialPulldown li a { background: url(../images/my-hk-guide/tutorial/bt_pulldown.png) no-repeat 12px 11px #730000; border-top: #882626 1px solid; display: block; padding: 4px 10px 4px 26px; }
.myHKGuideTutorial .tutorialContent .topContainer .topAnchorContainer ul.tutorialPulldown li a:hover { text-decoration: underline; }
.myHKGuideTutorial .tutorialContent .introContainer { padding-top: 35px; }
.myHKGuideTutorial .tutorialContent .introContainer .introContent { float: left; width: 361px; }
.myHKGuideTutorial .tutorialContent .introContainer .introVideo { float: left; position: relative; width: 318px; }
.myHKGuideTutorial .tutorialContent .introContainer .introVideo img { position: absolute; right: -11px; }
.myHKGuideTutorial .tutorialContent .gettingStarted { padding-bottom: 20px; }
.myHKGuideTutorial .tutorialContent .gettingStarted ul { list-style: none; padding: 30px 0 0 0; }
.myHKGuideTutorial .tutorialContent .gettingStarted ul li { float: left; margin-left: 35px; padding-right: 20px; width: 164px; }
.myHKGuideTutorial .tutorialContent .gettingStarted ul dt { background: url(../images/my-hk-guide/tutorial/stroke_title.png) no-repeat 0 100%; color: #FFF; font-size: 135%; margin: 0 0 2px 0; padding-bottom: 4px; }
.myHKGuideTutorial .tutorialContent .gettingStarted ul dd a { background: url(../images/my-hk-guide/tutorial/arrow_list.png) no-repeat 0 8px; color: #F18787; display: block; line-height: 110%; padding: 5px 0 5px 10px; }
.myHKGuideTutorial .tutorialContent .bottomNav { display: none; padding: 10px 5px 0 5px; }
.myHKGuideTutorial .tutorialContent .bottomNav a { color: #F96; display: block; font-size: 110%; font-weight: 700; }
.myHKGuideTutorial .tutorialContent .bottomNav a.btnLeft { background: url(../images/my-hk-guide/tutorial/arrow_left.gif) no-repeat 0 5px; float: left; padding-left: 10px; }
.myHKGuideTutorial .tutorialContent .bottomNav a.btnRight { background: url(../images/my-hk-guide/tutorial/arrow_right.gif) no-repeat 100% 5px; float: right; padding-right: 10px; }
#colorbox.myHKGuide,#cboxOverlay,.myHKGuide #cboxWrapper { height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; z-index: 9999; }
#cboxOverlay { height: 100%; position: fixed; width: 100%; }
.myHKGuide #cboxMiddleLeft,.myHKGuide #cboxBottomLeft { clear: left; }
.myHKGuide #cboxContent { position: relative; }
.myHKGuide #cboxLoadedContent { overflow: visible!important; -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4);
box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.4); padding:0;}
.myHKGuide #cboxTitle { margin: 0; }
.myHKGuide #cboxLoadingOverlay,.myHKGuide #cboxLoadingGraphic { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.myHKGuide #cboxPrevious,.myHKGuide #cboxNext,.myHKGuide #cboxClose,.myHKGuide #cboxSlideshow { cursor: pointer; }
.myHKGuide .cboxPhoto { border: #fff 5px solid; border: 0; display: block; float: left; margin: auto; }
.myHKGuide .cboxIframe { border: 0; display: block; height: 100%; overflow: hidden; width: 100%; }
#cboxOverlay { background-color: #000; }
.myHKGuide #cboxTopLeft { display: none; height: 0; width: 0; }
.myHKGuide #cboxTopRight { display: none; height: 0; width: 0; }
.myHKGuide #cboxBottomLeft { display: none; height: 0; width: 0; }
.myHKGuide #cboxBottomRight { display: none; height: 0; width: 0; }
.myHKGuide #cboxMiddleLeft { display: none; width: 0; }
.myHKGuide #cboxMiddleRight { display: none; width: 0; }
.myHKGuide #cboxTopCenter { display: none; height: 0; }
.myHKGuide #cboxBottomCenter { display: none; height: 0; }
.myHKGuide #cboxContent { width: 0; overflow:visible;}
.myHKGuide .cboxIframe { overflow: hidden; }
.myHKGuide #cboxError { border: 1px solid #ccc; padding: 50px; }
.myHKGuide #cboxLoadedContent { margin-top: 31px; }
.myHKGuide #cboxTitle { display: none; height: 0; overflow: hidden; }
.myHKGuide #cboxCurrent { bottom: 4px; color: #949494; left: 58px; position: absolute; }
.myHKGuide #cboxSlideshow { bottom: 4px; color: #0092ef; position: absolute; right: 30px; }
.myHKGuide #cboxPrevious { bottom: 0; height: 25px; left: 0; position: absolute; text-indent: -9999px; width: 25px; }
.myHKGuide #cboxNext { bottom: 0; height: 25px; left: 27px; position: absolute; text-indent: -9999px; width: 25px; }
.myHKGuide #cboxLoadingGraphic { /*background: url(../images/my-hk-guide/ajax-loader.gif) no-repeat 50% 50%; */}
.myHKGuide #cboxClose { background: url(../images_awc2/my-hk-guide/btn_close.png) no-repeat 0 0 !important; display: none; height: 16px !important; position: absolute; right: 0; text-indent: -9999px; top: 0 !important; width: 16px !important; border:0;}
.myHKGuide #cboxClose:hover { background-position: 0 0; }
.myHKGuide.common #cboxLoadedContent { }
.myHKGuide.common #cboxClose {top:-31px;}
.myHKGuide.common.saveLightbox.loggedIn #cboxClose {right:0 !important}
/*
#scroller { height: 840px; margin: 0; overflow: auto; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { background: 0; height: 100%; position: absolute; right: 1px; top: 0; width: 6px; }
.jspHorizontalBar { background: 0; bottom: 0; height: 16px; left: 0; position: absolute; width: 100%; }
.jspVerticalBar *,.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack {position: relative; width: 6px; }
.jspDrag { background: url(../images/my-hk-guide/scroll_handle.png) no-repeat 0 0; cursor: pointer; height: 94px; left: 0; position: relative; top: 0; width: 6px; }
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; cursor: pointer; display: block; text-indent: -20000px; }
.jspArrow.jspDisabled { background: #80808d; cursor: default; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { float: left; height: 100%; width: 16px; }
.jspVerticalBar .jspArrow:focus { outline: 0; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
.ui-state-disabled { cursor: default!important; }
.ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; }
.ui-widget-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button { font-family: Segoe UI,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { background: #fff; border: #70050D 5px solid; color: #fff; }
.ui-widget-content a { color: #fff; }
.ui-widget-header { color: #70050D; font-size: 13px; font-weight: 700; }
.ui-widget-header a { color: #fff; }
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { background: #FFF; font-size: 12px; }
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited { color: #eee; text-decoration: none; }
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus { cursor: pointer; }
.ui-state-hover a,.ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active { background: #900; color: #fff; }
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited { color: #fff; text-decoration: none; }
.ui-widget :active { outline: 0; }
#ui-datepicker-div td.highlighted { background: #838265; color: #FFF; }
#ui-datepicker-div td.highlighted a { background: #838265; color: #FFF; }
.ui-widget-content td.selected a { background: #838265; color: #FFF; }
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #858585; }
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error { background: #c7001c; border: 1px solid #fff; color: #fff; }
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a { color: #fff; }
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text { color: #fff; }
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary { font-weight: 700; }
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary { filter: alpha(opacity=70); font-weight: 400; opacity: .7; }
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { background-image: none; color: #D9D9D9; }
.ui-datepicker { display: none; padding: 10px; width: 187px; z-index: 2000; }
.ui-datepicker .ui-datepicker-header { padding: 0 0 4px 0; position: relative; }
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next { background-color: #70050D; background-position: 50%; background-repeat: no-repeat; height: 19px; position: absolute; top: 0; width: 19px; }
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover { background-color: #70050D; }
.ui-datepicker .ui-state-disabled.ui-datepicker-prev-hover,.ui-datepicker ui-state-disabled.ui-datepicker-next-hover { background-color: #800000; }
.ui-datepicker .ui-datepicker-prev { background-image: url(../images/my-hk-guide/arrow_prev_cal.png); left: 0; }
.ui-datepicker .ui-datepicker-next { background-image: url(../images/my-hk-guide/arrow_next_cal.png); right: 1px; }
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span { display: block; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; }
.ui-datepicker .ui-datepicker-title { line-height: 1.5em; margin: 0 2.3em 0 2.3em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker select.ui-datepicker-year { margin-left: 10px; }
.ui-datepicker table { border-collapse: collapse; font-size: .9em; margin: 0 0 .4em; width: 100%; }
.ui-datepicker th { background-color: #70050D; border: 0; font-size: 11px; font-weight: 400; padding: 2px; text-align: center; }
.ui-datepicker td { border: 0; border-bottom: #FFF 1px solid; border-top: #FFF 2px solid; padding: 2px 2px 1px 2px; text-align: center; }
.ui-datepicker td span,.ui-datepicker td a { display: block; text-decoration: none; }
.ui-datepicker td span { color: #d9d9d9; }
.ui-datepicker td a { color: #666; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; border-bottom: 0; border-left: 0; border-right: 0; margin: .7em 0 0 0; padding: 0 .2em; }
.ui-datepicker .ui-datepicker-buttonpane button { cursor: pointer; float: right; margin: .5em .2em .4em; overflow: visible; padding: .2em .6em .3em .6em; width: auto; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker.ui-datepicker-multi { width: auto; }
.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { border-right: 10px #FFF solid; margin: 0 0 .4em 0; width: 100%; }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 49.99%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }
.ui-datepicker-row-break { clear: both; font-size: 0; width: 100%; }*/
.touch .myHKGuideheaderLoggedIn a.btnUser:hover .highlightArrow { display: none; }
.touch .myHKGuideheaderLoggedIn a.btnNotification:hover .highlightArrow { display: none; }
.touch .myHKGuideLightboxPage .loginContent .loginItem dl dd { min-height: 77px; }
.touch .guideDetail .guideDetailListContainer .guideDetailDay li a:hover { color: #999; }
.touch .guideDetail .guideDetailListContainer .guideDetailDay li a:hover span.bg { display: none; }
.touch .guideDetail .guideDetailListContainer .guideDetailDay li a.active { color: #900; }
.touch .guideDetail .guideDetailListContainer .guideDetailDay li a.active span.bg { display: block; }
.touch .guideDetail .poiList li a:hover poiInfo { background-color: #FFF!important; }
.touch .guideDetail .guideDetailList .poiList li:hover a.btnDelete,.touch .guideDetail myWishListContent .poiList li:hover a.btnDelete { filter: alpha(opacity=100); opacity: 1; }
.touch .guideDetail .guideDetailList .poiList li a.btnDelete,.touch .guideDetail myWishListContent .poiList li a.btnDelete { display: block; filter: alpha(opacity=100); opacity: 1; }
.touch .guideDetail.editGuide .poiList li:hover poiInfo { background-color: #FFF!important; }
.touch .guideDetail.editGuide .guideDetailList .poiList li:hover a.btnDelete,.touch .guideDetail.editGuide myWishListContent .poiList li:hover a.btnDelete { filter: alpha(opacity=100); opacity: 1; }
.touch .guideDetail.editGuide .guideDetailList .poiList li a.btnDelete,.touch .guideDetail.editGuide myWishListContent .poiList li a.btnDelete { display: block; filter: alpha(opacity=100); opacity: 1; }
.myHKGuideFindFriends .searchResult { float: left; width: 590px; }
.myHKGuideFindFriends .searchPeople { float: left; width: 590px; }
.myHKGuideFindFriends .title { font-size: 16px; font-weight: 600; padding: 25px 0px 4px 0px; }
.myHKGuideFriendsProfile .btnFriend a.btnTools { float: left; margin: 10px; }
.guideTitle {font-family:'Roboto Condensed',Arial, sans-serif; font-size: 24px; font-weight: 700; padding-bottom:20px; padding-top: 10px;}
.myHKGuideLanding .leftBanner{width:500px; margin-left: auto;margin-right: auto;}
.guideList li a.hoverButton {line-height: 2;font-size: 13px;background:url(../images/my-hk-guide/icon_add.gif) no-repeat #000 5% 45%; opacity:0.8;filter: alpha(opacity=80);width:100%;height:30px;z-index: 1; position:absolute;text-align:center;top:0;right:0; color:#FFF; padding:2px; visibility: hidden}
.guideList li:hover a.hoverButton{visibility: visible;}
.myHKGuideLanding .filterSection{font-family:'Roboto Condensed',Arial, sans-serif; width:460px;float: right;position: relative;}
.myHKGuideLanding div.filterDuration{background: url(../images/my-hk-guide/filter-duration.png) no-repeat; width:96px;height:32px;z-index: 1;position: absolute;left:6px;}
.myHKGuideLanding div.filterButton{background: url(../images/my-hk-guide/filter-bg.png) no-repeat;width:91px;height:32px;float:right;opacity:0.6;filter: alpha(opacity=60);margin-right:1px;moz-transition: all .3s; ms-transition: all .3s; o-transition: all .3s; transition: all .3s; webkit-transition: all .3s ;}

.myHKGuideLanding div.filterButton.active{opacity:1;filter: alpha(opacity=100);}
.myHKGuideLanding div.filterText{margin-left:15px;font-size: 16px; font-weight: 500;line-height: 29px}
.myHKGuideLanding a.filterText{margin-left:14px;font-size: 16px;color:#7E0811;line-height: 29px}
.myHKGuideLanding a.allDaysText{margin-left:22px;}
.myHKGuideLanding .filterButton:hover{opacity:1;filter: alpha(opacity=100); background: url(../images/my-hk-guide/filter-bg-dark.png) no-repeat;}
.myHKGuideLanding .filterButton.active:hover{background: url(../images/my-hk-guide/filter-bg.png) no-repeat;}
div.userHeader{height:auto; margin-top: 20px; margin-bottom:30px; visibility: visible;width: 970px;margin-left: auto;margin-right: auto;font-family:'Roboto Condensed',Arial, sans-serif;}
.myHKGuideLanding div.userHeader{height:0; visibility: hidden;}
.userHeader div.bigTitle{font-size: 30px;font-weight: 700;}
.userHeader div.userProfileMain{position:relative;height:200px; background:#66070D;margin-top: 20px; border:0px solid #480409;border-bottom-width:2px;}
.userHeader div.avatarImage {position:absolute; margin:20px;}
.userHeader div.avatarImage img{width:120px;height:120px;}
.userHeader div.userNameString{font-size: 26px;width:auto;font-weight: 700}
.userHeader div.userName{top: 75px; left: 150px; position: absolute;}
.guideList li:hover a.hoverButton{visibility: visible;moz-transition: all .3s; ms-transition: all .3s; o-transition: all .3s; transition: all .3s; webkit-transition: all .3s;}
.myHKGuideHeaderSignUp {width:auto; padding-top:10px;}
.myHKGuideHeaderSignUp a.btnMyhkgLogInHeader {display:block; float:left; padding:0 10px 0 30px; min-height:19px; background:url(../images_awc2/my-hk-guide/myhkg.png) no-repeat 0 0 !important; position:static; width:auto; text-indent:0;}
.myHKGuideLanding .landingMain > div.guideMainContainer{width:970px;margin-right: auto;margin-left: auto;padding-top:20px;}
.myHKGuideLanding .myHKGuideContainer a.coverPhoto{font-size: 17px; font-weight:600;}
.userHeader div.homePageTabs{margin-left:20px;bottom:-1px;position: absolute;height:45px;}
.userHeader div.tabs{moz-transition: all .3s; ms-transition: all .3s; o-transition: all .3s; transition: all .3s; webkit-transition: all .3s ;float:left;height:100%;width:180px;text-align: center;padding-top: 10px;border:0px solid #66070D;border-width: 2px 0px 0px;cursor:pointer;}
.userHeader a.tabTitle{font-size: 16px;margin-top: 6px;opacity:0.6;filter: alpha(opacity=60);}
.userHeader .homePageTabs div.tabs.active{background:#6C040C;border:0px solid #A2282C;border-width: 2px 0px 0px;}
.userHeader .tabs.active a.tabTitle{opacity:1;filter: alpha(opacity=100);}
.myHKGuideLanding .guideList li .guideInfo div.duration{color:#FFF;position: absolute;top:4px;width: 100%;font-family:'';}
.myHKGuideMyFriends{font-family:'Roboto Condensed',Arial, sans-serif;}
.myHKGuideLanding .newGuideContainer a.btnCreate{float:right;margin-right:20px;padding-top: 5px;background:url(../images/my-hk-guide/create-button-bg.png)no-repeat;width: 70px;height: 32px; font-size: 16px;text-align: center;}
.myHKGuideLanding .newGuideContainer a.btnCreate:hover{background:url(../images/my-hk-guide/create-button-bg-hover.png)no-repeat;}
.myHKGuideLanding .newGuideContainer div.newGuideBg{background: url(../images/my-hk-guide/info-background.png); width:100%;height:100%;font-family:'Roboto Condensed',Arial, sans-serif;}
.myHKGuideLanding .newGuideContainer input.createNameField { border: #E7E7E7 1px solid; color:#666; height:32px; line-height:32px; width: 270px; margin:20px; }
.myHKGuideLanding .newGuideContainer div.newGuideTitle {color:#FFF;padding-top:30%;margin-left:20px;font-size:20px; font-weight: 700;}
.userHeader div.btnCollectStar{width:130px;height:126px;float: right;right: 140px;top: 30px;position: absolute;}
.userHeader a.imgCollectStar{width:60px;height:60px;background:url(../images/my-hk-guide/collect-star.png) no-repeat;display: block;margin:0px auto;}
.userHeader a.txtCollectStar{width:auto;margin:25px auto; font-size: 16px;text-align: center;display:block;}
.userHeader div.btnDownloadApp{width:130px;height:126px;float: right;right: 10px;top: 30px;position: absolute;}
.userHeader a.imgDownloadApp{width:66px;height:66px;background:url(../images/my-hk-guide/icon_my_guide.png) no-repeat;display: block;margin:0px auto;}
.userHeader a.txtDownloadApp{width:auto;margin:19px auto; font-size: 16px;text-align: center;display:block;}
.myHKGuideMyFriends .myFriendsList .myFriendInfo div.numOfFriends{margin-left:18px; font-size:13px; font-family: Arial;width:100px;}
.myHKGuideMyFriends .myFriendsList .btnTools span.bgR{background: none;} 
.myHKGuideMyFriends .socialMediaBox {float:right; background-color: #474747; height: 300px;width:320px;border:1px solid #707070;}
.myHKGuideMyFriends .socialMediaBox > div{margin:20px;}
.myHKGuideMyFriends .socialMediaBox a.btnSocial{width:280px;height:31px;display:block;margin-top:20px;font-size: 16px;text-align: center;line-height: 25px;}
.myHKGuideMyFriends .socialMediaBox a.btnFacebook {background: url(../images/my-hk-guide/facebook-bg.png) no-repeat;}
.myHKGuideMyFriends .socialMediaBox a.btnWeibo{background: url(../images/my-hk-guide/weibo-bg.png) no-repeat;} 
.myHKGuideMyFriends div.myFriendsTitle{font-size: 20px;font-weight:bold;margin-top: 20px}
.myHKGuideMyFriends div.inviteByEmail.myFriendsTitle{margin-top: 30px}
.myHKGuideMyFriends .socialMediaBox input.inviteEmail{margin-top: 20px;width:274px;height: 30px;line-height: 30px;}
.myHKGuideMyFriends .socialMediaBox a.btnSendInvitation{font-family:'Microsoft JhengHei', Arial;background:url(../images/my-hk-guide/create-button-bg.png)no-repeat;margin-top: 20px;width:70px;height:30px;color:#FFF;font-size: 16px;text-align: center;line-height:20px;float: right;margin-right:0px;}
.myHKGuideLanding #mainContent{padding-top: 0px !important}
.myHKGuideLanding .headerLogo{width:190px;height:155px;margin:0 auto 30px auto;}
.myHKGuideLanding .mainVisual .bannerContent {position:relative;width:970px;height: 100%;margin: 0 auto;}
.myHKGuideLanding .mainVisual .headerSubtitle{font-size: 20px;margin: 0 auto;text-align: center;}
.myHKGuideLanding .mainVisual .watchVideo{float: right;width: 275px;height: 100%;right: 200px;position: absolute;}
.myHKGuideLanding .mainVisual .watchVideo .videoTitle{font-size: 16px;margin-top: 85px;}
.myHKGuideLanding .mainVisual .watchVideo .playButton{background: url(../images/my-hk-guide/play-button.png)no-repeat;height: 41px;width: 41px;margin: 55px auto;filter: alpha(opacity=60); opacity: .6;}
.myHKGuideLanding .mainVisual .watchVideo a.btnPlay:hover div.playButton{filter: alpha(opacity=100); opacity: 1; }
.myHKGuideLanding .mainVisual .bannerRight{float:right;width:170px;height:100%;margin-right:20px;}
.myHKGuideLanding .mainVisual a.btnSignUp{font-size:20px; text-align: center;line-height: 35px;background: url(../images/my-hk-guide/btn-signup-bg.png)no-repeat;width:150px;height:38px;display: block;top: 110px;position: absolute;}
.myHKGuideLanding .mainVisual  .bannerRight p{font-size: 12px; font-family: ''; position:absolute;top:160px;}
.myHKGuideLanding .mainVisual  .bannerRight a.btnLogInHeader{font-size: 12px; font-family: ''; font-weight:bold;text-decoration: underline; position:absolute;top:175px;}.addToMyWLButton {height:32px; background-color:#333;}
.addToMyWLButton a {width:180px;}




/* For DHK 3 in 1 bar starts */
.myhkgWishListBar {width:473px; height:28px; margin:10px 0 20px 0;}
.myhkgWishListBarCount {width:300px;}
td > .myhkgWishListBar, dd > .myhkgWishListBar, .myhkgWishListBarCount > .myhkgWishListBar {margin:20px 0 0 0; width:300px;}
td > .myhkgWishListBar .myhkgUsers, dd > .myhkgWishListBar .myhkgUsers {display:none !important;}
.myhkgWishListBar .myhkgUsers {float:left; width:247px; padding:3px 5px 0 7px; display:none; background:url(../images/my-hk-guide/bg_3in1_r.png) no-repeat top right; } 
.myhkgWishListBar .myhkgMyWishListsContainer {float:left; width:214px; position:relative;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists {display:block; width:214px; height:28px; background:url(../images/my-hk-guide/btn_bg_my_wish_list_bar.png) no-repeat;}
.myhkgWishListBar .myhkgBeenHereContainer {height:22px; padding-bottom:5px; float:left;}
.myhkgWishListBar .myhkgBeenHereTag {display: block;
float: left;
position: relative;
height: 22px;
color: #333;
margin-right:10px;}
.myhkgWishListBar .myhkgBeenHereTag .myhkgBgR {display: block;
position: absolute;
top: 0;
right: -6px;
width: 6px;
height: 22px;
background: url(../images/my-hk-guide/bg_myhkg_gen_r.png) no-repeat;}
.myhkgWishListBar .myhkgBeenHereTag .myhkgIcon {display: block;
background-repeat: no-repeat;
background-position: 0 2px;
padding-left: 16px;
padding-top: 3px;
background-image: url(../images/my-hk-guide/icon_been_here_marker.png); font-size:12px;}
.myhkgWishListBar .myhkgBeenHereNum {float: left; position: relative; height: 19px; color:#FFF; margin-right: 9px; background: url(../images/my-hk-guide/bg_been_here_num_m.png) repeat-x; margin:0 1px 0 6px; display:block; padding:3px 7px 0 6px;}
.myhkgWishListBar .myhkgBeenHereNum .myhkgBgL {position:absolute; width:6px; height: 22px; background: url(../images/my-hk-guide/bg_been_here_num_l.png) no-repeat; top:0; left: -6px;}
.myhkgWishListBar .myhkgBeenHereNum .myhkgBgR {position:absolute; width:1px; height: 22px; background: url(../images/my-hk-guide/bg_been_here_num_r.png) no-repeat; top:0; right: -1px;}
.myhkgWishListBar .myhkgUsersProfile {float:right;}
.myhkgWishListBar .myhkgUsersProfile ul li {float:left; margin:0 2px 0 0; list-style:none !important;}
.myhkgWishListBar .myhkgUsersProfile ul li img {width:22px; height:22px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists {display:block; width:170px; height:20px; background: url(../images/my-hk-guide/btn_bg_my_wish_list_bar_r.png) no-repeat; padding:8px 0 0 44px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists span {display:block;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists span.myhkgIcon {position:absolute; left:5px; bottom:3px; width:32px; height:50px; background: url(../images/my-hk-guide/icon_wish_list.png) no-repeat;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists span.myhkgTxt {width:157px; height:10px; background-repeat:no-repeat; background-position:0 0; background-image:url(../images/my-hk-guide/icon_wish_list.png); text-indent:-9999px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists.added span.myhkgTxt {background-position:0 -20px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists.added span.myhkgIcon {background-position:0 -50px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgOpenMyWishLists {display:none;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgOpenMyWishLists span.myhkgBtn {width:31px; height:28px; background-repeat:no-repeat; background-position:50%; background-image:url(../images_awc2/my-hk-guide/btn_bar_wishlist.png); text-indent:-9999px; position:absolute; right:0; top:0; display:none;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgOpenMyWishLists.active span.myhkgBtn {background-position:50%;}


.myhkgWishListBar.event {margin-top:40px; width:497px;}
.myhkgWishListBar.event .myhkgMyWishListsContainer {width:243px;}
.myhkgWishListBar.event .myhkgMyWishListsContainer a.myhkgAddMyWishLists {}
.myhkgWishListBar.event .myhkgMyWishListsContainer a.myhkgOpenMyWishLists {display:block;}
.myhkgWishListBar.event .myhkgMyWishListsContainer a.myhkgOpenMyWishLists span.myhkgBtn {display:block;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .myhkgMyWishListsHeader .header {display:none;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .myhkgMyWishListsHeader {height:auto; display:none;}


.myhkgMyWishListsPulldown { float:right; margin-bottom:15px; background:url(../images/my-hk-guide/bg_3in1_bar.png) no-repeat 2px 0; width:197px; height:352px; position:relative;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.3);} 
.myhkgWishListBar .myhkgMyWishListsPulldown {position:absolute; top:30px; right:0;} 
.myhkgMyWishListsPulldown .myhkgMyWishListsPulldownBtmBg {background:url(../images/my-hk-guide/bg_stroke_bottom.png) no-repeat; width:194px; height:5px; position:absolute; left:2px; bottom:0;}
.myhkgMyWishListsPulldown .myhkgMyWishListsHeader {height:28px; padding:15px 0 0 10px; position:relative; margin-top:1px;}
.myhkgMyWishListsPulldown .myhkgMyWishListsHeader .header {background:url(../images/my-hk-guide/title_bg.png) no-repeat 0 0; width:199px; height:40px; position:absolute; left:0; top:-12px;}
.myhkgMyWishListsPulldown .myhkgMyWishListsSubTitle { margin:0 7px 0 7px; padding:8px 5px 4px 5px; font-family:'Roboto Condensed', sans-serif; font-size:16px; background-color:#333; color:#FFF;}
.myhkgMyWishListsPulldown .myhkgMyWishListsHeader .myhkgMyWishListsTitle {margin:20px 0 0 38px;}
.myhkgMyWishListsPulldown .myhkgMyWishListsHeader a.myhkgBtnOpenCollapse {display:none;}
.myhkgWishListBar .myhkgMyWishListsPulldown .myhkgMyWishListsHeader a.myhkgBtnOpenCollapse {display:block; position:absolute; top:16px; right:10px; background:url(../images/my-hk-guide/btn_open_collapse.gif) no-repeat; display:block; width:9px; height:9px;} 
.myhkgMyWishListsPulldown .myhkgWishListItemContainer {background:url(../images/my-hk-guide/3in1_bar_bg_poi_list.png) no-repeat; width:190px; height:278px; overflow:hidden; margin:-4px 0 0 4px; padding:2px 0 0 2px;}
.myhkgMyWishListsPulldown .myhkgBtnCreateANewTrip {background:url(../images/my-hk-guide/bg_create_a_trip.png) no-repeat; width:188px; height:19px; padding-top:3px; text-align:center; color:#A7999F !important; font-weight:bold; display:block; margin:4px 0 0 4px; font-size:12px;}
.myhkgMyWishListsPulldown .poiList {padding:0 !important; margin:0 !important;}
.myhkgMyWishListsPulldown .poiList li {width: 174px;min-height: 50px;padding-bottom: 2px;position: relative; list-style:none !important; margin:0 !important;}
.myhkgMyWishListsPulldown .poiList li a {display:block; color:#333 !important;}
#sectionContent #leftCol .myhkgMyWishListsPulldown .poiList li a, #sectionContent #noCol .myhkgMyWishListsPulldown .poiList li a { text-decoration:none;}
.myhkgMyWishListsPulldown .poiList li a.btnDelete {display:block; width:8px; height:8px; background: url(../images_awc2/my-hk-guide/3in1_bar_btn_close.png) no-repeat; position: absolute; top: 4px;
right: 4px;}
.myhkgMyWishListsPulldown .poiList li:hover a.btnDelete {display: block;}
.myhkgMyWishListsPulldown .poiList li .poiCover {border-left:#000 4px solid;float: left;min-height: 50px;display: block;}
.myhkgMyWishListsPulldown .poiList li .poiCover img {width:69px; height:50px; display: block;}

.myhkgMyWishListsPulldown .poiList li.attraction .poiCover {border-left-color: #127DB8;}
.myhkgMyWishListsPulldown .poiList li.dining .poiCover {border-left-color: #5E005E;}
.myhkgMyWishListsPulldown .poiList li.events .poiCover {border-left-color: #8C0046;}
.myhkgMyWishListsPulldown .poiList li.arts .poiCover {border-left-color: #2C268C;}
.myhkgMyWishListsPulldown .poiList li.culture .poiCover {border-left-color: #A96500;}
.myhkgMyWishListsPulldown .poiList li.outdoor .poiCover {border-left-color: #00792E;}
.myhkgMyWishListsPulldown .poiList li.tour .poiCover {border-left-color: #4C8CCC;}
.myhkgMyWishListsPulldown .poiList li.shop .poiCover {border-left-color: #D22B00;}

.myhkgMyWishListsPulldown .poiList .poiInfo {margin: 0 0 0 73px; background-color: #FFF; padding: 0 20px 0 6px; height: 50px; font-weight: bold; color: #333; display: block; line-height:130%; overflow:hidden; font-size:12px !important; min-width:75px;}
.myhkgMyWishListsPulldown .poiList .poiInfo .category {display:none;}
.myhkgMyWishListsPulldown .poiList .poiInfo .poiName { display:block; padding:2px 0 0 0; height:48px; overflow:hidden;}
.myhkgMyWishListsPulldown .poiList .hasBranch .poiInfo .poiName {height:33px;}
.myhkgMyWishListsPulldown .poiList .hasBranch .poiInfo .districtName {color:#595959; font-weight:normal; display:block; overflow:hidden; height:15px;}
.myhkgMyWishListsPulldown .jspVerticalBar {width:6px; right:1px; top:5px;}
.myhkgMyWishListsPulldown .jspTrack {background:none;}
.myhkgMyWishListsPulldown .jspDrag {background:url(../images_awc2/my-hk-guide/3in1_bar_scroll_handle.png) no-repeat;}

.eventsWishListsPulldown {display:none;}
.myhkgAddMyWishLists.events {background-image:url(../images/my-hk-guide/btn_bg_my_wish_list_bar.png);}
.myhkgWishListBar .myhkgMyWishListsPulldown {height:282px;}
.myhkgWishListBar .myhkgMyWishListsPulldown .myhkgWishListItemContainer {height:236px;}

.myhkgWishListBar.event .myhkgMyWishListsPulldown {width:241px; border:#666 1px solid; background:url(../images_awc2/my-hk-guide/bg_myhkg_event.png) no-repeat 0 0;-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 0 0 rgba(0,0,0,0.3); padding-bottom:7px;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .myhkgMyWishListsSubTitle {display:none;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .myhkgMyWishListsPulldownBtmBg {width:242px; background-image:url(../images/my-hk-guide/bg_stroke_bottom_events.png); display:none;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .myhkgWishListItemContainer {width:217px; background:#333; margin:7px; padding:5px;}

.myhkgWishListBar.event .myhkgMyWishListsPulldown .poiList .poiInfo {min-width:114px;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .poiList li {width:213px;}
.myhkgWishListBar.event .myhkgMyWishListsPulldown .myhkgBtnCreateANewTrip {width:auto;}
#sectionContent #leftCol .myhkgWishListBar.event .myhkgMyWishListsPulldown a.myhkgBtnCreateANewTrip, #sectionContent #noCol .myhkgWishListBar.event .myhkgMyWishListsPulldown a.myhkgBtnCreateANewTrip {text-decoration:none;}
/* For DHK 3 in 1 bar ends */






/* added for AWC 2.0 starts */
.myHKGuideheaderLoggedIn {padding-top:4px;}
.myHKGuideHeaderSignUp a.btnMyhkgLogInHeader {display:block; float:left; padding:0 10px 0 30px; min-height:19px; background:url(../images/myhkg.png) no-repeat 0 0px;}

.myhkgWishListBarCount > .myhkgWishListBar {height:38px; margin-bottom:20px;}
.information.hideContainer .informationContent .myhkgWishListBarCount > .myhkgWishListBar {margin-bottom:0;}
.myhkgWishListBar .myhkgMyWishListsContainer {width:auto; background-color:#333; height:30px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists {width:auto; height:32px; padding:0; background:url(../../../images_awc2/bg_gen_btn.png) repeat-x 0 0; text-decoration:none !important;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists:hover {background-position:0 -50px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists.added:hover {background-position:0 0;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists span.myhkgIcon {left:0; bottom:2px; width:35px; height:34px; padding-right:2px; background-image: url(../images_awc2/my-hk-guide/icon_wish_list.png);}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists span.myhkgTxt {margin-left:39px; min-width:142px; height:24px; text-indent:0; background:none; font-family:'Roboto Condensed', sans-serif; font-size:16px; padding:6px 13px 0 13px;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists span.myhkgTxt span {text-indent:-9999px; background-repeat:no-repeat;}
.myhkgWishListBar .myhkgMyWishListsContainer a.myhkgAddMyWishLists.added span.myhkgTxt span {background-position:0 -50px;}

/* Right Col */
#rightColSection .myhkgMyWishListsPulldown {width:auto; height:auto; padding-bottom:7px; border-width:1px; border-style:solid; background: url(../images_awc2/my-hk-guide/bg_myhkg.png) no-repeat 0 0 #3E3E3E;
  -webkit-box-shadow:none;
  box-shadow:none;}
#rightColSection .myhkgMyWishListsPulldown .myhkgMyWishListsPulldownBtmBg {display:none;}
#rightColSection .myhkgMyWishListsPulldown .myhkgMyWishListsHeader {margin-top:0; padding:0; height:auto;}
#rightColSection .myhkgMyWishListsPulldown .myhkgMyWishListsHeader .header {background:none; position:static; width:auto; height:auto;}
#rightColSection .myhkgMyWishListsPulldown .myhkgMyWishListsHeader .icon {background:url(../images_awc2/my-hk-guide/icon_myhkg.png) no-repeat 0 0; width:31px; height:42px; left:7px; top:-11px; position:absolute;}
#rightColSection .myhkgMyWishListsPulldown .myhkgMyWishListsHeader .myhkgMyWishListsTitle {margin-top:0; margin-left:0; height:38px; padding:0 0 0 52px; text-indent:-9999px; background-repeat:no-repeat; background-position:44px 11px;}
#rightColSection .myhkgMyWishListsPulldown .myhkgWishListItemContainer {margin:0 7px 7px 7px; padding:5px; width:184px; height:311px; background:#333;}
.myhkgMyWishListsPulldown .myhkgBtnCreateANewTrip {display:block; background:url(../images_awc2/my-hk-guide/bg_btn_color.png) repeat-x 0 0; text-align:center; border:none; width:auto; height:27px; padding-top:8px; color:#FFF !important; font-family:'Roboto Condensed', sans-serif; font-size:16px; padding-top:5px; margin:7px 7px 0 7px; font-weight:normal;}
.myhkgMyWishListsPulldown .myhkgBtnCreateANewTrip:hover {background-position:0 -50px;}
#rightColSection .myhkgMyWishListsPulldown .poiList li {width:180px;}

#rightColSection .myhkgLoginBox {border-style:solid; border-width:1px; margin-bottom:25px; background: url(../images_awc2/my-hk-guide/bg_myhkg.png) no-repeat 0 0 #E3E3E3; display:none;}
#rightColSection .myhkgLoginBox .myhkgMyWishListsHeader {position:relative; background-color:transparent;}
#rightColSection .myhkgLoginBox .myhkgMyWishListsHeader .icon {background:url(../images_awc2/my-hk-guide/icon_myhkg.png) no-repeat 0 0; width:31px; height:42px; left:7px; top:-11px; position:absolute;}
#rightColSection .myhkgLoginBox .myhkgMyWishListsHeader .header .myhkgMyWishListsTitle {height:38px; padding:0 0 0 40px; text-indent:-5000px; background-repeat:no-repeat; background-position:44px 11px;}
#rightColSection .myhkgLoginBox .myhkgIntroVideo {padding:7px; background-color:#333;}
#rightColSection .myhkgLoginBox .myhkgIntroVideo a {display:block; width:194px; height:110px; margin:0 auto; background:url(../images_awc2/my-hk-guide/video_thumb.jpg) no-repeat; text-indent:-9999px;}
#rightColSection .myhkgLoginBox .myhkgSignInBtn {padding:7px; background-color:#292929;}
#sectionContent #rightColSection .myhkgLoginBox .myhkgSignInBtn a {display:none; background:url(../images_awc2/my-hk-guide/bg_btn_color.png) repeat-x 0 0; text-align:center; height:27px; color:#FFF; font-family:'Roboto Condensed', sans-serif; font-size:16px; padding-top:5px;}
#sectionContent #rightColSection .myhkgLoginBox .myhkgSignInBtn a:hover {background-position:0 -50px;}

.myHKGuide #cboxContent {width:auto;}
.myHKGuide #cboxLoadedContent {background:url(/common/images_awc2/bg_colorbox.png);}
.createGuideForm .myHKGuideLightboxPageBorder .buttons {padding-top:20px;}
/*.myHKGuide #cboxClose {background:url(../images/my-hk-guide/icon_close_frame_common.gif) no-repeat 0 0; width:15px; height:15px; top:5px; right:1px;}*/
/*#colorbox .myHKGuide.common #cboxClose {top:12px; right:12px;}*/

#smartTipsContainer .container > div img {
  position: absolute;
}
#smartTipsContainer .container > div.myhkgTipsDhk .btnTipsClose {
  top: 425px;
  left: 653px;
}
#smartTipsContainer .container > div.myhkgTipsDhk img {
  top: 429px;
  left: 409px;
}
#smartTipsContainer .container > div.eventDhkTips .btnTipsClose {
  top: 428px;
  left: 653px;
}
#smartTipsContainer .container > div.eventDhkTips img {
  top: 459px;
  left: 409px;
}
.createGuideForm .inputGuideNameErrorMsg {display:none;}
#smartTipsContainer .container > div.wishlistDhkTips .btnTipsClose {
  top: 366px;
  left: 678px;
}
#smartTipsContainer .container > div.wishlistDhkTips img {
  top: 370px;
  left: 415px;
}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;} 
.skype_c2c_container .skype_c2c_logo_img, .skype_c2c_container .skype_c2c_free_text_span {display:none !important;}
.skype_c2c_container .skype_c2c_text_span {color:#FFF !important;}
.myhkgTeaserVideo {width:680px; height:470px;}
.myHKGuideheaderLoggedIn .btnUser .ellipsis{line-height:0px;}
/* added for AWC 2.0 ends */