<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
  font-size: 100%; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/* Main styles!
-------------------------------------------------------------------------------*/

body {
  background: transparent url(/img/bg.png) no-repeat center top;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  width: 943px;
  background: #f7f9fe url(/img/wrapper-bg.png) no-repeat 0 0;
}

#header {
  height: 265px;
}

#logo {
  position: absolute;
  width: 676px;
  top: 0;
  left: 46px;
  height: 228px;
  text-indent: -5000px;
  background: transparent url(/img/logo.png) no-repeat 0 0;
  z-index: 1;
}

#login {
  position: absolute;
  top: 0;
  right: 13px;
  width: 180px;
  height: 192px;
  background: transparent url(/img/login-bg.png) no-repeat 0 0;
  padding-left: 37px;
  padding-top: 18px;
  color: #407bbf;
}

#users-online {
  color: #d50002;
  background: transparent url(/img/users-online.png) no-repeat 0 0;
  padding-left: 23px;
}

#login form {
  margin-top: 15px;
}

#login form input {
  width: 133px;
  height: 22px;
  background: transparent url(/img/home-input.png) no-repeat 0 0;
  border: 0;
  padding-left: 7px;
  padding-top: 2px;
  color: #777;
}

#login #home-login-btn {
  width: 61px;
  height: 26px;
  background: none;
  margin-left: 11px;
  padding-left: 0;
}

#login .username {
  margin-top: 18px;
}

#login #home-logout {
  margin-top: 10px;
}

#nav {
  position: absolute;
  top: 225px;
  left: 0;
  width: 939px;
  height: 40px;
  background: transparent url(/img/nav-sprite.png) no-repeat 0 0;
}

#nav.nav-home {
  background-position: 0 -40px;
}

#nav.nav-about {
  background-position: 0 -80px;
}

#nav.nav-gamezone {
  background-position: 0 -120px;
}

#nav.nav-competitions {
  background-position: 0 -160px;
}

#nav.nav-testimonials {
  background-position: 0 -200px;
}

#nav.nav-buynow {
  background-position: 0 -240px;
}

#nav.nav-contactus {
  background-position: 0 -280px;
}

#nav ul li {
  float: left;
}

#nav ul li a {
  display: block;
  height: 40px;
  text-indent: -5000px;
  cursor: pointer;
}

#nav ul li.first-child {
  margin-left: 33px;
}

#nav ul li a#nav-home {
  width: 85px;
}

#nav ul li a#nav-about {
  width: 90px;
}

#nav ul li a#nav-gamezone {
  width: 142px;
}

#nav ul li a#nav-competitions {
  width: 158px;
}

#nav ul li a#nav-testimonials {
  width: 153px;
}

#nav ul li a#nav-buynow {
  width: 117px;
}

#nav ul li a#nav-contactus {
  width: 137px;
}

#content {
  min-height: 600px;
}

#footer {
  height: 236px;
  background: transparent url(/img/footer-bg.png) no-repeat 0 0;
  position: relative;
  padding-top: 23px;
  padding-left: 45px;
}

#footer #footer-trailer {
  position: absolute;
  top: 0;
  right: 180px;
  display: block;
  width: 160px;
  height: 200px;
  text-indent: -5000px;
}

#footer #footer-competition {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 160px;
  height: 200px;
  text-indent: -5000px;
}

#footer h3 {
  float: left;
  text-indent: -5000px;
  background: transparent url(/img/tell-your-friends.png) no-repeat 0 8px;
  width: 145px;
  height: 32px;
  margin-right: 10px;
}

#footer .submit input,
#footer .button {
  letter-spacing: .025em;
  color: #eeeeee;
  font-size: 1.1em;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  padding: 3px 10px;
  padding-right: 12px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 3px #666666;
  -moz-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
  text-shadow: 0px 0px 3px #666666;
  border: solid #4a93cf 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#59b4e6), to(#3c73b9));
  background: -moz-linear-gradient(top, #59b4e6, #3c73b9);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#59b4e6, endColorStr=#3c73b9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#59b4e6, endColorStr=#3c73b9);
  display:inline-block; /* IE is so silly */
  -webkit-font-smoothing: antialiased;
}

#footer .text-input {
  height: 26px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0 10px;
  background-color: #FFFFFF;
  color: #2e81c7;
  font-weight: normal;
  margin-bottom:2px;
  width: 150px
}

#footer ul {
  margin-top: 10px;
}

#footer ul li.first-child {
  padding-left: 0;
}

#footer ul li.last-child {
  border: none;
}

#footer ul li {
  float: left;
  color: #2e81c7;
  font-size: 10px;
  border-right: 1px solid #2e81c7;
  padding: 0 10px;
}

#footer ul li a {
  color: #2e81c7;
  text-decoration: none;
}

#mask {
	position:		absolute;
	z-index:		9000;
	background-color:#000;
	display:		none;
	top:			0;
	left:			0;
}
#boxes #modal {
	background:		transparent;
	position:		absolute;
	display:		none;
	z-index:		9999;
}
#boxes #modal-close {
	text-align:		right;
	cursor:			pointer;
}

/*HSS - Defining MY styles */
#boxes #dialog {
	width:			375px;
	height:			203px;
}

#home-divider {
  position: absolute;
  top: 662px;
  left: -15px;
  background: transparent url(/img/home-divider.png) no-repeat 0 0;
  height: 65px;
  width: 972px;
  text-indent: -5000px;
  z-index: 9;
}

