.lpplay {
    width:603px
}

.lpplay2 {
    width:380px
}

.brd {
    text-align:center;
    margin:0 auto
}

img.playerimg {
    height:20px;
    width:20px;
    border-width:0;
    vertical-align:middle
}

.playername {
    font-size:1.2em;
    font-weight:700
}

.playername a,.playername a:visited {
    text-decoration:none
}

.playerrating {
    font-weight:700
}

.timer {
    font-size:1.2em;
    font-weight:700;
    float:right
}

.active {
    color:red;
    padding-left:24px;
    background-image:url(/images/icons/chess/16_clock_analog_2.png);
    background-repeat:no-repeat;
    background-position:4px
}

.inactive {
    color:#999
}

.bs {
    margin:0 auto;
    padding:0;
    text-align:center
}

.bs div.players {
    text-align:left;
    font-weight:700
}

.bs div.plyrb {
    margin:4px 12px
}

.bs30 {
    width:260px
}

.bsOutside30 {
	width: 264px;
}
.bs30 div.plyrb, .bsOutside30 div.plyrb {
  font-size: 0.75em;
}

.bsOutside30 img.playerimg {
  height: 12px;
  width: 12px;
}



.bs38 {
    width:304px
}

.bsOutside38 {
	width: 334px;
}

.bs38 div.plyrb, .bsOutside38 div.plyrb {
  font-size: 0.85em;
}

.bsOutside38 img.playerimg {
  height: 16px;
  width: 16px;
}

.bs45 {
    width:380px
}

.bsOutside45 {
	width: 394px;
}

.bs45 div.plyrb, .bsOutside45 div.plyrb {
  font-size: 1em;
}

.bsOutside45 img.playerimg {
  height: 18px;
  width: 18px;
}

.bs53 {
    width:444px
}
.bsOutside53 {
	width: 464px;
}

.bs53 div.plyrb, .bsOutside53 div.plyrb {
  font-size: 1.2em;
}

.bsOutside53 img.playerimg {
  height: 20px;
  width: 20px;
}

.bsOutside53 .mbr {
	height: 20px;
}

.bs60 {
    width:500px
}

.bsOutside60 {
	width: 524px; 
}

.bs60 div.plyrb, .bsOutside60 div.plyrb {
  font-size: 1.4em;
}

.bs60 img.playerimg, .bsOutside60 img.playerimg {
  height: 24px;
  width: 24px;
}

.bsOutside60 .mbr {
	height: 24px;
}

.bs68 {
    width:564px
}

.bsOutside68 {
	width: 594px;
}
.bs68 div.plyrb, .bsOutside68 div.plyrb {
  font-size: 1.5em;
}
.bs68 img.playerimg, .bsOutside68 img.playerimg {
  height: 24px;
  width: 24px;
}
.bsOutside68 .mbr, .bsOutside75 .mbr {
	height: 28px;
}

.bs75 {
    width:604px
}

.bsOutside75 {
	width: 654px;
}
.bs75 div.plyrb, .bsOutside75 div.plyrb {
  font-size: 1.5em;
}
.bs75 img.playerimg, .bsOutside75 img.playerimg {
  height: 24px;
  width: 24px;
}

#sbmenu {
    border-bottom:1px solid #E6E3D9;
    margin:0;
    padding-bottom:19px;
    padding-left:0;
    padding-right:4px;
    font-size:.85em
}

#sbmenu ul,#sbmenu li {
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0
}

#sbmenu a:link,#sbmenu a:visited {
    background-color:#D5D1C2;
    border:1px solid #E6E3D9;
    color:#000;
    float:left;
    line-height:14px;
    margin-right:6px;
    padding:2px 6px;
    text-decoration:none
}

#sbmenu a:link.active,#sbmenu a:visited.active {
    border-bottom:1px solid #F7F7F0
}

#sbmenu a:hover {
    background-color:#ffc
}

#sbmenu ul a:hover {
    color:#333!important
}

.section-1 #sbmenu li#nav-1 a,.section-2 #sbmenu li#nav-2 a,.section-3 #sbmenu li#nav-3 a,.section-4 #sbmenu li#nav-4 a {
    background:#F7F7F0;
    border-bottom:1px solid #F7F7F0;
    color:#000;
    font-size:1em;
    font-weight:700
}

.section-1,.section-2,.section-3,.section-4 {
    margin:12px 0
}

#sbmbox {
    height:220px;
    background-color:#F7F7F0;
    border:1px solid #E6E3D9;
    border-top:none;
    padding:8px;
    margin:0;
    clear:both;
    overflow:hidden;
}

#sbmbox #moves .moveactions>div>input#textfield {
    width:60px!important
}

.bsmove {
    background-image:url(/images/icons/chess/16_hand_piece.png);
    background-repeat:no-repeat;
    background-position:6px;
    padding:1px 6px 1px 26px;
    border-top:1px #5b5 solid;
    border-right:1px #171 solid;
    border-left:1px #5b5 solid;
    border-bottom:1px #171 solid;
    background-color:#393;
    color:#fff;
    font-size:1.2em;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
    overflow:visible
}

