/****************************CSS Reset**********************************/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;} ol, ul {list-style: none;} a{text-decoration:none;} /*****************************************************/ body{font-family:Helvetica, Arial, sans-serif; background:#cdcaf7 url('../images/bg.jpg') center top no-repeat;} .wrapper{width:999px; margin:0 auto;} .fl{float:left;} .fr{float:right;} .header{float:left;width:100%;padding:0 0 10px 0;position:relative; z-index:10000;} .logo{background:url(/images/logo.png) no-repeat;width:270px; height:85px; margin-top:15px;} .logo a{float:left;width:270px; height:85px;} .blogBtn{margin-left:5px; width:107px;height:39px; background:url('../images/signin_btn.png') no-repeat;} .topLogin {position:absolute;right:0;top:0; width:23%; z-index:100;} .clear{clear:both;} .fbBtnB {width:280px; height:39px; position:relative; z-index:1000; right:118px; background:url('../images/fb_btn.png') no-repeat;} /*.menu {clear:right;margin-top:23px;} .menu li {float:left;margin-right:2px;} .menu li a {float:left;padding:8px 20px; background:#c3c2df; color:#000; font-size:16px;} .menu li a:hover {background:#e3e2f1;transition:background-color 1s ease 0s;-moz-transition:background-color 1s ease 0s;-webkit-transition:background-color 1s ease 0s;-khtml-transition:background-color 1s ease 0s;-o-transition:background-color 1s ease 0s;} .menu li a.active {background:#e3e2f1;}*/ .menu {clear:right;position:absolute;top:63px;right:0;} .menu li {float:left;margin-right:2px;} .menu li a {float:left;padding:8px 20px;background:#c3c2df; color:#000; font-size:16px;} .menu li a:hover {background:#e3e2f1;transition:background-color 1s ease 0s;-moz-transition:background-color 1s ease 0s;-webkit-transition:background-color 1s ease 0s;-khtml-transition:background-color 1s ease 0s;-o-transition:background-color 1s ease 0s;} .menu li a.active {background:#e3e2f1;} .bnr {float:left;width:100%;} .pods {float:left;width:100%;} .pods a {float:left;width:315px; height:255px;border:1px solid #c0c0c0;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;} .pods a.pod1 { background:#e3e2f1 url('../images/pod_2_vdo.png') center center no-repeat;} .pods a.pod2 { background:#e3e2f1 url('../images/pod_2.png') center center no-repeat;} .pods a.pod3 { background:#e3e2f1 url('../images/pod_3.png') center center no-repeat;} .podSpcr {float:left;width:23px;height:100px;} .radius5 {border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;} .yellowBigBtn {width:379px;height:72px;float:left;color:#333!important;font-size:45px;text-align:center;line-height:73px;text-shadow:0 2px #ffeaa7;border:1px solid #FEB602;background: #FEB602; /* Old browsers */ background: -moz-linear-gradient(top, #FDFE03 30%, #FEB602 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#FDFE03 ), color-stop(100%,#FEB602)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FDFE03 30%,#FEB602 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FDFE03 30%,#FEB602 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FDFE03 30%,#FEB602 100%); /* IE10+ */ background: linear-gradient(top, #FDFE03 30%,#FEB602 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFE03', endColorstr='#FEB602',GradientType=0 ); /* IE6-9 */} .ftr {float:left;width:100%;margin-top:40px;height:122px;background:url('../images/ftr_bg.png') left top repeat-x;} .ftr ul {float:left;width:57%;margin-top:30px;} .ftr ul li {float:left;margin-right:10px;} .ftr ul li a {float:left;color:#fff;} .plyr {float:left;margin:2px;} #bottomRightPanel {float:right;color:#fff; margin-top:30px;} /* style by shahzad for the pre play page on 7-6-12 */ .prePlay { background:url(/images/white_trans.png); border:1px solid #b8b7c1; padding:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; *float:left; *width:963px;} .prePlay a { color:#006db3;} .prePlay h1 { color:#575757; text-shadow:0px 0px 1px rgba(255,255,255,0.75); font-size:45px; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #c9c9cb; margin-bottom:19px; position:relative;} .yellowBox { color:#7d5801; text-align:center; padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #c99d25; line-height:27px; text-shadow:0px 1px 1px rgba(255,255,255,0.75);background: #fea901 url(../images/yellow_bg.gif) repeat-x; font-size:17px; box-shadow:0px 0px 5px rgba(255,181,0, 0.7) inset, 0px 1px 1px #ffff04 inset; } .prePlay p{ color:#48484a; font-size:16px; float:left; width:65%; line-height:20px;} .prePlay .yellowBox { float:right; width:29%;} .prePlay .midPanel { text-align:center; float:left; width:56%;} .prePlay .midPanel img{ margin-bottom:18px;} .prePlay .leftPanel { float:left; width:200px; text-align:center; } .prePlay .leftPanel a { margin-bottom:20px; display:block;} .prePlay .rightPanel { float:right; width:220px; text-align:center;} .prePlay .midPanel, .prePlay .leftPanel {padding:30px 0px 20px} .prePlay .rightPanel { padding-top:40px;} /* user profile page by shahzad on 8-6-12 */ .userProfile a:hover { text-decoration:underline;} .userProfile .leftPanel { width:230px; padding:8px 0px 0px 0px;} .userPic { border:1px solid #9d9bcd; padding:4px; background:#ecebf5; width:218px; height:200px;} .userPic a { display:block; width:218px; height:200px; overflow:hidden; text-align:center; vertical-align:middle;} h2 { font-size:30px; color:#555; line-height:50px; font-weight:normal;} .userProfile h2 { margin-bottom:10px;} .userProfile .rightPanel h2 a { font-size:22px;} .userProfile .rightPanel { width:74%; text-align:left; padding:8px 0px 0px 0px;} h3 { font-size:18px; color:#555; padding-bottom:5px;} .userProfile p { width:auto; font-size:14px; line-height:20px; float:none;} .website, .location { width:48%; padding-top:15px;} .website { float:left; } .website a { font-size:14px; color:#002d96;} .location { float:right;} .userInfo { background:url(../images/vertical_line.png) no-repeat bottom center; margin-bottom:20px; padding-bottom:15px;} .tableContaner { border:1px solid #eaeaea; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff;} .tableContaner td, .tableContaner th {border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea; color:#555; padding:10px;} .tableContaner th{ background:#f0f0f6; border-top:1px solid #fff; font-size:18px; font-weight:normal;} .tableContaner td, .tableContaner td a { font-size:12px; line-height:24px;} /*.tableContaner table td + td + td + td, .tableContaner table th + th + th + th {border-right: 0 solid #C0C0C0;}*/ .tableContaner .thumb { background:#FFFFFF; border: 1px solid #E4E4E4;float: left;margin-right: 10px;padding: 2px;text-indent: 0; overflow:hidden;} .tableContaner a { color:#002d96;} .tableContaner a.yellow { color:#fea901;} .tableContaner a.loadingMore { padding:10px; background:#efeff6; color:#555; font-size:16px; text-align:center; display:block; margin-top:5px; } .todayGame { background:#fff; border:1px solid #eaeaea; margin-top:42px;text-align:left;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .todayGame h2{ padding:5px; border-bottom:1px solid #eaeaea; margin-bottom:0px; } .todayGame a, .userProfile .todayGame a { color:#002d96; font-size:16px; margin-bottom:0px; text-align:center;} .userProfile .todayGame a.title, .todayGame a.title { text-align:left; padding:5px;} .todayGame img { border:1px solid #eaeaea; margin:20px 0px;} .todayGame p { font-size:15px; text-align:justify; padding:5px;} .todayGame .gameDetails { padding:5px 0px;} .todayGame .readmore { padding:10px 5px 20px;} .todayGame .readmore img { margin:0px; border:0px;} /*edit profile page by shahzad on 8-6-12*/ .upload { position:relative; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #e0e0e0; border-bottom-color:#fafafd; overflow:hidden; color:#656464;margin:5px 0px; padding:5px; font-size:14px;} .upload .chooseFile {line-height:20px; margin:0px; float:left;} .upload .chooseFile .newGreenbtn{padding:0px 10px;} .upload, .upload input, .upload input[type=file]{ height: 24px; cursor: pointer;} .upload span {cursor: pointer; font-size:14px;} .upload small { padding-left:12px; line-height:26px;} .upload input[type=file] { width:100%; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0px; top: 0; font-size: 40px; height:30px;} .picture.form em { color:#656464; margin:10px 0px 5px; display:block;} .blueNote { color:#1883c8;} .picture.form em, .blueNote {font-size:13px;} .newGreenbtnholder { border:1px solid #a5b964; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .newGreenbtn {background: #c8e183; /* Old browsers */ background: -moz-linear-gradient(top, #c8e183 0%, #a2cd5a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8e183), color-stop(100%,#a2cd5a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c8e183 0%,#a2cd5a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c8e183 0%,#a2cd5a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c8e183 0%,#a2cd5a 100%); /* IE10+ */ background: linear-gradient(top, #c8e183 0%,#a2cd5a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8e183', endColorstr='#a2cd5a',GradientType=0 ); /* IE6-9 */ border:1px solid #d8e9a6; border-bottom-color:#a3cd5b; color:#3b5e00; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:12px; padding:3px 8px; *padding:3px 6px; cursor:pointer;} .newGreenbtnholder , .newGreenbtn { display:inline-block; *display:inline; zoom:1;} .userProfile iframe { width:230px; height:47px; margin-top:12px; border:0px;font-size:100%;vertical-align:baseline;background:transparent;} .userProfile .form { padding-top:10px;} .form .row label { float:left;clear:left; text-align:right; width:100px; padding-right:10px; font-size:18px; color:#555;} .form .row { padding-bottom:10px; line-height:20px; min-height:20px;} .form .row input[type="text"], .form .row input[type="password"], .form .row textarea{ padding:5px; line-height:20px; /*width:300px;*/ width:96%; color:#555; border:1px solid #fff; border-top-color:#e0e0e0; border-right-color:#e0e0e0; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;} .userProfile .form .row textarea { height:146px;} .userProfile .form .buttons{ width:415px; text-align:right;} input.newGreenbtn { font-size:24px;*font-size:20px; /*padding:1px 20px; *padding:0px 10px;*/ margin:0px; } .whiteWrapper { display:inline-block; *display:inline; zoom:1; background:#fff; padding:1px; border-radius:6px;-webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:0px 1px 5px #ccc;} /*popoup page by shahzad on 8-6-12*/ .backgroundPopup{ display:none;position:fixed;_position:absolute; height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:10001;} .popup{display:none;position:fixed;_position:absolute;background:#FFFFFF;border:12px solid #000;z-index:20000;padding:12px;font-size:13px; border-radius:12px;-webkit-border-radius:12px; -moz-border-radius:12px;} /* invite firends page by shahzad on 8-6-12 */ .inviteFriends .leftPanel, .inviteFriends .rightPanel { width:48%; padding:0px; text-align:left;} .inviteFriends h2 { font-size:21px; border-bottom:1px solid #ccc; line-height:22px; padding-bottom:10px; margin-bottom:10px;} .inviteFriends p{ font-size:13px; color:#555555; float:none; width:auto; } .tab-container { padding:10px;} .tab-container .etabs { margin: 0; padding: 0; overflow:hidden; position:relative; top:1px; } .tab-container .tab { float:left; background: #f2f2f8; border:1px solid #d8d8e7; padding:5px; height:auto; margin-left:5px; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;} .tab-container .tab a { font-size: 14px;display: block; outline: none; margin:0px; } .tab-container .tab:hover { background:#e9e9e9;} .tab-container .tab a:hover { text-decoration: none; } .tab-container .tab.active { background: #fff; border:1px solid #eaeaea; border-bottom-color:#fff;box-shadow:-3px 3px 5px #ccc; } .tab-container .tab a.active { color:#555555; } .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .tab-container .icon { background:url(../images/invite_friends.png) no-repeat 0px -1px; float:left;} .email,.facebooktab,.yahoo,.hotmail,.gmail {width:16px; max-width:16px; height:16px; margin:3px 5px 0px 0px;} .icon.facebooktab{ background-position:-138px -2px; } .icon.yahoo{ background-position:-563px -2px;} .icon.hotmail{ background-position:-414px -2px; } .icon.gmail{ background-position:-280px -2px;} #tabOfFacebook { color:#496597;} #tabOfGmail { color:#cc0000;} #tabOfYahoo { color:#834a8a;} #tabOfHotmail { color:#2a4e97;} .tabsContentContainer { padding:15px 10px; background:#fff; border:1px solid #eaeaea; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; position:relative; z-index:900; box-shadow:-3px 3px 5px #ccc; } .tabsContent p{ padding:8px 0px;} .tabsContent .form input[type="text"] { width:350px; float:left;} .tabsContent .form .contactBtn { margin:0px 0px 0px 10px; width:auto;} .tabsContent .form .contactBtn strong { width:auto; padding:5px 10px; font-size:15px;} .tabsContent .form input[type="text"] { background: #f3f3fa; width:530px; margin-right:10px; padding:7px; line-height:16px;} .tabsContentContainer input.newGreenbtn { font-size:12px; padding:4px 8px; font-weight:bold;} .prePlay a.newGreenbtnholder { display:inline-block; *display:inline; zoom:1; margin-bottom:0px;} .jspContainer{overflow: hidden;position: relative;} .jspPane{position: absolute;} .jspVerticalBar{position: absolute;top: 0;right: 0;width: 10px;height: 100%;} .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;} .jspVerticalBar *, .jspHorizontalBar *{margin: 0;padding: 0;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{background: #e3e3e3;position: relative;width:6px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;top: 2px;} .jspDrag{background: #9a9a9a;position: relative;top: 0;left: 0;cursor: pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;width:6px;} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;} .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled{cursor: default;background: #80808d;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background: #eeeef4;float: left;height: 100%;} * html .jspCorner{margin: 0 -3px 0 0;} .checkbox {font-size: 13px;padding: 8px;} .selectionBox{border:solid 1px #dedede;-moz-border-radius:0px 0px 2px 2px;-webkit-border-radius:0px 0px 2px 2px;border-radius:0px 0px 2px 2px; } .selectionBox{ width:97%; height: 160px; overflow-y:auto; text-align:left; margin:10px; padding:5px;overflow-x: auto; } .selectionBox input[type="checkbox"] { float:left; margin-right:10px; margin-top:7px;} .selectionBox .userName { float:left; width:50%;} .selectionBox, .selectionBox a, .prePlay .selectionBox a { color:#555; font-size:14px; line-height:26px; margin:0px;} .selectionBox .listItem , .selectionBox .listItem div{ overflow:hidden;} .selectionTitle { height:22px; background:#f0f0f6; overflow:hidden;-moz-border-radius:2px 2px 0px 0px;-webkit-border-radius:2px 2px 0px 0px;;border-radius:2px 2px 0px 0px; border-bottom:0px;} .inviteFriends .tab-container { margin:25px 0px;} .grayBox { padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */box-shadow:-3px 3px 5px #ccc; margin:25px 0px; } .grayBox .row textarea{ border:1px solid #eaeaea; width:97%; height:59px;} .grayBox .buttons { text-align:right;} /* Support Friend - SAMI */ .gameTHead {padding-bottom:10px; border-bottom:1px solid #ccc; overflow:hidden;} .bHd { float:left; width:69%;text-align:center; font-size:45px; font-weight:normal; margin-top:90px;} .redBox { color:#bd0404; text-align:center; padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #870f10; line-height:27px; text-shadow:0px 1px 1px rgba(255,255,255,0.75);font-size:17px; float:right; width:25%;background: #fc9494; /* Old browsers */ background: -moz-linear-gradient(top, #fbc8c8 30%, #fc9494 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#fbc8c8), color-stop(100%,#fc9494)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbc8c8 30%,#fc9494 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbc8c8 30%,#fc9494 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbc8c8 30%,#fc9494 100%); /* IE10+ */ background: linear-gradient(top, #fbc8c8 30%,#fc9494 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc8c8', endColorstr='#fc9494',GradientType=0 ); /* IE6-9 */} .redBox span {font-size:45px; line-height:45px;} .winnerPod {float:left;width:283px;} /* How it Works CSS by Ahsan on 8-6-12 */ .fr { float:right;} .fl, .how-to-win li, .how-to-win span { float:left;} .br10, .how-to-win, .video-container,.VerifiedMem { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .shadow, .how-to-win, .video-container, .user-performance,.VerifiedMem { -moz-box-shadow: -2px 2px 6px #cfcfcf; -webkit-box-shadow: -2px 2px 6px #cfcfcf; box-shadow: -2px 2px 6px #cfcfcf;} .how-to-win { background:url(../images/green-bg.jpg) repeat-x left top; border:solid 1px #abd08d; height:96px; display:block; margin:15px 0; } .HowItWorks p { float:none; width:100%;} .how-to-win ul { overflow:hidden;} .how-to-win li { padding:11px 15px; width:26%; } .how-to-win li.lstChld {width:38%; border-right:none;} .how-to-win span { font-size: 56px; font-weight:bold; color:#9dbc82; margin-right:10px;} .how-to-win li { color:#285900; text-shadow:1px 1px 1px #FFF; border-right:solid 1px #d7e8c8; border-left: solid 1px #f5f8f4; } .how-to-win li big { font-size:26px; margin-top:5px; } .how-to-win li small { font-size:16px;} .how-to-win li em { font-weight:normal; font-size:12px;} .how-to-win li.lstChld big { font-size:20px;} .how-to-win li:first-child { border-left:none; } .how-to-win li strong { display:block; margin-top:5px;} .video-container { background:#FFF; border:solid 1px #c1c1c1; padding:5px; width:310px; height:166px; display:block;} .video-container strong { font-size:18px; color:#555; padding:5px; 0} .emb-video, .video-container strong, .Mandatory big { display:block;} .Mandatory big { margin-top:20px;} .Mandatory strong { font-size:18px; font-weight:bold;} .Mandatory p { font-size:16px; line-height:34px; } .Mandatory big { font-weight:bold; font-size:20px;} .Content-how-to-win { padding-top:25px;} .how-it-work-steps { background:url(../images/how-to-play.png) no-repeat left top; width:968px; height:258px; margin:15px 0;} /* SUpport Friend Page by Ahsan on 8-6-12 */ .support-friend p { width:72%;} .support-friend-pannel { width:400px; margin:0 auto; padding:20px;} .support-friend-pannel .grabs { float: left; width: 49%; text-align: center; margin: 10px 0px;} .support-friend-pannel .grabs span { background:url(../images/gpab-bg.png) repeat-x left top; border:solid 1px #e1e1e1; padding:5px 12px; display:inline-block; font-size:30px; margin-top:5px;} .support-friend-pannel .grabs span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; } .green { color:#488b13;} .grayBox { padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #BDBDBD; background: #eaeaf0; overflow: hidden; margin-bottom: 20px; text-align: center;} .grayBox h3 { color: #4A4A4A; font-size: 15px; border: 0px; font-weight: bold; line-height: 20px; padding-bottom: 20px;} .finishedAt { color:#f60000; margin:10px 0; font-size:18px; } /* Result Waiting by Ahsan on 8-6-12 */ .result-waiting { width:562px; margin:15px auto;} .result-waiting p { font-size:22px; width:100%; float:none;} .loading { text-align:center; margin:15px 0; display:block;} /* Winner Result by Ahsan on 8-6-12 */ .user-performance { display:block; margin:15px 0;} .winner-result p { width:72%;} .tableContaner h2 { text-align:left; line-height:normal;} .user-performance .tableContaner td { border-right:solid 1px #EAEAEA; font-size:14px; text-align:center;} .user-performance .tableContaner td.total { font-size:18px; color:#4b9013; } .user-performance .tableContaner td.total strong { font-size:26px; color:#202020; } .user-performance .tableContaner td.u-profile { text-align:left; vertical-align:middle;} .user-performance .tableContaner td.u-profile img { border:solid 1px #e4e4e4; padding:3px; margin-right:15px;} .user-performance .tableContaner td.u-profile div { padding:6% 0; font-size:18px;} .players h2 { font-size:25px; padding:10px 0; border-bottom:solid 1px #cbcacc; line-height:normal;} .players ul { margin-top:15px;} .players ul li { float: left; margin: 0 3px 5px; text-align: center; min-height:66px;} .players ul li a { display:block; border: solid 1px #B4B4B4; padding:3px; background:#FFF;} .recent-grabber { background:url(../images/grabber-bg.png) repeat-x left top !important; width:132px; font-size:16px; font-weight:bold; color:#FFF !important; line-height:16px; height:54px; } .recent-grabber img { float:left; margin-right:5px;} .tooltip { background:url(../images/rec-grab-bg.png) no-repeat left top; color:#FFF; padding:10px 18px; position:absolute; top:-48px; left:0;height:26px; width:110px; font-size:12px; } .rec-grab { position:relative;} /* continuing sami's and ahsan's work for winners page [shahzad on 8-6-12] */ .winners { margin-top:15px;} .prePlay .newGreenbtn { color:#3B5E00;} .winnerPod { background:#000; text-align:center; margin-right:58px;} .winnerPod img { border:4px solid #fff; margin:15px 0px;} .winnerPod h2 { background:#4b9013; color:#fff; text-align:center; border-bottom:1px solid #fff;} .winnerPod.invitee h2 { background:#de7b06;} .winnerPod.mostGrabber { margin:0px;} .winnerPod.mostGrabber h2{ background:#2073c0;} .CollapsiblePanelTab { color:#fff; border-top:1px solid #fff; border-bottom:1px dashed #1a1a1a; padding:10px; position:relative; cursor:pointer;} .CollapsiblePanelTab .arrow { position:absolute; right:10px; top:12px; width:12px; height:12px; background:url(../images/arrows.png) no-repeat;} .CollapsiblePanelTab .arrow.collapsed { background-position:0px -14px;} .invitee .CollapsiblePanelTab .arrow { background-position:-32px 0px;} .invitee .CollapsiblePanelTab .arrow.collapsed { background-position:-32px -14px;} .mostGrabber .CollapsiblePanelTab .arrow { background-position:-64px -14px;} .mostGrabber .CollapsiblePanelTab .arrow.collapsed { background-position:-64px 0px;} .CollapsiblePanelTab, .CollapsiblePanelContent { text-align:left; } .CollapsiblePanelContent p{ padding:5px 10px; line-height:20px; width:auto; float:none;color:#fff;} .CollapsiblePanelContent p span { float:left;} .CollapsiblePanelContent p b { float:right; font-weight:normal;} .CollapsiblePanelContent p { overflow:hidden;} .ttlGrb { border-top:1px dashed #1a1a1a; padding:10px 5px;} .ttlGrb span { color:#4b9013; font-size:18px;} .ttlGrb b { font-size:20px;} .CollapsiblePanelContent { display:none;} .redError {float:left;width:96%; padding:2%; background:#ffebe8; color:#333; border:1px solid #dd3c10;} .signincnt {background:url(/images/white_trans.png); float:left; width:98%;padding:1%; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;} .signincnt .row label { text-align:left; } /*Edit Profile Page Setting By Ahsan zaheer on 9-6-12*/ .icons { width:24px; height:24px; padding-right:5px; float:left;} .hotmail { background:url(../images/hotmail-icon.png) no-repeat left top; } .resend { background:url(../images/resend.png) no-repeat left 5px; } .gmail { background:url(../images/gmail-icon.png) no-repeat left 5px; } .web { background:url(../images/web-icon.png) no-repeat left 5px; } .VerifiedMem { background:#f8f8f8; border:solid 1px #e0e0e0; display:block; margin:15px 0; padding:15px; color:#555555;} .VerifiedMem strong { font-size:18px; padding:5px 0; border-bottom:solid 1px #CCC; display:block;} .VerifiedMem ul { overflow:hidden; margin-top:10px;} .VerifiedMem li { float:left; width:50%;*width:49%;} .VerifiedMem li label { padding-top:5px !important; width:80px !important;} .sendvouch { text-align:right; margin-right:15px; margin-top:10px;} .VerifiedMem li input[type=text] { width:350px !important;} .VerifiedMem { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .sendvouch input.newGreenbtn { font-size:20px;} .notification { /*border: 1px solid;*/ margin: 10px 5px; padding:5px 5px 5px 50px; background-repeat: no-repeat; background-position: 10px center; box-shadow:0px 0px 5px #ccc; border-radius:8px 8px 8px 8px; -mox-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; } .notification h4 { text-transform:capitalize; } .notification .close-msg { cursor: pointer; float: right; font-size: 12px; font-weight: bold; margin-top: -4px; padding: 2px; text-decoration: none; text-shadow: 0 1px 1px #FFFFFF; } .notification p { padding-right:19px;} .info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png'); } .success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success.png'); } .warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning.png'); } .error { color: #D8000C; background-color: #FFBABA; background-image: url('../images/error.png'); } /* Providded by sami for FB button at top*/ .tFB { float: right; height: 38px; width: 300px; } /*BEGIN : Autocomplete theme*/ .ac_results{width:310px !important;} .ac_results li{padding:10px; display:block; color:#333; font-size:13px; font-weight:bold;} .ac_results li:hover , .ac_results li.ac_over {background:#fff;} li.ac_even{background:#f1f9ff; } li.ac_odd{background:#e8e8e8; } /*END : Autocomplete theme*/ /* Sami 11-06-2012 For Signin Page panel*/ .facebookBtn {float:left;width:100%;} .facebookBtn li {margin:15px 0 0 5px; background-image:url('../images/fbb_btn.png'); background-repeat: no-repeat; } .facebookBtn li, .facebookBtn li a {float:left;width:350px;height:38px;display: block;} .box{border: solid 1px #c8d5db; padding:18px; margin:20px 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden;} .sclOr {float:left;width:100%; margin:15px 0; height:42px; line-height:44px;background:url('../images/orbg.png') center center no-repeat;text-align:center;} .yellowBtn { cursor:pointer; padding: 7px 20px; border: 1px solid #feb602; text-shadow: 0 1px #FFEAA7; font-size: 18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background: #c8e183; /* Old browsers */ background: -moz-linear-gradient(top, #fdfe03 0%, #feb602 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfe03), color-stop(100%,#feb602)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfe03 0%,#feb602 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfe03 0%,#feb602 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdfe03 0%,#feb602 100%); /* IE10+ */ background: linear-gradient(top, #fdfe03 0%,#feb602 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfe03', endColorstr='#feb602',GradientType=0 ); /* IE6-9 */} .notification .yellowBtn { padding: 3px 10px; font-size:13px; margin:6px 0; } .lh30 { line-height:30px; } /* previous and upcoming games page by shahzad added on 11-6-12 for old pages in to new design listing */ .gameListing { border:1px solid #e6e6e6; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden; margin-bottom:30px; background:#F8F8F8; -moz-box-shadow: -2px 2px 6px #cfcfcf; -webkit-box-shadow: -2px 2px 6px #cfcfcf; box-shadow: -2px 2px 6px #cfcfcf;} .gameListing li {font-size:13px; overflow:hidden; line-height:20px; color:#555555; border-bottom:1px dashed #cccccc; padding:15px 7px; border-bottom:1px solid #e5e5e5;} .gameListing li .gameTitle { color:#333; font-size:18px; line-height:24px; padding-bottom:10px; display:block;} .gameListing li blockquote { display:inline; color:#176898;} .gameListing li p { font-size:14px; line-height:18px; color:#333;} .gameListing li:hover { background:#fafafa;} .gameListing li .buttons {float:right; width:10%;} .gameListing li .buttons .blueBtn { /*border:1px solid #acacac;*/ border:1px solid #333;} .gameListing li .buttons .blueBtn span{ /*color:#888888;*/ color:#000; border:1px solid #fff; text-shadow:0px -1px 0px #fff; background:#fff; filter:none; padding:2px 35px;} .gameListing li:hover .buttons .blueBtn span{ color:#fff; border:1px solid #51a6dc; text-shadow:0px -1px 1px #0a3752; background:#1c8bd2; /* Old browsers */background:-moz-linear-gradient(top, #1c8bd2 0%,#1683c6 52%,#0675bd 52%,#0466a3 100%); /* FF3.6+*/background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1c8bd2),color-stop(52%,#1683c6),color-stop(52%,#0675bd),color-stop(100%,#0466a3)); /* Chrome,Safari4+*/background:-webkit-linear-gradient(top, #1c8bd2 0%,#1683c6 52%,#0675bd 52%,#0466a3 100%); /* Chrome10+,Safari5.1+*/background:-o-linear-gradient(top, #1c8bd2 0%,#1683c6 52%,#0675bd 52%,#0466a3 100%); /* Opera 11.10+*/background:-ms-linear-gradient(top, #1c8bd2 0%,#1683c6 52%,#0675bd 52%,#0466a3 100%); /* IE10+*/background:linear-gradient(top, #1c8bd2 0%,#1683c6 52%,#0675bd 52%,#0466a3 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8bd2',endColorstr='#0466a3',GradientType=0 ); /* IE6-9 */overflow:hidden} .gameListing li:hover .buttons .blueBtn { border:1px solid #0E5786;} .gameListing .profilePic, .gameListing .gameInfo {float:left;} .gameListing .gameInfo { width:85%;} .gameListing .profilePic { margin-right:10px; padding:0px; border:0px;} .gameListing .profilePic .thumb{width:122px; height:114px; border:1px solid #d0d0d0; display:block; text-indent:0px;} .gameListing li .finishedAt, .gameListing li .comingAt { color:#cd0505; float:left; width:60%; padding-top:10px;} .gameListing li .comingAt { color:#4b9013;} .blogBtn { margin-left:2px;} /* setting the old css of the dashboard for new style [old stylesheet required on dashboard at the momoent] by shahzad on 11-6-12*/ #divWinPanel, .msgTbl table{background:#F8F8F8;} .msgTbl table th, .msgTbl table .headings td {background:#F0F0F6;border-top: 1px solid #FFFFFF;font-size: 18px;font-weight: normal;} .msgTbl, #divWinPanel {-moz-box-shadow: -2px 2px 6px #cfcfcf; -webkit-box-shadow: -2px 2px 6px #cfcfcf; box-shadow: -2px 2px 6px #cfcfcf;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden;} /*for popup close btn*/ .pdclose { background:#FFFFFF;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: red;font-weight: bold;height: 20px;line-height: 20px;position: absolute;right: -10px;text-align: center;top: -10px;width: 20px;} .txtnVldtr{padding-bottom:10px;float:left;} .cl {clear:left;} /*Developer Section*/ .plyr{ border:1px solid #ccc;padding:2px; width:64px; height:55px; text-align:center; background-color:#fff;} .red{ color:Red;clear:left; font-size:12px;} .shareTwtr,.shareFb {height:22px; border:none;margin-left:5px; cursor:pointer;} .shareTwtr {width:76px;background:url('../images/twitter_share.png') no-repeat;} .shareFb {width:69px;background:url('../images/face_share.png') no-repeat;} /*End Of Developer Section*/ /*compain page settings according to new design on 12-6-12 by shahzad*/ .grabNow { background:url('../images/gbar_now.png') no-repeat;width:380px; height:74px; border:0px;} .playNow { background:url('../images/play.png') no-repeat; width:380px; height:73px; border:0px;} .proceed { background:url('../images/proceed.png') no-repeat; width:217px; height:49px; border:0px;} #divPrePlay, #divGrabButton { margin-top:15px; text-align:center;} #divProceed{ text-align:center;} /*By Sami 18-06-2012*/ .ticklist { padding-top: 10px; } .ticklist li { padding-left: 28px; line-height: 30px; background: url('images/check_icon.png') 0 7px no-repeat; } /* Changes for the banner of PrePlay */ .blueBanner {border:1px solid #d8d8d8; overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .blueBanner .inner{float:left;background: #1787ce; /* Old browsers */ background: -moz-linear-gradient(top, #1787ce 0%, #095e94 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1787ce), color-stop(100%,#095e94)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1787ce 0%,#095e94 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1787ce 0%,#095e94 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1787ce 0%,#095e94 100%); /* IE10+ */ background: linear-gradient(top, #1787ce 0%,#095e94 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1787ce', endColorstr='#095e94',GradientType=0 ); /* IE6-9 */ border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; padding:10px 10px 32px 65px; position:relative; } .title { color:#fff; font-size:30px; font-weight:normal; padding-bottom:6px; float:left; width:73%;} .link { padding:5px; background:#277fb7;color:#fff; float:left; width:78%;word-wrap: break-word; min-height:38px; } .link a { color:#fff; font-size:13px; line-height:19px;} .arrow-right { float:left;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 23px solid transparent;border-left: 25px solid #277fb7;} .pin { position:absolute; top:10px; left:0px; background:url(../images/pin.png) no-repeat; width:52px; height:65px;} /**********************For Glaxy Changes*********************/ .blueBanner {border:1px solid #d8d8d8; overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .blueBanner .inner{float:left;*width:93%;background: #1787ce; /* Old browsers */ background: -moz-linear-gradient(top, #1787ce 0%, #095e94 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1787ce), color-stop(100%,#095e94)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1787ce 0%,#095e94 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1787ce 0%,#095e94 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1787ce 0%,#095e94 100%); /* IE10+ */ background: linear-gradient(top, #1787ce 0%,#095e94 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1787ce', endColorstr='#095e94',GradientType=0 ); /* IE6-9 */ border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; padding:10px 10px 12px 65px; position:relative; } .bnrLft {float:left;width:44%;} .bnrRgt {float:left;width:55%; margin-left:1%;} .title { color:#fff; font-size:30px; font-weight:normal; padding-bottom:6px; float:left; width:100%;} .link { float:left; width:98%;font-size:14px;line-height:19px;*clear:left;padding:5px; background:#277fb7;color:#fff; word-wrap: break-word; min-height:38px; } .link a { color:#fff; font-size:13px; line-height:19px;} .arrow-right { float:left;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 23px solid transparent;border-left: 25px solid #277fb7;} .pin { position:absolute; top:10px; left:0px; background:url(../images/pin.png) no-repeat; width:52px; height:65px;}