/* Sevilla.css                                                
/* This template (C)2006-2016 JBF Software                    
/* Created by JP Hendriks                                     
/* http://www.jbfsoftware.com                                 
/*                                                            
/* Default style sheet for use with webtool                   
/* You may freely modify this style sheet according to your   
/* taste                                                      
/* MainTitle is the overall style for the main data block     
/* which is the part that contains the unique (player, round, 
/* ....) data for the specific page     */


/* 2020-SEP FDO : Changed to fit style from https://www.giessenlinge.nl/ */

@import "https://fonts.googleapis.com/css?family=Roboto%3A400%2C300%2C100%7CRoboto+Slab%3A700%2C400&ver=5.2.7";
table {
    border-collapse: collapse;
}

.MainTitle {
    border-style: solid;
    border-width: thin;
    background-color: #77CC6D;
    width: 798px;
    max-width: 798px;
    text-align: center;
}


/* MainTitleRow is the style for a row in the main title      */

.MainTitleRow {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
}


/* SingleLineTitle is the overall style for the single line   */


/* data block.                                                */

.SingleLineTitle {
    border-style: solid;
    border-width: thin;
    width: 360px;
    text-align: center;
}

table.SingleLineTitle {
    width: 628px;
    margin-left: 170px;
    max-width: 628px;
}


/* SingleLineRow is the style for the row in the singleLine   */

.SingleLineRow {
    background-color: #e8f8e8;
    font-size: 8pt;
}


/* MemoTitle is the overall style for the memo                */

.Memo {
    border-style: solid;
    border-width: thin;
}


/* MemoRow is the style for the row in the memo               */

.MemoRow {
    background-color: #e8f8e8;
    font-size: 8pt;
}


/* Logo is the style for the logo                             */

.Logo {
    vertical-align: top;
    border-style: solid;
    border-width: thin;
}


/* CompInfoTable is the style for the general competition     */


/* and group data found at the start of each page             */

.CompInfoTable {
    border-style: solid;
    border-width: thin;
    width: 798px;
}


/* style for the line in the competition info table           */


/* containing the competition name                            */

.CompInfoHeader {
    font-weight: bold;
    text-align: center;
    background-color: #e8e8e8;
}


/* style for the other competition info - caption             */

.CompInfoCaption {
    background-color: white;
}


/* style for the other competition info - value               */

.CompInfoValue {
    background-color: white;
}


/* style for the line in the competition info table           */


/* containing the group name                                  */

.GroupInfoHeader {
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #77CC6D;
}


/* MainTable holds the style of the main table                */

.MainTable {
    border-style: none;
    vertical-align: top;
}


/* MenuTable is the style used for the "menu structure"       */


/* containing the links to the various pages                  */

.MenuTable {
    border-style: solid;
    border-width: thin;
    width: 160px;
    vertical-align: top;
}


/* MenuRow is the style for a row in the menu table           */

.MenuRow {
    background-color: #bef5b8;
}


/* menu group name are additional attributes for the group    */


/* name in the menu                                           */

.MenuGroupName {
    font-weight: unset;
}


/* CountryFlag is the style for the Country flags             */

.CountryFlag {
    vertical-align: middle;
}


/* SmallPict is the style for a small player picture          */

.SmallPict {
    vertical-align: middle;
}


/* NormalPict is the style for a normal player picture        */

.NormalPict {
    vertical-align: middle;
}


/* LargePict is the style for a large player picture          */


/* This style is currently not used by Sevilla                */

.LargePict {
    vertical-align: middle;
}


/* playerdata is the style for the table with player data     */

.PlayerDataTable {
    border-style: solid;
    border-width: thin;
    width: 180px;
    vertical-align: top;
}


/* playerdatamainline is the style for the name line of the   */


/* player data table.                                         */

.PlayerDataHeader {
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #77CC6D;
}


/* PlayerWebLink formats the cells where the player web links */


/* are shown                                                  */

.PlayerWebLink {
    text-align: center;
}


/* style for the other player info - fixed labels             */

.PlayerDataCaption {
    background-color: white;
}


/* style for the other player info - values                   */

.PlayerDataValue {
    background-color: white;
}


