html, body {
	background-color: #fefff4;
}
.class_div_min_container {
	min-height: 50px;
	clear: both;
}
.class_div_party_column {
	padding: 4px;
}

.class_div_party_block, 
.class_div_party_admin_block {
	display: block;
	position: relative;
	height: 200px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	padding: 8px;
	border-radius:4px;
	cursor: pointer;
	margin-bottom: 8px;
}
.class_div_party_block:LAST-OF-TYPE, 
.class_div_party_admin_block:LAST-OF-TYPE {
	margin-bottom: 0;
}
.class_div_party_admin_block {
	height: auto;
	cursor: default;
}
.class_div_party_block:HOVER {
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35);
}

.class_div_party_profile {
	width: 128px;
	float: left;
	margin: 0;
	vertical-align: middle;
}

.class_div_party_profile_image {
	width:128px;
	height:128px;
	position:relative;
	overflow:hidden;
	margin: auto;
	
	border-radius:4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.16);
	text-align: center;
}

.class_div_party_profile_image:HOVER {
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.class_div_party_profile_image img {
	height:128px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:auto;
	/*
	max-width:100%;
	max-height:100%;
	*/
}

.div_class_party_name {
	margin-left: 136px;
}
.div_class_party_name h3 {
	/*min-height: 80px;*/
}
.div_class_party_name > span {
}
.div_class_party_role {
	margin-left: 8px;
}
.div_class_party_slogan {
	clear: left;
	padding: 4px 2px;
}

.class_party_info_container {
	padding: 8px;
}
.party_founder {
    border: #94C3EA solid 2px;
	box-shadow: 0 0 5px 2px rgba(10,90,156,.15);
	/*color: #0A5A9C;*/
	color: #204A87;
}
.party_founder:HOVER {
	box-shadow: 0 0 5px 2px rgba(10,90,156,.45);
}
.party_normal {
    border: #ddd solid 2px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.16);
}
.party_normal:HOVER {
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.party_member {
    border: #94EA9F solid 2px;
	box-shadow: 0 0 5px 2px rgba(49,156,57,.15);
	/*color: #0A5A9C;*/
	color: #000;
}
.party_member:HOVER {
	box-shadow: 0 0 5px 2px rgba(49,156,57,.45);
	text-decoration: underline;
}
.class_span_membercount {
	cursor: pointer;
}
.class_span_membercount:HOVER {
	text-decoration: underline;
}
.party_opposite {
    border: #FFA793 solid 2px;
	box-shadow: 0 0 5px 2px rgba(157,51,33,.15);
	/*color: #0A5A9C;*/
	color: #000;
}
.party_opposite:HOVER {
	box-shadow: 0 0 5px 2px rgba(157,51,33,.45);
}
.class_div_party_main {
	display: table;
	width: 100%;
}
.class_div_party_header, 
.class_div_party_title {
	margin-left: 144px;
}
.class_a_publish_status{
	color: #a00;
}
.class_span_party_name {
	font-size: x-large;
	color: #23527c;
}
.class_div_party_text {
	padding-left: 8px;
	max-height: 120px;
	overflow: hidden;
}
.class_span_singleline {
	display: block;
}
.class_div_party_footer {
	background-color: #f5f5f5;
	border-top: 1px solid #e1e3e3;
	display: table;
	width: 100%;
	padding: 4px 0;
	margin-top: 8px;
}
.class_span_party_button {
	float: right;
	color: #337ab7;
	cursor: pointer;
}
.class_span_party_button:HOVER {
	text-decoration: underline;
}
#id_a_party_icon, #id_span_party_name {
	cursor: pointer;
}
.class_span_party_edit {
	float: right;
	color: #337ab7;
	cursor: pointer;
}
.class_div_new_button {
	margin: 4px 4px 8px 4px;
}
.class_span_title {
	font-size: large;
	color: #292929;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 1px 2px rgba(0, 0, 0, .3);
}
#id_button_new_party, #id_button_list_other, #id_button_list_joined {
	float: right;
}
.class_div_party_search_result {
	display: none;
	padding-top: 4px;
}

table#id_table_searchresult tbody {
	display: block;
	max-height: 240px;
	overflow-y: auto;
}
table#id_table_searchresult tr {
    display:table;
    width:100%;
    table-layout:fixed;/* even columns width , fix width of table too*/
}
table#id_table_searchresult td {
	overflow: hidden;
}
table#id_table_searchresult thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.ext_button {
    width: 240px !important;
}

table.table-hover tr:HOVER {
	background-color: #fff;
}

.class_div_find_profile {
	width: 36px;
	float: left;
	margin: 0;
	vertical-align: middle;
}