#home-buynow {
  position: absolute;
  top: 545px;
  left: 290px;
  background: transparent url(/img/home-buynow.png) no-repeat 0 0;
  height: 135px;
  width: 220px;
  text-indent: -5000px;
  z-index: 10;
}

#home-buynow a {
  height: 135px;
  width: 220px;
  display: block;
}

#home-title {
  margin-left: 45px;
  margin: 0 0 15px 45px;
  width: 344px;
  height: 108px;
  background: transparent url(/img/home-title.png) no-repeat 0 25px;
  text-indent: -5000px;
}

#home-top {
  background: transparent url(/img/home-bg.png) no-repeat right top;
}

#home-video {
  float: right;
  width: 526px;
  height: 380px;
}

#home-video-player {
  width: 320px;
  height: 240px;
  margin-top: 80px;
  margin-left: 115px;
}

#video {
  text-align: center;
}

#video-player {
  margin: 0 auto;
  width: 320px;
  height: 240px;
}

#home-top .home-text {
  width: 400px;
  margin-left: 45px;
  padding-bottom: 0;
  height: 100px;
}

#home-top .home-text ul {
  list-style: none;
  margin-bottom: 15px;
}

#home-top p {
  margin-bottom: 15px;
  font-size: 11px;
}

#home-top p.strap {
  font-size: 17px;
}

#home-top p.strap strong {
  font-weight: bold;
}

#home-top p.intro {
  font-size: 14px;
  font-weight: bold;
  color: #2E81C7;
  margin-bottom: 3px;
}

#home-top a {
  color: #2E81C7;
  text-decoration: none;
}

#home-logos {
  margin-left: 45px;
}



#home-bot {
  margin-top: 100px;
  background: #eff2fd url(/img/home-bot-bg.png) no-repeat center top;
}

#home-games {
  background: transparent url(/img/home-game-bg.png) no-repeat 0 0;
  float: left;
  width: 437px;
  height: 300px;
  padding-left: 30px;
  padding-top: 62px;
  margin-left: 35px;
}

#home-highscore {
  float: right;
  margin-right:33px;
  margin-top: 35px;
}

#home-highscore .leaderboard h3 {
  text-indent: -5000px;
  width: 319px;
  height: 25px;
  background: transparent url(/img/leaderboard-title.png) no-repeat 0 0;
  margin-bottom: 18px;
}

#home-highscore .leaderboard table {
  max-width: 380px;
}

#home-highscore .leaderboard table tr.odd {
 background-color: #e4eaf9;
}

#home-highscore .leaderboard table tr th {
  color: #a7b6dc;
  font-weight: bold;
}

#home-highscore .leaderboard table tr td, 
#home-highscore .leaderboard table tr th {
  text-align: left;
  padding: 6px 12px;
  border-right: 1px solid #aecdeb;
}

#home-highscore .leaderboard table tr td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 50px;
  font-size: 11px;
}

#home-highscore .leaderboard table tr td.first-child,
#home-highscore .leaderboard table tr th.first-child {
  border-left: 1px solid #aecdeb;
}

#home-highscore .leaderboard table tr td.center,
#home-highscore .leaderboard table tr th.center {
  text-align: center;
}

#home-highscore .leaderboard table tr td.right,
#home-highscore .leaderboard table tr th.right {
  text-align: right;
}

#home-highscore .leaderboard table tr td.orange {
  font-weight: bold;
  color: #ff6f05;
}

#home-games .topgames h3 {
  text-indent: -5000px;
  width: 246px;
  height: 25px;
  background: transparent url(/img/home-games-title.png) no-repeat 0 0;
  margin-bottom: 18px;
}

#home-games .topgames li {
  display: block;
  width: 116px;
  margin-right: 20px;
  float: left;
}

#home-games .topgames li#topgame-1 {
  background: transparent url(/img/topgame-1.png) no-repeat 0 0;
}
#home-games .topgames li#topgame-2 {
  background: transparent url(/img/topgame-2.png) no-repeat 0 0;
}
#home-games .topgames li#topgame-3 {
  background: transparent url(/img/topgame-3.png) no-repeat 0 0;
}

#home-games .topgames li img {
  margin-top: 56px;
  margin-left: 14px;
}

#home-games .topgames li h4 {
  margin: 20px 0;
  color: #2e81c7;
  font-weight: bold;
}

#home-games .topgames li a {
  background: transparent url(/img/play-now-1.png) no-repeat 0 0;
  width: 96px;
  height: 23px;
  text-indent: -5000px;
  display: block;
}

#subnav {
  float: left;
  width: 172px;
  margin-top: 21px;
  font-family: 'Arial' sans-serif;
  font-weight: 300;
}

#subnav ul {
  margin-left: 35px;
  background: transparent url(/img/subnav-bg-sprite.png) no-repeat 0 -20px;
}

#subnav ul.about {
  margin-left: 35px;
  background: transparent url(/img/subnav-about-sprite.png) no-repeat 0 -20px;
}

#subnav ul.testimonials {
  margin-left: 35px;
  background: transparent url(/img/subnav-testimonials-sprite.png) no-repeat 0 -20px;
}

#subnav ul.no-menu {
  background: none;
}

#subnav ul.no-menu li a {
 text-indent: 0; 
}

