@charset "UTF-8";

/* text styles */

#masthead p, #footer p {
margin: 0;
}
#masthead h1 {
font-size: 0.6em;
color: #5B7071;
padding-left: 1em;
}
#page div.cpanel {
padding-bottom: 16px;
}
#page div.tc {
padding-bottom: 1px;
text-align: center;
}

/* panel text styles */

div.cpanel p {
line-height: 1.5em;
}
div.cpanel a {
cursor: pointer;
color: #00f;
}
div.cpanel h2 {
/*	padding-top: 32px;
	margin: 0px 0px 8px;
	padding-bottom: 8px;*/
border-bottom: 1px dotted #5D6F71;
}
div.cpanel span.gameno {
display: block;
font-size: 160%;
font-weight: bold;
margin-top: 7px;
margin-bottom: 5px;
}
div.cpanel li.apart {
margin: 1.3em;
}

/* rMenu styles */
#main-menu ul.rMenu li a.selected {
background-color: #ff9;
}

/* left-right styles */

div.left {
float: left;
text-align: left;
}
div.right {
float: right;
text-align: right;
}

/* button styles */
div.cpanel .button {
display: block;
}
div.cpanel .button, div.cpanel .button-inline, div.message .button-inline, .login .button-inline {
border-style: none;
margin-top: 8px;
margin-bottom: 8px;
padding: 8px 12px;
background: #99CC00;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
/* border-color: rgb(221, 221, 221);  robert? */
/* border-width: 0px 1px 1px 0px;  robert? */
}
div.cpanel .button.red, div.cpanel .button-inline.red {
background: #FF0000;
}
div.cpanel .button-inline.orange {
background: #FF9933;
}
div.cpanel .button:hover, div.cpanel .button-inline:hover, div.message .button-inline:hover, .login .button-inline:hover {
background: #FFCC00;
/* color: rgb(236, 245, 222); robert? */
cursor: pointer;
}
div.cpanel .button:active, div.cpanel .button-inline:active, div.message .button-inline:active, .login .button-inline:active {
background: #99CC00;
}

/* form styles */

.ccform fieldset {
padding: 5px;
border: 1px dotted #565;
background-color: #eee;
}
.ccform legend {
padding: 2px 10px;
border: 1px dotted #565;
background-color: #eee;
color: #787;
font-size: 140%;
}
.ccform .field-row {
clear: both;
margin-top: 2px;
margin-left: 8px;
border-bottom: 1px dotted #E2E2E2;
padding-bottom: 4px;
}
.ccform .field-label {
width: 10em;
float: left;
margin-right: .5em;
}
.ccform .field {
/* color: #5D7172;  robert? */
/* text-indent: 8px;  robert? */
padding: 0.2em;  /* robert? */
}
.ccform .field:focus {
border-color: rgb(183, 199, 211);
background: rgb(243, 250, 255);
}
.ccform .indent {
margin-left: 10.6em;
}
.ccform input.field, .ccform textarea.field, .ccform select.field {
border: 1px solid #565; /* robert? #bbb */
}
.ccform input.field {
width: 15em;
}
.ccform input.field.f2 {
width: 30em;
}
.ccform input.field.f3 {
width: 5em;
}
.ccform input.button, .ccform .warning {
margin-left: 10em;
}
/* star-html hack to keep buttons aligned with fields in IE (add .field-label margin-right: .5em) */
* html .ccform input.button, * html .ccform .warning {margin-left:10.5em;}

/* login form styles */

.login fieldset {
background-color: transparent;
border: none;
padding: 0;
}
.login legend {
display: none;
}
.login .field-row {
border: none;
}
.login .field-row label {
color: #666666;
vertical-align: text-top;
}
.login input.field {
width: 10em;
}
.login .button-inline {
margin: 0px;
padding: 2px 12px;
}
.login a:link, .login a:visited {
color: #990000; /* robert? */
padding-right: 8px;
}
.login a:hover {
text-decoration: none;
color: #FFFFFF;
background: #FFCC00;
}
.login a:active {
color: #990000;
}

/* signup form styles */

.signup .field-row {
text-align: right;
}
.signup .field-label   {
font-size: 1.225em;
color: #1F7C7C;
padding: .6em 0px 0px;
}
.signup .field {
font-size: 1.6em;
margin: 0px 0px 6px;
}
.signup .calloutBubble {
float: right;
background: #32CCCC url(bubbleright.gif) no-repeat right bottom;
}
.signup a:link, .signup a:visited {
color: #990000; /* robert? */
}
.signup a:hover {
text-decoration: none;
color: #FFFFFF;
background: #FFCC00;
}
.signup a:active {
color: #990000;
}
form.signup .button-inline {
margin: 16px 0px 0px;
padding: 0px 32px;
background: #99CC00 url(buttontip.gif) no-repeat right center;
font-size: 22px;
height: 42px;
}

