/* Sevilla.css                                                */
/* This template (C)2006-2012 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                           */
.MainTitle 
{

	text-align: left;
	color: #ffffff;
    margin-bottom: 5px;
    margin-top: 20px;
    // text-shadow: 2px 2px 0 #FFFFFF;
    font-size:26px;
    font-weight: bold;
    border: none;
    width: 550px;
}

/* Logo is the style for the logo                             */
.Logo
{
	text-align: center;
	width: 250px;
	padding-top: 8px;

}


/* style for the line in the competition info table           */
/* containing the group name                                  */
.GroupInfoHeader
{
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
}

/* 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                  */

/* MenuRow is the style for a row in the menu table           */
.MenuRow
{
	// background-color: #CCCCCC;
}

/* menu group name are additional attributes for the group    */
/* name in the menu                                           */
.MenuGroupName
{
	font-weight:bold;
}

/* 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;
}

/* playerdatamainline is the style for the name line of the   */
/* player data table.                                         */
.PlayerDataHeader
{
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
}

/* GameListHeader is the style for the header row of          */
/* a table with games                                         */
.GameListHeader
{
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
}

/* PlayerListTitle is the style for the title row of the table*/
/* with players                                               */
.PlayerListTitle
{
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}

/* PlayerListHeader is the style for the header row of        */
/* a table containing the list of players                     */
.PlayerListHeader
{
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
}

/* RankingTable is the style for a table a ranking            */
.RankingTable, .XRefTable, .GameTable, .PlayerListTable, .PlayerDataTable, .GameListTable, .CompInfoTable, .MenuTable
{
    box-shadow: 4px 4px 4px #B5B5B5;
    margin-bottom: 5px;
    width: 550px;
    background-color: #E6E6E6;
}

 .MenuTable
 {
 	width: 220px;
 	background-color: #E6E6E6;
 	margin-right: 20px;
 }

.PlayerDataTable
 {
 	width: 220px;
 	background-color: #E6E6E6;
 	margin-right: 20px;
 }

/* RankingTitle is the style for the title row in the ranking */
/* headers                                                    */
.RankingTitle
{
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}

/* RankingHeader is the style for the header row of           */
/* a table containing a ranking                               */
.RankingHeader
{
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
}


/* XRefHeader is the style for the header row of              */
/* an xref table                                              */
.XRefHeader
{
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
/*	writing-mode: tb-rl; */
/*	filter: flipv fliph; */
/*	layout-flow: vertical-ideographic; */
/*	direction: ttb; */
/*	block-progression: lr; */
}

/* 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;
}

/* 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;
}


/* 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: 2;
	padding-bottom: 2;
	padding-left: 8;
	padding-right: 8;
	// 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: #000000;
	background-color: #CCCCCC;
}

/* Board is the overall format for the board area             */
.Board
{
	text-align: center;
}

/* MoveListContainer describes the table that holds the moves */
.MoveListContainer
{
	vertical-align:top;
	width: 180px;
	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;
}

/* MoveListText is the text container of moves (text style)   */
.MoveListText
{
	padding: 0;
	vertical-align: top;
	border-style: solid;
	border-color: black;
	border-width: thin;
}

/* 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: #d8f0d8;
}

/* 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: #d8f0d8;
}

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

body
{
	background-color: #C2C2C2;
	font: 14px "Trebuchet MS",Calibri,sans-serif;
	position:relative;
	left: 10%;
    background: url("http://www.svberolinamitte.de/files/theme/berolina_hintergrund.jpg") repeat-x scroll left top #C2C2C2;
    font: 14px "Trebuchet MS",Calibri,sans-serif;

}

ul
{
	padding-left: 10px;
	margin-left: 10px;
}

.Maintable td,.Maintable th
{
    border-bottom: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
    min-width: 15px;
    padding-left: 4px;
    padding-right: 4px;
    vertical-align: top;

}

a
{
	color: #282828;
}

.CompInfoTable
{
	display:none;
	
}

br
{
	line-height: 5px;
}

table br
{
	line-height: 18px;
}