﻿/*****************************
   page containers
*****************************/
#page_body {min-height: 100%; min-width: 900px;}
.page_body_center {margin: auto;}
.page_setup_margin {padding-top: 93px;}

/*****************************
   page headers/footers
*****************************/
#page_header {height: 30px; border: 1px solid #7d7d7d; border-top: 0; margin-bottom: 10px;
	background: #282828 url(site_header_bg.jpg) repeat-x top left; padding-right: 5px;}
	
	#page_header * {font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: normal; font-style: normal; color: #fff;}
	#page_header a:link, #page_header a:active, #page_header a:visited, #page_header a:hover {color: #82FD00;}
	
	#page_header_logo:link, #page_header_logo:active, #page_header_logo:visited, #page_header_logo:hover 
		{display: block; height: 30px; width: 126px; float: left; text-decoration: none;
		 background: url(site_header_logo.jpg) no-repeat top left;}
	
	#page_header_admin {padding-left: 15px;}
		#page_header_admin * {font-weight: bold!important;}
		#page_header_admin .designer:link, #page_header_admin .designer:active, 
			#page_header_admin .designer:visited, #page_header_admin .designer:hover, 
			#page_header_admin .join:link, #page_header_admin .join:active, 
			#page_header_admin .join:visited, #page_header_admin .join:hover {color: red!important;}
		
	#page_header_right {float: right; padding-top: 8px; padding-right: 5px;}
		#usernavigation_prefix {font-weight: bold;}
		
		#members_login input {color: #000;}
		#members_login {width: 380px; table-layout: fixed;}
			#members_login td {vertical-align: middle;}
			#members_login .col_email_cap {width: 32px;}
			#members_login .col_email_con {}
			#members_login .col_pass_cap {width: 60px; text-align: center;}
			#members_login .col_pass_con {width: 100px;}
			#members_login .col_pass_btn {width: 46px; text-align: right;}
			#members_login .col_pass_btn input {width: 40px; height: 19px;}
		
		#page_header .members_menu {position: absolute; background-color: #000; border: 1px solid #288C05; padding: 1px; z-index: 99999;}
		#page_header .members_menu_box {border: 1px solid #7D7D7D;}
		
		#page_header .members_mail_on:link, #page_header .members_mail_on:active, #page_header .members_mail_on:visited
			{padding-left: 19px; background: url(../../images/icons/mail_on.jpg) no-repeat center left;}
		#page_header .members_mail_off:link, #page_header .members_mail_off:active, #page_header .members_mail_off:visited
			{padding-left: 19px; background: url(../../images/icons/mail_off.jpg) no-repeat center left;}
		#page_header .members_friends_on:link, #page_header .members_friends_on:active, #page_header .members_friends_on:visited
			{padding-left: 14px; background: url(../../images/icons/friends_on.jpg) no-repeat center left;}
		#page_header .members_friends_off:link, #page_header .members_friends_off:active, #page_header .members_friends_off:visited
			{padding-left: 14px; background: url(../../images/icons/friends_off.jpg) no-repeat center left;}
		#page_header .members_alerts_on:link, #page_header .members_alerts_on:active, #page_header .members_alerts_on:visited
			{padding-left: 17px; background: url(../../images/icons/alerts_on.jpg) no-repeat center left;}
		#page_header .members_alerts_off:link, #page_header .members_alerts_off:active, #page_header .members_alerts_off:visited
			{padding-left: 17px; background: url(../../images/icons/alerts_off.jpg) no-repeat center left;}
		
		#page_header .members_menu table {border-collapse: collapse;}
		#page_header .members_menu_guild td {border-top: 1px solid #282828; border-bottom: 1px solid #282828;}
		#page_header .members_menu_guild a:link, #page_header .members_menu_guild a:active, 
			#page_header .members_menu_guild a:visited {display: block; padding: 3px;}
		#page_header .members_menu_guild:hover td {background-color: #282828;}
		#page_header .members_menu_guildname {font-weight: bold!important;}
		#page_header .members_menu_guildname a:link, #page_header .members_menu_guildname a:visited, 
			#page_header .members_menu_guildname a:active {font-weight: bold!important; color: #fff;}
		#page_header .members_menu_guildname a:hover {text-decoration: none;}
		#page_header .members_menu_guildview {font-size: 90%; vertical-align: bottom; padding-left: 8px;}
		#page_header .members_menu_guildedit {font-size: 90%; vertical-align: bottom;}
		#page_header .members_menu_main:link, #page_header .members_menu_main:active, #page_header .members_menu_main:visited
			{display: block; padding: 3px; font-weight: bold; color: #82FD00; background: url(../../images/common/navbar_bg.jpg) repeat-x top left}
		#page_header .members_menu_main:hover {text-decoration: none; background-color: #282828;}
		
		#page_header .members_menu_item:link, #page_header .members_menu_item:active, #page_header .members_menu_item:visited 
			{display: block; padding: 3px; font-weight: bold; color: white; border-top: 1px solid #282828;}
		#page_header .members_menu_item:hover {text-decoration: none; background-color: #282828;}
		#page_header .members_menu_item span {font-weight: normal; font-size: 90%; color: #cccccc;}

	.page_header_warning {border: 1px solid #7D7D7D; border-top: 0; background-color: #8c2222; 
		padding: 5px; text-align: center; font-weight: bold; color: #fff; 
		font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; font-style: normal;}
	.page_header_warning * {font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; font-style: normal; color: #fff;}
		
.page_footer {padding: 5px; border-top: 1px solid #2d2d2d; margin-top: 30px; text-align: center; 
              font-family: Arial, Helvetica, san-serif; font-size: 90%; color: #bbb;}
	.page_footer a:link, .page_footer a:active, .page_footer a:visited, .page_footer a:hover {font-family: Arial, Helvetica, san-serif; font-size: 90%;}

.page_footer_ads {width: 728px; height: 90px; margin: auto;}

/*****************************
   page setup controls
*****************************/
.page_setup {position: absolute; top: 0; left: 0; width: 100%; min-width: 900px; height: 90px; 
             background-color: #404040; border-bottom-style: ridge; z-index: 500;}
	.page_setup * {font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: normal; font-style: normal;}
	.page_setup td, .page_setup th, .page_setup div {color: #fff;}
	#page_setup_inner {padding: 10px;}
   #page_setup_table {width: 900px; margin: auto; table-layout: fixed;}
		#page_setup_table .title {font-weight: bold; color: #fdd103; text-align: center; padding-bottom: 5px;}
		
		#page_setup_table .col_navigation {width: 60px; text-align: center;}
		#page_setup_table .col_layout {width: 55px; text-align: center;}
		#page_setup_table .col_content {}
		#page_setup_table .col_pages {width: 115px;}
			#page_setup_table .col_pages .linkbutton_add {float: left; width: 23px; margin-bottom: 3px;}
			#page_setup_table .col_pages .linkbutton_delete {float: right; width: 32px; margin-bottom: 3px;}
			#page_setup_table .col_pages .linkbutton_edit {float: left; width: 23px;}
			#page_setup_table .col_pages .linkbutton_order {float: right; width: 32px;}
		#page_setup_table .col_theme {width: 126px;}
			#page_setup_table .col_theme .select {margin-bottom: 2px;}
			#page_setup_table .col_theme .linkbutton_edit {float: left;}
			#page_setup_table .col_theme .linkbutton_css {float: right;}
		#page_setup_table .col_buttons {width: 95px;}
		
		#page_setup_table .col_sep {width: 20px;}
		#page_setup_table .col_sep div {width: 1px; height: 70px; margin: auto; background-color: silver;}
		#page_setup_table select {width: 100%;}
		#page_setup_table .button {width: 100%; margin-bottom: 3px;}
		
	#page_setup_content {width: 100%; table-layout: fixed;}
		#page_setup_content .col_left_cap {width: 55px; font-weight: bold; vertical-align: middle;}
		#page_setup_content .col_left_con {padding-right: 5px;}
		#page_setup_content .col_right_cap {width: 45px; font-weight: bold; vertical-align: middle;}
		#page_setup_content .col_right_con {width: 66px;}
		#page_setup_content .col_add {width: 36px; padding-top: 1px;}
		#page_setup_content .col_add .linkbutton {float: right; padding-left: 5px;}
		#page_setup_content .textbox_inner {padding: 2px 2px;}
	
	.page_setup_popup {background-color: #000; border: 1px solid #7D7D7D; z-index: 99999;}
		.page_setup_popup a:link, .page_setup_popup a:active, .page_setup_popup a:visited 
			{display: block; width: 350px; padding: 5px; border: 1px solid transparent; margin: 3px; color: #fff; text-decoration: none;}
		.page_setup_popup a:hover, .page_setup_popup .selected:link, .page_setup_popup .selected:active, 
		.page_setup_popup .selected:visited, .page_setup_popup .selected:hover
			{border: 1px solid #aaa; background-color: #333; color: #fff; text-decoration: none;}
		.page_setup_popup img {float: left; margin-right: 10px;}
		.page_popup_sep {clear: both; height: 0; overflow: hidden;}
	
/*****************************
   linkbuttons
*****************************/
.linkbutton:link, .linkbutton:active, .linkbutton:visited {display: block; border: 1px solid #7d7d7d; white-space: nowrap;
	background-color: #000; padding: 4px 5px 4px 21px; font-family: Arial, Helvetica, san-serif; font-size: 11px; color: #fff; cursor: pointer;}
.linkbutton:hover {border: 1px solid #fff; background-color: #222; text-decoration: none;}

.linkbutton_css {background: url(../../images/guilds/page-stylesheet.gif) no-repeat 3px 4px;}
.linkbutton_add {background: url(../../images/guilds/page-add.gif) no-repeat 3px 3px;}
.linkbutton_edit {background: url(../../images/guilds/page-edit.gif) no-repeat 3px 4px;}
.linkbutton_order {background: url(../../images/guilds/page-order.gif) no-repeat 3px 3px;}
.linkbutton_delete {background: url(../../images/guilds/page-remove.gif) no-repeat 3px 3px;}

/*****************************
   guild headers/footers
*****************************/
.guild_header_themed, .guild_header_custom {margin: auto; margin-bottom: 10px; position: relative;}
.guild_footer_themed, .guild_footer_custom, .guild_footer_text {margin: auto; margin-bottom: 10px; position: relative;}

/*****************************
   header/footer buttons
*****************************/
#guild_header .linkbutton_edit:link, #guild_header .linkbutton_edit:active, #guild_header .linkbutton_edit:visited,
.guild_footer .linkbutton_edit:link, .guild_footer .linkbutton_edit:active, .guild_footer .linkbutton_edit:visited 
	{position: absolute; top: 5px; right: 5px;}
#guild_header .linkbutton_delete:link, #guild_header .linkbutton_delete:active, #guild_header .linkbutton_delete:visited,
.guild_footer .linkbutton_delete:link, .guild_footer .linkbutton_delete:active, .guild_footer .linkbutton_delete:visited 
	{position: absolute; top: 5px; right: 56px;}
	
/*****************************
   content containers
*****************************/
#contents {width: 100%; table-layout: fixed;}
	#contents td.content_sep {width: 10px; overflow: hidden;}
	#contents div.content_left, #contents div.content_center, #contents div.content_right {height: 100%; min-height: 150px;}

/*****************************
   column setup controls
*****************************/
.column_setup {border: 1px dashed #7D7D7D; margin-bottom: 10px; background-color: #000;}
	.column_setup table {width: 100%;}
	.column_setup td {font-family: Arial, Helvetica, san-serif; font-size: 11px; text-align: center; font-weight: bold; color: #fdd103;}
	.column_setup_page {margin: 4px 0px;}
	.column_setup_col {margin: 4px 2px; border-left: 1px solid white; border-right: 1px solid white;}
	.column_setup_col div {text-align: center; white-space: nowrap;}
	.column_setup_sep {width: 10px; overflow: hidden;}
	.column_setup_val {color: #fff;}
	
/*****************************
   widgets
*****************************/
.draggable {cursor: move;}

.widget_head_menu {width: 20px; cursor: pointer;}
.widget_head_menu_button {width: 20px; height: 100%; background: url(arrow_down.gif) no-repeat center center;}
.widget_head_menu_list {padding: 2px; border: 1px solid #7d7d7d; background-color: black;}
.widget_head_menu_list * {font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: normal; font-style: normal; white-space: nowrap;}
.widget_head_menu_list * {display: block; border: 1px solid transparent; padding: 2px 4px;}
.widget_head_menu_list *:hover {border: 1px solid #bdbdbd; background-color: #222; text-decoration: none;}

.widget_settings {height: 23px; margin: 10px 0px 1px 0px; font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: normal; font-style: normal; white-space: nowrap;}
	.widget_settings .linkbutton_edit:link, .widget_settings .linkbutton_edit:active, 
	.widget_settings .linkbutton_edit:visited {float: left;}

.drop_marker {border: 1px dashed red; display: none; margin-bottom: 10px;}

/*****************************
   other comment elements
*****************************/
.loadingbox {font-family: Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; font-style: normal; color: #fff;}

/*==================================================================================
   widget-specific styles
==================================================================================*/

/*****************************
   guild info widget
*****************************/
.guildinfo {}
	.guildinfo img {border: 1px solid #000; float: left; margin: 0px 5px 5px 0px;}
	.guildinfo img:hover {border: 1px solid #777;}
	.guildinfo .separator_grey {clear: both;}
	.guildinfo .stats {width: 100%;}
	.guildinfo .stats_label {width: 1px;}
	.guildinfo .stats_label h5 {white-space: nowrap;}
	.guildinfo .stats_value {padding-left: 5px; font-style: italic;}
	.guildinfo .games_list {padding-top: 10px;}
	.guildinfo .join_guild {padding-top: 10px; font-weight: bold;}

/*****************************
   hit counter widget
*****************************/
.hit_counter {width: 100%;}
	.hit_counter .stats_label {width: 1px;}
	.hit_counter .stats_label h5 {white-space: nowrap;}
	.hit_counter .stats_value {padding-left: 5px; font-style: italic;}
	
/*****************************
   shout box widget
*****************************/
.shoutbox {}
.shoutbox_row {margin-bottom: 5px;}
.shoutbox_text {padding-left: 8px; font-style: italic;}
.shoutbox_date {padding-left: 8px; font-style: italic; font-size: 90%;}
.shoutbox_empty {text-align: center; margin-bottom: 5px;}
.shoutbox_post {width: 100%; table-layout: fixed;}
	.shoutbox_post .col_control {}
	.shoutbox_post .col_button {width: 40px; text-align: right; padding-top: 1px;}
	.shoutbox_post .col_button .button {width: 36px;}

/*****************************
   gstalk status widget
*****************************/
.gstalk_status {}
	.gstalk_status .channels {background-color: #F7F8F9; border: 1px solid #424347; padding: 5px;}
	.gstalk_status .channel {padding: 2px 0px 2px 22px; font-style: italic; cursor: default; 
		color: #00008B; background: url(gstalk_channel.gif) no-repeat center left;}
	.gstalk_status .channeluser {padding: 2px 0px 2px 44px; font-style: italic; 
		 background: url(gstalk_user.gif) no-repeat 22px center;}
	.gstalk_status .channeluser * {color: #000;}
	
/*****************************
   latest images widget
*****************************/
table.latest_images {width: 100%; table-layout: fixed;}
	.latest_images .title {text-align: center; margin-bottom: 3px;}
	.latest_images .thumb {padding-bottom: 10px;}
	.latest_images .thumb div {text-align: center;}
	.latest_images img {border: 1px solid black; margin-bottom: 3px;}
	.latest_images img:hover {border: 1px solid #7d7d7d;}
	
/*****************************
   guild news widget
*****************************/
.guildnews_header {width: 100%;}
.guildnews_toplinks {width: 1px; padding-right: 10px;}
	.guildnews_toplinks span {white-space: nowrap;}
#guildnews_list {width: 100%; table-layout: fixed;}
	#guildnews_list .news_title {margin-bottom: 5px;}
	#guildnews_list .news_body {overflow: auto; width: 100%;}
	#guildnews_list .news_links {}
.guildnews_empty {text-align: center;}

.guildnews_single_toplinks {text-align: center; font-weight: bold;}
.guildnews_single
	.guildnews_single .news_title {margin-bottom: 5px;}
	.guildnews_single .news_body {overflow: auto; width: 100%;}
	.guildnews_single .news_links {}

.guildnews_latest {width: 100%;}
	.guildnews_latest .col_bullet {width: 12px;}
	.guildnews_latest .col_bullet ul {padding: 0px 0px 0px 15px;}
	.guildnews_latest .col_title {padding-right: 10px;}
	.guildnews_latest .col_date {width: 1px; text-align: right;}
	.guildnews_latest .col_date span {white-space: nowrap;}
	
/*****************************
   gamestreet news widget
*****************************/
#sitenews {width: 100%; table-layout: fixed;}
	#sitenews .news_title {margin-bottom: 5px;}
	#sitenews .news_body {overflow: auto; width: 100%;}
	#sitenews .news_links {}

.sitenews_latest {width: 100%;}
	.sitenews_latest .col_bullet {width: 12px;}
	.sitenews_latest .col_bullet ul {padding: 0px 0px 0px 15px;}
	.sitenews_latest .col_title {padding-right: 10px;}
	.sitenews_latest .col_date {width: 1px; text-align: right;}
	.sitenews_latest .col_date span {white-space: nowrap;}
	
/*****************************
   game news widget
*****************************/
#gamenews {width: 100%; table-layout: fixed;}
	#gamenews .col_avatar {width: 92px; font-weight: bold; text-align: center;}
	#gamenews .col_avatar img {border: 1px solid #000; margin-bottom: 3px;}
	#gamenews .col_avatar img:hover {border: 1px solid #777; margin-bottom: 3px;}
	#gamenews .col_contents {padding-left: 10px;}
	#gamenews .news_title {margin-bottom: 5px;}
	#gamenews .news_body {overflow: auto; width: 100%;}
	#gamenews .news_links {}
	
.gamesnews_latest {width: 100%;}
	.gamesnews_latest .col_bullet {width: 12px;}
	.gamesnews_latest .col_bullet ul {padding: 0px 0px 0px 15px;}
	.gamesnews_latest .col_title {padding-right: 10px;}
	.gamesnews_latest .col_date {width: 1px; text-align: right;}
	.gamesnews_latest .col_date span {white-space: nowrap;}

/*****************************
   guild roster widget
*****************************/
.roster_header {width: 100%;}
	.roster_header .col_mode, .roster_header .col_view {width: 1px;}
	.roster_header .col_mode span, .roster_header .col_view span {white-space: nowrap;}
	.roster_header .col_pager {padding: 0px 15px; vertical-align: bottom;}
	.roster_header .col_pager .pager_table {margin: 0; border: 0;}
		
.roster_members_list {}
	.roster_members_list .col_level {}
	.roster_members_list .col_name {width: 130px;}
	.roster_members_list .col_title {width: 130px;}
	.roster_members_list .col_visit {width: 90px; text-align: center;}
	.roster_members_list .col_chars {}
	
.roster_members_thumbs {width: 100%; table-layout: fixed;}
	.roster_members_thumbs .col_thumb {text-align: center; padding-bottom: 10px;}
	.roster_members_thumbs .col_group {padding-bottom: 10px;}
	.roster_members_thumbs .avatar {width: auto; margin: auto;}

.roster_chars_list {table-layout: auto;}
	.roster_chars_list .col_name {}
	.roster_chars_list .col_info {}
	.roster_chars_list .col_updated {text-align: center;}
	.roster_chars_list .col_other {}
.roster_chars_list_game {margin-bottom: 3px;}
		
.roster_chars_thumbs {width: 100%; table-layout: fixed;}
	.roster_chars_thumbs .col_thumb {text-align: center; padding-bottom: 10px;}
	.roster_chars_thumbs .col_group {padding-bottom: 10px;}
	.roster_chars_thumbs .charavatar {width: auto; margin: auto;}

/*****************************
   guild calendar widget
*****************************/
.calendar_header {width: 100%; margin-bottom: 10px;}
	.calendar_header .col_title {width: 1px;}
	.calendar_header .col_title span {white-space: nowrap;}
	.calendar_header .col_prev {font-size: 150%; padding-right: 10px; text-align: right;}
	.calendar_header .col_next {font-size: 150%; padding-left: 10px;}

.calendar_month {width: 100%; table-layout: fixed; border-collapse:collapse;}
	.calendar_month th {padding: 4px; border: 1px solid #7d7d7d; 
		background: #1f1f1f url(../../images/common/module_title_bg.jpg) repeat-x top left;}
	.calendar_month td {border: 1px solid #7d7d7d; background-color: #111;}
		
	.calendar_month .inmonth, .calendar_month .outmonth {height: 110px; padding: 3px;}
	.calendar_month .inmonth {background-color: #222;}
	.calendar_month .inmonth:hover {background-color: #282828;}
	.calendar_month .today {background-color: #555;}
	
	.calendar_month .day_scroller {height: 100%; overflow: auto;}
	.calendar_month .day_number {height: 15px; font-weight: bold; margin-bottom: 2px;}
	.calendar_month .addevent {display: block; float: right; height: 15px; width: 15px; margin-left: 2px; 
		overflow: hidden; background: url(add_event.gif) no-repeat top left;}
	.calendar_month .addevent:hover {text-decoration: none;}
	.calendar_month .registered {float: right; height: 15px; width: 15px; overflow: hidden; 
		background: url(reg_event.gif) no-repeat top left;}
	.calendar_month .time {font-weight: bold;}
	
	.calendar_month .event:link, .calendar_month .event:active, .calendar_month .event:visited 
		{display: block; border: 1px solid silver; background: #000; padding: 2px; margin-bottom: 1px;}

.calendar_event_header {position: relative;}
	.calendar_event_header .left {position: absolute; left: 0; bottom: 0;}
	.calendar_event_header .title {text-align: center;}
	.calendar_event_header .right {position: absolute; right: 0; bottom: 0;}
	
.calendar_event_layout {width: 100%; table-layout: fixed;}
	.calendar_event_layout .col_info {width: 300px;}
	.calendar_event_layout .col_details {}
	
.calendar_event_info {width: 100%;}
	.calendar_event_info td {padding-bottom: 2px;}
	.calendar_event_info .col_caption {width: 1px;}
	.calendar_event_info .col_caption h5 {white-space: nowrap;}
	.calendar_event_info .col_info {padding-left: 10px;}
	
.calendar_event_register {}
	.calendar_event_register table {margin-top: 5px;}
	.calendar_event_register .col_options {padding-right: 15px;}
	.calendar_event_register .col_reminder {width: 130px; padding-right: 15px;}
	.calendar_event_register .col_reminder .select {margin-top: 5px;}
	.calendar_event_register .col_button {width: 100px;}
	.calendar_event_register .col_button .button {width: 100px; margin-bottom: 2px;}
	
.calendar_event_attendees {margin-top: 8px;}
	.calendar_event_attendees td {padding-right: 20px;}
	.calendar_event_attendees ul {padding-bottom: 0;}

/*****************************
   mini calendar widget
*****************************/
.minicalendar {}
	.minicalendar .month {padding-bottom: 5px; text-align: center; font-weight: bold; white-space: nowrap;}

.minicalendar table {width: 100%; table-layout: fixed; border-collapse:collapse;}
	.minicalendar th {padding: 4px; border: 1px solid #7d7d7d; 
		background: #1f1f1f url(../../images/common/module_title_bg.jpg) repeat-x top left;}
	.minicalendar td {border: 1px solid #7d7d7d; background: #111; text-align: center;}
	
	.minicalendar td div {padding: 3px 0px; border: 1px solid transparent;}
	.minicalendar .inmonth {background-color: #222;}
	.minicalendar .inmonth:hover {background-color: #282828;}
	.minicalendar .today {background-color: #555;}
	.minicalendar .hasevent {border: 1px solid red; background: #000;}
	.minicalendar td a:link, .minicalendar td a:active, .minicalendar td a:visited, .minicalendar td a:hover 
		{display: block; text-decoration: none; color: White;}
	
/*****************************
   members online widget
*****************************/
div.membersonline {}
ul.membersonline {padding-top: 0; padding-bottom: 0;}
.membersonline_empty {text-align: center;}

/*******************************
    Mail Widget
*******************************/
.messages_login {text-align: center;}
#messages {width: 100%; table-layout: fixed;}
	#messages_folders {width: 100px; padding-right: 10px;}
		#messages_folders a:link, #messages_folders a:active, #messages_folders a:visited
			{display: block; color: #fff; padding: 5px 5px 5px 25px; border: 1px solid #474747; font-weight: bold; 
			 text-decoration: none; background-color: #000; background-position: 5px 5px; background-repeat: no-repeat;}
		#messages_folders .selected:link, #messages_folders .selected:active, #messages_folders .selected:visited, 
			#messages_folders .selected:hover, #messages_folders a:hover {background-color: #111; color: #fdd103;}
		#messages_folders .compose:link, #messages_folders .compose:active, #messages_folders .compose:visited  {background-image: url(newmessage.png); margin-bottom: 10px;}
		#messages_folders .folder:link, #messages_folders .folder:active, #messages_folders .folder:visited {background-image: url(messages.png); margin-bottom: 3px;}
		
#messages_header, #messages_footer {width: 100%; table-layout: fixed;}
	#messages_header .messages_buttons, #messages_footer .messages_buttons {width: 260px;}
	#messages_header .selbutton, #messages_footer .selbutton {width: 65px;}
	#messages_header .actbutton, #messages_footer .actbutton {width: 90px;}
	#messages_header .messages_pager, #messages_footer .messages_pager {vertical-align: bottom;}

#messages_list {width: 100%; table-layout: fixed;}
	#messages_list .col_select {width: 30px;}
	#messages_list .col_avatar {width: 92px; padding-right: 10px;}
	#messages_list .col_messsage table {width: 100%; table-layout: fixed;}
	#messages_list .col_messsage .title {width: 60px; font-weight: bold; padding-right: 10px;}
	#messages_list .col_messsage .links {width: 100px; text-align: right;}
	#messages_list .readmessage {font-weight: bold;}
	#messages_list .unreadmessage {color: red; font-weight: bold;}
	#messages_list .repliedmessage {color: #ffd700; font-weight: bold;}

.message_details {width: 100%; table-layout: fixed;}
	.message_details .caption {width: 90px;}
	.message_details .value {padding-top: 4px;}
	.message_details .subject {}
	.message_details .avatar {width: auto;}
	.message_details .forward {padding-bottom: 10px;}
	.message_details .checklist {height: 100px;}

.message_buttons {text-align: center;}
.message_buttons .button {width: 100px;}