#myPanel
{
	margin: 48px 0px 0px 0px;
	color: black;
	float: left;
	width: 100%;
	display: block;
}

#myPanel #group-header h1
{
	background-image: none;
}

#myPanel h2
{
	font-size: 130%;
}

#myPanel h3
{
	font-size: 115%;
}

#myPanel h2, #myPanel h3
{
	font-family: Arial, Tahoma, sans-serif;
	font-weight: bold;
	width: 100%;
}

#myPanel #primary-content
{
	float: left;
	clear: none;
	position: relative;
	padding: 4px 0px 8px 8px;
	border: 0;
	display: block;
}

#myPanel #primary-content
{
	margin: 0px 5px 0px 0px;
	width: 595px;
	
}

#myPanel h3
{
	clear: both;
	border: 0;
	margin: 0;
	padding: 0;
}

#myPanel p.blurb
{
	float: left;
	width: 380px;
	height: 80px;
	margin: 0;
	padding: 0px 0px 0px 2px;
	line-height: 1.4em;
	overflow: hidden;
}

#myPanel #secondary-content ul
{
	clear: both;
}

#myPanel p.warning,
#myPanel p.newsflash
{
	position: relative;
	top: auto;
	left: auto;
	width: 568px;
	background-color: #fcc1c1;
	color: #ff2828;
	margin: 0px 0px 10px 0px;
	border: 1px solid red;
	padding: 6px 8px;
	display: block;
	float: left;
	clear: both;
}

#myPanel p.newsflash
{
	clear: both;
	border: 1px solid blue;
	background-color: #bcd7ff;
	color: #0066ff;
	font-weight: bold;
	text-align: center;
}

#myPanel p.warning span
{
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #ff2828;
}

#myPanel p.warning span a
{
	color: black;
}

#myPanel #primary-content,
#myPanel #primary-content #group-header
{
	width: 595px;
}

#myPanel #primary-content div.block
{
	float: left;
	clear: none;
	width: 100%;
	margin: 0px 0px 15px 0px;
}

#myPanel #primary-content p.alert
{	
	clear: both;
	background-color: #ffb9c2;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	padding: 4px 7px;
	margin: 0px 0px 15px 0px;
}


#myPanel div.group-listing,
#myPanel div.user
{
	margin: 0px 2px 2px 0px;
	width: 289px;
}

#myPanel div.group-listing
{
	position: relative;
	border: 1px solid #d4d4d4;
	background-color: white;
	padding: 0;
	float: left;
	clear: none;
	width: 288px;
	height: 80px;
	overflow: hidden;
}

#myPanel div.group-listing.wide
{
	width: 583px;
}

#myPanel div.group-listing div
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	border: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
	width: 60px;
	height: 80px;
	float: left;
	border-right: 7px solid #a1a1a1;
	clear: none;
	background-position: top center;
	background-color: transparent;
	background-repeat: repeat-y;
}

#myPanel div.group-listing:hover
{
	border: 1px solid #919191;
}

#myPanel div.group-listing div a
{
	display: block;
	width: 100%;
	height: 100%;	
}

#myPanel div.group-listing h3,
#myPanel div.group-listing p
{
	float: left;
	clear: both;
	width: 208px !important;
	width: 192px;
	margin: 0px 7px 0px 67px !important;
	margin: 0px 7px 0px 33px;
	padding: 0px 0px 0px 7px;	
}

#myPanel div.group-listing h3 span
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 80%;
	font-weight: normal;
}

#myPanel div.group-listing.wide h3,
#myPanel div.group-listing.wide p
{
	width: 502px !important;
	width: 502px;	
}

#myPanel div.group-listing.wide h3
{
	width: 354px;
}

#myPanel div.group-listing.wide p.membership-details
{
	position: absolute;
	top: 2px;
	right: 0px;
	text-align: right;
	width: 160px;	
	height: auto;
}

#myPanel div.group-listing p
{
	height: 54px;
	overflow: hidden;
}

#myPanel div.group-listing h3
{
	font-size: 125%;
	padding-top: 2px;
	margin-top: 4px;
	line-height: 20px;
}

#myPanel #primary-content table
{
	float: left;
}

#myPanel #primary-content table thead td
{
	border-bottom: 1px solid #d4d4d4;
	padding: 0px 0px 6px 2px;
	color: #262626;
	font-weight: bold;
}

