/*
general
*/

body {
	font-family: tahoma,arial;
	font-size: 12px;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}

tr,td,input,select,textarea,h1 {
	font-family: tahoma,arial;
	font-size: 12px;
}

a {
	color: #000000;
	text-decoration: none;
}

.popup {
	font-family: tahoma,arial;dddd
	font-size: 12px;
	background: #ffffff;
	margin: 10px;
	padding: 0px;
}

#site {
	position: absolute;
	width: 1000px;
}		

p club-news {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

p user-bio {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/*
layout
*/

#center-content {
	position: absolute;
	z-index: 20;
	top: 122px;
	left: 200px;
	right: 130px;
	width: auto;
	background: #ffffff;
	padding: 20px 20px 20px 20px;
}

#center-content table {
	position: relative;
	z-index: 30;
}

#left-login-status {
	position: relative;
	z-index: 30;
	background: ffcc33;
	color: #ffffff;
	height: auto;
	width: 200px;
	padding: 20px 0px 20px 0px;
	background: #ffffff;
	float: left;
}	

html>body #left-login-status {
	width: 200px;
}
	
#left-menu {
	position: relative;
	z-index: 30;
	height: 150px;
	width: 200px;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	background: white;
	float: left;
}	

html>body #left-menu {
	width: 200px;
}


#left-poll {
	position: relative;
	z-index: 30;
	height: auto;
	width: 200px;
	padding: 0px 0px 0px 0px;
	border-top: #cccccc 3px solid;
	border-bottom: #cccccc 3px solid;
	background: #eeeeee;
	float: left;
}	

html>body #left-poll {
	width: 200px;
}

#left-privdisc {
	position: relative;
	z-index: 30;
	height: auto;
	width: 200px;
	margin: 80px 0px 0px 0px;
	padding: 10px 0px 10px 3px;
	background: #ffffff;
	float: left;
}	

html>body #left-privdisc {
	width: 200px;
}

#left-sponsor {
	position: relative;
	z-index: 30;
	height: auto;
	width: 200px;
	padding: 10px 0px 10px 0px;
	background: #ffffff;
	float: left;
}	

html>body #left-sponsor {
	width: 200px;
}

#right-menu {
	position: absolute;
	z-index: 20;
	height: auto;
	width: 260px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	top: 122px;
	right: 0px;
	background: #ffffff;
	float: right;
}	

html>body #right-menu {
	width: 260px;
}

#top-bar {
	position: relative;
	z-index: 10;
	background:#ffffff;
	height: 100px;
	width: 100%;
	overflow: hidden;
}	

html>body #top-bar {
	height: 100px;
}	

#top-bar-banner {
	position: absolute;
	z-index: 40;
	height: 100px;
	margin: 0px 0px 0px 0px;
}	

#top-bar-banner-ad {
	position: absolute;
	z-index: 50;
	top: 20px;
	right: 20px;
	margin: 0px;
	padding: 0px;
}

/*
img
*/
img.captcha {
	margin: 20px 0px 20px 0px;
}


/*
input
*/

input.button-main {
	font-weight: bold;
	color: #666666;
	background: #dddddd;
	border: #999999 1px solid;
	height: 20px;
	cursor: pointer;
}

input.button-nexttobrowse {
	font-size: 11px;
	color: #000000;
	background: #d4d0c8;
	padding: 1px;
}

input.button-select {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	background: #dddddd;
	border: #999999 1px solid;
	height: 18px;
	cursor: pointer;
}

input.button-status-logout {
	font-weight: bold;
	background: ffcc33;
	color: #ffffff;
	height: 24px;
	width: 90px;
	cursor: pointer;
	margin: 20px 0px 0px 0px;
}

input.button-white-orange {
	font-weight: bold;
	color: #660000;
	background: #ffffff;
	border: #660000 1px solid;
	height: 20px;
	cursor: pointer;
}

input.text {
	color: #000000;
	background: #ffffff;
	border: #000000 1px solid;
}	

input.text-error {
	color: #cc0000;
	background: #ffcccc;
	border: #cc0000 1px solid;
}

input.checkbox {
	background: #ffffff;
}

input.checkbox-error {
	background: #cc0000;
}

input.paging {
	color: #000000;
	background: #eeeeee;
	border: #000000 1px solid;
	cursor: pointer;
}	