/* GameListTable is the style for a table with games          */

.GameListTable {
    border-style: solid;
    border-width: thin;
    width: 628px;
    max-width: 628px;
}


/* FdO : GameListTable in player-overview must be smaller */

#PlayerInfoTable.GameListTable {
    width: 448px;
    max-width: 448px;
}


/* GameListHeader is the style for the header row of          */


/* a table with games                                         */

.GameListHeader {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
}


/* GameListOddLine is the style for rows in a game list with  */


/* oddindexes                                                 */

.GameListOddLine {
    background-color: white;
}


/* GameListEvenLine is the style for rows in a game list with */


/* even indexes                                               */

.GameListEvenLine {
    background-color: #bef5b8;
}


/* PlayerListTable is the style for a table with the          */


/* participating players                                      */

.PlayerListTable {
    border-style: solid;
    border-width: thin;
    width: 628px;
    max-width: 628px;
}


/* PlayerListTitle is the style for the title row of the table*/


/* with players                                               */

.PlayerListTitle {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
    text-align: center;
}


/* PlayerListHeader is the style for the header row of        */


/* a table containing the list of players                     */

.PlayerListHeader {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
}


/* PlayerListOddLine is the style for rows in a ranking with  */


/* odd indexes                                                */

.PlayerListOddLine {
    background-color: white;
}


/* PlayerListEvenLine is the style for rows in a player list  */


/* with even indexes                                          */

.PlayerListEvenLine {
    background-color: #bef5b8;
}


/* RankingTable is the style for a table a ranking            */

.RankingTable {
    border-style: solid;
    border-width: thin;
    width: 628px;
    max-width: 628px;
}


/* RankingTitle is the style for the title row in the ranking */


/* headers                                                    */

.RankingTitle {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
    text-align: center;
}


/* RankingHeader is the style for the header row of           */


/* a table containing a ranking                               */

.RankingHeader {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
}


/* RankingOddLine is the style for rows in a ranking with odd */


/* indexes                                                    */

.RankingOddLine {
    background-color: white;
}


/* RankingEvenLine is the style for rows in a ranking with    */


/* even indexes                                               */

.RankingEvenLine {
    background-color: #bef5b8;
}


/* XRefTable is the style for a table with an xref            */

.XRefTable {
    border-style: solid;
    border-width: thin;
}


/* XRefHeader is the style for the header row of              */


/* an xref table                                              */

.XRefHeader {
    color: white;
    background-color: #77CC6D;
    font-weight: bold;
    vertical-align: bottom;
}


/* XRefOddline is the style for rows in an xref with odd      */


/* indexes                                                    */

.XRefOddLine {
    background-color: white;
}


/* XRefEvenline is the style for rows in an xref with         */


/* even indexes                                               */

.XRefEvenLine {
    background-color: #bef5b8;
}


/* XRefCell is special styling for cells of an XRef, game file*/


/* progress chart or color chart table                        */


/* you may use this class to get a fixed width of the columns */


/* maybe in conjunction with the table's id.                  */

.XRefCell {}


/* XRefAxis is special styling for the cells that are not     */


/* applicable, because they refer to the same player. This is */


/* top left to bottom right diagonal.                         */

.XRefAxis {}


/* GameLink is the style for the small image, linking to the  */


/* game viewer. The default image is a small pawn, right to   */


/* the result                                                 */

.GameLink {
    float: right;
    cursor: pointer;
}


/* GameFrame is the style for the IFRAME element including    */


/* the game viewer                                            */


/* Ideally the attributes used should work with HTML5 but     */


/* practically this is different                              */

.GameFrame {
    /*	overflow:hidden; */
    /*	border-width:0px; */
}


/* ShowBoard is the style used for a board begin shown        */


/* It is unlikely you need to change this                     */

.ShowBoard {
    display: block;
    position: fixed;
    top: 60px;
    left: 70px;
    width: 520px;
    height: 368px;
}

* html .ShowBoard {
    position: absolute;
    width: 528px;
    height: 376px;
    top: expression(eval(document.body.scrollTop+70));
}


/* HideBboard is the style used for a board begin hidden      */


