HTML
{
    overflow-y: scroll;
}

HTML, BODY
{
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;    
    margin: 0;
    padding: 0;
}

BODY, .nrml
{ 
    font-size: 1rem;
    font-family: Tahoma, Arial, sans-serif;
    color: #000000;
}

BODY.gk_pop
{
    margin: 2px 6px;
    background: #ffffff;
}

BODY.gk_redir
{
    margin: 10px;
    background: #eeeef0;
}

FORM
{
    margin: 0;
    padding: 0;
}

A, A:link, A:visited 
{ 
    color: #0033cc;
    text-decoration: none; 
}

A:hover 
{
    color: #0000ff;
    text-decoration: underline; 
}

INPUT, TEXTAREA, SELECT
{ 
    font-size: 1rem;
    font-family: Tahoma, Arial, sans-serif;
    color: #000000; 
    font-weight: normal; 
    background: #FFF5EB;
}

TABLE
{
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0 auto;
}

TD
{
    padding: 0;
}

I
{
    font-family: sans-serif;
}

EM
{
    font-weight: bold;
    font-style: normal;
}

EM, B
{
    text-decoration: inherit;
}

LI
{
    margin-bottom: 4px;
}

.mobile_none
{
    display: none;
}

.butn
{
    margin: 1px;
    display: inline-block;
}

A.butn, A.butn:link, A.butn:visited
{
    color: #444499;
    text-decoration: none; 
    margin: 2px;
}

A.butn:hover 
{
    color: #4444EE;
    text-decoration: none; 
}

input[type="button"], input[type="reset"], input[type="submit"], .butn
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-weight: bold;
    color: #444499;
    cursor: pointer;
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    text-shadow: 1px 1px 1px #ffffff;
    background-color: #F2C791;
    background-image: -webkit-linear-gradient(to bottom,  #f6d5ac, #e9ac63 );
    background-image: linear-gradient(to bottom,  #f6d5ac, #e9ac63 );
    background-repeat: repeat-x;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.2);
}

input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, .butn:disabled, .butn.disabled
{
    cursor: default;
    background-image: none;
    background-color: #C9C0B6;
    opacity: 0.6;
    box-shadow: none;
    pointer-events: none;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-weight: bold;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active,
.butn:hover, .butn:focus, .butn:active
{
    color: #4444EE;
    background-color: #FFE6CC;
    background-image: none;
}

input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .butn:active, .butn.depressed
{
    border: 1px solid rgba(0,0,0,0.6);
    outline: 0;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}

.butn.depressed
{
    color: #4444aa;
    background-color: #B8E5B8;
    background-image: none;
}

A.butn.bright, A.butn.bright:link, A.butn.bright:visited
{
    color: #ffffee;
}

A.butn.bright:hover
{
    color: #ffffff;
}

.butn.bright
{
    color: #ffffee;
    text-shadow: 1px 1px 1px #555555;
    background-color: #ff8e4d;
    background-image: none;
    background-image: linear-gradient(to bottom, #ffae80, #ff7b2e );
}

.butn.bright:hover, .butn.bright:focus, .butn.bright:active
{
    color: #ffffff;
    background-color: #ffbe99;
    background-image: none;
    text-shadow: 1px 1px 1px #333333;
}

select, textarea, input[type="text"], input[type="password"], .pop_list
{
    padding: 2px 4px;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3);
}

input[type="checkbox"], input[type="radio"]
{
    background: transparent;	/* IE hack */
}

@media print 
{
    *
    {
	color: #000 !important;
	text-shadow: none !important;
	background: transparent !important;
    }
    a, a:visited 
    {
	text-decoration: underline;
    }
    tr, img 
    {
	page-break-inside: avoid;
    }
}

.amaster
{
    border: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    display: block !important;
    vertical-align: middle;
    -webkit-animation: animation_fade_in 0.3s ease-in 1;
    animation: animation_fade_in 0.3s ease-in 1;
}

.sml, .sml TD
{ 
    font-size: 0.8rem !important;
}

.med, .med TD
{ 
    font-size: 0.9rem !important;
}

.big, .big TD
{ 
    font-size: 1.2rem !important;
    font-weight: bold;
}

.huge, .huge TD
{ 
    font-size: 1.4rem !important;
    font-weight: bold;
}

.pp
{
    padding: 4px 2px;
}

TEXTAREA.blend
{
    border: 1px solid rgba(0,0,0,0.3);
    background: #F4F4FF;
    color: #000000;
}

.printable *
{
    color: #000000 !important;
    background: #ffffff !important;
}

.fnote
{ 
    font-size: 0.7rem; 
    color: #9999AA;
}

.footnote
{
    vertical-align: top;
    font-size: 0.7rem; 
    color: #440066;
}

.just_half
{
    width: 45%;
}

.just_most
{
    width: 90%;
    margin: 0 auto;
}

.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    font-size:0;
    line-height: 0;
    height: 0;
}