input.paging-selected {
	color: #ffffff;
	background: #660000;
	border: #000000 1px solid;
	cursor: pointer;
}


/*
ol
*/

ol.faq {
	list-style-position: outside;
	margin-top: 0px;
	margin-bottom: 0px;
}	
ol.faq li {
	margin-left: -10px;
	cursor: pointer;
	font-weight: bold;
}
ol.faq li a {
	font-weight: bold;
}


/*
select
*/

.select {
	color: #000000;
	background: #ffffff;
	border: #000000 0px solid;
}
.select a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}


/*
table
*/

table.adtext {
	height: 250px;
	margin: 0px 10px 0px 10px;
	color: #000000;
	background: #ffede1;
	border: 1px solid #660000;
}

table.adtext td {
	padding: 10px;
}

table.adtext a {
	color: #660000;
	text-decoration: underline;
}

table.error {
	color: #cc0000;
	background: #ffcccc;
	border: #cc0000 1px solid;
	border-spacing: 0px;
	border-collapse: collapse;
}	
table.error td {
	padding: 10px;
	font-weight: bold;
}	

table.notice {
	border: #660000 1px solid;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	background: #ffffff;
}

table.succes {
	color: #009900;
	background: #ccffcc;
	border: #009900 1px solid;
	border-spacing: 0px;
	border-collapse: collapse;
}	
table.succes td {
	padding: 10px;
	font-weight: bold;
}

table.table-content {
	width: 100%;
}

table.table-content td {
	padding: 2px 5px 2px 5px;
}

table.table-content td table td {
	padding: 0px;
}

table.table-form {
	width: 100%;
}

table.table-form td {
	padding: 1px 0px 1px 0px;
}

table.table-language {
	float: right;
}

table.table-language td {
	padding: 0px 5px 0px 0px;
}


/*
td
*/

td.birthdaylist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

td.birthdaylist ul li {
	width: 50%;
	display: block;
	text-align: center;
}

td.birthdaylist ul li.full {
	float: left;
}

td.birthdaylist ul li table {
	margin: auto;
}

td.header,td.header a {
	font-weight: bold;
	color: #ffffff;
	background: #660000;
}	

td.label {
	background: #eeeeee;
}	

td.label-error {
	color: #cc0000;
	background: #eeeeee;
}

td.news-source {
	background: #ffffff;
	width: 33%;
	height: 20px;
}

td.news-source,td.news-source a {
	text-decoration: none;
	color: #660000;
}
td.news-source a:hover {
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	color: #660000;
}

td.paging {
	color: #000000;
	background: #eeeeee;
	border: #000000 1px solid;
	cursor: pointer;
}	

td.paging-selected {
	color: #ffffff;
	background: #660000;
	border: #000000 1px solid;
	cursor: pointer;
}
td.paging-selected a {
	color: #ffffff;
}
td.table-content {
	padding: 2px 5px 2px 5px;
}

td.table-left {
	padding: 0px 5px 0px 0px;
}

td.table-left-half {
	width: 50%;
	padding: 0px 5px 0px 0px;
}

td.table-right {
	padding: 0px 0px 0px 5px;
}

td.table-right-half {
	width: 50%;
	padding: 0px 0px 0px 5px;
}

td.teamview-top {
	height: 25px;
}	

td.teamview-bottom {
	height: 10px;
}


/*
text
*/

.text,.text a {
	color: #000000;
}

.text-asterix {
	font-weight: bold;
	color: #000000;
}

.text-error {
	font-weight: bold;
	color: #cc0000;
}
.text-error a {
	font-weight: bold;
	text-decoration: underline;
	color: #cc0000;
}

.text-header,.text-header a {
	font-weight: bold;
	color: #000000;	
}

.text-header-big,.text-header-big a {
	font-size: 14px;
	font-weight: bold;
	color: #000000;	
}
	
.text-print {
	font-size: 18px;
}