.bsmove:hover {
    border-top:1px #7d7 solid;
    border-right:1px #393 solid;
    border-left:1px #7d7 solid;
    border-bottom:1px #393 solid;
    background-color:#5b5;
    color:#fff
}

.bsmove:visited {
    color:#fff
}

.bsgr {
    background-repeat:no-repeat;
    background-position:right;
    padding:1px 20px 1px 4px;
    border-top:1px #eee solid;
    border-right:1px #ccc solid;
    border-left:1px #eee solid;
    border-bottom:1px #ccc solid;
    background-color:#ddd;
    color:#000;
    font-weight:700;
    font-size:.8em;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
    overflow:visible
}

.bsgr:hover {
    background-color:#eee;
    color:#000
}

.bsgrleft {
    background-repeat:no-repeat;
    background-position:left;
    padding:1px 4px 1px 20px
}

.bcmretry {
    background-image:url(/images/icons/fam/arrow_rotate_anticlockwise.gif)
}

.bcmplay {
    background-image:url(/images/icons/fam/control_play.gif)
}

.bcmgrn {
    background-repeat:no-repeat;
    background-image:url(/images/icons/custom/arrow_orange.gif);
    background-position:95%;
    padding:1px 28px 1px 4px;
    border-top:1px #749d4d solid;
    border-right:1px #060 solid;
    border-left:1px #749d4d solid;
    border-bottom:1px #060 solid;
    background-color:#4a7521;
    color:#fff;
    font-weight:700;
    font-size:1.25em;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
    overflow:visible
}

.bcmgrn:hover {
    background-color:#57822e
}

.bgry {
    background-repeat:no-repeat;
    background-position:4px;
    padding:1px 4px 1px 22px;
    border-top:1px #ddd solid;
    border-right:1px #bbb solid;
    border-left:1px #ddd solid;
    border-bottom:1px #bbb solid;
    background-color:#ccc;
    color:#000;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
    overflow:visible
}

.bgry:hover {
    border-top:1px #eee solid;
    border-right:1px #ccc solid;
    border-left:1px #eee solid;
    border-bottom:1px #ccc solid;
    background-color:#ddd;
    color:#000
}

.bgry:visited {
    color:#000
}

.bgcancel {
    background-image:url(/images/icons/fam/delete.png)
}

.btimeout {
    background-image:url(/images/icons/fam/hourglass.png);
    background-repeat:no-repeat;
    background-position:0
}

.bgdraw {
    background-image:url(/images/icons/custom/flag_white.png);
    background-repeat:no-repeat;
    background-position:0
}

.bgresign {
    background-image:url(/images/icons/chess/16_resign.png);
    background-repeat:no-repeat;
    background-position:0
}

.btakeback {
    background-image:url(/images/icons/fam/arrow_rotate_anticlockwise.png);
    background-repeat:no-repeat;
    background-position:0
}

.bflip {
    background-image:url(/images/icons/fam/arrow_switch.png);
    background-repeat:no-repeat;
    background-position:0
}

.bgaddtime {
    background-image:url(/images/icons/chess/16_clock_analog_2.png)
}

.bgadjourn {
    background-image:url(/images/icons/fam/hourglass.png)
}

.bgabort {
    background-image:url(/images/icons/fam/cancel.png)
}

.bback {
    background-image:url(/images/icons/fam/arrow_left.png)
}

.bconditional {
    background-image:url(/images/icons/custom/conditional.gif)
}

.bcontinue {
    background-image:url(/images/icons/fam/arrow_right.png);
    background-position:95%;
    padding:1px 22px 1px 4px
}

.btpad {
    clear:both;
    margin:12px auto;
    text-align:center
}

.msg_game {
    background-image:url(/images/icons/fam/asterisk_orange.png);
    background-repeat:no-repeat;
    background-position:2px 40%;
    padding-left:26px;
    margin:4px auto;
    color:#600;
    font-size:1.1em;
    font-weight:700
}

.disablechat {
    font-size:.65em;
    text-align:right;
    margin-top:-4px
}

.disablechat a {
    text-decoration:none;
    color:#666
}

#chatbox,#notebox {
    padding:0;
    margin:0
}

#chat {
    height:170px;
    padding:4px;
    margin-bottom:4px;
    border:1px solid #666;
    background-color:#fcfcfc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    word-wrap:break-word;
    overflow:auto
}

.cbmsg {
    font-size:1.1em;
    font-weight:700;
    margin:2px 0 4px
}

#chat p {
    margin:0 0 4px;
    padding:0;
    color:#333
}

#chatbox input.textline,#notebox input.textline {
    font-size:10px;
    width:170px;
    font-size:12px;
    padding:1px
}

#chatbox input.submit,#notebox input.submit {
    font-size:12px;
    padding:0;
    margin-left:6px
}

.me {
    color:#666
}

.me span {
    font-weight:700;
    color:#666
}

.you {
    color:#333
}

.you span {
    font-weight:700;
    color:#036
}

.annote {
    color:#333
}