.clearfix
{
    zoom: 1;
}

.norm TD, .row .norm TD
{
    padding: 2px;
    vertical-align: top;
    border: 0;
}

.row TD, .dialog .row TD, .list .row TD
{
    padding: 0;
    border: 0;
    vertical-align: middle;
    text-align: left;
}

.row INPUT, .row SELECT
{
    vertical-align: middle;
}

table.rndfrm
{
    padding: 0;
    margin: 5px auto;
}

td.rndfrm
{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rndfrm1, .rndfrm2, .rndfrm3
{
    background: #dddde6;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    padding: 0;
}

tr.rndfrm0
{
    background: #dddde6;
}

.rndfrm1
{
    margin: 0 1px;
    height: 2px;
}

.rndfrm2
{
    margin: 0 2px;
}

.rndfrm3
{
    margin: 0 4px;
}

div.subframe, div.subframe_wrn, div.subframe_flat, div.subframe_group
{
    border: 1px solid #D0D0D9;
    border-radius: 6px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.35);
    padding: 4px;
}

div.subframe, div.subframe_flat, div.subframe TD, div.subframe_flat TD, div.subframe TR TD, div.subframe_flat TR TD
{
    background: #DDDDE6 !important;
}

div.subframe_wrn
{
    background: #FFECB2;
}

div.subframe_group
{
    background: #DDDDE6;
}

