@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;

}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* */



#dropdownpanel { /*Outermost Panel DIV*/
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	visibility:hidden;
}
#dropdownpanel .contentdiv { /*Div containing Ajax content*/
	background:url(../img/panelback.png) left bottom;
	color: black;
	padding: 5px 10px;
}
#dropdownpanel .control { /*Div containing panel button*/
	/*border-top: 5px solid #D6C5A7;*/
color: white;
	font-weight: bold;
	text-align: right;
	background: transparent url("../img/panel.gif") right center no-repeat; /*change panel.gif to your own if desired*/
	padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
	height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
	line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}
#login {
	position:relative;
	width:898px;
	margin:0 auto;
}
span.controltext {
	padding-right:40px;
}
/* */
body {
	background: #fff;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
}
.oneColFixCtrHdr #container {
	width: 898px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColFixCtrHdr #header {
	height: 221px;
	background-image: url(../img/tuckerhead.jpg);
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.oneColFixCtrHdr #mainContent {
	background-color: #FFFFFF;
	background-image: url(../img/tuckercontentback.jpg);
	background-repeat:no-repeat;
	padding-top: 25px;
	padding-left: 10px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.oneColFixCtrHdr #container #nav1 {
	background-image: url(../img/tuckernav1.jpg);
	height: 39px;
	width: 100%;
}
.oneColFixCtrHdr #container #nav2 {
	background-image: url(../img/tuckernav2.jpg);
	height: 22px;
	width: 100%;
}
/* */
#nav1 ul {
	padding:0 5px;
}
#nav1 li {
	float:left;
	padding:0 8px;
	border-right: white solid 1px;
}
#nav1 li a {
	font-size:14px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:black;
	text-decoration:none;
	line-height:39px;
	background:url(../img/navarrow.jpg) no-repeat left 6px;
	padding-left:9px;
	text-transform:uppercase;
	font-weight:normal
}
#nav1 li a:hover, #nav1 li.active a {
	color:#6D0000;
}
#nav2 li {
	float:left;
	padding:0 10px;
}
#nav2 li a {
	font-size:12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:black;
	text-decoration:none;
	line-height:26px;
	text-transform:uppercase;
}
#nav2 li a:hover, #nav2 li.active a {
	color:#6D0000;
}
h1 {
	color:#6D0000;
	font-size:18px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:normal;
	padding:8px 0;
	text-transform:uppercase;
	line-height:24px;
}
h2 {
	color:#000;
	font-size:16px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:normal;
	padding:8px 0;
	line-height:16px;
}
p {
	line-height:135%;
	padding:2px 0 5px;
}
b, strong {
	font-weight:bold
}
.oneColFixCtrHdr #mainContent.twoColumn .content {
	width:500px;
	float:left;
	position:relative
}
.oneColFixCtrHdr #mainContent .sidebar {
	display:none
}
.oneColFixCtrHdr #mainContent.twoColumn .sidebar {
	float:right;
	display:block;
	width:350px;
	margin-top:15px;
}
.sidebar .sectionHead {
	height:26px;
	line-height:26px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:black;
	padding-left:10px;
	background:#D6C5A7;
	font-size:14px;
	clear:both;
}
.sidebar .sectionBody {
	padding-left:10px;
	margin-bottom:20px;
}
.content ul, .content ol, ul#log {
	margin:10px 0;
}
.content li, ul#log li {
	line-height:24px;
	padding-left:10px;
	background:url(../img/navarrow.jpg) no-repeat left 8px
}
.content a, .sidebar a {
	color:#6D0000;
	font-weight:bold
}
.content a:visited, .sidebar a:visited {
	color:#030;/*padding-right:15px;
	background:url(../img/tick.png) right center no-repeat;*/
}
.shortNews {
	padding:10px 10px 10px 0;
}
.dateSym {
	display:block;
	width:37px;
	height:47px;
	border:#D6C5A7 solid 1px;
	float:left;
	padding:3px;
	color:#851410;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center
}
.dateSym .day {
	font-size:24px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
.dateSym .month {
	font-size:13px;
	text-transform:uppercase
}
.calSym {
	background:#851410;
	display:block;
	width:37px;
	height:47px;
	border:#D6C5A7 solid 1px;
	float:left;
	padding:3px;
	color:#fff;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:center
}
.calSym .day {
	font-size:24px;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
.calSym .month {
	font-size:13px;
	text-transform:uppercase
}
.shortNewsBody, .shortNewsHead {
	padding-left:60px;
	margin-bottom:5px;
	line-height:18px;
}
.shortNewsHead {
	font-weight:bold;
}
img.frame {
	padding:3px;
	border: 1px solid #D6C5A7
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.wlpeUserPage {
	width:278px;
	float:left;
	display:block;
	padding:5px;
	border: solid #D6C5A7 1px;
	margin-right:5px;
	margin-bottom:5px;
}
/* tables */
table#myTable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 11px;
	width: 100%;
	text-align: left;
	clear:both
}
table#myTable thead tr th, table#myTable tfoot tr th {
	background-color: #861510;
	border: 1px solid #FFF;
	font-size: 10px;
	padding: 8px 4px;
	color:white;
	font-weight:bold;
	cursor:pointer;
}
table#myTable thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table#myTable tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table#myTable tbody tr.odd td {
	background-color:#D6C5A7;
}
table#myTable thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table#myTable thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table#myTable thead tr .headerSortDown, table#myTable thead tr .headerSortUp {
	background-color: #8dbdd8;
}
#myTable_filter input, input.log {
	background:transparent url(../img/searchbox_header_bg.png) no-repeat scroll 0 0;
	border:medium none;
	color:#666666;
	font-size:12px;
	height:19px;
	margin:2px 10px 0 0;
	padding:3px 0 0 8px;
	width:240px;
}
#myTable_filter {
	float:right;
	display:block;
}
#myTable_length {
	padding-top:2px;
	display:block;
	float:left
}
.paginate_button, .paginate_active {
	border:1px solid #D6C5A7;
	cursor:pointer;
	margin:0 3px;
	padding:2px 5px;
}
.paginate_active {
	background-color:#D6C5A7;
}
.paginate_button {
	background-color:#ddd;
}
.sorting {
	background:url(../img/sort.png) no-repeat right center
}
.sorting_asc {
	background:url(../img/sort_asc.png) no-repeat right center
}
.sorting_desc {
	background:url(../img/sort_desc.png) no-repeat right center
}
label {
	display:block
}
a.go, input.go, button.go {
	background:transparent url(../img/search.jpg) no-repeat scroll left 3px;
	border:medium none;
	color:white;
	font-size:12px;
	height:25px;
	line-height:12px;
	margin:0 0 5px;
	padding:0;
	width:108px;
}
.dataTables_paginate, .dataTables_info {
	display:block;
	clear:both;
	height:30px;
}
table#editProfile {
	border-collapse:collapse;
	border:1px solid white
}
table#editProfile td {
	padding:5px 5px;
	margin:1px;
	border:1px solid white
}
table#editProfile input, table#editProfile select {
	width:98%;
}
.brown {
	background:#D6C5A7;
}
.gray {
	background:#eeEDE7;
}
.neutral {
	background:#fff;
	padding:0
}
.members {
	margin:0 0 10px;
}
.ln-letters {
	overflow:hidden;
}
.ln-letters a {
	font-size:0.9em;
	display:block;
	float:left;
	padding:2px 6px;
	border:1px solid silver;
	border-right:none;
	text-decoration:none;
}
.ln-letters a.ln-last {
	border-right:1px solid silver;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
	background-color:#eaeaea;
}
.ln-letters a.ln-disabled {
	color:#ccc;
}
.ln-letter-count {
	text-align:center;
	font-size:0.8em;
	line-height:1;
	margin-bottom:3px;
	color:#336699;
}
.content ul#members li.wlpeUserPage {
	background:none;
	padding:5px;
}
.display li {
	background: #ECE6D8;
	clear:both;
	padding:0;
	border-bottom:1px solid #D6C5A9;
}
.display li.blocked {
	background: #eee;
	color:#ccc
}
.display li.blocked a {

	color:#ccc
}
.display li.blocked .userphoto, .display li.blocked .add2 img{
	-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30;
	}