.class_div_find_profile_image {
	width:36px;
	height:36px;
	min-height: 36px;
	position:relative;
	overflow:hidden;
	margin: auto;
	
	border-radius:4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.16);
	text-align: center;
}
.class_div_find_profile_image:HOVER {
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

.class_div_find_profile_image img {
	height:36px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:auto
}
.div_class_username {
	margin-left: 40px;
}
.class_div_party_message {
	padding: 8px 0 0 0;
}
.class_div_party_message .popover {
	max-width: 400px;
}
.class_div_party_message .popover-title {
    display: block;
}
.class_div_party_message .popover-title .close{
    position: relative;
    bottom: 3px;
}
.class_div_party_message .popover-content textarea {
	width: 227px;
	margin-left: 70px;
	margin-bottom: 4px;
	margin-top: 2px;
}
.class_div_invitation_message_profile {
	width: 128px;
	float: left;
	margin: 0;
	vertical-align: middle;
}

.class_div_invitation_message_image {
	width:64px;
	height:64px;
	position:relative;
	overflow:hidden;
	margin: auto;
	margin-top: 4px;
	float: left;
	
	border-radius:4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.16);
	text-align: center;
}
.class_div_invitation_message_image:HOVER {
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

.class_div_invitation_message_image img {
	width: 64px;
	height:64px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:auto
}
.class_span_member {
	font-weight: bold;
	font-size: larger;
	vertical-align: middle;
	padding-top: 16px;
}
#id_button_findinvite, #id_button_applymember {
	float: right;
}
#id_span_applymessage {
	color: red;
}
#id_span_pendingrequest {
	cursor: pointer;
}
.class_div_requests_container {
	min-height: 400px;
}

.class_div_application_item{
	background-color: #fefefe;
	border-radius:2px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	padding: 4px;
	margin: 6px 0px 6px 0px;
	min-height: 44px;
}

.class_div_application_item:HOVER {
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

.class_div_application_profile {
	width: 40px;
	float: left;
	margin: 0;
	vertical-align: middle;
}

.class_div_application_profile_image {
	width:40px;
	height:40px;
	position:relative;
	overflow:hidden;
	margin: auto;
	
	border-radius:4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.16);
	text-align: center;
}
.class_div_application_profile_image:HOVER {
	box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

.class_div_application_profile_image img {
	height:40px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:auto
}

.class_div_application_title, 
.class_div_application_body, 
.class_div_application_foot {
	margin-left: 48px;
}
.class_div_application_title {
	font-weight: bold;
}
.class_span_user_name {
	color: #428bca;
}
.class_div_application_body {
	max-height: 60px;
}
.class_div_application_button {
	text-align: right;
}

.class_div_user_body {
	min-width: 300px;
	height: 120px;
	overflow: hidden;	
}
#id_class_div_loadmore {
	margin: 2px;
}
.class_div_new_button {
	clear: both;
}

.class_span_party_label{
	font-size: medium;
}
.class_span_party_slogan {
	padding-left: 8px;
	font-size: medium;
	color: #428bca;
}
.div_class_party_manifesto {
	margin-left: 136px;
	padding: 4px 4px 4px 0;
}
.div_class_party_footer {
	clear: both;
}
.div_class_party_footer {
	background: #eee;
	border-radius:2px;
	padding: 4px;
	margin-top: 4px;
}
.class_div_party_control_bar {
	float: right;
	display: table-cell;
	padding: 0 1px;
	vertical-align: middle;
	color: #1E74B2;
	padding-left: 8px;
	cursor: pointer;
}
.locked_party, 
.locked_party div {
	background: #aaa;
	color: #888;
}
.approved_party {
    border: #94C3EA solid 2px;
	box-shadow: 0 0 5px 2px rgba(10,90,156,.15);
	background: #dbeafd;
	/*color: #0A5A9C;*/
	color: #204A87;
}
.class_div_float_centre {
    display: block;
    position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	height: 60px;
	width: 240px;
	margin-left: -120px;
	margin-top: -30px;
	text-align: center;
	background-color: #ffe !important;
	color: #e22 !important;
	
	border: 1px solid #aaa;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #fff;
    vertical-align: middle;

	cursor: default;
	padding-top: 8px;
	font-family: "Palatino Linotype", Book Antiqua, Palatino, serif;
}
.class_span_party_relation {
	position: absolute;
	cursor: pointer;
	right: 12px;
	bottom: 8px;
}
.party_allies {
    border: #94EA9F solid 2px;
	box-shadow: 0 0 5px 2px rgba(49,156,57,.15);
	/*color: #0A5A9C;*/
	color: #000;
}
.party_allies:HOVER {
	box-shadow: 0 0 5px 2px rgba(49,156,57,.45);
}
.party_opposites {
    border: #FFA793 solid 2px;
	box-shadow: 0 0 5px 2px rgba(157,51,33,.15);
	/*color: #0A5A9C;*/
	color: #000;
}
.party_opposites:HOVER {
	box-shadow: 0 0 5px 2px rgba(157,51,33,.45);
}