#myPanel div.join-details
{
	clear: both;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#myPanel div.join-details img
{
	margin: 6px 0px;
}

#myPanel div.join-details p
{
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
}

#myPanel div.join-details ul
{
	margin: 0px 0px 0px 20px;
	padding: 0;
}

#myPanel li.alert
{
	margin: 0px 0px 10px 0px;
}

#myPanel form, #myPanel form fieldset
{
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;	
}

#myPanel form fieldset label
{
	display: block;
	clear: both;
	font-weight: bold;
	font-size: 100%;
	margin: 0px 0px 4px 0px;
}

#myPanel form fieldset label.private
{
	clear: none;
	float: left;
	font-weight: normal;
	font-size: 100%;
}

#myPanel form fieldset input,
#myPanel form fieldset select,
#myPanel form fieldset textarea
{
	width: 544px;
	display: block;
	float: left;
	clear: none;
	font-size: 100%;
	padding: 4px;
	line-height: 1.5em;
}

#myPanel form fieldset select
{
	width: 556px;
}

#myPanel form fieldset.images input
{
	width: auto;
}

#myPanel form fieldset textarea#overrides
{
	height: 160px;
}

#myPanel form fieldset input.hidden
{
	display: none;
}

#myPanel form fieldset input.checkbox
{
	clear: both;
	width: auto !important;
	width: auto;	
}

#myPanel form fieldset input.submit
{
	clear: both;
	width: auto;
	margin: 6px 0px 10px 0px;
}

#myPanel form fieldset textarea
{
	height: 56px;
}

#myPanel form fieldset span
{
	display: block;
	clear: both;
	margin: 0px 0px 10px 0px;
	font-size: 90%;
}

#myPanel form#admin fieldset
{
	display: block;
	clear: none;
	float: left;
	width: 269px !important;
	width: 257px;
	margin: 0px 8px 0px 0px;
	position: relative;
}

#myPanel form#admin fieldset.colours input
{
	float: left;
	border: 0;
	width: 120px;
}

#myPanel form#admin fieldset textarea
{
	width: 100%;
}

#myPanel a.button
{
	text-decoration: none;
	display: block;
	padding: 2px 6px 4px 6px;
	float: left;
	font-size: 100%;
	font-weight: bold;
	color: black;
	background-color: #d4d0c8;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

#myPanel a.button strong
{
	text-transform: uppercase;
}

#myPanel div.group-block
{
	position: relative;
	float: left;
	width: 587px;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#myPanel div.group-block h2,
#myPanel div.group-block h3
{
	float: left;
	width: 100%;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #d4d4d4;
}

#myPanel p.see-all-link
{
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	margin: 1px 3px 0px 0px;
	padding: 0;
}

#myPanel div.user
{
	position: relative;
	height: 80px;
	border: 1px solid #d4d4d4;
	padding: 0px;
	float: left;
	text-align: center;
	background-color: #ffffff;
}

#myPanel div.user.overview
{
	width: 373px;
}

#myPanel div.user.wide
{
	width: 583px;
}

#myPanel div.user img.userpic
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 80px;
}

#page #myPanel div.user.wide h3,
#page #myPanel div.user.wide p
{
	width: 320px;
}

#page #myPanel div.user h3,
#page #myPanel div.user p
{
	position: absolute;
	top: 4px;
	left: 86px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0;
	width: 200px;
	overflow: hidden;
}

#page #myPanel div.user.overview h3,
#page #myPanel div.user.overview p
{
	width: 290px;
}

#myPanel div.user h3 span
{
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 90%;
}

#page #myPanel div.user p
{
	top: 23px;	
	height: 20px;
	line-height: 1.3em;
}

#page #myPanel div.user p.name
{
	font-weight: bold;
}

#page #myPanel div.user p.name em
{
	font-weight: normal;
}

#page #myPanel div.user p.blurb
{
	top: 40px;
	height: 32px;
}

#myPanel div.user.wide ul.tools
{
	position: absolute;
	top: 0;
	left: auto;
	right: 0px;
	margin: 0;
	width: 150px;
	height: 70px;
	padding: 5px 0px 5px 20px;
	text-align: left;
	border-left: 1px solid #d4d4d4;
	background-color: #d4d4d4;
}

#myPanel div.user:hover
{
	border: 1px solid #919191;
}

#myPanel div.user.wide p.tools a
{
	padding: 1.5px 0px 0px 0px;
	margin: 0;
}

img.userpic, #myPanel table tr td.user a
{	
	position: relative;
	vertical-align: middle;
}

#myPanel table#forum-overview
{
	width: 100%;
	margin: 0px 0px 10px 0px;
}

#myPanel table
{
	width: 586px;
	font-size: 120%;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #d4d4d4;
}

#myPanel table
{
	font-size: 100%;
	border: 0;
}

#myPanel table.active-users
{
	width: 100%;
}

td.centered
{
	text-align: center;
}

#myPanel table.applications
{
	width: 585px;
}

#myPanel table.applications tr td,
#myPanel table.applications tr th
{
	padding: 3px 5px;
}

#myPanel table.applications tr.head td
{
	background-color: #e1e1e1;
	border-bottom: 1px solid #c0c0c0;
	font-weight: bold;
}

#myPanel p.browser
{
	width: 585px;
	font-size: 85%;
	text-align: center;
	margin: 0;
	padding: 0;
}

a.colour-picker
{
	display: block;
	float: left;
	clear: none;
	width: 50px;
	height: 20px;
	border: 0;
	background-color: black;
	text-decoration: none;
}

a.colour-picker span
{	
	text-align: center;
	color: white;
}

#myPanel #group-header
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 4px 8px;
	background-repeat: no-repeat;
	height: 140px;
}

#myPanel #group-header a.back-link
{
	position: absolute;
	top: 12px;
	right: 28px;
}

#myPanel #group-details
{
	margin-top: 142px;
}

#myPanel #group-details form h2,
#myPanel #group-details div.section h2
{
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 5px;
	width: 586px;
}

#myPanel a.group-button
{
}

p.search-pager
{
	width: 100%;
	clear: both;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0;
	text-align: center;
}

#page p.search-pager a
{
	border: 1px solid #d4d4d4;
	background-color: white;
	padding: 4px;
	display: inline;
}

p.search-pager strong
{
	border: 1px solid #d4d4d4;
	background-color: #a0a0a0;
	padding: 4px;
	color: white;
}

#myPanel h3 a.admin-link
{
	font-weight: normal;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 80%;
}

#myPanel form#create-form input,
#myPanel form#create-form textarea
{
	width: 575px;
}

#myPanel form#create-form input.checkbox,
#myPanel form#create-form input.submit
{
	width: auto;
}

#myPanel form#report-form textarea
{
	width: 575px;
}
div#myPanel table tr td.date {
	text-align: center;
}
div#myPanel table tr td.read
{
	text-align: center;
}
div#myPanel table tr td {
	color: #303030;
	border-bottom: 1px solid #d4d4d4;
	line-height: 1.65em;
	padding: 0px 2px 3px 2px;
}
div#myPanel table tr th
{
	color: #303030;
	border-bottom: 1px solid #d4d4d4;
	line-height: 1.65em;
	padding: 0px 2px 3px 2px;
}
div#myPanel table tr td.when
{
	text-align: center;
}
div#myPanel table tr th
{
	text-align: center;
}
#myPanel table
{
	font-size: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
div#myPanel table tr.heading td
{
	font-weight: bold;
}

div.pages
{	
	width: 180px;
}

div.pages form
{
	float: left;
}

div.owners
{
	margin: 0px 0px 0px 6px;
}

div.owners div
{
	float: left;
	clear: none;
	text-align: center;
	width: 80px;
	padding: 10px 18px 0px 0px;
}

#page div.owners div h3
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
	margin: 0;
}

