/* ----------------------------------------------- 51mike new page for PK by Odie Robin @2007-8-11 ----------------------------------------------- */ @import url("../base.css"); body{text-align:center; background:white url(http://i.51mike.com/pk/v1/page_bg.jpg) repeat-x;font-size:12px; } h1{font-size:150%;} h2{font-size:120%;} h3{font-size:110%; background-image:transparent url(http://i.51mike.com/pk/v1/pagebg_0811.png) repeat-x center 0px;} h4{font-size:110%;} /*links*/ a:link{color:#008fd5;color:#328ae7;/*#009bd0; text-decoration:underline;*/} a:visited{color:#333;/*text-decoration:underline;*/} a:hover{color:#ec6811;} a:active{color:#ec6811;} #header a:link,#header a:visited{color:#333;text-decoration:none;} a.musicLink{background:transparent url(http://i.51mike.com/pk/v1/ui/Music.gif) no-repeat left top; line-height:16px; padding-left:20px;} a.userLink{background:transparent url(http://i.51mike.com/pk/v1/ui/User.gif) no-repeat left top; line-height:16px; padding-left:20px;} a.help{width:16px; height:16px;cursor:help; position:relative; background:transparent url(http://i.51mike.com/pk/v1/ui/help2.gif) center center no-repeat; line-height:16px;} a.help span{visibility:hidden;} /*the award system*/ a.theAward{text-indent:-9999px; display:block; float:left; margin:0 2px 0 0 ;} a.theAward:hover{} a.moneyPKNo1{width:16px; height:16px; display:block;} a.moneyPKNo1,a.moneyPKNo1:hover{background:transparent url(http://i.51mike.com/pk/v1/ui/awardPKStarGold.gif) no-repeat left center;} a.moneyPKNo2{width:16px; height:16px; display:block;} a.moneyPKNo2,a.moneyPKNo2:hover{background:transparent url(http://i.51mike.com/pk/v1/ui/awardPKStarSliver.gif) no-repeat left center;} a.moneyPKNo3{width:16px; height:16px; display:block;} a.moneyPKNo3,a.moneyPKNo3:hover{background:transparent url(http://i.51mike.com/pk/v1/ui/awardPKStarBronze.gif) no-repeat left center;} a.dailyChoosen{width:16px; height:16px; display:block;} a.dailyChoosen,a.dailyChoosen:hover{background:transparent url(http://i.51mike.com/pk/v1/ui/dailyMVStar.gif) no-repeat left center;} /*the rating system*/ .star-rating{list-style:none;margin: 0px;padding:0px;width: 150px;height: 30px;position: relative; background: url(http://i.51mike.com/pk/v1/ui/rating_star.gif) top left repeat-x; } .star-rating li{padding:0px;margin:0px;/*\*/float: left;/* */} .star-rating li a{display:block;width:30px;height: 30px;text-decoration: none;text-indent: -9000px;z-index: 20; position: absolute;padding: 0px;} .star-rating li a:hover{background: url(http://i.51mike.com/pk/v1/ui/rating_star.gif) left center;z-index: 2;left: 0px;} .star-rating a.one-star{left: 0px;} .star-rating a.one-star:hover{width:30px;} .star-rating a.two-stars{left:30px;} .star-rating a.two-stars:hover{width: 60px;} .star-rating a.three-stars{left: 60px;} .star-rating a.three-stars:hover{width: 90px;} .star-rating a.four-stars{left: 90px;} .star-rating a.four-stars:hover{width: 120px;} .star-rating a.five-stars{left: 120px;} .star-rating a.five-stars:hover{width: 150px;} .star-rating li.current-rating{position: absolute;height: 30px;/*width:105px;*/display: block;text-indent: -9000px;z-index: 1; background: url(http://i.51mike.com/pk/v1/ui/rating_star.gif) left bottom;} /*standard form*/ .normalForm{font-size:14px;} .normalForm input,.normalForm textarea{ width: 150px; padding: 1px; color: #333; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} .normalForm legend{margin: 1em 0;padding: 0 .5em; color:#246fdc;color: #008fd5;background: transparent;font-size: 1.1em; font-weight: bold;} .normalForm fieldset{margin: 1em 1em 0 1em; border: none;border-top: 1px solid #ccc;} .normalForm #fm-submit {clear: both;padding-top: 1em;text-align: center;} .normalForm #fm-submit input { border: 1px solid #333; padding: 2px 1em; background: #f1f1f1;font-weight:bold;color: #008fd5; font-size: 100%;} .normalForm p.fm-req {font-weight: bold;} .normalForm p select {padding: 1px;} .normalForm .fm-radio input{width:14px; border:none;} /*the data chooser*/ #basis {display:inline;position:relative;} #calender {position:absolute; top:30px; left:0;width:220px;background-color:#fff;border:3px solid #ccc;padding:10px;z-index:10;} #control {text-align:center; margin:0 0 5px 0;} #control select {font-family:"Lucida sans unicode", sans-serif; font-size:11px; margin:0 5px; vertical-align:middle; } #calender .controlPlus {padding:0 5px;text-decoration:none; color:#333;} #calender table { empty-cells: show; width:100%; font-size:11px; table-layout:fixed; } #calender .weekdays td{text-align:right; padding:1px 5px 1px 1px; color:#333;} #calender .week td {text-align:right; cursor:pointer; border:1px solid #fff; padding:1px 4px 1px 0;} #calender .week .today { background-color:#ccf; border-color:#ccf; } #calender .week .holiday {font-weight: bold;} #calender .week .hoverEle {border-color:#666;background-color:#99f;color:#000;} #calender .week .lockday{color:#ccc; background:red;cursor:default;} .hidden{display:none;} .hideLayer{position: absolute;top: 0;left: 0;width: 100%;background: black;z-index: 97;display: none; height:500px; color:black;} .inner{ position: absolute;z-index: 100; padding: 6px 12px;width: 416px; top: 0;left: 0;text-align: left; background: white url(http://i.51mike.com/pk/v1/wbg.jpg) repeat;} .inner a.closeThis{width:66px; height:22px; background-image:url(http://i.51mike.com/pk/v1/ui/closethis.jpg); background-repeat:no-repeat; float:right; margin-right:5px; text-indent:-9999px; margin-top:-5px;} .inner a.closeThis:link,.inner a.closeThis:visited{background-position:left top;} .inner a.closeThis:hover{background-position:left bottom;} #mikeNoticeInner {background:white url(http://i.51mike.com/pk/v1/login_notice.gif) 20px 20px no-repeat; height:130px; color:black;} #noticeForLogin{margin-left:100px; margin-top:30px;} #noticeForLogin h5{margin:5px 0 0 15px; font-size:14px;} a.noticeBTN{ text-decoration:none;font-size:14px; font-weight:bold; text-align:center; display:block; float:left; margin-top:20px; width:130px; height:35px; line-height:30px;background-image:url(http://i.51mike.com/pk/v1/ui/glass_btn2.jpg);} a.noticeBTN:link,a.noticeBTN:visited{background-position:left top;background-repeat:no-repeat; color:white;text-decoration:none;} a.noticeBTN:hover{background-position:left bottom;color:white;text-decoration:none;} /*content holder*/ #wrapper{ margin:0 auto; width: 1000px; text-align:left; } /*site header*/ #header{height:150px; background:none; position:relative; background:transparent url(http://i.51mike.com/pk/v1/newyear/header_bg.gif) right top no-repeat;/*for newyear*/ } #siteInfo{ width:300px;position:absolute;top:41px; left:34px;/*for xmas*/ top:35px; } #siteInfo img#siteLogo{display:none;} #siteInfo h1 a{width:189px; height:52px; display:block; float:left; text-indent:-9999px; background:transparent url(http://i.51mike.com/pk/v1/new_logo_link5.gif) top left no-repeat;}/*title_logo_blue.jpg*/ #siteInfo h1 a{width:202px; height:52px; display:block; float:left; text-indent:-9999px; background:transparent url(http://i.51mike.com/pk/v1/newyear/new_logo_link5.gif) top left no-repeat;}/*for newyear*/ #siteInfo h2{display:none;} #header ul{display: block;} #header li{display: inline;} ul#userMenu{position:absolute; top:3px; right:75px; padding-left:10px; border-right:1px solid #eee; background:transparent url(http://i.51mike.com/pk/v1/new_submenubgleft.jpg) left bottom no-repeat;} ul#userMenu li{ border:solid black; border-width:0 1px 0 0px;padding:0 5px; line-height:26px; } ul#userMenu li a:link,ul#userMenu li a:visited{color:#333;} #header li a:hover{ text-decoration:underline;} ul#userMenu li a:hover{color:black;} ul#userMenu li#userBTNFeedback{/*padding-right:10px;border:none;*/} #live76221{position:absolute; top:3px; right:10px; width:65px; line-height:26px;text-align:center; background:transparent url(http://i.51mike.com/pk/v1/new_submenubgright2.jpg) right bottom no-repeat;} #live76221 a:link,#live76221 a:visited{color:#333;} #live76221 a:hover{text-decoration:underline;color:black;} ul#siteMenu{line-height:31px;font-size:14px; *width:600px; position:absolute; top:97px; left:20px; } ul#siteMenu li{float:left; text-align:center;} ul#siteMenu li a:hover,ul#siteMenu li a.now:link,ul#siteMenu li a.now:visited{color:#db803b; color:#246fdc; text-decoration:none; border-bottom:1px dotted #246fdc;} #searchArea{width:280px;line-height:32px;position:absolute; top:103px; right:0px; text-align:right; color:#666;} #searchArea input{color:#ccc;/*background:transparent url(http://i.51mike.com/pk/v1/ls_input.png) left top; height:23px; width:220px;*/} #searchArea input.systemDefault{color:#ccc;} #searchArea input.userInput{color:black;} #searchArea #pks-submit{width:100px; background:none;border-top: 1px solid #ccc; color:black; border-left: 1px solid #ccc; border-bottom: 1px solid #555; border-right: 1px solid #555;} #sitePromotion{position:absolute; left:280px; top:35px; width:460px;} #sitePromotion .thePromotion{ display:block; float:left; } #sitePromotion .thePromotion a{background-image:url(http://i.51mike.com/pk/v1/thebuttons.jpg); display:block; height:45px; text-indent:-9999px; background-repeat:no-repeat;} #helpPromotion a{width:139px;} #helpPromotion a:link,#helpPromotion a:visited{background-position:left top;} #helpPromotion a:hover{background-position:left -44px;} #creatPromotion a{width:132px;} #creatPromotion a:link,#creatPromotion a:visited{background-position:-139px top;} #creatPromotion a:hover{background-position:-139px -44px;} #downPromotion a{width:189px;} #downPromotion a:link,#downPromotion a:visited{background-position:right top;} #downPromotion a:hover{background-position:right -44px;} /*main*/ #main{ padding:0 15px; text-align:center;} .tabBox{display:block; margin:15px auto; width:850px; height:140px; background:transparent url(http://i.51mike.com/pk/v1/tabboxbg_orange.jpg) no-repeat;} #homepage .tabBox{background:transparent url(http://i.51mike.com/pk/v1/sponsorPKbodybg.jpg) left bottom no-repeat;} #tabControl{height:25px; margin-top:4px;} #homepage #tabControl{height:28px; line-height:25px; margin-top:0; background:transparent url(http://i.51mike.com/pk/v1/tabboxtitlebg_grey2.jpg) left top no-repeat;} #tabControl ul{ font-weight:bold;} #homepage #tabControl ul{margin-top:4px; margin-left:5px;} #tabControl li{display:inline;float:left; width:170px; line-height:25px; font-size:13px; } #tabControl li a{display:block; width:170px;text-decoration:none;} #tabControl li a:link,#tabControl li a:visited{color:white;} #homepage #tabControl li a:link,#homepage #tabControl li a:visited{color:#333;} #tabControl li a:hover{text-decoration:underline;} #tabControl li.now{background:transparent url(http://i.51mike.com/pk/v1/tabtitlebg.jpg) no-repeat;} #homepage #tabControl li.now{background:transparent url(http://i.51mike.com/pk/v1/tabtitlebggrey2.jpg) no-repeat;} #tabControl li.now a:link,#tabControl li.now a:visited{color:black; } #homepage #tabControl li.now a:link,#homepage #tabControl li.now a:visited{color:#246fdc; } #tabControl li.now a:hover{color:#ff7700;} #homepage #tabControl li.now a:hover{color:#246fdc;} #theTabs{} .oneTab{margin-top:5px;} .oneTab h3{display:none;} .oneTab li{display:block; float:left; width:100px; margin:0 5px; } .oneTab li img{width:80px; height:60px; border:1px solid #ccc; padding:1px;} .oneTab li dl dd{margin:2px 0; } .oneTab li dd.musicSongName,.oneTab li dd.musicUserName{height:14px; overflow:hidden; width:100px;} .oneTab li dd.musicAward{padding-left:10px;} .oneTab li dd.musicDate{color:#999;} /*for tabbox roll the video init*/ .oneTab{display:none;} #tab1{display:block;} #sponsorTab{width:850px; margin:15px auto 15px auto; background:#f3f3f3; height:180px; *height:180px; clear:both; background:transparent url(http://i.51mike.com/pk/v1/sponsorPKbodybg.jpg) left bottom no-repeat;} *+#sponsorTab {height:200px;} #sponsorTab h3{height:28px; text-align:left; color:#246fdc; line-height:24px; text-indent:15px; font-size:14px; background:transparent url(http://i.51mike.com/pk/v1/sponsorPKheadbg2.jpg) left top no-repeat;}} #sponsorPKs{margin-top:10px;} #sponsorPKs li{display:inline; float:left; width:100px; margin:0 5px; } #sponsorPKs li img{width:80px; height:60px;} #sponsorPKs li dd.sponsorPKName,.oneTab li dd.sponsorPKAward{height:18px; overflow:hidden; line-height:18px;} #sponsorPKs li dd.sponsorPKAward strong{color:red;} #sponsorPKs li dd.sponsorPKDes{height:50px; _height:48px; *height:48px; overflow:hidden; color:#999; padding:3px;} #sponsorPKs li dd.sponsorPKDes em{margin:2px;font-style:normal; font-size:12px; _font-size:11px; line-height:13px;} /*onlineOK */ .onlineContainer{width:850px;margin:15px auto;} .onlineOK{width:698px;display:block;float:left;border:1px solid #ccc;background:#f3f3f3 url(http://i.51mike.com/pk/v1/sponsorPKheadbg2.jpg) right top no-repeat;} .onlineOK h3{height:28px;text-align:left;color:#246fdc;line-height:24px;text-indent:15px;font-size:14px;} .onlineOK span{float:right;margin-top:-20px;} .onlineOK span a{width:50px;padding:0 10px;color:#000;text-decoration:underline;} .onlineOK span a:hover{color:#EC6811;text-decoration:none;} .onlineOK span a.onlineOKLine{border-right:1px solid #000;} .onlineOK ul{ margin:5px 0;} .onlineOK li{width:130px;margin:0 4px;display:inline;float:left;} .onlineOK dt a:hover{border:1px solid #ccc;} .onlineOK li img{width:100px;height:75px;padding:1px;} .onlineOK li dd{height:18px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .newUpdateSong{width:140px;float:right;border:1px solid #ccc;background:#F7F7F7;} .newUpdateSong h4{color:red;border-top:1px solid #FFF;height:24px;line-height:24px;display:block;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DEDEDE,endColorStr=#F7F7F7);} .newUpdateSong ul{margin:0 5px;} .newUpdateSong li{width:130px;height:24px;line-height:24px; text-align:left;} .newUpdateSong li span.newSongName{width:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;} .newUpdateSong li span.newSongSinger{width:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;} .commentsArea{width:850px; margin:15px auto; border:1px solid #ccc; text-align:center;/* background:#eeece8;*/background:white; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #555; border-right: 1px solid #555;} .commentsArea h4{height:20px; border-bottom:1px solid #ccc; color:black; line-height:20px; text-indent:15px; background:#e3e3e3 url(http://i.51mike.com/pk/v1/btn_bg_03.png) repeat-x center center;} .thought{position:relative; border:1px solid #ccc;padding:16px 16px 12px 8px;word-wrap:break-word; min-height:80px; _height:80px; text-align:left; border-left-width:66px !important;margin:8px; } .thought span.commentAuthor{font-size:14px; font-weight:bold; margin-left:8px;} .thought span.commentAuthor img.commentAvatar{position:absolute; left:-58px; top:8px;width:50px; height:50px;} .thought span.commentTime{font-size:10px; letter-spacing:-1px; margin-left:8px;} .thought div.commentBody{margin-top:20px; margin-left:8px;} .thought span.commentDelete{position:absolute; bottom:8px; left:8px; left:-58px;} .thought span.commentReply{position:absolute; bottom:25px; left:8px; left:-58px;} .thought span.commentDelete a,.thought span.commentReply a{letter-spacing:2px;padding:3px;} .thought span.commentDelete a:hover,.thought span.commentReply a:hover{background:#333;} input.formBTN{font-size:110%; width:10ex; _width:12ex; margin:5px;} .reply{margin-left:70px;border-right-width:66px !important; border-left-width:1px !important; } .reply span.commentAuthor img.commentAvatar{position:absolute;left:auto; right:-58px; top:8px;width:50px; height:50px;} .reply span.commentAuthor{text-align:right;} .commentsArea .YCtagfenye{background:#f3f3f3;border-top:1px solid #ccc;width:400px; margin:0 auto; text-align:center; padding:4px; /*border:1px solid #ccc;background:#ccc;*/ } .commentWriter{width:500px; margin:8px auto; } .commentWriter form{margin-top:10px;} .commentWriter textarea{width:100%;height:150px; } .pageInfo{height:30px; width:850px; margin:15px auto 0px auto; line-height:30px; _padding-top:4px; clear:both;border-top:1px dotted #ccc; /*background:transparent url(http://i.51mike.com/pk/v1/btn_bg_02.png) repeat-x center 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #555; border-right: 1px solid #555;*/} .pageInfo h4{display:none;} .pageInfo input{width:180px; margin:0 8px 0 0;padding:1px; border:1px solid #ccc; color:#666; font-size:10px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} /*homepage*/ #topContainer{width:850px; margin:5px auto 15px auto;} .pkContainerBig{display:block; float:left; width:700px; height:400px; margin-bottom:15px;} #pkContainerHome{} .pkContainerSmall{} #dailyMV{display:block; float:right; height:380px;*height:380px;background:#f6f6f6; background:transparent url(http://i.51mike.com/pk/v1/dailyMVbg.jpg) left top no-repeat;} #dailyMV h3{display:none;} #dailyData{font-size:16px; text-align:center; margin:45px 0 15px 0; letter-spacing:2px;} ##dailyData a{text-decoration:none;} #dailyData em{font-size:14px; font-style:normal;} #dailyMV #dailyMVSmall{width:105px; border-right:1px solid #cecfd3;height:380px;} #dailyMVSmall a{width:92px; display:block; margin:41px auto 0 auto;} #dailyMVSmall a:hover{background:#cdcdcd;} #dailyMVSmall a:hover img{border:1px solid #ccc;} #dailyMVSmall a img{width:80px; height:60px; margin:3px; border:1px solid #f1f1f1;} #dailyMV #dailyMVBig{display:none;} #dailyMVBig a#dailyMVGoSmall{display:block; float:right; width:16px; height:16px; background:transparent url(http://i.51mike.com/pk/v1/ui/compose.gif) center center no-repeat; margin:8px; text-indent:-99999px;} #dailyShow{height:230px;} .dailyShowBox{} .dailyShowBox img{width:200px; height:150px; padding:1px; border:1px solid #e3e3e3;} .dailyShowBox p{margin:5px 0 5px 5px;} .dailyShowBox p a{display:block; text-align:left;} .dailyShowBox p span{display:none;} #dailyControl{background:#e3e3e3;height:20px;} #dailyControl ul{width:205px; margin:0 auto;} #dailyControl li{display:block;float:left; width:40px; line-height:20px; } #dailyControl li a{display:block; width:40px;} #dailyControl li a:hover{background:#f3f3f3; color:black;} #dailyControl li.now{background:#f3f3f3;border:solid #ccc; border-width:0px 1px 0px 1px} #dailyControl li.now a{color:black;} /*for daily MV roll the video init*/ .dailyShowBox{display:none;} #dailyShow1{display:block;} /*the pk page*/ #thePKArea{width:850px; margin:0 auto 10px auto; } #PKLogoDes{width:120px; float:right; height:150px;border:1px solid #ccc;} #PKLogoDes .PKLogo{margin:8px auto;} #PKLogoDes .PKLogo h3{margin:4px auto;width:110px;overflow:hidden;height:14px} #PKLogoDes .PKLogo a{ } #PKLogoDes .PKLogo a img{width:90px; height:68px; } #PKLogoDes .PKDes{margin-bottom:10px; } #PKLogoDes .PKDes p{margin:auto 10px;height:100px; overflow:hidden;} #PKLogoDes .PKDes p img{display:none} #PKLogoDes .PKDes a.PKMoreDesLink{display:block;width:80px; border:1px solid #333;background:#ccc; } #PKMoreDesInner{text-align:center;} #PKMoreDesInner .PKLogo{margin:18px auto;} #PKMoreDesInner .PKLogo h3{margin:18px auto; font-size:130%;} #PKMoreDesInner .PKLogo img{width:320px; height:240px;} #PKMoreDesInner .PKDes{} #PKMoreDesInner .PKDes p{margin:10px 5px;} #PKControl{display:block; clear:both;margin:4px auto 0; text-align:left; position:relative; height:120px; } #PKControl .pkInfo{margin:3px 0 10px 10px;; display:block; width:650px; height:78px;clear:both; } #PKControl .pkInfo dl{} #PKControl .pkInfo dl dt{font-size:14px; font-weight:bold; border-bottom:1px dotted #ccc; display:block; margin:3px 0;padding:2px;} #PKControl .pkInfo dl dd{position:relative; float:left; width:200px; line-height:20px; height:20px;} #PKBtns{width:120px; top:-150px; left:705px; position:absolute; } #thePKend #PKBtns{top:0px; left:520px;} #PKBtns ul{margin-left:10px;} #PKBtns li{display:block; float:left;;width:130px; line-height:30px; margin:auto 5px;} a.PKBTN{ text-decoration:none;font-size:14px; font-weight:bold; text-align:center; display:block; width:130px; height:35px;background-image:url(http://i.51mike.com/pk/v1/ui/glass_btn2.jpg);} a.PKBTN:link,a.PKBTN:visited{background-position:left top;background-repeat:no-repeat; color:white;text-decoration:none;} a.PKBTN:hover{background-position:left bottom;color:white;text-decoration:none;} #PKControl .pageInfo{position:absolute; top:85px; left:10px; background:none; border:none; width:650px; border-top:1px dotted #ccc; padding-top:5px;} #PKComments{width:700px; float:left; margin-left:60px;*margin-left:30px;} *#PKComments .commentWriter textarea{width:434px;} #thePKEndArea{width:720px; margin:0 auto;background:#eeece8; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #555; border-right: 1px solid #555;} #thePKEndArea #PKLogoDes{display:block; width:700px; height:auto; float:none; margin:auto; border:none; } #thePKEndArea .PKLogo img{width:auto; height:auto;} #thePKEndArea .PKLogo {display:block; float:left;} #thePKEndArea h3{width:360px; float:left; font-size:16px; float:right; margin:10px auto 3px auto; text-align:left;} #thePKEndArea .PKDes{width:360px; float:right;} #thePKEndArea .PKDes p{height:auto; width:auto; text-align:left;} #thePKEndArea #PKControl{margin:8px auto; width:700px; background:white;border-top:1px solid #ccc; padding-top:5px;} #thePKEndArea #PKControl dt{margin:5px 0;} #thePKEndArea #PKBtns{border:none; background:white;} #thePKEndArea .pageInfo{width:700px;} #thePKend #PKComments{margin:15px auto 10px auto; float:none;} #PKWinnerList{width:720px; margin:10px auto 0 auto;} .winner{ border:1px solid #ccc; margin:5px 0; display:block;background-color:white; height:180px;text-align:left; position:relative;} .waterMark{position:absolute; left:182px; top:40px; height:136px; width:161px; z-index:10; background-repeat:no-repeat; background-position:top left;} html>body .entNo1 .waterMark{background-image: url(http://i.51mike.com/pk/v1/number_water_1.png)} html>body .entNo2 .waterMark{background-image: url(http://i.51mike.com/pk/v1/number_water_2.png)} html>body .entNo3 .waterMark{background-image: url(http://i.51mike.com/pk/v1/number_water_3.png)} .entNo1 .waterMark{ background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://i.51mike.com/pk/v1/number_water_1.png");} .entNo2 .waterMark{ background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://i.51mike.com/pk/v1/number_water_2.png");} .entNo3 .waterMark{ background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="http://i.51mike.com/pk/v1/number_water_3.png");} .entNo1{border:1px solid #ecd829;} .entNo2{border:1px solid #b3c2c7;} .entNo3{border:1px solid #c5a446;} .waterMark{} .winner h4{background:#eeece8; font-size:14px; font-weight:bold; line-height:20px; border-bottom:1px dotted #ccc; padding:3px;} .winner h4 span.theReward{ margin-left:20px; font-size:12px; font-weight:normal;} .winner h4 span.moneyReward strong{color:red;} .winner img{width:160px; height:120px; margin:10px; border:3px solid white;} .entNo1 img{border-color:#ecd829} .entNo2 img{border-color:#b3c2c7} .entNo3 img{border-color:#c5a446} .winner img.userImg{width:100px; height:100px; position:absolute; top:35px; left:350px; z-index:9;} .winner dl{position:absolute; left:480px; top:40px;} .winner dt{font-size:14px; font-weight:bold;} #PKEntries{width:120px; border:1px solid #ccc; float:right; margin-top:10px; padding:3px;margin-right:60px;*margin-right:30px;} #PKEntries h4{margin:4px auto;} #PKEntries a{} #PKEntries ul{} #PKEntries li{ margin:3px auto;} #PKEntries li img{width:90px; height:68px; border:1px solid #333; padding:1px;} a#speakerBTN{display:block; width:106px; height:32px; text-indent:-9999px; background-image:url(http://i.51mike.com/pk/v1/lspeaker2.jpg); background-repeat:no-repeat;} a#speakerBTN:link,a#speakerBTN:visited{background-position:left top;} a#speakerBTN:hover{background-position:left bottom;} #PKAllEntriesInner{width:400px; } ul#showAllEntries{display:block;} ul#showAllEntries li{display:block; float:left; width:90px; height:100px; overflow:hidden; margin:3px;text-align:center; border:1px solid #ccc;} ul#showAllEntries li.onPush{border:1px solid red;} ul#showAllEntries li dd{height:14px; overflow:hidden; line-height:14px;} ul#showAllEntries img{width:90px; height:68px;} #PKJoinStyle h4{display:none;} #PKJoinStyleBtns{margin:0 auto; display:block; } a.PKJoinStyleBtn{display:block;width:140px; height:140px; position:relative; float:left; border:1px solid white; text-align:center; margin:8px 5px 0 5px;} a.PKJoinStyleBtn span{display:none;} a.PKJoinStyleBtn:hover{border:1px solid #ccc;} a.PKJoinStyleBtn:hover span{position:absolute; top:60px; display:block; left:0;background:white; width:140px; text-align:center; line-height:20px; font-weight:bold; color:#333; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80;} #fromNewSong{background:transparent url(http://i.51mike.com/pk/v1/from_new_song.gif) center 5px no-repeat;} #fromOldSong{background:transparent url(http://i.51mike.com/pk/v1/from_old_song.gif) center 5px no-repeat;} #fromNewSong:hover,#fromOldSong:hover{background-color:#f1f1f1; } /*the pk list page*/ #PKList{width:600px; float:left; margin-left:90px;_margin-left:80px;*margin-left:70px; text-align:left; margin-bottom:15px; padding-right:30px;margin-top:20px;} .onePK{position:relative; width:600px; margin:0 0 15px 0; height:220px; color:#999; padding-top:4px; border-bottom:2px dotted #999;} .onePK h4{ line-height:20px; text-indent:15px; color:#008fd5; width:380px; height:20px; overflow:hidden; } .onePK h4 a{margin-left:8px; padding-left:8px; border-left:1px solid #ccc;} .onePK h4 a:link,.onePK h4 a:visited{color:#008fd5;} .onePK span.pirzeSize{padding-left:20px;} .onePK span.typeK{background:transparent url(http://i.51mike.com/pk/v1/ui/coins.gif) left center no-repeat; color:#333;} .onePK span.typeM{color:red; font-weight:bold; background:transparent url(http://i.51mike.com/pk/v1/ui/money.gif) left center no-repeat;} .onePK .pkStatus{width:220px; line-height:20px; margin:-20px 5px 0 370px; text-align:right; } .pkStatus .pkStatu{width:45px;} .pkStatus .pkLeftTime{width:200px; margin-left:4px;} .inprogress{color:blue;} .waiting{color:gray;} .ended{color:red;} .pkStatus .ended em{display:none;} .onePK .pkContainerSmall{width:400px; height:170px; margin:5px; border:1px solid #ccc;} .onePK .pkInfo{margin:-170px 0 0 420px;font-size:11px;} .onePK .pkInfo dl{} .onePK .pkInfo dl dt{font-size:13px;font-weight:bold; height:15px; width:170px; overflow:hidden;margin-bottom:5px;} .onePK .pkInfo dl dd{margin:1px;} .pkInfo ol li a{ padding-left:20px; background:transparent url(http://i.51mike.com/pk/v1/ui/bullet_go.gif) left center no-repeat; } .pkInfo_txt{height:88px;margin:5px 0 10px 2px;text-indent:2em;word-break:break-all;overflow:hidden} .onePK .pkInfo ol li img{display:none} .pkInfo ol{list-style:none} #TB_window .pkinfo_box img{margin-left:110px} #TB_window .pkinfo_box dt{font-weight:bold;text-align:center} #TB_window .pkinfo_box p{text-indent:2em;margin-top:5px;} #PKListControl{width:170px; margin:8px auto; float:right; margin-right:30px;_margin-right:20px;*margin-right:10px; text-align:left; padding:8px; height:220px; margin-top:20px; /*background:transparent url(http://i.51mike.com/pk/v1/pkcontrolbg5.jpg) right bottom no-repeat;*/} #PKListControl dl{margin:0 0 8px 0;} #PKListControl dl dt{margin:3px 0 5px 0} #PKListControl dl dd{margin:3px 0 3px 10px;} #PKListControl dl dd a:link,#PKListControl dl dd a:visited{color:#008fd5;text-decoration:none;} #PKListControl dl dd a:hover{color:#ec6811;} #thePKList #sponsorTab{width:115px; float:right;margin:0;margin-right:90px; _margin-right:70px;*margin-right:60px; height:auto; text-align:center; clear:right; display:block; margin-top:20px; background:transparent url(http://i.51mike.com/pk/v1/pklistsponsorpkbg2.jpg) center bottom no-repeat; padding:0;} #thePKList #sponsorTab h3{height:28px; margin:0;color:black; background:transparent url(http://i.51mike.com/pk/v1/pklistsponsorpkh3bg2.jpg) center top no-repeat;} #thePKList #sponsorTab ul{display:block;width:115px; margin:10px auto;} #thePKList #sponsorTab li{margin:7px auto; width:115px; } #thePKList #sponsorTab li img{padding:2px border:1px solid #ccc;} #thePKList #sponsorTab .sponsorPKDes{width:100px;} #PKNowListInner{width:400px;} #PKNowListInner h4{} #PKNowListInner h4 span{display:block; font-size:12px; } #PKNowListInner h4 span strong{color:#333} #PKNowListInner h4 span em{display:block; font-style:normal; color:red;} #currentList{} .aListApart{display:block; position:relative; border:1px solid #ccc;border-left-width:60px; margin:5px 0; width:330px;} .aListApart .musicSongPos{width:60px; height:60px; font-size:30px; position:absolute;top:6px; left:-60px; text-align:center; color:#008fd5; font-family:arial;} .aListApart .musicSongPre{width:90px; height:60px; } .aListApart .musicSongPre img{width:90px; height:60px; border:1px solid #ccc; margin:3px;} .aListApart .musicSongName{position:absolute; top:6px; left:100px; width:200px; height:20px; overflow:hidden;} .aListApart .musicUserName{position:absolute; top:26px; left:100px; width:200px; height:20px; overflow:hidden;} .aListApart .musicSongScore{position:absolute; top:46px; left:100px; width:200px; height:20px; overflow:hidden;} /*PK Creator page*/ #PKCreator{ margin:5px auto 30px auto; text-align:left;width:610px; background:transparent url(http://i.51mike.com/pk/v1/creatformdivbg.jpg) center top repeat-y;} #PKCreator h3{font-size:130%;padding:20px 0 0 15px; background:transparent url(http://i.51mike.com/pk/v1/creatformh4bg.jpg) center top no-repeat;} #PKCreator p.infoAtt{margin:0 15px 15px 15px;} #PKCreator .formanager{margin-top:5px; border:1px dotted #f38f67; border:1px dotted #a93030;padding:3px 3px 3px 0; } #PKCreator .formanager strong{color:red;} strong#managenotice{text-align:center; display:block;} span.PKCreatorDes{color:#aaa;font-weight:normal; margin:2px 0 0 150px; display:block;font-size:12px; background:transparent url(http://i.51mike.com/pk/v1/ui/information_s.gif) left 2px no-repeat; text-indent:10px;} span.PKCreatorDes a:link,span.PKCreatorDes a:visited{color:#ec6811;} span.PKCreatorDes a:hover{color:black;} span.strongDes{color:#666;} span.liInput{display:block; margin:3px 0;} span#needk{padding-left:5px; font-weight:normal; } spna#needk strong{color:blue; padding:auto 3px;} #PKCreatorForm{background:transparent url(http://i.51mike.com/pk/v1/creatformbg.jpg) center bottom no-repeat; padding-bottom:20px;} #PKCreatorForm p{margin:5px 0 5px 30px ; } #PKCreatorForm p textarea{width:300px;} #PKCreatorForm legend em{font-style:normal; font-size:12px; padding-left:10px; color:#666666;} #PKCreatorForm p label{width:130px; text-align:right; float:left; padding:0 10px;} #PKCreatorForm p label.label-radio{float:none; display:inline; padding:0;} #PKCreatorForm p img{width:80px; height:60px; border:1px solid #333;} #logosChoose img{width:120px; height:90px;border:1px solid #333;} #morePKLogo a img{width:40px; height:30px; border:1px solid #333;} #morePKLogo{border:1px solid red; padding:5px 0 5px 20px;*padding:5px 0 5px 40px;background:#efefef; border:1px solid #ccc;} #morePKLogo input{width:14px; border:none;} #PKCreatorForm p.fm-opt .fm-title{background:transparent url(http://i.51mike.com/pk/v1/ui/bullet_blue_s.gif) 129px top no-repeat;} #PKCreatorForm p.fm-req .fm-title{background:transparent url(http://i.51mike.com/pk/v1/ui/bullet_star_s.gif) 129px top no-repeat; } #PKCreatorForm p .choosedate{width:20px; border:none; text-indent:-99999px; background:transparent url(http://i.51mike.com/pk/v1/ui/date.gif) center center no-repeat;} #PKCreatorForm .fm-date{width:100px;} #PKCreatorForm .fm-time{width:30px;} #pkSummaryDetail{} #pkSummaryDetail strong{color:#ec6811; font-weight:normal;} #pkSummaryDetail h4{color:#ccc; font-size:12px;} #pkSummaryDetail h4 strong{color:#999;} #pkSummaryDetail ul{list-style-type : disc} #pkSummaryDetail li{margin-left:15px;} #pkSummaryDetail a#readytosubmit{border: 1px solid #333; padding: 2px 1em; background: #f1f1f1;font-weight:bold;color: #008fd5; font-size: 100%;} /*user musicvideo page*/ #musicVideoShowBox{width:850px;text-align:left; height:350px; position:relative; border:1px solid #ccc; margin:0 auto 0 auto;} #musicVideoShowBox h3{text-indent:20px;line-height:30px; font-size:14px; border-bottom:1px solid #ccc; background:transparent url(http://i.51mike.com/pk/v1/btn_bg_04.png) repeat-x center 0px;} #musciPlayer{width:340px; height:290px; position:absolute; top:40px; left:30px;} #musciPlayer object{ top:0; left:0; position:absolute;} .infoBox{position:absolute; } .infoBox h4{display:none;} #songInfo{width:280px; height:60px; top:40px; left:390px; } #songDes{width:280px; height:110px; top:100px; left:390px; overflow:hidden;} #songRating{width:170px; height:50px; bottom:5px; right:5px;} #songAward{width:280px; height:40px;top:280px; left:390px; display:none;} #songAward a{ padding-left:20px;} #userInfo{width:140px; height:200px; top:50px; left:700px; } #userInfo img{width:80px; height:80px;} #inPKInfo{width:120px; height:100px; top:220px; left:390px; text-align:center;} #inPKInfo dl{display:none} #inPKInfo dl img{width:120px; height:90px; } #inPKInfo .inPkInfoBtn{display:block;width:130px;height:60px;background:url(http://i.51mike.com/pk/v1/support.jpg) no-repeat; text-indent:-9999px} #musicBTNs{width:100px; height:20px; bottom:70px; left:700px;} #musicBTNs a.musicBTN{width:100px; float:left; font-size:14px;border:1px solid #ccc; display:block; text-indent:23px; height:20px;line-height:20px;text-decoration:none;} #musicBTNs a.musicBTN:link,#musicBTNs a.musicBTN:visited{ background:transparent url(http://i.51mike.com/pk/v1/ui/heart.gif) 3px center no-repeat; } #musicBTNs a.musicBTN:hover{ background:#f2f2f2 url(http://i.51mike.com/pk/v1/ui/heart_add.gif) 3px center no-repeat; } /*k coin charge page*/ #coinChargeBox{width:850px;text-align:left; position:relative; border:1px solid #ccc; margin:0 auto 0 auto;} #coinChargeBox h3{text-indent:20px;line-height:30px; font-size:14px; border-bottom:1px solid #ccc; background:transparent url(http://i.51mike.com/pk/v1/btn_bg_04.png) repeat-x center 0px;} #coinChargeBox h3 a{float:right; margin:-30px 15px 0 0;} #coinChargeBox h4{text-indent:15px; line-height:30px;} #chargeDes{margin:10px;} #chargeDetailDes{ width:600px; background:white; color:black; padding:5px; display:none; filter: alpha(opacity=90); opacity: 0.90; -moz-opacity: 0.90; position:absolute; top:50px; left:100px; border:1px solid #ccc;} #chargeDetailDes a.closeBtn{float:right; width:16px; height:16px; font-size:16px; line-height:16px; text-align:center; font-weight:bold; margin:5px 10px 0 0;} #chargeDetailDes a.closeBtn:link,#chargeDetailDes a.closeBtn:visited{color:white; background:#333;} #chargeDetailDes a.closeBtn:hover{color:#ec6811;} #chargeDetailDes ul{margin-left:30px;list-style:square;} #changeDetailDes li{} #chargeFlow{width:600px;margin:10px 0 15px 100px;} #chargeFlow ul{display:block; clear:both;} #chargeFlow li{display:block; float:left; width:180px; line-height:20px; border:1px solid #ccc; background:#f1f1f1; text-align:center; } #chargeFlow li.now{background:#ec6811;color:white;} #chargeOrder{ width:600px;margin:15px auto 15px auto;} #chargeOrder form{clear:both;} #chargeOrder form fieldset{border:1px solid #ccc; padding:0 5px 5px;} #chargeOrder form p{line-height:30px; height:30px;} #chargeOrder strong{color:red;} #chargeOrderForm{} #chargeOrderForm fieldset{} #chargeOrderForm input#inputKMoney, #chargeOrderForm input#inputKMoney2, #chargeOrderForm input#inputKMoneyn{width:30px;} #chargeOrderForm label em{font-size:12px; color:#333;} #chargeOrderForm p{} #chargeConfForm{} #chargeConfForm h4{color:red; text-indent:20px;} #chargeConfForm ul{margin-left:15px; text-align:left;} #chargeConfForm li{display:block; float:left; clear:left; width:500px; height:30px; line-height:25px;} #chargeConfForm li span{width:130px; float:left;text-align:right; background:#f1f1f1;} #chargeConfForm li em{font-size:12px; font-style:normal; color:#333; margin-left:15px;} #chargeConfForm li em a:link,#chargeConfForm li em a:visited{color:#333;} #chargeConfForm li em a:hover{color:red;} /*charge page new*/ #userChargePage,#userQueryPage,#downloadPage{/*background:transparent url(http://i.51mike.com/pk/v1/pagebg_08114.png) repeat-x;*/ text-align:center;} #userChargePage #wrapper,#userQueryPage #wrapper,#downloadPage #wrapper {width:1000px; margin:0 auto; text-align:center;} #userChargePage #header,#userQueryPage #header,#downloadPage #header{position:relative; } #userChargePage #main{width:821px; margin:0 auto; text-align:left;} #userChargeBox{ width:821px; height:500px; overflow:visible; background:transparent url(http://i.51mike.com/pk/v1/chargepageboxbg.jpg) center bottom no-repeat;} #userChargeTitle{ height:46px; font-size:16px; letter-spacing:3px; font-weight:bold; background:transparent url(http://i.51mike.com/pk/v1/chargepagetitlebg.jpg) no-repeat;} #userChargeTitle li{width:271px; height:46px; line-height:46px; display:block; float:left; margin-left:20px; text-align:center; background:transparent url(http://i.51mike.com/pk/v1/chargepageoff.jpg) no-repeat;} #userChargeTitle li.now{ background:transparent url(http://i.51mike.com/pk/v1/chargepageon.jpg) no-repeat;} #userChargeTitle li a{display:block;} #userChargeTitle li a:link,#userChargeTitle li a:visited{color:#333;} #userChargeTitle li.now a:link,#userChargeTitle li.now a:visited{color:#008fd5;} #chargeWays,#chargeOrder{margin:10px auto; width:700px; margin-left:60px;} .oneWay{ text-align:left; margin:15px auto; height:55px; overflow:hidden; border:1px solid #ccc;} .oneWay h3{font-size:14px; line-height:30px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #555;border-right: 1px solid #555;} .oneWay h3 a.wayTitle{display:block; background:#f1f1f1; text-indent:30px;} .oneWay h3 a.wayTitle span{color:#999; font-size:12px; margin-left:20px;} .oneWay h3 a.wayTitle del{color:#ccc;} .oneWay h3 a.wayTitle em{color:red; font-style:normal;} .oneWay h3 a.wayTitle strong{font-size:16px; color:red; margin-left:30px;} #chargeWays .now{border:1px solid #008fd5;} #chargeWays .now h3 a{background:#008fd5;} #chargeWays .now h3 a:link,#chargeWays .now h3 a:visited{color:white; text-decoration:none;} #chargeWays .now h3 a:hover{color:white;} #chargeWays .now h3 a span{color:white;} #chargeWays .now h3 a em{color:#f3e506;} #chargeWays .now h3 a strong{color:#f3e506;} .oneWay form{width:600px; margin-left:30px;} .oneWay form fieldset{ padding:5px;} .oneWay p.wayDes{margin:5px 0 0 15px;font-size:12px; font-style:normal; color:#999;} .oneWay p.wayDes strong{color:#008fd5;} .oneWay p.wayDes a.help{width:auto; background-position:left center; padding-left:20px; margin-left:15px;} .oneWay em#chargeMoneyInfo,.oneWay em#chargeMoneyInfo2,.oneWay em#chargeMoneyInfon{ margin-left:6px; padding:2px 5px; border:1px dotted #999; font-style:normal;} span#realRealMoney,span#realRealMoney2,span#realRealMoneyn{font-weight:bold; color:red;} .oneWay .wayDetail p.theNote{margin:15px 0 0 20px; color:#555; font-size:14px;} #trafficTable{width:700px;border:1px solid #008fd5; border-collapse:collapse;} #trafficTable caption{font-size:14px; margin:3px 0 3px 20px; text-align:left;} #trafficTable caption em{margin-left:15px; font-style:normal; font-size:12px;} #trafficTable caption em strong{color:#008fd5; margin:auto 5px; font-size:14px;} span.theMoney { padding-left:20px; background:transparent url(http://i.51mike.com/space/manage/coins.gif) left center no-repeat;} #trafficTable thead{background:#008fd5;} #trafficTable th{font-size:14px; line-height:30px; color:white; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #555;border-right: 1px solid white;} th.tableStatu{width:30px;} th.tableDate{width:100px;} #trafficTable td{border:1px solid /*#008fd5*/#ccc; border-collapse:collapse; padding:3px; line-height:20px;} .normalForm .fm-r2 input{width:14px; border:none;} .normalForm .fm-r2 span{float:left;margin-right:5px} .normalForm .fm-r2 .inp{float:left;margin-top:10px} .normalForm .fm-r2 label{display:block;border:1px solid #ccc;background:#f5f5f5;margin-left:16px;width:55px} .normalForm .fm-r2 label em{display:block;font-size:10px;color:#ccc;font-style:normal} /*#downloadPage #header h1{position:absolute; width:322px; height:88px; top:51px; left:40px; background:transparent url(http://i.51mike.com/pk/v1/downloadtitle.jpg) no-repeat;} #downloadPage #header h1 span{display:none;}*/ #downloadPage #main{background:transparent url(http://i.51mike.com/pk/v1/850roundup.jpg) center top no-repeat; width:850px; padding:0; margin:0 auto;overflow:hidden;} #downloadMain{background:transparent url(http://i.51mike.com/pk/v1/850roundbottom.jpg) center bottom no-repeat; width:850px; margin:20px 0 0 0; padding:5px 0 40px 0; } .downloadLink{width:209px; height:155px; background-repeat:no-repeat; display:block;margin-top:15px; } #downloadLinkClass{background-image:url(http://i.51mike.com/pk/v1/downloadClassPic.jpg); height:145px;} #downloadLinkAll{background-image:url(http://i.51mike.com/pk/v1/downloadAllPic.jpg);} #downloadOldVersion{background-image:url(http://i.51mike.com/pk/v1/downloadOldVersionPic.jpg);} .downloadLink span{display:none;} .downloadInfo span.help{} .downloadInfo{color:#999;} #downloadLinks ul{} #downloadLinks li{display:block; float:left; width:100px; margin:10px; padding:3px; border:1px solid #ccc; text-align:center;} #downloadLinks p.joinDownloadLink{display:block; clear:left;width:600px;} /*init #chargeByBank{height:235px;}*/ #userChargePage li#goCharge,#userQueryPage li#goQuery{ background:transparent url(http://i.51mike.com/pk/v1/chargepageon.jpg) no-repeat;} #userChargePage li#goCharge a:link,#userQueryPage li#goQuery a:link, #userChargePage li#goCharge a:visited,#userQueryPage li#goQuery a:visited{color:#008fd5;} #chargeMoneyInfo,#chargeMoneyInfo2,#chargeMoneyInfon{display:none;} /*daily MV show page days*/ #dailyMVDays #main{width:850px; margin:0 auto; height:400px;} #dailyMVDays #main h3{font-size:16px; line-height:39px; height:41px;text-indent:105px; text-align:left; font-weight:normal; color:#333; background:transparent url(http://i.51mike.com/pk/v1/dailyMVh3bg.jpg) no-repeat;} #dailyMVDays #main h3 em{display:none; } #chooseDay{margin:-40px 0 0 50px; height:40px; line-height:40px; /*background:transparent url(http://i.51mike.com/pk/v1/dailyMVlistbg.jpg) center top no-repeat;*/} #dailyMVShow{background:transparent url(http://i.51mike.com/pk/v1/dailyMVlistbg.jpg) center bottom no-repeat;} #dailyMVList{height:500px; margin:0 15px 0 30px;_margin:0 15px 0 15px; *margin:0 15px 0 15px;} #dailyMVList li{background:white; position:relative; width:200px; height:160px; float:left; margin:10px; border:1px solid #ccc; padding-top:5px;} .MVDes{display:none;} /*user useage page*/ .userUseage p.userHelp{position:absolute; top:180px; left:-120px; color:#333; text-align:left; width:400px;} body#userLoginPage {background:none;} body#userLoginPage .userUseage{height:253px; width:606px; margin:100px auto 0 auto; position:relative; background:transparent url(http://i.51mike.com/pk/v1/userloginbg2.jpg) center center no-repeat;} body#userLoginPage .userUseage form{position:absolute;top:25px;left:310px;} body#userLoginPage .userUseage a.registBTN{position:absolute; right:160px; bottom:115px; font-size:14px; text-decoration:underline;} body#userLoginPage .userUseage a.forgottenBTN{position:absolute; right:90px; bottom:115px; font-size:14px; text-decoration:underline;} #userLogin p{text-align:right;} #userLogin h3{display:none;} body#userRegOkPage{text-align:center;} body#userLoginPage #errors{position:absolute; top:75px; left:300px; width:120px; text-align:left;} body#userLoginPage #errors li{ margin:2px 4px; padding:2px 4px; border:1px solid red; color:#333;} /*user reg page new*/ #userRegNew,#userRegOk{background:transparent url(http://i.51mike.com/pk/v1/passport.jpg) no-repeat; width:485px; height:400px; display:block; float:left; margin-left:15px; margin-top:10px;} #userRegOk{margin-top:60px; margin-left:auto; margin-right:auto; float:none;} #userRegNew{text-align:left} #userRegNew h3{margin:60px auto 10px auto; font-size:16px; display:block;text-align:center} #userRegNew form{margin:10px 70px} #userRegNew label{float:left;width:60px;text-align:right;clear:both} #userRegNew input{float:left;padding-top:2px;height:18px;margin-right:10px} #userRegNew button{height:23px;padding:0 8px;*padding:0;border:1px solid #ccc;background:url(http://i.51mike.com/css/v3/back_www_1.gif) 0 -93px repeat-x;font-weight:normal;font-size:12px;} #userRegNew strong{float:left;font-weight:bold;color:#e00} #userRegNew p span{clear:both;text-align:left;margin:3px 0 3px 60px;width:180px} #userRegNew .formBTN{margin:10px 0 10px 70px;width:130px;height:30px;border:none;background:transparent url(http://i.51mike.com/pk/v1/ui/glass_btn2.jpg) left top no-repeat;color:white;font-weight:bold;padding-top:2px} #userRegNew p.userHelp,#userRegOk p.userHelp{margin:5px auto; display:block;width:300px; color:#aaa;clear:both} #regSiteInfo{width:400px; float:right; margin-right:15px; border:1px solid #ccc; text-align:left; margin-top:10px;} #regSiteInfo h3{display:none; } #regSiteInfo dl{} #regSiteInfo dt{font-size:15px; margin:3px; line-height:30px; border-bottom:1px dotted #ccc;} #regSiteInfo dd{margin:5px 0 3px 10px; text-indent:20px; font-size:13px; background:transparent url(http://i.51mike.com/pk/v1/ui/bullet_orange.gif) left top no-repeat;} #regSiteInfo dd strong{color:#ec6811; } #userRegOk{margin-top:60px; margin-left:auto; margin-right:auto; float:none;} #userRegOk h3{margin-top:80px;padding-top:80px;*padding-top:0; font-size:18px; font-weight:bold; color:#ec6811;} #userRegOk p.userHelp{margin:10px auto; font-size:14px;} #userRegOk p.userHelp strong{ color:#ec6811;} #userRegOk a.PKBTN{line-height:30px;margin:0 auto} #userRegOk a.PKBTN:link,#userRegOk a.PKBTN:visited{background-position:left bottom;} #userRegOk a.PKBTN:hover{background-position:left top;} fieldset.forErrors{border:1px solid red; width:200px; margin:3px auto;} /*site info pages*/ #siteInfoNav{ display:block; float:left; margin-left:20px;} #siteInfoNav ul{font-size:14px; position:relative;width:150px;border:1px solid #ccc; } #siteInfoNav ul li{ width:150px; height:25px; line-height:25px; } #siteInfoNav ul li a{display:block;} #siteInfoNav ul li a:hover{background:#1b76bb url(http://i.51mike.com/pk/v1/ui/bullet_go.gif) 110px center no-repeat; color:white;} #siteInfoNav ul li.now a:link,#siteInfoNav ul li.now a:visited{color:white; background:#1b76bb url(http://i.51mike.com/pk/v1/ui/bullet_orange.gif) 30px center no-repeat;} .siteInfoArea{width:600px; float:left; margin-left:15px; padding-left:15px;border-left:1px solid #ccc; text-align:left;display:block;} .siteInfoTitle{width:250px; height:20px; } .siteInfoTitle span{display:none;} .siteInfo{ margin:15px 0 0 0; line-height:24px;} .siteInfo h3{color:#999; border-bottom:1px solid #ccc; position:relative; font-size:14px;} .siteInfo h3 span{} .siteInfo p{text-indent:25px;} .siteInfo ul{margin-left:25px;} .siteInfo dl{margin-left:25px;} #downloadPage .siteInfoArea{border:none; width:750px; float:none;} #siteAboutUs .siteInfoTitle{background:transparent url(http://i.51mike.com/pk/v1/siteinfo_titleintro.jpg) top left no-repeat;} #siteContact .siteInfoTitle{background:transparent url(http://i.51mike.com/pk/v1/siteinfo_titlecontact.jpg) top left no-repeat;} #siteLinks .siteInfoTitle{background:transparent url(http://i.51mike.com/pk/v1/siteinfo_titlelinks.jpg) top left no-repeat;} #siteJobs .siteInfoTitle{background:transparent url(http://i.51mike.com/pk/v1/siteinfo_titlejob.jpg) top left no-repeat;} #siteMedia .siteInfoTitle{background:transparent url(http://i.51mike.com/pk/v1/siteinfo_titlemedia.jpg) top left no-repeat;} #siteWillText{font-weight:bold;} #siteContactText{} #siteContactText ul{} #siteContactText li{background:transparent url(http://i.51mike.com/pk/v1/ui/tag.gif) left top no-repeat; text-indent:20px; margin:4px 0;} #siteContactText li strong{ } span.contactTitle{} span.contactLess{display:none;} span.contactTel{ margin-left:4px; background:transparent url(http://i.51mike.com/pk/v1/ui/telephone.gif) left center no-repeat; padding-left:18px;} span.contactEmail{margin-left:4px; background:transparent url(http://i.51mike.com/pk/v1/ui/email.gif) left center no-repeat;padding-left:18px;} span.contactInfo{} strong.contactSecond{margin-left:67px;} .siteInfoArea h4{margin:0 0 0 10px;} .siteInfoArea dd{background:transparent url(http://i.51mike.com/pk/v1/ui/bullet_blue_s.gif) left top no-repeat; padding-left:18px;} .siteInfoArea li{background:transparent url(http://i.51mike.com/pk/v1/ui/bullet_green_s.gif) left top no-repeat; padding-left:18px;} /*links and media */ #siteMediaText{ padding-left:15px;} #siteMediaText dl{ background:none; display:block; width:280px; float:left; padding:0; margin:10px 5px 10px 0; text-align:center; } #siteMediaText dt{ font-size:14px; width:280px; overflow:hidden; height:20px;} #siteMediaText dd{ background:none; color:#666; margin:0; padding:0;} #siteMediaText dd a{position:relative; width:280px;text-align:center; display:block;margin:0; padding:0;} #siteMediaText dd a img{margin:0 auto; padding:2px; border:1px solid #ccc;} #siteMediaText dd a span{position:absolute; left:-9999px; overflow:hidden;} #siteMediaText dd a:hover span{ bottom:0px; left:0px; width:280px; font-weight:bold; background:white; color:#333; padding:5px 0; text-transform:uppercase; font-size:12px; border:1px solid #eee; border-width:5px 1px 1px 1px; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} #siteLinks{width:700px; } #siteLinksText{} #siteLinksText li{ background:none; width:150px; float:left; line-height:25px; text-align:left; list-style:none;} #footer{font-size:12px; display:block; clear:both; text-align:center; padding-top:30px; margin-bottom:10px;} #footerNav{width:100%;} #footerMenu li,#footer li{display:inline; margin:auto 5px; padding:auto 4px;} #footerMenu li a:link,#footerMenu li a:visited,#footer li a:link,#footer li a:visited{text-decoration:none;} #copyInfo{width:100%; } #copyInfo em{font-style:normal; margin-left:5px;} input:focus,textarea:focus { border:1px solid #246fdc;} input.ie_focus,textarea.ie_focus{border:1px solid #246fdc;} .hide{display:none}