.header_grup{font-family: Verdana,Tahoma; background-color: #8e8e8e; padding: 15px 5px 2px 30px; color: #fff;  font-size: 140%; text-transform: uppercase}
.grup_content{background-color: #CCC;   font-size: 10px; text-transform: uppercase}

.filter_bar {background-color: #CCC; padding: 5px; font-size: 10px; text-transform: uppercase}
.filter_bar+.filter_bar {background-color: #D5D5D5}
.filter_bar ul {overflow: hidden}
.filter_bar ul li {float: left}
.filter_bar ul li.category {margin-right: 3px; color: #777}
.filter_bar ul li.section_spinner embed {float: left; margin: 1px 0 0 2px}
.filter_bar ul li .edit {border-left: 1px dotted #ccc}
.filter_bar ul li a {padding: 1px 6px; color: #222}
.filter_bar ul li a:hover {color: #787878}
.filter_bar ul li a.active {background-color: #666; color: #FFF; text-decoration: none; cursor: pointer}
.filter_bar ul li a.associated {background-color: #787878; color: #FFF; text-decoration: none; cursor: pointer}
.filter_bar ul li a.associated:hover {background-color: #666}

.simple_pager {background-color: #CACACA; border-top: 1px solid #FEFEFE; overflow: hidden; color: #424242}
.simple_pager a {color: #333; text-decoration: none}
.simple_pager a:hover {color: #000; background-color: #AAA}
.simple_pager a.disabled {color: #888; cursor: default; text-decoration: none}
.simple_pager a.disabled:hover {color: #888; background-color: #CACACA}
.simple_pager .prev {float: left; width: 100px; padding: 2px 4px; border-right: 1px solid #FEFEFE}
.simple_pager .page_loc {float: left; width: 102px; padding: 2px 0px; text-align: center}
.simple_pager .next {float: right; width: 100px; padding: 2px 4px; border-left: 1px solid #FEFEFE; text-align: right}

.menu_guru {width: 180px; float: left}
.menu_guru a {margin: 5px 0}

.graphic {left: 13px; top: 26px; width: 94px; max-height: 145px; padding-bottom: 41px; background-image: url(../images/new/bg_shadow_40px.png)}
.graphic img {width: 100%}

.card_num { height: 19px; text-align: right; line-height: 19px;  padding: 2px 30px 0 0;  font-size: 13px; color: #000}

img.hoo {background: #b6b6b8; padding: 3px ;}
 
.item {overflow: hidden; padding: 10px 5px; border-top: 1px solid #FFF; margin: 0 0 0 20; text-align: left}
.item .game_cover {position: relative; float: left; width: 40px; margin-right: 7px}
.item .game_cover a {display: block; text-decoration: none}
.item .game_cover img {max-height: 46px; max-width: 40px}
.item .game_cover .count_outer {position: absolute; top: 2px; left: 2px; padding: 1px; background-image: url(../images/new/white_20.png)}

.item .game_info {width: 243px}
.item .game_info a.game_title {display: block; margin: 0 0 5px 20px; font-family: Tahoma, Arial; font-size: 15px; color: #333}
.item .game_info a.game_title:hover {color: #111}
.item .game_info a.game_title:hover span {color: #111}
.item .game_info a.game_title span {font-size: 11px; color: #666}


.item .game_cover .count_outer {position: absolute; top: 2px; left: 2px; padding: 1px; background-image: url(../images/new/white_20.png)}
.item .game_cover .count_outer .count_inner {padding: 1px 3px; background-color: #000; font-size: 9px;  color: #FFF; cursor: pointer}

#foot_menu {padding: 55px 0 0 50px; color: #fff}
#foot_menu a{color: #eeeeee;  font-size: 12px; padding: 0 2px 0 0; }
#foot_menu a:hover{color: #fff;  font-size: 12px;}


.game_header {z-index: 2; position: relative; width: 960px; height: 200px; padding-bottom: 0px; margin: -10px auto 0 auto;  }
.game_header object {outline: none}
.game_header .toop {margin: 0 0 20px; }
.game_header .toop .game_title {font-size: 36px; font-weight: normal;font-family: Verdana,Tahoma; line-height: 0%}
.game_header .toop .game_title span {font-size: 18px; color: #333}
.game_header .toop .game_title a {text-decoration: none; color: #000}
.game_header .toop a.btn_full_details {display: block; width: 90px; height: 20px; background-image: url(../images/new/view_full_details_dual.png); background-position: center top; background-repeat: no-repeat}
.game_header .top a.btn_full_details:hover {background-position: center bottom}
.game_header .game_header_left {float: left; width: 630px}
.game_header .game_header_left .summary {overflow: hidden}
.game_header .game_header_left .summary .pic {float: left; padding: 0px 8px 0px 0px}
.game_header .game_header_left .summary .pic img {max-width: 102px; max-height: 86px}
.game_header .game_header_left .summary ul.info {float: left; width: 520px}
.game_header .game_header_left .summary ul.info li {overflow: hidden; margin-bottom: 3px}
.game_header .game_header_left .summary ul.info li .field_title {float: left; width: 110px; text-transform: normal !important;  color: #666}
.game_header .game_header_left .summary ul.info li .field_info {float: left; width: 388px;   color: #111}
.game_header .game_header_right {float: right; width: 320px; text-align: right; margin-top: -10px}
.game_header .game_header_right .count {font-size: 24px; margin: 0px; color: #000}
.game_header .game_header_right .count span {font-size: 14px; color: #555}
.game_header .game_header_right .pop_bar {position: relative; overflow: hidden; padding: 1px; margin: 5px 0px 5px 0px; border: 1px solid #C8C8C8; background-color: #F1F1F1}
.game_header .game_header_right .pop_bar .pop_fill {height: 16px; background-color: #AFEB73; padding: 2px}
.game_header .game_header_right .pop_bar .pop_fill span {position: absolute; right: 5px; padding: 0 2px; white-space: nowrap; font-size: 14px; font-weight: bold; color: #333}
.game_header .game_header_right .popularity_text {font-size: 10px; color: #000}
.game_header .game_header_right .popularity_text .popularity {color: #666; margin-right: 2px}
.game_header .game_header_right .popularity_text .desc {float: left; width: 300px; height: 390px; overflow-y: auto; border-left: #333 1px dotted; padding: 0px 20px 0px 20px}
.game_header #full_details {position: absolute; left: -20px; top: -11px; z-index: 500}
.game_header #full_details .clear {clear: both; width: 100%}
.game_header #full_details .full_details_top {width: 1000px; height: 31px; background-image: url(../images/new/full_details_bg_top_white.png)}
.game_header #full_details .full_details_top a.close {float: right; width: 12px; height: 12px; margin: 18px 18px 0 0; background-image: url(../images/new/event_modal_close.png); background-position: center bottom; background-repeat: no-repeat}
.game_header #full_details .full_details_top a.close:hover {background-position: center top}
.game_header #full_details .full_details_top a.close_details {float: left; margin: 16px 0 0 22px; font-size: 8px; text-transform: uppercase; text-decoration: none; color: #666}
.game_header #full_details .full_details_top a.close_details:hover {color: #BBB}
.game_header #full_details .full_details_mid {float: left; height: auto; width: 1000px; padding-left: 1px; background-image: url(../images/new/full_details_bg_mid_white.png); background-repeat: repeat-y}
.game_header #full_details .full_details_mid .game_title {font-size: 36px; font-weight: normal; margin: 0 19px 10px}
.game_header #full_details .full_details_mid .game_title span {font-size: 18px; color: #333}
.game_header #full_details .full_details_mid .cat_title {margin: 0 0 8px; font-size: 10px; color: #111}
.game_header #full_details .full_details_mid .cat_title span {color: #777; font-weight: normal}
.game_header #full_details .full_details_mid .sec_title {margin: 0; padding: 1px; color: #555; background-color: #DDD; font-weight: normal; font-size: 10px}
.game_header #full_details .full_details_mid .sec_title span {float: right; position: relative}
.game_header #full_details .full_details_mid p {margin: 2px 0 15px; padding-left: 2px; color: #333; line-height: 18px; font-size: 11px}
.game_header #full_details .full_details_mid ol {color: #333; margin: 2px 0 15px; padding-left: 2px}
.game_header #full_details .full_details_mid ol li {padding: 1px; font-size: 11px}
.game_header #full_details .full_details_mid ol li span {float: right; position: relative; left: -8px}
.game_header #full_details .full_details_mid .info {float: left; width: 300px; margin: 0 20px 0 19px}
.game_header #full_details .full_details_mid .info .left {float: left; width: 75px}
.game_header #full_details .full_details_mid .info .left img {max-width: 70px; max-height: 86px}
.game_header #full_details .full_details_mid .info .general {float: right; width: 224px}
.game_header #full_details .full_details_mid .traits {float: left; width: 260px; padding: 0 20px; border-left: #333 1px dotted}
.game_header #full_details .full_details_mid .desc {float: left; width: 300px; height: 390px; overflow-y: auto; border-left: #333 1px dotted; padding: 0px 20px 0px 20px}
.game_header #full_details .full_details_end {float: left; width: 1000px; height: 31px; background-image: url(../images/new/full_details_bg_end_white.png); background-repeat: no-repeat}


.top {overflow: hidden; padding: 0 0 4px 0; margin: 10px 0 20px 0; border-bottom: 1px solid #888}
.top .stats {float: left; padding: 10px 16px; border-right: 1px solid #888; text-align: center}
.top .stats .number {font-size: 36px; font-family: georgia,arial,sans-serif; color: #000}
.top .stats .subtext {font-size: 11px; color: #666; text-transform: uppercase; margin-top: 3px}
.top .info {overflow: hidden; padding: 20px; font-size: 11px; color: #333}
.top .info h2 {font-size: 24px; padding-bottom: 5px;}

.search_result {overflow: hidden; margin: 50px 0px 0px 0px}
.search_result:first-child {margin: 25px 0 0 0}
.search_result img.avatar {max-height: 64px; max-width: 64px; border: 1px solid #777}
.search_result .column {float: left; min-height: 50px; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px dotted #999}
.search_result .column:first-child {border: none; margin: 0}
.search_result .column .user {overflow: hidden; padding: 0 0 0 11px}
.search_result .column .user h2 {display: inline}
.search_result .column .user .result {color: #444}
.search_result .column .user .result a {font-size: 12px; color: #DDD}
.search_result .column .user .location {display: inline; font-size: 11px; line-height: 15px; color: #444; border-left: 1px solid #BBB; padding-left: 5px; margin-left: 5px}
.search_result .column .user .member_since {clear: both; font-size: 10px; color: #777}
.search_result .column .quote_arrow {margin-top: 4px; background-image: url(../images/new/bg/quote_white_small_v01.png); background-position: top left; background-repeat: no-repeat}
.search_result .column .quote_arrow .quote {overflow: hidden; padding: 5px 5px 5px 6px; background-color: #FFF; color: #777; border: 1px solid #E6E6E6; border-left: none; margin: 0 0 0 10px; font-family: Georgia, serif; font-size: 11px; font-style: italic}
.search_result .column ul.info .cat_title {font-size: 10px; color: #777; text-transform: uppercase}
.search_result .column ul.info .result {font-size: 11px}
.search_result .column ul.info .result_rec_open {color: #108800}
.search_result .column ul.info .result_rec_closed {color: #BD5B4E}
.search_result .column ul.info a.game {display: block; font-size: 11px}
.search_result #column_avatar {width: 66px}
.search_result #column_user_info {width: 240px; border: none; padding: 0 0 0 5px; margin: 0}
.search_result #column_dna_info {width: 178px}
.search_result #column_dna_info p {margin: -2px 0px 0px 0px; padding: 0px 0px 4px 0px}
.search_result #column_fame {width: 69px}
.search_result #column_game_cover {width: 68px}
.search_result #column_game_cover img {max-width: 64px; max-height: 110px; padding: 1px; border: 1px solid #666}
.search_result #column_game_info {width: 230px; border: none; margin: 0}
.search_result #column_game_info h3 {margin-bottom: 8px}
.search_result #column_game_info h3 a {color: #000}
.search_result #column_game_stats {width: 130px}
.search_result #column_game_actions {width: 120px}
.search_result #column_group_info {width: 237px; border: none; margin: 0}
.search_result #column_group_info h3 {margin-bottom: 8px}
.search_result #column_group_info h3 a {color: #000}
.search_result #column_group_info2 {width: 140px}


.sidebar {float: right; width: 330px; margin-bottom: 50px}
ul.actions li {padding: 2px 0}
ul.actions li a {display: block; padding-left: 17px; background-position: left center; background-repeat: no-repeat; color: #444; font-size: 11px; min-height: 13px}
ul.actions li a.icon_add {background-image: url(../images/new/bg/plus_green_sml.png)}
ul.actions li a.icon_follow {background-image: url(../images/new/bg/follow_13px.png)}
ul.actions li a.icon_unfollow {background-image: url(../images/new/bg/stop_12px.png)}
ul.actions li a.icon_visit {background-image: url(../images/new/bg/arrow_right_black_8px.png); background-position: 3px center}

td.group_tab a {
	background-color: #EEEEEE;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	font-weight: bold; 
	display: block;
}
td.group_tab a:hover {
	background-color: #F4F4F4;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	font-weight: bold; 
	display: block;
}
td.group_tab2 a {
	background-color: #FFFFFF;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 8px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	border-bottom: none;
	font-weight: bold; 
	display: block;
}
td.group_tab2 a:hover {
	background-color: #FFFFFF;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 8px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	border-bottom: none;
	font-weight: bold; 
	display: block;
}
#group_tabs_group { 
	border-left: 1px solid #AAAAAA;
}
td.group_tab_end {
	border-bottom: 1px solid #AAAAAA;
}
div.group_content {
	padding: 10px; 
 
	border-top: none;
}
div.group_headline, div.group_headline2 {
	font-size: 10pt; 
	margin-bottom: 7px;
	background: url(../images/new/e/title.gif) no-repeat;
	font-weight: bold;
	width: 507px; padding: 7px 0 17px 90px;
}
div.group_headline2 {
	margin-top: 10px;
}
div.group_officer_title {
	font-size: 7pt;
	color: #777777;
}
div.group_members_result {
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
}
div.group_members_photo {
	float: left;
}

/* ADD AND EDIT GROUP */
div.group_box {
	padding: 10px; 
	border: 1px solid #DDDDDD; 
	border-top: none;
}
div.group_form_desc {
	padding-top: 2px;
	padding-bottom: 8px;
	width: 400px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
}


/* BROWSE GROUPS */
select.group_small {
	font-size: 8pt;
	border: 1px solid #AAAAAA;
}
select.group_select {
	border: 1px solid #AAAAAA;
}
div.group_pages_top {
	margin-bottom: 10px; 
	text-align: center; 
	padding: 7px 5px 7px 5px; 
	background: #F3F3F3; 
	border-top: 1px solid #CCCCCC;
}
div.group_pages_bottom {
	margin-bottom: 10px; 
	text-align: center; 
	padding: 7px 5px 7px 5px; 
	background: #F3F3F3; 
	border-bottom: 1px solid #CCCCCC;
}
input.group_search {
	border: 1px solid #AAAAAA;
}


/* GROUPS */
td.group_left {
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
td.group_right {
	width: 0%;
	text-align: right;
	vertical-align: bottom;
}
div.group_row {
	background: #F3F3F3;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}
div.group_row_invite {	
	background: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	border: 1px dashed #AAAAAA;
}
div.group_row_photo {
	background: #FFFFFF; 
	border: 1px solid #CCCCCC; 
	padding: 10px 5px 10px 5px; 
	text-align: center; 
	vertical-align: middle;
}
div.group_row_date {
	color: #777777;
	font-size: 7pt;
}
div.group_row_title {
	font-size: 10pt; 
	font-weight: bold;
}
div.group_row_buttons {
	margin-top: 10px; 
	border-top: 1px solid #DDDDDD; 
	padding-top: 7px;
}
td.group_row1 {
	padding: 0px 10px 10px 10px;
	vertical-align: top;
}
td.group_row2 {
	text-align: right;
	vertical-align: top;
}
td.group_cat {
	padding: 5px 35px 5px 0px;
}
div.group_list {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: 0px;
	padding: 5px 7px 5px 7px;
}
div.group_bar {
	border-bottom: 1px solid #DDDDDD;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
td.group_item1 {
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
td.group_item2 {
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
div.group_topic {
	border-top: 1px solid #EAEAEA;
	text-align: left;
	padding: 7px 0px 7px 3px;
}
div.group_topic_end {
	border-top: 1px solid #EAEAEA;
	text-align: left;
	padding: 7px 0px 0px 3px;
}
div.group_viewall {
	margin-top: 7px; 
	border-top: 1px solid #DDDDDD; 
	padding-top: 7px;
}
div.group_topic_date {
	color: #777777;
	font-size: 7pt;
}
div.group_topic_title {
	font-weight: bold;
}

/* BROWSE GROUP MEMBERS */
div.group_member {
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-top: 10px;
	background: #FFFFFF;
}
div.group_member_info {
	font-size: 7pt; 
	color: #666666;
}
div.group_member_title {
	font-weight: bold; 
	padding-top: 5px;
}

/* GROUP DISCUSSIONS */
td.group_discussion_topic1, td.group_discussion_topic1_end {
	border-top: 1px solid #DDDDDD;
	padding: 10px; 
	background: #F5F5F5;
	vertical-align: top;
        border-right: 1px solid #DDDDDD;
}
td.group_discussion_topic2, td.group_discussion_topic2_end {
	border-top: 1px solid #DDDDDD;
	padding: 10px; 
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
}
td.group_discussion_topic1_end, td.group_discussion_topic2_end {
	border-right: none;
}
div.group_discussion_bar {
	font-size: 1pt;
	border-bottom: 1px solid #DDDDDD;
}
table.group_discussion_table, div.group_discussion_table {
	border: 1px solid #DDDDDD; 
	border-top: none;
}
table.group_discussion_thread {
	border: 1px solid #DDDDDD; 
	border-top: none;
}
td.group_discussion_item1 {
	padding: 5px 0px 5px 0px;
	vertical-align: top;
	padding: 10px; 
	border-right: 1px solid #FFFFFF;
}
td.group_discussion_item2 {
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
div.invite_friendlist {
	overflow: auto; 
	margin: 4px 0px 4px 0px; 
	height: 130px; 
	text-align: left; 
	padding-left: 4px; 
	border: 1px solid #AAAAAA;
}
div.group_discussion_deleted {
	padding: 10px;
	font-style: italic;
}
div.group_discussion_row1 {
	border-top: 3px solid #DDDDDD; 
	background: #F2F2F2;
}
div.group_discussion_row2 {
	border-top: 3px solid #DDDDDD; 
	background: #FCFCFC;
}
div.group_discussion_daterow {
	border-top: 1px solid #CFCFCF; 
	margin-top: 6px;
  width: 100%;
}
div.group_discussion_daterow_i2 {
	padding-top: 6px; 
	padding-bottom: 6px; 
  width: 700px;
	overflow: auto;
	overflow-y: visible;
	overflow-x: auto;
}
div.group_discussion_quote {
	margin: 10px; 
	border: 1px dashed #AAAAAA;
	background: #f6fcff;
	padding: 10px;
}


/* Discussion: [code] */
div.group_discussion_code {
	padding: 10px;
	font-family: courier, courier new, tahoma, serif;
	background: #fffaef;
	border: 1px dashed #ffdb86;
	margin-top: 5px; margin-bottom: 5px;
}

div.group_discussion_code div.group_discussion_code_title {
  padding-bottom: 3px;
  border-bottom: 1px solid #e0e0e0;
}