.annote span {
    font-weight:700;
    color:#aaa
}

.enchat {
    font-size:.85em;
    margin-top:4px
}

.noteblock {
    margin:0;
    padding:0;
    width:156px
}

#notation,#conditionalnotation {
    width:148px;
    height:200px;
    padding:0;
    border:1px solid #666;
    background-color:#fcfcfc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:4px;
    overflow:auto
}

.notator {
    width:140px;
    padding:0;
    border:1px solid #666;
    background-color:#fcfcfc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:4px 4px 16px
}

#notation p,.notator p,#conditionalnotation p {
    margin:0;
    padding:0
}

#notation a,#notation a:visited,.notator a,.notator a:visited,#conditionalnotation a,#conditionalnotation a:visited {
    text-decoration:none;
    color:#000
}

#notation a:hover,.notator a:hover,#conditionalnotation a:hover {
    text-decoration:underline;
    color:#039
}

#notation tr.odd,.notator tr.odd,#conditionalnotation tr.odd {
    background-color:#e7e7e7
}

.notate {
    padding:0;
    border:1px solid #666;
    background-color:#fcfcfc;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:4px auto;
    overflow:auto
}

.notate p {
    margin:0;
    padding:0
}

.notate a,.notate a:visited {
    text-decoration:none;
    color:#000
}

.notate a:hover {
    text-decoration:underline;
    color:#039
}

.notate tr.odd {
    background-color:#e7e7e7
}

#notation td.num,#conditionalnotation td.num {
    font-weight:700;
    color:#333;
    width:auto
}

#notation td,#conditionalnotation td {
    width:52px
}

.movebuttons {
    text-align:center;
    margin:0 auto 8px
}

.movebuttons input {
    font-size:1em;
    padding:0 2px;
    margin:0
}

.movebuttons input.onemove {
    padding:0 16px
}

table.capt {
    margin:8px 4px 0;
    border:1px solid #666;
    background-color:#fff
}

table.capt td {
    padding:4px;
    font-size:1.2em;
    font-weight:700
}

table.capt img {
    height:20px!important;
    width:20px!important
}

.gametype {
    font-size:18px;
    font-weight:700;
    text-align:center
}

.userdata {
    text-align:center;
    padding-top:4px
}

img.userpic {
    border:0;
    float:left;
    padding:0 4px 4px 0
}

#details {
    overflow:auto
}

#details p {
    color:#222
}

#details p a {
    color:#040
}

#notes p {
    color:#222
}

#notes p a {
    color:#040
}

#chatbox a,#notebox a {
    color:#040
}

.banalysis {
    background-image:url(/images/icons/chess/16_board_pieces_2.png);
    background-repeat:no-repeat;
    background-position:0;
    padding-left:20px;
    text-decoration:none
}

.bpgn {
    text-decoration:none
}

.breplay {
    background-image:url(/images/icons/fam/arrow_rotate_clockwise.png);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:20px;
    text-decoration:none
}

.bnewgame {
    background-image:url(/images/icons/chess/game_add.png);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:20px;
    text-decoration:none
}

.bresetpos {
    background-image:url(/images/icons/fam/arrow_rotate_anticlockwise.png);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:20px;
    text-decoration:none
}

.bclosewin {
    background-image:url(/images/icons/fam/cross.png);
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:20px;
    text-decoration:none
}

#sidebar ul.gmz {
    padding:0;
    margin:4px 0 4px 4px;
    list-style:none;
    list-style-image:none;
    font-size:.9em
}

#sidebar ul.gmz li {
    padding-bottom:6px
}

.turnmove {
    margin:8px auto;
    font-size:1.2em
}

.trnmy {
    color:#c00
}

.trnwaiting {
    color:#999
}

.turnhello {
    margin:8px auto;
    text-align:center
}

.loadboard30 {
    height:244px;
    width:244px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard30.gif) no-repeat 0
}

.loadboard38 {
    height:308px;
    width:308px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard38.gif) no-repeat 0
}

.loadboard45 {
    height:364px;
    width:364px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard45.gif) no-repeat 0
}

.loadboard53 {
    height:428px;
    width:428px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard53.gif) no-repeat 0
}

.loadboard60 {
    height:484px;
    width:484px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard60.gif) no-repeat 0
}

.loadboard68 {
    height:548px;
    width:548px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard68.gif) no-repeat 0
}

.loadboard75 {
    height:604px;
    width:604px;
    margin:0 auto;
    text-align:center;
    background:url(/images/loadboard75.gif) no-repeat 0
}

.cconditional {
    background:url(/images/icons/custom/conditional.gif) no-repeat 0
}

.abutton {
    margin:0 auto 8px;
    padding-left:24px
}

div.moveactions {
    float:right;
    padding-left:4px
}

div.moveactions div {
    margin:4px 0 8px
}

div.moveactions div a {
    font-weight:700
}

.echessactions {
    font-size:1em;
    text-align:center;
    margin:0 auto 8px
}

.echessactions a {
    text-decoration:none;
    margin:0 4px;
    font-weight:700
}