/*
 * Basics
 */
body		{ margin: 0px; padding: 0px; background: #9393d7; }
body.header	{ margin: 0px; padding: 8px; background: #9393d7; background-image: url('http://layout.asobrain.com/headerback.gif'); color: white; text-align: left; }
body.content	{ margin: 0px 0px 20px 10px; }
body.menu	{ margin: 0px; padding: 0px; width: 100%; height: 100%; background-image: url('http://layout.asobrain.com/menuback.gif'); color: white; text-align: center; }
body.applet	{ margin: 0px; padding: 0px; background: #5a78be; text-align: center; overflow: hidden; }
body.applet applet { margin: 0px; padding: 0px; min-height: 450px; min-width: 700px; width: 100%; height: 100%vh; }

/* defaults */
body,table,td,th,p,li,dt,dd,a
{
	font-family: verdana,arial,sans-serif; font-weight: normal; font-size: 13px;
	text-decoration: none; text-align: left;
	color: white;
}

h1,h2,h3,h4,h5	{ text-decoration: none; font-family: arial,helvetica,sans-serif; }
h1,h2		{ margin: 10px 10px 5px 10px; border-bottom: #6868af 2px solid; font-size: 18px; font-weight: normal; }
h1:first-letter,
h2:first-letter	{ padding: 2px 2px 0px 2px; background: #6868af; border: #202070 1px solid; font-weight: bold; color: white; }
h3		{ margin: 0px 10px 0px 30px; font-size: 10pt; font-weight: normal; }
h4		{ margin: 0px 0px 0px 40px; text-decoration: none; font-weight: bold; font-size: 10pt; }
h4:first-letter	{ background: #8b8bca; border: #9b9bda 1px solid; }

p		{ margin: 0px 0px 15px 2px; color: white; }
p:first-letter	{ margin: 0px 0px 0px 10px; padding: 3px 3px 1px 3px; background: #9b9bda; border: #8b8bca 1px solid; font-size: 12pt; color: white; }
a		{ text-decoration: none; color: #ffffbb; }
a:visited	{ color: #eeeeaa; }
a:hover		{ color: #ffff00; }

ul		{ margin: 5px 0px 20px 40px; }
li		{ margin: 5px 0px 5px 0px; }

div.error	{ margin: 10px 100px; padding: 5px 20px; background: #ae6ea1; border: #ff0000 1px solid; text-align: center; }

img.icon	{ margin-bottom: -3px; border: 0px; }
img.smily	{ margin: -3px 0px -3px 0px; }

form		{ margin: 0px; padding: 0px; }
input.text, textarea, select { color: black; border: #000000 1px solid; }
input.minimal	{ padding: 0px 5px; background: #9393D7; color: white; border-top: #8b8bca 1px solid; border-bottom: #8b8bca 1px solid; border-left: 0px; border-right: 0px; }
textarea	{ white-space: pre-wrap; }

/* Old table */
table.tablecontainer
{
	margin: 0px 20px;
	max-width: 800px;
	background-image: url( "http://layout.asobrain.com/table/tablehead.gif" );
	background-repeat: no-repeat;
}
table.tablecontainersmall
{
	margin: 0px 0px -10px 0px;
	background-image: url( "http://layout.asobrain.com/table/tableheadsmall.gif" ); background-repeat: no-repeat;
}
table.tabletitle 	{ padding: 0px; }
th.tablehead, th.tableheadsmall
{
	background-repeat: no-repeat;
	border-right: #6868af 2px solid;
	text-align: left;
}
th.tablehead		{ height: 44px; }
th.tableheadsmall	{ height: 32px; }
th.tablefoot
{
	padding: 0px 0px 10px 0px; height: 30px;
	background-image: url( "http://layout.asobrain.com/table/tablefoot.gif" ); background-repeat: no-repeat; 
	background-position: 100% 100%;
	vertical-align: bottom; text-align: right;
}
/* Footer */
div.footer	{ text-align: center; font-size: 11px; }
div.footer a	{ font-size: 11px; }
.gameDisclaimers 	{ text-align: center; }
.gameDisclaimers div	{ margin: 10px auto; max-width: 800px; }
.gameDisclaimers div,
.gameDisclaimers a 	{ font-size: 10px; }
/* Menu */
body.menuleft			{ text-align: center; }
body.menuleft table.menu	{ width: 90%; height: 100%; }
body.menuleft table.menu td	{ text-align: center; vertical-align: bottom; }
body.menuleft table.menu a	{ font-size: 10px; }
/* Panel */
div.panel			{ min-width: 300px; max-width: 840px; display: inline-block; }
.panel div.header		{ height: 42px; border-right: #5c5c6d 1px solid; text-align: left; }
.panel div.header		{ background-image: url( 'http://layout.asobrain.com/panel/panel.gif' ); background-repeat: no-repeat; }
.panel div.header h1, 
	.panel div.header h2	{ margin: 0px; border-bottom: 0px; }
.panel div.footer		{ height: 30px; background-image: url( 'http://layout.asobrain.com/panel/panel.gif' ); background-repeat: no-repeat; background-position: bottom right; text-align: right; line-height: 30px; }
.panel div.body			{ border-right: #5c5c6d 1px solid; padding: 4px; text-align: left; }
/* Menu Step wrapper */
table.stepwrapper			{ border-collapse: collapse; margin-right: 15%; }
.stepwrapper td				{ padding: 0px; vertical-align: top; }
.stepwrapper div.steps div		{ width: 200px; height: 50px; padding: 10px 0px 0px 10px; }
.stepwrapper div.steps div a            { color: white; font-size: 12pt; }
.stepwrapper div.steps div              { background: url( 'http://layout.asobrain.com/panel/steps.gif' ); background-position: 0px -18px; }
.stepwrapper div.steps div.idle         { }
.stepwrapper div.steps div.inactive     { background-position: 0px -78px; }
.stepwrapper div.steps div.active       { background-position: 0px -138px; }
.stepwrapper div.steps div.success      { background-position: 0px -198px; }
.stepwrapper div.steps div.fail         { background-position: 0px -258px; }
.stepwrapper div.steps div.contra       { background: url( 'http://layout.asobrain.com/panel/stepcontra.png' ); }
.stepwrapper div.steps div.contra	{ height: 50px; background-position: bottom right; background-repeat: no-repeat; }
.stepwrapper div.panel			{ margin: 0px; }

/*
 * Home
 */
div.home	{ text-align: left; max-width: 1024px; }
div.home p	{ margin: 0px 0px 15px 2px; }
div.home table.tablecontainer	{ margin-bottom: 0px; margin-right: 10px; }
div.home table.wrapper 		{ border: 0px; }
div.home table.news		{ border-spacing: 0px; }
div.home table.wrapper tr.welcomepanel td 	{ width: 816px; }
div.home table.wrapper tr.welcomepanel a	{ white-space: nowrap; }
div.home .welcomepanel div 	{ display: inline-block; margin: 0px 8px; width: 260px; vertical-align: top; }
div.home table.wrapper tr.welcomepanel img.thegames
{
	margin: 10px 10px 0px 40px;
	border: 0px;
	float: right;
}
div.home .notepadpanel		{ display: inline-block; vertical-align: top; text-align: left; }
div.home .newspanel		{ display: inline-block; vertical-align: top; text-align: right; }
div.home table.wrapper td.knowpanel
{
	white-space: nowrap;
}
div.home table.wrapper td.knowpanel span.subject, div.home table.wrapper td.knowpanel a.subject
{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffbb;	
}
div.home span.fact, span.fact a
{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
}
div.home span.fact span.factsubject, span.fact a.factsubject
{
	font-weight: bold;
	color: #ffffbb;
}
div.home span.fact span.factvalue, div.home span.fact a.factvalue
{
	font-weight: bold;
}

div.home .onlinepanel			{}
div.home .onlinepanel table.news	{ width: auto; border-spacing: 0px; }
div.home .onlinepanel table.news th	{ min-width: 100px; text-align: center;	white-space: nowrap; }
div.home .onlinepanel table.news td	{ white-space: nowrap; }

.homegames		{ display: block; }
.homegame		{ display: inline-block; margin: 8px 8px; padding: 0px; overflow: hidden; text-align: center; vertical-align: top;  }
.homegame		{ border: #202080 1px solid; border-radius: 7px; }
.homegame .title	{ display: block; padding: 2px 8px 4px 8px; text-align: center; }
.homegame .title	{ background: #6868af; font-size: 14px; color: white; }
.homegame .playerCount	{ display: block; margin: 4px; padding: 4px; }
.homegame .gameCount	{ display: block; margin: 4px; padding: 4px; }
.homegame .preview img	{ width: 160px; height: 90px; border-bottom: #202080 1px solid; }
.homegame .expansions	{ margin: 12px 0px; height: 66px; }
.homegame .online	{ margin: 12px 0px; }
.homegame .ranking	{ margin: 12px 0px; }
.homegame ul		{ margin: 2px; padding: 0px; list-style-type: none; }
.homegame li		{ margin: 4px 6px; padding: 0px; font-size: 11px; }
.homegame li:first-letter { padding-left: 24px; background-repeat: no-repeat; background-position: 0px -1px; background-size: 15px 15px; }
.homegame li a 		{ font-size: 11px; }
.homegame .expansions li:first-letter { background-image: url( 'http://layout.asobrain.com/listitem.png' ); }
.homegame .online li:first-letter { background-image: url( 'http://icons.asobrain.com/online.gif' ); }
.homegame .ranking li:first-letter { background-image: url( 'http://icons.asobrain.com/ranking/cupgold.gif' ); }

table.clocks			{ border-spacing: 32px 4px; }
table.clocks tr.times td	{ text-align: center; width: 100px; padding: 0px 10px; }
table.clocks tr.zones th	{ background: #6868af; border-top: #202080 1px solid; border-bottom: #202080 1px solid; font-size: 11px; text-align: center; }
/* Clock */
svg.clock circle.body	{ fill: #6868af; stroke: #202080; stroke-width: 2px; }
svg.clock line.tick	{ stroke: #202080; stroke-width: 0.5px; }
svg.clock line.hand	{ stroke: #ffffff; stroke-width: 2px; }
svg.clock text.meridiem { fill: #9393d7; font-family: verdana,arial,sans-serif;	font-size: 11px; }
svg.clock circle.dot	{ fill: #ff0000; }
/* News */
div.newsarticle h1 		{ font-size: 16pt; margin: 0px 10px 4px 0px; border-bottom: #6868AF 2px solid; }
div.newsarticle h1:first-letter { font-size: 18pt; }
div.newsarticle h2		{ width: 300px;	font-family: verdana,arial,sans-serif; font-size: 15px; margin-top: 32px; margin-left: 0px; border-bottom: #6868AF 1px solid; white-space: nowrap; }
div.newsarticle h2:first-letter { border: 0px; background: none; font-weight: normal; padding: 0px; }
div.newsarticle p		{ margin-bottom: 8px; font-size: 12px; }
div.newsarticle p:first-letter	{ font-size: 15px; background: none; border: 0px; margin: 0px; padding: 0px; }
div.newsarticle ul		{ margin: 10px; padding: 0px 0px; list-style-type: none; }
div.newsarticle li		{ margin: 8px; padding: 0px 0px; }
div.newsarticle li:first-letter { padding-left: 24px; background-image: url( 'http://layout.asobrain.com/listitem.png' ); background-repeat: no-repeat;	background-position: 0px 2px; }
div.newsarticle div.ps		{ margin-top: 16px; margin-bottom: 8px; margin-left: 8px; margin-right: 8px; padding: 8px 16px; border: #ffffff 1px dotted; border-radius: 8px; }
/* Old Games table/panel */
.gamestable 			{ border-spacing: 0px; }
.gamestable TH			{ padding: 4px 10px 4px 10px; background: #6868AF; border-bottom: #202070 2px solid; font-size: 10pt; font-weight: bold; color: white; }
.gamestable TR.light TH		{ padding: 4px 10px 4px 10px; background: #9393D7; border-bottom: #202070 2px solid; font-size: 10pt; font-weight: bold; color: white; }
.gamestable TD			{ padding: 4px 5px 4px 5px; font-size: 10pt; text-align: left; color: white; }
.gamestable TH A:visited	{ color: #DDDDDD; }
.gamestable TH A:hover		{ color: yellow; }
.gamestable TR.even TD,
.gamestable TD.even, 
.gamestable TD.evennarrow	{ background: #9393D7; border-top: #9393D7 1px solid; border-bottom:  #9393D7 1px solid; }
.gamestable TR.odd TD,
.gamestable TD.odd,
.gamestable TD.oddnarrow	{ background: #9B9BDA; border-top: #8B8BCA 1px solid; border-bottom:  #8B8BCA 1px solid; }
.gamestable TD.odddark				{ background: #6868AF; }
.gamestable TR:hover TD,
.gamestable TD.hover, 
.gamestable TD.hovernarrow{ background: #6868AF; border-top: #202070 1px solid; border-bottom: #202070 1px solid; }
.gamestable TD.evennarrow, .gamestable TD.oddnarrow, .gamestable TD.hovernarrow { font-size: 10px; padding: 1px 7px 1px 7px; height: 16px; }
.gamestable TD.evennarrow A, .gamestable TD.oddnarrow A, .gamestable TD.hovernarrow A { font-size: 10px; }
.gamestable TR.hilite TD,
.gamestable TD.hilite				{ background: #6868AF; border-top: #202070 1px solid; border-bottom: #202070 1px solid; }
/* Old simple table / newstable */
TABLE.news			{ border: #262677 1px solid; margin: 10px 10px 20px 10px; width: 350px; }
.news TH			{ padding: 4px 5px 4px 5px; font-size: 12px; text-align: left; background: #6868AF; color: white; }
TD.news1, TD.news2		{ padding: 3px 5px 3px 5px; text-align: right; white-space: nowrap; font-size: 11px; }
TD.newstext2, TD.newstext1	{ padding: 3px 5px 3px 5px; text-align: left;  white-space: nowrap; font-size: 11px; vertical-align: top; }
TD.news1 			{ background: #9393D7; border-top: #9393D7 1px solid; border-bottom: #8B8BCA 1px solid; }
TD.news2 			{ background: #9B9BDA; border-top: #9B9BDA 1px solid; border-bottom: #8B8BCA 1px solid; }
TD.newstext1 			{ background: #9393D7; border-top: #9393D7 1px solid; border-bottom: #8B8BCA 1px solid; }
TD.newstext2			{ background: #9B9BDA; border-top: #9B9BDA 1px solid; border-bottom: #8B8BCA 1px solid; }
.news A				{ font-size: 11px; text-decoration: none; }
/* Games table */
table.games			{ border-spacing: 0px; }
table.games th			{ padding: 2px 10px; border-bottom: #202080 2px solid; font-weight: bold; }
table.games td			{ padding: 1px 8px; cursor: pointer; border-bottom: #8b8bca 1px solid; text-align: right; font-size: 10px; color: white; white-space: nowrap; }
table.games td a		{ font-size: 10px; color: #ffffbb; text-decoration: none; }
table.games tr.even td		{ background: #9b9bda; border-top: #9b9bda 1px solid; }
table.games tr.odd td		{ background: #9393d7; border-top: #9393d7 1px solid; }
table.games td.time		{ width: 30px; }
table.games td.map		{ text-align: left; }
table.games td.me, table.games td.op 						{ text-align: left; width: 125px; }
table.games td.me, table.games tr.even td.me, table.games tr.odd td.me 		{ background: #7d7dc1; border: #6868af 1px solid; }
table.games td.win, table.games td.lose, table.games td.tie 			{ width: 24px; font-weight: bold; color: black; }
table.games td.win, table.games tr.even td.win, table.games tr.odd td.win 	{ background: #d6f2e2; border: #638171 2px solid; }
table.games td.lose, table.games tr.even td.lose, table.games tr.odd td.lose 	{ background: #f2d6e2; border: #816371 2px solid; }
table.games td.tie, table.games tr.even td.tie, table.games tr.odd td.tie	{ background: #f2f2e2; border: #818171 2px solid; }
table.games tr:hover td.time, table.games tr:hover td.op, table.games tr:hover td.grade { background: #6868af; border-top: #202080 1px solid; border-bottom: #202080 1px solid; }
table.games tr.period td	{ padding-top: 10px; border-bottom: #202080 2px solid; text-align: left; font-size: 14px; }
table.games tr.header td	{ text-align: left; }
table.games td.decay		{ text-align: left; }
table.games td.decay, table.games td.decay a { color: #202080; font-weight: bold; }
table.games tr.loadmore td	{ padding: 16px; text-align: center; border: 0px; }
table.games a.loadmore
{
	padding: 1px 24px;
	background: #6868af;
	border: #313152 1px solid;
	border-radius: 1px;
	box-shadow: 1px 1px 1px #a4a4cf inset, 1px 1px 1px #a4a4cf, -1px -1px 1px #565690 inset;
	font-size: 14px;
	color: white;
}
table.games a.loadmore:hover
{
	background: #9393d7;
	box-shadow: 1px 1px 1px #bebee7 inset, 1px 1px 1px #7979b1, -1px -1px 1px #7979b1 inset;
}
/* Ranking */
div.periodoptions	{ text-align: center; }
div.pageoptions		{ text-align: center; }
div.gameoptions		{ text-align: center; }
div.gameoption,div.gameoptionsub { display: inline-block; margin: 0px 10px; padding: 3px 4px 0px 4px; }
div.gameoptionsub	{ background: #9b9bda; border: #8b8bca 1px solid; }
div.subgameoptions	{ float: right; margin: 0px 8px 3px 8px; font-size: 11px; text-align: left; line-height: 14px; }
div.subgameoptions a	{ font-size: 11px; }

.settings TD		{ border-top: #6C7BB0 1px solid; text-align: left; }

/* Ranking Top (/ranking/index.php) */
table.rankingtopgrid {}
table.rankingtopgrid tr.even td		{ background-color: #9393d7; border-top: #9393d7 1px solid;; border-bottom: #9393d7 1px solid; }
table.rankingtopgrid tr.odd td		{ background-color: #9b9bda; border-top: #8b8bca 1px solid; border-bottom: #8b8bca 1px solid; }
table.rankingtopgrid tr.even:hover td, table.rankingtopgrid tr.odd:hover td { background-color: #6868af; border-top: #202080 1px solid; border-bottom: #202080 1px solid; }
table.rankingtopgrid td.rankingtopcell	{ padding: 10px; text-align: center; vertical-align: top; }
table.rankingtopgrid td.rank		{ width: 24px; padding: 0px 8px; vertical-align: middle; }
table.rankingtopgrid td.rank image	{ border: 0px; margin-top: 0px;	margin-bottom: -4px; }
table.rankingtopgrid td.movement	{ width: 16px; padding: 0px; }
table.rankingtopgrid td.player		{ width: 200px;	text-align: left; white-space: nowrap; background-position: right; background-repeat: no-repeat; }
table.rankingtopgrid td.player a.clan	{ font-size: 10px; }
table.rankingtopgrid td.player img.flag, table.rankingtopgrid td.player span.flag { margin: 0px; float: right; }
table.rankingtopgrid td.points		{ width: 30px; font-size: 12pt;	padding-right: 8px; text-align: right; }

/* Play */
/* lobby list */
TABLE.lobby		{ border: #262677 1px solid; margin: 10px 10px 20px 10px; }
.lobby TH		{ padding: 4px 5px 4px 5px; font-size: 8pt; text-align: left; background: #BBCEE1; }
TD.lobby1L, TD.lobby2L	{ padding: 3px 20px 3px 10px; text-align: left; white-space: nowrap; font-size: 8pt; border: #FFFFFF 1px solid; }
TD.lobby1R, TD.lobby2R	{ padding: 3px 10px 3px 20px; text-align: right; white-space: nowrap; font-size: 8pt; border: #FFFFFF 1px solid; }
TD.lobby1L, TD.lobby1R 	{ background: #DBE8F4; }
TD.lobby2L, TD.lobby2R 	{ background: #BBCEE1; }
TD.lobbytab		{ font-size: 3pt; border-top: 1px solid; border-bottom: 1px solid; }

div.lobbyplayerspeek	{ width: 170px; height: 300px; overflow-y: auto; background: #ffa; border: #000 1px solid; color: #000; text-align: left; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
div.lobbyplayers	{ padding: 2px 0px; background: #ffa; font-family: verdana, arial, sans-serif; }
div.lobbyplayers .title	{ padding: 0px 4px; font-weight: bold; }
div.lobbyplayers .player { padding: 0px 8px; border-top: #ffa 1px solid; border-bottom: #ffa 1px solid; font-size: 11px; white-space: nowrap; cursor: pointer; }
div.lobbyplayers .player:hover { background: #fff; border-top: #000 1px solid; border-bottom: #000 1px solid; }
/* permission mode */
div.permissionmodes div.permissionmode span.title
{
	display: inline-block; padding: 1px 1px; width: 150px;
	border: #a4a4cf 1px solid; border-radius: 10px; background: #6868af;
	text-align: center; white-space: nowrap; font-size: 12px; color: white;
}
div.permissionmodes div.permissionmode:hover span.title { background: #202080; cursor: pointer; }
div.permissionmodes div.permissionmode span.description { margin-left: 10px; color: white; font-size: 11px; }
/* Launch Options */
.launchOptions .warning, 
.launchOptions .info,
.launchOptions .check		{ padding: 4px 8px; border: 1px solid; border-radius: 5px; white-space: nowrap; color: white; }
.launchOptions div.warning, 
.launchOptions div.info,
.launchOptions div.check	{ margin: 4px 0px; padding: 4px 10px; font-size: 11px; white-space: normal; }
/* IE8 */ .launchOptions .warning { border-color: #f00; } .launchOptions .info { border-color: #ff0; } .launchOptions .check { border-color: #0f0; } /* IE8 */
.launchOptions .warning 	{ border-color: rgba(255,0,0,0.5); background: rgba(255,0,0,0.1); }
.launchOptions .info		{ border-color: rgba(255,255,0,0.5); background: rgba(255,255,0,0.2); }
.launchOptions .check		{ border-color: rgba(0,255,0,0.5); background: rgba(0,255,0,0.1); }
.launchBar			{ margin: 8px 0px 4px 0px; padding: 4px 0px; }
/* FAQ */
div.faq2014 h3			{ margin: 0px 4px; font-size: 15px; }
div.faq2014 p			{ font-size: 12px; }
div.faq2014 p:first-letter	{ font-size: 15px; margin: 0px; padding: 0px; border: 0px; background: none; }
div.faq2014 img.etiquetteicon	{ float: left; margin: 12px; }
div.faq2014 ul			{ margin: 10px; padding: 0px 0px; list-style-type: none; }
div.faq2014 li			{ margin: 6px; padding: 0px 0px; }
div.faq2014 li:first-letter
{
	padding-left: 24px;
	background-image: url( 'http://layout.asobrain.com/listitem.png' ); background-repeat: no-repeat; background-position: 0px 2px;
}

/* Sprites */
span.flag	{ display: inline-block; margin: -4px 2px; padding: 0px; width: 22px; height: 16px; background-color: #6868af; }
span.flags	{ display: inline-block; margin: -4px 2px; padding: 0px; width: 22px; height: 16px; background-color: #6868af; background-image: url("http://icons.asobrain.net/flags.png" ); line-height: 16px; text-align: center; }
span.smiley	{ display: inline-block; margin: -2px 2px; padding: 0px; width: 15px; height: 15px; }

span.online, span.heart, span.heartexpired, span.banned, span.like, span.displike
{ display: inline-block; margin: 0px 4px -3px 0px; width: 16px; height: 16px; background-image: url("http://icons.asobrain.com/playericons.png"); }
span.heart	{ background-position: 0px -16px; }
span.heartexpired { background-position: 0px -32px; }
span.banned	{ background-position: 0px -48px; }
span.like	{ background-position: 0px -64px; }
span.dislike	{ background-position: 0px -80px; }
span.heartbeat	{ display: inline-block; margin: 0px 4px -3px 0px; width: 16px; height: 16px; background-image: url("http://icons.asobrain.com/heartbeat.gif"); }

span.smallcup	{ display: inline-block; margin-bottom: -4px; padding: 0px; width: 20px; height: 24px; background-image: url("http://icons.asobrain.com/ranking/smallcups.gif"); }
span.movement	{ display: inline-block; margin-top: 4px; width: 16px; height: 16px; background-image: url("http://icons.asobrain.com/ranking/movement.gif"); }

span.bigbutton, span.smallbutton, span.ballbutton, span.radio-idle, span.radio-active
{ display: inline-block; margin: 0px; background-image: url("http://layout.asobrain.com/button/shadedbuttons.gif"); text-align: center; font-size: 13px; font-weight: bold; color: white; cursor: pointer; }
span.bigbutton	{ width: 141px; height: 28px; line-height: 26px; background-position: 0px 0px; }	span.bigbutton:hover { background-position: -141px 0px; }
span.radio-idle	{ width: 141px; height: 28px; line-height: 26px; background-position: 0px -28px; }	span.radio-idle:hover { background-position: -141px -28px; }
span.radio-active{ width: 141px; height: 28px; line-height: 26px; background-position: 0px -56px; }	span.radio-active:hover { background-position: -141px -56px; }
span.ballbutton { width: 28px; height: 28px; line-height: 26px; background-position: 0px -84px; }	span.ballbutton:hover { background-position: -141px -84px; }
span.smallbutton{ width: 141px; height: 20px; line-height: 18px; background-position: 0px -112px; }	span.smallbutton:hover { background-position: -141px -112px; }

span.allroundbutton, span.xplorersbutton, span.toulousebutton, span.matchbutton, span.roadblockbutton, span.ingeniousbutton
{ display: inline-block; margin: 0px; width: 66px; height: 42px; background-image: url("http://layout.asobrain.com/button/gamebuttons.png"); cursor: pointer; }
span.allroundbutton	{ background-position: 0px 0px; }	span.allroundbutton:hover 	{ background-position: 0px -42px; }
span.xplorersbutton	{ background-position: -66px 0px; }	span.xplorersbutton:hover 	{ background-position: -66px -42px; }
span.toulousebutton	{ background-position: -132px 0px; }	span.toulousebutton:hover 	{ background-position: -132px -42px; }
span.ingeniousbutton	{ background-position: -330px 0px; }	span.ingeniousbutton:hover 	{ background-position: -330px -42px; }
span.matchbutton	{ background-position: -198px 0px; }	span.matchbutton:hover		{ background-position: -198px -42px; }
span.roadblockbutton	{ background-position: -264px 0px; }	span.roadblockbutton:hover 	{ background-position: -264px -42px; }

span.agent	{ display: inline-block; margin: -1px 6px -5px 6px; width: 20px; height: 20px; background: url("http://icons.asobrain.net/agents/agents.png" ) }

/* Breadcrumbs */
div.breadcrumbs 	{ margin: 2px 20px; display: block; text-align: right; font-size: 10px; white-space: nowrap; }
div.breadcrumbs div, div.breadcrumbs div span div.breadcrumbs div a { display: inline-block; font-size: 10px; white-space: nowrap; }

/* Heartbeat */
.donationtarget div             { display: inline-block; margin: 0px; padding: 0px; width: 80px; height: 90px; }
.donationtarget span            { position: absolute; margin: 0px; padding: 0px; width: 80px; border: 0px; text-align: center; }
.donationtarget span.progress   { height: 90px; }
.donationtarget span.percentage { height: 70px; font-size: 16px; color: white; height: 70px; line-height: 70px; }
.donationtarget span.status     { height: 20px; margin-top: 70px; font-size: 12px; color: black; line-height: 18px; }
.donationtarget div.Heartbeat   { background: url( 'http://layout.asobrain.com/heartbeat/heartbeat-target.png' ); }
.donationtarget div.Heartbeat span.progress { background: url( 'http://layout.asobrain.com/heartbeat/heartbeat-target.png' ); background-position: -80px 0px; }
.donationtarget div.Server      { background: url( 'http://layout.asobrain.com/heartbeat/heartbeat-target-server.png' ); }
.donationtarget div.Server span.progress { background: url( 'http://layout.asobrain.com/heartbeat/heartbeat-target-server.png' ); background-position: -80px 0px; }

/* Forms */
p.forminfo			{ font-size: 13px; }
p.forminfo::first-letter	{ margin: 0px; padding: 0px; background: none; border: 0px; }
.formfield			{ margin: 0px 0px 4px 0px; padding: 4px 8px; background: #9b9bda; border: #8b8bca 1px solid; border-radius: 8px; white-space: nowrap; font-size: 13px; color: white; }
.formfield .title, .formfield .edit, .formfield .readonly, .formfield .submit { display: inline-block; margin: 0px; padding: 0px; height: 20px; line-height: 20px; }
.formfield .title		{ float: left; padding-right: 8px; width: 150px; text-align: right; }
.formfield .edit input		{ padding: 0px 8px; height: 20px; background: #9393d7; border: #6868af 1px solid; border-radius: 4px; color: white; }
.formfield .readonly 		{ padding-left: 8px; background: #9b9bda; }
.formfield .readonly .hilite	{ color: yellow; }
.formfield .submit		{ float: right; }
.formfield .submit input	{ width: 150px; height: 20px; font-size: 14px; color: white; cursor: pointer; }
.formfield .submit input	{ background: #6868af; border-top: #fff 1px solid; border-right: #000 1px solid; border-bottom: #000 1px solid; border-left: #fff 1px solid; border-radius: 8px; }
.formfield .error		{ margin: 8px 0px 0px 0px; padding: 2px; background: rgba(255,0,0,0.1); border: #f00 1px dotted; border-radius: 6px; white-space: normal; }
.formfield .notification	{ margin: 8px 0px 0px 0px; padding: 2px; background: rgba(255,255,0,0.1); border: #ff0 1px dotted; border-radius: 6px; white-space: normal; }
hr.formdivider			{ border: 0px; border-bottom: #6868af 2px solid; border-collapse: collapse; }

/* Simple Table */
table.simple			{ border-spacing: 0px; }
.simple th			{ padding: 3px 16px; border-bottom: #6868af 2px solid; font-weight: bold; white-space: nowrap; }
.simple td			{ padding: 2px 8px; vertical-align: top; white-space: nowrap; font-size: 12px; }
.simple tr.even td		{ background: #9393d7; border-bottom: #8b8bca 1px solid; border-top: #9393d7 1px solid; }
.simple tr.odd td		{ background: #9b9bda; border-bottom: #8b8bca 1px solid; border-top: #9b9bda 1px solid; }
.simple tr.even:hover td,
.simple tr.odd:hover td		{ background: #6868af; border-bottom: #202080 1px solid; border-top: #202080 1px solid; }
.simple tr.footer td		{ padding: 3px 16px; border-top: #6868af 2px solid; }
.simple tr.footer td,
.simple tr.footer a		{ font-size: 10px; }

/* Tournament */
.home .tournamentMatches { margin-bottom: 10px; }
.home .tournamentMatches .simple td { font-size: 11px; }
.home .tournamentMatches .simple a { font-size: 11px; }
.tournaments input,
.tournaments select		{ margin: 1px; background: #c6c6f1; border: #202080 1px solid; }
.tournamentMenu			{ margin: 16px 8px 32px 8px; text-align: center; }
.tournamentMenu .menuRow	{ margin: 4px; white-space: nowrap; }
.tournamentMenu .localclock 	{ width: 64px; margin: 0px 16px 0px 64px; float: right; text-align: center; }