#subnav ul.subnav-1 {
  background-position: 0 -20px;
}
#subnav ul.subnav-2 {
  background-position: -132px -20px;
}
#subnav ul.subnav-3 {
  background-position: -264px -20px;
}
#subnav ul.subnav-4 {
  background-position: -396px -20px;
}
#subnav ul.subnav-5 {
  background-position: -528px -20px;
}
#subnav ul.subnav-6 {
  background-position: -660px -20px;
}
#subnav ul.subnav-7 {
  background-position: -792px -20px;
}
#subnav ul.subnav-8 {
  background-position: -924px -20px;
}
#subnav ul.subnav-9 {
  background-position: -1056px -20px;
}
#subnav ul.subnav-10 {
  background-position: -1188px -20px;
}

#subnav ul li {
  font-size: 13px;
  font-weight: bold;
  /*border-bottom: 1px solid #b8cfe7;*/
  /*padding: 5px 0 5px 6px;*/
}

#subnav ul.no-menu li {
  border-bottom: 1px solid #b8cfe7;
  padding: 5px 0 5px 6px;
}


#subnav ul.no-menu li:first-child {
  border-top: 1px solid #b8cfe7;
}


#subnav ul li a {
  text-decoration: none;
  color: #4a93cf;
  display: block;
  width: 128px;
  height: 26px;
  text-indent: -5000px;
}

#subnav ul.no-menu {
  margin-top: 3px;
}

#subnav ul.no-menu li a {
  height: auto;
}

#subnav ul.no-menu li.active {
  background: white url(/img/subnav-active.png) no-repeat right center;
}

#subnav ul.no-menu li.active a {
  color: #da2426;
}

body.popup {
  background: none;
}

body.popup #wrapper {
  background: none;
  width: 100%;
}

body.popup #main {
  width: 95%;
  background: none;  
  padding: 20px;
  min-height: 10px;
}

body.popup #main-header {
  width: 320px;
  background: none;
}

body.popup #main-footer {
  width: 320px;
  background: none;
}

#main-content {
  float: right;
  min-height: 300px;
}

#main-header {
  background: transparent  url(/img/main-header.png) no-repeat 0 0;
  height: 25px;
  width: 770px;
}

#main-footer {
  background: transparent  url(/img/main-footer.png) no-repeat 0 0;
  height: 25px;
  width: 770px;
}

#main {
  min-height: 200px;
  background: transparent url(/img/main-bg.png) repeat-y 0 0;
  width: 718px;
  padding: 20px;
}

#main p {
  margin-right: 20px;
  margin-bottom: 1em;
}

/*
#main div#authMessage,
#main div#flashMessage {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
  margin-bottom: 1em;
}


#main div#authMessage.message,
#main div#flashMessage.message {
  border: 1px solid #ff0000;
  background-color: rgba(255,0,0,0.1);
}

#main div#authMessage.success,
#main div#flashMessage.success {
  border: 1px solid #00ff00;
  background-color: rgba(0,255,0,0.1);
}

#main div.error {
  border: 1px solid #ff0000;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
  margin-bottom: 1em;
  background-color: rgba(255,0,0,0.1);
}

#main div.confirmation {
  border: 1px solid #3c9f36;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
  margin-bottom: 1em;
  background-color: rgba(0,255,0,0.1);
}

#main div.info {
  border: 1px solid #4a93cf;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
  margin-bottom: 1em;
  background-color: rgba(74,147,207,0.1);
}

#main div.error ul {
  list-style-type: circle;
  margin-left: 18px;
  color: #ff0000;
}

*/

/* Message divs */

#main div#authMessage,
#main div#flashMessage,
#main div.error {
  margin-right: 20px;
  padding: 20px;
  padding-left: 35px;
  margin-bottom: 1em;
  background: #ffe6e6 url(/img/exclamation.png) no-repeat 10px 50%;
  -moz-box-shadow: 0 0 5px red;
  -webkit-box-shadow: 0 0 5px red;
  box-shadow: 0 0 5px red;
  color: #606060;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#main div.confirmation,
#main div#flashMessage.success {
  margin-right: 20px;
  padding: 20px;
  padding-left: 35px;
  margin-bottom: 1em;
  background: #e6ffe6 url(/img/accept.png) no-repeat 10px 50%;
  -moz-box-shadow: 0 0 5px green;
  -webkit-box-shadow: 0 0 5px green;
  box-shadow: 0 0 5px green;
  color: green;
}

#main div.info,
#main .wide div.info,
#main div#flashMessage.info {
  margin-right: 20px;
  padding: 20px;
  padding-left: 52px;
  margin-bottom: 1em;
  background: #edf4fa url(/img/icons/info-small.png) no-repeat 10px 18px;
  -moz-box-shadow: 0 0 5px #4a93cf;
  -webkit-box-shadow: 0 0 5px #4a93cf;
  box-shadow: 0 0 5px #4a93cf;
  color: #4a93cf;
}

#main div.info.large {
  background-image: url(/img/icons/info.png);
}

#main .narrow div.info,
#main .equal div.info {
  padding-left: 35px;
  background: #edf4fa url(/img/icons/info-small.png) no-repeat 10px 50%;
}

#main div.sidebar-box {
  -moz-box-shadow: 0 0 5px #a5b8ed;
  -webkit-box-shadow: 0 0 5px #a5b8ed;
  box-shadow: 0 0 5px #a5b8ed;
  padding: 10px;
}

/* Titles */

#main h1, h2, h3, h4, h5, h6 {
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}

#main h2 {
  color: #4A93CF;
  font-size: 26px;
  line-height: 29px;
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
}