/* It is unlikely you need to change this                     */

.HideBoard {
    display: none;
}


/* GameTable is the style used to set up the game display area*/

.GameTable {
    border-style: solid;
    border-width: thin;
    background-color: white;
}


/* Navigate and NavigateDisabled control the format of the    */


/* navigation buttons First, Previous, Next and Last          */

.Navigate,
.NavigateDisabled {
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    border-style: solid;
    border-color: black;
    border-width: thin;
}

.Navigate {
    cursor: pointer;
}

.NavigateDisabled {
    background-color: #808080;
    cursor: auto;
}


/* PGNLink is the format for the link to the PGN page         */

.PGNLink {
    vertical-align: middle;
    text-align: center;
    font-size: xx-small;
}


/* Game data is the overall format for the game data          */


/* include white, black and result                            */

.GameData {
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #77CC6D;
}


/* Board is the overall format for the board area             */

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


/* BoardSquare is specific styling for a square               */

.BoardSquare {}


/* PieceImage is styling for the piece image                  */

.PieceImage {
    display: block;
}


/* MoveListContainer describes the table that holds the moves */

.MoveListContainer {
    vertical-align: top;
    width: 180px;
    height: 280px;
    overflow: auto;
}


/* MoveListContainerRows describes the table that holds the   */


/* moves in rows layout style                                 */

.MoveListContainerRows {
    vertical-align: top;
    width: 450px;
    max-height: 280px;
    overflow: auto;
}


/* MoveList is the table that holds the moves (table style)   */

.MoveList {
    padding: 0;
    vertical-align: top;
    border-left-style: solid;
    border-top-style: solid;
    border-left-color: black;
    border-top-color: black;
    border-width: thin;
    line-height: 10.5pt;
}


/* MoveListText is the text container of moves (text style)   */

.MoveListText {
    padding: 0;
    vertical-align: top;
    border-style: solid;
    border-color: black;
    border-width: thin;
    line-height: 10.5pt;
}


/* MoveListRows is the text container of moves (text style)   */


/* rows layout                                                */

.MoveListRows {
    padding: 0;
    vertical-align: top;
    border-style: solid;
    border-color: black;
    border-width: 0px;
    line-height: 10.5pt;
}


/* The Move is the format of the move (table style)           */

.Move,
.SelectedMove {
    font-family: "lucida console", courier, sans-serif;
    text-align: center;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: black;
    border-bottom-color: black;
    border-width: thin;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}


/* MoveText is the format of moves (text style)               */

.MoveText,
.SelectedMoveText {
    cursor: pointer;
}


/* MoveTextMainLine is the format of main line moves          */


/* (text style)                                               */

.MoveTextMainLine {
    font-weight: bold;
}


/* MoveTextVariation is the format of variation moves         */


/* (text style)                                               */

.MoveTextVariation {
    font-style: italic;
}


/* SelectedMove holds additional format for the move currently*/


/* on the board.                                              */

.SelectedMove,
.SelectedMoveText {
    background-color: white;
}


/* MoveComment is the style used for displaying comments in   */


/* a text styled move list.                                   */

.MoveComment {
    font-style: italic;
}


/* Hovering modification.                                     */

.Move:hover,
.Navigate:hover,
.MoveText:hover {
    background-color: white;
}


/* below are constraints for 'ordinary' html tag rendering    */

body {
    background-color: #ffffff;
    color: #666666;
    font: 16px 'Roboto', sans-serif;
    line-height: 20px;
    word-wrap: break-word;
    font-weight: 300;
    padding-left: calc(50vw - 400px);
}

ul {
    padding-left: 10px;
    list-style: none;
}

td,
th {
    font-family: 'Roboto', sans-serif;
}

td {
    padding: 5px 2px 5px 2px;
}

td:not(:last-child) {
    border-right: solid 1px #eee;
}

tr.RankingHeader>td {
    border-right: unset;
}

tr.GameListHeader>td {
    border-right: unset;
}

tr.XRefHeader>td {
    border-right: unset;
}

tr.PlayerListHeader>td {
    border-right: unset;
}

td.MainTable {
    border-right: unset;
}

a {
    color: #666666;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}