.display li .userphoto {
	float:left;
	margin-right:10px;
}
.display li .userphoto img {
	padding:1px;
	border:1px solid silver
}
.display {
	clear:both;
	float:right;
	margin:0;
	padding:0;
	border:1px solid #D6C5A9;
	border-bottom:none 0px;
}
.display h3 {
	font-weight:bold;
}
.userinfo {
	border:3px solid white;
	padding:5px;
	width:659px;
	
}
.userinfo p {
	line-height:100%;
}
a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	
	display: block;
	background: url(../img/switch.jpg) no-repeat;
	outline: none;
	text-indent: -9999px;
	float:right;
	background-position: left bottom;
}
a.swap {
	background-position: left top;
}
ul.thumb_view li p {
	display: none;
}
ul.thumb_view li h3 {
	font-weight:normal;
	font-size:9px;
	text-align:center;
	padding:0;
}
.display.thumb_view li {
	padding:0;
	margin:0 0 5px 5px;
	float:left;
	clear:none;
	border:none;
	background:none;
	line-height:12px;
}
.thumb_view .userinfo {
	width:94px;
	height:124px;
}
ul.thumb_view {
	border:none;
	width:690px;
}
#myList-nav {
	float:right;
	width:677px;
	clear:both;
}
#switch {
	clear:both;
}
.hidden {
	display:none
}
#filter {
	float:right;