#main h2.title {
  text-indent: -5000px;
  background: transparent url(/img/titles-sprite.png) no-repeat 0 0;
  height: 29px;
  margin-bottom: 20px;
}

#main h2#title-about { background-position: 0 0; }
#main h2#title-login { background-position: 0 -29px; }
#main h2#title-funtyper { background-position: 0 -58px; }
#main h2#title-scores { background-position: 0 -87px; }
#main h2#title-videos { background-position: 0 -116px; }
#main h2#title-myaccount { background-position: 0 -145px; }
#main h2#title-editaccount { background-position: 0 -174px; }
#main h2#title-bugreport { background-position: 0 -203px; }
#main h2#title-competitions { background-position: 0 -232px; }
#main h2#title-testimonials { background-position: 0 -261px; }
#main h2#title-buynow { background-position: 0 -290px; }
#main h2#title-contactus { background-position: 0 -319px; }
#main h2#title-activate { background-position: 0 -348px; }
#main h2#title-f2f { background-position: 0 -377px; }
#main h2#title-reminder { background-position: 0 -406px; }
#main h2#title-journey { background-position: 0 -435px; }
#main h2#title-kids { background-position: 0 -464px; }
#main h2#title-parents { background-position: 0 -493px; }
#main h2#title-ict { background-position: 0 -522px; }
#main h2#title-teachers { background-position: 0 -551px; }
#main h2#title-test { background-position: 0 -580px; }
#main h2#title-facts { background-position: 0 -609px; }
#main h2#title-dyslexia { background-position: 0 -638px; }
#main h2#title-faqs { background-position: 0 -667px; }
#main h2#title-muscle { background-position: 0 -696px; }
#main h2#title-gross { background-position: 0 -725px; }
#main h2#title-kidstest { background-position: 0 -754px; }
#main h2#title-teentest { background-position: 0 -783px; }
#main h2#title-parenttest { background-position: 0 -812px; }
#main h2#title-schooltest { background-position: 0 -841px; }
#main h2#title-specialtest { background-position: 0 -870px; }
#main h2#title-terms { background-position: 0 -899px; }
#main h2#title-privacy { background-position: 0 -928px; }
#main h2#title-sitemap { background-position: 0 -957px; }
#main h2#title-transactions { background-position: 0 -986px; }
#main h2#title-topup { background-position: 0 -1015px; }
#main h2#title-playersearch { background-position: 0 -1044px; }
#main h2#title-addplayer { background-position: 0 -1073px; }
#main h2#title-viewcomp { background-position: 0 -1102px; }
#main h2#title-addcomp { background-position: 0 -1131px; }
#main h2#title-renew { background-position: 0 -1160px; }
#main h2#title-special { background-position: 0 -1189px; }
#main h2#title-specialneeds { background-position: 0 -1218px; }
#main h2#title-upgrade { background-position: 0 -1247px; }
#main h2#title-reviews { background-position: 0 -1276px; }
#main h2#title-review-add { background-position: 0 -1305px; }
#main h2#title-news { background-position: 0 -1334px; }
#main h2#title-refund { background-position: 0 -1363px; }

#main h3 {
  margin-bottom: 1em;
  color: #ff6f05;
  font-size: 1.2em;
}

#main p.subtitle {
  font-weight: bold;
  color: #ff6f05;
}

#main p b {
  color: #4A93CF;
}

#main p.about-title {
  color: #4A93CF;
  font-size: 1.1em;
  font-weight:bold;
}

#main .paging .disabled {
  display: none;
}

#main .about-game {
  float:left;
  width:134px;
  text-align: center;
}

#main .about-game b {
  display: block;
  margin: 20px 0;
}

#main .scoreboard table {
  width: 700px;
}

#main .scoreboard table tr.even {
 background-color: #e4eaf9;
}

#main .scoreboard table tr th {
  color: #a7b6dc;
  font-weight: bold;
  text-align: center;
}

#main .scoreboard table tr th a {
  color: #a7b6dc;
  text-decoration: none;
}

#main .scoreboard table tr td, 
#main .scoreboard table tr th {
  padding: 6px 8px;
  border-right: 1px solid #aecdeb;
}

#main .scoreboard table tr td {
  text-align: left;
}

#main .scoreboard table tr td.first-child,
#main .scoreboard table tr th.first-child {
  border-left: 1px solid #aecdeb;
}

main .scoreboard table tr td.center {
  text-align: center;
}

#main .scoreboard table tr td.orange {
  font-weight: bold;
  color: #ff6f05;
}

#main .scoreboard table tr td a {
  text-decoration: none;
  color: #4a93cf;
}

.scoreboard .pagination {
  margin: 10px 0;
}

.scoreboard .pagination ol {
  list-style-type: none;
}

.scoreboard .pagination ol li {
  float: left;
  border-left: 1px solid #aecdeb;
  padding: 0 10px;
}

.scoreboard .pagination ol li:first-child {
  border-left: none;
  padding-left: 0;
}

.scoreboard .pagination ol li a {
  text-decoration: none;
  color: #4a93cf;
}

#main ul.scoreboard-menu {
  list-style-type: disc;
  margin-left: 18px;
}

#main ul.scoreboard-menu li a,
#main #find-player-frm label a {
  text-decoration: none;
  color: #4a93cf;
}

#main #find-player-frm {
  margin-right: 0;
}