div.subframe_flat
{
    box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

#gk_header
{
    padding: 0;
    background: #7A7A99;
    margin: 0;
    width: 100%;
}

#gk_wrap
{
    padding: 4px;
    margin: 0;
    background: #ffffff;
}

#gk_header A
{
    color: #E5A85C;
}

#gk_main_nav
{
    margin: 9px 0 0 2px;
    padding: 0;
}

#gk_main_nav TD
{
    white-space: nowrap;
    border-top: 2px solid #aaaacc;
    border-left: 1px solid #9999bb;
    border-right: 1px solid #333344;
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0;
    padding: 0;
    background: #555588;
    background-image: -webkit-linear-gradient(top, #666699, #4D4D73);
    background-image: linear-gradient(to bottom, #666699, #4D4D73);
}

#gk_main_nav:not(.oldbrowser) TD
{
    border: 0;
    box-shadow: inset 1px 1px 1px rgba(255,255,255,0.5), inset -1px 0 2px rgba(0,0,0,0.5);
}

#gk_main_nav A
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-weight: bold;
    color: #FFDD99;
    padding: 0 8px;
    margin: 0;
    line-height: 27px;
    display: block;
    border-radius: 5px 5px 0 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

#gk_main_nav A:hover
{
    color: #ffffdd;
    background: #444477;
    text-shadow: none;
    display: block;
    border-radius: 5px 5px 0 0;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}

.menu_list A
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size: 1rem;
    font-weight: bold;
    padding: 3px 8px;
    margin: 0;
    display: block;
}

.menu_list A:hover
{
    color: #ffffdd;
    background: #555588;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.9);
}

.count_lbl
{
    background: #00aa00;
    color: #eeeeff !important;
    font-weight: bold !important;
    padding: 1px 3px;
    border-radius: 2px;
    text-shadow: rgba(0,0,0,1) 1px 1px 2px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5);
    vertical-align: top;
}

.count_lbl.dim
{
    background: #00A3D9;
}

TABLE.dtable 
{ 
    white-space: nowrap;
}

TABLE.dtable TH 
{ 
    border-bottom: 1px dotted #aaaabb;
    font-size: 0.9rem; 
    padding: 4px;
}

TABLE.dtable TD 
{ 
    border-bottom: 1px dotted #aaaabb;
    padding: 4px;
    text-align: center;
}

.myuid
{
    font-weight: bold;
}

TABLE#chessvs
{
    border-top: 1px dotted #555566; 
    border-bottom: 1px dotted #555566;
}

TABLE#chessvs td
{
    padding: 2px 6px;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1rem;
}

.avatar
{
    float: left;
    border: 1px solid #9999bb;
    border-radius: 4px;
    background: #FFF5EB;
    padding: 0;
    margin: 0 5px 0 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

.avatar img
{
    border: 1px solid #FFF5EB;
    border-radius: 3px;
    padding: 0;
    margin: 0;
    display: block;
}

.picture
{
    float: left;
    border: 1px solid #9999bb;
    border-radius: 6px;
    background: #FFF5EB;
    padding: 0;
    margin: 4px;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.6);
}

.picture img
{
    border: 2px solid #FFF5EB;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    display: block;
}


/* important text */
.imp
{
    font-weight: bold;
    color: #E55C00;
}

/* warning text */
.wrn
{
    font-weight: bold;
    color: #dd5b00;
}

/* error text */
.err
{
    font-weight: bold;
    color: #ff0000;
}

/* dim/subtle text */
.dim
{
    color: #666666;
    font-weight: normal;
}

/* nearly invisible text */
.off
{
    color: #999999;
}

.good
{
    color: #006600;
}

/* table/column/page header */
.hdr
{
    font-weight: bold;
    background: #8585AD;
    color: #FFEECB;
}

.popmenu_outline, .popmenu, .popform
{
    position: absolute;
    display: block;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
    border: 2px solid #7A7A99;
    background: #FFF0D2;
    font-size: 1rem;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}

.popmenu
{
    border-radius: 0 3px 3px 3px;

    -webkit-animation: animation_unfold 0.5s ease-in 1;
    animation: animation_unfold 0.5s ease-in 1;
    overflow: hidden;
}

.popform
{
    background: #F8F8FF;
    border-radius: 3px;
}

@-webkit-keyframes animation_unfold { from { max-height: 0; } to { max-height: 800px; } }
@keyframes animation_unfold { from { max-height: 0; } to { max-height: 800px; } }

.popmenu .hdr, .popform .hdr
{
    font-weight: bold;
    color: #FFEECB;
    background: #606080;
    line-height: 22px;
    padding: 0 6px;
    margin: -2px -2px 0 -2px;
    border-radius: 3px;
}

.pop_list
{
    position: absolute;
    display: block;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #000000;
    background: #ffffff;
    color: #000000;
    font-size: 1rem;
    overflow: hidden;
    overflow-y: auto;
}

.pop_list_active
{
    background: #b0b0e0;
}

.price
{
    font: bold 1.1rem -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color: #008800;
}

#page_footer
{
    clear: both;
    color: #888899; 
    font-size: 0.8rem;
    line-height: 1.6rem;
    text-align: center;
    white-space: nowrap;
    background: transparent;
    border-top: 1px solid #aaaaaa;
    margin: 40px auto 4px auto;
    padding: 6px 0 120px 0;
}

#filnk
{
    color: #888899 !important;
}

#bookmark_menu
{
    position: absolute; 
    clear: both;
    float: right;
    z-index: 100;
    display: none;
    visibility: hidden;
    border: 2px solid #666699;
    background: #545465;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

#bookmark_menu div
{
    padding: 5px;
}

.star_cell
{
    position: absolute;
    overflow: hidden;
}

.star_cell IMG
{
    position: absolute;
}

.star_box
{
    position: relative;
    padding: 0;
}    

#star_img
{
    position: absolute;
    top: -500px;
}

.img_frame
{
    position: relative;
    overflow: hidden;
}

.img_frame IMG
{
    position: absolute;
}

.pvtmsg
{
    padding: 3px 3px 3px 10px;
    border-top: 1px solid #666688;
    font-size: 1rem;
}

.csmsg
{
    padding: 3px 3px 3px 10px;
    border-top: 1px solid #6666ff;
    font-size: 1rem;
}

#temp_popup_bubble
{
    position: absolute;
    z-index: 100;
    display: block;
    cursor: default;
    text-decoration: none;
    padding: 5px; 
    font-size: 0.8rem;
    color: #000000 !important;
    border: 1px solid #666699;
    background: #FFF5EB;
    border-radius: 5px;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    min-width: 100px;
}

.pop_message
{
    position: absolute;
    z-index: 110;
    display: block;
    border: 1px solid #000000;
    padding: 8px;
    cursor: default;
    color: #000000 !important;
    text-decoration: none;
    text-align: center;
    background: #FFF5EB;
    border-radius: 5px;
    box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    min-width: 100px;
}

#gk_popboard_info
{
    text-align: center;
    font-size: 0.9rem;
    padding: 0;
    width: 200px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.boardlabel td
{ 
    color: #888899; 
    font-size: 0.8rem !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.boarddiagram td
{
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.cdiag_frame
{
    border: 1px solid #000;
/*    border-radius: 3px; */
    position: relative;			/* Chrome hack */
    box-shadow: 2px 2px 10px #333;
    border-collapse: separate;		/* IE hack */
}

.cdiag_sq_b
{
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
}

.cdiag_sel
{
    border: 2px solid #3333ff; 
}

.cdiag_sel:not(.oldbrowser)
{
    border: 0;
}

.img-blank
{
    width: 1px;
    height: 1px;
    vertical-align: middle;
    padding: 0;
    border: 0;
}

/* toggle/checkbox */
A SPAN.toggle
{
    cursor: pointer;
    padding-right: 24px;
    background-size: 24px 14px;
    margin: 0 4px;
    border 0;
    background: transparent url(/img/toggle-off.svg) center right no-repeat;
}

/* zero-width space, empty spans */
A SPAN.toggle:after
{
    content: "\200B";
}

A.toggle-on SPAN.toggle
{
    background: transparent url(/img/toggle-on.svg) center right no-repeat;
}

.span-q
{
    cursor: pointer;
    padding-right: 15px;
    background: transparent url(/img/question-circle-b.svg) center right no-repeat;
    background-size: 11px 11px;
}

/* zero-width space, for empty spans */
.span-q:after
{
    content: "\200B";
}

.span-wait
{
    padding-left: 20px;
    background: transparent url(/img/wait_w.gif) center left no-repeat;
    line-height: 16px;
}

.imgs
{
    border: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.img-q, .img-act, .img-ps, .img-onl, .img-cmnt, .img-exl, .img-nw, .img-wait, .img-doc, .img-clc, .img-i
{
    border: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    padding: 0 4px 0 0;
    margin-top: -2px;
}

.img-q
{
    width: 12px;
    height: 12px;
    cursor: pointer;
    padding: 0 4px;
}

.img-nw
{
    width: 18px;
    height: 15px;
    cursor: pointer;
}

.img-exl
{
    width: 12px;
    height: 12px;
}

.img-cmnt
{
    width: 17px;
    height: 15px;
}

.img-onl
{
    width: 8px;
    height: 8px;
    cursor: pointer;
}

.img-ps
{
    width: 14px;
    height: 14px;
    padding: 0;
    margin: -4px 0 0 1px;
}

.img-act
{
    width: 8px;
    height: 8px;
}

.img-clc
{
    width: 11px;
    height: 10px;
    cursor: pointer;
}

.img-wait
{
    width: 16px;
    height: 16px;
}

.img-doc
{
    width: 13px;
    height: 15px;
}

.img-i
{
    width: 16px;
    height: 16px;
    margin: -4px 4px -2px 2px;
    padding: 0;
}

.img-sh
{
    border: 0;
    padding: 0;
    filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.6));
    margin: -4px 4px 0 4px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

#allmovesgraph TD
{
    padding: 2px;
    white-space: nowrap;
    cursor: pointer;
}

TABLE.paginator
{
    margin: 1px;
    padding: 0;
    white-space: nowrap;
}

TABLE.paginator TD, .row TABLE.paginator TD
{ 
    padding: 1px 3px;
    border: 0;
    border-right: 1px dotted #555566;
    text-align: center;
    margin: 0;
}

.list
{
    clear: both;
}

.list TH
{
    background: #666590 url(/img/grad0-24.gif) repeat-x top left;
    border: 1px solid #ffffff;
    font-weight: bold; 
    font-size: 0.8rem;
    padding: 0 2px 0 4px;
    text-align: left;
    white-space: nowrap;
    color: #FFEECB;
    vertical-align: top;
    line-height: 24px;
}

.list TH.mline
{
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.list TH A
{
    color: #FFEECB;
}

.list TD
{
    padding: 5px;
    border: 1px solid #ffffff;
    text-align: center;
}

TABLE.list TR TH:first-child
{
    border-radius: 6px 0 0 0;
}

TABLE.list TR TH:last-child
{
    border-radius: 0 6px 0 0;
}

TABLE.list TR TH:only-child
{
    border-radius: 6px 6px 0 0;
}

TABLE.list TR TH.sub
{
    border-radius: 0;
    background: #666590;
}

.odd_list, .odd_list_dim
{
    background: #E4E4F2;
}

.evn_list, .evn_list_dim
{
    background: #d8d8e6;
}

.hlt_list
{
    background: #d8d8ff;
    font-weight: bold;
}

TR.odd_list:hover TD,
TR.evn_list:hover TD
{
    background: #d8d8ff;
}

TD.tab_body
{
    background: #dddde6;
    border: 0;
}

TD.tab_active, TD.tab_inactive
{
    padding: 4px !important;
    white-space: nowrap; 
    width: 10%;
    font-size: 0.9rem;
}

TD.tab_active
{
    font-weight: bold;
    background: #dddde6;
    border-bottom: 2px solid #dddde6;
}

TD.tab_inactive
{
    font-weight: normal;
    background: #c0c0c0;
    border: 2px solid #ffffff;
}

TD.tab_empty
{
    width: auto;
    border-bottom: 2px solid #ffffff;
}

.divider, .divider_txt
{
    height: 1px; 
    line-height: 1px; 
    font-size: 1px;
    padding: 0;
    border: 0;
}

.divider
{
    background: #9999bb;
    margin: 2px 0;
}

.divider_txt
{
    background: #aaaacc;
    margin: 4px 0;
}

div.hdr_section
{
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    border: 0;
    border-radius: 5px;
    white-space: nowrap;
    margin: 4px 0 2px 0;
    background: #7A7A99;
    font-size: 0.9rem;
    font-weight: bold;
    clear: both;
    color: #FFEECB;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.5);
}

div.hdr_section,
div#gk_header,
.popmenu .hdr,
.popform .hdr,
.hdr_fancy
{
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.05) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0.05) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
}

div.hdr_section H1,
div.hdr_section H2
{
    margin: 0;
    padding: 2px 0 3px 24px;
    font-size: 0.9rem;
}

A.ext
{
    padding-left: 12px;
    background: url(/img/ext-link-w.png) no-repeat left center;
}

#google-ad-left
{
    margin-left: 15px;
    background: #ffffff;
}

.dialog TD
{
    padding: 2px 3px;
    text-align: left;
    vertical-align: middle;
}

.dialog TD.lbl
{
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.dialog INPUT, .dialog SELECT
{
    vertical-align: middle;
}

.player_white
{
    color: #777777;
    background: #ffffff;
    box-shadow: 0 0 3px rgba(0,0,0,0.6);
}

.player_black
{
    color: #999999; 
    background: #000000;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.player_white, .player_black
{
    border-radius: 3px; 
    font-weight: bold;
    font-size: 0.7rem;
}

DIV.player_white, DIV.player_black
{
    opacity: 0.7;
    width: 14px; 
    height: 14px; 
    margin: auto; 
    text-align: center;
}

.value_up
{
    color: #00aa00;
}

.value_down
{
    color: #aa0000;
}

.graph_up
{
    background: #00aa00;
}

.graph_down
{
    background: #aa0000;
}

.fig-q
{
    padding-left: 16px;
    background: transparent url(/img/fig/bq.png) center left no-repeat;
}

.fig-r
{
    padding-left: 14px;
    background: transparent url(/img/fig/br.png) center left no-repeat;
}

.fig-k
{
    padding-left: 15px;
    background: transparent url(/img/fig/bk.png) center left no-repeat;
}

.fig-n
{
    padding-left: 14px;
    background: transparent url(/img/fig/bn.png) center left no-repeat;
}

.fig-b
{
    padding-left: 16px;
    background: transparent url(/img/fig/bb.png) center left no-repeat;
}

.fig-p
{
    padding-left: 11px;
    background: transparent url(/img/fig/bp.png) center left no-repeat;
}

@font-face
{
    font-family: 'figregular';
    src: url('/img/fig.eot');
    src: url('/img/fig.eot?#iefix') format('embedded-opentype'),
         url('/img/fig.woff2') format('woff2'),
         url('/img/fig.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fig-all
{
    font-family: figregular, Tahoma, Arial, sans-serif;
}

.fullpage-form
{
    background: #cccccc;
    position: absolute;
    display: block;
    z-index: 50;
    opacity: 0.95;
}

.anno-mv-w-note
{
    background: #dddddd;
    font-style: italic;
}

TABLE.anno-info-header
{
    width: 100%;
    padding-bottom: 4px;
}

TABLE.anno-info-header TD
{
    vertical-align: top; 
    white-space: nowrap; 
    overflow: hidden;
}

TABLE.anno-info-header INPUT, TABLE.anno-info-header SELECT
{
    font-size: 0.9rem;
}

.hlt_text_dim
{
    background: #DADAED;
}

.hlt_text
{
    background: #aaaadd;
}

.hlt_text_mo
{
    background: #ccccff;
}

.hlt_frame
{
    border: 2px solid #A0A0D0;
    border-radius: 3px;
    box-shadow: 3px 3px 8px #444444;
}

#menu_after_move
{
    font-size: 0.8rem;
    margin: 2px;
    border: 1px solid #9999aa;
    padding: 2px;
}

#chess-info-header
{
    width: 90%;
}

#queen-pic
{
}

.queen-pic-bottom
{
    background: url(/img/queen-big-w.jpg) no-repeat left bottom;
    min-height: 185px;
}

.smly1, .smly2, .smly3, .smly4, .smly5, .smly6, .smly7, .smly8, .smly9, .smly10
{
    height: 16px;
    font-size: 13px;
    margin: -2px 1px;
    padding: 0 0 0 14px;
    background: transparent url(/img/i/smileys.png) no-repeat;
}

.smly1 { background-position: 0 0; }
.smly2 { background-position: 0 -32px; }
.smly3 { background-position: 0 -64px; }
.smly4 { background-position: 0 -96px; }
.smly5 { background-position: 0 -128px; }
.smly6 { background-position: 0 -160px; }
.smly7 { background-position: 0 -192px; }
.smly8 { background-position: 0 -224px; }
.smly9 { background-position: 0 -256px; }
.smly10 { background-position: 0 -288px; }

.meterbar
{
    float: left;
    background: #eeeeee;
    border-radius: 1px;
    padding: 0 2px 0 0;
    margin: 0;
    box-shadow: 0 0 3px #444;
    border-collapse: separate;	/* IE fix */
    white-space: nowrap;
}

.meterbar div 
{
    float: left;
    background: #8888ee;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    box-shadow: 1px 1px 2px #444;
    margin: 2px 0 2px 2px;
}

.meterbar div.empty
{
    background: #ddddee;
}

.fade_in, #submit-move-form
{
    -webkit-animation: animation_fade_in 1s ease 1;
    animation: animation_fade_in 1s ease 1;
}

.fade_in_fast
{
    -webkit-animation: animation_fade_in 0.2s ease-in 1;
    animation: animation_fade_in 0.2s ease-in 1;
}

@-webkit-keyframes animation_fade_in { from { opacity: 0.2; } to { opacity: 1; } }
@keyframes animation_fade_in { from { opacity: 0.2; } to { opacity: 1; } }

@-webkit-keyframes animation_fade_out { from { opacity: 1; } to { opacity: 0; } }
@keyframes animation_fade_out { from { opacity: 1; } to { opacity: 0; } }

.progress_bar
{
    border: 3px solid #444466;
    background: #444466;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.progress_bar span
{
    display: block;
    height: 20px;
    border: 0;
    border-radius: 3px;
    -webkit-transition: width 0.1s linear;
    transition: width 0.1s linear;
    background-color: #FF9933;
    background-size: 30px 30px;
    box-shadow: 0 2px 3px rgba(255,255,255,0.6) inset, 0 -2px 3px rgba(0, 0, 0, 0.3) inset;
    background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%);
}

.animate_stripes 
{
    -webkit-animation: animation_stripes 2s linear infinite;
    animation: animation_stripes 2s linear infinite;
}

@-webkit-keyframes animation_stripes { from { background-position: 0 0; } to { background-position: 60px 60px; } }
@keyframes animation_stripes { from { background-position: 0 0; } to { background-position: 60px 60px; } }

/* for survey results, etc. */
.horizontal_bar
{
    border: 2px solid #BBBBCC;
    background: #BBBBCC;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.horizontal_bar span
{
    display: block;
    height: 12px;
    border: 0;
    border-radius: 3px;
    background-color: #FF9933;
    box-shadow: 0 2px 3px rgba(255,255,255,0.6) inset, 0 -2px 3px rgba(0, 0, 0, 0.3) inset;
}

.two-columns
{
    -webkit-columns: 2 250px; 
    -moz-columns: 2 250px; 
    columns: 2 250px; 
    -webkit-column-gap: 2rem; 
    -moz-column-gap: 2rem; 
    column-gap: 2rem; 
    padding-left: 1rem;
}

.two-columns div.pp, .two-columns h3
{
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid; 
    break-inside: avoid;
}

@media (forced-colors: active) 
{
    HTML, BODY, INPUT, TEXTAREA, SELECT, .cdiag_sq_w, .cdiag_sq_b, .square_b, .square_w
    {
	forced-color-adjust: none;
    }
}



/*=== OBSOLETE, DO NOT USE, for achive.org, etc. ===*/

A.fbtn
{
    background: transparent url(/img/fancy-button.png) no-repeat right -41px;
    padding: 0 19px 0 0;
    display: inline-block;
    color: #ffffdd;
}

A.fbtn span
{
    background: transparent url(/img/fancy-button.png) no-repeat left top;
    height: 38px;
    line-height: 36px;
    padding: 0 0 0 18px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
}

A.fbtn:hover
{
    background-position: right -123px; 
    text-decoration: none;
    color: #0022aa; 
}

A.fbtn:hover span
{
    background-position: 0 -82px; 
}

A.fbtn-sml
{
    background: transparent url(/img/fancy-button-sml.png) no-repeat right -32px;
    padding: 0 13px 0 0;
    display: inline-block;
    color: #ffffdd;
}

A.fbtn-sml span
{
    background: transparent url(/img/fancy-button-sml.png) no-repeat left top;
    height: 32px;
    line-height: 30px;
    padding: 0 0 0 15px;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
}

A.fbtn-sml:hover
{
    background-position: right -96px; 
    text-decoration: none;
    color: #0022aa; 
}

A.fbtn-sml:hover span
{
    background-position: 0 -64px; 
}

/*=== OBSOLETE, DO NOT USE, for achive.org, etc. ===*/