* { margin: 0; padding: 0; }

html, body{ height:100%; } 
/* end hack */ 
html>body #centerPanel, html>body #siteWrapper
{
    height: auto;

} /*for mozilla as IE treats height as min-height anyway*/

body { background-image: url(../images/background.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position:center top; background-color: #c7d1d9; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #FFF; overflow-x: hidden; }

#siteWrapper { position: relative; display: block; height: 100%; min-height: 100%; margin: 0 auto; width: 1044px; }
#centerPanel { position: relative; display: block; height: 100%; min-height: 100%; margin-left: 196px; width: 530px; z-index: 10; }

div#centerHeader { height: 144px; width: 530px; background: transparent top left no-repeat url(../images/center-panel-top.jpg); position: fixed; top: 0; z-index: 999; padding-top: 44px; }
div#footer { height: 51px; width: 530px; background-color: transparent; background-position: top left; background-repeat: no-repeat; background-image: url(../images/footer-bg.png); margin-top: -1px; }
div#content { padding: 188px 25px 0 25px; margin-top: -6px; min-height: 500px; background: transparent top left repeat-y url(../images/center-panel-rpt.png); }
div#content { position: relative; }
div.breakdown { position: absolute; top: 0; width: 480px; padding-top: 188px; }

.footerSpace { padding-bottom: 86px !important; }

a img { border: none; outline: none; }
a { color: #4bcce3; text-decoration: underline; } a:hover { text-decoration: underline; }
p, td { margin-bottom: 1.4em; line-height: 1.4em; }
ul { list-style: none; }
h2 { color: #4bcce3; font-weight: bold; font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
.altColor { color: #b9d8e5; } .linkColor, .titleColor { color: #4bcce3; }
.sub { font-size: 13px; }

#navPanel, #adPanel { position: fixed; top: 46px; height: 530px; z-index: 99; }
#navPanel { width: 185px; background: transparent top left no-repeat url(../images/nav-panel-bg-short.png); margin-left: 20px; padding: 5px 0 39px 11px; }
#adPanel { width: 303px; background: transparent top left no-repeat url(../images/ad-panel-bg-short.png); margin-left: 706px; padding: 15px 34px 39px 6px; }

/* Nav Panel */
a img[src*="logo"] { position: relative; margin: 1px 0 2px 1px; }
#infoLinks { position: absolute; bottom: 42px; width: 185px; }
a.powered img { display: block; margin: 0 auto; }
.terms { margin: 7px 0 0 0; display: block; text-align: center; } .terms a, .terms { font-size: 11px; text-decoration: none; color: #B9D8E5; } a.terms:hover { text-decoration: underline; }
ul#nav { position: relative; width: 173px; padding-left: 12px; }
ul#nav li { background-image: url(../images/nav-item-bg.jpg); background-repeat: no-repeat; background-color: transparent; background-position: top left; width: 173px; height: 40px; }
ul#nav li:hover, ul#nav li:active, ul#nav li.active { background-position: -173px 0; } /* ul#nav li:active, ul#nav li.active { background-position: -346px 0; } */
ul#nav li a { padding-left: 47px; width: 126px; height: 40px; font-family: Myriad Pro, Gill Sans, Trebuchet MS, Arial, Helvetica, Sans-Serif; font-size: 16px; line-height: 42px; text-decoration: none; color: #b9d8e5; display: block; background-image: url(../images/nav-icons.png); background-repeat: no-repeat; background-color: transparent; } ul#nav li a:hover, ul#nav li a:active, ul#nav li.active a { text-decoration: none; color: #FFF; }
ul#nav li a[href*="play"]:hover, ul#nav li a[href*="play"]:active, ul#nav li.active a[href*="play"] { background-position: 0 -320px; }
ul#nav li a[href*="profile"] { background-position: 0 -40px; }
ul#nav li a[href*="profile"]:hover, ul#nav li a[href*="profile"]:active, ul#nav li.active a[href*="profile"] { background-position: 0 -360px; }
ul#nav li a[href*="friends"] { background-position: 0 -80px; }
ul#nav li a[href*="friends"]:hover, ul#nav li a[href*="friends"]:active, ul#nav li.active a[href*="friends"] { background-position: 0 -400px; }
ul#nav li a[href*="leagues"] { background-position: 0 -120px; }
ul#nav li a[href*="leagues"]:hover, ul#nav li a[href*="leagues"]:active, ul#nav li.active a[href*="leagues"] { background-position: 0 -440px; }
ul#nav li a[href*="videos"] { background-position: 0 -160px; }
ul#nav li a[href*="videos"]:hover, ul#nav li a[href*="videos"]:active, ul#nav li.active a[href*="videos"] { background-position: 0 -480px; }
ul#nav li a[href*="blog"] { background-position: 0 -200px; }
ul#nav li a[href*="blog"]:hover, ul#nav li a[href*="forum"]:active, ul#nav li.active a[href*="forum"] { background-position: 0 -520px; }
ul#nav li a[href*="settings"] { background-position: 0 -240px; }
ul#nav li a[href*="settings"]:hover, ul#nav li a[href*="settings"]:active, ul#nav li.active a[href*="settings"] { background-position: 0 -560px; }
ul#nav li a[href*="invite"] { background-position: 0 -280px; }
ul#nav li a[href*="invite"]:hover, ul#nav li a[href*="invite"]:active, ul#nav li.active a[href*="invite"] { background-position: 0 -600px; }
ul#nav li a[href*="games"] { background-position: 0 -640px; }
ul#nav li a[href*="games"]:hover, ul#nav li a[href*="games"]:active, ul#nav li.active a[href*="games"] { background-position: 0 -680px; }
ul#nav li a[href*="tables"] { background-position: 0 -720px; }
ul#nav li a[href*="tables"]:hover, ul#nav li a[href*="tables"]:active, ul#nav li.active a[href*="tables"] { background-position: 0 -760px; }
ul#nav li a[href*="signout"] { background-position: 0 -800px; }
ul#nav li a[href*="signout"]:hover, ul#nav li a[href*="signout"]:active, ul#nav li.active a[href*="signout"] { background-position: 0 -840px; }
ul#nav li a[href*="more"] { background-position: 0 -880px; }
ul#nav li a[href*="more"]:hover, ul#nav li a[href*="signout"]:active, ul#nav li.active a[href*="more"] { background-position: 0 -920px; }

/* Page Header */
#pageHeader { width: 469px; height: 60px; margin: 0 auto; margin-bottom: 6px; overflow: hidden; }
h1 { font-family: Myriad Pro, Gill Sans, Trebuchet MS, Helvetica, Arial, Sans-Serif; color: #FFF; font-size: 32px; font-weight: normal; vertical-align: middle; line-height: 60px; width: 329px; text-align: center; margin: 0 auto; }
a.tool { width: 52px; height: 60px; background-image: url(../images/header-arrows.png); background-color: transparent; background-repeat: no-repeat; display: block; }
a.tool.previous { margin-right: 5px; background-position: 0 0; float: left; } a.tool.previous.deactive { background-position: 0 -120px; cursor: default; } a.tool.previous:active { background-position: 0 -60px; }
a.tool.next { margin-left: 5px; background-position: -52px 0; float: right; } a.tool.next.deactive { background-position: -52px -120px; cursor: default; } a.tool.next:active { background-position: -52px -60px; }
span.divider { width: 4px; height: 49px; display: block; background: transparent top left no-repeat url(../images/header-divider.png); vertical-align: middle; float: left; margin-top: 4px; } span.divider.next { float: right; }
div#drop { width: 488px; height: 6px; background: transparent top left no-repeat url(../images/profile-drop.png); clear: both; margin: 0 auto; }
/* Signup & Login Bar */
#signupWrapper { position: relative; width: 480px; margin: 0 auto; background: transparent bottom left no-repeat url(../images/logginbar-bg.png); }
#signupBar { position: relative; width: 428px; padding: 19px 26px 20px 26px; height: 38px; }
#shadow { width: 100%; height: 23px; position: absolute; top: 1px; left: 0; background: transparent top left no-repeat url(../images/signup-shadow.png); }
#signupBar p { color: #253d53; font-size: 25px; margin: 0; }
#signupExtended, #loginExtended { position: relative; border-top: 1px solid #1b364e; }
.signInForms { width: 428px; padding: 30px 26px 20px 26px; border-top: 1px solid #c9d0d5; }
span.closeMe { width: 15px; height: 19px; display: block; position: absolute; top: 10px; right: 10px; background: transparent top left no-repeat url(../images/close-signup.png); cursor: pointer; } span.closeMe:hover { background-position: 0 -19px; } span.closeMe:active { background-position: 0 -38px; }
/* Profile Bar */
#profileBar { width: 469px; height: 63px; margin: 0 auto; padding: 9px 0 0 15px; position: relative; }
/* Profile Image & Name */
#profileBar a.profileImg { position: relative; width: 52px; height: 52px; display: block; float: left; margin-right: 15px; }
#profileBar a.profileImg span.gloss { width: 41px; height: 41px; display: block; position: absolute; top: 1px; right: 1px; background: transparent top left no-repeat url(../images/profile-gloss.png); }
#profileBar a.profileImg img { border: 1px solid #a7a7a7; }
#profileBar a.profileUsername { font-size: 18px; color: #FFF; text-decoration: none; display: block; } #profileBar a.profileName:hover { color: #4bcce3; }
#profileBar a.profileUsername.longName { font-size: 16px; margin-bottom: 12px; }
#profileBar span.profileName {font-size: 14px; color: #b9d8e5;}
#profileBar span.profileName.longname {font-size: 12px; }
#profileBar ul { font-size: 15px; font-weight: bold; float: left; margin-top: 3px; }
#profileBar ul li { margin-bottom: 8px; }
a.requestFriend {text-decoration: underline; color: #B9D8E5}

/* Level Indicator */
#profileBar div.mid { width: 135px; height: 60px; position: absolute; left: 212px; top: 6px; }
#levelIndicator { cursor: pointer; position: relative; display: block; float: left; width: 60px; height: 60px; background-image: url(../images/level-indicator.png); background-repeat: no-repeat; background-color: transparent; }
#levelNumber { color: #0b414a; font-size: 18px; text-shadow: 0 1px 1px #c5dee2; position: absolute; top: 27px; left: 21px; width: 18px; text-align: center; font-weight: bold; text-decoration:none; }
    #levelIndicator._10 { background-position: 0 -60px; } #levelIndicator._20 { background-position: 0 -120px; } #levelIndicator._30 { background-position: 0 -180px; } #levelIndicator._40 { background-position: 0 -240px; } #levelIndicator._50 { background-position: 0 -300px; } #levelIndicator._60 { background-position: 0 -360px; } #levelIndicator._70 { background-position: 0 -420px; } #levelIndicator._80 { background-position: 0 -480px; } #levelIndicator._90 { background-position: 0 -540px; } #levelIndicator._100 { background-position: 0 -600px; }
/* EXP Total */
div.expTotal { width: 65px; padding: 15px 0 0 10px; display: block; float: left; height: 45px; color: #c2e2ef; font-weight: bold; font-size: 18px; }
div.expTotal span.smallCaps { font-size: 9px; text-transform: uppercase; }
div.expTotal a { color: #c2e2ef; text-decoration: none;}
/* Recent Medals + Tabels & Stats Links */
#profileBar div.right { float: right; padding-left: 10px; width: 121px; font-size: 12px; font-weight: bold; color: #4bcce3; }
#profileBar div.right a img { margin-right: 2px; width: 24px; overflow: hidden; }
#profileBar div.right div.wrapper { margin-bottom: 8px; }

/* Content */
div.section, h2 { margin-bottom: 1px; background-color: transparent; background-repeat: no-repeat; background-position: top left; background-image: url(../images/block-bg-d.png); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; position: relative; }
 h2 { padding: 15px 20px; } h2 a { float: right; font-size: 14px; vertical-align: middle; line-height: 30px; }
 h2.toggle {cursor:pointer;}
 .helpLink { text-align: right; display: block; font-size: 15px; font-weight: normal; margin-right: 15px; }
 div.section { padding: 20px; }
 div.section ul li { margin-bottom: 0.3em; }
 div.section.fullpage { min-height: 800px;}
 div.section.linked { cursor: pointer; }
 div.section.toggle {display: none;}
 div.info { padding: 20px; margin: 0 auto; margin-bottom: 15px; width: 380px; } div.info.gameResults { padding: 10px 20px }
 div.info p.questionText { margin-bottom: 0; }
 div.info ul { margin: -20px -20px; }
 div.info ul li { border-bottom: 1px solid #5a788f; }
 div.info ul li:last-child { border-bottom: none; }
 div.info ul li a { text-decoration: none; color: #FFF; font-weight: bold; padding: 10px 20px; display: block; }
 table.gameResults { margin: 0 auto; }
 div.gameMedals { padding: 0 20px; } div.gameMedals a.nextLink { float: right; margin-top: 30px; }
 th.description, td.result { font-size: 34px; font-weight: normal; } td.result span.sub { font-size: 20px; } td.result { color: #b9d8e5; padding: 0 0 0 10px; text-align: right; } th.description { text-align: right; }
 table.data, table._400, div.info {  background: transparent center top repeat-y url(../images/info-div-bg.png); }
/* Error & Message Output */
div.message {  position: relative; width: 448px;  margin: 0 0 -6px -4px !important; padding: 25px 20px 25px 20px; background: transparent bottom left no-repeat url(../images/error-bg.png); display: none; }
div#msg { background-image: url(../images/info-bg.png); }
div.request { background-color: #FFEE97; margin: 0 auto !important; background-image: none; width: 440px; color: #333; }
div.message h3 { font-size: 18px; }
div.message p { margin: 8px 0 0 0;}
div.message a {color: #FFF;} div.message a:hover{color: #4BCCE3;}
div.message a.button, div.message a.button:hover { color: #FFF; font-size: 13px; }
div.message span.actions .button { margin-top: -5px; }
div.message a img { display: block; margin: 10px 0 0 5px; }
div.message span.closeMsg, div.message a.closeMsg { width: 13px; height: 16px; display: block; position: absolute; top: 6px; right: 7px; cursor: pointer; background: transparent top left no-repeat url(../images/close-this-msg.png); }
div.request { padding-bottom: 5px; }
div.request div { clear: both; margin: 0 -20px; padding: 12px 20px 20px 20px; border-top: 1px solid #fff9da; border-bottom: 1px solid #f1ce1d; position: relative; }
div.request div:first-child, div.request div.first { border-top: none; padding-top: 0; } div.request div:last-child, div.request div.last { border-bottom: none; }
div.request div img[src*="user"] { float: left; margin: 0 10px 0 0; width: 32px; overflow: hidden; }
div.request div p { width: 330px; margin: 0; }
div.request a.closeMsg { top: 3px; right: 0; }
div.request span.actions { position: relative; width: 110px; display: block; float: right; margin-left: 7px; }

/* Profile - Medals */
div.medalCabinet { padding-top: 0 !important; padding-bottom: 0 !important; }
div.medalCabinet h3, div.section h3 { width: 467px; height: 33px; background: transparent center top no-repeat url(../images/medal-hdr-bg.png); font-size: 16px; font-weight: bold; text-align: center; margin-left: -13px; line-height: 33px; }
div.medals { padding: 12px 14px 0 14px; }
div.medals .medal { position: relative; float: left; display: block; margin: 0 10px 12px 10px; }
.notification, span.points { position: absolute; z-index: 10; font-weight: bold; color: #2d4d67; text-align: center; font-size: 11px; line-height: 20px; }
.notification.small { top: -7px; right: -4px; width: 22px; height: 21px; background: transparent top left no-repeat url(../images/notification-small.png); }
/* Image Section */
div.section.imgBlock.friends { padding: 20px 40px 10px 40px; } div.section.imgBlock.allMedals { padding: 20px 35px 10px 35px; }
.imgBlock a { margin: 0 5px 10px 5px; float: left; } .imgBlock a img { overflow: hidden; }
div.section.imgBlock.friends a, div.section.imgBlock.friends img { position: relative; }
div.section.imgBlock.friends a { display: block; width: 51px; height: 51px; }
div.section.imgBlock.friends a span.newFriendLabel { width: 41px; height: 43px; position: absolute; right: -2px; top: -1px; display: block; z-index: 100; background: transparent top left no-repeat url(../images/new-friend-ribbon.png); }
div.section.imgBlock.friends img { width: 50px; height: 50px; border: 1px solid #a7a7a7; } div.section.imgBlock.allMedals img { width: 48px; }

/* Tablular Data Styles */
div.section.h3 { padding-top: 0 !important; }
div.section.h3 h3 { margin-bottom: 20px; }
table.data, div.info { border: 1px solid #253d53; border-left: 1px solid #32536c; border-right: 1px solid #32536c; border-bottom: 1px solid #7e9cb3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
table.data { margin: 10px auto; width: 420px; } 
table._400 { width: 400px !important; }
table.data th, table.data td { font-weight: bold; padding: 10px 15px; font-size: 15px; background: transparent; border-bottom: 1px solid #5a788f; } table.data td a { color: #FFF; text-decoration: none; }
table.data tr:last-child td, table.data tr:last-child th { border: none; }
table.data th { text-transform: uppercase; color: #4bcce3; }
table.data .stat { text-align: left; padding-left: 38px; }
table.data .value { text-align: center; }
span.up { color: #8dfca9; } span.down { color: #f06363; }
span.movement { width: 9px; height: 6px; display: inline-block; margin: 0 4px 0 0;  vertical-align: middle; }
span.up span.movement {background: transparent top left no-repeat url(../images/movement.png);}
span.down span.movement { background: transparent bottom left no-repeat url(../images/movement.png); }
span.link-arrow { width: 8px; height: 16px; float: right; margin: 0 0 0 5px; background: transparent top left no-repeat url(../images/data-arrow.png); }
tr.noarrow span.link-arrow {display:none;}
table.data tr th { background-color:rgba(255,255,255,0.05); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11FFFFFF, endColorstr=#11FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11FFFFFF, endColorstr=#11FFFFFF)"; }
table.data th a { text-decoration: none; }
table.data tr.linkRow { cursor: pointer; }
table.data tr.linkRow:hover { background-color:rgba(255,255,255,0.03); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFF, endColorstr=#7FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFF, endColorstr=#7FFFFFF)"; }
table.data tr.userFocus, table.data td.userFocus { background-color: rgba(113,215,230,0.15); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#114bcce3, endColorstr=##114bcce3); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#114bcce3, endColorstr=#114bcce3)"; }
table.data tr.userFocus:hover { background-color: rgba(113,215,230,0.3); zfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffd800, endColorstr=#11ffd800); z-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffd800, endColorstr=#11ffd800)"; }
table.data td.player { padding-right: 2px; }
table.data td.player img { border: 1px solid #a7a7a7; vertical-align: middle; }
table.data td.movement { width: 25px; white-space: nowrap; text-align: right; font-size: 12px; padding-left: 10px; padding-right: 0; }
table.data td.medal { text-align: right; padding-left:5px; padding-right: 5px;}
table.data td.rank { width: 80px; text-align: center; padding-left:5px; padding-right: 5px; }
table.data td.rank0 { text-align: center; padding-left: 0px; padding-right: 2px; }
table.data th.name, table.data td.name { padding-right: 5px; }
table.data th.rankLeague, table.data td.rankLeague { width: 47px; text-align: left; padding-left: 5px; padding-right: 5px; }
table.data td.score { width: 80px; text-align: center; padding-left:5px; }
table.data td.action { width: 160px; text-align: center; }
/* Pager */
div.pager { float: right; height: 22px; border: 1px solid #233d54; }
div.pager span.info, div.pager a { display: block; float: left; }
div.pager span.info { padding: 0 10px; font-size: 13px; padding-top: 3px; }
div.pager a { width: 29px; height: 22px; background-image: url(../images/pager-arrows.png); background-repeat: no-repeat; background-color: transparent; }
div.pager a.prevBtn { background-position: 0 0; border-right: 1px solid #233d54; }
div.pager a.nextBtn { background-position: -29px 0; border-left: 1px solid #233d54; }
div.pager a.prevBtn:hover { background-position: 0 -22px; } div.pager a.prevBtn:active { background-position: 0 -44px; } div.pager a.prevBtn.deactive { background-position: 0 -66px; }
div.pager a.nextBtn:hover { background-position: -29px -22px; } div.pager a.nextBtn:active { background-position: -29px -44px; } div.pager a.nextBtn.deactive { background-position: -29px -66px; }

/* Friends Styles */
div.battleWrapper { position: relative; margin: 0 auto; width: 410px; }
div.battleWrapper img.vs, div.battleWrapper span.moreInfo { vertical-align: middle; }
div.battleWrapper img.vs { margin: 5px auto; display: block; }
.chromeContent .inner div.battleWrapper div.chromeDivider { margin: 0 -16px; margin-top: -2px; }
span.friendBox { width: 141px; min-height: 68px; padding: 0; display: inline-block; position: relative; }
span.friendBox span.del, div.section.friends a span.del { position: absolute; cursor: pointer; display: none; z-index: 999;}
span.friendBox span.del { top: -8px; right: -10px; width: 24px; height: 24px; background: transparent top left no-repeat url(../images/delete-friend.png); }
div.section.friends a span.del { top: -8px; right: -10px; width: 22px; height: 20px; background: transparent top left no-repeat url(../images/del-img.png); }
span.friendBox:hover span.del, div.section.friends a:hover span.del { display: block; }
span.friendBox span.del:hover { background-position: 0 -24px; }
div.section.friends a span.del:hover { background-position: 0 -20px; }
span.friendBox span.panel { width: 123px; height: 56px; padding: 8px 9px 4px 9px; display: inline-block; vertical-align: middle; background: transparent top left no-repeat url(../images/friendbox.png); }
span.friendBox span.friendBoxLabel { width: 47px; height: 48px; position: absolute; right: -2px; top: -1px; display: none; }
span.friendBox.winner span.friendBoxLabel { display: block; background: transparent top left no-repeat url(../images/winner-ribbon.png); }
span.friendBox.winner span.panel { background-position: bottom left; }
span.friendBox span.name {font-size: 12px; font-weight: bold; }
span.friendBox span.name a { color: #FFF; text-decoration: none; }
span.friendBox span.score  { padding: 10px 0 0 2px; font-size: 20px; font-weight: bold; display: inline-block; }
span.friendBox span.pending { padding: 11px 0 0 2px; font-size: 14px; font-weight: bold; display: inline-block; color: #B9D8E5; }
span.friendBox span.pts { font-size: 13px; font-weight: bold; }
span.friendBox img { margin: 3px 6px 0 0; float: left; border: 1px solid #ccc; overflow: hidden; }
span.friendBox.winner span.panel img { border: 1px solid #000; }
span.friendBox span.preGame { font-size: 27px !important; margin-top: 3px; }
span.versus { width: 117px; text-align: center; text-shadow: 0 1px 1px #6886a8; font-size: 14px; font-weight: bold; vertical-align: middle; color: #1c374f; }
span.versus .newTally { color: #4bcce3; }
div.inviteFriendsMsg { width: 100%; float: left; clear: both; }
div.inviteFriendsMsg ul { margin-top: 25px; font-size: 17px; color: #646c73; font-weight: bold; text-shadow: 0 1px 1px #FFF; list-style: none; }
div.inviteFriendsMsg ul li { padding: 4px 20px 0px 30px; margin-bottom: 26px; }
.cursor { cursor: pointer; }
 
 /* Game Specific */
p.questionText strong { margin-right: 5px; }
span.questionNumber { font-size: 20px; margin-right: 5px; }
p.questionDate { padding: 12px 0 0 0; font-size: 12px; text-align: center; color: #B9D8E5; }
.bigText { font-size: 18px; }
.smallText { font-size: 14px; }
span.points { top: 2px; right: -35px; width: 45px; height: 25px; padding-top: 9px; line-height: normal;  background: transparent top left no-repeat url(../images/points-bg.png); } span.points span.sub { font-size: 9px; }
.breakDownLink { position: relative; margin: 20px 30px 0 0; display: block; width: 100%; } .breakDownLink a { height: 30px; width: 105px; display: block; float: right; }
.breakDownLink a, a.backToGameLink { background-image: url(../images/breakdown.png); background-repeat: no-repeat; background-color: transparent; }
.breakDownLink a { background-position: 0 0; } 
.breakDownLink a:hover, .breakDownLink a:active { background-position: 0 -30px; }
.breakDownLink.video { width: 130px; } .breakDownLink.video, .breakDownLink.video a { width: 130px; } .breakDownLink.video a { background-position: 0 -60px; }
.breakDownLink.video a:hover, .breakDownLink.video a:active { background-position: 0 -90px; }
a.backToGameLink { background-position: 0 -120px; float: left; position: relative; margin-left: 10px; display: block; width: 120px; height: 30px; } 
a.backToGameLink:hover, a.backToGameLink:active { background-position: 0 -150px; } 
.breakDownLink span.commentIndicator { position: absolute; top: -16px; right: -13px; display: block; padding-top: 3px; height: 21px; width: 24px; text-shadow: 0 1px 1px #dfe6ed; font-size: 12px; font-weight: bold; text-align: center; color: #203a50; background: transparent top left no-repeat url(../images/comment-indicator-bg.png); }
.breakDownLink span.commentIndicator.new { background-position: bottom left; }

/* Game Entered */
.fauxFriends { width: 415px; height: 107px; background: transparent top left no-repeat url(../images/faux-friends.jpg); margin-left: -14px; padding-top: 60px; }

/* Question Breakdown */
span.back-arrow, span.next-arrow { width: 9px; height: 11px; display: inline-block; }
span.back-arrow { background: transparent top left no-repeat url(../images/back-arrow.png); margin-right: 5px; }
span.next-arrow { background: transparent top left no-repeat url(../images/next-arrow.png); margin-left: 5px; }
a.backLink, a.nextLink { font-size: 14px; font-weight: bold; text-decoration: none; } a.backLink:hover, a.nextLink:hover { text-decoration: underline; }

/* Forum */
div.section.comment p { margin-bottom: 0; }
.comment a img { float: left; margin: 0 20px 30px 0; border: 1px solid #a7a7a7; width: 50px; overflow: hidden; }
span.txt { width: 361px; display: inline-block; }
p.commenter { font-size: 13px; color: #b9d8e5; margin-top:15px; margin-bottom: 5px; font-weight: bold; } .commenter a { font-size: 14px; text-decoration: none; }
div.section.comment form textarea { width: 326px; }
div.section.comment span.txt p { margin-bottom: 5px;}
p.commenter a img { vertical-align: middle; margin: 0 0 0 3px; padding:0; float: none; width: 16px; border: none; }
p.commenter span.time-stamp { font-weight: normal; text-align: right; font-size: 11px; }
div.comment-bubble { padding: 5px 0 0 0; height: 25px; width: 29px; font-size: 13px; text-shadow: 0 1px 1px #dfe6ed; font-weight: bold; text-align: center; color: #203a50; float: right; margin-left: 20px; background: transparent top left no-repeat url(../images/comments.png); }
div.comment-bubble.new { background-position: bottom left; }
#topic { height: 20px; }
div.section.topic p {font-size:16px; font-weight: bold; margin: 0 0 15px 0;}
div.section.topic p.commenter { font-size: 14px; font-weight:normal; margin-bottom: 0; }
h4.prompt { margin: 0 0 10px 45px; }
div.section.linked div.action { margin: -20px; padding: 20px; }
div.section.linked div.action:hover { background-color:rgba(255,255,255,0.05); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11FFFFFF, endColorstr=#11FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11FFFFFF, endColorstr=#11FFFFFF)"; }
div.section.linked div.action:active { background-color:rgba(75,204,227,0.05); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#114bcce3, endColorstr=#114bcce3); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#114bcce3, endColorstr=#114bcce3)"; }
div.section.comment span.controls { position: absolute; right: 10px; top: 10px; display: block; color: #b9d8e5; font-size: 13px; }
/* div.section.comment:hover span.controls { display: block !important; } */
div.section.comment span.controls span { cursor: pointer; line-height: 10px; padding-left: 17px; background-image: url(../images/comment-controls.png); background-repeat: no-repeat; background-color: transparent; margin-left: 20px; } div.section.comment span.controls span:hover { color: #4bcce3; }
div.section.comment span.controls span.edit { background-position: 0 0; } div.section.comment span.controls span.edit:hover { background-position: 0 -13px; } div.section.comment span.controls span.del { background-position: 0 -26px; } div.section.comment span.controls span.del:hover { background-position: 0 -39px; }
div#playButton {margin: 30px 0 50px 0;}
div#playButton p {padding-top:10px; text-align: center;}

/* Medals & Levels List */
ul.list { list-style-type: none; }
ul.list h3 { margin: 0 0 3px 0; font-size: 22px; width: auto; height: auto; line-height: normal; text-align: left; background: none; } ul.list h4 { font-size: 18px; }
ul.list p { margin-top: 8px; font-size: 13px; margin-bottom: 0; }
div.section ul.list li { margin: 0 0 20px 0; }
ul.list span { min-height: 70px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 70px; }
ul.list span.img { width: 70px; margin: 0 15px 0 0 !important; } ul.list span { width: 330px; }
ul.list span.img img { width: 70px; } 
div.section ul.list.levels li { margin: 0; padding: 5px 0; font-weight: bold; }
ul.list.levels span.img { width: 48px; height: 48px; min-height: 48px; _height: 48px; margin-left: 15px !important; } ul.list.levels span { margin-top: 15px; min-height: 30px;  _height: 30px; font-size: 16px; } ul.list.levels span strong { color: #B9D8E5; }
ul.list.levels span.img img { width: 48px; }

 /* Form Elements */
.loginBlock { width: 210px; float: right; display: block; }
.loginBlock input.txt { width:194px; height: 18px; font-size: 16px; color: #FFF; font-weight: bold; }
.loginBlock div.remember_container { font-size: 12px; margin: 0 0 15px; }
.loginBlock p { margin: 0 0 10px; }
.loginBlock span.overlay_wrapper { position: relative; top: 0; left: 0; width: 200px; display: block; height: 33px; padding: 0 4px; line-height: 32px; font-size: 16px; background: transparent top left no-repeat url(../images/logginbar-input-bg.png); border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.loginBlock span.overlay_wrapper.inputFocus { background-position: 0 -33px; }
.loginBlock span.overlay_wrapper.err { background-position: 0 -66px; }
div.err { color: #ae1b1b; text-shadow: 0 1px 1px #FFF; margin-bottom: 10px; font-weight: bold; font-size: 14px; }
p.err { color: #DF6876; font-weight: bold; margin: 5px 0 0 0; line-height: normal; padding-left: 8px; }
.loginBlock span.overlay_wrapper input { position: relative; background: none; top: 1px; left: -3px; z-index: 10; border: none;  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.loginBlock span.overlay_wrapper label.overlabel { position: absolute; top: 1px; left: 10px; z-index: 1; color: #FFF !important; font-size: 16px; }
*:first-child+html .loginBlock span.overlay_wrapper label.overlabel { top: 6px; left: 5px; }
label[for="remember_me"] { color: #455f78; text-shadow: 0 1px 1px #FFF; }
.remember_container input { float: left; margin-right: 10px; }
#loginLoading, #signupLoading {display:none;}
#resetLink {color: #ae1b1b; text-shadow: 0 1px 1px #FFF; padding-left: 25px; font-weight:bold; }
legend { font-size: 18px; font-weight: bold; }
textarea, input[type="text"], input[type="password"] { border: 2px solid #5b99bf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-family: Helvetica, Arial, sans-serif; }
textarea { padding: 10px; font-size: 14px; color: #333; font-family: Helvetica, Arial, sans-serif; width: 318px; }
input[type="text"], input[type="password"],input[type="file"] { width: 330px; padding: 6px; }
label { font-weight: bold; display: block; margin-bottom: 4px;  }
fieldset { border: none; position: relative; } .settings fieldset, .forms fieldset { margin-left: 45px; margin-bottom: 20px; } .settings fieldset input[type="text"], .settings fieldset input[type="password"] { font-size: 14px; font-weight: bold; } .settings fieldset label { margin-top: 10px; } .settings fieldset .custom-radio label { margin-top: 0; } .settings fieldset.radios { margin-left: 0;}
#contactForm fieldset label, #contactForm fieldset input, #contactForm fieldset textarea{ margin-left: 45px; }
table.sliders { margin: 0 auto; }
table.sliders input[type="text"] { width: 45px; height: 18px; padding: 5px 3px 6px 3px; background: transparent top left no-repeat url(../images/slider-input-bg.png); border: none; text-align: center; font-size: 18px; font-weight: bold; color: #FFF; }
table.sliders input[type="text"].err { background-position: bottom left; }
.sliderLabel { font-weight: bold; text-align: left; padding-right:30px;}
.sliderRange { text-align: center; font-size: 12px; }
/* Buttons */
.submitBtn, .button { border: none; color: #FFF; font-size: 16px; font-weight: bold; cursor: pointer; font-family: Helvetica, Arial, sans-serif; color: #FFF; text-shadow: 0 -1px 1px #1f3b55; display: block; }
.submitBtn, .button { width: 355px; height: 44px; margin: 0 auto; line-height: 43px; text-align: center; text-decoration: none; background: transparent top left no-repeat url(../images/button-bg.png); }
a.button.back { background-image: url(../images/button-back.png) !important; }
.button.smallBtn { width: 82px; height: 34px; line-height: 33px; background-image: url(../images/button-small.png) !important; margin: 0; float: left; font-size: 15px; } .button.smallBtn:hover { background-position: 0 -34px; } .button.smallBtn:active { background-position: 0 -69px; }
#signupWrapper .button { width: 103px; height: 29px; text-align: center; font-size: 13px; background: transparent top left no-repeat url(../images/button-red.png); text-shadow: none; display: inline-block; vertical-align: middle; line-height: 28px; margin: 0 3px !important; } #signupWrapper .button:hover { background-position: 0 -29px; } #signupWrapper .button:active { background-position: 0 -58px; }
.submitBtn:hover, .button:hover { background-position: 0 -44px; text-shadow: 0 -1px 1px #2699ae; text-decoration: none; } .submitBtn:active, .button:active { background-position: 0 -88px; text-shadow: 0 -1px 1px #2699ae; }
a.facebookLogin { width: 180px; height: 33px; display: block; background: transparent top left no-repeat url(../images/facebook-login.png); margin: 0 0 20px 0; float: left; margin-top: 10px; color: #FFF; font-weight: bold; text-decoration: none; font-size: 13px; } a.facebookLogin:hover { background-position: 0 -33px; } a.facebookLogin span { line-height: 32px; padding-left: 33px; }
.medButton { width: 189px; height: 44px; display: inline-block; text-decoration: none; color: #FFF; font-weight: bold; font-size: 14px; } .medButton + .medButton { margin-left: 40px; } .medButton { background: transparent top left no-repeat url(../images/med-button.png); } .medButton.iconButton { background: transparent top left no-repeat url(../images/med-icon-button.png); }
.medButton:hover { text-decoration: none; background-position: 0 -44px; } .medButton:active { background-position: 0 -88px; } .medButton.active { background-position: 0 -88px; }
.iconButton span { display: inline-block; line-height: 44px; vertical-align: middle; } .iconButton span.buttonIcon { width: 20px; height: 20px; margin: 0 15px 0 10px; }
.buttonIcon.fb { background: transparent top left no-repeat url(../images/facebook-icon.png); }
.buttonIcon.mail { background: transparent top left no-repeat url(../images/mail-icon.png); }
.buttonIcon.new { background: transparent top left no-repeat url(../images/circle-plus.png); }
.buttonIcon.join { background: transparent top left no-repeat url(../images/key-icon.png); }
.buttonIcon.leagues { background: transparent top left no-repeat url(../images/leagues-icon.png); }
.buttonIcon.tables { background: transparent top left no-repeat url(../images/tables-icon.png); }
.buttonIcon.invitePlayers { background: transparent top left no-repeat url(../images/add-people-icon.png); }
.buttonIcon.leave { background: transparent top left no-repeat url(../images/delete-icon.png); }

/* ==== Custom Inputs ==== */
/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; margin: 0 auto; width: 353px; }
/* input, label positioning */
span.icon { width: 18px; height: 18px; background-image: url(../images/icons-18-white.png); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -9px;  }
span.count {
    position: absolute; font-size: 16px; font-weight: bold; padding: .3em .5em .2em .5em; top: 50%; margin-top: -.9em; right: 20px; min-width: 30px; text-align: center;
    -moz-border-radius: 10px/*{cornerRadius}*/ !important;
    -webkit-border-radius: 10px/*{cornerRadius}*/;
    border-radius: 10px/*{cornerRadius}*/;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    }
.custom-radio label span.count {
    background-color: #7497b2; background-image: -moz-linear-gradient(top,#7497b2,#9db6cb); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#7497b2),color-stop(1,#9db6cb)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7497b2', EndColorStr='#9db6cb')";
    -moz-box-shadow: 0px 1px 0px #d2dfea; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 0px #d2dfea; /* Saf3.0+, Chrome */  box-shadow: 0px 1px 0px #d2dfea; /* Opera 10.5, IE9, Chrome 10+ */
    text-shadow: 0 1px 1px #5a7c98;
    }
.custom-radio label.penalty span.count {
    background-color: #c14856; background-image: -moz-linear-gradient(top,#c14856,#f66173); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c14856),color-stop(1,#f66173)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c14856', EndColorStr='#f66173')";
    -moz-box-shadow: 0px 1px 0px #e69da1; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 0px #e69da1; /* Saf3.0+, Chrome */  box-shadow: 0px 1px 0px #e69da1; /* Opera 10.5, IE9, Chrome 10+ */
    text-shadow: 0 1px 1px #c14856;
    }
.custom-radio label.correct span.count {
    background-color: #178567; background-image: -moz-linear-gradient(top,#178567,#1fb189); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#178567),color-stop(1,#1fb189)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#178567', EndColorStr='#1fb189')";
    -moz-box-shadow: 0px 1px 0px #85cfbb; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 0px #85cfbb; /* Saf3.0+, Chrome */  box-shadow: 0px 1px 0px #85cfbb; /* Opera 10.5, IE9, Chrome 10+ */
    text-shadow: 0 1px 1px #178567;
    }
.custom-radio label.checked span.count {
    background-color: #44c3da; background-image: -moz-linear-gradient(top,#44c3da,#95e1ee); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#44c3da),color-stop(1,#95e1ee)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#44c3da', EndColorStr='#95e1ee')";
    -moz-box-shadow: 0px 1px 0px #caeff5; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 0px #caeff5; /* Saf3.0+, Chrome */  box-shadow: 0px 1px 0px #caeff5; /* Opera 10.5, IE9, Chrome 10+ */
    text-shadow: 0 1px 1px #198497;
    }     
div.scored span.icon { display: none; }
div.custom-radio.scored label.correct span.icon { display: block; background: transparent top left no-repeat url(../images/correct-icon.png); }
.custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; }
.custom-checkbox label, .custom-radio label, .custom-checkbox.scored label:hover, .custom-radio.scored label:hover, .custom-checkbox.scored label:active, .custom-radio.scored label:active {
    display: block; position: relative; width: 241px; padding: .6em 65px .6em 45px; margin: 0; white-space: normal; font-weight: bold; color: #FFF; text-shadow: 0 -1px 1px #7392ab; cursor: pointer;
    background-color: #7497b2; background-image: -moz-linear-gradient(top,#9db6cb,#7497b2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9db6cb),color-stop(1,#7497b2)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9db6cb', EndColorStr='#7497b2')";
    border-top: 1px solid #8da2b3 !important; border-right: 1px solid #2f506c; border-left: 1px solid #2f506c; border-bottom: 1px solid #66869e !important;
    }
.custom-checkbox.scored label, .custom-radio.scored label { cursor: default !important; }
.custom-radio label.correct, .custom-radio label.correct:hover, .custom-radio label.correct:active {
    background-color: #1fb28a; background-image: -moz-linear-gradient(top,#1fb28a,#178667); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1fb28a),color-stop(1,#178667)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1fb28a', EndColorStr='#178667')";
    text-shadow: 0 -1px 1px #147a5d;
    }
.custom-radio label.penalty, .custom-radio label.penalty:hover, .custom-radio label.penalty:active {
    background-color: #f66173; background-image: -moz-linear-gradient(top,#f66173,#c14856); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f66173),color-stop(1,#c14856)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f66173', EndColorStr='#c14856')";
    text-shadow: 0 -1px 1px #c14856;
    border-top-color: #f98593 !important; border-bottom-color: #9c2d3a !important; border-left-color: #c14856 !important; border-right-color: #c14856 !important;
    }    
.custom-radio.hdr label, .custom-radio.hdr label:hover, .custom-radio.hdr label:active {
    background-color: #2b4a64; background-image: -moz-linear-gradient(top,#456b89,#1f3b55); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#456b89),color-stop(1,#1f3b55)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#456b89', EndColorStr='#1f3b55')";
    border-top: 1px solid #456b8a !important; border-bottom: 1px solid #152c42;
    text-shadow: 0 -1px 1px #1f3b55;
    }    
.custom-radio label.top { border-top: 1px solid #3e6585; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-right-radius: 12px; }  
.custom-radio label.bottom { border-bottom: 1px solid #3e6585; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; }  
.custom-radio.err { margin-bottom: 0; }
/* Custom Select */
label.selectLabel {
    display: block; position: relative; width: 261px; margin: 0 auto; padding: .5em 45px .5em 45px; white-space: normal; font-weight: bold; color: #FFF; text-shadow: 0 -1px 1px #7392ab; cursor: pointer; text-align: center;
    background-color: #7497b2; background-image: -moz-linear-gradient(top,#9db6cb,#7497b2); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#9db6cb),color-stop(1,#7497b2)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9db6cb', EndColorStr='#7497b2')";
    -moz-border-radius: 12px /*{cornerRadius}*/ !important; -webkit-border-radius:  12px/*{cornerRadius}*/; border-radius:  12px/*{cornerRadius}*/; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border: 1px solid #3e6585;
}
label.selectLabel span.icon { right: 15px; background-color: rgba(0, 0, 0, .15); background-repeat: no-repeat; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; background-position: -216px 50%; -moz-box-shadow: 0px 1px 0px #92b3c9; /* FF3.5+ */ -webkit-box-shadow: 0px 1px 0px #92b3c9; /* Saf3.0+, Chrome */  box-shadow: 0px 1px 0px #92b3c9; /* Opera 10.5, IE9, Chrome 10+ */ }
select.custom { background: #7497B2 !important; color: #FFF; font-size: 16px; font-weight: bold; position: relative; margin: 0 auto; opacity: 0; margin-top: -40px; width: 351px; height: 40px; z-index: 99; display: block; padding: 10px 0; -webkit-appearance: none; cursor: pointer; }
select.custom.err { background: #ec6161 !important;}

/* Hover and Focus states */
.custom-radio label span.icon, .custom-checkbox label span.icon { left: 15px; }
.custom-radio label span.icon { background-position: -756px 50%; }
.custom-checkbox label span.icon { background-position: -10px -912px; }
.custom-radio label.checked span.icon { background-position: -719px 50%; }
.custom-checkbox label.checked span.icon { background-position: -10px -1112px; }

.custom-checkbox label:hover, .custom-radio label:hover, label.selectLabel.hover {
    background-color: #8dadc6; background-image: -moz-linear-gradient(top,#c4d5e4,#8dadc6); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c4d5e4),color-stop(1,#8dadc6)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c4d5e4', EndColorStr='#8dadc6')";
    }     
.custom-checkbox label.checked, .custom-radio label.checked, label.selectLabel.selected {
    background-color: #4bcce3 !important; background-image: -moz-linear-gradient(top,#85e2f3,#3cafc4) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#85e2f3),color-stop(1,#3cafc4)) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85e2f3', EndColorStr='#3cafc4')" !important;
    text-shadow: 0 -1px 1px #34a1b4 !important;
    }
label.selectLabel.err, .custom-radio.err label {
    background-color: #ec6161 !important; background-image: -moz-linear-gradient(top,#ed8f8f,#ec6161) !important; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ed8f8f),color-stop(1,#ec6161)) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ed8f8f', EndColorStr='#ec6161')" !important;
    text-shadow: 0 -1px 1px #c94545 !important;
    border-color: #da5151;
    font-size: 16px;
    }
label.selectLabel.err span.icon  { -moz-box-shadow: 0px 1px 0px #da5151; -webkit-box-shadow: 0px 1px 0px #da5151; box-shadow: 0px 1px 0px #da5151; }
    
/* jQuery UI Overrides */
.ui-slider-horizontal {
        width: 250px; float: left; margin: 11px 20px 15px 5px; margin-top: 11px; height: 10px !important; border: none !important;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e3951), to(#2c516f)) !important; background-image: -moz-linear-gradient(top,#1e3951,#2c516f) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1e3951',EndColorStr='#2c516f')" !important;
        -moz-box-shadow: 0px 1px 1px #447094 !important; -webkit-box-shadow: 0px 1px 1px #447094 !important; box-shadow: 0px 1px 1px #447094 !important;
        position: relative;
        }
.ui-slider-horizontal.err {
        background-color: #325978; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b23a3a), to(#e36c6c)) !important; background-image: -moz-linear-gradient(top,#b23a3a,#e36c6c) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b23a3a',EndColorStr='#e36c6c')" !important;
        -moz-box-shadow: 0px 1px 1px #f4a4a4 !important; -webkit-box-shadow: 0px 1px 1px #f4a4a4 !important; box-shadow: 0px 1px 1px #f4a4a4 !important;
    }        
div.short.ui-slider-horizontal { width: 175px; }
.ui-slider-horizontal.ui-corner-all {
    -moz-border-radius: 10px/*{cornerRadius}*/ !important;
    -webkit-border-radius: 10px/*{cornerRadius}*/;
    border-radius: 10px/*{cornerRadius}*/;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
}
.ui-slider-range {
    background: #bfcfdd5 !important; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#85e2f3), to(#3cafc4)) !important; background-image: -moz-linear-gradient(top,#85e2f3,#3cafc4) !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85e2f3',EndColorStr='#3cafc4')" !important;
    -moz-border-radius: 9px/*{cornerRadius}*/ !important;
    -webkit-border-radius: 9px/*{cornerRadius}*/;
    border-radius: 9px/*{cornerRadius}*/;
    border-top-left-radius: 9px 9px;
    border-top-right-radius: 9px 9px;
    border-bottom-right-radius: 9px 9px;
    border-bottom-left-radius: 9px 9px;
    border: 1px solid #1d3850;
    height: 9px;
    position: absolute;
    top: -1px;
}
.ui-slider-horizontal .ui-slider-handle {
    width: 26px !important; height: 26px !important; border: none !important;
    -moz-border-radius: 0/*{cornerRadius}*/ !important;
    -webkit-border-radius: 0/*{cornerRadius}*/;
    border-radius: 0/*{cornerRadius}*/;
    border-top-left-radius: 0 0;
    border-top-right-radius: 0 0;
    border-bottom-right-radius: 0 0;
    border-bottom-left-radius: 0 0;
    background: transparent top left no-repeat url(../images/slider-handle.png) !important;
    top: -8px !important;
    margin-left: -10px !important;
    display: block;
    position: relative;
    }
*:focus { outline: none; }

.left { float: left; } .leftImg { float: left; margin: 0 20px 30px 0; }
.right { float: right; }
.inlineBlock { display: inline-block; }
.hidden { display: none; }
.margT { margin-top: 20px !important; }
.margL { margin-left: 10px; }
.margR { margin-right: 20px !important; }
.margB { margin-bottom: 20px; }
.smallMargB { margin-bottom: 10px !important; }
.padR { padding-right: 20px !important; }
.noBotPad { padding-bottom: 0 !important; }
.centered { display: block; margin: 0 auto; }
.textCenter { text-align: center !important; }
.leftAlign { text-align: left !important; }
.border { border: 1px solid #a7a7a7; }
img.border { padding: 1px; }

/* Hide Unwanted Span content */
a.tool span, div.pager a span, .breakDownLink a span.text, .facebox span.closeThis span, a.backToGameLink span { display: block; width: 0; overflow: hidden; }

/* Clear Fix 
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
*/
.clearfix { overflow: hidden; }
/* Facebox */
.facebox { position: absolute; top: 165px; z-index: 9999; text-align: left; width: 461px; display: none;  }
.facebox .popup { position: relative; background: transparent top left repeat-y url(../images/box-rpt.png); padding: 0 13px; }
.facebox .inner { padding: 3px; background: #1d3951; }
.facebox .inner p { font-weight: bold; }
.facebox .inner textarea { width: 370px; padding: 10px; }
.facebox span.closeThis { position: absolute; top: -10px; right: -10px; width: 37px; height: 37px; display: block; cursor: pointer; z-index: 9999; background: transparent top left no-repeat url(../images/close-this.png); }
.facebox span.closeThis:hover { background-position: bottom left; }
/* Overlay */
#overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #FFF; z-index: 1100; display: none; width: 100%; height: 100%; opacity: 0.5; }
.loaderDiv { width: 28px; height: 28px; margin: 0 auto; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #levelNumber { top: 24px; }
    #pageHeader h1 { width: 331px; }
}

#likeBoxWrapper { width: 300px; background-color: #FFF; }

#comments .fbFeedbackContent .profileName, #comments .action_links a, #comments .uiLinkButton input { color: #4BCCE3; font-weight: bold; }
#comments a.uiLinkSubtle, #comments .action_links a.uiLinkSubtle { color: #B9D8E5; }