#main #find-player-frm label {
  margin-bottom: 6px;
  display: block;
}

#main #find-player {
  width: 230px;
  height: 24px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0;
  color: #2e81c7;
  padding-left: 10px;
  padding-top: 2px;
}


#main .input label {
  display: block;
  width: 150px;
  float: left;
  color: #ff6f05;
  padding-top: 8px;
}

#main .input label[for="AccountWhereHeard"] {
  padding-top: 0;
}

#main .input.checkout label {
  color: #828282;
  font-size: 11px;
}

#main .col1.wide fieldset.edu-req {
  margin-top: 4px;
}

#main .col1.wide fieldset.edu-req .input label {
/*  width: 70px;*/
}

#main .col1.wide fieldset.edu-req .input textarea {
  width: 400px;
}

#main .col1.wide fieldset legend {
  color: #ff6f05;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 1em;
  margin-top: 3px;
}

#main .col1.wide fieldset.edu-req .input span.info {
  float: right;
  padding-right: 20px;
  color: #2e81c7;
}

#main .col1.wide fieldset.edu-req #educational-other-details {
  display: none;
}

#main h4.checkout {
  background: transparent url(/img/icons/basket.png) no-repeat 0 0;
  height: 32px;
  padding-top: 10px;
  padding-left: 42px;
  color: #ff6f05;
}

#main div.voucher {
  margin-bottom: 20px;
}

#main div.voucher div.input label {
  color: #828282;
  font-size: 11px;
}

#main div.voucher div.input input {
  width: 111px !important;
}

#main h4.voucher {
  background: transparent url(/img/icons/voucher.png) no-repeat 0 0;
  height: 32px;
  padding-top: 10px;
  padding-left: 42px;
  color: #ff6f05;
}

#main #VoucherRemove {
  display: inline-block;
  text-indent: -5000px;
  background: transparent url(/img/icons/remove.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  float: right;
}

#main #VoucherSubmit {
  display: inline-block;
  text-indent: -5000px;
  background: transparent url(/img/icons/add.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
  float: right;
  margin-top: 5px;
}

#main .col1 .input label,
#main .col2 .input label {
  width: 100px;
}

#main .col2 .input.checkbox {
    margin: 30px 0;
}

#main .col2 .input.checkbox label {
    float: right;
    width: 225px;
    padding-top: 0;

}

#main .col1.wide .input label {
  width: 150px;
}

#main .col1.buy .input label {
  width: 100px;
}


#main .col1.buy .input.text input {
  width: 305px !important;
}

#main .input.error {
  border: none;
  background: none;
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  padding: 0;
}


#main .input.error input.form-error {
  background: transparent url(/img/cross.png) no-repeat 95% 4px;
}

#main .input.required input,
#main .input.required textarea {
  background: transparent url(/img/asterisk_orange.png) no-repeat 97% 4px;  
}

#main .input input.price {
  background: transparent url(/img/icons/pound-small.png) no-repeat 4px 5px;
  padding-left: 20px !important;
  width: 129px !important;
}

#main .input.text input,
#main .input.password input {
  width: 200px;
  height: 24px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0;
  color: #2e81c7;
  padding-left: 10px;
  padding-top: 2px;
  margin-bottom: 1em;
}

#main .input.select select {
  width: 200px;
  margin-bottom: 1em;
  height: 28px;
  -webkit-appearance: none;
  border: 1px solid #ced5e1;
  -webkit-border-radius: 10px;
  background: transparent url(/img/bullet_arrow_down.png) no-repeat 97% 4px !important;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  padding-left: 10px;
}

@-moz-document url-prefix() {
  #main .input.select select {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    background: none !important;
  }
}

#main .col1.equal .input.text input,
#main .col1.equal .input.password input,
#main .col1.equal .input.textarea textarea,
#main .col2.equal .input.text input,
#main .col2.equal .input.password input,
#main .col2.equal .input.textarea textarea {
  width: 212px;
}
#main .col1.equal .input.select select,
#main .col2.equal .input.select select {
  width: 224px;
}

#main .col1.wide .input.text input,
#main .col1.wide .input.password input,
#main .col1.wide .input.select select {
  width: 248px;
}

#main .col2.narrow .input.text input,
#main .col2.narrow .input.password input,
#main .col2.narrow .input.select select {
  width: 139px;
}

#main .input.textarea textarea {
  width: 330px;
  height: 104px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0;
  color: #2e81c7;
  padding-left: 10px;
  padding-top: 2px;
  margin-bottom: 1em;
}

#main .col2.equal .input.textarea textarea {
  margin-top: 16px;
  width: 330px;
}
#main .col2.equal .input.textarea label {
  float: none;
}

#main .input select {
  height: 24px;
}

#main .input.text input.form-error,
#main .input.password input.form-error,
#main .input.password select.form-error,
#main .input.textarea textarea.form-error {
  border: 1px solid red;
}

#main .input .error-message {
  color: red;
}

#main .col1.wide .input .error-message {
  margin-left: 150px;
}

#main .col1.equal .input .error-message,
#main .col1.buy .input .error-message {
  margin-left: 100px;
}

/*
#main .submit input {
  height: 26px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0 18px;
  background-color: #51a8dd;
  color: white;
  font-weight: bold;
  margin-bottom:2px
}
*/

