body{
	background:#000;
	width:100%;
	padding:0px;
	margin: 0px;
	display:block;
	min-width:768px;
}
body, a, table, tr, td{
	color:#fff;
	font-family:arial,tahoma,sans-serif;
	font-size:12px;
}
table,img{
	border:0;
	padding:0;
}
td{
	text-align:center;
}
a{
	color:#ddb;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}
a:hover{
	color:#eee;
	text-decoration:none;
	font-weight:bold; 
}
*.nowrap{ white-space:nowrap; }

/* cells on the very top of the page */
div.mkddlogo{
	padding-top:5px;
	padding-bottom:5px;
}
td.playerspage{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#eee;
        background:#777;
        border-top:   3px double #556;
        border-bottom:3px double #556;
	padding:5px;
}
#layout_navbar{
	vertical-align:top;
	text-align:left;
	width:180px;
	min-width:180px;
	max-width:180px;
}
#layout_content{
	vertical-align: top;
	background:#000;
}
#mycontent{
	padding:5px;
	padding-top:10px;
	width:99%; /* hack to unbreak IE, this really ought to be 100% */
}


/* navigation - side */
table.navbar  tr th{ background:#3e586b; }
table.navbar  tr td{ background:#5a788c; }
table.navbar, table.navbarp, table.navbarn, table.navbarc{
	padding:0px;
	margin-top:10px;
}
table.navbar{ border-top:1px solid #7b99ae; }
table.navbarp, table.navbarn, table.navbarc{
	border:1px solid white;
	padding:1px;
}


table.navbar  tr td, table.navbar  tr th,
table.navbarp tr td, table.navbarp tr th,
table.navbarn tr td, table.navbarn tr th,
table.navbarc tr td, table.navbarc tr th{
	margin:0;
	display:block;
	padding:5px;
	text-align:left;
}
table.navbar  tr td, table.navbar  tr th{
	border-bottom:1px solid #7b99ae;
	border-top:   1px solid #5a788c;
	border-right: 1px solid #5a788c;
	border-left:  1px solid #5a788c;
	width:160px;
}
table.navbarp tr td, table.navbarp tr th,
table.navbarn tr td, table.navbarn tr th,
table.navbarc tr td, table.navbarc tr th{
	border:1px solid #888;
	width:156px;
}

table.navbar tr th span, table.navbar tr td span{
	color:#fff;
	padding-left:5px;
}
table.navbar tr td:hover, table.navbarp tr td:hover, table.navbarn tr td:hover, table.navbarc tr td:hover{
	background:#505060;
	border-top:   1px solid #004;
	border-bottom:1px solid #004;
	border-left:  1px solid #5a788c;
	border-right: 1px solid #5a788c;
}
table.navbar tr th, table.navbarp tr th, table.navbarn tr th, table.navbarc tr th{
	font-weight:bold;
}
table.navbar tr td, table.navbarp tr td, table.navbarn tr td, table.navbarc tr td{
	cursor:pointer;
	font-size:9pt;
}
/*p/n navbar colours defined with regular table p/n cells */

span.videolink {
        position: absolute; right: 2px;
}
span.videolink a{
        text-decoration: none;
        font-size: 9px;
}


/* footer */
#footer{
	clear: both;
}
#footer div a{
	color:#444;
	text-decoration:none;
	font-size:10px;
}
#footer div a:hover{
	color:#aa7;
	text-decoration:underline;
	font-size:10px;
}

#footerl{
	color:#222;
        width:45%;
	float:left;
        text-align:left;
	margin-left:8px;
	font-size:10px;
}
#footerr{
	color:#222;
	width:45%;
	float:right;
	text-align:right;
	margin-right:8px;
	font-size:10px;
}