div.owners div img
{
	width: 80px;
	height: 80px;
}

#page table.data
{
	width: 584px;
	padding: 0;
	margin: 0px 0px 15px 0px;
}

#page table.data tr th,
#page table.data tr td
{
	padding: 3px 0px;
	border-bottom: 1px solid #d4d4d4;
}

#page table.data tr.header th,
#page table.data tr.header td
{
	height: 24px;
	background-color: #e1e1e1;
	border-bottom: 1px solid #d4d4d4;
	padding: 2px 6px;
	color: black;
	font-weight: bold;
}

#page table.data tr th,
#page table.data tr td
{
	padding: 2px 6px;
}

div.game-search
{
	margin: 0px 0px 8px 0px;
}

div.game-search label
{
	font-weight: bold;
}

div.game-search input
{
	width: 300px;
}

div.game-search input.submit
{
	width: auto;
}

span.highlight
{
	border: 1px solid #9bc4f8;
	background-color: #d0dff2;
	color: black;
	padding: 1px;
}

#myPanel div.related-games
{
	float: left;
	clear: none;
	width: 100%;
	margin: 0px 10px 0px 0px;
}

#myPanel div.keywords
{
	float: left;
	clear: both;
	width: 100%;
}

#myPanel div.group-block div.column
{
	float: left;
	clear: none;
	position: relative;
}