#main .submit input,
#main .button {
  letter-spacing: .025em;
  color: #eeeeee;
  font-size: 1.1em;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  padding: 3px 10px;
  padding-right: 12px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 3px #666666;
  -moz-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
  text-shadow: 0px 0px 3px #666666;
  border: 1px solid #4993cf;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #000;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU3IDIzIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjczYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzU5YjNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5YjNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNTciIGhlaWdodD0iMjMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  background-image: -moz-linear-gradient(bottom, #3b73b9 0%, #59b3e5 58.4%, #59b3e5 100%);
  background-image: -o-linear-gradient(bottom, #3b73b9 0%, #59b3e5 58.4%, #59b3e5 100%);
  background-image: -webkit-linear-gradient(bottom, #3b73b9 0%, #59b3e5 58.4%, #59b3e5 100%);
  background-image: linear-gradient(bottom, #3b73b9 0%, #59b3e5 58.4%, #59b3e5 100%);
  -webkit-font-smoothing: antialiased;
}

#main .col1.wide .submit input {
  margin-left: 150px;
}

#main .col1.equal .submit input,
#main .submit input {
  margin-left: 100px;
}

#main .text-input textarea {
  width: 330px;
  height: 104px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0;
  color: #2e81c7;
  padding-left: 10px;
  padding-top: 2px;
  margin-bottom: 1em;
}

#main .button-input input,
#main input.button-input {
  height: 26px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 0 18px;
  background-color: #51a8dd;
  color: white;
  font-weight: bold;
  margin-bottom:2px
}

#main #form-day, 
#main #form-month,
#main #form-twpm {
  width: 27px;
}

#main #form-year {
  width: 44px;
}

#main dl.update dt {
  width: 80px;
  font-weight: normal;
}

#main #scoreboard-tags {
  margin-top: 10px;
}

#main strong {
  color: #ff6f05;
  font-weight: bold;
}

#main ul.actions {
  margin-top: 20px;
  margin-left: 0;
}

#main dl dt {
  float: left;
  clear: both;
  width: 150px;
  font-weight: bold;
  color: #ff6f05;
  padding: 5px 0;
}

#main dl dd {
  float: left;
  color: #4a93cf;
  padding: 5px 0;
}

#main .col2.narrow dl dt {
  width: 100px;
}

/*
#main .button {
  text-decoration: none;
  text-align: center;
  line-height: 26px;
  border: 1px solid #ced5e1;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0;
  padding: 5px 18px;
  background-color: #51a8dd;
  color: white;
  font-weight: bold;
}
*/

#main .button.disabled {
  border: solid #dddddd 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#dddddd), to(#cccccc));
  background: -moz-linear-gradient(top, #dddddd, #cccccc);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#dddddd, endColorStr=#cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#dddddd, endColorStr=#cccccc);
}

#main .col1 {
  float: left;
}

#main .col2 {
  float: right;
  padding-right: 20px;
}

#main .col1.equal,
#main .col2.equal {
  width: 48%;
}

#main .col1.wide,
#main .col2.wide {
  width: 61%;
}

#main .col1.narrow,
#main .col2.narrow {
  width: 35%;
}


#main table {
  width: 698px;
}

#main .col1.wide table {
  width: 430px;
}

#main .col1.equal table,
#main .col2.equal table {
  width: 340px;
}

#main table tr.even {
 background-color: #e4eaf9;
}

#main table tr th {
  color: #a7b6dc;
  font-weight: bold;
}

#main table tr td, 
#main table tr th {
  text-align: left;
  padding: 6px 12px;
  border-right: 1px solid #aecdeb;
}

#main table tr td.first-child,
#main table tr th.first-child {
  border-left: 1px solid #aecdeb;
}

#main table tr td.center, 
#main table tr th.center {
  text-align: center;
}

#main table tr td.orange {
  font-weight: bold;
  color: #ff6f05;
}

#main table tr td a {
  text-decoration: none;
  color: #4a93cf;
}

#main span.price {
  font-weight: bold;
  color: #ff6f05;
  padding-right: 5px;
  font-size: 22px;
}

#main {
  color: #444;
}

#main p {
  line-height: 18px;
}

#main a {
  color: #4a93cf;
}

#main ul {
  list-style-type: disc;
  margin-left: 16px;
  margin-bottom: 1em;
  margin-right: 20px;
}

#main ul ul,
#main ul ul ul,
#main ul ul ul ul {
 margin-bottom: 0; 
}

#main ul li {
  line-height: 18px;
}

#main div.quote-box {
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 650px;
  background: transparent url(/img/quotes/quote-start.png) no-repeat 20px 20px;
  position: relative;
  margin-bottom: 1em;
}

#main div.quote-box span.bottom-quote {
  display: block;
  background: transparent url(/img/quotes/quote-end.png) no-repeat 0 0;
  width: 28px;
  height: 22px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

#main div.quote-box p {
  margin-right: 45px;
  margin-left: 45px;
}

#main div.quote-box p.quotee {
  text-align: right;
  font-size: 10px;
}

#main div.quote-box img.quotee {
  float: left;
  margin-right: 20px;
  margin-left: 45px;
}

#main div.testimonial {
  width: 300px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#main div.testimonial img {
  float: left;
  width: 100px;
  height: 71px;
  margin-right: 20px;
}

.game,
.game-info,
.leaderboard-info {
  margin-right: 20px;
  padding: 20px;
  padding-bottom: 18px;
  margin-bottom: 1em;
  -moz-box-shadow: 0 0 5px #a5b8ed;
  -webkit-box-shadow: 0 0 5px #a5b8ed;
  box-shadow: 0 0 5px #a5b8ed;
  color: #4a93cf;
  background: #edf4fa
}

