html { background-color: #79c; }

body#yahoo-com.yui-skin-sam { font-family: 'Trebuchet MS', sans-serif; }
/*body#yahoo-com.yui-skin-sam { font-family: arial,helvetica,clean,sans-serif; }*/

td {vertical-align: top;}
p { padding-top: 5px; padding-bottom: 5px;}

#custom-doc850, #playerinfobox { 
	background-color: white; 
	border: 1px dotted black; 
	padding: 3px;
	margin:auto;text-align:left; /* leave unchanged */
	margin-bottom: 20px;
}

#custom-doc850{
	width:65.38em;/* non-IE */
	*width:63.81em;/* IE */
	min-width:850px;/* optional but recommended */
}

#playerinfobox {
	width:56.66em;/* non-IE */
	*width:55.30em;/* IE */
	min-width:750px;/* optional but recommended */
	border: 0;
	margin: 0px;
}

.siteheader { font-size: 130%; padding: 3px; background: #FB5998; height: 33px; padding-bottom: 10px; padding-left: 10px;}
.siteheader span { float: right; padding-top: 18px; margin-right: 10px; }
#siteheader a { color: white;}
#siteheader a:hover { color: white;}
.logo { font-size: 200%;}

#ft { margin-top: 15px; padding-top: 5px; border-top: 1px dotted black; font-size: 80%; }

a { text-decoration: none; xcolor: #226; }

a:hover{text-decoration:underline;}


.playerpicblock { float: left; }
.playergraphblock { float: right; }
.playercontentblock { float: left; margin-left: 5px; margin-right: 5px; width: 490px;}
.playernavblock { float: left; margin-left: 10px; margin-right: 5px; }

.playerpic { border: 1px solid black; }

.playergraphcontrols { text-align: center; }
.playergraphcontrols a { margin-right: 10px; }
.playergraph { padding-top: 10px; }


.playerheader { height: 140px; margin: 0 5px; }

.playername { font-size: 150%; font-weight: bold; padding-bottom: 10px; }
.residence, .deceased { font-size: 80%; vertical-align: center; }

#playerinfobox .playername { font-size: 130%; }


.playerheaderinfo { border: 1px solid #3B5998; color: white;}
.playerheaderinfo { float: left; margin: 8px 3px 0 0; padding-bottom: 3px; xwidth: 80px;  }
td .playerheaderinfo { float: none; }

.infobox .playerheaderinfo { float: none; }
.playergraphblock { padding-right: 10px; position: relative;  }
.playerheaderinfo div, .playergraphblock p { text-align: center; padding: 0 3px 0 3px;}
.playerheaderinfo .header , .playergraphblock p  { padding: 2px 0 5px 0; }
.playerheaderinfo .header { xwidth: 100%; }
.playergraphblock  p{ font-weight: bold; margin: 0; }
.playernavblock  { padding: 2px 0 5px 15px; }
.playerheaderinfo .stat { font-size: 150%; color: black;}
.playerheaderinfo .comment { font-size: 80%; color: black;}
.playerheaderinfo { margin-top: 0; }

.datalabel { font-size: 120%; font-weight: bold; margin-top: 10px; }

.xtdatatable { width: 100%; }

.xtdatatable .headerrow td { vertical-align: bottom;  }

.xtdatatable td { padding: 0 3px 0 3px; margin: 3px 0 3px 0; }
.xtdatatable .tdr { text-align: right; }
.xtdatatable .tdc { text-align: center; }
.xtdatatable tr .datalabel { padding-top: 10px; padding-left: 0; }

.gamedetails { width: 700px; margin: 3px 0 10px 0px; }
.detailarrow { background-image: url('/i/arrow_downright.png'); background-repeat: no-repeat; background-position: top right;
				padding-left: 50px; float: left; width: 36px; height: 25px; }

.optionsdlg { width: 12px; height: 16px; background: url('/i/options.png') no-repeat scroll 0 2px;}

.moneyknown { visibility: hidden; }

.unranked { font-size: 80%; }

.nowrap { white-space: nowrap; }

/* COLORS */
/* #3B5998 */

.xtdatatable .row0 { }
.xtdatatable .row1 { background-color: #def; }
.xtdatatable .glow { background-color: #cdf; }
.headerrow { background-color: #3B5998; vertical-align: bottom; color: white; }
.headerrow a { color: #ccf;}

.titlerow { background-color: #3B5998; vertical-align: bottom; color: white; }
.titlerow a { color: #ccf;}
.playerheaderinfo .header , .playergraphblock p, .playernavblock .header, .sectionheader { background-color: #3B5998;  }
.gamedetails { border: 1px dotted #f80; border-bottom: 3px solid #f80; }

.ratingup { color: #090; }
.ratingdown { color: #900; }
.peakrating { color: #666; }
.newrating { font-weight: bold; }
.newpeak { color: red; }
.moneyest { color: gray; }

.collapsiblesection { margin-right: 5px;  }
.collapsiblesection .header { background-color: #3B5998; padding: 0 5px 2px; color: white; }
.collapsiblesection div { border: 1px solid #3B5998; }
.collapsiblesection div div { border-width: 0;}
.collapsiblesection p { margin: 5px;}

#yui-gen6 .xtmenuchecked { background-color: #7B89c8; }
/* #yui-gen6 .xtmenuchecked { background: transparent url(http://yui.yahooapis.com/2.3.1/build/assets/skins/sam/sprite.png) repeat-x scroll 0pt -1400px; } */

.yuimenubaritem .xtmenuchecked
{ 
	border-color: #404040;
    /*background:transparent url(http://yui.yahooapis.com/2.3.1/build/assets/skins/sam/sprite.png) repeat-x scroll 0 -1400px;*/
	background-color: #7B89c8;
	color: black; 
}

.yuimenubar .selected { background:transparent url(http://yui.yahooapis.com/2.3.1/build/assets/skins/sam/sprite.png) no-repeat scroll 5px -1000px; } 

.yuimenubaritemlabel 
.lookupmatch { background-color: #dde; }
.cursituation, #lastmoveblock, .unplayedinfo, .rackinfo, .movessofar , #notesblock, #commentsblock, .infoblock { border: 1px dotted #3B5998; }
.movesseparator { border-left: 1px dotted #3B5998; }
.movecurselector { background-color: #3B5998; color: white;}

.yuimenubaritemlabel { font-weight: bold; }
.infoblock { padding: 5px; }

#xtmenus .yuimenubaritemlabel { width: 65px; text-transform: uppercase; font-weight: bold; }
#xtmenus { border-left: 0; border-right: 0; margin-bottom: 10px; }
#xtplayermenus { border-left: 0; border-right: 0; }

#infobox { border: 2px solid #3B5998; background-color: white; position: absolute; 
			min-height: 160px; min-width: 750px; visibility: hidden; padding: 0; margin: 0; }

#infobox .headerrow { padding: 0 5px 0 5px; margin-bottom: 5px; background-color: #3B5998;}			

.supportus { border: 1px solid black; padding: 6px; background-color: rgb(221, 221, 221); font-size: 16px; }

.anchorfield     { padding-left: 15px; background:transparent url(/i/magglass.png) no-repeat scroll center center; }
.anchorloading { padding-left: 15px; background:transparent url(/i/loading.gif) no-repeat scroll center center; }

.tentconfirm     { padding-left: 15px; text-decoration: underline; }

.expanderclosed { padding-left: 15px; background:transparent url(/i/toggle-plus.png) no-repeat scroll 0 2px; }
.expanderopen { padding-left: 15px; background:transparent url(/i/toggle-minus.png) no-repeat scroll 0 2px; }

#playerinfo { min-height: 150px; padding: 5px; }

#playerinfobox .playernavblock { height: 100%; padding-right: 5px; border-right: 1px dotted gray; }

.choice td { padding: 3px; }
.nobr {white-space: nowrap;}
.error { border: 1px solid black; background-color: #fdd; padding: 5px; }

#custom-doc850 { padding: 0; border: 1px solid #3B5998; }
.siteheader { background-color: #3B5998; color: white; }

#bd, #ft { padding: 0 5px 0 5px; }
#entrantstable { margin-right: 10px; width: 100%; }
#entrantstable .rightcolumn { padding-left: 30px; }
.directorcontrols { padding-bottom: 15px; }
#newplayerloading { padding-top: 30px; display: none; }
.bd { z-index: 1; }
#autocompleteplayer { z-index: 9999; }

	.score { text-align: right; }
	.tile, .tileunseen { background-color: white; text-align: center; 
							border: 1px solid gray; font-size: 140%; 
							font-weight: bold; font-family: Courier, sans-serif; }
	.tile { position: absolute; }
	.tileunseen { margin: 3px; }
	.tilejustplayed { background-color: #fc8; }
	.thegrid { position: relative; height: 405px; width: 405px; background-image: url(/annotated/i/board.jpg); border: 1px solid blue; }
	.cursituation table { width: 75%; }
	.cursituation th, .movessofar th { font-weight: bold; }
	.movessofar { width: 60%; }
	.movessofar table { width: 100%; }
	.movessofar td, .movessofar th { padding: 4px;  }

	.movesseparator { min-width: 30px; background-color: blue; }
	#lastmove, #lastrack { font-weight: bold; }
	.cursituation, #lastmoveblock, .unplayedinfo, .rackinfo, .movessofar, #notesblock, #commentsblock { margin-bottom: 10px; margin-right: 20px; padding: 5px; }
	.movessofar { margin-top: 10px; }
	.boardgrid { width: 100%; }
	.boardcell { width: 430px; }
	#notesblock li { list-style-type: disc; list-style-position: inside; }
	#notesblock p, #commentsblock p { font-weight: bold; }
	
	.playerdivider { border-right: 1px dotted #fc8; }

	.moveselector { border: 1px solid transparent; padding: 0 2px; margin: 0 -3px;}
	
.graphperselector { position: absolute; right: 0; top: 2px; font-size: 90%; }

.csw-tourney .tourney-name { font-style: italic;}
.csw-tourney .rating { font-style: italic;}