.text-privdisc {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.text-succes {
	font-weight: bold;
	color: #009900;
}
.text-succes a {
	font-weight: bold;
	text-decoration: underline;
	color: #009900;
}

.text-subscript {
	font-size: 9px;
}

.text-title {
	font-size: 18px;
}

.text-underlined {
	text-decoration: underline;
}	


/*
textarea
*/

textarea.text {
	color: #000000;
	background: #ffffff;
	border: #000000 1px solid;
}	

textarea.text-error {
	color: #cc0000;
	background: #ffcccc;
	border: #cc0000 1px solid;
}


/*
tr
*/

tr.list-uneven td {
	color: #666666;
	background: #ffffff;
}	

tr.list-even td {
	color: #660000;
	background: #ffdcd1;
}


/*
ul
*/

ul.menu {
	margin-left: 10px;
}

ul.menu ul {
	margin-left: 0px;
}

ul.menu, ul.menu ul {
	position: abolute;
	width: 180px;
	border: 1px solid #660000;
	background-color: #660000;
	padding: 0px;
	cursor: pointer;
}

ul.menu li {
	position: relative;
	color: #ffffff;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
}

ul.menu li > ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 178px;
}

ul.menu li:hover, ul.menu li.CSStoHighlight {
	background-color: #ffffff;
	color: #660000;
}

ul.menu ul.CSStoShow {
	display: block;
}

ul.menu li:hover > ul {
	display: block;
}

ul.menu li a {
	color: #fff;
	display: block;
	width: 100%;
	text-decoration: none;
}

ul.menu li a:hover, ul.menu li a.CSStoHighLink {
	color: #660000;
}

ul.menu li:hover > a {
	color: #660000;
}


/*
various ids
*/
#contact-info {
	width: 200px;
	border: 0px;
	margin: 0px;
}

#logo {
	width: 200px;
	border: 0px;
	margin: 0px;
}

#terms {
	overflow: auto;
	border: 1px solid #000000;
}


/*
various classes
*/

a.underline,a.underline:hover,a.underline:active,a.underline:visited {
	text-decoration: underline;
}

a.infobox {
	text-decoration: none;
	border-bottom: 1px dashed #660000;
}

a.infobox:hover {
	cursor: help;
	text-decoration: none;
	color: #660000;
	background: #ffffff;
}

a.infobox span {
	position: absolute;
	visibility: hidden;
	text-decoration: none;
	left: 20px;
	margin: 20px 0px 0px 0px;
	padding: 5px;
}

a.infobox:hover span  {
	visibility: visible;
	border: 1px solid #660000;
	color: #000000;
	background: #ffffff;
}


table.club-news {
	padding: 0px;
	margin: 0px;
	width: 100%;
	clear: both;
}

table.club-news td {
	margin-top: 1px;
	width: 48%;
	margin-bottom: 10px;
}

.club-icon {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	border: 1px solid #dddddd;
}

.club-icon span {
	width: 50%;
	height: 100%;
	float: left;
}

.club-icon-large {
	width: 32px;
	height: 32px;
	float: left;
	margin-top: 1px;
	margin-right: 3px;
	border: 1px solid #dddddd;
}

.club-icon-large span {
	width: 50%;
	height: 100%;
	float: left;
}

/*
horizontal dropdown menu
*/

#menu-hor-drop {
	position: relative;
	background: #660000;
	padding-left: 200px;
	height: 22px;
	z-index: 100;
}

html>body #menu-hor-drop {
	height: 22px;
}

#menu-hor-drop ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	padding-right: 20px;
}

#menu-hor-drop a, #menu-hor-drop h2 {
	font-size: 12px;
	display: block;
	margin: 0px;
	padding: 2px 3px 2px 3px;
}

#menu-hor-drop h2 {
	color: #ffffff;
	background: #660000;
}

#menu-hor-drop ul li h2 a {
	color: #ffffff;
	background: #660000;
}

#menu-hor-drop a {
	color: #000000;
	background: #efefef;
	text-decoration: none;
}

#menu-hor-drop a:hover {
	color: #660000;
	background: #ffffff;
}

#menu-hor-drop li {
	position: relative;
}

#menu-hor-drop ul ul {
	position: absolute;
}

#menu-hor-drop ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menu-hor-drop ul ul, div#menu-hor-drop ul li:hover ul ul, div#menu-hor-drop ul ul li:hover ul ul {
	display: none;
}

div#menu-hor-drop ul li:hover ul, div#menu-hor-drop ul ul li:hover ul, div#menu-hor-drop ul ul ul li:hover ul {
	display: block;
}