.game.drop-active {
  box-shadow: 0 0 5px green;
  background-color: #e6ffe6;
}

/*
.game {
  border: 1px solid #4a93cf;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
  margin-bottom: 1em;
  background-color: rgba(74,147,207,0.1);
}
*/

.game .game-small,
.game .new-game {
  width:50px;
  height:50px;
  margin-right:22px;
  margin-bottom: 20px;
}

.game img {
  float: left;
  margin-right: 20px;
  margin-bottom: 8px;
}

.game ul.actions li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}

/*
.game-info {
  border: 1px solid #4a93cf;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
  margin-bottom: 1em;
  background-color: rgba(74,147,207,0.1);
  padding-bottom: 18px;
}
*/

#main .game-info ul {
  margin: 0;
}

#main .game-info ul li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
  margin-left: 0;
  margin-bottom: 0;
}

#main .game-info p {
  color: #4A93CF;
}

#main .game-info p strong {
  font-weight: bold;
}

#main table.buy tr td,
#main table.buy tr th {
  text-align: center;
  width: 115px;
}

#main table.buy tr td:first-child {
  text-align: left !important;
  width: 250px;
}

#main table.buy td.yes {
  
}

#main .col1.equal table.ratings {
  width: 190px;
}

#main table.ratings td {
  border: none;
  padding: 0;
  color: #4A93CF;
}

#main div.review-sort,
#main div.review-types {
  margin-top: 15px;
  margin-bottom: 5px;
}

#main ul.review-types,
#main ul.review-sort {
  margin: 0;
  padding: 0;
}

#main ul.review-types li,
#main ul.review-sort li {
  float: left;
  border-left: 1px solid #AECDEB;
  padding: 0 10px;
  list-style: none;
}

#main ul.review-types li:first-child,
#main ul.review-sort li:first-child {
  border: none;
  padding-left: 0;
}

#main ul.review-types li.active a,
#main ul.review-sort li.active a {
  color: #FF6F05;
}

#main ul.review-types li a,
#main ul.review-sort li a {
  text-decoration: none;
}

#main ul.review-sort li a.asc,
#main ul.review-sort li a.desc {
  color: #FF6F05;
}

#main ul.review-sort li a.asc:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&amp;uarr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #FF6F05;
}

#main ul.review-sort li a.desc:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&amp;darr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #FF6F05;
}

#main .review-avatar {
  float: left;
  margin-right: 20px;
  width: 100px;
}

#main .review-avatar img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

#main .review-body {
  float: right;
  width: 538px;
}

#main a.review-show-more {
  text-decoration: none;
}
#main a.review-show-more:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&amp;darr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #4A93CF;
}

#main a.review-show-less {
  text-decoration: none;
}
#main a.review-show-less:after {
  width: 0;
  height: 0;
  display: inline-block;
  content: "&amp;darr;";
  text-indent: -99999px;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #4A93CF;
}

#main ul.ratings {
  list-style: none;
  margin: 0;
  padding: 0;
}

#main .news_story .news-thumb {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#main .news_story .news-main {
  margin: 0 auto 20px auto;
  float: none;
}

#main .news-content h3 a {
  text-decoration: none;
}

.bar {
  display:inline-block;
  background: #4A93CF;
  height: 15px;
  margin-bottom:6px;
}
.bar-empty {
  display:inline-block;
  background: #ddd;
  height: 15px;
  margin-bottom:6px;
}

.likes {
  position: absolute;
  top: 12px;
  left: -713px;
}

.likes .ft-liked {
  padding: 5px 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #FF6F05;
  color: rgba(255,111,5,0.7);
  box-shadow: 0 0 5px #A5B8ED;
  background: transparent url(/img/icons/thumbs-up.png) no-repeat 3px 4px;
  padding-left: 20px;
}

.likes #ft-likes {
  padding: 5px 10px;
  border: 1px solid #fbec83;
  border-radius: 5px;
  color: #DA2426;
  background-color: #fbec83;
  box-shadow: -2px 2px 3px #eee;
}

.likes #ft-like-button {
  padding: 5px 10px;
  border: 1px solid #FF6F05;
  border-radius: 5px;
  text-decoration: none;
  color: #FF6F05;
  color: rgba(255,111,5,0.7);
  background: transparent url(/img/icons/thumbs-up.png) no-repeat 3px 4px;
  padding-left: 20px;
}

.checkbox span.info {
  display: inline-block;
  float: right;
  width: 245px;
  padding-right: 20px;
  color: #2e81c7;
  margin-bottom: 10px;
}

.notification {
  position: absolute;
  background: #53a7dd;
  z-index: 100;
  color: white;
  -moz-box-shadow: 0 0 5px #4a93cf;
  -webkit-box-shadow: 0 0 5px #4a93cf;
  box-shadow: 0 0 5px #4a93cf;
  display: none;
  width: 100%;
}

.notification h5 {
  font-size: 16px;
  margin: 10px;
  margin-bottom: 1em;
}

.notification p {
  margin: 10px;
  margin-bottom: 1em;
}

.notification p.buttons {
  text-align: right;
}