height:26px;
line-height:26px;
padding:0 10px;
}
#filter label{
	display:inline}
	
#clubs li,#countries li{
	font-size:11px;
	font-weight:normal;
	line-height:120%;
	background:none;
	padding:0
	}
#clubs li a,#countries li a{
	font-weight:normal;
	color:#6D0000;
	display:block;
	padding:3px 4px;
		}
#countriesdiv{
	margin-top:30px;}
#countriesdiv p,#clubdiv p{
	padding:5px 10px;
	background:#ECE6D8;
	font-weight:bold;
	color:#333;}
#clubs li a.active,#countries li a.active{ font-weight:bold; color:white; padding:3px 4px; background:#600}

.address{
	width:200px;
	float:left;
	font-size:11px;
	line-height:11px;}
.add{
	width:250px;
	float:left;
	font-size:11px;
	line-height:11px;}
.add2{
	width:60px;
	
	float:right}
	
	.add2 img{
		padding:0 0 0 3px}
.add2 p{clear:both}

td{
	line-height:135%;}
	
	.filelist th{
		font-weight:bold}
	
	.filelist{
		width:100%}
		
		#wlpeUserProfileForm label{
		width:150px;
		float:left;
		
		}
	.wlpeUserProfileCountry{
		width:150px;}
#wlpeUserProfileForm .leftbox{ width:360px; float:left;}

.vcard{ background:#ECE6D8; height:350px; width:600px}

#wlpeUserProfileForm td,#roster td,#wlpeUserRegisterForm td,#newmember td{
	padding:5px;}
#roster{
	padding:20px;
	border:silver 1px solid;
	}
.errors{
	color:white;
	padding:15px;
	font-size:14px;
	background:red;}
	
h3.headline{
	padding:10px;
	background:#6D0000;
	color:white;
	width:850px;}
	
	.content a.go{
		padding:7px;
		color:white;
			background:transparent url(../img/search2.jpg) no-repeat scroll left 3px;
			display:block;
float:left;
margin-right:10px;
padding:7px 0;
text-align:center;
width:180px;}