#myPanel div.group-block div.column h2
{
	width: 100%;
}

#myPanel div.group-block div.column.wide
{
	width: 372px;
	margin: 0px 10px 0px 0px;
}

#myPanel div.group-block div.column.thin
{
	width: 204px !important;
	width: 194px;
}

div.section
{
	float: left;
	border: 1px solid #c0c0c0;
	width: 579px;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 0px 6px;
}

#myPanel #group-details div.section h2
{
	width: 573px;
}

#myPanel #group-details div.section div.column
{
	float: left;
	width: 280px;
	margin: 0px 6px 0px 0px;
}

#myPanel #group-details div.section div.column h3
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
	border-bottom: 1px solid #c0c0c0;
	margin: 0px 0px 4px 0px;
}

#myPanel #group-details div.section div.column table.data
{
	width: 100%;
}

#myPanel #group-details div.section table.data
{
	width: 572px;
	margin: 0;
}

p.tools a img
{
	float: left;
	margin: 0px 2px 0px 0px;
}

/* ----- TAG CLOUD --------------------------------------- */

p.tag-cloud
{
	line-height: 1.8em;
	width: 558px !important;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0px;
}

p.tag-cloud a.smallest
{
	font-size: 9px;
	color: #c0c0c0;
}

p.tag-cloud a.small
{
	font-size: 11px;
	color: red;
}

p.tag-cloud a.medium
{
	font-size: 14px;
}

p.tag-cloud a.large
{
	font-size: 18px;
}

p.tag-cloud a.largest
{
	font-size: 22px;
}

/* ----- GROUP LIST --------------------------------------- */

#page div.group-list h2,
#page div.fight h2,
#page div.xbl-content h2
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 2px solid #dbdbdb;
}

div.group-list,
div.fight,
div.xbl-content
{
	position: relative;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	background-color: white;
	float: left;
	clear: both;
	width: 560px;
	padding: 5px 10px;
	margin: 5px 0px 5px 0px;
}

div.xbl-content.profile-overview
{
	width: 566px;
	height: 86px;
	margin-bottom: 20px;
}

div.xbl-content.profile-overview div.reputation-image
{
	position: absolute;
	top: 77px;
}

div.xbl-content.profile-overview div.reputation-image img
{
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
}

div.xbl-content.profile-overview.xbl-home
{
	margin-bottom: 4px;
	width: 560px;
}

#page div.xbl-content.profile-overview.xbl-home h2
{
	width: 492px;
}

div.xbl-content.profile-overview a.extended-info
{
	position: absolute;
	font-weight: bold;
	top: 5px;
	right: 10px;
}

div.xbl-content.profile-overview img
{
	position: absolute;
	top: 8px;
	left: 8px;
}

#page div.xbl-content.profile-overview h2
{
	width: 498px;
}

#page div.xbl-content.profile-overview h2,
#page div.xbl-content.profile-overview p
{
	margin-left: 68px;
}

div.group-list
{
	position: relative;
}

div.group-list div
{
	position: relative;
	float: left;
	width: 50% !important;
	width: 40%;
	clear: none;
	padding: 0;
	margin: 0px 0px 10px 0px;
}

#page div.group-list div h3,
#page div.group-list div p
{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
	position: relative;
	float: left;
	margin: 0px 0px 0px 26px !important;
	margin: 0px 0px 0px 13px;
	padding: 0;
	line-height: 1.2em;
}

#page div.group-list div h3
{
	padding-top: 1px;
}

#page div.group-list div p
{
	font-size: 80%;
	color: #a8a8a8;	
}

#page div.group-list div img
{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #dbdbdb;
	padding: 1px;
}

#page div.group-list a.group-link
{
	position: absolute;
	top: 5px;
	right: 10px;
}

#page a.delete-confirm,
#page a.delete-reject
{
	display: block;
	float: left;
	clear: none;
	border: 2px solid #6ecc33;
	background-color: #e1f3be;
	padding: 3px 6px;
	margin: 0px 6px 8px 0px;
	color: #44990e;
	font-weight: bold;
}

#page a.delete-reject
{
	border: 2px solid red;
	color: red;
	background-color: #ffcece;
}