/* image styles */

img {
border-style: none;
}
img.avatar {
margin-left: 2px;
margin-right: 2px;
height: 50px;
width: 50px;
}
img.icon {
vertical-align: middle;
}
img.icon.i2 {
margin-top: -2px;
}
/* star-html hack to keep icons aligned with text */
* html img.icon.i2 {margin-top: 0;}
img.icon.i3 {
margin-top: -3px;
}
/* star-html hack to keep icons aligned with text */
* html img.icon.i3 {margin-top: 0;}

/* player listing styles */

ul.players {
margin: 0;
padding: 0;
}
ul.players li {
margin-top: 3px;
margin-bottom: 3px;
vertical-align: text-bottom;
list-style-type: none;
}

/* rank styles */

a.rank {
padding-left: 23px;
}
.rank.f {
background: url('ranks_f.png') no-repeat;
}
.rank.p {
background: url('ranks_p.png') no-repeat;
}
.rank.r1 {background-position: 0 -18px;}
.rank.r2 {background-position: 0 -36px;}
.rank.r3 {background-position: 0 -54px;}
.rank.r4 {background-position: 0 -72px;}
.rank.r5 {background-position: 0 -90px;}
.rank.r6 {background-position: 0 -108px;}
.rank.r7 {background-position: 0 -126px;}
.rank.r8 {background-position: 0 -144px;}
.rank.r9 {background-position: 0 -162px;}
.rank.r10 {background-position: 0 -180px;}
.rank.r11 {background-position: 0 -198px;}
.rank.r12 {background-position: 0 -216px;}

/* table styles */

table.listing {
width: 100%;
text-align: left;
border-collapse: collapse;
}
table.listing td, table.listing th {
padding: 2px 4px;
}
table.listing th {
background-color: #89E2E2;
border-top: 1px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-bottom: 8px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}
table.listing tr.even td {
background-color: #ddd;
border-bottom: 1px solid #fff;
}
table.listing tr.odd td {
background-color: #eee;
border-bottom: 1px solid #fff;
}
table.listing tr.even2 td {
background-color: #ddd;
}
table.listing tr.odd2 td {
background-color: #eee;
}

/* game styles */

#dashboard {
width: 100%;
}
#dashboard #right_hand_side {
padding-left: 5px;
vertical-align: top;
width: 100%;
}
#dashboard #right_hand_side p {
text-align: left;
}
#dashboard tbody {
background-color: #eee;
}
#loading {
display: none;
}
#ads {
display: none;
margin-top: 10px;
}
#chat {
margin-bottom: 20px;
height: 150px;
overflow: auto;
background-color: #eee;
}

/* progress bar styles */
img.progress-bar {
margin: 0;
padding: 0;
width: 120px;
height: 12px;
background-image: url(percentImage_back.png);
}

/* message box styles */

div.message { /* taken from comic div.panel */
border: solid 1px #ccc;
padding: 1px 1em;
margin: 0.5em;
margin-bottom: 0;
/* margin-right: 10px;  robert? */
/* margin-left: 10px;  robert? */
}
div.message h4 {
margin-top: 10px;
margin-bottom: -10px;
font-size: 1.8em;
color: #494B3D;
}
div.message.alert {
background: #FCFCD2 url(icon_msg_alert.gif) no-repeat scroll 8px center;
padding: 2px 2px 2px 96px;
border-color: #FCFCD2;
}
div.message.success {
background: #E6FF7D url(icon_msg_success.png) no-repeat scroll 8px center;
padding: 2px 2px 2px 96px;
border-color: #E6FF7D;
}
div.message.maintenance {
background: #E6FFFF url(icon_msg_maint.png) no-repeat scroll 8px center;
padding: 2px 2px 2px 96px;
border-color: #E6FFFF;
}
div.message.loading {
background: #FCFCD2 url(icon_msg_loading.gif) no-repeat scroll 8px center;
padding: 2px 2px 2px 96px;
border-color: #494B3D;
}
div.message.register {
background: #FFFFFF;
}
div.message.register h5 {
margin-top: 24px;
margin-bottom: 24px;
color: #32CCCC;
font-size: 1.225em;
font-weight: normal;
text-align: center;
}
div.message .button-inline {
background: #99CC00 url(buttontip.gif) no-repeat right center;
padding: 0.2em 36px 0.2em 1em;
font-size: 18px;
}

/* message styles */

