@import url(/library/css/common.css);

body {
	width:760px;
	margin:5px auto;
	font-size:0.875em;
	color:#555;
	background-color:#e5e5e8;
}

#page-wrapper {
	background-color:#fff;
}

/* header section */
#header-wrapper {
	width:760px;
	height:210px;
	background:#114363 url(title-blue.png) 0 top repeat-x;
}
#header-wrapper h1 {
	font-size:10px;
	height:12px;
	padding-right:20px;
	line-height:12px;
	font-weight:normal;
	font-style:italic;
	text-align:right;
}
#header-wrapper h1 a {
	color:#fff;
}

/* content section */
#content-wrapper {
	border-left:6px #277FBA solid;
	border-right:6px #277FBA solid;
}

#primary {
	width:568px;
	float:right;
}

#secondary {
	width:180px;
	float:left;
}
div#content-footer {
	clear:both;
}

/* footer section */
div#footer-wrapper {
	padding:4px 10px;
	clear:both;
	font-size:10pt;
	color:#fff;
	text-align:center;
	background-color:#277FBA;
}
div#footer-wrapper a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
div#footer-wrapper a:hover {
	color:#FDFF3F;
	text-decoration:none;
}

/* top navigator */
ul#navigator {
	height:26px;
	margin:0 0 0 23px;
	padding:0;
	font-size:10pt;
	line-height:26px;
	list-style-type:none;
}
ul#navigator li {
	margin:0;
	display:inline;
}
ul#navigator li a {
	padding:4px 20px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background:transparent url(title-blue.png) left top repeat-x;
}
ul#navigator a:hover {
	color:#FDFF3F;
	text-decoration:none;
	background-position:0 -50px;
}

/* top banner */
ul#banner {
	width:760px;
	height:162px;
	margin:0;
	padding:0 0 7px 0;
	list-style-type:none;
	text-align:center;
}
ul#banner li {
	display:inline;
	margin:0 5px;
}
ul#banner li img {
	width:110px;
	height:158px;
}

div#secondary h2 {
	display:none;
}
div#secondary ul {
	margin:2px 0 0 0;
	padding:0;
	list-style-type:none;
	line-height:24px;
}
div#secondary ul li {
	border-bottom:2px #fff solid;
	background:transparent url(titlebg.jpg) left top repeat-x;
}
div#secondary ul li a {
	height:24px;
	padding:0 0 0 18px;
	display:block;
	color:#000;
	text-decoration:none;
	background:transparent url(collapse.gif) left center no-repeat;
}
div#secondary ul li a:hover {
	color:#FDFF3F;
	background-color:#114363;
}

div#secondary form.member-zone {
	padding:0 2px;
	border:2px #277FBA solid;
	border-left:none;
}
div#secondary form.member-zone input.button-signin {
	width:80px;
	margin:-33px 0 0 90px;
	position:absolute;
}
div#secondary dl.topic-list dt {
	font-size:10pt;
}
div#secondary dl.topic-list dd {
	margin:0;
	padding:0;
}
div#secondary dl.topic-list dd.timestamp {display:none;}
div#secondary dl.topic-list dd.body {
	margin-bottom:10px;
}

div#user-ribbon {
	margin-bottom:10px;
	padding:1px 10px 1px;
	font-size:9pt;
	font-style:italic;
	text-align:right;
	line-height:10pt;
}
div#user-ribbon a {
	color:#f60;
}
div#user-ribbon form.member-zone {
	width:716px;
	margin:10px 0;
	padding:0px 0;
	display:table;
	background:transparent url(box.gif) left top no-repeat;
	font-style:normal;
}
div#user-ribbon form.member-zone label {display:inline;}
div#user-ribbon form.member-zone .form-item {
	height:1% !Important;
	height:26px;
	margin:10px 0 0 10px;
	padding:0;
	float:left;
}
div#user-ribbon form.member-zone .button {
	height:24px;
	margin:0 0 0 10px;
	line-height:12px;
}
div#user-ribbon form.member-zone .form-password , 
div#user-ribbon form.member-zone .form-text {
	height:18px;
	margin:1px 5px 1px 0;
}
div#user-ribbon form.member-zone .form-checkbox {margin-top:5px;}
div#user-ribbon form.member-zone ul.signform-extend {
	margin:0;
	padding:5px 10px;
	clear:both;
	line-height:20px;
	background:#fcf url(box.gif) left bottom no-repeat;
	list-style-type:none;
	text-align:left;
}
div#user-ribbon form.member-zone ul li {
	display:inline;
	margin:0 20px 0 0;
	padding:0;
}

/* content */
div.content {
	margin:2px 10px 0 10px;
}

table.club-member-list {
	width:100%;
}
table.club-member-list thead th {
	text-align:center;
}
table.item td.no {
	text-align:center;
}
table.club-member-list td.created {
	text-align:center;
	white-space:nowrap;
}