/*****************************
   module boxes
*****************************/
.module_head {height: 20px; color: White; font-weight: bold; border: 1px solid #7D7D7D;
	background: url(../../images/common/module_title_bg.jpg) repeat-x top left;}
.module_head div {padding: 2px 3px 0px 3px; overflow: hidden; font-size: 110%;}
.module_foot {border: 1px solid #7D7D7D; border-top: none; margin-bottom: 10px; padding: 10px;
	background: #282828 url(../../images/common/module_body_bg.jpg) repeat-x top left;}
.module_foot_nopad {border: 1px solid #7D7D7D; border-top: none; margin-bottom: 10px;
	background: #282828 url(../../images/common/module_body_bg.jpg) repeat-x top left;}
.module_foot_grey {border: 1px solid #7D7D7D; border-top: none; margin-bottom: 10px; padding: 10px; background-color: #1F1F1F}
.module_foot_grey_nopad {border: 1px solid #7D7D7D; border-top: none; margin-bottom: 10px; background-color: #1F1F1F}
	
.module_head_green {height: 20px; color: White; font-weight: bold; border: 1px solid #3BE200;
	background: url(../../images/common/module_green_title_bg.jpg) repeat-x top left;}
.module_head_green div {padding: 2px 3px 0px 3px; overflow: hidden; font-size: 110%;}
.module_foot_green {border: 1px solid #3BE200; border-top: none; margin-bottom: 10px; padding: 10px; background-color: #000;}
.module_foot_green_nopad {border: 1px solid #3BE200; border-top: none; margin-bottom: 10px; background-color: #000;}

/*****************************
   grids
*****************************/
.grid {width: 100%; table-layout: fixed; border-collapse:collapse;}
	.grid th, .grid td {padding: 4px; border: 1px solid #7d7d7d;}
	.grid th {font-weight: bold; background: url(../../images/common/module_title_bg.jpg) repeat-x top left;}
	.grid td {background-color: #222;}
	.grid td.alt {background-color: #282828;}
	.grid td.alt2 {background-color: #111;}
.grid_group {border: 1px solid #7d7d7d; padding: 5px; background: #282828 url(../../images/common/module_body_bg.jpg) repeat-x top left;}
td.grid_group {vertical-align: middle;} /* only apply this to cells, otherwise it messes up IE */
.grid_subhead {background-color: #282828; border-bottom: 1px solid #7d7d7d; padding: 4px;}
.grid_empty {border: 1px solid #7d7d7d; border-top: 0; background-color: #282828; padding: 5px; text-align: center;}

/*****************************
   grid/list pager styles
*****************************/
.pager_table {width: 100%;}
	.pager_table .pager_left {white-space: nowrap;}
	.pager_table .pager_right {text-align: right;}
	
/*****************************
   tabs
*****************************/
.tabs_bar {height: 32px; position: relative; background: url(../../images/common/tab_bar_line.jpg) repeat-x bottom left;}
	.tabs_bar .tabs_item {float: left; height: 32px; margin-right: 5px; cursor: pointer;}
	.tabs_bar .tabs_item div, #tabsection .tabs_item span {float: left;} /* IE6 Fix */
	.tabs_bar .tabs_active {padding-left: 12px; background: url(../../images/common/tab_active_left.jpg) no-repeat top left;}
	.tabs_bar .tabs_active div {padding-right: 12px; height: 32px; background: url(../../images/common/tab_active_right.jpg) no-repeat top right;}
	.tabs_bar .tabs_active span {display: block; height: 22px; padding-top: 10px; background: url(../../images/common/tab_active_center.jpg) repeat-x top left; font-weight: bold;}
	.tabs_bar .tabs_inactive {padding-left: 12px; height: 31px; background: url(../../images/common/tab_inactive_left.jpg) no-repeat top left; border-bottom: 1px solid #7D7D7D;}
	.tabs_bar .tabs_inactive div {padding-right: 12px; height: 31px; background: url(../../images/common/tab_inactive_right.jpg) no-repeat top right;}
	.tabs_bar .tabs_inactive span {display: block; height: 21px; padding-top: 10px; background: url(../../images/common/tab_inactive_center.jpg) repeat-x top left; font-weight: bold;}

.tabs_body {position: relative; background-color: #1F1F1F; border: 1px solid #7D7D7D; border-top: 0;}

/*****************************
   navstrips (navigation bar)
*****************************/
#navstrip {margin-bottom: 10px;} /* just in case styles are needed for left/right sides */
#navstrip_inner {height: 25px; color: #fff; font-weight: bold; border: 1px solid #a8a8a8;
	overflow: hidden; background: url(../../images/common/navstrip_bg.jpg) repeat-x top left;}
	#navstrip a:link, #navstrip a:active, #navstrip a:visited
		{float: left; height: 20px; padding: 5px 5px 0px 5px; color: #fff; border: 0; text-decoration: none;}
	#navstrip a:hover, #navstrip .selected:link, #navstrip .selected:active, #navstrip .selected:visited, #navstrip .selected:hover
		{color: #fff; background: url(../../images/common/navstrip_sel.jpg) repeat-x top left; text-decoration: none;}
	.navstrip_sep {float: left; height: 25px; width: 2px; overflow: hidden; 
		background: url(../../images/common/navstrip_sep.jpg) no-repeat top left;}

/*****************************
   standard boxes
*****************************/
.error_box {color: #ffffff; padding: 5px; border: 1px solid white; background-color: #8c2222; margin-bottom: 10px;}
.error_box_title {text-align: center; font-weight: bold; text-decoration: underline;}
.error_box_list {margin: auto;}
.error_box_list ul {padding-bottom: 5px;}

.infobox {border: 1px solid #7d7d7d; background-color: #000; padding: 5px 10px 5px 10px; margin-bottom: 10px;}
.finishbox {border: 1px solid #3BE200; background-color: #000; padding: 5px 10px 5px 10px; text-align: center; font-weight: bold; margin-top: 10px;}

.loadingbox {position: absolute; top: 20px; left: 20px; color: #fff; font-weight: bold; 
	border: 1px solid #3BE200; padding: 10px 10px 10px 35px; z-index: 999999; 
   background: #000 url(../../images/icons/loading_large.gif) no-repeat 2px center;}

/*****************************
   banner ad styles
*****************************/
.banners {width: 100%; table-layout: fixed;}
	.banners_left {width: 5px; background: url(../../images/common/line-silver.gif) repeat-x left center;}
	.banners_middle {width: 72px; color: #eeeeee; padding: 0px 3px 0px 3px;}
	.banners_right {background: url(../../images/common/line-silver.gif) repeat-x left center;}
	
/*****************************
   common elements
*****************************/
.separator_grey {height: 1px; overflow: hidden; background: url(../../images/common/dots_grey.gif) repeat-x top left; margin: 10px 5px 10px 5px;}
.separator_white {height: 1px; overflow: hidden; background: url(../../images/common/dots_white.gif) repeat-x top left; margin: 10px 5px 10px 5px;}

.rss_link:link, .rss_link:active, .rss_link:visited, .rss_link:hover 
	{padding-left: 20px; background: url(../../images/icons/rss.png) no-repeat left center; display: inline-block;}

/*****************************
   avatar styles
*****************************/
.avatar {width: 100%;}
	.avatar_image {text-align: center;}
	.avatar_image img {border: 1px solid #000;}
	.avatar_image img:hover {border: 1px solid #777;}
	.avatar_title {text-align: center; margin-bottom: 2px;}
	.avatar_online {width: 87px; height: 19px; margin: auto;
		background: url(../../images/common/online.gif) no-repeat top left;}
	.avatar_contact {padding: 3px 0px; text-align: center;}
		.avatar_contact a:link, .avatar_contact a:active, .avatar_contact a:visited, .avatar_contact a:hover {text-decoration: none; font-size: 11px;}
		.avatar_friend {padding-left: 14px; background: url(../../images/icons/addfriend.png) no-repeat top left;}
		.avatar_message {padding-left: 16px; background: url(../../images/icons/sendmessage.gif) no-repeat top left;}
		.avatar_comment {padding-left: 16px; background: url(../../images/icons/addcomment.gif) no-repeat top left;}
	.avatar_details {padding-left: 10px;}
		.avatar_details table {width: 100%; table-layout: fixed;}
		.avatar_caption {width: 85px; font-weight: bold;}
		.avatar_headline {font-style: italic; color: #ccc;}

.charavatar {width: 100%;}
	.charavatar_image {text-align: center;}
	.charavatar_image img {border: 1px solid #000;}
	.charavatar_image img:hover {border: 1px solid #777;}
	.charavatar_title {margin-bottom: 2px;}
	.charavatar_details {padding-left: 10px; text-align: left;}
		.charavatar_stats {}
		.charavatar_game {}
	
.guildavatar {width: 100%;}
	.guildavatar_image {text-align: center;}
	.guildavatar_image img {border: 1px solid #000;}
	.guildavatar_image img:hover {border: 1px solid #777;}
	.guildavatar_details {padding-left: 10px;}
		.guildavatar_name {margin-bottom: 2px;}
		.guildavatar_games {margin-bottom: 2px;}
		.guildavatar_members {margin-bottom: 2px;}
		.guildavatar_descrip {color: #ccc; margin-bottom: 2px;}
		.guildavatar_join {}
	
.gameavatar {width: 100%;}
	.gameavatar_image {}
	.gameavatar_image img {border: 1px solid #000;}
	.gameavatar_image img:hover {border: 1px solid #777;}
	.gameavatar_details {padding-left: 10px;}
		.gameavatar_label {width: 90px; font-weight: bold;}
		.gameavatar_details table {width: 100%;}
		.gameavatar_ratings {width: 105px;}
		.gameavatar_rating {width: 105px; text-align: center; font-weight: bold;}
		.gameavatar_rating .rating_left {float: left; width: 50px;}
		.gameavatar_rating .rating_right {float: right; width: 50px;}
		.gameavatar_rating .rating_box 
			{padding: 2px; margin-bottom: 2px; font-size: 110%; color: #fff; border: 1px solid #3BE200;
			 background: url(../../images/common/module_green_title_bg.jpg) repeat-x top left;}
		.gameavatar_rating .rated {color: #FFD700;}

/*****************************
   dropdown calendars
*****************************/
.ajax__calendar {z-index: 99999;}
.ajax__calendar_container {border:1px solid #646464; background-color:#fff; color:#000; z-index: 99999;}
.ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar_day {border:1px solid #fff;}
.ajax__calendar_month {border:1px solid #fff;}
.ajax__calendar_year {border:1px solid #fff;}

.ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff; border-color:#0066cc; color:#0066cc;}
.ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff; border-color:#0066cc; color:#0066cc;}
.ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff; border-color:#0066cc; color:#0066cc;}

.ajax__calendar_other .ajax__calendar_day {background-color:#ffffff; border-color:#ffffff; color:#646464;}
.ajax__calendar_other .ajax__calendar_year {background-color:#ffffff; border-color:#ffffff; color:#646464;}

.ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff; border-color:#daf2fc; color:#0066cc;}
.ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff; border-color:#daf2fc; color:#0066cc;}
.ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff; border-color:#daf2fc; color:#0066cc;}

.ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

/*****************************
   blogs
*****************************/
#blogs {}
	#blogs_header {width: 100%; table-layout: fixed;}
		#blogs_header .blogs_rss {width: 45px;}
		#blogs_header .blogs_add {width: 80px;}
		#blogs_header .blogs_pager {padding-left: 5px;}
	#blogs_list {width: 100%; table-layout: fixed;}
		#blogs_list .blogs_list_header {width: 100%; table-layout: fixed; margin-bottom: 5px;}
		#blogs_list .blogs_list_title {}
		#blogs_list .blogs_list_date {width: 150px; text-align: right; font-style: italic; color: #ccc;}
		#blogs_list .blogs_list_body {width: 100%; min-height: 2em; overflow: auto; white-space: pre-wrap; margin-bottom: 10px;}
		#blogs_list .blogs_list_links {}
		#blogs_list .blogs_list_alert {color: red; font-weight: bold;}
	#blogs .blogs_empty {text-align: center;}
	
	#blogs_single_nav {text-align: center;}
	#blogs_single_header {width: 100%; table-layout: fixed; margin-bottom: 5px;}
		#blogs_single_title {}
		#blogs_single_date {width: 150px; text-align: right; font-style: italic; color: #ccc;}
	#blogs_single_body {width: 100%; min-height: 2em; overflow: auto; white-space: pre-wrap; margin-bottom: 10px;}
	#blogs_single_links {}

/*****************************
   friends lists
*****************************/
#friends_header, #friends_footer {width: 100%; table-layout: fixed;}
	#friends_header .friends_links, #friends_footer .friends_links {width: 140px;}
	#friends_header .friends_actions, #friends_footer .friends_actions {width: 210px;}
	#friends_header .button, #friends_footer .button {width: 90px;}
	
#friends_list {width: 100%;}
	#friends_list .friends_cell {text-align: center; padding-bottom: 10px;}
	#friends_list .avatar {width: auto; margin: auto;}
	#friends_list .friends_remove {margin-top: 3px; text-align: center;}
	#friends_list .friends_added {margin-top: 3px; text-align: center; font-style: italic; color: #ccc;} 
.friends_empty {text-align: center;}

#friends_requests {width: 100%;}
	#friends_requests .friends_requests_avatar {}
	#friends_requests .friends_requests_buttons {width: 110px; text-align: right;}
	#friends_requests .friends_requests_buttons .button {width: 100px; margin-bottom: 5px;}

/*****************************
   gallery viewers
*****************************/
#gallery_header {width: 100%;}
	#gallery_header .gallery_editlink {width: 1px;}
	#gallery_header .gallery_uploadlink {width: 1px; padding-right: 10px;}
	#gallery_header .gallery_editlink span {white-space: nowrap;}
	#gallery_header .gallery_uploadlink span {white-space: nowrap;}
	
.gallery {width: 100%; table-layout: fixed;}
	.gallery td {padding-bottom: 10px; text-align: center;}
	.gallery img {border: 1px solid black; margin-bottom: 3px;}
	.gallery img:hover {border: 1px solid #7d7d7d;}
	.gallery .textbox {margin: 0px 2px 2px 2px;}
	.gallery_thumb_title {text-align: center; margin-bottom: 3px;}
	.gallery_thumb_links {text-align: center;}
	.gallery_thumb_admin {margin-bottom: 5px; text-align: center; font-size: 90%;}
	.gallery_thumb_avatar {color: red;}
	.gallery_pending {color: red;}
.gallery_buttons {text-align: center;}
.gallery_buttons input {width: 100px;}
	
#gallery_image_nav {text-align: center; font-weight: bold;}
#gallery_image {text-align: center;}
#gallery_image img {border: 1px solid black;}
#gallery_details {width: 100%; table-layout: fixed;}
	#gallery_details .gallery_details_author {width: 92px; text-align: center;}
	#gallery_details_info {padding-left: 10px;}
	#gallery_details_info table {width: 100%;}
	#gallery_details_info td {padding-bottom: 2px;}
	#gallery_details_info .col_caption {width: 80px;} 
	#gallery_details_links {width: 150px; text-align: right;}
	#gallery_details_links .gallery_details_admin {font-weight: bold; margin-top: 8px;}

/*******************************
    bulletins
*******************************/
#bulletins_new .separator_white {margin: 5px 0px 5px 10px;}
#bulletins_new .bulletin_item {padding-left: 10px; background: url(../../images/common/bullet_white.gif) no-repeat 0px 5px;}
#bulletins_new .bulletin_title:link, #bulletins_new .bulletin_title:active, #bulletins_new .bulletin_title:visited {font-style: italic;}
#bulletins_new_links {margin-top: 10px; padding-left: 10px;}

#bulletins_header {width: 100%; table-layout: fixed;}
	#bulletins_header .bulletins_add {width: 90px;}
.bulletins_list .col_avatar {width: 100px; text-align: center;}
.bulletins_list .col_avatar table {width: auto;}
.bulletins_list .col_avatar td {border: 0; padding: 0;}
.bulletins_list .col_posted {width: 120px;}
.bulletins_list .col_title {}
.bulletins_list .col_links {width: 90px; text-align: right;}

#bulletin_header {font-weight: bold; text-align: center;}
.bulletin_body {width: 100%; table-layout: fixed;}
	.bulletin_body .caption {width: 90px;}
	.bulletin_body .value {padding-top: 4px;}
	.bulletin_body .value .avatar {width: auto;}
	.bulletin_body .bulletin_text {width: 100%; overflow: auto; white-space: pre-wrap;}
#bulletin_buttons {text-align: center;}
	#bulletin_buttons input {width: 100px;}

/*****************************
   comments
*****************************/
#comments {}
	#comments_links {}
	#comments_toppager {margin-bottom: 10px;}
	#comments_list {width: 100%; table-layout: fixed;}
		#comments_list .comments_avatar {width: 92px; text-align: center;}
		#comments_list .comments_body {padding-left: 10px;}
		#comments_list .comment_header {width: 100%; table-layout: fixed; margin-bottom: 5px;}
		#comments_list .comment_date {width: 200px; font-style: italic;}
		#comments_list .comment_actions {text-align: right;}
		#comments_list .comment_alert {color: red; font-weight: bold;}
		#comments_list .comment_text {width: 100%; min-height: 50px; overflow: auto;}
	#comments .comments_empty {text-align: center;}

/*****************************
   games list
*****************************/
#gameslist_header {width: 100%; table-layout: fixed;}
	#gameslist_header .gameslist_manage {width: 110px;}
#gameslist_buttons {margin-top: 10px; text-align: center;}
	#gameslist_buttons input {width: 100px;}

/*****************************
   catpcha controls
*****************************/
.captcha_image {}
.captcha_image {margin-bottom: 5px;}
.captcha_image img {border: 1px solid black;}
.captcha_controls {}
.captcha_label {font-weight: bold; margin-bottom: 2px;}

/*****************************
   dropdown autocomplete
*****************************/
.ajax__autocomplete {position: absolute; border: 1px solid #7d7d7d; background-color: #fff; color: #000; 
                     font-weight: normal; padding: 1px; list-style-type: none; z-index: 99999; cursor: pointer;}
.ajax__autocomplete .suggestion {border: 1px solid white; padding: 1px;}
.ajax__autocomplete .suggestion_sel {border: 1px solid #000; background-color: #82FD00; padding: 1px;}


/*****************************
   slider list styles
*****************************/
.slider {width: 100%; table-layout: fixed;}
	.slider_leftarrow {height: 84px; width: 15px; cursor: pointer; background: url(../../images/common/slider_left_arrow.jpg) no-repeat top left;}
	.slider_rightarrow {height: 84px; width: 15px; cursor: pointer; background: url(../../images/common/slider_right_arrow.jpg) no-repeat top left;}
	.slider_body {height: 84px; background: url(../../images/common/module_body_bg.jpg) repeat-x top left;}
	.slider_title {height: 20px; border-top: 1px solid #717171; border-bottom: 1px solid #717171; padding: 0px 5px 0px 5px;
	               background: url(../../images/common/module_title_bg.jpg) repeat-x top left;}
	.slider_title div {float: left; font-size: 110%; font-weight: bold; margin-top: 2px;}
	.slider_title a {display: block; float: right; margin-top: 3px;}
	.slider_body {height: 62px; position: relative; overflow: hidden;}
	.slider_inner {position: absolute; top: 0px; left: 0px; width: 10000px; padding: 7px 7px 7px 7px;}
	.slider_item {float: left; margin-right: 10px; width: 52px; height: 52px;}
	.slider_item img {border: 1px solid black; width: 50px;}
				
/*****************************
   entry form styles
*****************************/
.caption {font-weight: bold; padding-top: 4px;}
.textbox {border: 2px solid #000; margin: 1px 0px;}
	.textbox_inner {border: 1px solid #282828; padding: 1px 2px; background-color: #fff;}
	input.textbox_textbox {padding: 0; border: 0; width: 100%;}
	textarea.textbox_textbox {padding: 0; border: 0; width: 100%;}
.textbox_thin {border: 1px solid #000; margin: 1px 0px 1px 0px;}
	.textbox_thin_inner {padding: 1px 2px; background-color: #fff;}
	input.textbox_thin_textbox {padding: 0; border: 0; width: 100%;}
	textarea.textbox_thin_textbox  {padding: 0; border: 0; width: 100%;}
.editor {padding: 2px; margin: 1px 0px;}
.checkbox input {height: 14px; width: 14px; padding: 0; margin: 0px 5px 0px 0px;}
.checkbox label {vertical-align: top;}
.checklist {border: 3px solid #000; padding: 5px; margin: 1px 0px; background-color: #fff; color: #000; overflow: auto;}
	.checklist table {width: 95%;}
	.checklist input {height: 14px; margin-right: 5px; padding: 2px 0px;}
.radio input {height: 14px; margin-right: 5px;}
.radio label {height: 14px; padding-right: 5px;}
.upload {height: 26px; padding: 2px; overflow: hidden;}
.watermark {color: #aaa; border: 0;}
.select {border: 3px solid #000; margin: 1px 0px 1px 0px;}
select {width: 100%; padding: 0;}

/*****************************
   button styles
*****************************/
div.button {height: 20px; border: 0; background: url(../../images/common/button_background.jpg) repeat-x top left;}
a.button:link, a.button:active, a.button:visited, a.button:hover 
	{display: block; height: 19px; padding-top: 3px; text-align: center; text-decoration: none;
	 color: #fff; background: url(../../images/common/button_green_bg.jpg) repeat-x top left;}
a.button:hover {color: #FFFFCC; text-decoration: none;}