.notification p.buttons a {
  letter-spacing: .025em;
  color: #eeeeee;
  font-size: 1.1em;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  padding: 3px 10px;
  padding-right: 12px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 3px #666666;
  -moz-box-shadow: 0px 0px 3px #666666;
  box-shadow: 0px 0px 3px #666666;
  text-shadow: 0px 0px 3px #666666;
  border: solid #4a93cf 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#59b4e6), to(#3c73b9));
  background: -moz-linear-gradient(top, #59b4e6, #3c73b9);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#59b4e6, endColorStr=#3c73b9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#59b4e6, endColorStr=#3c73b9);
  display:inline-block; /* IE is so silly */
  -webkit-font-smoothing: antialiased;
}

.notification.error {
  background: #e22725;
}
.notification.warning {
  background: #fcb713;
}

.cc-logos {
margin: 10px 0;
}

.cc-logos img {
  width: 60px;
}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------&gt;&gt;&gt; global settings needed for thickbox &lt;&lt;&lt;-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------&gt;&gt;&gt; thickbox specific link and font settings &lt;&lt;&lt;------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------&gt;&gt;&gt; thickbox settings &lt;&lt;&lt;-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight &gt; document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement &amp;&amp; document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement &amp;&amp; document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight &gt; document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.cake-sql-log {
    position:fixed;
    top:98%;
    z-index:10;
    width:100%;
    background-color:#000;
    color:#FFF;
    border-collapse:collapse;
    overflow: overflow-y;
}
 
.cake-sql-log caption {
    background-color:#900;
    color:#FFF; 
}
 
.cake-sql-log:hover {
    top:auto;
    bottom:0;
}
 
.cake-sql-log td {
    padding:3px;
    border:1px solid #999;
    background-color:#EEE;
    color:#000;
}

.ui-numeric input[type=text] { width: 30px !important; background-image: none !important;}
.ui-numeric { display: inline-block; border: none !important; }
.ui-numeric input[type=text] { border: none; margin: 0px; vertical-align: top; }
.ui-numeric-currency { display: inline-block; padding: 0px 2px; vertical-align: top; }
.ui-numeric-buttons { display: inline-block; padding-left: 2px; }
.ui-numeric-buttons .ui-button { margin: 0; width: 1.55em; height: 12px; display: block; margin-top: 1px; }

.ui-dialog .ui-dialog-buttonpane {
  padding: 0 !important;
}

div.rateit
{
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

div.rateit div.rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/img/rateit/star.gif);
    height: 16px;
}

/* for IE 6 */
* html div.rateit, * html div.rateit div.rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html div.rateit, * + html div.rateit div.rateit-range
{
    display: inline;
}

div.rateit div.rateit-hover, div.rateit div.rateit-selected
{
    position: absolute;
    left: 0px;
}

div.rateit div.rateit-hover-rtl, div.rateit div.rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

div.rateit div.rateit-hover
{
    background: url(/img/rateit/star.gif) left -32px;
}

div.rateit div.rateit-hover-rtl
{
    background-position: right -32px;
}

div.rateit div.rateit-selected
{
    background: url(/img/rateit/star.gif) left -16px;
}

div.rateit div.rateit-selected-rtl
{
    background-position: right -16px;
}

div.rateit div.rateit-preset
{
    background: url(/img/rateit/star.gif) left -48px;
}

div.rateit div.rateit-preset-rtl
{
    background: url(/img/rateit/star.gif) left -48px;
}

div.rateit div.rateit-reset
{
    background: url(/img/rateit/delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
}

div.rateit div.rateit-reset:hover
{
    background-position: 0 -16px;
}

#main-payment {
  min-height: 200px;
  background: transparent url(https://www.funtyper.com/img/main-bg.png) repeat-y 0 0;
  width: 718px;
  padding: 20px;
}

#main-payment table,
#main-payment table table,
#main-payment table table table {
  width: 98% !important;
}

#main-payment table td[align="center"] {
  text-align: center !important;
}

#main-payment table.containercell td {
  padding: 6px 12px;
}

#main-payment table.container input {
  width: auto;
}

#main-payment table.container table td {
  border: none;
  text-align: inherit;
  vertical-align: top;
}
#main-payment table.container td b {
  font-weight: normal;
}

#main-payment table.container {
  border: none;
  width: auto;
}

#main-payment table.containercell {
  width: auto;
}

#UserUsername:focus::-webkit-input-placeholder { 
  color:transparent; 
}
#UserUsername:focus:-moz-placeholder { 
  color:transparent; 
}
#UserUsername:focus {
  outline: none;
}

#UserPassword:focus::-webkit-input-placeholder { 
  color:transparent; 
}
#UserPassword:focus:-moz-placeholder { 
  color:transparent; 
}
#UserPassword:focus {
  outline: none;
}

#main-payment table.containercell input[type="image"] {
  border: none;
  position: relative;
  top: 1px;
  padding: 0;
  margin: 0;
}

#op-DPCancel {
  top: 7px !important;
}

#main-payment table.containercell td.two,
#main-payment table.containercell td.three {
  background-color: white;
}

#main-payment table.containercell h1 {
  position: static;
  color: #4A93CF;
  font-size: 26px;
  line-height: 29px;
  margin-bottom: 1em;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

#main-payment table.containercell td.three h2 {
  color: #990000;
  margin-bottom: 1em;
  padding: 0;
  font-weight: normal;
  font-size: 18px;
}

label[for="op-DPCancel"] {
  text-align: right;
  width: 100%;
  display: block;
  padding-top:7px;
}

label[for="op-DPCancel"] span {
  color: #002469 !important;
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }</pre></body></html>