.vtop {
	vertical-align: top;
}
a.invite_button, a:hover.invite_button {
	padding: 5px 10px;
	background-color: #eaac15;
	color: black;
	text-decoration: none;
	border-top: 1px solid #ccc;
	border-right: 1px solid #373737;
	border-bottom: 1px solid #373737;
	border-left: 1px solid #ccc;
}

/* --- personality --- */
.bar {
	height: 20px; 
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 50%;
}
.bar_box {
	width:50%;
	height:110px;
	position:relative;
	float:left;
	margin-left:5px
}
.bar_clear {
	clear: both;
}
.bar_left {
	height: 20px;
	top: 0px;
	left: 0px;
	float: left;
}
.orange_b {
	background-color: #eaac15;
}
.gray_b {
	background-color: #ccc;
}
.bar_right {
	height: 20px;
	position: absolute;
	top: 0px;
	float: left;
}
.zero_line {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 100%; 
	width: 50%; 
	border-right: 3px solid #666;
}
.letter_section {
	position:relative;
	float:left;
	font-size:12px;
}
.p_letter {
	margin-top: 6px;
	margin-bottom: 8px;
}
.set {
	font-weight: bold;
	font-family:"Arial Black";
}
.unset {
	color: #b0b0b0;
	font-family:"Arial Black";
}
/* --- header --- */
#group_header {
	position:relative;		
	clear:both;
    width:800px;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;	
}
table.g_header {
	border-bottom: 1px solid #ccc;
	width: 800px;
}
table.g_header td.left {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
table.g_header td.right {
	text-align: right;
	padding: 0;
}
/* --- left menu side --- */
#mugshot {
	padding:0px;
	margin-top: 10px;
	width: 200px;
}

#group_menu, #group_top_list {
	font-weight: bold;
	margin-top: 10px;
}

.group_menu_item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	padding-top: 5px;
	text-align: left;
	margin-right: 10px;
	padding-left: 5px;
}
a.deactivate {
	font-weight: normal;
	font-style: normal;
}
/* --- right side --- */
#manage_group_section {
	margin-left: 20px;
}
#main_group_section {
	margin-left: 20px;
}
.guild_page_title {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	font-weight:bold;
	color: #5b5b5b;
	margin-top: 10px;
}
table.page_header {
	width: 579px;
}
table.page_header td.left {
	font-weight: bold;
}
table.page_header td.right {
	font-size: 11px;
	text-align: right;
}
.group_description {
	margin-top: 10px;
}
table.recruitment_info_main {
	width: 579px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.recruitment_info_main td.field {
	width: 379px;
	text-align: left;
	padding-left: 5px;
}
table.recruitment_info_main td.label {
	width: 100px;
	text-align: right;
	padding-right: 5px;
	color: #787878;
}
table.statistic_info_main {
	width: 579px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.statistic_info_main td.field {
	width: 379px;
	text-align: left;
	padding: 5px 0 0 5px;
}
table.statistic_info_main td.label {
	width: 100px;
	text-align: right;
	color: #787878;
	padding: 5px 5px 0 0;
}
.recruit_active {
	color: #167d00;
}
.recruit_inactive {
	color: #7b0e08;
}
.rec_desc {
	margin-top: 10px;
	margin-bottom: 10px;
}
.rec_bot {
	margin-top: 10px;
	margin-bottom: 10px;
}
textarea.testimonial_box {
	width: 360px;
	height: 100px;
	padding: 3px;
}
.leave_rec_link {
	color: #000;
	font-size: 11px;
}
table.reputation_statement {
	margin-bottom: 10px;
}
table.reputation_statement td.pic {
	border-bottom: 1px dashed #ccc;
	width: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.reputation_statement td.info {
	border-bottom: 1px dashed #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.recommend_header {
	color: #666;
}
.recommend_comment {
	margin-top: 5px;
}
table.pbox {
	margin-left: auto;
	margin-right: auto;
	width: 420px;
	margin-top: 5px;
}
.caption{
	padding-top: 5px;
	color: #787878;
}

/* --- group members --- */
table.group_members {
	width: 579px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.group_members th {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #787878;
}
table.group_members th.manage {
	text-align: right;
}
table.group_members td {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
table.group_members td.pic {
	width: 50px;
}
table.group_members td.username {
	padding-left: 5px;
}
table.group_members td.management {
	text-align: right;
	padding-right: 5px;
}
/* --- column container --- */
.colmask {
	position:relative;		
/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
    width:800px;
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;	
/* This chops off any overhanging divs */
}
/* 2 column right menu settings */
.rightmenu {
	background:#fff;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-600px;
    position:relative;
    right:100%;
    background:#fff;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .col1 {
    margin: 0 0 0 600px;
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:600px;
    position:relative;
    left:601px;
}
/* Footer styles */
#footer {
	clear:both;
    width:800px;
    margin-left: auto;
    margin-right: auto;
	text-align: right;
	border-top: 1px solid #ccc;
}
.foot_menu {
	margin: 0;
	padding: 0;
}

.clear:after { 
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0; 
	content: "."; 
}
.clear { 
	display: inline-block; 
}

#header {
	clear: both;
    width:800px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5px;
}

/*--- Manage Groups --- */
#general_section {
	width: 575px;
}
#recruitment_section {
	width: 575px;
}
.manage_group_header {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #787878;
	margin-top: 10px;
}
table.edit_guild {
	width: 579px;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.edit_guild input, select{
	padding: 3px;
}
table.edit_guild td {
	padding: 0;
}
table.edit_guild td.label {
	color: #787878;
}
table.edit_guild fieldset {
	border: 0pt;
	padding: 0pt;
}
table.edit_guild textarea {
	height: 70px;
}
table.edit_guild textarea.about_your_guild {
	height: 200px;
}
table.edit_guild td.label, table.edit_guild td.field {
	padding-bottom: 1em;
}
.current_pic {
	margin-bottom: 10px;
}
table.edit_box {
	width: 579px;	
	margin-top: 10px;
	margin-bottom: 10px;
}
table.edit_box td.current_pic_box {
	font-weight: bold;
	text-align: center;
}
table.edit_box td.change_pic_box {
	padding-left: 20px;
}

table.applicants {
	width: 579px;
	border: 1px solid #666;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.applicants th {
	text-align: left;
	border-bottom: 1px solid #666;
}
table.applicants td {
	border-bottom: 1px solid #ccc;
}
table.applicants td.pic {
	width: 55px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
table.applicants td.name {
	font-weight: bold;
}
table.applicants td.apply {
	text-align: right;
	padding-right: 5px;
}
table.applicants td.none {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
table.application_info {
	width: 480px;
}
table.application_info td.label {
	text-align: right;
	width: 130px;
	color: #787878;
}
table.application_info td.field {
	text-align: left;
	padding-left: 5px;
}
.a_pm_subject {
	width: 300px;
}
.a_pm_message {
	width: 300px;
	height: 100px;
}
table.pm_box_table {
	padding: 0;
	margin: 10px 0 0;
}

/* -- badge stuff -- */
.badge_title {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}
.badge_description {
	margin-top: 10px;
	margin-bottom: 10px;
}
.link_desc {
	color: #787878;
}
textarea.badge_link {
	padding: 5px;
	font-size: 12px;
	height: 50px;
	width: 560px;
}