/** * @bingotoday.css * The complete stylesheet for bingotoday.co.uk * * Contains all the styling for the site, including any responsive design tweaks */ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ 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 { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /** * @colour.less * The font file for Bingofriends.com * * Contains all embedded fonts used in the site. */ /**** bingostars colours ****/ /**** betuk colours ****/ /**** end betuk colours ****/ /**** bingofriends colours ****/ /* #D9D9D9 */ /* @dark-grey */ /**** general colours ****/ /** * @mixins.less * @author darryl.haydnjones@bedegaming.com * A core library of mixins useful for any project. * */ /* Bingo stars gradient for navigation */ .gradientBSNav { background: #f2bfd5; /* Old browsers */ background: -moz-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2bfd5), color-stop(2%, #ec297c), color-stop(50%, #ec297c), color-stop(51%, #d32470), color-stop(100%, #cb165f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2bfd5', endColorstr='#cb165f', GradientType=0); /* IE6-9 */ } .gradient-bf-blue { background: #59bcec; /* Old browsers */ background: -moz-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59bcec), color-stop(2%, #00acee), color-stop(50%, #01a7e6), color-stop(51%, #0785b7), color-stop(100%, #0494cb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* IE10+ */ background: linear-gradient(to bottom, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bcec', endColorstr='#0494cb', GradientType=0); /* IE6-9 */ } .gradientBSContact { background: #f8e8ff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZThmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWY4OWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNlMjMwYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNlMjJmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkNDJiYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNiZDI2OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiM5MjFiNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzczYzYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8e8ff), color-stop(2%, #ef89d6), color-stop(5%, #e230b7), color-stop(20%, #e22fb7), color-stop(40%, #d42baa), color-stop(63%, #bd2694), color-stop(97%, #921b6a), color-stop(100%, #773c63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb29bd', endColorstr='#9b1b6e', GradientType=0); /* IE6-8 */ } .gradientBSPurple { background: #881a63; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3OTc5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjc5OGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNhOTRhOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNhNTQ2ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNhMTQyODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM5OTNiNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiM4NjFiNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiM3YzE2NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiM3MTEyNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiM3MDEwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTc5Nzk3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979797), color-stop(2%, #f798d8), color-stop(4%, #a94a8c), color-stop(22%, #a54688), color-stop(29%, #a14282), color-stop(51%, #993b79), color-stop(53%, #861b63), color-stop(69%, #7c1658), color-stop(93%, #71124c), color-stop(98%, #70104d), color-stop(100%, #979797)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* IE10+ */ background: linear-gradient(to bottom, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881a63', endColorstr='#57103f', GradientType=0); /* IE6-8 */ } /* * Mixin supports retina gfx without all the hassle. */ /** * @font.less * The font file for Bingofriends.com * * Contains all embedded fonts used in the site. */ @font-face { font-family: 'eurofurence-regular'; src: url('../fonts/eurof55-webfont.eot'); src: url('../fonts/eurof55-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/eurof55-webfont.woff') format('woff'), url('../fonts/eurof55-webfont.ttf') format('truetype'), url('../fonts/eurof55-webfont.svg#eurofurence_regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'eurofurence-thin'; src: url('../fonts/eurof35-webfont.eot'); src: url('../fonts/eurof35-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/eurof35-webfont.woff') format('woff'), url('../fonts/eurof35-webfont.ttf') format('truetype'), url('../fonts/eurof35-webfont.svg#eurofurence_regular') format('svg'); font-weight: normal; font-style: normal; } /** * @screen.less * The screen stylesheet for Bingotoday.co.uk * * Contains all major layout styling. */ /* Constants */ /**** Styles ****/ html { background: #c30062 url('../images/html-bg.jpg') repeat-x 50% 0; border-top: 6px solid #9b1269; } body { background: url('../images/bg_body.jpg') no-repeat 50% 0; color: #6e6e6e; font: normal 10px/1.3 Helvetica, Arial, sans-serif; min-height: 100%; min-width: 100%; position: relative; width: 100%; } .container { margin: 0 auto; padding: 0 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 960px; background: #fff; } #header-container { clear: both; padding-top: 10px; width: 100%; /* header */ } #header-container #header { min-height: 130px; } #header-container #header #menuContainer { position: relative; } #header-container #header #menuContainer h2 { color: white; display: block; float: left; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; margin-right: 10px; margin-top: 10px; } #header-container #header #menuContainer #help-module { color: white; float: right; font-size: 12px; width: 470px; margin: 10px 0 0 0; } #header-container #header #menuContainer #help-module ul li { background: #85c4e0; /* Old browsers */ background: -moz-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c4e0), color-stop(2%, #47c4ee), color-stop(7%, #45c3ee), color-stop(13%, #3fbce8), color-stop(18%, #37b5e2), color-stop(27%, #24a5d2), color-stop(42%, #017eb0), color-stop(56%, #006294), color-stop(60%, #006093), color-stop(76%, #004376), color-stop(82%, #003762), color-stop(84%, #003762), color-stop(93%, #002a4d), color-stop(96%, #002a4d), color-stop(100%, #002446)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* IE10+ */ background: linear-gradient(to bottom, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c4e0', endColorstr='#002446', GradientType=0); /* IE6-9 */ display: block; float: right; font-family: Eurofurence-regular, sans-serif; font-size: 15px; font-weight: bold; height: 36px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #header-container #header #menuContainer #help-module ul li .icon1 { background: no-repeat url('../images/icon_contact-options.png') 0 0; display: block; float: left; height: 28px; margin: 4px 10px 10px 4px; width: 28px; } #header-container #header #menuContainer #help-module ul li .icon2 { background: no-repeat url('../images/icon_contact-options.png') -28px 0; display: block; float: left; height: 28px; margin: 4px 10px 10px 4px; width: 28px; } #header-container #header #menuContainer #help-module ul li .icon3 { background: no-repeat url('../images/icon_contact-options.png') -57px 0; display: block; float: left; height: 28px; margin: 4px 10px 10px 4px; width: 28px; } #header-container #header #menuContainer #help-module ul li a { color: white; display: block; font-size: inherit; height: inherit; text-shadow: 2px 2px 2px #1d4e81, 0px 2px 2px #1d4e81, -2px 2px 2px #1d4e81, -2px 0px 2px #1d4e81, -2px -2px 2px #1d4e81, 0px -2px 2px #1d4e81, 2px -2px 2px #1d4e81; padding-left: 0; width: inherit; } #header-container #header #menuContainer #help-module ul li a:hover { text-decoration: underline; } #header-container #header #menuContainer #help-module ul li#help-phone { cursor: pointer; background: #a3cb70; /* Old browsers */ background: -moz-linear-gradient(top, #a3cb70 0%, #a0d357 2%, #b0da6e 5%, #c5e091 7%, #c5e091 28%, #bedd8b 30%, #add378 33%, #62a83b 40%, #539e30 42%, #3b8a36 53%, #26773b 70%, #1f7035 81%, #195e2d 98%, #195e2d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a3cb70), color-stop(2%, #a0d357), color-stop(5%, #b0da6e), color-stop(7%, #c5e091), color-stop(28%, #c5e091), color-stop(30%, #bedd8b), color-stop(33%, #add378), color-stop(40%, #62a83b), color-stop(42%, #539e30), color-stop(53%, #3b8a36), color-stop(70%, #26773b), color-stop(81%, #1f7035), color-stop(98%, #195e2d), color-stop(100%, #195e2d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3cb70 0%, #a0d357 2%, #b0da6e 5%, #c5e091 7%, #c5e091 28%, #bedd8b 30%, #add378 33%, #62a83b 40%, #539e30 42%, #3b8a36 53%, #26773b 70%, #1f7035 81%, #195e2d 98%, #195e2d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3cb70 0%, #a0d357 2%, #b0da6e 5%, #c5e091 7%, #c5e091 28%, #bedd8b 30%, #add378 33%, #62a83b 40%, #539e30 42%, #3b8a36 53%, #26773b 70%, #1f7035 81%, #195e2d 98%, #195e2d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3cb70 0%, #a0d357 2%, #b0da6e 5%, #c5e091 7%, #c5e091 28%, #bedd8b 30%, #add378 33%, #62a83b 40%, #539e30 42%, #3b8a36 53%, #26773b 70%, #1f7035 81%, #195e2d 98%, #195e2d 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3cb70 0%, #a0d357 2%, #b0da6e 5%, #c5e091 7%, #c5e091 28%, #bedd8b 30%, #add378 33%, #62a83b 40%, #539e30 42%, #3b8a36 53%, #26773b 70%, #1f7035 81%, #195e2d 98%, #195e2d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3cb70', endColorstr='#195e2d', GradientType=0); /* IE6-9 */ text-shadow: 2px 2px 2px #1a7237, 0px 2px 2px #1a7237, -2px 2px 2px #1a7237, -2px 0px 2px #1a7237, -2px -2px 2px #1a7237, 0px -2px 2px #1a7237, 2px -2px 2px #1a7237; } #header-container #header #menuContainer #help-module ul li#help-phone span { display: block; margin-top: 9px; padding-right: 10px; width: 130px; } #header-container #header #menuContainer #help-module ul li#help-chat span { display: block; float: left; margin-top: 9px; padding-right: 10px; width: 60px; } #header-container #header #menuContainer #help-module ul li#help-email span { display: block; float: left; margin-top: 9px; padding-right: 10px; width: 50px; } #header-container #header #menuContainer #help-module ul li#help-chat:hover, #header-container #header #menuContainer #help-module ul li#help-email:hover { background: #199ed1; } #header-container #header #menuContainer #help-module .cb { display: none; } #header-container #header #menuContainer #login { float: right; margin: 10px 0 30px 0; width: 470px; } #header-container #header #menuContainer #login a#reg-link, #header-container #header #menuContainer #login a#pass-remind { color: #199ed1; font-size: 13px; font-weight: bold; padding: 0 6px 0 0; text-decoration: none; } #header-container #header #menuContainer #login a#reg-link:hover, #header-container #header #menuContainer #login a#pass-remind:hover { text-decoration: underline; } #header-container #header #menuContainer #login a#pass-remind { color: #e9432f; margin-left: 98px; } #header-container #header #menuContainer #login #login-errors { background: white !important; color: red; font-size: 12px; left: -343px; position: relative; text-decoration: none; top: 60px; } #header-container #header #menuContainer #login #login-errors .error { color: #515251; border: 1px solid #881a63; font-size: 10px; display: block; background: #fddcdc; background: -moz-linear-gradient(center top, #ffffff, #fddcdc) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fddcdc)); background: -webkit-linear-gradient(top, #ffffff 0%, #fddcdc 100%); background: -o-linear-gradient(top, #ffffff 0%, #fddcdc 100%); background: linear-gradient(top, #ffffff 0%, #fddcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#fddcdc); line-height: 1.3em; padding: 5px; position: absolute; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 100; } #header-container #header #menuContainer #login #login-form { background: transparent; border: 0; font-size: 100%; margin: 0 0 5px 0; outline: 0; overflow: visible; padding: 0; vertical-align: baseline; } #header-container #header #menuContainer #login .inlineElements { float: left; margin: 0 0 2px 0; } #header-container #header #menuContainer #login #login-field, #header-container #header #menuContainer #login #pass-field { background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -moz-box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); } #header-container #header #menuContainer #login #login-field, #header-container #header #menuContainer #login #pass-field { border-image: initial; border: 1px solid #c5c5c5; background: white; color: #5b5b5b; font-size: 12px; margin: 1px; padding: 8px 6px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 167px; zoom: 1; } #header-container #header #menuContainer #login #login-btn { background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ border: 1px solid #fff; color: #fff; cursor: pointer; display: inline-block; font-family: eurofurence-regular, sans-serif; font-size: 18px; font-weight: normal; height: 36px; line-height: 1.4em; margin: 0 10px 0 3px; text-shadow: 2px 2px 2px #d5561d, 0px 2px 2px #d5561d, -2px 2px 2px #d5561d, -2px 0px 2px #d5561d, -2px -2px 2px #d5561d, 0px -2px 2px #d5561d, 2px -2px 2px #d5561d; padding: 6px 0; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 83px; text-transform: uppercase; } #header-container #header #menuContainer #login #login-btn:hover { background: #e94830; } #header-container #header #menuContainer #navigation { clear: both; font-family: "Helvetica", Verdana, Arial, sans-serif; font-weight: bold; background: #85c4e0; /* Old browsers */ background: -moz-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c4e0), color-stop(2%, #47c4ee), color-stop(7%, #45c3ee), color-stop(13%, #3fbce8), color-stop(18%, #37b5e2), color-stop(27%, #24a5d2), color-stop(42%, #017eb0), color-stop(56%, #006294), color-stop(60%, #006093), color-stop(76%, #004376), color-stop(82%, #003762), color-stop(84%, #003762), color-stop(93%, #002a4d), color-stop(96%, #002a4d), color-stop(100%, #002446)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* IE10+ */ background: linear-gradient(to bottom, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c4e0', endColorstr='#002446', GradientType=0); /* IE6-9 */ padding: 5px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; margin-bottom: 10px; } #header-container #header #menuContainer ul { border: 0; display: block; font-size: 100%; height: 42px; list-style: none; margin: 0; outline: 0; padding: 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; vertical-align: baseline; } #header-container #header #menuContainer ul li { float: left; list-style: none; margin: 13px 30px 0 5px; } #header-container #header #menuContainer ul li a { border-left: 1px solid #fff; color: #fff; display: block; font-size: 16px; text-shadow: 2px 2px 2px #013872, 0px 2px 2px #013872, -2px 2px 2px #013872, -2px 0px 2px #013872, -2px -2px 2px #013872, 0px -2px 2px #013872, 2px -2px 2px #013872; padding-left: 2em; text-decoration: none; } #header-container #header #menuContainer ul li a:hover { color: #d2237b; } #header-container #header #user-panel { color: white; float: right; font-size: 12px; background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ height: 2em; margin-bottom: 13px; padding: 5px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 70%; } #header-container #header #user-panel ul { float: left; } #header-container #header #user-panel ul li { border-right: 1px solid #fff; color: white; float: left; list-style: none; line-height: 2em; margin: 0; padding: 0 7px; } #header-container #header #user-panel ul li a { color: white; font-size: 12px; padding: 0; text-decoration: none; } #header-container #header #user-panel ul li a:hover { color: white; text-decoration: underline; } #header-container #header #user-panel ul li#account-balance { width: auto; } #header-container #header #user-panel ul li#account-balance a { float: left; } #header-container #header #user-panel ul li#account-balance span { margin-left: 4px; } #header-container #header #user-panel ul li .username { font-weight: bold; } #header-container #header #user-panel ul li:nth-child(4) { border-right: none; } #header-container #header #user-panel ul#help-logged { float: right; } #header-container #header #user-panel ul#help-logged li { padding: 0 9px; } #header-container #header #user-panel ul#help-logged li.playbingo { position: absolute; top: 16px; right: 0; margin: 0; padding: 0; } #header-container #header #user-panel ul#help-logged li.playbingo a { border: 1px solid #e9432f!important; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 22px; background: #e47d2d; /* Old browsers */ background: -moz-linear-gradient(top, #e47d2d 0%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e47d2d), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e47d2d 0%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e47d2d 0%, #e9432f 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #e47d2d 0%, #e9432f 100%); /* W3C */ padding: 18px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 8px #888888; -moz-box-shadow: 0px 0px 8px #888888; -webkit-box-shadow: 0px 0px 8px #888888; text-shadow: 0px 0px 4px #a12111 !important; text-transform: uppercase; } #header-container #header #user-panel ul#help-logged li.playbingo a:hover { background: #e9432f; text-decoration: none; } #header-container #header #user-panel ul#help-logged li:last-child { border-right: none; } #header-container #header #logoContainer { float: left; margin-bottom: 6px; margin-top: 18px; } #header-container #header #logoContainer #logo a { background: transparent url('../images/logo_bingo-today.jpg') no-repeat; display: block; height: 90px; text-indent: -9999em; width: 468px; overflow: hidden; margin: 5px 0 0 0; position: relative; z-index: 2; } #header-container #header #logoContainer img.fl-right { margin-top: 5px; margin-bottom: 5px; } /* #header-container */ .form-item { position: relative; } .form-item label { display: inline-block; font-size: 12px; width: 120px; } .form-item input { border: 1px solid #c5c5c5; height: 25px; margin-bottom: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 164px; } .form-item span.tick { background: url('../images/validate-tick.png') no-repeat scroll 0 0 transparent; height: 16px; left: 302px; position: absolute; top: 7px !important; width: 16px; } .form-item span.cross { background: url('../images/validate-cross.png') no-repeat scroll 0 0 transparent; height: 16px; left: 302px !important; position: absolute; top: 7px !important; width: 16px; } #content { background: #fff; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; padding-bottom: 10px; min-height: 586px; /* accountmenu */ /* #payment_form, #capture_payment_form, */ /* form#capture_payment_form { .form-bttn { button { margin-right: 0 !important; } } #capturebonus, #depositbonus { .form-item { .tick { top: -7px !important; } } } } */ /* CARD DEPOSIT APPROVED OR FAILED */ /* response_info (for deposits/withdrawls) */ /* CARD DEPOSIT APPROVED OR FAILED END */ } #content h1 { color: #cf1771; font-size: 20px; font-weight: bold; margin-bottom: 10px; } #content h2 { color: #1588b4; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 10px 0; padding-bottom: 5px; line-height: 32px; } #content h2.deposit-header { display: none; /* deposit title hidden so form btn is above the fold */ margin-bottom: 10px; margin-left: 20px; } #content h3 { font-size: 24px; margin: 0 0 20px; color: #094D82; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } #content h4 { color: #094D82; display: block; font-size: 16px; font-weight: bold; margin: 0 0 10px; } #content button { background: #01a7e6; border: none; color: #fff; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 123px; padding: 8px 0; width: 110px; } #content button:hover { background: #199ed1; } #content select { margin-bottom: 6px; width: 195px; } #content #ips-text { line-height: 1.5em; margin: 20px; } #content #ips-text a { color: #cf1771; text-decoration: none; } #content #ips-text a:hover { text-decoration: underline; } #content table { border-collapse: collapse; border: 1px solid #e8e7e7; color: #5b5b5b; font-size: 12px; margin-top: 15px; margin-bottom: 15px; width: 100%; } #content table th { background: #01a7e6; color: #ffffff; padding: 4px 6px; } #content table tbody { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } #content table tbody tr { border-bottom: 1px solid #e8e7e7; } #content table tbody tr:nth-child (odd) { background-color: #f7f7f7; } #content table tbody tr td { padding: 7px 5px; border-left: 1px solid #e8e7e7; } #content #accountHistory_form { font-size: 12px; margin: 20px 0 20px 0; } #content #accountHistory_form select { width: 179px; } #content #insternal-error { margin: 20px 0 20px 20px; } #content #letterbox { float: left; position: relative; margin-bottom: 10px; } #content #letterbox img { width: 607px; height: 340px; } #content #letterbox #join-btn-slide { border: 0; background: no-repeat url('../images/letterbox_btn.png'); bottom: 30px; color: #de0475; display: block; float: right; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; height: 36px; left: 70px; padding: 18px 0 0 60px; position: absolute; bottom: 20px; left: 20px; text-decoration: none; width: 224px; z-index: 1000; } #content #letterbox #join-btn-slide:hover { background-position-y: -54px; } #content #promoBoxes { padding: 8px 10px 7px 10px; overflow: hidden; } #content #promoBoxes .promo1 { background: no-repeat url('../images/promo_1.png'); float: left; height: 238px; width: 464px; } #content #promoBoxes .promo2 { background: no-repeat url('../images/promo_2.png'); float: right; height: 238px; width: 464px; } #content #promoBoxes .promo2 a { background: no-repeat url('../images/promo_btn.png'); color: #fff; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 20px; font-weight: normal; display: block; height: 36px; margin: 177px 0 0 207px; overflow: hidden; padding: 16px 0 0 36px; text-decoration: none; text-transform: uppercase; width: 224px; } #content #promoBoxes .promo2 a:hover { background-position-y: -52px; } #content #game-lightbox-id { display: none; } #content #accounthead { margin-left: 20px; margin-top: 20px; } #content #accounthead h1 { float: left; margin-bottom: 30px; width: 735px; } #content #accounthead ul#accountinfo { border: none !important; color: white; float: right; font-size: 12px !important; margin-bottom: 20px; margin-right: 20px; right: -10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ padding: 10px 15px 8px 15px; position: absolute; box-shadow: 0.5px 0.5px 3px #5b5b5b; -moz-box-shadow: 0.5px 0.5px 3px #5b5b5b; -webkit-box-shadow: 0.5px 0.5px 3px #5b5b5b; top: -15px; width: auto; } #content #accounthead ul#accountinfo li.balance { float: left; padding: 0; } #content .relative { position: relative; } #content #accountmenu { border-bottom: 1px solid #c5c5c5; clear: none; display: block; height: 21px; line-height: 20px; margin: 22px 0 40px; padding: 0; padding-left: 13px; } #content #accountmenu ul { float: left; margin-bottom: 20px; margin-right: 10px; position: relative; width: 99.3%; } #content #accountmenu ul li { float: left; list-style: none; margin-left: 5px; margin-top: -1px; } #content #accountmenu ul a { background: #f7f7f7; border: 1px solid #c5c5c5; color: #5b5b5b; height: 20px; padding: 8px 10px 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; z-index: 0; } #content #accountmenu ul a:hover { text-decoration: underline; } #content #accountmenu ul ul { border-bottom: 1px solid #c5c5c5; display: none; font-size: 11px; left: 0; margin-bottom: 10px; margin-right: 20px; padding-top: 7px; padding-bottom: 11px; position: absolute; top: 100%; } #content #accountmenu ul ul li { float: left; padding-top: 0; padding-bottom: 0; line-height: 12px; } #content #accountmenu ul .here a { background: white; border-bottom: 1px solid white; color: #cf1771; height: 20px; position: relative; text-decoration: none; z-index: 15; } #content #accountmenu ul .here a:hover { text-decoration: underline; } #content #accountmenu ul .here ul { display: block; z-index: 1; } #content #accountmenu ul .here ul li { border-right: 1px solid #5b5b5b; float: left; line-height: 12px; margin-top: 5px; padding-right: 10px; padding-top: 0; padding-bottom: 0; } #content #accountmenu ul .here ul li a { border: none; color: #5b5b5b; text-decoration: none; } #content .account-bet-history { padding: 0 20px 20px 20px; } #content #accountHistoryTable { border-collapse: collapse; font-size: 12px; color: #5b5b5b; margin-bottom: 15px; margin-top: 25px; margin-right: 20px; width: 100% !important; } #content #accountHistoryTable thead { padding-bottom: 5px; } #content #accountHistoryTable thead tr th { color: white; font-size: 12px; font-weight: bold; background: #85c4e0; /* Old browsers */ background: -moz-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c4e0), color-stop(2%, #47c4ee), color-stop(7%, #45c3ee), color-stop(13%, #3fbce8), color-stop(18%, #37b5e2), color-stop(27%, #24a5d2), color-stop(42%, #017eb0), color-stop(56%, #006294), color-stop(60%, #006093), color-stop(76%, #004376), color-stop(82%, #003762), color-stop(84%, #003762), color-stop(93%, #002a4d), color-stop(96%, #002a4d), color-stop(100%, #002446)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* IE10+ */ background: linear-gradient(to bottom, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c4e0', endColorstr='#002446', GradientType=0); /* IE6-9 */ padding: 9px; text-align: left; } #content #accountHistoryTable thead tr:nth-child(odd) { background: #f7f7f7; } #content a.button-glossy { color: #de0475; display: block; font-size: 16px; font-weight: bold; margin: 10px 0 20px 20px; text-decoration: none; } #content a.button-glossy:hover { text-decoration: underline; } #content #account-details table#accountSummaryTable thead tr th { padding-bottom: 5px; padding-top: 5px; } #content #account-details h2 { margin-top: 50px; } #content #account-details { margin: 50px 0 20px 20px; } #content #account-details [disabled="disabled"] { color: #bab9b9; } #content #account-details p { font-size: 12px; line-height: 1.5em; } #content #account-details a { color: #de0475; text-decoration: none; } #content #account-details a:hover { text-decoration: underline; } #content #account-details #update-details form#accountdetails-form { font-size: 12px; } #content #account-details #update-details form#accountdetails-form .form-left { float: left; width: 48%; } #content #account-details #update-details form#accountdetails-form .form-left fieldset#personal legend { color: #1588b4; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; } #content #account-details #update-details form#accountdetails-form .form-left fieldset#personal .form-item input { border: 1px solid #c5c5c5; font-size: 12px; height: 25px; margin-bottom: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 180px; } #content #account-details #update-details form#accountdetails-form .form-left fieldset#personal .form-item span.tick, #content #account-details #update-details form#accountdetails-form .form-left fieldset#personal .form-item span.cross { left: 324px !important; } #content #account-details #update-details form#accountdetails-form .form-right { float: right; margin-bottom: 10px; width: 48%; } #content #account-details #update-details form#accountdetails-form .form-right fieldset { margin-bottom: 20px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset legend { color: #1588b4; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item { position: relative; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item input { font-size: 11px; border: 1px solid #c5c5c5; font-size: 12px; height: 25px; margin-bottom: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 180px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item label { display: block; width: 120px; float: left; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item textarea#address { font-family: "Helvetica", Verdana, Arial, sans-serif; min-height: 80px !important; border: 1px solid #c5c5c5; font-size: 12px; height: 25px; margin-bottom: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 180px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item select { font-size: 11px; margin-bottom: 6px; width: 195px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item div.helper, #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item div.error { left: auto; right: 199px; position: relative; top: -38px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item div.helper span.helparrow, #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item div.error span.helparrow { left: auto; position: absolute; right: -40px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ -o-transform: rotate(180deg); /* Opera */ top: 8px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item span.tick, #content #account-details #update-details form#accountdetails-form .form-right fieldset .form-item span.cross { left: 330px !important; } #content #account-details #update-details form#accountdetails-form .form-right fieldset button.account-btn { background: #01a7e6; margin-left: 123px; padding: 8px 0; width: 110px; } #content #account-details #update-details form#accountdetails-form .form-right fieldset button.account-btn:hover { background: #199ed1; } #content #account-details #withdrawal-form { margin-bottom: 20px; } #content #account-details #withdrawal-form .form-item select[name="activecard"] { width: 178px; } #content #account-details .form-bttn { clear: both; margin-right: 19px; text-align: right; } #content #account-details .form-bttn button { background: #01a7e6; font-size: 12px !important; margin-left: 0; margin-right: 14px; padding: 8px !important; width: 157px; } #content #account-details .form-bttn button:hover { background: #199ed1; } #content #account-details .form-bttn button.hide { margin: 0; } #content #account-details .form-bttn #withdrawbtn { float: left; } #content #accountHistoryTable_paginate { margin-top: 20px; overflow: hidden; } #content #accountHistoryTable_paginate a#accountHistoryTable_previous, #content #accountHistoryTable_paginate a#accountHistoryTable_next { background: #01a7e6; color: #fff; font-size: 12px; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; } #content #accountHistoryTable_paginate a#accountHistoryTable_previous:hover, #content #accountHistoryTable_paginate a#accountHistoryTable_next:hover { background: #199ed1; } #content #accountHistoryTable_paginate a#accountHistoryTable_previous { float: left; } #content #accountHistoryTable_paginate #accountHistoryTable_next { float: right; } #content .success { display: block; margin-top: 48px; margin-bottom: 48px; } #content .fail { border: 1px solid #de0475; } #content .used-card { margin-left: 20px; /* #recurring_payment_form { width: 450px; .form-item { span.tick { left: 305px !important; } span.cross { left: 305px !important; } select[name="activecard"] { width: 178px; border: 1px solid @bs-lgrey2; } .error { span.helparrow { left: -8px; } } } } */ } #content #response_info { box-shadow: 0px 0px 5px #d0d0d0; -moz-box-shadow: 0px 0px 5px #d0d0d0; -webkit-box-shadow: 0px 0px 5px #d0d0d0; border: 1px solid #CCC; margin: 20px 0 20px; padding: 10px 2% 10px 4%; float: left; width: 93%; } #content #response_info .title { font-size: 16px; margin-bottom: 10px; } #content #response_info.fail { background: url('../images/fail_cross.png') 10px 26px no-repeat; } #content #response_info.fail .title { color: #c1272c; } #content #response_info.success { background: url('../images/pass_tick.png') 10px 26px no-repeat; } #content #bonusesTable { border-collapse: collapse; border: 1px solid #c5c5c5; font-size: 12px; margin: 0 20px 0 0; padding-top: 10px; padding-bottom: 10px; width: 98%!important; } #content #bonusesTable thead { padding-bottom: 5px; } #content #bonusesTable thead tr:nth-child(odd) { background: #f7f7f7; } #content #bonusesTable thead tr th { border: 1px solid transparent; color: white; font-weight: bold; background: #f2bfd5; /* Old browsers */ background: -moz-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2bfd5), color-stop(2%, #ec297c), color-stop(50%, #ec297c), color-stop(51%, #d32470), color-stop(100%, #cb165f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2bfd5 0%, #ec297c 2%, #ec297c 50%, #d32470 51%, #cb165f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2bfd5', endColorstr='#cb165f', GradientType=0); /* IE6-9 */ padding: 9px; text-align: left; } #content #cancelBonus { display: none; /* My Account / Promotion History copy */ line-height: 1.5em; margin: 0 0 20px 20px; } #content #cancelBonus h2 { margin-bottom: 0; margin-top: 10px; } #content #bonusCont { margin-left: 20px; min-height: 400px; } #content .chat-profile { margin: 20px 0; } #content .chat-profile .chatimage { float: left; margin-right: 20px; text-align: center; width: 90px; } #content .chat-profile table { float: left; margin: 0; width: 549px; } #content .chat-profile table th { width: 125px; } /* content end */ a#dialogbacktogame { display: block; margin-left: 20px; margin-top: 20px; } .message { line-height: 1.6em; } #terms { padding: 20px; line-height: 1.6em; } #terms h2 { margin-bottom: 0; margin-top: 15px; } #content-inner { background: white; line-height: 1.7em; min-height: 500px; overflow: hidden; /* right-content */ } #content-inner #right-content { color: #5b5b5b; float: left; min-height: 586px; padding: 10px; width: 630px; } #content-inner #right-content h1 { color: #094d82; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 40px; margin-bottom: 30px; margin-top: 0px; line-height: normal; } #content-inner #right-content a { color: #de0475; font-weight: bold; text-decoration: none; } #content-inner #right-content a:hover { border-bottom: 1px solid #de0475; cursor: pointer; } #content-inner #right-content h2 { color: #094D82; font-size: 30px; font-weight: bold; margin-bottom: 10px; } #content-inner #right-content p img { margin-top: 10px; width: 230px; } #content-inner #right-content ul { list-style: disc outside none; padding: 0 0 0 15px; } #content-inner #right-content ul li { margin: 10px 0; } #content-inner #right-content #bingo-linx ul { font-size: 21px; list-style: none outside none; padding: 0; } #content-inner #right-content #bingo-linx ul li { background: url("/assets/images/promotions/bingolinx.gif") no-repeat scroll left center rgba(0, 0, 0, 0); line-height: 50px; margin: 10px 0; padding: 0 0 0 60px; } #content-inner #right-content #payments-table { border: 1px solid #c5c5c5; border-top: none; border-collapse: collapse; border-spacing: 0; color: #5b5b5b; display: block; margin-top: 14px; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 3px 1px #e8e7e7; -webkit-box-shadow: 0 0 3px 1px #e8e7e7; box-shadow: 0 0 3px 1px #e8e7e7; width: 100%; } #content-inner #right-content #payments-table tbody tr { border-bottom: none; } #content-inner #right-content #payments-table tbody tr th { border-right: 1px solid #881a63; background: #f8e8ff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZThmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWY4OWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNlMjMwYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNlMjJmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNkNDJiYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MyUiIHN0b3AtY29sb3I9IiNiZDI2OTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiM5MjFiNmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzczYzYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8e8ff), color-stop(2%, #ef89d6), color-stop(5%, #e230b7), color-stop(20%, #e22fb7), color-stop(40%, #d42baa), color-stop(63%, #bd2694), color-stop(97%, #921b6a), color-stop(100%, #773c63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8e8ff 0%, #ef89d6 2%, #e230b7 5%, #e22fb7 20%, #d42baa 40%, #bd2694 63%, #921b6a 97%, #773c63 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb29bd', endColorstr='#9b1b6e', GradientType=0); /* IE6-8 */ padding: 7px; text-align: left; } #content-inner #right-content #payments-table tbody tr th h2 { color: white; font-size: 15px; font-weight: normal; margin-bottom: 3px; padding-bottom: 0; } #content-inner #right-content #payments-table tbody tr:nth-child(odd) { background: #f7f7f7; } #content-inner #right-content #payments-table tbody tr td { border-left: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; padding: 5px; vertical-align: middle; } #content-inner #right-content #payments-table tbody tr td:nth-child(1) { border-left: none; } #content-inner #right-content #payments-table tbody tr td img { padding-left: 5px; padding-top: 5px; } #content-inner #right-content .promo { border-bottom: 1px solid #c5c5c5; height: 134px; padding: 20px 0; } #content-inner #right-content .promo a { cursor: pointer; display: block; float: left; } #content-inner #right-content .promo a img { border: 1px solid #e8e7e7; padding: 4px; margin-right: 10px; -moz-box-shadow: 0 0 3px 1px #e8e7e7; -webkit-box-shadow: 0 0 3px 1px #e8e7e7; box-shadow: 0 0 3px 1px #e8e7e7; } #content-inner #right-content .promo a img:hover { border: 1px solid #bab9b9; } #content-inner #right-content .promo p { display: block; float: left; width: 450px; } #content-inner #right-content #gameinfo { border-bottom: 1px solid #c5c5c5; padding-bottom: 15px; } #content-inner #right-content #gameinfo .gamethumb-holder { float: left; } #content-inner #right-content #gameinfo .gamethumb-holder .games-list .game-container .game-buttons a.cashPlay { font-size: 16px !important; margin-bottom: 6px; padding-bottom: 7px; padding-top: 6px; border: 1px solid #881a63; color: white; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; background: #de0475; /* Old browsers */ background: -moz-linear-gradient(top, #de0475 0%, #881a63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de0475), color-stop(100%, #881a63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #de0475 0%, #881a63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #de0475 0%, #881a63 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #de0475 0%, #881a63 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 6em; width: 100%; } #content-inner #right-content #gameinfo .gamethumb-holder .games-list .game-container .game-buttons a.cashPlay:hover { background: #de0475; } #content-inner #right-content #gameinfo .gamethumb-holder .games-list .game-container .game-buttons a.freePlay { font-size: 14px !important; background: #e8e7e7; border: 1px solid #c5c5c5; color: #5b5b5b; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #e8e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #efefef 0%, #e8e7e7 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 6em; padding-bottom: 6px; padding-top: 5px; width: 100%; } #content-inner #right-content #gameinfo .gamethumb-holder .games-list .game-container .game-buttons a.freePlay:hover { background: #e8e7e7; } #content-inner #right-content #gameinfo .gamethumb-holder .games-list .game-container img { cursor: pointer; } #content-inner #right-content #gameinfo .gamethumb-holder .game-blurb { margin-top: 10px; } #content-inner #right-content #gameinfo .game-screen { float: right; } #content-inner #right-content #gameinfo #extraInfo { background: #f7f7f7; display: block; float: left; padding-bottom: 10px; padding-left: 10px; margin-top: 16px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 680px; } #content-inner #right-content #gameinfo #extraInfo a { margin-top: 10px; text-decoration: none; } #content-inner #right-content #gameinfo #extraInfo a h2 { display: inline; } #content-inner #right-content #gameinfo #extraInfo #aTag { color: #1a0138; float: left; } #content-inner #right-content #gameinfo #extraInfo #divToToggle { clear: both; padding-top: 10px; } #content-inner #right-content #gameinfo #extraInfo #divToToggle h2 { color: #1b1363; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; padding-bottom: 5px; } #content-inner #right-content #gameinfo #extraInfo #divToToggle p { line-height: 1.5em; margin-bottom: 10px; margin-top: 5px; } #content-inner #right-content #gameinfo .clearfix { clear: both; float: none; } #content-inner #right-content #liveGamesList { margin-top: 20px; } #content-inner #right-content #liveGamesList .game-container { border-bottom: 1px solid #c5c5c5; display: inline-block; margin-bottom: 20px; padding-bottom: 20px; width: 100%; } #content-inner #right-content #liveGamesList img { float: left; margin-right: 20px; } #content-inner #right-content #faq-container ul { list-style-type: none; padding: 0; } #content-inner #right-content #faq-container ul li { background: url("/assets/images/arrow-closed.png") no-repeat scroll left 3px; padding: 0 0 0 20px; } #content-inner #right-content #faq-container ul li.open { background: url("/assets/images/arrow-open.png") no-repeat scroll left 3px; } #content-inner #right-content #filterGamesNav { float: left; margin: 20px auto 10px auto; text-align: center; text-transform: uppercase; width: 100%; } #content-inner #right-content #filterGamesNav ul { float: left; list-style-type: none; padding: 0; } #content-inner #right-content #filterGamesNav ul li { border: 1px solid #DA5711; background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ cursor: pointer; float: left; font-size: 9px; height: 64px; margin: 0 5px 10px 5px; padding: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 3px #505050 #000000; -webkit-box-shadow: 0px 0px 3px #505050 #000000; box-shadow: 0px 0px 3px #505050 #000000; width: 82px; } #content-inner #right-content #filterGamesNav ul li a { color: #fff !important; display: block; font-size: 10px; padding: 8px 3px; text-align: center; text-shadow: 0 -1px 0 #b31900; vertical-align: middle; margin: 0; height: 49px; text-decoration: none; } #content-inner #right-content #filterGamesNav ul li a:hover { border: none!important; color: #fef894!important; } #content-inner #right-content #filterGamesNav ul li.current { border-color: #006294 !important; text-shadow: 0 -1px 0 #006294 !important; } #content-inner #right-content .games-list { width: 655px; list-style-type: none; padding: 0; } #content-inner #right-content .games-list li { border: 1px solid #9e9e9e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #D3246F; float: left; font-size: 14px; font-weight: bold; margin: 10px 5px; padding: 5px; position: relative; text-align: center; width: 141px; box-shadow: 0px 0px 3px #9d9d9d; -moz-box-shadow: 0px 0px 3px #9d9d9d; -webkit-box-shadow: 0px 0px 3px #9d9d9d; } #content-inner #right-content .games-list li:hover { background-color: #FEF894; box-shadow: none; border-color: #FEF894; cursor: pointer; } #content-inner #right-content .games-list img { width: 140px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 3px #9d9d9d; -moz-box-shadow: 0px 0px 3px #9d9d9d; -webkit-box-shadow: 0px 0px 3px #9d9d9d; } #content-inner #right-content .games-list h3 { font-size: 13px!important; } #content-inner #right-content .games-list .jackpot { display: block; font-size: 18px; margin: 5px 0 0; } #content-inner #sidebar { float: right; margin: 5px 0px 20px 20px; min-height: 300px; position: relative; width: 250px; /* winnersHome */ } #content-inner #sidebar .WelcomeOffer, #content-inner #sidebar .welcomeOffer { color: #de0475; font-size: 16px; font-weight: bold; margin-bottom: 10px; } #content-inner #sidebar .WelcomeOffer .button-glossy, #content-inner #sidebar .welcomeOffer .button-glossy { border: 1px solid #881a63; clear: both; color: white; cursor: pointer; display: inline-block; float: left; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; background: #881a63; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3OTc5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjc5OGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNhOTRhOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNhNTQ2ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNhMTQyODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM5OTNiNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiM4NjFiNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiM3YzE2NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiM3MTEyNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiM3MDEwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTc5Nzk3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979797), color-stop(2%, #f798d8), color-stop(4%, #a94a8c), color-stop(22%, #a54688), color-stop(29%, #a14282), color-stop(51%, #993b79), color-stop(53%, #861b63), color-stop(69%, #7c1658), color-stop(93%, #71124c), color-stop(98%, #70104d), color-stop(100%, #979797)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* IE10+ */ background: linear-gradient(to bottom, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881a63', endColorstr='#57103f', GradientType=0); /* IE6-8 */ line-height: 1.7em; margin-bottom: 6px; margin-top: 6px; min-height: 1.7em; padding: 5px; padding-left: 0; padding-right: 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; text-decoration: none; text-shadow: 1px 1px 2px #5b5b5b; width: 213px; } #content-inner #sidebar .WelcomeOffer .button-glossy:hover, #content-inner #sidebar .welcomeOffer .button-glossy:hover { background: #881a63; cursor: pointer; } #content-inner #sidebar .mega-jackpot em { color: #1a0138; display: block; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; padding-bottom: 5px; } #content-inner #sidebar .mega-jackpot #inner-jackpots { font-size: 26px; font-weight: bold; font-family: "Helvetica", Verdana, Arial, sans-serif; text-transform: uppercase; color: #de0475; margin-bottom: 10px; } #content-inner #sidebar .mega-jackpot #inner-jackpots li { background: none repeat scroll 0 0 #f7f7f7; border-bottom: 1px solid #c5c5c5; display: block; height: 26px; line-height: 1.4; list-style: none outside none; overflow: hidden; padding: 2px 0 10px 5px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #content-inner #sidebar #winnersHome { margin-top: 12px; margin-bottom: 12px; max-height: 173px; overflow: hidden; padding-top: 2px; } #content-inner #sidebar #winnersHome em { color: #1a0138; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; padding-bottom: 5px; } #content-inner #sidebar #winnersHome #winnersFeed { height: 148px; left: 0px; overflow: hidden; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; visibility: visible; z-index: 2; } #content-inner #sidebar #winnersHome #winnersFeed ul { list-style-type: none; } #content-inner #sidebar #winnersHome #winnersFeed ul li { background: none repeat scroll 0 0 #f7f7f7; border-bottom: 1px solid #c5c5c5; display: block; height: 26px; line-height: 1.2; list-style: none outside none; overflow: hidden; padding-bottom: 5px !important; padding-left: 7px; padding-top: 5px; position: relative; } #content-inner #sidebar #winnersHome #winnersFeed ul li p { font-weight: bold; } #content-inner #sidebar #winnersHome #winnersFeed ul li .winAmount { color: #de0475; float: right; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 4px; margin-right: 15px; } #content-inner #sidebar .support em { color: #1a0138; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; padding-bottom: 5px; } #content-inner #sidebar .support #inner-help { border-bottom: 1px solid #c5c5c5; background: none repeat scroll 0 0 #f7f7f7; color: #5b5b5b; margin-bottom: 10px; margin-top: 5px; padding: 5px; padding-top: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #content-inner #sidebar .support #inner-help ul li { list-style: none; margin-bottom: 15px; padding-left: 35px; margin-top: 2px; } #content-inner #sidebar .support #inner-help ul li.phone, #content-inner #sidebar .support #inner-help ul li.chat, #content-inner #sidebar .support #inner-help ul li.email { background-position-y: -4px !important; } #content-inner #sidebar .support #inner-help ul li.chat a, #content-inner #sidebar .support #inner-help ul li.email a { color: #5b5b5b; text-decoration: none; } #content-inner #sidebar .support #inner-help ul li.chat a:hover, #content-inner #sidebar .support #inner-help ul li.email a:hover { text-decoration: underline; } #content-inner #sidebar .support #inner-help ul li.phone { background: url('../images/icons_contact_phone.png') no-repeat scroll transparent; } #content-inner #sidebar .support #inner-help ul li.chat { background: url('../images/icons_contact_chat.png') no-repeat 0 0 scroll transparent; } #content-inner #sidebar .support #inner-help ul li.email { background: url('../images/icons_contact_email.png') no-repeat 2px -2px scroll transparent; } #content-inner #sidebar .sidebar-box a { line-height: 0; display: block; height: 198px; } #content-inner #sidebar #promo-sidebar-1, #content-inner #sidebar #promo-sidebar-1, #content-inner #sidebar #promo-sidebar-3 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; } /* content-inner */ #games-wrap { background: white; margin: 0 10px; overflow: hidden; padding-bottom: 8px; padding-top: 8px; } .games { background: white; clear: both; -webkit-border-radius: 0 2px 2px; -moz-border-radius: 0 2px 2px; border-radius: 0 2px 2px; margin: 5px auto 10px; padding: 0; position: relative; top: -1px; width: 940px; } .games ul { margin: 0; } .games ul li { background: white; cursor: pointer; display: block; list-style: none; float: left; height: 210px; padding: 4px 3px 4px 2px; position: relative; width: 225px; } .games ul li h2 { color: #57103f; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 0px !important; margin-top: 5px; overflow: hidden; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; width: auto; } .games ul li .game-info { border-bottom: 1px dotted white; display: block; float: left; line-height: 1.9em; margin-top: 3px; width: 60px; } .games ul li .game-info a { color: #de0475; text-decoration: none; } .games ul li .game-info a:hover { border-bottom: 1px solid #de0475; } .games ul li .game-buttons { float: right; margin-top: 2px; } .games ul li .game-buttons a.freePlay { background: #e8e7e7; border: 1px solid #c5c5c5; color: #5b5b5b; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #e8e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #efefef 0%, #e8e7e7 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 6em; } .games ul li .game-buttons a.freePlay:hover { background: #e8e7e7; } .games ul li .game-buttons a.cashPlay { border: 1px solid #881a63; color: white; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; background: #de0475; /* Old browsers */ background: -moz-linear-gradient(top, #de0475 0%, #881a63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de0475), color-stop(100%, #881a63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #de0475 0%, #881a63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #de0475 0%, #881a63 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #de0475 0%, #881a63 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 6em; } .games ul li .game-buttons a.cashPlay:hover { background: #de0475; } .games ul img { -moz-box-shadow: 0 0 3px 1px #e8e7e7; -webkit-box-shadow: 0 0 3px 1px #e8e7e7; box-shadow: 0 0 3px 1px #e8e7e7; } .games ul img:hover { -moz-box-shadow: 0 0 3px 1px #bab9b9; -webkit-box-shadow: 0 0 3px 1px #bab9b9; box-shadow: 0 0 3px 1px #bab9b9; transition: all 0.3s ease-in-out; /* Standard */ -moz-transition: all 0.3s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */ -o-transition: all 0.3s ease-in-out; /* Opera */ -ms-transition: all 0.3s ease-in-out; /* IE */ } /* games-wrap */ #footer #about { margin: 0 0 20px 0; } #footer #footer-secure { margin: 10px 0 15px 0; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #footer #footer-secure li { background: url("../images/footer-secure-site2.png"); background-repeat: no-repeat; float: left; text-indent: -9999px; } #footer #footer-secure li.wPay { display: block; height: 45px; margin: 10px 0 0 30px; width: 211px; } #footer #footer-secure li.PowIGT { background-position: -211px 0; display: block; height: 45px; margin: 10px 120px 0 120px; width: 280px; } #footer #footer-secure li.resGame { background-position: -491px 0; display: block; height: 45px; margin: 10px 0 0 0; width: 170px; } #footer #footerText { color: white; font-size: 11px; font-weight: lighter; line-height: 1.7em; margin: 0 10px 20px 10px; } #footer h2 { font-weight: bold; margin: 10px 0 5px 0; text-transform: uppercase; } #footer #footer-content { color: #fff; font-size: 12px; height: 68px; margin: 0 auto; width: 800px; } #footer #footer-content ul#payment-options { background: #a90054; height: 30px; margin: 0 auto; margin-top: 15px; padding: 10px; padding-left: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 100%; } #footer #footer-content ul#payment-options #copyrightLinks { height: auto !important; margin: 0 20px 0 0; width: auto !important; float: right; } #footer #footer-content ul#payment-options li { float: left; height: 32px; list-style: none; margin-right: 25px; background: url('../images/payments.png') no-repeat left center; width: 52px; } #footer #footer-content ul#payment-options li#visa { background-position: 0 0; } #footer #footer-content ul#payment-options li#mastercard { background-position: -54px 0; } #footer #footer-content ul#payment-options li#maestro { background-position: -108px 0; } #footer #footer-content ul#payment-options li#visa-d { background-position: -575px 0; } #footer #footer-content ul#payment-options li#visa-e { background-position: -163px 0; } #footer #footer-content ul#payment-options li#ukash { background-position: -217px 0; } #footer #footer-content ul#payment-options li#moneybookers { background-position: -631px 0; width: 57px; } #footer #footer-content ul#payment-options li#copyrightLinks { background: none; } #footer #footer-content ul#payment-options li#gamcare { background-position: -274px 0; margin-left: 15px; width: 29px; } #footer #footer-content ul#payment-options li#alderney { background-position: -315px 0; width: 100px; } #footer #footer-content ul#payment-options li#alderney a { border: none; display: block; height: 30px; overflow: hidden; } #footer #footer-content ul#payment-options li#gamble-aware { background-position: -428px 0; width: 99px; } #footer #footer-content ul#payment-options li#gamble-aware a { border: none; display: block; height: 30px; overflow: hidden; } #footer #footer-content ul#payment-options li#over18 { background-position: -538px 0; margin-right: 0; width: 24px; } #footer #responsibleLinks { border: 10px solid #a90054; margin: 20px auto; height: 29px; width: 725px; } #footer #responsibleLinks ul { background: #a90054; float: left; } #footer #responsibleLinks ul li { color: #fff; float: left; margin-left: 10px; margin-right: 10px; } #footer #responsibleLinks ul #eighteenPlus { height: 29px; width: 29px; } #footer #responsibleLinks ul #respGambling { height: 29px; width: 185px; } #footer #responsibleLinks ul #virtueFusion { height: 29px; width: 110px; } #footer #responsibleLinks ul #alderneyGambling { height: 29px; width: 145px; } #footer p.copy { color: #fff; font-size: 12px; padding-bottom: 10px; text-align: center; } #footer p.copy a { color: #fff; text-decoration: none; } #footer p.copy a:hover { text-decoration: underline; } #footer #footer-links { margin: 0 auto; margin-bottom: 50px; width: 362px; } #footer #footer-links li { float: left; list-style: none; margin-left: 10px; } #footer #footer-links li a { color: #666; font-size: 12px; text-decoration: none; } #footer #footer-links li a:hover { border-bottom: 1px solid #e8e7e7; } /* DEMO LIGHTBOX */ #game-window { background: white !important; border: none !important; height: 20px; overflow: visible; right: -36px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 2px 2px 15px #5b5b5b; -moz-box-shadow: 2px 2px 15px #5b5b5b; -webkit-box-shadow: 2px 2px 15px #5b5b5b; width: 7px; } #game-window .ui-dialog-titlebar { height: 17px; position: absolute; right: -35px; top: 2px; width: 2px; z-index: 1400; } #game-window #game-lightbox-id { background: white !important; margin: 0 !important; padding: 0 !important; } #game-window .ui-dialog-content { overflow: visible !important; position: relative; zoom: 1; } /* game-window */ .ui-widget-content { background: #fff; border: none; } .gamelogin-dialog2 { width: 430px !important; } .gamelogin-dialog2 fieldset .inlineElements input { border: 1px solid #c5c5c5; font-size: 12px; height: 25px; margin-bottom: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 180px; margin-right: 5px; } .gamelogin-dialog2 fieldset button { margin: 5px 0 !important; border: 1px solid #881a63; color: white; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; background: #de0475; /* Old browsers */ background: -moz-linear-gradient(top, #de0475 0%, #881a63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de0475), color-stop(100%, #881a63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #de0475 0%, #881a63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #de0475 0%, #881a63 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #de0475 0%, #881a63 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 6em; } .gamelogin-dialog2 fieldset button:hover { background: #de0475; } .gamelogin-dialog2 a { color: #5b5b5b; display: inline-block; font-size: 12px; margin-right: 5px; margin-top: 2px; text-decoration: none; } .gamelogin-dialog2 a:hover { text-decoration: underline; } /* DEMO LIGHTBOX END */ /* POPUPS */ /* Register Popup Begin */ .ui-dialog { background: #f7f7f7; border: 1px solid #a98db4 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: fixed; } .ui-dialog fieldset { display: inline-block; vertical-align: top; } .ui-dialog fieldset legend { color: #1a0138; font-size: 18px; font-weight: bold; } .ui-dialog fieldset #tsandcs { font-size: 10px; } .ui-dialog fieldset #tsandcs .form-item { position: relative; } .ui-dialog fieldset #tsandcs .form-item label { padding: 4px; width: 304px !important; word-wrap: break-word; } .ui-dialog fieldset #tsandcs .form-item label [type="checkbox"] { height: 12px; width: 12px; border: none; box-shadow: 0 0 0 #ffffff; -moz-box-shadow: 0 0 0 #ffffff; -webkit-box-shadow: 0 0 0 #ffffff; } .ui-dialog fieldset #tsandcs .form-item .highlight { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ui-dialog fieldset#account span.helparrow { left: 321px !important; } .ui-dialog fieldset#yourdetails, .ui-dialog fieldset#address, .ui-dialog fieldset#account { font-family: "Helvetica", Verdana, Arial, sans-serif; float: left; width: 345px; } .ui-dialog fieldset#yourdetails .form-item, .ui-dialog fieldset#address .form-item, .ui-dialog fieldset#account .form-item { margin: 5px 2px; position: relative; } .ui-dialog fieldset#yourdetails .form-item .req, .ui-dialog fieldset#address .form-item .req, .ui-dialog fieldset#account .form-item .req { color: #de0475; float: left; font-size: 14px; height: 6px; padding-top: 6px; width: 7px; } .ui-dialog fieldset#yourdetails .form-item label, .ui-dialog fieldset#address .form-item label, .ui-dialog fieldset#account .form-item label { display: inline-block; width: 121px; } .ui-dialog fieldset#yourdetails .form-item label input[type="radio"], .ui-dialog fieldset#address .form-item label input[type="radio"], .ui-dialog fieldset#account .form-item label input[type="radio"] { border: none; box-shadow: 0 0 0 #ffffff; -moz-box-shadow: 0 0 0 #ffffff; -webkit-box-shadow: 0 0 0 #ffffff; } .ui-dialog fieldset#yourdetails .form-item input, .ui-dialog fieldset#address .form-item input, .ui-dialog fieldset#account .form-item input { font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; } .ui-dialog fieldset#yourdetails .form-item select, .ui-dialog fieldset#address .form-item select, .ui-dialog fieldset#account .form-item select { font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; /* registration form drop down, was 11px */ width: 177px !important; } .ui-dialog fieldset#yourdetails .form-item .tick, .ui-dialog fieldset#address .form-item .tick, .ui-dialog fieldset#account .form-item .tick { background: url("../images/validate-tick.png") no-repeat scroll 0 0 transparent; height: 16px; left: 321px !important; position: absolute; top: 7px !important; width: 16px; } .ui-dialog fieldset#yourdetails .form-item .cross, .ui-dialog fieldset#address .form-item .cross, .ui-dialog fieldset#account .form-item .cross { background: url("../images/validate-cross.png") no-repeat scroll 0 0 transparent; height: 16px; left: 321px !important; position: absolute; top: 7px !important; width: 16px; } .ui-dialog fieldset#yourdetails .form-item .helper div, .ui-dialog fieldset#address .form-item .helper div, .ui-dialog fieldset#account .form-item .helper div, .ui-dialog fieldset#yourdetails .form-item .error div, .ui-dialog fieldset#address .form-item .error div, .ui-dialog fieldset#account .form-item .error div { display: block; position: relative; width: 280px; } .ui-dialog fieldset#yourdetails .form-item .error .helparrow, .ui-dialog fieldset#address .form-item .error .helparrow, .ui-dialog fieldset#account .form-item .error .helparrow { left: -8px; top: 8px; } .ui-dialog fieldset#yourdetails .form-item #dobSelectionWrapper, .ui-dialog fieldset#address .form-item #dobSelectionWrapper, .ui-dialog fieldset#account .form-item #dobSelectionWrapper { display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0; margin: 0; margin-left: -1px; } .ui-dialog fieldset#yourdetails .form-item #dobSelectionWrapper .highlight, .ui-dialog fieldset#address .form-item #dobSelectionWrapper .highlight, .ui-dialog fieldset#account .form-item #dobSelectionWrapper .highlight { border: 1px solid #c1272c !important; } .ui-dialog fieldset#yourdetails .form-item .radiogroup, .ui-dialog fieldset#address .form-item .radiogroup, .ui-dialog fieldset#account .form-item .radiogroup { display: inline; text-align: center; } .ui-dialog fieldset#yourdetails .form-item .radiogroup .m, .ui-dialog fieldset#address .form-item .radiogroup .m, .ui-dialog fieldset#account .form-item .radiogroup .m { margin: 0 !important; width: 40px !important; } .ui-dialog fieldset#yourdetails .form-item .radiogroup .m input, .ui-dialog fieldset#address .form-item .radiogroup .m input, .ui-dialog fieldset#account .form-item .radiogroup .m input { margin-left: 13px; } .ui-dialog fieldset#yourdetails .form-item .radiogroup .f, .ui-dialog fieldset#address .form-item .radiogroup .f, .ui-dialog fieldset#account .form-item .radiogroup .f { margin: 0 !important; width: 70px !important; } .ui-dialog fieldset#yourdetails .form-item .radiogroup .f input, .ui-dialog fieldset#address .form-item .radiogroup .f input, .ui-dialog fieldset#account .form-item .radiogroup .f input { margin-left: 28px; } .ui-dialog fieldset#yourdetails .form-item .radiogroup label, .ui-dialog fieldset#address .form-item .radiogroup label, .ui-dialog fieldset#account .form-item .radiogroup label { display: inline-block; } .ui-dialog fieldset#yourdetails .form-item .radiogroup input, .ui-dialog fieldset#address .form-item .radiogroup input, .ui-dialog fieldset#account .form-item .radiogroup input { display: block; width: 15px; } .ui-dialog fieldset#yourdetails .form-item label[for="gender"], .ui-dialog fieldset#address .form-item label[for="gender"], .ui-dialog fieldset#account .form-item label[for="gender"] { padding-top: 8px; vertical-align: top; } .ui-dialog fieldset#yourdetails .form-item #lookup-address, .ui-dialog fieldset#address .form-item #lookup-address, .ui-dialog fieldset#account .form-item #lookup-address { font-size: 12px; width: 59px; } .ui-dialog fieldset#address { float: left; width: 345px; } .ui-dialog fieldset#address #addressDetails .autofill-options { text-align: right; } .ui-dialog fieldset#address #addressDetails .autofill-options a.manual-address-input { color: #5b5b5b !important; display: block; margin-bottom: 5px; margin-right: 30px; text-decoration: none; } .ui-dialog fieldset#address #addressDetails .autofill-options a.manual-address-input:hover { text-decoration: underline; } .ui-dialog fieldset#address #addressDetails .select-address { background: white; color: #5b5b5b; display: none; font-size: 13px; left: 330px; line-height: 15px; margin-top: 10px; min-width: 255px; padding: 7px 10px; position: absolute; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 3px 3px #5b5b5b; -webkit-box-shadow: 0 0 3px 3px #5b5b5b; box-shadow: 0 0 3px 3px #5b5b5b; top: -100px; z-index: 1500; } .ui-dialog fieldset#address .manual-address-input { display: none; margin-bottom: -5px; } .ui-dialog fieldset#account { float: right; width: 345px; } .register-dialog { min-width: 1072px !important; overflow: hidden; } .register-dialog #address .helper div, .register-dialog #address .error div { display: block; position: relative; width: 280px; } .register-dialog #registration_form a { color: #000; } .register-dialog #registration_form #dob-container select[name="dob_day"] { width: 54px !important; } .register-dialog #registration_form #dob-container select[name="dob_month"] { width: 54px !important; } .register-dialog #registration_form #dob-container select[name="dob_year"] { width: 69px !important; } .register-dialog #registration_form #required-fields { font-style: italic; width: 180px; } .register-dialog #registration_form #required-fields span { color: #de0475; } .register-dialog #registration_form button { border: none; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica", Verdana, Arial, sans-serif; font-weight: bold; background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ line-height: 1.7em; min-height: 1.7em; padding: 5px 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; text-decoration: none; text-shadow: 1px 1px 2px #5b5b5b; width: 100px; } .register-dialog input { border: 1px solid #c5c5c5; height: 18px; /* form input field, was 25px */ margin-bottom: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 164px; } .register-dialog #postcode { margin: 0; width: 101px !important; } .register-dialog #select-address { width: 150px; } .register-dialog .select-address { background: #f7f7f7; color: #5b5b5b; display: none; font-size: 13px; left: 330px; line-height: 15px; min-width: 255px; padding: 7px 10px; position: absolute; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 3px 3px #c5c5c5; -webkit-box-shadow: 0 0 3px 3px #c5c5c5; box-shadow: 0 0 3px 3px #c5c5c5; top: -100px; z-index: 1500; } .register-dialog .select-address .select-address-inner .closeDiv { color: #de0475; cursor: pointer; } .register-dialog .select-address .select-address-inner .closeDiv:hover { text-decoration: underline; } .register-dialog .select-address .select-address-inner #select-address_message { max-height: 200px; min-height: 50px; overflow: auto; text-align: left; width: 330px; margin: 10px 0; } .register-dialog .select-address .select-address-inner #select-address_message span.addressItem { border-bottom: 1px solid #c5c5c5; cursor: pointer; display: block; padding: 10px; width: 310px; } .register-dialog .select-address .select-address-inner #select-address_message span.addressItem:hover { background-color: #FFFEC6; } .register-dialog #account .helper, .register-dialog #account .error { left: -335px; padding-left: 10px; position: absolute; top: 0; width: 280px; } /* register-dialog */ .ui-widget-overlay { background: #000000 50% 50% repeat-x; top: -10px; } .ui-widget-content { color: #5b5b5b !important; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 13px; /* Email Support Popup Begin */ /* Email Support Popup End */ /* Play Now Popup Begin */ } .ui-widget-content #misc { display: block; float: right; margin-right: 20px; text-align: right; width: 100%; } .ui-widget-content .ui-dialog-titlebar { background: #85c4e0; /* Old browsers */ background: -moz-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c4e0), color-stop(2%, #47c4ee), color-stop(7%, #45c3ee), color-stop(13%, #3fbce8), color-stop(18%, #37b5e2), color-stop(27%, #24a5d2), color-stop(42%, #017eb0), color-stop(56%, #006294), color-stop(60%, #006093), color-stop(76%, #004376), color-stop(82%, #003762), color-stop(84%, #003762), color-stop(93%, #002a4d), color-stop(96%, #002a4d), color-stop(100%, #002446)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* IE10+ */ background: linear-gradient(to bottom, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c4e0', endColorstr='#002446', GradientType=0); /* IE6-9 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 30px; margin-bottom: 4px; } .ui-widget-content .ui-dialog-titlebar .ui-dialog-titlebar-close:hover { border: none; background: #57103f; margin-right: 1px; margin-top: -9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ui-widget-content .ui-dialog-title { display: block; float: left; font-size: 20px; font-weight: normal; margin: 5px 0 0; } .ui-widget-content #supportdialog { padding: 10px 15px 15px; } .ui-widget-content #supportdialog #details { font-weight: bold; } .ui-widget-content #supportdialog #details .form-item { position: relative; } .ui-widget-content #supportdialog #details .form-item label { display: block; margin-top: 10px; } .ui-widget-content #supportdialog #details .form-item [name="message"] { height: 160px; } .ui-widget-content #supportdialog .sendbttn { border: none; color: #fff; cursor: pointer; padding: 5px; padding-left: 0; padding-right: 0; background: #59bcec; /* Old browsers */ background: -moz-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59bcec), color-stop(2%, #00acee), color-stop(50%, #01a7e6), color-stop(51%, #0785b7), color-stop(100%, #0494cb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* IE10+ */ background: linear-gradient(to bottom, #59bcec 0%, #00acee 2%, #01a7e6 50%, #0785b7 51%, #0494cb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bcec', endColorstr='#0494cb', GradientType=0); /* IE6-9 */ width: 80px; } .ui-widget-content #supportdialog input, .ui-widget-content #supportdialog [name="message"] { border: 1px solid #c5c5c5; height: 25px; margin-bottom: 5px; margin-top: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 255px; } .ui-widget-content .login-game { float: left; height: 100%; margin-right: 10px; width: 225px; } .ui-widget-content .login-game a { border: 1px solid #881a63; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; background: #881a63; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3OTc5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjc5OGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNhOTRhOGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNhNTQ2ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNhMTQyODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM5OTNiNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiM4NjFiNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiM3YzE2NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiM3MTEyNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiM3MDEwNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTc5Nzk3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979797), color-stop(2%, #f798d8), color-stop(4%, #a94a8c), color-stop(22%, #a54688), color-stop(29%, #a14282), color-stop(51%, #993b79), color-stop(53%, #861b63), color-stop(69%, #7c1658), color-stop(93%, #71124c), color-stop(98%, #70104d), color-stop(100%, #979797)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* IE10+ */ background: linear-gradient(to bottom, #979797 0%, #f798d8 2%, #a94a8c 4%, #a54688 22%, #a14282 29%, #993b79 51%, #861b63 53%, #7c1658 69%, #71124c 93%, #70104d 98%, #979797 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#881a63', endColorstr='#57103f', GradientType=0); /* IE6-8 */ line-height: 1.7em; min-height: 1.7em; padding: 5px 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; text-decoration: none; text-shadow: 1px 1px 2px #5b5b5b; width: 100px; } .ui-widget-content .login-game a.login-demo { margin-bottom: 10px; width: 223px; } .ui-widget-content .login-game a.login-demo:hover { background: #881a63; } .ui-widget-content .login-game p { margin-bottom: 10px; width: 223px; } .ui-widget-content .login-game img { float: left; margin-bottom: 10px; } .ui-widget-content .game-login-form { float: left; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.7em; margin-bottom: 15px; padding-left: 15px; padding-bottom: 0; width: 300px; zoom: 1; } .ui-widget-content .game-login-form #login-field, .ui-widget-content .game-login-form #pass-field { border: 1px solid #c5c5c5; height: 25px; margin-bottom: 8px; margin-left: 2px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 200px; } .ui-widget-content .game-login-form #login-btn { background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ border: 1px solid #fff; color: #fff; cursor: pointer; display: inline-block; font-family: eurofurence-regular, sans-serif; font-size: 18px; font-weight: normal; height: 36px; line-height: 1.4em; margin: 0 10px 0 3px; text-shadow: 2px 2px 2px #d5561d, 0px 2px 2px #d5561d, -2px 2px 2px #d5561d, -2px 0px 2px #d5561d, -2px -2px 2px #d5561d, 0px -2px 2px #d5561d, 2px -2px 2px #d5561d; padding: 6px 0; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px 1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 83px; } .ui-widget-content .game-login-form #login-btn:hover { background: #e230b7; } .ui-widget-content .game-login-form a { color: #5b5b5b; font-size: 12px; font-weight: normal; margin: 5px 2px; text-decoration: none; } .ui-widget-content .game-login-form a:hover { text-decoration: underline; } .ui-widget-content #logindialog-errors { position: relative; } .ui-widget-content #logindialog-errors p.error { bottom: 55px; height: 50px; left: -14px; position: absolute; width: 346px; } .gamelogin-dialog { width: 605px !important; } .gamelogin-dialog .newplayer { float: left; margin-left: 15px; overflow: hidden; width: 326px; } .gamelogin-dialog .newplayer a { border: 0; background: no-repeat url('../images/letterbox_btn.png'); bottom: 30px; color: #de0475; display: block; font-family: "Helvetica", Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; height: 36px; margin-left: 22px; padding: 18px 0 0 60px; text-decoration: none; width: 224px; z-index: 1000; } .gamelogin-dialog .newplayer a:hover { background-position-y: -54px; } .gamelogin-dialog .newplayer p { margin-bottom: 8px; text-align: center; } /* POPUPS END */ /* Forgotten Passward Page Begin */ #forgotten-password-wrap { background: white; font-family: "Helvetica", Verdana, Arial, sans-serif; min-height: 500px; padding: 20px; position: relative; } #forgotten-password-wrap h1 { color: #1a0138; font-size: 20px; font-weight: bold; margin-bottom: 10px; } #forgotten-password-wrap #message { margin-bottom: 10px; } #forgotten-password-wrap #message a { text-decoration: inherit; color: #de0475; } #forgotten-password-wrap #message a:hover { text-decoration: underline; } #forgotten-password-wrap #message .success { background: #fff; color: #515251; margin-bottom: 10px; padding: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #dcfde3; background: -moz-linear-gradient(center top, #ffffff, #dcfde3) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dcfde3)); background: -webkit-linear-gradient(top, #ffffff 0%, #dcfde3 100%); background: -o-linear-gradient(top, #ffffff 0%, #dcfde3 100%); background: linear-gradient(top, #ffffff 0%, #dcfde3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#dcfde3); } #forgotten-password-wrap #message .inline-error { margin-bottom: 10px; padding: 5px; } #forgotten-password-wrap .form-item { margin-bottom: 10px; position: relative; } #forgotten-password-wrap .form-item input { border: 1px solid #c5c5c5; height: 25px; margin-bottom: 5px; margin-left: 10px; margin-top: 5px; padding: 3px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); width: 200px; } #forgotten-password-wrap .form-item [for="dob_day"] { display: block; float: left; margin-top: 6px; width: 134px; } #forgotten-password-wrap .form-item select { float: left; font-size: 11px; width: 71px; } #forgotten-password-wrap .form-item div.helper { left: 385px; top: 5px; } #forgotten-password-wrap .form-item span.tick { left: 356px !important; top: 10px !important; } #forgotten-password-wrap [name="submit"] { background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ clear: both; color: white; cursor: pointer; display: inline-block; float: left; font-family: Eurofurence-regular; font-size: 14px; font-weight: bold; line-height: 1.7em; margin-left: 135px; margin-top: 14px; min-height: 1.7em; padding: 5px 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; text-decoration: none; text-shadow: 1px 1px 2px #5b5b5b; text-transform: uppercase; width: 130px; } #forgotten-password-wrap [name="submit"]:hover { background: #eb4632; } #forgotten-password-wrap .helper { position: absolute; left: 370px; top: 55px; } #forgotten-password-wrap .inline-error { left: 225px !important; margin-bottom: 10px; padding: 5px; position: absolute; top: 18px !important; } #forgotten-password-wrap .tick { position: absolute; height: 16px; width: 16px; top: 7px !important; left: 341px !important; } /* Forgotten Passward Page End */ /* Helper Popup Messages Begin */ .highlight:hover { border: 1px solid #c1272c; } #ingamelogin { display: none; } #ingamelogin .error { left: 0; top: 20px; width: 370px; } #ingamelogin .inlineElements { float: left; } #ingamelogin #login-btn { float: left; margin-left: 10px; } .error div, .helper div { color: #000; display: block; font-size: 10px; padding: 10px 15px; position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 100; width: 280px; } .helper .helparrow, .error .helparrow { height: 17px; position: absolute; width: 10px; z-index: 1000; } .error .helparrow { background: url('../images/error-arrow.png') no-repeat scroll 0 0 transparent; left: -8px; top: 6px; } .helper div { border: 1px solid #189246; color: #515251; background: #dcfde3; background: -moz-linear-gradient(center top, #ffffff, #dcfde3) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dcfde3)); background: -webkit-linear-gradient(top, #ffffff 0%, #dcfde3 100%); background: -o-linear-gradient(top, #ffffff 0%, #dcfde3 100%); background: linear-gradient(top, #ffffff 0%, #dcfde3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#dcfde3); } .helper .helparrow { background: url('../images/helper-arrow.png') no-repeat scroll 0 0; left: -8px; top: 7px; } .helper, .error { font-size: 12px; left: 342px; position: absolute; top: 0; width: 280px; } .register-dialog #account .error .helparrow, .register-dialog #account .helper .helparrow { height: 17px; left: 321px; position: absolute; top: 7px; width: 10px; z-index: 1000; } .register-dialog #account .helper div, .register-dialog #account .error div { display: block; position: relative; width: 280px; } .register-dialog #account .error .helparrow { background: url('../images/error-arrow2.png') no-repeat scroll 0 0; } .register-dialog #account .helper .helparrow { background: url('../images/helper-arrow2.png') no-repeat scroll 0 0; } .error div, div#message.inline-error, #logindialog-errors .error, #ingamelogin .error { border: 1px solid #c1272c; color: #515251; font-size: 11px; background: #fddcdc; background: -moz-linear-gradient(center top, #ffffff, #fddcdc) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fddcdc)); background: -webkit-linear-gradient(top, #ffffff 0%, #fddcdc 100%); background: -o-linear-gradient(top, #ffffff 0%, #fddcdc 100%); background: linear-gradient(top, #ffffff 0%, #fddcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, EndColorStr=#fddcdc); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* #payment_form .helper, #payment_form .error, #capture_payment_form .helper, #capture_payment_form .error { left: 315px; } */ /* Helper Popup Messages End */ /**** Live Casino Page Styles Begin ****/ ul#liveGamesList { margin-top: 10px; } ul#liveGamesList li.game-container { width: 100%; display: inline-block; border-bottom: 1px solid blue; margin-bottom: 20px; padding-bottom: 20px; } ul#liveGamesList li.game-container img { float: left; margin-right: 20px; } ul#liveGamesList li.game-container p { margin-bottom: 10px; margin-top: 5px; line-height: 1.5em; } ul#liveGamesList li.game-container span.game-info { line-height: 1.9em; } ul#liveGamesList li.game-container span.game-info a { color: #de0475; text-decoration: none; } ul#liveGamesList li.game-container span.game-info a:hover { text-decoration: underline; } ul#liveGamesList li.game-container .game-buttons { float: right; } ul#liveGamesList li.game-container .game-buttons a.cashPlay span.button-glossy { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #881a63; color: white; font-size: 11px; font-weight: bold; background: #de0475; /* Old browsers */ background: -moz-linear-gradient(top, #de0475 0%, #881a63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de0475), color-stop(100%, #881a63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #de0475 0%, #881a63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #de0475 0%, #881a63 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #de0475 0%, #881a63 100%); /* W3C */ padding: 4px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: normal; line-height: 1.4em; min-height: 1.4em; width: 6em; padding: 4px 2px; position: relative; text-align: center; text-decoration: none; text-shadow: 0 0 1px #000000; } ul#liveGamesList li.game-container .game-buttons a.cashPlay span.button-glossy:hover { background: #de0475; } /**** Live Casino Page Styles End ****/ /* FIREFOX FIXES */ @-moz-document url-prefix() { .ui-dialog fieldset#yourdetails .form-item select, .ui-dialog fieldset#address .form-item select, .ui-dialog fieldset#account .form-item select { font-size: 12px; } } /* FIREFOX FIXES end */ #playNow { float: right; height: 340px; position: relative; width: 340px; margin: 0 0 10px 0; } #playNow .playNow-row { margin-bottom: 9px; } #playNow #playNow-scroller { position: relative; overflow: hidden; height: 164px; } #playNow #playNow-scroller ul { margin: 0; padding: 0; list-style-type: none; } #playNow #playNow-scroller ul li { margin: 0; padding: 0; float: left; height: 164px; } #playNow #playNow-scroller ul li a { display: block; line-height: 0; } #games1 { clear: both; } #recentWinners { background: #fff; clear: left; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; /* box shadow on BF*/ float: left; font-size: 14px; height: 495px; margin-top: 50px; margin-left: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 199px; padding: 0 15px; } #recentWinners div { margin-top: -40px; margin-left: -15px; } #recentWinners img { float: left; } #contentRight { float: left; margin-bottom: 10px; width: 755px; } #liveBingo { background: #fff; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; /* box shadow on BF*/ float: left; height: 273px; margin-left: 10px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; width: 209px; } #liveBingo span.bf-grey { background: #fff; position: absolute; top: -25px; left: 10px; padding-left: 5px; padding-right: 5px; } #liveBingo div { margin-top: -40px; } #liveBingo .corner-logo { position: absolute; top: -34px; right: 0; } #liveBingo img.cent-image { margin-top: 75px; } .sidebar-box { background: pink; float: right; height: 198px; margin: 20px 0 40px 10px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; width: 250px; } .sidebar-box:nth-child(1) { margin: 16px 0 10px 10px; } .sidebar-box:nth-child(2) { margin: 0 0 10px 10px; } .sidebar-box:nth-child(3) { margin: 0 0 10px 10px; } .sidebar-box span.bf-grey { background: #fff; font-size: 28px; position: absolute; top: -11px; left: 10px; padding-left: 5px; padding-right: 5px; } .sidebar-box .sidebar-overlap { margin-top: -25px; } .sidebar-box .sidebar-inner { font-size: 12px; margin: 60px auto 0 auto; text-align: left; width: 180px; } .sidebar-box .sidebar-inner p { margin-bottom: 15px; } .sidebar-box .corner-logo { position: absolute; top: -34px; right: 0; } .sidebar-box img.cent-image { margin-top: 60px; } #comments { background: #fff; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; /* box shadow on BF*/ float: left; height: 273px; margin-left: 10px; padding: 0 20px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 169px; } #comments span.bf-grey { background: #fff; position: absolute; top: -25px; left: 10px; padding-left: 5px; padding-right: 5px; } #comments div { margin-top: -25px; } #comments #liveComments { font-family: Arial, Helvetica, sans-serif; margin-top: 75px; text-align: left; } #comments #liveComments p { font-size: 16px !important; } #comments .corner-logo { position: absolute; top: -54px; right: 0; } #commentButtons { bottom: 20px; width: 100%; height: 26px; left: 20px; position: absolute; } #commentButtons a { cursor: pointer; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; float: left; font-size: 15px; margin-right: 5px; } #commentButtons #commentsMore { background: #e6008c; } #commentButtons #commentsAdd { background: #6e6e6e; } #playGamesMenu { background: #fff; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; /* box shadow on BF*/ float: left; height: 44px; margin-top: 10px; margin-left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 712px; } #playGamesMenu span { float: left; } #playGamesMenu ul { color: #666; float: left; font-size: 12px; margin-top: 10px; margin-left: 40px; text-align: center; } #playGamesMenu ul li { float: left; padding-right: 30px; } #playGamesContainer { background: #fff; box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; /* box shadow on BF*/ float: left; margin-top: 10px; margin-left: 10px; height: 128px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 712px; } #playGamesLeft { float: left; padding-top: 38px; width: 51px; } #playGamesRight { float: right; padding-top: 38px; width: 51px; } #vfGames { float: left; height: 100px; margin-top: 13px; margin-left: 29px; width: 510px; } #vfGames img { float: left; margin-left: 20px; } #bingoFooter { background: #cd3f8b; /* Old browsers */ background: -moz-linear-gradient(top, #cd3f8b 0%, #c93082 9%, #c1116e 24%, #be0565 35%, #be0565 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd3f8b), color-stop(9%, #c93082), color-stop(24%, #c1116e), color-stop(35%, #be0565), color-stop(100%, #be0565)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cd3f8b 0%, #c93082 9%, #c1116e 24%, #be0565 35%, #be0565 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cd3f8b 0%, #c93082 9%, #c1116e 24%, #be0565 35%, #be0565 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cd3f8b 0%, #c93082 9%, #c1116e 24%, #be0565 35%, #be0565 100%); /* IE10+ */ background: linear-gradient(to bottom, #cd3f8b 0%, #c93082 9%, #c1116e 24%, #be0565 35%, #be0565 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd3f8b', endColorstr='#be0565', GradientType=0); /* IE6-9 */ color: #fff; font-size: 11px; line-height: 1.5; margin: 0 auto 20px auto; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #bingoFooter p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #bingoFooter h3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 15px; margin-top: 15px; text-shadow: 2px 2px 2px #d2237b, 0px 2px 2px #d2237b, -2px 2px 2px #d2237b, -2px 0px 2px #d2237b, -2px -2px 2px #d2237b, 0px -2px 2px #d2237b, 2px -2px 2px #d2237b; } #bingoFooter a { color: #fff; text-decoration: none; } #bingoFooter a:hover { text-decoration: underline; } #bingoLinksRight { float: right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; width: 250px; } #bingoLinksRight .span50 { padding: 0 !important; width: 50%; } #bingoOutro { float: left; width: 660px; } #bingoHomeLink { border-left: none !important; } .bf-pink { color: #e6008c; font-family: eurofurence-regular, sans-serif; font-size: 34px; } .bf-grey { color: #6e6e6e; font-family: eurofurence-thin, sans-serif; font-size: 32px; } .bf-blue { color: #3baaee; font-family: eurofurence-regular, sans-serif; font-size: 36px; } .light-blue { color: #01a7e6; } #navigation { margin-top: 10px; } #navigation img { float: left; margin-top: -20px; margin-left: 10px; } #navigation ul li a { font-size: 14px !important; } .section-headings { float: left; width: 100%; margin: 10px 0; } .section-headings h2 { margin-top: 25px; } .section-headings img { float: left; margin-right: 10px; } .section-headings .bt-red { color: #c0202f !important; } .section-headings .bt-orange { color: #ee4036 !important; } .section-headings .bt-green { color: #0d693a !important; } .fl-left { float: left; } .fl-right { float: right; } .cl-both { clear: both; } .tx-center { text-align: center; } .img-left { padding-left: 20px; } .img-right { padding-right: 20px; } #right-content p, #right-content a, #right-content ul { font-size: 13px; margin-bottom: 15px; } .spaced-content { padding-top: 60px; margin-bottom: 50px; } #multiplayer { clear: left; } .current { background: #85c4e0 !important; /* Old browsers */ background: -moz-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c4e0), color-stop(2%, #47c4ee), color-stop(7%, #45c3ee), color-stop(13%, #3fbce8), color-stop(18%, #37b5e2), color-stop(27%, #24a5d2), color-stop(42%, #017eb0), color-stop(56%, #006294), color-stop(60%, #006093), color-stop(76%, #004376), color-stop(82%, #003762), color-stop(84%, #003762), color-stop(93%, #002a4d), color-stop(96%, #002a4d), color-stop(100%, #002446)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c4e0', endColorstr='#002446', GradientType=0) !important; /* IE6-9 */ } #user-panel li a { border-left: none !important; } #menulist { font-size: 12px; } #menulist li.here ul li { font-size: 12px; } #accountmenu { height: 77px !important; } /* #payment_form, */ #accountHistoryTable_info { font-size: 12px; } /* #payment_form button, #withdrawal-form button { color: #fff !important; } */ #right-content { border: 5px solid #6c0536; margin-top: 20px; padding: 15px 25px 10px 25px; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 660px !important; } #right-content span.main-headings { background: #fff; padding: 0 4px; position: absolute; top: -11px; left: 25px; } .span50 { padding: 20px 0; width: 50%; } .scratch-cards, .multiplayer-slots, .progressive-slots, .casino-and-mini-games, .progressive-scratch-cards { display: none; } .spaced-promotions { padding-bottom: 80px; } .vScroll { padding: 0 10px; } .vScroll ul li { padding-bottom: 15px; } #faq-container ul { font-size: 13px; padding-bottom: 15px; } #faq-container ul li a { cursor: pointer; } #faq-container ul li a:hover { color: #cf1771; } #faq-container ul li div { display: none; margin: 10px 0; } #carousel { background: url('../images/bg_carousel.gif') no-repeat 0 50%; float: left; height: 220px; position: relative; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 755px; } #carousel .inner { float: left; height: 150px; margin: 16px 50px; width: 655px !important; } #carousel .inner ul li { background: #92d22a; /* Old browsers */ background: -moz-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92d22a), color-stop(10%, #81c227), color-stop(16%, #70b328), color-stop(32%, #50952e), color-stop(42%, #418732), color-stop(52%, #398032), color-stop(58%, #30792d), color-stop(68%, #27722e), color-stop(84%, #195e29), color-stop(100%, #145226)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* IE10+ */ background: linear-gradient(to bottom, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92d22a', endColorstr='#145226', GradientType=0); /* IE6-9 */ box-shadow: 0px 0px 5px #000000; -moz-box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000; color: #fff; float: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; height: 126px; margin-right: 28px; padding: 12px; position: relative; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 175px; } #carousel .inner ul li img { height: 100px; width: 173px; border: 1px solid #1c7c42; } #carousel .inner ul li span { display: block; font-family: Arial; font-size: 16px; font-weight: bold; line-height: 30px; width: 88px; text-shadow: 0px 1px 3px #000000; } #carousel .inner ul li a { display: block; } #carousel .inner ul li a.button { bottom: 8px; color: #fff; font-size: 9px !important; font-weight: bold; margin: 0 !important; padding: 3px 10px !important; right: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; width: auto !important; position: absolute; text-transform: uppercase; background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ text-shadow: 1px 1px 1px #d5561d, 0px 1px 1px #d5561d, -1px 1px 1px #d5561d, -1px 0px 1px #d5561d, -1px -1px 1px #d5561d, 0px -1px 1px #d5561d, 1px -1px 1px #d5561d; box-shadow: 0px 0px 3px #000000; -moz-box-shadow: 0px 0px 3px #000000; -webkit-box-shadow: 0px 0px 3px #000000; } #carousel #btnPrev { background: url('../images/icon_carousel-prev.gif'); cursor: pointer; height: 33px; left: 10px; position: absolute; top: 110px; width: 29px; } #carousel #btnNext { background: url('../images/icon_carousel-next.gif'); cursor: pointer; height: 33px; right: 10px; position: absolute; top: 110px; width: 29px; } #carouselNavBar { background: #92d22a; /* Old browsers */ background: -moz-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92d22a), color-stop(10%, #81c227), color-stop(16%, #70b328), color-stop(32%, #50952e), color-stop(42%, #418732), color-stop(52%, #398032), color-stop(58%, #30792d), color-stop(68%, #27722e), color-stop(84%, #195e29), color-stop(100%, #145226)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* IE10+ */ background: linear-gradient(to bottom, #92d22a 0%, #81c227 10%, #70b328 16%, #50952e 32%, #418732 42%, #398032 52%, #30792d 58%, #27722e 68%, #195e29 84%, #145226 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92d22a', endColorstr='#145226', GradientType=0); /* IE6-9 */ float: left; height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; position: relative; } #carouselNavBar img { margin-top: -10px; } #carouselNavBar ul { float: right; margin-top: 12px; position: absolute; right: 0; top: 0; } #carouselNavBar ul li { color: #fff; float: left; font-size: 11px; font-weight: bold; margin-right: 21px; text-shadow: 2px 2px 2px #1a7237, 0px 2px 2px #1a7237, -2px 2px 2px #1a7237, -2px 0px 2px #1a7237, -2px -2px 2px #1a7237, 0px -2px 2px #1a7237, 2px -2px 2px #1a7237; } #latestwinners { background: #56a2cf; /* Old browsers */ background: -moz-linear-gradient(top, #56a2cf 0%, #59aad5 2%, #59abd5 3%, #55a9d7 4%, #57a8d5 5%, #55a4cf 6%, #57a4cf 7%, #56a2cd 8%, #539ecd 9%, #509fd0 11%, #4fa2d5 11%, #539bc0 12%, #539ec3 12%, #4f9cc8 14%, #4f9ac9 15%, #4d92c5 18%, #4c91c8 19%, #4a91c6 20%, #4c8fc0 20%, #4e92c4 21%, #4082b5 30%, #3b78ad 38%, #3873a6 41%, #366fa3 47%, #2e679b 53%, #2f659a 56%, #295d93 63%, #24558c 75%, #22538a 76%, #225289 90%, #1c4d86 93%, #093d7a 95%, #033975 96%, #01326c 98%, #022b5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56a2cf), color-stop(2%, #59aad5), color-stop(3%, #59abd5), color-stop(4%, #55a9d7), color-stop(5%, #57a8d5), color-stop(6%, #55a4cf), color-stop(7%, #57a4cf), color-stop(8%, #56a2cd), color-stop(9%, #539ecd), color-stop(11%, #509fd0), color-stop(11%, #4fa2d5), color-stop(12%, #539bc0), color-stop(12%, #539ec3), color-stop(14%, #4f9cc8), color-stop(15%, #4f9ac9), color-stop(18%, #4d92c5), color-stop(19%, #4c91c8), color-stop(20%, #4a91c6), color-stop(20%, #4c8fc0), color-stop(21%, #4e92c4), color-stop(30%, #4082b5), color-stop(38%, #3b78ad), color-stop(41%, #3873a6), color-stop(47%, #366fa3), color-stop(53%, #2e679b), color-stop(56%, #2f659a), color-stop(63%, #295d93), color-stop(75%, #24558c), color-stop(76%, #22538a), color-stop(90%, #225289), color-stop(93%, #1c4d86), color-stop(95%, #093d7a), color-stop(96%, #033975), color-stop(98%, #01326c), color-stop(100%, #022b5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #56a2cf 0%, #59aad5 2%, #59abd5 3%, #55a9d7 4%, #57a8d5 5%, #55a4cf 6%, #57a4cf 7%, #56a2cd 8%, #539ecd 9%, #509fd0 11%, #4fa2d5 11%, #539bc0 12%, #539ec3 12%, #4f9cc8 14%, #4f9ac9 15%, #4d92c5 18%, #4c91c8 19%, #4a91c6 20%, #4c8fc0 20%, #4e92c4 21%, #4082b5 30%, #3b78ad 38%, #3873a6 41%, #366fa3 47%, #2e679b 53%, #2f659a 56%, #295d93 63%, #24558c 75%, #22538a 76%, #225289 90%, #1c4d86 93%, #093d7a 95%, #033975 96%, #01326c 98%, #022b5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #56a2cf 0%, #59aad5 2%, #59abd5 3%, #55a9d7 4%, #57a8d5 5%, #55a4cf 6%, #57a4cf 7%, #56a2cd 8%, #539ecd 9%, #509fd0 11%, #4fa2d5 11%, #539bc0 12%, #539ec3 12%, #4f9cc8 14%, #4f9ac9 15%, #4d92c5 18%, #4c91c8 19%, #4a91c6 20%, #4c8fc0 20%, #4e92c4 21%, #4082b5 30%, #3b78ad 38%, #3873a6 41%, #366fa3 47%, #2e679b 53%, #2f659a 56%, #295d93 63%, #24558c 75%, #22538a 76%, #225289 90%, #1c4d86 93%, #093d7a 95%, #033975 96%, #01326c 98%, #022b5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #56a2cf 0%, #59aad5 2%, #59abd5 3%, #55a9d7 4%, #57a8d5 5%, #55a4cf 6%, #57a4cf 7%, #56a2cd 8%, #539ecd 9%, #509fd0 11%, #4fa2d5 11%, #539bc0 12%, #539ec3 12%, #4f9cc8 14%, #4f9ac9 15%, #4d92c5 18%, #4c91c8 19%, #4a91c6 20%, #4c8fc0 20%, #4e92c4 21%, #4082b5 30%, #3b78ad 38%, #3873a6 41%, #366fa3 47%, #2e679b 53%, #2f659a 56%, #295d93 63%, #24558c 75%, #22538a 76%, #225289 90%, #1c4d86 93%, #093d7a 95%, #033975 96%, #01326c 98%, #022b5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #56a2cf 0%, #59aad5 2%, #59abd5 3%, #55a9d7 4%, #57a8d5 5%, #55a4cf 6%, #57a4cf 7%, #56a2cd 8%, #539ecd 9%, #509fd0 11%, #4fa2d5 11%, #539bc0 12%, #539ec3 12%, #4f9cc8 14%, #4f9ac9 15%, #4d92c5 18%, #4c91c8 19%, #4a91c6 20%, #4c8fc0 20%, #4e92c4 21%, #4082b5 30%, #3b78ad 38%, #3873a6 41%, #366fa3 47%, #2e679b 53%, #2f659a 56%, #295d93 63%, #24558c 75%, #22538a 76%, #225289 90%, #1c4d86 93%, #093d7a 95%, #033975 96%, #01326c 98%, #022b5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a2cf', endColorstr='#022b5c', GradientType=0); /* IE6-9 */ float: right; height: 215px; padding: 5px 10px 0 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 10px; text-align: center; width: 172px; } #latestwinners h1 { color: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-shadow: 2px 2px 2px #00387d, 0px 2px 2px #00387d, -2px 2px 2px #00387d, -2px 0px 2px #00387d, -2px -2px 2px #00387d, 0px -2px 2px #00387d, 2px -2px 2px #00387d; } #latestwinners .vScroll { padding: 0 !important; box-shadow: 0px 0px 3px #000 inset; -mox-box-shadow: 0px 0px 3px #000 inset; -o-box-shadow: 0px 0px 3px #000 inset; -webkit-box-shadow: 0px 0px 3px #000 inset; background: url('../images/trans-stars.png') bottom right no-repeat #ffffff; } #latestwinners div { background: #fff; color: #023867; float: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; height: 170px !important; overflow: hidden; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 10px; width: 100%; } #latestwinners div ul li { margin: 0 10px; padding: 0px 0px 10px 0px; text-shadow: 0px 0px 3px #023867; } .footer-container { margin: 10px auto 0 auto; padding: 0 10px; width: 975px; } .bingo-room-offers { border-bottom: 1px solid #ccc; margin: 0 0 20px; padding: 0 0 20px; width: 100%; } .bingo-room-offers p { color: #5d5d5d; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 10px; } .bingo-room-offers .offer-img { float: left; margin-right: 20px; width: 163px!important; overflow: hidden; } .bingo-room-offers .offer-img a { display: block; margin-bottom: 0 !important; } .bingo-room-offers .offer-img a:hover { text-decoration: none; border: none!important; } .bingo-room-offers .offer-text { float: left; width: 472px; } .bingo-room-offers .offer-text h2 { margin: 0 0 20px 0 !important; padding: 0 !important; } .bingo-room-offers .offer-text h2 a { font-size: 22px!important; } .bingo-room-offers .offer-text p { margin: 0 0 10px 0!important; padding: 0!important; } .self-exclude-heading { margin: 40px 0 10px 125px; } .self-exclude-heading + .form-item button { padding: 8px !important; width: auto !important; } div[aria-labelledby="ui-dialog-title-self-exclusion-dialog"] .ui-dialog-buttonpane { width: 228px; background: transparent; } .promo-detail h1 { font-size: 30px!important; text-transform: uppercase; } .promo-detail h2 { font-size: 20px!important; } ._promotions h2 { color: #c30062 !important; font-size: 16px !important; margin-bottom: 0 !important; } ._promotions .bingo-room-offers { background: transparent; } ._promotions .bingo-room-offers .offer-img { width: auto; } ._support h2 { color: #c30062 !important; font-size: 16px !important; margin-bottom: 0 !important; } #user-panel a { text-shadow: none !important; } .alignright, .image-right { float: right; margin: 0px 0px 10px 10px; } .center-content { text-align: center; } p strong { font-weight: bold; } /* Wrapper for deposit.tpl and recurringdeposit.tpl*/ #depositCol1 h2.deposit-header { display: none; } /* Select form drop down */ .select-type { margin: -22px 20px 10px; clear: both; } .select-type form#payment_method label { display: none; } .select-type form#payment_method select { padding: 9px 4px; height: 40px; } /* IPS text */ #ips-text { margin-top: 15px; float: left; } /* ---------- Color Cycle ---------- */ .colorCycle { background: #fff; animation-name: loginCycle; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: infinite; -webkit-animation-name: loginCycle; -webkit-animation-duration: 1s; -webkit-animation-direction: alternate; -webkit-animation-iteration-count: infinite; } @keyframes loginCycle { 0% { background-color: #fff; } 75% { background-color: #fcff9e; } } @-webkit-keyframes loginCycle { 0% { background-color: #fff; } 75% { background-color: #fcff9e; } } /* ---------- Team Bingo ------------ */ #right-content #teambingo #teambingo_info { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%); /* W3C */ color: #000; margin: 0 0 20px 0; padding: 14px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 4px #333333; -moz-box-shadow: 0 0 4px #333333; -webkit-box-shadow: 0 0 4px #333333; text-align: center; text-shadow: 0 1px 0 #ffffff; } #right-content #teambingo #teambingo_info h2 { color: #c1202f; margin-top: 0; font-size: 18px; } #right-content #teambingo #teambingo_info p.title { color: #01a7e6; font-family: 'helvetica'; line-height: 1em; text-transform: uppercase; margin-bottom: 10px; } #right-content #teambingo #teambingo_info p.title a { color: #01a7e6; font-size: 19px; } #right-content #teambingo #teambingo_info p.title a:hover { text-decoration: underline; color: #006ea0; border-bottom: none; } #right-content #teambingo #teambingo_info > div { float: left; } #right-content #teambingo #teambingo_info p { font-size: 13px; line-height: 1.4em; } #right-content #teambingo #teambingo_info #tb_current { padding: 0 19px 0 0; border-right: 1px solid #fff; width: 289px; } #right-content #teambingo #teambingo_info #tb_next { padding: 0 0 0 19px; border-left: 1px solid #eee; text-align: center; width: 289px; } #right-content #teambingo #teambingo_info #tb_next a.button { border-color: #01a7e6; display: block; font-size: 18px; font-weight: normal; line-height: 33px; background-color: #01a7e6; margin-bottom: 0px; text-align: center; box-shadow: 0px 0px 2px #000000; -moz-box-shadow: 0px 0px 2px #000000; -webkit-box-shadow: 0px 0px 2px #000000; color: #ffffff; text-shadow: 0 -1px 0 #000000; } #right-content #teambingo #teambingo_info #tb_next a.button:hover { color: #f6efa3; background: #006ea0; border-bottom: none; } #right-content #teambingo .tb_twocol { float: left; margin: 0px 10px; width: 309px; } #right-content #teambingo .tb_twocol h3 { background: #92D22A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px; margin: 10px 10px 10px -10px; color: #fff; } #right-content #teambingo #teambingo_roundwinners ol li:first-child, #right-content #teambingo #teambingo_individualwinners ol li:first-child { font-weight: bold; } #right-content #teambingo h1 { font-size: 26px; } #right-content #teambingo h2 { font-size: 20px; } #right-content #teambingo h3 { font-size: 16px; } #right-content #teambingo ol, #right-content #teambingo ul { font-size: 12px; } #right-content #teambingo ol li, #right-content #teambingo ul li { margin: 5px 0; } #grandprix-application-page h1 { font-size: 36px; } #grandprix-application-page p.title { font-size: 20px; font-weight: bold; color: #01a7e6; } #grandprix-application-page button { margin-left: 122px; } /* ---------- Toggley ------------ */ .toggley > ul { list-style-type: none; } .toggley > ul li { margin-left: 0; } .toggley > ul li > a { background: url('../images/arrow-closed.png') no-repeat left center; padding-left: 16px; } .toggley > ul li > a:hover { border: none !important; text-decoration: underline!important; } .toggley > ul li > a.open { background-image: url('../images/arrow-open.png'); } .toggley > ul li > div { display: none; padding-left: 16px; } .toggley > ul li > div p { font-size: 1em; margin: 1em 0; } /* ---------- Sidebar Top Slots ---------- */ .top-slots-container { background: url("/assets/images/sidebar-slots-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important; } .top-slots-container ul#top-slots { height: 198px; overflow: hidden; width: 250px; } .top-slots-container ul#top-slots li { height: 174px; padding: 12px; width: 226px; margin: 0; } .top-slots-container ul#top-slots li a { display: block; line-height: 0; text-decoration: none; text-align: center; } .top-slots-container ul#top-slots li a img { width: 223px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #73b070; } .top-slots-container ul#top-slots li a .jackpot { color: #fff; display: block; font-size: 24px; font-weight: bold; line-height: normal; margin-top: 6px; text-shadow: 0 2px 0 #000000; } /* -------------- Calendar Fix --------------- */ .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all { z-index: 99 !important; } /* ------------- Scroll box --------------- */ #scroll-box { border: 1px solid #CCCCCC; height: 250px; overflow-y: scroll; padding: 15px; } /* --------------- Fix T&C's input -------------- */ #newterms { margin: 20px 0; } #newterms .form-item { margin: 0 0 10px 0; } #newterms input[type="checkbox"] { height: 14px; width: auto; margin-right: 10px; } #newterms button { margin: 0; } /* ---------- Non Semantic Helpers ---------- */ .clearfix:before { content: ""; display: table; } .clearfix:after { content: ""; display: table; clear: both; } .clearfix { zoom: 1; } #right-content { /* bingo-lobby */ } #right-content .bingo-lobby { padding-bottom: 225px; /* bingogame */ /* gameInfo class */ } #right-content .bingo-lobby #bingoAds img { margin-right: 10px; margin-top: 10px; } #right-content .bingo-lobby .bingoGame { background: #f7f7f7; border: 1px solid #c5c5c5; height: 125px; margin-top: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 8px; } #right-content .bingo-lobby .bingoGame table { background: none; border: none; float: left; margin: 12px 0 0 5px; width: 530px; } #right-content .bingo-lobby .bingoGame table thead tr { background: none; border: none; } #right-content .bingo-lobby .bingoGame table thead tr:nth-child(odd) { background: #f7f7f7; } #right-content .bingo-lobby .bingoGame table thead tr th { background: none; border: none; border-right: 1px solid #c5c5c5; color: #1a0138; filter: none; font-size: 12px; font-weight: bold; padding-left: 10px; text-align: left; } #right-content .bingo-lobby .bingoGame table thead tr td { border: none; border-left: none; background: none; } #right-content .bingo-lobby .clearfix { clear: both; float: none; } #right-content .bingo-lobby .gameInfo { float: left; width: 100%; } #right-content .bingo-lobby .gameInfo .bingoButtons { float: right; margin-right: 13px; margin-top: 10px; padding: 10px; width: 110px; } #right-content .bingo-lobby .gameInfo .bingoButtons a .button-glossy { font-size: 14px !important; padding: 6px 0 6px 0 !important; margin-bottom: 5px; border: 1px solid #881a63; color: white; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; background: #de0475; /* Old browsers */ background: -moz-linear-gradient(top, #de0475 0%, #881a63 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de0475), color-stop(100%, #881a63)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #de0475 0%, #881a63 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #de0475 0%, #881a63 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #de0475 0%, #881a63 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); text-align: center; text-decoration: none; width: 6em; width: 113px; } #right-content .bingo-lobby .gameInfo .bingoButtons a .button-glossy:hover { background: #de0475; } #right-content .bingo-lobby .gameInfo .bingoButtons span { margin-bottom: 5px; padding: 5px; width: 100px; } #right-content .bingo-lobby .gameInfo h2 { border-bottom: 1px solid #c5c5c5; display: block; font-size: 16px; height: 25px; line-height: 25px; padding: 9px 5px 5px 13px; } #right-content .bingo-lobby .gameInfo .bingo-room tbody tr { border: none; } #right-content .bingo-lobby .gameInfo .bingo-room tbody tr td { border-left: none; border-right: 1px solid #c5c5c5; padding: 7px 10px; } #right-content .bingo-lobby .gameInfo .bingo-room tbody tr:nth-child(odd) { background-color: #f7f7f7; } /* right-content */ .gamelobby #games-nav { width: 99.4%; margin: 0 auto; color: #ffffff; font-size: 14px; text-transform: uppercase; margin-bottom: 0; margin-top: 5px; font-weight: bold; position: relative; clear: both; } .gamelobby #games-nav ul { margin-left: 7px; } .gamelobby .games-grid-container #games-nav a { text-decoration: none; border: 0; } .gamelobby .games-grid-container #games-nav li { list-style: none; float: left; padding-left: 10px; margin-right: 2px; margin-left: 2px; background: #75cae7; /* Old browsers */ background: -moz-linear-gradient(top, #75cae7 0%, #24a5d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75cae7), color-stop(100%, #24a5d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #75cae7 0%, #24a5d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #75cae7 0%, #24a5d2 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #75cae7 0%, #24a5d2 100%); /* W3C */ padding-bottom: 5px; border: 1px solid #1d83a6; border-bottom: none; overflow: hidden; width: 172px; height: 30px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .gamelobby .games-grid-container #games-nav li:hover { background: #24A5D2; } .gamelobby .games-grid-container #games-nav li a { float: none; margin: 0; margin-top: 2px; text-align: left; color: #fff; } .gamelobby .games-grid-container #games-nav .evolution li { width: 142px; } .gamelobby .games-grid-container #games-nav li .icon { background: url("../images/games-nav2.png"); height: 29px; width: 29px; background-repeat: no-repeat; display: block; float: left; margin-right: 5px; margin-top: 2px; } .gamelobby .games-grid-container #games-nav li.slots .icon { background-position: -90px 0; } .gamelobby .games-grid-container #games-nav li.table-games .icon { background-position: -60px 0; } .gamelobby .games-grid-container #games-nav li.poker .icon { background-position: -30px 0; } .gamelobby .games-grid-container #games-nav li.poker { background: #e6c552; /* Old browsers */ background: -moz-linear-gradient(top, #e6c552 0%, #be9432 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6c552), color-stop(100%, #be9432)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6c552 0%, #be9432 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6c552 0%, #be9432 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #e6c552 0%, #be9432 100%); /* W3C */ border: 1px solid #aa842d; } .gamelobby .games-grid-container #games-nav li.poker:hover { background: #cca13d; } .gamelobby .games-grid-container #games-nav li.win .icon { background-position: -120px 0; } .gamelobby .games-grid-container #games-nav li a:hover { color: #fff; } .gamelobby .games-grid-container #games-nav li.selected { border: 1px solid #006294; border-bottom: 1px solid #d08d29; background: #85c4e0; /* Old browsers */ background: -moz-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85c4e0), color-stop(2%, #47c4ee), color-stop(7%, #45c3ee), color-stop(13%, #3fbce8), color-stop(18%, #37b5e2), color-stop(27%, #24a5d2), color-stop(42%, #017eb0), color-stop(56%, #006294), color-stop(60%, #006093), color-stop(76%, #004376), color-stop(82%, #003762), color-stop(84%, #003762), color-stop(93%, #002a4d), color-stop(96%, #002a4d), color-stop(100%, #002446)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* IE10+ */ background: linear-gradient(to bottom, #85c4e0 0%, #47c4ee 2%, #45c3ee 7%, #3fbce8 13%, #37b5e2 18%, #24a5d2 27%, #017eb0 42%, #006294 56%, #006093 60%, #004376 76%, #003762 82%, #003762 84%, #002a4d 93%, #002a4d 96%, #002446 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85c4e0', endColorstr='#002446', GradientType=0); /* IE6-9 */ } .gamelobby .games-grid-container #games-nav li.selected:hover { background: #006294; } .gamelobby .games-grid-container #games-nav li.selected a { background: none; padding: 0; } .gamelobby .games-grid-container #games-nav li.selected.poker.selected { background: #dcbc4b; /* Old browsers */ background: -moz-linear-gradient(top, #dcbc4b 0%, #af882b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dcbc4b), color-stop(100%, #af882b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dcbc4b 0%, #af882b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dcbc4b 0%, #af882b 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #dcbc4b 0%, #af882b 100%); /* W3C */ } .gamelobby #content #games-nav li.selected a { color: #fff; width: auto; } .gamelobby #games-nav li.win { list-style: none; float: left; margin-right: 0; } .gamelobby .games-grid-container #games-nav a { height: 29px; text-decoration: none; line-height: 36px; display: block; } .gamelobby #gamesContent { border-top: 1px solid #006294; padding-top: 10px; } .gamelobby #gamesContent #games-wrap { margin: 0; } .gamelobby #gamesContent .games-list { width: 100%; } .gamelobby #gamesContent .games-list li { margin: 4px; width: 172px; padding: 3px; height: 174px; border: 1px solid #9e9e9e; box-shadow: 0px 0px 3px #9d9d9d; -moz-box-shadow: 0px 0px 3px #9d9d9d; -webkit-box-shadow: 0px 0px 3px #9d9d9d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .gamelobby #gamesContent .games-list li:hover { background: #ffffff; } .gamelobby #gamesContent .games-list li h2 { font-size: 1.3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #094D82; margin: 0; padding-bottom: 0; text-align: center; } .gamelobby #gamesContent .games-list li a { text-decoration: none; } .gamelobby #gamesContent .games-list li a .button-glossy, .gamelobby #gamesContent .games-list li a .button-glossy-grey { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 auto; display: block; font-size: 1em; line-height: 1.4em; color: #fdfdfd; padding: 1px 5px; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.7); } .gamelobby #gamesContent .games-list li img { width: 100%; margin-bottom: 4px; max-height: 102px; } .gamelobby #gamesContent .games-list li .game-buttons { float: none; margin-top: 0; text-align: center; } .gamelobby #gamesContent .games-list li .game-buttons .cashPlay { width: auto; border: 1px solid #fff!important; background: #f8c280; /* Old browsers */ background: -moz-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8c280), color-stop(15%, #f8c280), color-stop(17%, #f7be7a), color-stop(22%, #f2b067), color-stop(27%, #ed9d51), color-stop(34%, #e47d2d), color-stop(37%, #e0701e), color-stop(39%, #de6714), color-stop(44%, #dd6011), color-stop(46%, #dd6011), color-stop(51%, #da5711), color-stop(59%, #da5512), color-stop(61%, #dc5519), color-stop(63%, #e24f21), color-stop(68%, #e44a26), color-stop(80%, #e7472a), color-stop(85%, #e8432e), color-stop(100%, #e9432f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8c280 0%, #f8c280 15%, #f7be7a 17%, #f2b067 22%, #ed9d51 27%, #e47d2d 34%, #e0701e 37%, #de6714 39%, #dd6011 44%, #dd6011 46%, #da5711 51%, #da5512 59%, #dc5519 61%, #e24f21 63%, #e44a26 68%, #e7472a 80%, #e8432e 85%, #e9432f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8c280', endColorstr='#e9432f', GradientType=0); /* IE6-9 */ padding: 5px; } .gamelobby #gamesContent .games-list li .game-buttons .cashPlay:hover { background: #DA5711; text-decoration: none; } .gamelobby #gamesContent .games-list li .game-buttons .freePlay { width: auto; padding: 0; margin-bottom: 2px; } .gamelobby #gamesContent .games-list li.igt .button-glossy, .gamelobby #gamesContent .games-list li.igt .button-glossy-grey { font-size: 0.8em; line-height: 1.4em; margin-top: 0; } .gamelobby #gamesContent .games-list li.igt .button-glossy { float: right; font-size: 1em; } .gamelobby #gamesContent .games-list li.igt .button-glossy-grey { margin-bottom: 4px; margin-top: 3px; float: left; color: #4d4d4d; text-shadow: none; } .gamelobby #gamesContent .games-list li.igt .game-info { float: left; height: 20px; width: 16px; margin-left: 3px; margin-top: 6px; } .gamelobby #gamesContent .games-list li.igt .game-info a { background: url("../images/icon-game-info.png") no-repeat; background-size: 100%; display: block; text-indent: -9999px; width: 10px; height: 18px; opacity: 0.6; } .gamelobby #gamesContent .games-list li.igt .game-info a:hover { opacity: 1; border: none; } .gamelobby .gamelogin-dialog { width: 605px !important; } .gamelobby .gamelogin-dialog #dialog-login-form { float: left; width: 310px; margin-bottom: 10px; border-bottom: 1px solid #DBD9D9; padding-left: 15px; padding-bottom: 10px; } .gamelobby .gamelogin-dialog #dialog-login-form .error { left: 0; top: 5px; width: 280px; padding: 10px; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .gamelobby .gamelogin-dialog .login-game { padding-right: 10px; border-right: 1px solid #DBD9D9; float: left; margin-right: 10px; margin-bottom: 15px; width: 230px; padding-bottom: 10px; height: 100%; } .gamelobby .gamelogin-dialog #login-btn { background: #00a0f9; /* Old browsers */ background: -moz-linear-gradient(top, #00a0f9 0%, #153b7a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a0f9), color-stop(100%, #153b7a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a0f9 0%, #153b7a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a0f9 0%, #153b7a 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #00a0f9 0%, #153b7a 100%); /* W3C */ border: none; margin-left: 10px; margin-top: 0; font-size: 16px !important; text-shadow: none; } .gamelobby .gamelogin-dialog #login-btn:hover { background: #153b7a; /* Old browsers */ background: -moz-linear-gradient(top, #153b7a 0%, #00a0f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #153b7a), color-stop(100%, #00a0f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #153b7a 0%, #00a0f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #153b7a 0%, #00a0f9 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #153b7a 0%, #00a0f9 100%); /* W3C */ } .gamelobby .gamelogin-dialog .login-demo, .gamelobby .gamelogin-dialog .reg-game { text-decoration: none; } .gamelobby .gamelogin-dialog .login-demo { background: #e6e6e6; /* Old browsers */ background: -moz-linear-gradient(top, #e6e6e6 0%, #bfbfbf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #bfbfbf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #bfbfbf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%, #bfbfbf 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #e6e6e6 0%, #bfbfbf 100%); /* W3C */ border: 1px solid #adadad; text-shadow: none; color: #666666; width: 90%; text-align: center; margin-top: 6px; } .gamelobby .gamelogin-dialog .login-demo:hover { background: #bfbfbf !important; /* Old browsers */ background: -moz-linear-gradient(top, #bfbfbf 0%, #e6e6e6 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfbfbf), color-stop(100%, #e6e6e6)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bfbfbf 0%, #e6e6e6 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bfbfbf 0%, #e6e6e6 100%) !important; /* Opera 11.10+ */ background: linear-gradient(to bottom, #bfbfbf 0%, #e6e6e6 100%) !important; /* W3C */ } .gamelobby .gamelogin-dialog .reg-game { color: #fff; } .gamelobby .gamelogin-dialog .newplayer { text-align: center; float: left; width: 300px; } .gamelobby .gamelogin-dialog .newplayer .reg-game { line-height: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #d8ebcc; /* Old browsers */ background: -moz-linear-gradient(top, #d8ebcc 0%, #d8ebcc 11%, #d6eaca 13%, #c0ddb2 29%, #aad09b 40%, #8fc07e 42%, #6fac62 44%, #378244 76%, #206f3c 91%, #166738 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8ebcc), color-stop(11%, #d8ebcc), color-stop(13%, #d6eaca), color-stop(29%, #c0ddb2), color-stop(40%, #aad09b), color-stop(42%, #8fc07e), color-stop(44%, #6fac62), color-stop(76%, #378244), color-stop(91%, #206f3c), color-stop(100%, #166738)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8ebcc 0%, #d8ebcc 11%, #d6eaca 13%, #c0ddb2 29%, #aad09b 40%, #8fc07e 42%, #6fac62 44%, #378244 76%, #206f3c 91%, #166738 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8ebcc 0%, #d8ebcc 11%, #d6eaca 13%, #c0ddb2 29%, #aad09b 40%, #8fc07e 42%, #6fac62 44%, #378244 76%, #206f3c 91%, #166738 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8ebcc 0%, #d8ebcc 11%, #d6eaca 13%, #c0ddb2 29%, #aad09b 40%, #8fc07e 42%, #6fac62 44%, #378244 76%, #206f3c 91%, #166738 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8ebcc 0%, #d8ebcc 11%, #d6eaca 13%, #c0ddb2 29%, #aad09b 40%, #8fc07e 42%, #6fac62 44%, #378244 76%, #206f3c 91%, #166738 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8ebcc', endColorstr='#166738', GradientType=0); /* IE6-9 */ border: 1px solid #166738; margin-left: 0; height: auto; padding: 4px; width: auto; text-shadow: 2px 2px #166738; } .gamelobby .gamelogin-dialog .newplayer .reg-game:hover { background: #166738; } .gamelobby #game-window .ui-dialog-titlebar, .gamelobby .game-window #ui-dialog-title-game-lightbox-id { width: 20px; height: 20px; position: absolute; background: #000; } .gamelobby #game-window .ui-widget-header { width: 8px; height: 30px; background: #fff !important; border: none !important; right: -36px; border-radius: 0 3px 3px 0 !important; -moz-border-radius: 0 3px 3px 0 !important; } .gamelobby #game-window .ui-dialog .ui-dialog-titlebar { padding: 0 !important; margin: 0 !important; } .gamelobby #game-lightbox-id { background: #000 !important; padding: 0 !important; margin: 0 !important; } .gamelobby .ui-widget input, .gamelobby .ui-widget select, .gamelobby .ui-widget textarea, .gamelobby .ui-widget button, .gamelobby .ui-widget-content { font-size: 12px !important; } .gamelobby #game-window.ui-dialog { background: #000 !important; overflow: visible !important; position: absolute; } .gamelobby #game-window { background: #000 !important; padding: 0 !important; border: 4px solid #fff; } .gamelobby #game-window #gameMenu { position: absolute; width: 100%; top: -47px; } .gamelobby #game-window #gameMenu button { background: #e8e7e7; font-size: 11px; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #e8e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 0%, #e8e7e7 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #efefef 0%, #e8e7e7 100%); /* W3C */ line-height: 1.4em; min-height: 1.4em; padding: 4px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.2); width: 6em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 5px #5b5b5b; -moz-box-shadow: 1px 1px 5px #5b5b5b; -webkit-box-shadow: 1px 1px 5px #5b5b5b; text-shadow: 0 -1px 1px #c5c5c5; border: 1px solid #c5c5c5; color: #5b5b5b; cursor: pointer; display: inline-block; font-size: 12px !important; font-weight: bold; padding: 5px; position: relative; text-align: center; text-decoration: none; width: auto; } .gamelobby #game-window #gameMenu button:hover { background: #f7f7f7; } .gamelobby #game-window #gameMenu #dialogregister button, .gamelobby #game-window #gameMenu #dialogdeposit button { background: #ee715e; /* Old browsers */ background: -moz-linear-gradient(top, #ee715e 0%, #e94830 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee715e), color-stop(100%, #e94830)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ee715e 0%, #e94830 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ee715e 0%, #e94830 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ee715e 0%, #e94830 100%); /* W3C */ border-color: #E94830; float: right; margin: 0 0 6px 0; color: #fff; } .gamelobby #game-window #gameMenu #dialogregister button:hover, .gamelobby #game-window #gameMenu #dialogdeposit button:hover { background: #E94830; } .gamelobby #game-window .ui-dialog-titlebar-close { background: url("../images/games-close.png") no-repeat 0 0 scroll transparent; width: 23px; height: 23px; display: block; border: 0; margin: -11px -1px 0 !important; } .gamelobby #game-window .ui-dialog-titlebar-close span { display: none !important; } .gamelobby #game-window .ui-dialog-titlebar-close:hover { background-position: 0 -25px; } .gamelobby #game-window .ui-state-hover { margin: -11px -1px 0 !important; padding: 1px !important; border: 0 !important; } .gamelobby #game-window .ui-icon { display: none !important; } .gamelobby .ui-dialog .ui-dialog-content { overflow: visible !important; } .gamelobby .ui-dialog { overflow: visible !important; } .gamelobby #game-window .ui-icon-closethick { display: block; } .gamelobby .ui-dialog-title { font-size: 22px; font-weight: bold; text-transform: uppercase; color: #ffffff; } .gamelobby .ui-dialog { border: 1px solid #CBCBCB !important; background: #F7F7F7 !important; } .gamelobby .ui-widget-content.popup-login { min-width: 460px; } .gamelobby .ui-widget-content { border: 1px solid #DBD9D9 !important; color: #696868 !important; } .gamelobby .ui-widget-content #reg-link, .gamelobby .ui-widget-content #pass-remind { color: #696868; text-decoration: none; margin-right: 10px; margin-top: 10px; display: inline-block; } .gamelobby .ui-widget-content #reg-link:hover, .gamelobby .ui-widget-content #pass-remind:hover { text-decoration: underline; } .gamelobby .ui-widget-content #ingamelogin { padding-top: 20px; padding-bottom: 25px; } .gamelobby .ui-widget-content #ingamelogin label { width: 0; } .gamelobby .ui-widget-content #ingamelogin label[for="username"] { display: none; } .gamelobby .ui-widget-content #ingamelogin .error { padding: 2px; width: auto; top: -73px; left: -14px; font-size: 11px; } .gamelobby .ui-widget-content #ingamelogin button#login-btn { margin-left: 0; margin-top: 10px; } .gamelobby .ui-widget-content #ingamelogin a#pass-remind { position: absolute; top: 60px; left: 290px; } .gamelobby .ui-widget-content #ingamelogin a#reg-link { display: none; } .gamelobby .ui-widget-content .inlineElements { margin-left: 50px; margin-top: 10px; width: 230px; } .gamelobby .ui-widget-content .game-login-form { margin-bottom: 0; } .gamelobby .ui-widget-header { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #2f248c; margin: 2px !important; } .gamelobby #dialog-login-form { margin-bottom: 10px; } .gamelobby .ui-widget-overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); } #content-inner { background: #fff; } /* shared/images/promotions : black, blue, cyan, gold, green, magenta, orange, pink, red, turquoise, violet */ /********************** Promotions Page ********************/ #promotionsCol1, .promotionsCol2 { border: 1px solid #cccccc; width: 453px; float: left; padding: 10px; color: #6a6a6a; margin-bottom: 10px; } #promotionsCol1 { height: 500px; overflow-y: scroll; margin-right: 5px; } #promotionsCol1 #promotions h2 { margin: 0px 0 10px; } #promotionsCol1 #promotions h3, #promotionsCol1 #promotions h4 { margin: 0 0 10px 0; padding: 0; } #promotionsCol1 #promotions ul.promotion { margin: 0 0 10px 0; padding: 0; list-style-type: none; } #promotionsCol1 #promotions ul.promotion > li { background: #f4f4f4; border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; position: relative; background-position: 4px 4px; background-repeat: no-repeat; } #promotionsCol1 #promotions ul.promotion > li.depositBonus { background-image: url('../shared/images/promotions/orange/icon_coins.png'); } #promotionsCol1 #promotions ul.promotion > li.instantBonus { background-image: url('../shared/images/promotions/orange/icon_star.png'); } #promotionsCol1 #promotions ul.promotion > li.periodBonus { background-image: url('../shared/images/promotions/orange/icon_clock.png'); } #promotionsCol1 #promotions ul.promotion > li.cashbackBonus { background-image: url('../shared/images/promotions/orange/icon_back.png'); } #promotionsCol1 #promotions ul.promotion > li h3 { color: #1588b4; text-transform: uppercase; font-size: 14px; line-height: normal; } #promotionsCol1 #promotions ul.promotion > li p { margin: 0 0 10px 0; } #promotionsCol1 #promotions ul.promotion > li li { list-style: disc outside; margin: 0 0 10px 18px; line-height: normal; } #promotionsCol1 #promotions ul.promotion > li .promotionDescInfo { background-repeat: no-repeat; background-position: 0 0; padding-left: 18%; min-height: 65px; width: 52%; float: left; } #promotionsCol1 #promotions ul.promotion > li .promotionDescInfo .promotionDesc { margin: 0 0 0 0; line-height: normal; } #promotionsCol1 #promotions ul.promotion > li .promotionDescInfo .promotionTerms { display: none; } #promotionsCol1 #promotions ul.promotion > li .promotionCode { width: 26%; text-align: center; color: #6a6a6a; font-weight: bold; padding: 0 2%; float: left; } #promotionsCol1 #promotions ul.promotion > li .promotionCode div { font-size: 10px; line-height: normal; margin: 0 0 10px 0; } #promotionsCol1 #promotions ul.promotion > li .promotionCode span { color: #1588b4; display: block; font-size: 12px; margin: 4px 0 0 0; } #promotionsCol1 #promotions ul.promotion > li .promotionCode button { width: 100%; margin: 0; padding: 6px; } .promotionsCol2 { margin-left: 5px; } .promotionsCol2 .promocode-search h2 { margin: 0 0 10px 0!important; } .promotionsCol2 .promocode-search h3 { color: #1588b4 !important; text-transform: uppercase; font-size: 14px !important; line-height: normal; margin: 10px 0; padding: 0; } .promotionsCol2 .promocode-search #promocode { position: relative; } .promotionsCol2 .promocode-search .promotionDiv { min-height: 389px; } .promocode-search #promocode { padding: 10px; margin: 0 0 10px 0; background: codeInputBG; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; background: #f4f4f4; } .promocode-search #promocode input { margin: 0px; border: 1px solid #C5C5C5; border-radius: 2px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; padding: 2px 6px; width: 160px; } .promocode-search #promocode button { float: right; padding: 6px 6px 4px 6px; margin: 0 !important; } .promocode-search #promocode button[name='cancel'] { background: #A2A2A2; border: 2px solid #7A7979; text-shadow: none; } .promocode-search #promocode button[name='cancel']:hover { background: #7A7979; } .promocode-search #promocode .tick { background: url('../images/validate-tick.png') no-repeat scroll 0 0 transparent; } .promocode-search #promocode .cross { background: url('../images/validate-cross.png') no-repeat scroll 0 0 transparent; } .promocode-search #promocode .tick, .promocode-search #promocode .cross { height: 16px; left: 195px !important; top: 17px !important; position: absolute; width: 16px; } .promocode-search .promotionDiv h4 { color: #1588b4; font-size: 14px; margin: 0 0 10px 0; line-height: normal; } .promocode-search .promotionDiv h4 span { color: #fff; } .promocode-search .promotionDiv p { margin: 0 0 10px 0; } .promocode-search .promotionDiv li { list-style: disc outside; margin: 0 0 10px 18px; line-height: normal; } .promocode-search .promotionDiv .promotionDesc { font-weight: bold; margin: 0 0 10px 0; line-height: normal; } .promocode-search .promotionDiv .promotionTerms { height: 220px; overflow-y: scroll; padding: 10px; border: 1px solid #ccc; margin: 10px 0; } .promocode-search .promotionDiv button { margin: 0 10px 10px 0 !important; width: auto; padding: 8px; } .promocode-search .promotionDiv button[name='decline'] { margin: 0 10px 10px 0; width: auto; padding: 8px; } .promocode-search .promotionDiv .promotion-deposit-button { margin: 0 0 10px 0; }