* {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #336;
	background-color: #448;
	background-color: #338;
	font-family: "Courier New", Courier, monospace;
	color: #F99;
	font-size: 82%;
	font-weight: bold;
	margin-left:0px;
	margin-top:0px
}

h1, h2, h3, li, p, td, th {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	margin-bottom: 1em;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; color: #EEF; margin-top: 1em;}

hr {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	/* margin-left: 0.5em; */
	margin-right: 0.5em;
	}

li, p  {
	font-size: 12px;
	line-height: 15px;
}

li, p, td  {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
}

li {
	margin-left: 1.5em;
}

p {
	margin-bottom: 0.75em;
}


p.messageinfo {
	color: #000;
	font-size: 10px;
}
	
p.description {
	font-size:0.85em; 
	line-height: 1.2em;
	margin: 0;
	margin-bottom: 1em; 
	xmargin-left: 1em; 
	margin-right: 0.5em;
	padding: 0;
	padding-left: 1em;;
}
	
img.messageinfo {
	border: 0;
	float: left;
}

img.player {
	border: 0;
}


xtable {
	padding-left: 3px;
	padding-right: 3px;
}



div.captains_log {
	background-color: #336;
	color: #FFF;	
	border:0;
	margin-top: 2em;
	margin-right: 2em;
	padding: 0.7em;
	width:95%; 
	max-width:50em; 
}

.captains_log .logdate {
	text-align:right;
}

.captains_log p {
	margin-bottom: 0.5em;
}

.captains_log p.signature {
	margin-left: 2em;	
	}
.captains_log p.signature:first-letter {
	font-size: 120%;
}



table.message {
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
	margin-bottom: 1em;
	max-width: 900px;
	padding-right: 100px;
	padding-left: 5px;
	table-layout: fixed;
	width: 100%;
}

table.outerframe {
	background-image:url(images/cards338.png); 
	background-repeat:no-repeat; 
	background-position:center top;
	border: 0;
	padding-left: 0.2em;
	width: 99%;
}

table.opendeck {
	background-image:url(images/cards_l.png); 
	background-repeat:no-repeat; 
	background-position:center;
}

table.smiley {
	border: 0;
	border-collapse: collapse;
	width: 90%;
}

table.smiley td {
	border: dotted 1px #99C; 
	width: 25%;
	height: 100%;
	vertical-align: bottom;
}

td.message {
	padding: 0.5em;
	padding-top: 0.0em;
	vertical-align: top;
}
td.number {
	/* font-family: Courier New, monospaced; */
	padding-right: 0.2em;
	text-align: right;
}
	
table.cardlist td {
	text-align: center;
	}

table.opendeck td {
	text-align: center;
	}

div.messageinfo {
	margin-top: 0.0em;
	padding: 0.5em;
	padding-top: 0.0em;
	height:100px;
	}
td.messageinfo {
	padding: 0.0em;
	vertical-align: top;
	width: 175px;
	background : #C8D2B8 url(images/_b_clouds.png) no-repeat;
}


tr.highlight {
	background-color: #669;
	color: #FF9;
}	

tr.highlight td {
	background-color: #669;
	color: #FF9;
}

.highlight {
	background-color: #336;
	color: #FFC;
}	


tr.list td {
	border-bottom: 1px dashed #999;
}
	
td.small {
	font-size: 10px;
	font-weight: normal}
td.smallcentered {
	font-size: 10px;
	font-weight: normal;
	alignment:center;
	text-align:center}
	
	
td.menu {
	padding-right: 0.5em;
	vertical-align: top;
	width: 234px;
}
td.menu p {
	width: 230px;
}	

td.menu a {
	width: 200px;
}

.menu hr {
  margin-top: -5px;
}


th {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	text-align : center;
}

th.message {
	padding: 5px;
	text-align: left;
	}
th.small {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	text-align : center;
	}


p.firstletter {
	line-height: 150%;
	}
p.firstletter:first-letter {
	font-size: 150%;
	font-weight: normal;
 }

p.input {
	background-color: #CCC;
	color: #000;
	font-family: "Courier New", Courier, mono;
	font-size: 1em;
	padding: 0.3em;
	width:40em; 
	height:5em;
}
 
.messageinfo_bottom {
	background : url(images/_b_ocean.png) repeat-x;
	color:#DDFFDD;
	font-size: 90%;
	font-weight:bold;
	height : 27px;
	bottom : 0px;
	left : 0;
	margin: 0;
	padding: 0;
	position : relative;
	text-align: center;
	vertical-align: middle;
}
 
 
.playeractive {
	color: #CCF;
	}

.playeractiveself {
	color: #FF9;
	}

.playerremoved {
	color: #FC9;
	text-decoration:line-through;
	}


.selection {
	border: dotted 1px #9999CC; 
	float:left;
	}
	

	
	

a:active, a:visited, a:link {
	color: #CCC;
	border-bottom: 1px dotted #CCC;
	text-decoration: none;
}
a:hover {
	border-top: 1px solid #DDF;
	border-bottom: 1px solid #DDF;
	color: #EEF;
	text-decoration: none;
}


a:active.active, a:visited.active, a:link.active, a:hover.active {
	border-bottom: 1px dashed #FF9;
	color: #FF9;
	/* text-decoration: blink; */
	}
a:hover.active {
	border-top: 1px solid #FF9;
	border-bottom: 1px solid #FF9;
}




a:active.silent, a:visited.silent, a:link.silent, a:hover.silent {
	border: none;
	text-decoration: none;
}


a:hover.logout {
	background-color: #FCC;
	border-top: 1px solid #F33;
	border-bottom: 1px solid #F33;
	color: #F33;
}



.infopage {
	padding: 0.5em;
	width: 550px;
	}
	
	
.manager {
	padding: 0.5em;
}
	
.manager table.info {
	border: 1px solid #99F;
	border-collapse: collapse;
	border-spacing: 0.5em;
	
}

.info td {
	border: 1px dotted #99C;
	padding: 0.0em;
}


img.flag {
	height:32px !important;
	width:32px !important;
}

img.poeppel {
	height:20px !important;
	width:20px !important;
}