.searchBoxLarge input, .searchBoxLarge .big, .searchBoxLarge button, .searchBoxLarge select, .statusList .badgeImg, .statusList .title, .statusList .statusMast, div.drinkStat, div.drinkStat img, .paging div, .searchBoxLarge a.inviteFrnd, .bannerHeader div, .contentForm input, .contentForm select, .contentForm label, .shoutBox1 div , .rightBox2 span, #footer ul, #footer ul li, #footer div, .myBarBox .heading, .myBarBox .jumpto, .myBarBoxinner .statusList .linkRt a, .replyBox .profImg span, .leftLinks, .inviteBox, .odtitle, .odlink, .myBarBox .jumpto a, .tour div, .settingBox .twtbox input, .settingBox .twtbox span, .galCont img, .quizComments, .quizRtBar, .editHistory .profImg, .editHistory span.caption, .quizUser, .quizUserBox .profImg, .quizUserBox span, .subTabs li, .sideBox1 h2.invite span, .sideBox1 h2.invite img, .stirlingCount span, .stirlingCount img, .stirlTick, .stirlings .badgeImg, .stsBox .profImg, .qShare span, .longDrinkQz, .fbQuizTabs ul, .fbQuizTabs ul li, .fbQuizTabs ul li a, .stirlTickRt span, .historyBox, .stsBox span, .addTags .button, .addTags .textfield, .addTags .loading, .paging div.mid, .myBar a, .myBar span, .mainTabs li, .mainTabs li a, .mainTabs li a span, .homeBanner1 .bnrLeft, .homeBanner1 .bnrRight { float:left; } form, #footer ul, #footer ul li, .mainTabs, .mainTabs li, .searchBoxLarge p, h1.title, .content h2, .fbBox h1, .sideBox1 ul, .addTags ul li, .leftLinks ul, .leftLinks ul li, .nsiBox h2, .alertBox h2, .captcha dd, .captcha dt, .sideBox1 p , .popUpForm h3, .galCont p, .subTabs, .subTabs li, .tagBox ul, .tagBox ul li, .rtBox1Inr h3, .fbQuizTabs ul, .fbQuizTabs ul li, .rightBox4 h2, .rightBox4 ul, .rightBox4 ul li, .msgbox ul, .msgbox ul li { padding:0; margin:0; } .msgbox ul li { list-style:none; } .takeatour { float:left; width:118px; height:27px; background:url(../images/home_sprite_img1.png) -26px -156px } .statusList .badgeImg img, .thatsuBox a.profImg img, .settingBox .msgbox .profImg img, .fanListImg a img, .replyBox .profImg img, .glBoxHdng2 img, .stirlCntTop .profImg img, .editHistory .profImg img, .quizUserBox .profImg img, .stsBox .profImg img{ max-height:50px; max-width:50px; float:none } .rtAdBrnd .profImg img, .rtBox1 .profImg img { max-height:25px; max-width:25px; float:none } .settingBox .msgbox .local .profImg { border:2px solid #d0d0d0; width:100px; height:100px; margin:10px 20px 10px 0 } .settingBox .msgbox .local .profImg img { max-height:100px; max-width:100px; } .inviteBox .statusList .badgeImg img, .odBox .badgeImg img { max-height:28px; max-width:28px; } .settingBox .msgbox .local .loadingImg { margin:6px 0px 0 8px } .settingBox .msgbox .local .profImg .loadingImg { margin:42px 0 0 0 } .settingBox .msgbox .loading { margin:6px 0 0 3px } .settingBox .msgbox .dispPic { background:#eee; display:block; text-align:center; width:100%; padding:10px; min-height:50px; } .local .lBgImg { padding:5px 0px } .local .lBgImg .chk { margin:2px 4px 0 0; *margin-top:-3px; } .local .lBgImg .del{ margin:0px 2px 0px 15px; } .local .lBgImg span.save { color:#18a700; padding-left:15px; } .bannerHeader { background:url(../images/home-banner2.jpg) no-repeat #402467; margin:-19px -1px 0 -1px; color:#fff; font-size:40px; font-weight:bold; text-transform:uppercase; border-bottom:5px solid #402467; height:211px; width:900px; } .bannerHeader .left input { background:url(../images/join-now1.gif) no-repeat; height:25px; width:78px; border:0; cursor:pointer; float:left; margin:8px 30px 0 0 } .bannerHeader a { font-size:15px; text-decoration:underline; margin:5px 0 0 0px; line-height:32px; float:left; font-family:Georgia; color:#fff } .bannerHeader .left { width:554px; padding:165px 0 0 26px; } .bannerHeader .right{ width:310px; height:46px; text-align:right; padding:138px 10px 0 0 } .mainColumn { border:1px solid #ababab; width:898px } .bannerHeader .left span { font-size:14px; text-transform:none; font-weight:normal; display:block; margin:10px 0 0 0 } .bannerHeader a.learnMore { display:inline; float:none; font:bold 11px Arial; color:#0068a2; background:url(../images/link-bg.png) no-repeat right 1px; padding:2px 12px 2px 8px; text-decoration:none; } .bannerHeader a.learnMore:hover { text-decoration:underline } .bannerHeader .right input { background:url(../images/home_sprite_img1.png) no-repeat; width:194px; height:65px; border:0; cursor:pointer } .bannerHeader .right input.invite { background:url(../images/home_sprite_img1.png) 0 -324px } .bannerHeader .right input:focus { outline:0; } .fbquizColumn { background:#fff } .contentHome .stItemBoxQuiz { padding-left: 40px; } .fbquizColumn .stItemBox { border:0; margin:5px 0 0 0; } .compBox, .settingBox { margin:10px 0 0 0 } .myBarBox { background:#dfd9e6; padding:5px 10px 30px 10px; color:#333; margin:-18px -10px -25px -10px; } .searchBoxLarge a.inviteFrnd, .searchBoxLarge a.inviteFrnd:hover { background:#8ac9f6; padding: 5px 22px 6px 22px; text-decoration:none; font-size:12px; color:#444; margin: 0 0 0 170px; } .stItemBox .loading { margin:-4px 0 -5px 285px } .stItemBox1 .loading, .inviteBox1 .loading { margin:0px 0 50px 350px; } .statusList , .divider1, .linkBox1, .statusMsg1, .statusMsg, .comments, .badgesTitle, .badges, .commentBox { border-bottom:1px dotted #afafaf; } .divider1 { height:1px; } .statusMsg1 { padding:20px 20px 10px 20px; font-size:14px; } .statusMsg h2 { display:inline } .statusMsg { padding:15px 20px; } .statusList { padding:11px 10px 2px 10px; } .paging1 { margin-top:-18px; } .odBox { margin-left:60px; } .statusList .badgeImg { width:50px; height:50px; margin: 0 8px 10px 0; text-align:center } .odBox .badgeImg { width:28px; height:28px; } .inviteBox .statusList .badgeImg { width:28px; height:28px; } .statusList .badgeImgRt, .statusList .linkRt { width:60px; margin: 0 0 9px 0; float:right } .statusList .linkRt { margin-top:4px; width:75px; font-size:11px; text-align:right } .statusList .date { padding-top:35px; } .myBarBoxinner .statusList .linkRt { width:76px; margin-top:3px } .statusList .linkRt span { background:url(../images/icons.png) no-repeat -34px -139px; padding-left:17px; } .statusList .linkRt span.fanDisp { display:none } .statusList:hover .linkRt span.fanDisp { display:inline } .statusList .linkRt .od { float:right } .statusList .badgeImgRt img { max-height:60px; max-width:60px; } .statusList .title { display:block; min-height:32px; font-size:14px; width:450px; word-wrap:break-word; } .statusList1 .title { min-height:24px; } .statusList1 .title, .statusList1 .drinkStat { font-size:12px; } .statusList1 .name1 { font-size:12px; display:inline-block; padding-bottom:5px; } .myBarBoxinner .statusList .title { width:348px; word-wrap:break-word; } .statusList .statusMast { width:450px; font-size:14px; margin:5px 0 0 0; word-wrap:break-word; } .odBox .statusMast { margin:0 } .myBarBoxinner .statusList .statusMast { width:348px } div.drinkStat{ padding-bottom:8px; padding-top:5px; } div.drinkStat a { float:left; width:40px; line-height:22px; } div.drinkStat a.inReply { font-size:12px; width:auto; padding:0; margin:-4px 16px 0 0 } a.addBar { font-size:11px; font-weight:bold; text-decoration:underline } a.addBar:hover { text-decoration:none } .myBarBox1 { background:#ebf2dd; padding:3px 8px; height:22px; border:1px solid #c5e692; } .badgeImgRt .status { width:60px; height:60px; display:block; background-image:url(../images/status_icons.png); background-repeat:no-repeat; background-position:240px 180px; } .badgeImgRt .stsIcon1 { background-position:0px 0px;} .badgeImgRt .stsIcon2 { background-position:-60px 0px;} .badgeImgRt .stsIcon3 { background-position:-120px 0px;} .badgeImgRt .stsIcon4 { background-position:-180px 0px;} .badgeImgRt .stsIcon5 { background-position:-240px 0px;} .badgeImgRt .stsIcon6 { background-position:0px -60px;} .badgeImgRt .stsIcon7 { background-position:-60px -60px;} .badgeImgRt .stsIcon8 { background-position:-120px -60px;} .badgeImgRt .stsIcon9 { background-position:-180px -60px;} .badgeImgRt .stsIcon10 { background-position:-240px -60px;} .badgeImgRt .stsIcon11 { background-position:0px -120px;} .badgeImgRt .stsIcon12 { background-position:-60px -120px;} .badgeImgRt .stsIcon13 { background-position:-120px -120px;} .badgeImgRt .stsIcon14 { background-position:-180px -120px;} .badgeImgRt .stsIcon15 { background-position:-240px -120px;} .badgeImgRt .stsIcon16 { background-position:0 -180px;} .badgeImgRt .stsIcon17 { background-position:-60px -180px;} .badgeImgRt .stsIcon18 { background-position:-120px -180px;} .badgeImgRt .stsIcon19 { background-position:-180px -180px;} .badgeImgRt .stsIcon20 { background-position:-240px -180px;} .badgeImgRt .stsIcon21 { background-position:0 -240px;} .drinkStat span { float:left; font-size:11px; color:#737373; margin-right:10px; } div.drinkStat img.chk { margin:3px 0px 0 3px } div.drinkStat a.becomeFan { width:95px; background:#66aa0b; font-size:11px; font-weight:bold; text-align:center; color:#fff; margin:0 0 0 15px } div.drinkStat a.becomeFan:hover { text-decoration:none; background:#5f9f09 } div.drinkStat a.reply, div.drinkStat a.delete, .replyBox a.reply { width:40px; background:url(../images/icons.png) no-repeat -38px -154px; padding:0px 0 0 13px; font-size:11px; visibility:hidden; height:15px; line-height:14px; } div.drinkStat a.delete { background-position:-38px -181px } div.drinkStat a.delete:hover { background-position:-38px -197px } div.drinkStat a.reply:hover, .replyBox a.reply:hover { background:url(../images/icons.png) no-repeat -38px -167px; } .stItemBox .replyBox a.reply { background-position: -38px -153px; padding-top:1px } .stItemBox .replyBox a.reply:hover { background-position: -38px -166px; padding-top:1px } div.drinkStat a.reply img { float:left } div.drinkStat a.reply { margin:0 0 -5px 0; } .replyBox a.reply { visibility:visible; font-size:12px; padding-top:4px } .statusList:hover div.drinkStat a.reply, .statusList:hover div.drinkStat a.delete { visibility:visible } div.drinkStat a.fan { background:url(../images/check1.gif) no-repeat 0 8px; width:50px; font-size:12px; font-weight:bold; text-decoration:none; margin-left:15px; color:#333; padding:1px 0 0 13px } .statusMast .txt1 { font-size:11px; display:block; padding-top:2px; } div.drinkStat a.addBar { width:60px; text-decoration:none } div.drinkStat a.addBar:Hover { text-decoration:underline } .emStatus a, .myBarBox .jumpto a { width:29px; height:17px; text-decoration:none; margin-top:2px; } .emStatus a.love { background:url(../images/love-gry.png) no-repeat; width:32px; } .emStatus a.love:hover, .emStatus a.love.on, .myBarBox .jumpto a.love { background:url(../images/love-on.png) no-repeat; } .myBarBox .jumpto a.adDrinks { width:71px; font-weight:bold; text-transform:uppercase; margin-top:3px } .myBarBox .jumpto a.adDrinks:hover { text-decoration:underline } .myBarBox .jumpto a { width:25px; } .myBarBox .jumpto a.top5 { width:58px; padding:2px 0px 0 0px; margin-right:4px } .editHistory .statusList { width:534px; } .statusList a.fanLink { margin:7px 0 0 0; font-size:11px; float:left } .statusList:hover, .searchBoxLarge { background:#f8f7f7; } .thatsu { background:url(../images/icons.png) no-repeat -37px -132px; font-weight:bold; font-size:12px; padding-left:16px; display:inline-block; padding-bottom:3px; } .statusMast .title .thatsu { background-position:-34px -139px; } .statusMast .myBar .thatsu,.title .thatsu { background-position:-34px -138px; font-weight:normal; font-size:11px; padding-right:10px; } .statusMast .myBar .thatsu { margin:0 0 0 5px; } .txtLinks1 { text-align:right; font-size:14px; font-weight:bold; padding:0 12px 10px 10px; margin:-8px 0 0 0 } h1.title { text-transform:uppercase; font-weight:normal; font-size:24px; margin:25px 0 0 15px; color:#555 } .settingBox h1.title { margin:-10px 0; } h1.title1 { font-size:38px; padding:15px 0 15px 0; margin:0 } .noborder { border:0 } div.drinkStat img.loading { margin:3px 0 3px 0 } h1.odtitle { padding:0; margin:10px 0 5px 0; } .odlink { padding:12px 0 0 15px; font-size:16px; font-weight:bold } .linkBox1 { padding:0 12px 11px 28px; margin-top:-5px; } .linkBox1 a{ float:left; padding:5px 10px; margin-right:10px; font:bold 12px Arial; } .linkBox1 a.on, .linkBox1 a.on:hover { background:#338aca; color:#fff; text-decoration:none } .moreLink { background:url(../images/button_bg.png) repeat-x 0 0px; border:1px solid #ccc; display:block; margin:15px 0 0 0; text-align:center; font-size:14px; font-weight:bold; height:29px; line-height:29px; border-bottom-color:#737373 } .moreLink:hover { background:#e8e8e8; text-decoration:none } .loading1, .loading1:hover { background:none; padding-top:4px; height:27px; cursor:default } .moreLink img { margin-top:5px; } .paging div.left { width:430px; font-size:14px; padding:12px 8px; } .paging div.left1 { width:190px; } .paging div.mid { width:157px; margin-top:10px; margin-right:77px; } .paging div.left big { font-size:22px; line-height:16px; } .paging .loading2 { margin:5px 0 0 230px; } .contentHome .paging div.left { width:418px; } .contentHome .paging div.left1 { width:225px; } .contentHome .paging div.left2 { width:411px; } .contentHome .paging div.mid { width:125px; margin-right:61px; margin-top:5px; } .quizComments .paging div.left { width:380px; } .paging div.left span { text-decoration:underline } .paging div.right { width:168px; padding:8px 0 8px 0; } .paging a, a.upload, .paging p { height:18px; border: 1px solid #ccc; padding:2px 0 0 0; width:60px; float:right; text-align:center; font-size:12px; margin:0 0 0 5px } .paging .dots { float:right; padding-left:4px;} .paging .small { font-size:12px; } .paging .right .small { padding:4px 0 0 9px } a.upload { text-align:center; border:0; width:123px; padding:4px 0 1px 0; margin-top:2px; } .paging .left a.upload, .paging .left a.bakToGal { float:left; padding-left:0; margin:-4px 6px 0 -4px } .paging a.bakToGal, .paging a.upload, .paging a.bakToGal:hover, .paging a.upload:hover { padding:0 5px 0 0; font-weight:normal; border:0; width:auto; background:#fff } .paging a.bakToGal:hover, .paging a.upload:hover { text-decoration:underline } .paging .num { width:24px; } .paging div.right p { cursor:default } .paging div.right span { float:right; width:25px; padding:5px 0 0 8px; } .paging a:hover { text-decoration:none; background:#f0f0f0 } a.upload:hover { background:#beda21; text-decoration:none } .paging div.pagingBig { width:100%; } .paging strong { display:block; font-size:17px; } .paging div a img { margin:4px 1px -4px 1px } a.bakToGal { font-size:12px; font-weight:bold; } .myBarBox .jumpto { width:210px; text-align:center; padding:20px 0 0 0; font-size:12px; } .myBarBox .heading { font-size:22px; padding:18px 22px; width:290px; font-weight:bold; text-transform:uppercase } .myBarBoxinner { padding:40px 14px; border-right:2px solid #c2bdc8; border-bottom:2px solid #c2bdc8; background:#fff } .myBarBoxinner .statusList .linkRt a.top5Link, div.drinkStat a.top5Link { height:22px; width:28px; background:url(../images/top5-red-bg1.png) no-repeat; font-size:14px; color:#fff; padding:3px 0 0 8px; font-weight:bold; text-decoration:none; margin-right:8px; cursor:default } div.drinkStat a.top5Link { padding:0px 0 3px 8px; margin:1px 20px 0 0 } .myBarBoxinner .statusList .linkRt a { text-decoration:none } .myBarBoxinner .statusList .linkRt a.down, .myBarBoxinner .statusList .linkRt a.up { width:14px; height:8px } .myBarBoxinner .statusList .linkRt a.up { margin:3px 0 0px 0; } .myBarBoxinner .statusList .linkRt a.down { margin:-1px 0 0 0 } .myBarBoxinner .statusList .linkRt a.close, .myBarBoxinner .statusList .linkRt a.close1 { width:7px; padding: 3px; margin: -12px 0 0 5px; } .myBarBoxinner .statusList .linkRt a.close1 { float:right; margin:2px 0 0 0 } #header button, .searchBoxLarge button, .statusList .sendmsg button, .shoutBox1 .buzzButton, .unfollow, .statusList .linkRt .od, .shoutBox1 .buzzButton a.dis img { opacity:0.7;filter:alpha(opacity=70); } .statusList:hover .linkRt .od { opacity:0.8;filter:alpha(opacity=80); } #header button:hover, .searchBoxLarge button:hover , .statusList .sendmsg button:hover , /*.shoutBox1 .buzzButton:hover,*/ .shoutBox1 .buzzButton.on, .unfollow:hover, .statusList:hover .linkRt .od:hover { opacity:1; filter:alpha(opacity=100); } .rtBanner { display:block; width:193px; height:140px; background:url(../images/home_sprite_img1.png) no-repeat 0 -183px; margin:42px auto 0px auto } .statusList .sendmsg { width:400px; margin:10px 0 0 0; padding:10px 15px; background:#f1eff0; border-left:65px solid #fff } .statusList:hover .sendmsg { border-color:#f9f9f9 } .statusList .sendmsg .loading { margin:3px 21px -3px 23px; float:none } .statusList .sendmsg img.up { position:absolute; margin:-15px 0 0 10px } .content .sendmsg a.close img { margin:0 0 3px 0; margin-left:389px } .statusList .sendmsg textarea { border:1px solid #c3c3c3; width:392px; height:50px; padding:3px; font:normal 12px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:10px; } .statusList .sendmsg button { background:url(../images/send-msg.gif) no-repeat; height:23px; width:60px; border:0; margin:-5px 0 0 0; } .thatsuBox { padding:55px 0 0 0; min-height:20px; } .thatsuBox a.profImg { margin-top:-35px; } .thatsuBox a.profImg, .settingBox .msgbox .profImg, .rtAdBrnd .profImg, .rtBox1 .profImg { width:54px; height:54px; text-align:center; margin-right:10px; float:left; } .rtAdBrnd .profImg, .rtBox1 .profImg { width:29px; height:29px; } .thatsuBox .name {float:left; width:470px; } .thatsuBox span, .thatsuBox a { font-weight:bold; font-size:12px; line-height:12px; } .thatsuBox span.big { width:225px; word-wrap:break-word; float:left; padding:0; background:none } .thatsuBox span.big1 { width:345px; margin-right:5px; } .thatsuBox, .thatsuBox a.big, .thatsuBox span.big { font-size:20px; font-weight:bold; line-height:10px; } .thatsuBox span { background:url(../images/check2.gif) no-repeat 3px 3px; font-size:14px; padding-left:18px; } .thatsuBox span.followCont { background:none; padding:0 } .unfollow { width:25px; height:21px; background:url(../images/unfollow.gif) no-repeat; border:1px solid #e3e3e3; padding:0; margin-bottom:-7px; *margin-bottom:-3px; cursor:pointer } .thatsuBox1, .thatsuBox1 a { font-size:12px; font-weight:normal } /*----------form-----------------*/ .popLogo { width:140px; margin:110px 10px 0 20px; float:left; background:url(../images/landing_images.png) no-repeat; height:70px } .popUpForm, .signinForm { font-size:12px; } .popUpForm { width:260px; float:left; border-left:1px solid #c9c9c9; padding:0 7px 0 28px; color:#575757; height:290px; margin-top:10px; } .popUpForm small { font-size:11px; } .popUpForm .button1 { margin:15px 0 0 50px } .stItemBox input.txtFld2, .tagBox input, .addDrink select, .addDrink input.txtFld, .sideBox1 input.txtFld, .captcha input, .contentForm input.txtFld1, .contentForm textarea, .contentForm input.txtFld, .contentForm select, .paging select { border:1px solid #aaaaaa; font:normal 14px Arial, Helvetica, sans-serif; color:#444444; padding:4px 4px 4px 6px; height:22px; padding-top:6px\9; height:20px\9; margin:5px 5px 5px 0; } .contentForm textarea { float:left; width:260px; height:55px; } .stItemBox input.txtFld2 { font-size:12px; padding:2px; height:18px; width:200px; } .contentForm input.txtFld { width:290px; } .signinForm input.txtFld { width:200px; } .inviteBox input.txtFld { width:180px; } .sideBox1 input.txtFld { /*padding:1px 2px 1px 5px; font-size:12px; height:20px;*/ width:180px; margin:0 0px 0 0; padding-top:3px } .inviteBox textarea { width:380px; height:100px; } .inviteBox .contentForm label.msg1 { font-size:10px; padding:0 0 5px 0 } .inviteBox .contentForm label.msg strong { background:url(../images/lock.gif) no-repeat; padding-left:10px; } .inviteMsg { float:left; width:300px; padding:3px 0 0 0; } .popUpForm h3 { font-size:14px; } .addDrink input.txtFld { width:256px; padding-top:2px; height:26px; font-size:14px; margin-bottom:5px; padding-top:6px\9; height:22px\9 } Home .addDrink input.txtFld { width:180px; } Home .addDrink select { width:192px; } .contentForm input.chk { border:0; padding:0; margin:-2px 4px 2px 0; float:left } .addDrink select, .contentForm select , .paging select { height:33px; padding:6px; width:300px; } .addDrink select { width:268px; } .paging select { width:230px; margin:-4px 0; padding:2px; height:24px; font-size:12px; } .popUpForm select { width:211px; } .contentForm label.msg { width:270px; font-size:12px; margin-top:5px; padding-left:5px; } .fbBox label.msg .errmsg{ color:#fe3e3e; } .contentForm label.captions { width:100px; font-size:14px; padding-top:5px; } .settingBox .contentForm label.captions { padding-top:12px; } .contentForm label.msg img { margin:11px 0 0 3px } .popUpForm label.msg { float:left; padding:0; margin:-4px 0 7px 0; display:no } .settingBox .contentForm label.msg { width:150px; } .contentForm label.msg1 { width:362px; } .contentForm label.big { font-size:16px; } .settingBox .contentForm label.msg1 { width:150px; margin-left:62px; } .contentForm .errmsg { color:#bc0700; } .contentForm .okmsg { color:#33CC00 } .fbBox .okmsg { font-size:12px; padding:5px 0 0 5px; display:inline-block } .fbBox .loading { margin:13px 0 0 5px; } .contentForm .msg1 .errmsg, .contentForm .msg1 .okmsg { padding-left:21px; } .settingBox .contentForm .msg1 .errmsg, .settingBox .contentForm .msg1 .okmsg { padding:0 } .settingBox .contentForm input.txtFld { width:260px; } .settingBox .contentForm select { width:272px; } .galCrpBox { margin-top:0px; } .galCrpBox .contentForm input.txtFld { width:340px; } .galCrpBox .contentForm .button { margin:0px 0 0 2px; height:26px; background:url(../images/button_bg.png) repeat-x; font-size:13px; line-height:10px; font-weight:normal } .galCrpBox .contentForm .num { float:left; font-size:18px; color:#a9a9a9; padding:3px} .galCrpBox .contentForm .msg { float:none; padding-left:100px; } .add { float:left; margin:5px 2px 0 4px; padding:2px 7px; } .galCrpBox .contentForm .tags { width:100% } .galCrpBox .contentForm .tags span { display:inline-block; border:1px solid #ccc; padding:3px 5px; margin:1px; max-width:480px; word-wrap:break-word; float:left; *float:none } .galCrpBox .contentForm .tags a:hover { text-decoration:none; } .galCrpBox .contentForm .tags a img { margin:-3px 8px 3px 0 } .galCrpBox .contentForm .tags span a img { margin:-3px 0px 3px 2px } .galCrpBox .contentForm textarea { width:340px; } .popUpForm p { font-weight:bold; padding:12px 0 0 0; margin:0; } .popUpForm input.chk { margin:0px 4px 2px 0; } .galCrpBox .contentForm select { width:352px; } .contentForm select.mm, .contentForm select.dd { width:60px; } .contentForm select.yy { width:80px } .captcha, .settingBox .msgbox { border:1px solid #aaaaaa; padding:5px; width:289px; background:#fff; margin:5px 0; float:left } .settingBox .msgbox { border:0; padding:7px 0 0 0; font-size:12px; width:400px; } .settingBox .msgbox2 { margin:-5px 0 10px 100px } .settingBox .msgbox .profImg { margin-top:-10px; } .settingBox .msgbox .profImg img { border:2px solid #d4d4d4 } .settingBox .msgbox big { font-size:14px; } .settingBox .msgbox span { font-size:11px; color:#8f8f8f; } .settingBox .msgbox span img { margin-right:5px; } .captcha input { width:190px; } .settingBox .twtbox { padding:0; width:440px; line-height:28px; } .settingBox .twtbox img { float:left; margin:0 5px 0 0 } .settingBox .twtbox input { width:130px; height:27px; margin-right:8px } .settingBox .twtbox span { background:#30cbff; padding:5px 8px 5px 8px; font-size:10px; color:#333; border:1px solid #00a0d5; margin:1px 0 0 0px; line-height:12px; } .contentForm label.captchaMsg { margin-top:70px } .chkListHdng .button, .contentForm input.button, input.button1, input.button2, input.button3 { border:1px solid #999; padding:0; float:none; background:url(../images/button_bg.png) repeat-x; font:normal 14px Arial, Helvetica, sans-serif; color:#333; padding:3px 10px; height:29px; cursor:pointer; margin:10px 0 5px 0; opacity:0.8;filter:alpha(opacity=80); padding-top:0; padding-top:3px\9 } .twiTbtn { margin:5px 5px 0 0 } input.button1 { height:35px; } .chkListHdng .button { padding:1px 8px 4px 8px; padding:2px 8px\9; height:24px; font-size:12px; font-weight:normal; float:right; margin:0px 0 -2px 0; width:85px; } input.button:hover {opacity:1;filter:alpha(opacity=100); } .content h2 { font:normal 16px Arial; } .settingBox input.button { float:left; margin:7px 8px 0 0 } input.button1 { text-transform:uppercase; background:#66aa0b; font-size:20px; border:2px solid #cccccc; padding:2px 18px 6px 18px; color:#fff; padding:4px 18px\9 } input.button2, input.button3 { background:#66aa0b; font-size:14px; border:2px solid #cccccc; padding:0px 10px; color:#fff; height:32px; } input.button3 { margin:0 0 0 5px; padding:1px 8px 2px 8px; height:22px; font-size:12px; border-width:0px; padding-bottom:0\9; } .statusList .linkRt input.button3 {width:70px; padding:0px 0 2px 0} input.button2:hover, input.button1:hover, input.button3:hover { background:#5f9f09 } .signinForm label.errmsg, .signinForm label.okmsg { width:290px; } h2.fblogin { position:absolute; margin:-25px 0 0 245px; width:380px; font:normal 17px Arial; } h2.fblogin img { margin:-4px 0 4px 8px; position:absolute; } .thatsuBox input.button2 { *margin:0 0 -5px 0; *width:120px; margin:0 } .contentHome .searchBoxLarge input { width:270px; } .contentForm input.txtFld1 { padding:2px 2px 2px 5px; height:18px; width:200px; margin:0 0 0 10px } /*------------e o form --------------*/ .padBox { padding:40px 10px 10px 40px; font-size:12px; } .padBox1 { padding:0 46px; } .fbBox { margin:40px 65px 10px 47px; background: url(../images/fb-bg.jpg) no-repeat #2a5c97 0 0; padding:30px 35px; font-size:14px; color: #fff; min-height:215px; } .fbBox a { color:#2ea7ff; } .fbBox h1 { font-size:30px; margin-bottom:15px; } .fbBox input.txtFld, .fbBox input.button { *margin-left:-45px; } .fbBox input.button { *margin-right:46px; font-size:14px; } .fbBox input.txtFld { width:198px; } .fbBox select { width:210px; } .fbBox .small { font-size:11px; } .fbBox .chk1 { margin:2px 5px -2px 0 } .shoutBox1 .title { width:550px; font-size:22px; padding:5px 0 } .shoutBox1 .letterCount { width:68px; font-size:26px; color:#aaa; text-align:right; padding:2px 0; height:30px; } .shoutBox1 .letterCount img { margin:8px 2px 0 0; } .shoutBox1 textarea { font:normal 14px Arial; color:#444; border:1px solid #c0c0c0; padding:6px; height:45px; width:604px; *width:601px; margin-bottom:5px; } .shoutBox1 .buzz { width:438px; word-wrap:break-word; padding-right:40px; } .shoutBox1 .buzz { color:#666 } .shoutBox1 .buzz strong { color:#333 } .shoutBox1 .buzzButton { height:31px; width:140px; text-align:right } .addTags { padding:5px 0px 0 15px; } .addTags p, .addTags h3 { margin:0; padding:5px 0; } .shoutBox1 .buzzButton input, .addDrink .button, .addTags .button { width:108px; height:31px; border:1px solid #cccccc; background:url(../images/button_bg.png) repeat-x; cursor:pointer; font:normal 14px Arial; color:#acacac; padding:0 0 2px 0; text-align:center; padding:0\9 } .addDrink .button, .addTags .button { border-color:#ccc; color:#888; width:80px; } .addDrink .button { margin:0 1px 0 0 } /*Home */.addDrink .button { margin:0 -8px 0 0 } .addTags .button { width:35px; font-size:12px; margin:0 5px; height:26px; } .addTags .loading { margin:8px 0 0 0 } .addTags .button.dis { border-color:#eee; color:#ccc; cursor:text; height:25px; } .rightBox4 .addTags ul { list-style:none; width:210px; margin:0; padding: 0 0 0px 0; float:none; display:block; } .rightBox4 .addTags ul li { max-width:210px; word-wrap:break-word; background:#fff; margin:0; padding:3px 4px; float:left; margin: 1px; *float:none !important; display:inline !important; *line-height:25px; } .rightBox4 .addTags ul li.invisibleTag { display:none !important; } .addTags .textfield, .addTags .button { margin:5px 2px 0 0; } .shoutBox1 .buzzButton input.chk { width:15px; height:15px; border:0; background:none; padding:0; float:left; position:absolute; margin:7px 0 0 -47px; [margin:7px 0 0 -47px; margin:7px 0 0 -15px;]; *margin:7px 0 0 -47px; } /*.shoutBox1 .buzzButton:hover input, */.shoutBox1 .buzzButton.on input { color:#999; } .shoutBox1 .buzzButton a img { margin:4px 2px 0px 0; float:left } .shoutBox1 .buzzButton a.dis img { margin:4px 2px 0px 5px; } .stItemBox .shoutBox1 .title { width:470px; font-size:14px; padding-top:15px; } .stItemBox .shoutBox1 { margin:10px 0 } .stItemBox .shoutBox1 textarea { width:524px; } .stItemBox .shoutBox1 .buzz { width:358px; } .stItemBox .quizComments .shoutBox1 .title { width:325px; padding-left:5px } .stItemBox .quizComments .shoutBox1 textarea { width:378px; margin-left:5px } .stItemBox .quizComments .shoutBox1 .buzz { width:259px; padding-left:5px; } .stItemBox .quizComments .shoutBox1 .buzzButton { width:108px; } .fbquizColumn .stItemBox .quizComments .shoutBox1 .title { width:505px; padding-left:0px } .fbquizColumn .stItemBox .quizComments .shoutBox1 textarea { width:560px; margin-left:0px } .fbquizColumn .stItemBox .quizComments .shoutBox1 .buzz { width:440px; padding-left:0px; } .fbquizColumn .stItemBox .quizComments .shoutBox1 .buzzButton { width:108px; } .commentBox2 { margin-top:10px; width:538px; } .commentBox2 h2 { margin-bottom:4px } .margR { margin-right:3px; } /* .sideBox1 { margin:0px 0 15px 0; font-size:12px; } .sideBoxComp { padding:0 20px; } .sideBox1 h2 { margin:0 0 0 0; padding:3px 5px 5px 10px; border-bottom:2px solid #add272; border-top:2px solid #add272; font-size:18px; font-weight:normal; color:#323232 background:#cfeaa4; font-weight:normal; } .sideBoxComp h2 { padding-left:0; background:none; color:#777; padding-bottom:4px; border-bottom-color:#949494; } .sideBox1 h2.grn { background:#ecffcd; border-bottom-color:#c7d9aa } Home div.sideBox1{ margin-top:42px; } Added by SachinK for alignment of widgets 'Add New Drink' on Landing pages .sideBox1 h2.prpl { background:#f0f2fa; border-bottom-color:#d2d7f3 } .sideBox1 h2.invite { padding-top:7px; } .sideBox1 h2.invite img { margin: -3px 0 3px 10px; } .sideBox1 h2.invite span { width:90px; } .sideBox1 h2.linkHeading { background:url(../images/bullet2.gif) no-repeat 5px 8px #fff; padding-left:25px; border-bottom-width:0; } .sideBox1 h2.subtitle { font-size:22px; width:200px; } Home .sideBox1 h2.subtitle2 { width:200px; } .sideBox1 ul { margin-right:15px; }*/ .addTags ul li.msgEmpty { background:none; font-weight:normal ; padding:0; height:1px; } /*.sideBoxComp ul li { background:none; padding-left:0; }*/ .sideBox1 ul.top5 li { padding:4px 0 4px 35px; background:none} .sideBox1 ul.top5 li span { float:left; height:18px; width:23px; background:url(../images/top5-red-bg.png) no-repeat; font-size:11px; color:#fff; padding:0px 0 0 5px; line-height:15px; margin: -1px 0 0 -29px; } .addTags ul li a.close, .msgbox a.close { display:inline-block; background:url(../images/icons.png) no-repeat -19px -167px #fff; width:12px; height:12px; margin:0 0 -2px 0; *margin:-2px 0 2px 0 } .addTags ul li a.close:hover, .msgbox a.close:hover { background:url(../images/icons.png) no-repeat -1px -167px #3c88bf; } .msgbox a.close { margin-left:3px; } .sideBox1 p { padding:0px 5px 8px 8px ; } .fanListImg { padding:11px 0 0 13px; } .fanListImg a { width:50px; height:50px; margin:2px 0px 0px 2px; text-align:center; float:left; background:#fff; *margin-bottom:-11px; } .addTags .message { background:#ffebeb; border:1px solid #ff7272; clear:both; padding:5px 10px; color:#000; max-width:200px; word-wrap:break-word; display:inline-block; } .sideBox1 h3 { padding:0; margin:20px 0 5px 0; font-size:14px; font-weight:normal } .sideBox1 h3.subtitle { color:#307db5; font-weight:bold; } .addDrink { padding:3px 8px; } .share a img { float:right; margin:3px 3px 0 0 } .share .fbActive { display:inline; margin:-6px 0 6px 0; } .share .fbActive a { float:left; margin:0 2px 0 0 } .share .fbActive a.like { margin:-5px 3px 5px 0 } .share .fbActive a img { float:none; margin:1px 2px -1px 0; } .share { font-size:11px; font-family:tahoma; } .replyBox { padding:0 18px; font-size:24px; } .replyBox .profImg { padding-bottom:15px; border-bottom:1px dotted #afafaf; margin-bottom:15px; } .replyBox .profImg img { margin: 0 15px 0 0; float:left } .replyBox .profImg span { font-size:18px; } .leftLinks { width:185px; margin:0 0 0 -10px; border-bottom:1px solid #d9d9d9; } .leftLinks li { list-style:none; } .leftLinks li a { font-size:14px; color:#333; padding:10px 0px 10px 50px; display:block; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; background-color:#f4f3f4; background-repeat:no-repeat; background-position:18px 6px } .leftLinks li a.gmail { background-image:url(../images/gmail.gif) } .leftLinks li a.yahoo { background-image:url(../images/yahoo.gif) } .leftLinks li a.aol { background-image:url(../images/aol.gif) } .leftLinks li a.wlive { background-image:url(../images/windows.gif) } .leftLinks li a.on {background-color:#fff; text-decoration:none } .inviteBox { width:480px; margin-left: 55px; } .inviteBox .statusList .statusMast { font-size:12px; width: 300px; padding:0 } .inviteBox .chk { float:left; margin:6px 5px 0px 0; padding:0; *margin:2px 5px 0px 0 } .inviteBox .chkList { padding:4px 4px 6px 4px; } .inviteBox .chkListHdng { padding:8px 4px 10px 4px; } .inviteBox .chkListHdng span { float:left; width:205px; *width:195px; padding:2px; margin:3px 0 0 0; text-align:right } .inviteBox .chkListHdng .loading { position:absolute; margin:7px 0 0 195px; *margin-left:145px } .inviteBox .chkListHdng label { float:left; font-weight:bold; padding:4px 10px 0 0px } .messageBox { background:#f4f3f4; padding:20px; font-size:14px; margin:-19px -4px 10px -4px } .messageBox1 { margin:15px 0 -20px 0; font-size:11px; font-weight:normal; padding:10px } .myBarBoxinner h2 { margin:-20px 0 20px 0; font-size:14px; } .inviteBox .loading { margin:90px 0 90px 200px } .nsiBox { border:2px solid #66aa0b; padding:15px 15px 5px 15px; font-size:16px; } .alertBox h2, .nsiBox h2 { font-size:26px; font-weight:normal; padding-bottom:10px } .nsiBox input { margin:0 } .static { font-size:14px; padding:20px 120px 20px 20px ; margin-right:18px; color:#3d3d3d; min-height:300px; } .static h1 { margin:0 -30px 10px -30px; padding:0 0 6px 30px; font-size:24px; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #d2d0d0 } .static1, .static2 { padding-right:280px } .static1 { background:url(../images/logo1.png) no-repeat 620px 80px; } .msg_head { margin:0; padding:0 0 10px 0; color:#005b9d; cursor:pointer } .msg_body { margin:-5px 0 15px 0; padding:0 } .static h2 { font:bold 17px Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0} .tour { margin:40px 40px 0px 25px; font-size:14px; } .tour .imgBox { width:36%; } .tour .txtBox { width:63% } .tour h2 { margin:0 0 15px 0; padding:0; font:bold 24px Arial, Helvetica, sans-serif; } .addDrink .error, .tagBox .error, .imgBox1 .error, h1.error { color:#c60000 } .tagBox .loading { float:left; margin:13px 0 0 10px } .addDrink .error { display:block; padding:0 0 4px 0; font-size:10px; } .inviteForm th { text-align:left; color:#686868 } a.home { margin:3px 15px 0px 0; background:url(../images/home_sprite_img1.png) no-repeat -150px -65px; float:right; height:20px; width:20px; } .browseQimage { text-align:left; padding-left:100px; } .browseQimage .error, .browseQimage label { text-align:left; display:block; font-size:12px; padding:3px 0; } .imgBox .loading2 { margin-top:85px; } .tagBox .error { font-weight:normal; display:block; padding:2px 0 } /*----------------- popup--------------*/ #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; z-index:1; } #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:310px; width:480px; background:#FFFFFF; z-index:2; padding:15px 0; -moz-border-radius: 15px; -webkit-border-radius : 15px; } .regBox { background:#f7f7f7; margin:8px 0 0 0; padding:15px; } .buzzBox { min-height:880px; } .rtEditLink { text-align:right } .rtEditLink a, .rtEditLink span { float:right } .rtEditLink a.edit { padding:2px 7px; font-weight:bold; font-size:12px; margin:0 0 4px 0; border:1px solid #c9d5a7 } .rtEditLink .report { color:#a7141e; padding:2px 0 0 5px; float:right } .rtEditLink span.report { background:url(../images/check3.gif) no-repeat 4px 7px; padding-left:12px; } .drnkName { font-size:14px; font-weight:bold } .addDrink .loading { float:right; margin:9px 0 0 8px; } .rtEditLink1 { border:1px solid #cddbaa; padding:5px; margin-top:10px; } .rtEditLink1 a, .rtEditLink1 span { float:left; } .rtEditLink1 a.edit { margin-top:1px; background:#e6f4d1; border:0; padding:3px 8px; } .rtEditLink1 a.edit:hover { text-decoration:none; background:#dbe7ba } .rtAdBrnd a { float:none; } .rtAdBrnd { text-align:left; font-size:12px; padding:19px 0 0 7px } .rtAdBrnd p { margin:-6px 12px 0 8px; padding:0; } .rtAdBrnd .profImg img { margin:-5px 0 2px 8px; } .contentHome .galContOuter { margin:0 0 0 20px; } .galCont { width:130px; height:125px; float:left; font-size:10px; padding:5px 3px 3px 8px; line-height:11px; margin-top:5px; margin-right:10px; } .galCont .galContPop, .galCont .galContPop:hover { position:absolute; background:#fafafa; width:101px; padding:12px; border:2px solid #e6e6e6; text-align:center; margin:-14px 0 0 1px; margin-left /*\**/: 0px\9; *margin-left:-15px; } .galCont a { display:inline-block; height:100px; width:100px; margin:3px auto } .galCont .galContPop img, .galCont img { max-height:100px; max-width:100px; margin-bottom:4px; float:none } .galCont span{ display:block } .galCount { padding:4px 0 } /* .galCont { border:2px solid #e1e1e1; width:260px; height:140px; padding-left:10px; } .galCont p { padding:0 0 7px 0; display:block; text-align:left; font-size:12px; } .galCont img { margin-right:7px; } .galCont span { padding:25px 0 0 0; }*/ Home .galCont span { text-align:left; } Home .galCont { width:185px; } a.like { background:url(../images/like.png) no-repeat 6px 4px #eceef5;display:inline-block; height:17px; width:30px; font-size:12px; padding:5px 0 0 25px; border:1px solid #cad4e7; margin:2px 0 } a.like:hover { border: 1px solid #9daac3; text-decoration:none } .glBoxHdng1, .glBoxHdng2 { border-bottom:1px dotted #afafaf; padding:15px 0 5px 5px; font-size:12px; background:url(../images/title_bg.png) repeat-x 0 bottom; margin-bottom:8px; } .glBoxHdng2 { margin-bottom:5px; } .glBoxHdng2 img { margin:0 10px 0 0 } .glBoxHdng1 strong { font-size:26px; font-weight:normal } .galImgRev { float:center ; background:#ccc; padding:7px 10px; margin-bottom:10px; font-weight:bold } .galImgRev img { margin:7px 0 0 0 } .cropImg img { max-width:546px; } .sound { padding:12px 0 0 205px; float:left } .copyrt2 { margin-bottom:10px; } .copyrt2 span { font-size:10px; display:block; border-bottom:1px dotted #d8d8d8; margin:0 0 3px 0; padding:3px } .copyrt2Msg { padding:5px; border-bottom:1px solid #eaeaea; background:url(../images/title_bg.png) repeat-x 0 bottom; } /* -------quiz-------------- */ .quiz { margin:-10px -10px 0 -9px; } .quizBoxOuter { padding:0 0 10px 20px; } .stirlings { background:url(../images/qiiz_bg1.png) no-repeat 0 -38px; width:596px; height:106px; margin-bottom:-1px; } .stirlTick { width:165px; margin:19px 5px 5px 0; font-size:12px; font-weight:bold; color:#fdd100; } .stirlTickRt { margin:0; font-weight:normal; font-size:13px; color:#444; padding:5px 0 0 10px } .stirlTickRt span { padding-top:7px;} .stirlTickRt img { margin-right:1px; margin-top:-3px } .longDrinkQz { width:340px; padding:2px 0 0 10px } .longDrinkQz a { background:url(../images/qiiz_bg1.png) no-repeat 0 -291px; display:inline-block; width:130px; height:73px; } .stirlings .badgeImg { width:70px; margin:10px 0 0 0 } .stirlTick span img{ margin:8px 1px -8px 0 } .qbg { background:url(../images/qiiz_bg1.png) no-repeat 0 -367px; font-size:20px; color:#323232; padding:0 0 0 38px; font-weight:bold; height:47px; line-height:40px; } .qbg2 { background:url(../images/qiiz_bg1.png) no-repeat 0 -169px; text-align:right; width:582px; height:32px; padding:15px 15px 0 0; } .qbg2, .qbg2 a { font-size:12px; font-weight:bold; color:#323232; } .quizBox, .stirCntWrpr { background:url(../images/qiiz_bg2.png) repeat-y; padding-bottom:15px; } .qbg span { float:left; width:51px; } .qbg .txtFld, .qbg select { border:1px solid #fff; font:normal 12px Arial; color:#0b0b0b; float:left } .qbg .txtFld { padding:2px 5px; height:17px; width:200px; margin:9px 0 0 3px } .qbg .button { float:left; width:28px; height:27px; background:url(../images/qiiz_bg1.png) no-repeat -461px -264px; border:0; cursor:pointer; margin:7px 0 0 0; } .qbg select { margin:9px 0 0 10px; padding:2px; height:24px; width:228px; } .quizBox .imgWrap { padding-left:64px; } .quizBox .imgBox1, .quizBox .imgBox { background:#000; border:6px solid #262626; border-top:0; text-align:center; width:453px; } .quizBox .imgBox { height:220px; } .quizBox .imgBox1 { background:#fff; padding:5px 0; } .quizBox .errmsg { width:441px; padding:4px 7px; background:#fff; margin:0 0 0 64px; border-left:5px solid #262626; border-right:5px solid #262626; font-size:12px; color:#f00 } .imgBox .delete, .imgBox1 .delete { display:inline-block; font-size:12px; background:#363636; width:100px; padding:4px; text-decoration:none; color:#fff; border:0; cursor:pointer; font-family:Arial; } .imgBox .delete { position:absolute; margin:0 0 0 185px; font-size:11px; padding:2px 4px; width:50px; *margin-left:-24px } .qbg3 { background:url(../images/qiiz_bg1.png) no-repeat 0 -216px; padding:4px 0 0 12px; *padding-left:22px; height:44px; } .qbg3 .txtFld { width:204px; margin-left:10px; } .qbg3 select { margin-left:13px; width:145px; padding:1px; height:23px; } .qbg3 .embLink { font-size:11px; font-weight:bold; width:124px; text-align:right } .qbg3 .embLink, .qbg3 .embLink a { color:#323232 } .quizPlay .imgBox { border:6px solid #262626; } .quizBox .imgBox .qCrtBy { position:absolute; background:#262626; margin:0; padding:0 8px 5px 0; color:#fff } .quizBox .imgBox img { max-width:440px; max-height:220px; } .quizBox .imgBox1 img { max-width:440px; } .quizTable { width:485px; font-size:14px; color:#323232 } .quizTable .wrpTxt { width:415px; word-wrap:break:word; } .quizTable td { vertical-align:top; padding-top:4px; } .quizTable input, .quizTable textarea { width:402px; border:1px solid #a9a9a9; margin-right:5px; font: normal 14px Arial; color:#323232; padding:3px 4px; height:18px } .quizTable input:focus, .quizTable textarea:focus { border-color:#000 } .quizTable textarea { height:49px; } .quizTable td.count, .quizTable td.error, .quizTable td.error1, .countRed { font-size:18px; color:#e40000; } .quizTable td.count { color:#7d7d7d; } .quizTable td.error1 { font-size:12px; } .quizTable input.radio { border:0; width:16px; height:16px; margin:0; } .stirlingCount, .bonus { width:420px; padding: 10px 40px 25px 25px; border:1px solid #edb100; background:#000; -moz-border-radius: 40px; -webkit-border-radius : 40px; font-size:20px; font-weight:bold; color:#ffde10; line-height:25px; text-align:center; margin:0px auto; } .bonus { font-size:18px; width:535px; padding:20px 15px; } .bonus .badgeImg { float:left; margin:-10px 10px; } .galMsg1 { background:#f2ffdd; border-color:#b7e077; border-width:2px; color:#353535 } .content .galMsg1 { width:584px; margin:10px 0 0 0 } .sideBox1 .bonus .badgeImg { margin:-5px 5px } .sideBox1 .bonus { width:263px; padding:10px; font-size:15px; margin:0 } .rightColumn .bonus { width:188px; line-height:18px; } .rightColumn .galMsg1 { width:186px; line-height:18px; font-size:14px; text-align:left } .stirlingCount a { color:#fff; } .quizBox .stirlingCount { position:absolute; margin:70px 0 0 45px; width:460px; padding: 10px 15px 25px 25px; } .stirlingCount span { padding:15px 0 0 8px; width:350px; text-align:center; } .stirlingCount span.big { width:420px; } .stirlingCount img { margin: 0px 0 -13px 0 } .stirlCntTop { margin-right:27px; text-align:right } .stirlCntTop .profImg { float:left; margin:0 10px 4px 0 } .stirlCntTop a.name { float:left; font-size:12px; padding-top:15px; } .stirlCntTop a.rtLink { display:inline-block; padding:17px 0 0 5px } .stirlCntTop a img { float:right; margin:10px 4px 0 0 } .stirlCntTop .profImg a img { float:none; margin:0 } .stirCntTxt { background:#ebebeb; padding:7px; font-size:12px; font-weight:bold } .stirlCntTop { padding:0 0 5px 4px } .qShare { background:url(../images/qiiz_bg1.png) no-repeat; padding:10px; margin:0 15px -1px 0px; height:18px; padding-left:20px;} .qShare .share1 { float:right; padding-right:15px; font-size:12px; } .stItemBoxQuiz .share { margin-right:25px; } .qShare .fbLike { margin:-2px 0px 0 5px; } .qShare .addthis_button_more { font-weight:normal; line-height:15px; } .quizPlay { margin-bottom:-3px; } .embBox, .tagBox { border:1px solid #181818; border-top:0; background: url(../images/shadow1.png) repeat-x #f5f5f5; padding:12px 8px; margin:-5px 17px 0 11px; font-weight:bold; width:556px } /*.contentHome .stItemBoxQuiz .embBox, .contentHome .stItemBoxQuiz .tagBox { margin-right:47px; }*/ .tagBox { text-align:left; padding:10px 3px 10px 30px; width:539px } .tagBox ul { width:500px; } .tagBox ul li { list-style:none; padding: 2px 4px; float:left; background:#fff; border:1px solid #ccc; margin-right:2px; font-weight:normal; max-width:500px; word-wrap:break-word; margin-bottom:2px; *float:none; *display:inline; *line-height: 23px; } .tagBox img { margin:-3px 3px 3px 3px } .tagBox .close, .embBox .close, .tagBox li .close:hover, .bonus .close, .bonus .close:hover { float:right; background:url(../images/icons.png) no-repeat -1px -167px #3c88bf; width:13px; height:13px; margin:0; *margin:-2px 0 2px; } .tagBox .close:hover, .embBox .close:hover, .tagBox li .close, .bonus .close { background:url(../images/icons.png) no-repeat -19px -167px #fff; } .tagBox li .close, .tagBox li .close:hover { margin-left:2px; float:none; display:inline-block; } .bonus .close, .bonus .close:hover { margin-right:-10px; margin-top:-15px; } .tagBox .close:hover img, .embBox .close:hover img { background:#fff } .tagBox input { width:300px; float:left; padding-top:3px; padding-bottom:2px; margin:0; padding-top:5px\9; margin-top:5px } .tagBox input.button4 { background:#363636; border:0; padding:0; width:88px; height: 27px; cursor:pointer; color:#fff; padding-bottom:3px; padding:0\9; margin:6px 0 0 5px; text-align:center; } .imgBox1 .delDis, .tagBox input.subDis { background:#ccc; color:#666; cursor:default } .embBox input { float:left; } .embBox input.txtFld { font:normal 11px Arial; color:#696969; padding:2px; height:14px; width:315px; border:1px solid #a3a3a3; margin: 2px 4px 0 0 } .embBox input.button11 { height:24px; width:100px; background:url(../images/qiiz_bg1.png) no-repeat -139px -291px; cursor:pointer; border:0; margin: 2px 4px 0 0; font:bold 11px arial; color:#333; padding-bottom:6px; } .embBox input.dis1 { color:#999; cursor:text; background:url(../images/qiiz_bg1.png) no-repeat -139px -324px; } .embBox span { color:#31ba04; line-height:23px; } .fbQuizTabs { background:#edeff4; border-bottom:1px solid #d8dfea; padding:37px 0 0 30px; height:27px; } .fbQuizTabs ul{ list-style:none; *margin-top:-30px; } .fbQuizTabs li a{ background:#d8dfea; font-size:12px; padding:4px 10px; margin:4px 0 0 2px; font-weight:bold; } .fbQuizTabs li a.on { border:1px solid #d8dfea; border-bottom:0; background:#fff; padding:6px 10px; margin:0 2px -1px 0; color:#333; text-decoration:none } .quizComments { width:398px; margin:10px 10px 0 15px; } .fbquizColumn .quizComments { width:574px; margin:10px 0 0 11px; } .quizComments .statusList, .editHistory .statusList, .contrItemBox .statusList .statusMast { padding:10px 5px; font-size:12px; } .editHistory .statusList { word-wrap:break-word; } .quizRtBar { width:155px; margin:-7px 0 0 0 } .quizRtBarInr { background:#f5f5f5; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; margin:18px 0; } .fbquizColumn .quizRtBarInr { border:1px solid #000; border-top:0; } h2.comments { font-size:18px; padding:5px; } .commentBox { padding:5px; } .revButton { border:1px solid #d6d6d6; float:right; font-size: 11px; padding-bottom:2px; color:#196c98; background:#fff; cursor:pointer } .statusList .revButton { display:none } .statusList:hover .revButton { display:block } .editHistory span.caption, .editHistory .profImg { margin:6px 4px 0 0 } .addQues { display:block;background:url(../images/qiiz_bg1.png) -546px -264px no-repeat #b3d10a; padding:6px 10px 5px 60px; font-size:12px; color:#323232; font-weight:bold; } .addQues:hover { text-decoration:underline } h2.quizTitle { background:#f5f5f5; border-bottom:2px solid #d4d4d4; padding:4px 5px; margin-right:5px; } h2.quizTitle, .quizUser{ font-size:18px; color:#000; } .contentHome .stItemBoxQuiz h2.quizTitle { margin-right:27px; } .fbquizColumn h2.quizTitle { margin:10px 23px 0 10px; } .quizUser { margin:10px 0 0 15px; width:260px; } .fbquizColumn .quizUser { width:277px; } .quizUserBox { border:1px solid #ccc; background:#eee; margin:10px 0 0 0; padding:10px 5px; font-size:11px; font-weight:normal; height:57px; } .quizUserBoxEmpty { font-size:12px; text-align:center; background:#fff; font-weight:normal; } .fbButton, .fbButton:hover { display:inline-block; background:#637bad; font:bold 11px tahoma; border:1px solid #29447e; padding:4px 10px; color:#fff; text-decoration:none; margin:5px 0 0 0 } .quizUserBox span.num { padding:10px 0; width:25px; font-size:18px; } .quizUserBox .profImg { margin:3px 5px 0 0 } .followSmall { padding:6px 8px; margin:0; background:#fff; float:left; width:102px; margin:10px 8px 0 0; font-size:12px; color:#307db5; font-weight:bold; cursor:pointer; text-align:center } .followSmall span { padding-right:5px; } .followSmall:hover { text-decoration:none; background:#f8f8f8 } .contrItemBox .badgeImg { width:100px; height:100%; } .contrItemBox .badgeImg img { max-width:100px; max-height:100px; } .contrItemBox .statusList .statusMast { margin:0; padding:0 } .subTabs { list-style:none; border-bottom:1px solid #d3d3d3; padding-left:10px; height:23px; } .subTabs li a { float:left; font:normal 12px Arial; color:#555; padding:4px 10px; border:1px solid #d3d3d3; border-bottom:0; } .subTabs li a.on, .subTabs li a.on:hover { background:url(../images/subtab_bg.gif) no-repeat center 24px #1c669c; border:0; padding-top:5px; color:#fff; padding-bottom:9px; cursor:default; text-decoration:none } .subTabs1 { padding:12px 0; } .subTabs1 a { float:left; padding:3px 7px; margin: 0 5px 0 2px; } .subTabs1 a.on, .subTabs1 a.on:hover { display:inline-block; background:#005b9d; color:#fff; text-decoration:none; padding:3px 12px; } .subTabs1 a.top5 { margin-left:50px } .badgesTitle { font-size:20px; padding:2px 10px; font-weight:bold } .badges { padding:12px 40px 10px 60px; font-size:14px; } .badges img, .badgeStalone .badgeImgs img, .rtBox1Inr img { max-height:59px; max-height:59px; margin-right:8px; } .badges img { margin-bottom:5px; } .badgeImgs img { margin-bottom:7px; } .badgeStalone { padding:20px 30px 0 30px; font-size:20px; } .content .badgeStalone h2 { font-size:28px; font-weight:bold; } .stsBox { color:#5a5858; margin:5px 10px 50px 0 } .stsBox span { width:450px; } .stsBox .profImg, .badgeStalone .badgeImgs { margin:5px 10px 0 0 } .curPontr { cursor:pointer } .badgeStalone .badgeImgs a:hover, .badges a:hover { text-decoration:none; } .rtBox2 { padding:0 10px 10px 10px; font:bold 9px tahoma; } .rtBox1 h2 { background:#000; padding:5px 7px; font-size:16px; color:#ffd400; font-weight:bold; } .rtBox2 h2 { background:#bebebe; border-bottom:1px solid #000; font-size:14px; padding:5px 7px; color:#000; margin:2px -10px} .rtBox1 .profDtl { padding:10px; font-size:12px;} .rtBox1 .profImg { margin:-5px 5px 0 0 } .rtBox1Inr { width:135px; margin:20px auto } .rtBox1Inr .big { font-size:12px; display:block; padding:5px 0 } .rtBox1Inr .sml{ font-size:10px } .rtBox1Inr h3 { font:normal 14px Arial; color:#000; padding:3px 0; border-bottom:1px solid #000 } .rtBox1Inr h3 a{ font-size:10px; float:right; padding-top:3px } .rtBox1Inr img { margin:5px 5px 0 0 } .rtBox2 img { border:1px solid #4f4f4e; margin:10px 0 2px 0 } .grBox1 { background:#e8e8e8; padding:5px; width:125px; text-align:center; font-size:12px; color:#323232; font-weight:bold; margin: 5px auto 0 auto } .grBox1 span { display:block; font-size:16px; color:#000; padding:2px 0 0 0; } .sideBox1 .grBox1 { float:left; margin:0 0 0 6px } a.grBox1 { cursor:pointer } .grBox1:hover { text-decoration:none } .emptyMsg { padding:6px; font-size:12px; } .fbquizColumn .emptyMsg { margin-left:10px; } /*img.yes { margin-top:-6px; } img.no { margin-top:-2px } */h2.winnings a:hover { text-decoration:none; } .joinFan { height:22px; font-size:10px; text-transform:uppercase; text-align:right; padding:8px 5px 0 0; float:right; } .joinFan img { float:right; margin: -5px 0 0 5px } .alertBox { border:2px solid #2a5c97; padding:10px 15px; margin:5px 0 0 0; font-size:14px; color:#444; } .alertBox span { font-size:11px; } .alertBox .button2 { background:#3468a5; margin-top:0; } .alertBox .button2:hover { background:#2a5c97 } .fbFooter { padding:10px 20px; font-size:12px; } .fbFooter span { float:right; font-size:11px; } .fbFooter span a.txtlink { padding-left:15px; } .fbFooter span.copyrt { display:block; border-top:1px solid #ccc; float:none; text-align:right; margin:4px -10px; padding:4px 8px; } .innerFormBox { border:1px solid #d9d9d9; background:#f4f4f4; padding:10px; margin: 1px 0; } .contentForm .innerFormBox label.captions { font-size:12px; width:105px; padding-top:9px } .contentForm .innerFormBox input.txtFld { font-size:12px; height:18px; padding:2px 2px 4px 2px; margin-top:5px; width:250px; } .contentForm .innerFormBox label.msg { width:140px; } .contentForm .innerFormBox .button { font-size:12px; height:25px; padding-bottom:3px; } .historyBox { width:48%; padding-right:2%; padding-bottom:5px } .atclear { display:none !important; } .user_dflt, .drink_dflt, .quiz_dflt { display:inline-block; width:50px; height:50px; background-image:url(../images/default_images.png); background-repeat:no-repeat } .drink_dflt { background-position:-100px 0 } .user_dflt { background-position:-100px -50px } .quiz_dflt { height:100px; width:100px; } .inviteFriends { background:#fff; border:1px solid #c2c4c3; margin:0px 10px 30px 10px; padding:10px; -moz-border-radius: 10px; -webkit-border-radius : 10px; } .inviteFriends strong { margin:-10px -10px 0 -10px; font-size:14px; padding:10px 10px 9px 10px; display:block; color:#5f6366; background:#eeedeb; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright : 10px; -webkit-border-top-right-radius : 10px; } .inviteFriends a { display:inline-block; margin:15px 0 10px 0; height:26px; background:url(../images/invite_bg.png) no-repeat 0 26px; } .inviteFriends a.gmail { background-position:0 0 ; width:55px; } .inviteFriends a.yahoo { background-position:-62px 0 ; width:44px; } .inviteFriends a.msn { background-position:-112px 0 ; width:28px; } .inviteFriends a.aol { background-position:-144px 0 ; width:60px; } /*-------------------- curves ------------------*/ .bannerHeader, .mainTabs li a, .rightBox2 span.name, #footer { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .bannerHeader, .mainTabs li a, .bannerHeader .right, .rightBox2 span.lovetotaste , #footer { -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; } .rightBox2 span.name { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius : 5px; } .rightBox2 span.lovetotaste { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius : 5px; } #header button, #header .linksMast, .stItemBox, .mainColumn , input.button1, .fbBox, .moreLink, input.button2, .messageBox, .nsiBox, .myBarBox1, .galCont .galContPop , .bonus, .rtEditLink1, .statusList .myBar {-moz-border-radius: 5px; -webkit-border-radius : 5px;} div.drinkStat a.becomeFan, .shoutBox1 .buzzButton input,.addDrink .button, .addTags .button, .linkBox1 a, input.button3, .unfollow, .paging div a, .paging div p , .settingBox .twtbox span, .addTags .message, .rtEditLink a.edit, a.like, .revButton, .followSmall , .tagBox input.button4, .imgBox1 .delete, .alertBox, .contentForm .innerFormBox .button, .subTabs1 a.on , .contentForm input.button, .thatsu .unfollow1, .thatsu .sendMsg1 {-moz-border-radius: 3px; -webkit-border-radius : 3px;} .flag {-moz-border-radius: 1px; -webkit-border-radius : 1px;} body { background-image: url(../images/bg.png); background-repeat: no-repeat; background-position:center 0; background-attachment: fixed; background-color:#000; margin: 0; font:normal 12px Arial, Helvetica, sans-serif; color:#444; word-wrap:break-word; } body.default { background-image: url(../images/bg.png); background-repeat: no-repeat; background-position:center 0; background-attachment: fixed; background-color:#000; } body.tile { background-repeat:repeat; background-attachment: fixed; background-position:left top; } body.fixed { background-repeat:no-repeat; background-attachment: fixed; background-position:left top; } a { text-decoration:none; color:#005b9d; } a:hover { text-decoration:underline; } a img { border:0 } a:focus, input:focus, button:focus { outline:0 !important } .clear { clear:both; height:0px; line-height:0px; font-size:1px; } .clrCrm { display:inline; [display:inline; display:none;]; *display:inline } .clrie8 { display /*\**/: none\9; *display:inline } .mainColumn, .rightBox1 {-moz-border-radius: 5px; -webkit-border-radius : 5px;} .hSearchMast .search, .button, .buttonLink, .statusList .myBar .small .unfan, .thatsu .unfan {-moz-border-radius: 3px; -webkit-border-radius : 3px;} .homeBanner, .homeBanner1 { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; } .homeBanner, .rightColumn, .homeBanner1 { -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; } #header { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius : 5px; } .rightColumn, #header { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius : 5px; } .rightColHome { -moz-border-radius-topright : 0px; -webkit-border-top-right-radius : 0px; } .fbquizColumn .homeBanner1 {-moz-border-radius: 0px; -webkit-border-radius : 0px;} .rightTabs ul, .rightTabs ul li, .searchBoxLarge p { margin:0; padding:0; } .textfield, select { font:normal 14px Arial, Helvetica, sans-serif; color:#444; padding:3px; border:1px solid #aaaaaa; height:26px; } .textfield { padding:0px 0 0 6px; height:24px; padding-top:4px\9; height:20px\9 } .button { background:url(../images/button_bg.png) repeat-x; border: 1px solid #cccccc; font:normal 14px Arial, Helvetica, sans-serif; color:#888; padding:6px 10px; cursor:pointer; margin:0 } #header, .mainColumn, #footer { width:900px; margin:0 auto; background:#fff; } #header { border-bottom:4px solid #e4e4e4; margin-bottom:5px; } .logo { width:105px; height:71px; margin:20px 10px 0px 0px; border-bottom:12px solid #fff; border-left:20px solid #fff; background:url(../images/landing_images.png); cursor:pointer; float:left } .homeBanner1 .logo { background-position:0 -266px; background-color:#000; height:77px; margin:14px 0 0 5px; padding:0 10px 0 0; border-bottom:19px solid #000; border:0; } .hBannerArea, .hSearchArea { margin-left:135px; height:70px; text-align:right } .hSearchArea { height:33px; } .hSearchMast { background:#f8f8f8; float:right; border:1px solid #f0f0f0; border-bottom:0; padding:4px 0 0 8px; height:28px; } .hSearchMast .links { margin-right:260px; display:inline } .hSearchMast .textfield { font-size:11px; height:19px; padding:1px 2px 1px 5px; color:#909090; width:235px; display:inline-block ; margin:0 5px; padding-top:3px\9; height:17px\9 } .hSearchMast td a { display:inline-block; margin-top:-7px; display:inline } .hSearchMast td img { margin:0px 0 -5px 0; } .hSearchMast .search, .searchBoxLarge button { border:0; background:url(../images/landing_images.png) no-repeat -39px -73px; height:23px; margin:0 5px 0 0; width:23px; border:1px solid #aaaaaa; display:inline-block; cursor:pointer; } .hSearchArea a { padding: 0 7px 0 2px } .headerLinks { padding:25px 5px 0 0 } .headerLinks a { float:right; font-weight:bold; margin-left:10px; } .headerLinks a.fb, .headerLinks a.twitter { height:22px; width:21px; background:url(../images/landing_images.png) 0 -71px; margin-top:-3px; } .headerLinks a.twitter { background-position: -22px -70px; width:15px; } .mainColumn { border:0; margin:0 auto; } .mainColumn td { vertical-align:top } .homeBanner { background:url(../images/home_banner.jpg) no-repeat; height:65px; text-align:right; padding:85px 5px 0 0; width:895px; margin: 0 auto} .homeBanner input { background:url(../images/landing_images.png) no-repeat 0 -98px; border:0; height:50px; width:133px; cursor:pointer; } .homeBanner input.invite { background-position: 0 -148px } .homeBanner1 { background:url(../images/home_banner2.jpg) no-repeat #000; height:147px; padding:0 0 0 4px; } .homeBanner1 .bnrLeft { width:447px; margin:15px 55px 0 25px; background:#000; min-height:94px ; padding:0px; font-size:16px; font-weight:bold; color:#c6c6c6; } .homeBanner1 .bnrRight{ width:285px; background:#1c1c1c; padding:8px 25px 0px 25px; min-height:134px; text-align:center; color:#919191; margin:0 0 0 34px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; } .homeBanner1 button, .fbquizColumn .homeBanner1 .bnrRight a { background:url(../images/landing_images.png) no-repeat 0 -198px; height:34px; width:105px; border:0; margin:5px 15px; cursor:pointer; font:bold 13px Arial; color:#ffffff; padding-bottom:4px; } .homeBanner1 button.learn { background-position:0 -232px; } .homeBanner1 .subtitle { display:block; font:bold 18px Arial; color:#bed517; margin-bottom:5px; } .homeBanner1 .bnrLeft .subtitle { font-size:20px; text-transform:uppercase; } .fbquizColumn .homeBanner1 .bnrLeft { margin:14px 0 0 0; } .fbquizColumn .homeBanner1 .bnrRight { font-size:11px; width:174px; background:#000; padding:64px 0 0 0; min-height:28px; margin: 14px 0 0 10px; } .fbquizColumn .homeBanner1 .bnrRight a { display:inline-block; margin:4px; width:70px; font-size:10px; padding:0; background-position: 0 -343px; height:14px; padding: 3px 0 7px 0; } .fbquizColumn .homeBanner1 .bnrRight a.learn { background-position:0 -367px; } .fbquizColumn .homeBanner1 .bnrRight a:hover { text-decoration:none; } .fbquizColumn .topLinks { padding:8px; text-align:right } /*rightbar*/ .rightColumn { width:240px; border-left:2px solid #a7d164; background:#b9e279; padding-bottom:20px; } .rightBox1 { background:#d2f1a3; border:1px solid #a8d265; margin:30px 10px 10px 10px; color:#353535; padding:10px; } .rightBox1 .textfield, .rightBox1 select { margin-top:5px; width:195px; } .rightBox1 .textfield { width:189px; } .rightBox1 .button { margin-top:5px; *margin-right:-2px; } .rightBox,/* .rightTabs, */ .rightBox1 { margin-bottom:30px; } .rightTabs ul { border-top:1px solid #a7d164; } .rightTabs ul li { list-style:none; cursor:pointer; background:#d2f1a3; border-bottom:1px solid #a7d164; padding-right:3px; display:block; } .rightTabs ul li a { display:inline-block; padding:7px 0px 7px 15px; width:205px; } .rightTabs ul li:first-child { border-top:0; } .rightTabs ul li strong { float:right; margin-right:12px; } .rightTabs ul li:hover { background:#e1f7c0 } .rightTabs ul li.on { background:#fff; font-weight:bold; } .rightTabs ul li a:hover { text-decoration:none } .rightTabs ul li.on a { color:#353535 } .rightBox1 strong { font-size:14px; display:block; padding-bottom:3px; } .rightColumn .shareBox { background:#fff; padding:7px 6px 6px 8px; margin-bottom:1px; } .rightBox2 { padding:20px 15px 15px 15px; font-size:11px; display:block; } .rtSubTtl { font-size:18px; font-weight:bold; margin-bottom:5px; padding-right:20px; } .rtSubTtl ul { width: } .rtSubTtl a.txtLink, .rtSubTtl a.txtLink:hover { width:180px; word-wrap:break-word; float:left; color:#444; text-decoration:none; overflow:hidden } .rightBox1 .error{ font-size:11px; color:#f00} .rightBox3 { padding: 2px 15px; color:#333; word-wrap:break-word; margin-bottom:15px; margin-top:-22px } .rightBox3 p { margin:0; padding: 0 0 13px 0; } .rightBox3 p { width:203px; word-wrap:break-word; overflow:hidden } .rightBox3 .edit { position:absolute; margin:-10px 0 0 205px; } .rightBox3 strong { padding-right:4px; } .rightBox3 .small { font-size:11px; } .more { padding:0 15px; line-height:16px; } .rightBox4 { margin:0px 0 30px 0; font-size:12px; } .rightBox4 h2 { margin:0 0 0 0; padding:3px 5px 5px 10px; border-bottom:1px solid #999 ; border-top:1px solid #999 ; font-size:18px; font-weight:normal; color:#323232; background:#cfeaa4; font-weight:normal; } .rightBox4 ul { margin: 7px 0 0 27px; } .rightBox4 ul li { padding:4px 0 2px 2px; color:#888; line-height:13px; } .rightBox4 ul li.msgEmpty { background:none; padding:0; height:1px; } .rightBox5 { padding:0 10px; margin-bottom:15px; } .rightBox5 h2 { font:normal 14px Arial; color:#000; border-bottom:1px solid #a1c46b; padding:6px 0; margin:0 } .rightColumn .badgeImgRt { padding-top:13px; } .rightColumn .badgeImgRt span, .rightColumn .badgeImgRt a, .rightColumn .badgeImgRt img { float:left; margin-right:5px; margin-bottom:5px; } .rightColumn .badgeImgRt a img { margin:0; } .rightBox5 .fanListImg { padding:11px 0 0 0; } .rightBox5 .fanListImg a { margin:0 2px 2px 0; } .rightColumn .rightBox4 .badgeImgRt { padding:10px 10px 0px 15px; } .rightColumn .rightBox5 .badgeImgRt { padding-left:4px; } .rtSubTtl { width:180px; } .editItemLink { float:right; width:16px; height:16px; background:url(../images/icons.png) no-repeat -17px -119px #fff; margin:4px 0px 0 0; } .rtSubTtl .editItemLink { margin: 5px 0 0 200px; position:absolute; } .rightBox3 .editItemLink { margin:0 -10px 0 0; } .rightTabs ul li a.editItemLink { display:inline; padding:0; width:16px; margin:7px 0 0 -4px; } .editItemLink:hover { background-position:0px -119px; background-color:#3c88bf; } .rightBox4 h2 .editItemLink, .rightBox2 .rtSubTtl .editItemLink, .rightTabs li .editItemLink, .rightBox3 .editItemLink { display:none;} .rightBox4 h2:hover .editItemLink, .rightBox2:hover .rtSubTtl .editItemLink, .rightTabs li:hover .editItemLink, .rightBox3:hover .editItemLink, .rtSubTtl1 .editItemLink, .rtSubTtl1:hover .editItemLink, .rightTabs li .editItemLink1, .rightBox4 h2 .editItemLink1, .rightBox3 .editItemLink1 { display:inline-block; } .rightColumn .small { font-size:11px;} .rtColBlue { background:#d1e4f1; border-color:#94c9eb; } .rtColBlue .rightTabs ul li, .rtColBlue .rightTabs ul { background:#ddedf9; border-color: #94c9eb; } .rtColBlue .rightTabs ul li:hover { background:#e6f5ff; } .rtColBlue .rightBox4 h2 { background:#e6f5ff; border-color: #d4d4d4 ; } .rtColBlue .rightTabs ul li.on { background:#fff; font-weight:bold; } .rtColBlue .rightTabs ul li a:hover { text-decoration:none } .rtColBlue .rightTabs ul li.on a { color:#353535 } .rtColBlue .rightBox5 h2 { border-color:#b3d7ee } .rtColBlue .rightBox1 { background:#e6f5ff; border-color: #94c9eb; } .rtColBlue .dispPicLanding { border-color:#94c9eb; } .rtColBlue .rtProfImgBox { border-bottom-color: #94c9eb } .rtColWhite { background:#fff; border-color:#fff; } .rtColPrpl { background:#e8e8e8; border-color:#c2c2c2; } .rtColPrpl .rightTabs ul li, .rtColPrpl .rightTabs ul { background:#f3f3f3; border-color: #c2c2c2; } .rtColPrpl .rightTabs ul li:hover { background:#e0e0e0; } .rtColPrpl .rightBox4 h2 { background:#f0f0f0; border-color: #c2c2c2; } .rtColPrpl .rightTabs ul li.on { background:#fff; font-weight:bold; } .rtColPrpl .rightTabs ul li a:hover { text-decoration:none } .rtColPrpl .rightTabs ul li.on a { color:#353535 } .rtColPrpl .rightBox5 h2 { border-color:#c2c2c2 } .rtColPrpl .rightBox1 { background:#f0f0f0; border-color: #c2c2c2; } .rtColPrpl .dispPicLanding { border-color:#c2c2c2; } .rtColPrpl .rtProfImgBox { border-color: #c2c2c2 } /*--------------*/ .rtProfImgBox { margin-bottom:30px; border-bottom:1px solid #a7d164; } .rtProfImg { height:300px; display:table-cell; vertical-align:middle; width:240px; text-align:center; background:#fff; *display:inline-block } .rtProfImgBox img { max-height:300px; max-width:240px; } a.changePicture { position:absolute; background:#fff; height:20px; width:85px; font-size:9px; line-height:20px; padding-left:5px; margin-left:150px; } a.changePicture span { float:right; background:url(../images/icons.png) 0 -120px #3c88bf; height:16px; width:16px; margin: 2px; cursor:pointer } a.changePicture:hover span { background-position:-18px -120px; background-color:#fff; } .sublink { float:right; font-size:11px; } h2 .sublink { margin-top:5px; } .rtTopStripe { background:url(../images/inner_img1.png) no-repeat 100% 0; font:normal 11px Arial; line-height:22px; color:#fff; float:left; padding: 0px 17px 4px 10px; margin:-20px 0 10px -15px } .rtProfImgBox .changePicture1 { display:none; } .rtProfImgBox:hover .changePicture1 { display:inline-block; } .flag { float:right; width:16px; height:16px; background: url(../images/icons.png) no-repeat -34px -119px #ccc; cursor:pointer; margin:4px 5px 0 3px } .flag:hover { background-color:#999 } .rightBox2 .flag { margin:-14px -6px 0 0; visibility:hidden } .flag.on { background-color:#ab0000; cursor:default;} .copyrt2 .flag, .statusList .flag, .quizTable .flag { height:14px; width:14px; margin:2px 0 0 0; background-position:-36px -120px } .statusList .flag { visibility:hidden; } .statusList:hover .flag { visibility:visible } .quizTable .flag { margin:0 0 0 4px; } .quiz .statusList .flag { margin-top:17px; } .rightBox2:hover .flag { visibility:visible } .dispPicLanding { height:300px; width:240px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; border-bottom:1px solid #a7d164; float:left } .dispPicLanding .wrapper { position:absolute; height:288px; width:228px; border:0px solid #fff; cursor:pointer } .dispPicLanding .featured { position:absolute; background:#000; font-size:14px; font-weight:bold; color:#ffffff; display:block; width:240px; line-height:30px; padding:6px 0; margin:258px 0 0 0; z-index:19001; opacity:0.7;filter:alpha(opacity=70); cursor:pointer } .dispPicLanding img { margin /*\**/: -5px\9; } .followBox { float:left; font-size:12px; width:100px; } .followBox a, .followBox span { display:block; } .followBox span { font-weight:bold; color:#000; } div.stirlCntRt { padding-top:7px; height:10px; } .stirlCntRt span { float:right; } div.stirlCntRt span { margin-top:-7px; } .followBox1 { padding:15px 0; } /*rightbar*/ /*content*/ .content { width:618px; padding:15px 20px 50px 20px; } .contentBig { width:880px; padding:0 0 30px 20px; } .contTitle { border-bottom:1px dotted #888; font-size:20px; font-weight:bold; color:#333; padding:7px 0 } .statusList:hover, .searchBoxLarge { background:#f8f7f7; display:block } .searchBoxLarge { padding:20px 5px 12px 5px; list-style-type:0; } .searchBoxLarge p { font-size:11px; color:#777; padding:3px 8px; } .searchBoxLarge .big { font-size:17px; font-weight:bold; color: #898989; padding:5px 10px } .searchBoxLarge button { height:26px; width:26px; background-position: -39px -73px; border-left:0; } .searchBoxLarge .textfield { width:300px; } .searchBoxLarge select { width:225px; }/**/ .myBar { background:url(../images/button_bg.png) repeat-x 0 -30px; padding:8px 15px; height:17px; margin-bottom:15px; } .myBar a, .myBar span { margin-right:10px; font-weight:bold; padding-top:1px; } .myBar a { width:12px; height:16px; padding:0; background:url(../images/icons.png) no-repeat 50px 0; cursor:pointer } .myBar a.top5.on, .myBar a.top5:hover { background-position: 0 -20px; } .myBar a.top5 { background-position:0 0px; width:50px } .myBar a.tasted.on, .myBar a.tasted:hover { background-position:-38px -60px } .myBar a.lovetotaste, .myBar a.tasted { background-position:0px -60px } .myBar a.lovetotaste.on, .myBar a.lovetotaste:hover { background-position:-19px -60px } .myBar a.tasted_beer, .myBar a.lovetotaste_beer { background-position:0 -40px; width:14px; } .myBar a.tasted_beer:hover, .myBar a.tasted_beer.on { background-position:-36px -40px } .myBar a.lovetotaste_beer:hover, .myBar a.lovetotaste_beer.on { background-position:-18px -40px } .myBar a.tasted_wine, .myBar a.lovetotaste_wine { background-position:0px -100px; width:10px; } .myBar a.tasted_wine:hover, .myBar a.tasted_wine.on { background-position:-40px -100px } .myBar a.lovetotaste_wine:hover, .myBar a.lovetotaste_wine.on { background-position:-20px -100px } .myBar a.tasted_cocktails, .myBar a.lovetotaste_cocktails{ background-position:0px -80px; width:16px; } .myBar a.tasted_cocktails:hover, .myBar a.tasted_cocktails.on { background-position:-34px -80px } .myBar a.lovetotaste_cocktails:hover, .myBar a.lovetotaste_cocktails.on { background-position:-17px -80px } .statusList .myBar { position:absolute; margin: 7px 0 0 295px; border:1px solid #e0e0e0; width:295px; padding:6px 6px 6px 10px; display:none; *margin-left:-215px; } .statusList .myBar1 { border:0; background:none; margin:30px 0 0 50px; *margin-left:-458px } .statusList .myBar1 span { font-weight:normal; color:#333; } .statusList .myBar2 { width:auto; margin: 32px 0 0 0; right:36%; } .statusList .myBar .small { font-size:11px; float:left; font-weight:normal; margin:0 2px 0 0px } .statusList .myBar .small a { width:70px;font-weight:normal; background:none; margin:0; margin:0 0 0 2px } .statusList .myBar .small .fan { background:url(../images/icons.png) -37px -139px no-repeat; font-weight:normal; padding-left:14px; float:left } .statusList .myBar .move { width:35px; font-weight:normal; font-size:11px; color:#005b9d; } .statusList .myBar .move a, .subTabs1 a.top { float:none; background:url(../images/icons.png) -200px -156px no-repeat; width:11px; height:11px; display:inline-block; margin:0 0 0 4px } .statusList .myBar .move a img { margin:2px 0 -2px 0px; } .statusList .myBar .move a.up { background-position:0 -156px; } .statusList .myBar .move a.down { background-position:-18px -156px; } .statusList .myBar .small .unfan, .thatsu .unfan, .thatsu .unfollow1, .thatsu .sendMsg1 { width:17px; background:url(../images/icons.png) no-repeat 0 -140px; height:16px; border:1px solid #b0b0b0; margin-left:10px; margin-top:-1px; cursor:pointer } .thatsu .unfan, .thatsu .unfollow1 , .thatsu .sendMsg1 { display:inline-block; margin:4px 0 -4px 3px; } .subTabs1 a.top { padding:0px; float:left; background-position:0 -212px; margin-top:3px; } .thatsu .unfollow1 { background-position:0 -196px; } .thatsu .unfollow1:hover { background-position:-17px -196px; } .thatsu .sendMsg1 { background-position:0 -180px; } .thatsu .sendMsg1:hover { background-position:-17px -180px; } .statusList .myBar .small .unfan:hover, .thatsu .unfan:hover { background-position:-17px -140px; border-color:#999; } .statusList:hover .myBar { display:block; } .statusList .statusMast .myBar { position:relative; display:block; width:50px; margin:5px 0 0 0; background:none; padding:0; border:0; float:left } .statusList .statusMast .myBar a { float:none; display:block; margin:auto } .statusList .statusMast .title2 { width:390px; margin:5px 0 0 10px } .rowEven, .rowEven:hover { background:url(../images/title_bg.png) repeat-x 0 bottom; } .rowOdd , .rowOdd:hover { background-color:#fff; background-image:none; } /*--paging-- some xtra classes to remove---*/ /*--paging-- some xtra classes to remove---*/ /* -------quiz-------------- */ /* -------quiz-------------- */ .divider1 { border-bottom:1px dotted #afafaf; height:1px; } .badgeImg img, .profImg img{ max-height:50px; max-width:50px; } .buttonLink { display:inline-block; background:#66aa0b; font-size:12px; font-weight:bold; padding:4px 11px 5px 11px; font-weight:bold; text-align:center; color:#fff; } .buttonLink:hover { text-decoration:none; background:#5f9f09 } .buttonLink1 { font-size:11px; font-weight:normal; } /*mainTabs*/ .contStatic { width:788px; padding:0px 55px 40px 55px } .mainTabs { list-style:none; margin:35px 0 0px 15px; height:28px; margin-bottom:1px\9 } .mainTabs li a { font:normal 14px Arial; color:#555; background: #f4f3f4; margin:0 2px 0 0; border:2px solid #d9d9d9; padding:5px 18px; padding-bottom:6px\9; } .mainTabs li.last a { margin:0; } .mainTabs li a.on, .mainTabs li a.on:hover { background: #fff; color:#000 ; border-bottom:0px; padding:6px 18px; padding-bottom:7px\9 } .mainTabs li a:hover { text-decoration:none; background: #ecebec; color:#333 } .inviteBox1 { border:2px solid #d9d9d9; padding:25px 10px; margin:0 0 0 0; } .spacer { margin-top:30px; } /*content*/ #footer { margin-top:5px; } #footer ul { list-style:none; width:400px; margin:10px 0 0 5px; } #footer ul li { padding: 0px 8px 0px 8px; border-left:1px solid #c9c9c9 } #footer ul li:first-child { border-left:0; } #footer div { padding: 10px; } #footer div.copyrt { font-size:11px; color:#aaaaaa; float:right } #footer ul li a.on { color:#444; text-decoration:none } .rowEven .linkRt, .rowOdd .linkRt { display:inline } .rowEven:hover .linkRt, .rowOdd:hover .linkRt { display:none } .rowEven .linkRt1, .rowOdd .linkRt1 { display:inline } .rowEven:hover .linkRt1, .rowOdd:hover .linkRt1 { display:inline } .rowEven .linkRt1 .editItemLink, .rowOdd .linkRt1 .editItemLink { visibility:hidden; margin:0 0 0 5px; } .rowEven:hover .linkRt1 .editItemLink, .rowOdd:hover .linkRt1 .editItemLink { visibility:visible; margin:0 0 0 5px; } .emptyMyBar, .emptyMyBar:hover { background:#fff; font-size:14px; padding:10px 20px 20px 20px } .stirlings .badgeImg img{ max-width:60px; max-height:60px; } .rightColumn .galMsg1 img { float:left; margin:-10px 5px 0 0 } .rightColumn .galMsg1 span { text-align:left; float:left; width:110px; margin:5px 0 0 0 } .contentFB, .rightBarFB { float:left; } .contentFB { width:590px; padding:15px 0 0 10px; } .rightBarFB { width:156px; }