span.errormsg-inline {
color: #f00;
}
span.errormsg-block {
display: block;
color: #f00;
}
span.errormsg {
display: block;
background-color: #f66;
padding-left: 5px;
color: #000;
font-size: 120%;
}
span.successmsg {
display: block;
background-color: #3f3;
padding-left: 5px;
color: #000;
font-size: 120%;
}
span.infomsg {
display: block;
color: #00f;
}
span.eliminated {
text-decoration: line-through;
}
span.player0 {
color: #000;
}
span.player1 {
color: #f00;
font-weight: bold;
}
span.player2 {
color: #009a04;
font-weight: bold;
}
span.player3 {
color: #00f;
font-weight: bold;
}
span.player4 {
color: #cc0;
font-weight: bold;
}
span.player5 {
color: #f0f;
font-weight: bold;
}
span.player6 {
color: #0cc;
font-weight: bold;
}
span.player7 {
color: #f92;
font-weight: bold;
}
span.player8 {
color: #7f7f7f;
font-weight: bold;
}
span.card0 {
color: #f00;
}
span.card1 {
color: #3d3;
}
span.card2 {
color: #00f;
}
span.inbox {
color: #00f;
font-weight: bold;
text-decoration: blink;
}
span.positive {
color: #0c0;
font-weight: bold;
}
span.negative {
color: #c00;
font-weight: bold;
}

/* frame styles */

#chatframe {
padding-top: 19px;
width: 100%;
height: 600px;
}
* html #chatframe {
width: 95%;
}

/* robert styles */

/* ROUNDED CORNERS FOR FIREFOX (MOZILLA), CHROME AND SAFARI */
div#book, div#masthead, div.cpanel, div.comic-panel, div.message, div.buyCallout, div#footer{
border-color: #FFFFFF;	/*border: 1px solid #FFFFFF;*/
}

/* FORMATTING SPECIFIC TO THE MERCHANDISE AND CERTIFICATES CALLOUT BOXES */
div.buyCallout img {
margin: 12px 0px 0px;
}
div.buyCallout h4 {
color: #A24C3D;
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px dotted #A24C3D;
margin: 12px 0px 5px;
padding: 0px 0px 4px;
text-align: left;
}
div.buyCallout p {
margin: 4px 0px 6px;
text-align: left;
}
div.buyCallout .button  {
display: block;
background: #99CC00 url(buttontip.gif) no-repeat right center;
padding: 4px 0px 4px 6px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
/* overide the left order using heavy specificity css rule */
div.buyCallout div.tc-right-column   {
border-left: solid 1px #FFFFFF;
}
.smallText {
font-size: .8em;
}
.bright {
color: #32CCCC;
}
#poster {
background: url(poster-sudoku.jpg) no-repeat left top;
height: 200px;
}
#poster h2 {
margin: 0px 48px 0px 240px;
padding: 16px 0px 0px;
color: #99CC00;
border-color: #99CC00;
font-size: 2.5em;
}
#poster p {
margin: 0px 48px 0px 240px;
padding: 16px 0px 0px;
font-size: 1.225em;
color: #666666;
}
#cclogin p {
padding: 12px 24px;
border: 1px solid #D6F5F5;
line-height: 1.5em;
}
#cclogin img {
margin: 0px 4px 0px 0px;
}
.titleBold {
color: #32CCCC;
}
.textBold {
color: #32CCCC;
}
.calloutBubble {
display: -moz-inline-box;
display: inline-block;
color: #FFFFFF;
background: #32CCCC url(bubbleleft.png) no-repeat left bottom;
margin: 0px 16px 6px 0px;
padding: 4px 16px;
height: 40px;
font-weight: bold;
}

/* sudoku styles */
.board {
text-align: center;
border-collapse: collapse;
}
.cellNumber {
height: 44px;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
border: 1px solid #aaaaaa;
}
.cellNumber div {
width: 43px;
}
.cellTopBlack {
border-top: 2px solid #000000;
}
.cellBottomBlack {
border-bottom: 2px solid #000000;
}
.cellLeftBlack {
border-left: 2px solid #000000;
}
.cellRightBlack {
border-right: 2px solid #000000;
}
.cellEmpty {
border: 0;
}
.cellError {
background-color: #faa;
}
/* New Start */
.cellSelect {
background-color: #ff4;
}
/* New End */
.cellNumberInput1, .cellNumberInput2, .cellNumberInput3, .cellNumberInput4, .cellNumberInput5, .cellNumberInput6, .cellNumberInput7 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
width: 43px;
color: #0000FF;
border: 0 solid #ffffff;
}
.cellNumberInput1 {
font-size: 16pt;
}
.cellNumberInput2 {
font-size: 12pt;
}
.cellNumberInput3 {
font-size: 10pt;
}
.cellNumberInput4 {
font-size: 9pt;
}
.cellNumberInput5 {
font-size: 8pt;
}
.cellNumberInput6 {
font-size: 7pt;
}
.cellNumberInput7 {
font-size: 6pt;
}