/* greymatter blog controls*/
table.entry tr th img, table.archive tr th img{ float:left; padding-right:5px;}
table.entry tr th, table.archive tr th{
        background:#112;
        text-align:left;
        padding:2px;
        margin :0px;
        border-top:1px solid #333;
        border:1px solid #333;
}
table.entry tr th h3, table.archive tr th h3{
        padding:0px;
        margin :0px;
        color:#f90;
        font-size:14px;
}
table.entry tr th h4, table.archive tr th h4{
        padding:0px;
        margin :0px;
        font-size:11px;
        font-weight:normal;
        color:#ccc;
}
.raised{position:relative;top:-12px;left:12px;padding:4px;background:#fff;color:#030;}
table.entry, table.archive{
        width:100%;
        background:#223;
        margin-top:12px;
        margin-bottom:12px;

/*        border:1px solid black;
        border-top:1px solid #447;
        border-bottom:1px solid #336; */
}
table.entry tr td, table.archive tr td{
        text-align:left;
        padding:4px;
        border-left:1px solid #333;
        border-right:1px solid #333;
        border-bottom:1px solid #333;
}
/* overwrite archive stuff */
table.archive tr th h3{
        color:#888;
}
table.archive tr th{
        background:#333;
        border-top:1px solid #777;
        border:1px solid #777;
        padding-top:2px;
        padding-bottom:2px;
}
table.archive tr td{
        background:#383838;
        border-left:1px solid #777;
        border-right:1px solid #777;
        border-bottom:1px solid #777;
}
table.entryreply{
        width:95%;
        border-top:1px solid #555;
        border-bottom:1px solid #555;
}
table.entryreply td.entryreplytop{
        text-align:right;
        background:#222;
        border-bottom:1px solid #999;
}
table.entryreply td.entryreplybot{
        text-align:left;
        background:#333;
}


/* tooltip box in profiles */
span.info:hover{
        cursor:help;
}
.ttip{
        width:220px;
        padding:.4em;
        border:2px solid #ccf;
        color:#333;
        background-color:#fafae9;
        font-weight:normal;
        font-size:10px;
        text-align:left;
        display:none;
        cursor:help;
        position:absolute;
        z-index:1000;

        filter:alpha(opacity=83); /*prolly gonna break the css validation, but looks nice*/
        -moz-opacity:0.83;
}
div.ttipbefore{
        color:#369;
        font-size:12px;
        border-bottom:1px solid #369;
        display:block;
        font-weight:bold;
}
div.ttipafter {
        color:#369;
        font-size:10px;
        border-top:1px solid #369;
        display:block;
        margin-top:1px;
        text-align:center;
        font-weight:normal;
}
span.spanttip b{
        font-weight:bold;
        font-size:12px;
}


/* profile/generic headings */
table.profh{
	width:95%;
	border-bottom:1px solid #ffd700;
	margin-bottom:12px;
}
table.profh tr td{
	font-weight:bold;
	font-style:italic;
	text-align:left;
	color:#ccc;
}

/* profile/playerslist/awards */
table.playerslist tr td.chot, table.playerslist tr td.cwarm,
table.playerslist tr td.ccool, table.playerslist tr td.ccold,
table.playerslist tr td.fullset,
table.playerslist tr td.bothset,
table.playerslist tr td.partset{
        background: #808080;
        font-size:10px;
        border-color:transparent;
        border-top:1px solid #777;
        border-bottom:1px solid #888;
        border-right:1px solid #888;
	border-left:1px transparent;
}
table.playerslist tr td.chot { color:#c41; }
table.playerslist tr td.cwarm{ color:#d70; }
table.playerslist tr td.ccool{ color:#ddf; }
table.playerslist tr td.ccold{ color:#aaf; }
table.playerslist tr td.fullset{ color:#cec; }
table.playerslist tr td.partset{ color:#aaa; }
table.playerslist tr td.bothset{ color:#fff; font-weight:bold; border:1px solid #ba8; }


table.prof, table.playerslist, table.awards{
	background:#666;
}
table.prof{
	border:1px dashed #222;
	margin-bottom:12px;
	margin-top:0;
	background:#000 url('/mkdd/images/bgdark.jpg') repeat;
}
table.prof tr td.profl{
	background:#c00;
	color:#ffc;
	width:128px;
	font-size:12px;
        text-align:right;
	padding-right:5px;
	border-top   :1px solid white;
	border-bottom:1px solid #ffd700;
}
table.prof tr td.profr{
        color:#eee;
        text-align:left;
	width:200px;
        border-bottom:1px solid #ffd700;
	font-size:12px;
	padding-left:5px;
}

table.playerslist{
	color:#ddd;
	border:2px solid #222;
	width:67%;
}
table.awards{
	width:100%;
	border:2px solid #222;
}
table.playerslist tr th, table.awards tr th{
	background:#556;
	border:1px solid #444;
	border-width: 1px 1px 1px 0px;
	font-style:italic;
}
table.playerslist tr th{
	text-align:center;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}
table.awards tr th{
        color:#ffc;
}
table.awards tr td, table.playerslist tr td{
	background:#777;
        color:#eee;
        border-left:1px solid #888;
        border-top:1px solid #888; 
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}
table.awards tr td.left, table.playerslist tr td.left{
	text-align:left;
}




/* tables and charts... */
div.breadcrumb{
	width:100%;
	text-align:right;
	font-size:11px;
	color:#ccc;
	border-top:1px solid #777;
	border-right:1px solid #777;
}
div.breadcrumb a:hover{
	font-size:11px;
	color:#ddb;
	text-decoration:underline;
}
div.breadcrumb a{
	font-size:11px;
	color:#ddd;
	text-decoration:none;
	font-weight:bold;
}
div.title{
	width:100%;
	text-align:left;
	border-bottom:1px solid #777;
	border-left:1px solid #777;
	font-size:12px;
	color:#ccc;
	margin-bottom:10px;
	margin-top:-4px;
}
table.p, table.n, table.c, table.ladder{
	width:100%;
}
table.ladder67{ width:67%;  }
table.halfwide{	width:50%;  }
table.fullwide{ width:100%; }
table.ladder, table.ladder67, table.tally, table.halfwide{
	border:1px solid #002;
	background:#444;
}
table.p, table.n, table.c{
	padding:0;
	border:0;
}
table.c tr th, table.navbarc tr th{ background:#36a; }
table.c tr td, table.navbarc tr td{ background:#36d; position:relative; }
table.n tr th, table.navbarn tr th{ background:#253; }
table.n tr td, table.navbarn tr td{ background:#476; position:relative;}
table.p tr th, table.navbarp tr th{ background:#511; }
table.p tr td, table.navbarp tr td{ background:#734; position:relative;}
table.c tr td.timep{ background:#856 }
table.c tr td.timen{ background:#588 }

table.n tr td.stdbreak{ background:#577; border:transparent; height:1px; max-height:1px; line-height:1px; }
table.p tr td.stdbreak{ background:#856; border:transparent; height:1px; max-height:1px; line-height:1px; }
table.c tr td.stdbreak{ background:#56b; border:transparent; height:1px; max-height:1px; line-height:1px; }

table.c tr td.statcode{	background:#56b; border-top:1px solid #779; border-right:1px solid #67c; border-left:1px transparent; }
table.p tr td.statcode{	background:#856; border-top:1px solid #a77; border-right:1px solid #977; border-left:1px transparent; }
table.n tr td.statcode{	background:#577; border-top:1px solid #797; border-right:1px solid #688; border-left:1px transparent; }
table.p tr td.statcode  , table.n tr td.statcode  , table.c tr td.statcode,
table.p tr td.statcode a, table.n tr td.statcode a, table.c tr td.statcode a{
	color:#aaa;
	font-weight:bold;
	font-size:11px;
	font-family:monospace;
}
table.p tr th, table.n tr th, table.c tr th{
	color:#eee;
	border-left:1px;
	border-top:1px solid #ffd700;
	border-bottom:1px solid #ddf;
	border-right:1px transparent;
	font-style:italic;
}
table.c{ background:#3f6fff;}
table.c tr td{
	border-left:1px transparent;
	border-top:1px solid #3f6fff;
	border-bottom:1px solid #36a;
	border-right:1px solid #36e;
}
table.p{ background:#634; }
table.p tr td{ 
	border-left:1px transparent;
	border-top:1px solid #934;
	border-bottom:1px solid #634;
	border-right:1px solid #834;
}
table.n{ background: #486; }
table.n tr td{
	border-left:1px transparent;
	border-top:1px solid #486;
	border-bottom:1px solid #466;
	border-right:1px solid #486;
}
table.p tr td.stdwr, table.p td th.stdwr,
table.n tr td.stdwr, table.n tr th.stdwr,
table.c tr td.stdwr, table.c tr th.stdwr,
table.ladder   tr td.stdwr, table.ladder   tr th.stdwr,
table.ladder67 tr td.stdwr, table.ladder67 tr th.stdwr, span.stdwr{
/*	background:#885; border:1px solid #663;	color:#eee;*/
	background:#ffd700;
	border:1px solid #fd4;
	color:#04b;
	font-weight:bold;
}
table.p tr td.stdyou, table.p tr th.stdyou,
table.n tr td.stdyou, table.n tr th.stdyou,
table.c tr td.stdyou, table.c tr th.stdyou,
table.ladder   tr td.stdyou, table.ladder   tr th.stdyou,
table.ladder67 tr td.stdyou, table.ladder67 tr th.stdyou, span.stdyou{
	background:#557;
	font-weight:bold;
	color:#fff;
	border:1px solid #977;
}
table.p tr td.hl, table.n tr td.hl, table.c tr td.hl, table.ladder tr td.hl, table.ladder67 tr td.hl{
	background:#ffd700;
	color:#04b;
	font-weight:bold;
	border:1px solid #fd4;
}
table.ladder tr td.hlmiss, table.ladder67 tr td.hlmiss,
table.p tr td.hlmiss, table.n tr td.hlmiss, table.c tr td.hlmiss{
        background:#ffff00;
        color:#0050aa;
        font-size:9px;
        font-style:italic;
        border:1px transparent;
}
td.tot, td.tot a{
	font-size:11px;
	font-weight:bold;
	font-family:monospace, serif;
}
table.p tr td.statdistrib, table.n tr td.statdistrib, table.c tr td.statdistrib{
	text-align:left;
	white-space:nowrap;
	font-size:9px;
	line-height:8px;
	padding-top:1px;
	padding-bottom:1px;
	width:110px;
	min-width:110px;
	max-width:110px;
}
table.ladder tr th, table.ladder67 tr th, table.tally tr th{
        background:#434;
        color:#eee;
	font-style:italic;
        border-left:1px solid #555;
        border-top :1px solid #555;
}
table.p tr td.tot, table.n tr td.tot, table.c tr td.tot,
table.ladder tr td, table.ladder67 tr td, table.tally tr td, table tr td.tot{
        background:#656;
        color:#ddd;
        border-left  :1px solid #656;
	border-right :1px solid #656;
        border-top   :1px solid #999;
	border-bottom:1px transparent;
}
table.p tr td.vswin, table.n tr td.vswin, table.c tr td.vswin,
table.ladder tr td.vswin, table.ladder67 tr td.vswin{
	color:#fff;
	font-weight:bold;
}
table.p tr td.vslos, table.n tr td.vslos, table.c tr td.vslos,
table.ladder tr td.vslos, table.ladder67 tr td.vslos{
	color:#999;
}



/* faq and search */
div.search{
	background:#5a788c;
	color:#eee;
	text-align:left;
	padding-left:20px;
	padding:5px;
	text-align:left;
	border:1px solid #7b99ae;
	width:50%;
}
dl.faq dt{ color:#aae; }
dl.faq dd{ font-size:12px; font-weight:normal; margin-bottom:10px; margin-top:4px; }

/* join page and polls */
div.join {
        background:#18181e;
        text-align:left;
        font-weight:normal;
        padding:5px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
	font-size:11px;
}
/* tables in the polls pages*/
table.u{border-bottom:1px dashed white;border-top:1px dashed white; text-align:left}
table.u td, table.u td.u{text-align:left;font-weight:normal}
table.u th, table.u th.u{text-align:left;border-bottom:1px dashed white}
table.u td.uu, td.uu{color:#999;text-align:left;font-weight:normal}
tr.uu td, tr.uu td.u, tr.uu td.uu{text-align:left;font-weight:normal;color:#999} /* grayed-out rows */


/* etc */
span.wr60{ color:#dad; font-weight:bold; }
span.wr50{ color:#1ad; font-weight:bold; }
span.wr  { color:#ff0; font-weight:bold; }
span.orange{ color:#f90; }
span.gold{ color:#ffd700; }
span.underline{ font-weight:bold; }
span.g{ color:#aaa; }
.underline{ text-decoration:underline; }
.left{ text-align:left; }
.tiny{
	font-size:10px;
	padding:0;
}
table.tiny tr td, table.tiny tr td{
	font-size:10px;
	padding:0;
}

a.tinyg, span.tinyg{
	color:#777;
	text-decoration:underline;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
}
a.tinyg:hover{
	color:#aa7;
	text-decoration:none;
	font-size:10px;
	padding-left:3px;
	padding-right:3px;
}
span.tinyg{ text-decoration:none; color:#999; }