SMF2.1/Themes/default/css/admin.css

/* Experimental code to hide header content in admin. Will not be used in deafult.
/* Not checked since main theme was rewritten for the new look. Beware.
/* Commenting out the entire block sets admin back to the default header.
------------------------------------------------------- */
/*
body.action_admin #header {
	padding: 2px 2px 0 2px;
}
body.action_admin #header .frame {
	padding: 0 0 50px 0;
	background:  url(../images/theme/bars.png) 0 -560px repeat-x;
}
body.action_admin #top_section, body.action_admin #upper_section {
	display: none;
}
body.action_admin #upper_wrap {
	background: none;
	padding: 4px 8px 0 8px;
}
body.action_admin #main_content_section {
	margin: -45px 0 0 0;
}
body.action_admin .navigate_section ul {
	padding: 5px 8px;

	border: 1px solid #b8b8b8;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
body.action_admin .navigate_section ul li.unread_links {
	display: none;
}
body.action_admin .navigate_section ul li a {
	font-weight: bold;
}*/
/* End experimental header hiding stuffz. */


/* Common admin center classes.
------------------------------------------------------- */
/* @todo
/* The CSS targeting for all this gets a bit convoluted and requires a good clean up.
/* It's left over from when I started theming admin independently over a Curve forum.
/* Can be simplified quite a lot before production builds. */

/* Re-style default cat bars to get rid of header bar mania. */
#manage_maintenance .cat_bar, #support_credits .cat_bar {
	border: none;
	border-top: 1px solid #bbb;
}
#manage_maintenance .cat_bar .catbg, #manage_boards .cat_bar .catbg,
#support_credits .cat_bar .catbg, .generic_list_wrapper .cat_bar .catbg {
	border: none;
	border-top: 1px solid #fff;
	text-shadow: none;
}
#admin_main_section .cat_bar:first-child, #admin_main_section .cat_bar:first-child h3.catbg,
#support_credits .cat_bar, #support_credits .cat_bar:first-child,
#support_credits .cat_bar h3.catbg, #support_credits .cat_bar:first-child h3.catbg,
#manage_maintenance .cat_bar, #manage_maintenance .cat_bar:first-child,
#manage_maintenance .cat_bar h3.catbg, #manage_maintenance .cat_bar:first-child h3.catbg {
	color: #444;
	font-size: 1.04em;
	background: none;
	border-radius: 0;
	text-shadow: none;
}
#admin_main_section .cat_bar:first-child, #admin_main_section .cat_bar:first-child h3.catbg,
#support_credits .cat_bar:first-child, #support_credits .cat_bar:first-child h3.catbg,
#manage_maintenance .cat_bar:first-child, #manage_maintenance .cat_bar:first-child h3.catbg {
	border: none;
}

/* Special styling for admin descriptions. */
.action_admin p.description, .action_admin  .information {
	overflow: auto;
	background: none;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 7px 7px;
	margin: 0 0 0 0;
	padding: 12px 9px 8px 9px;
}
.action_admin p.description a {
	font-weight: bold;
}
.action_admin p.description  img {
	vertical-align: middle;
}
.action_admin .generic_list_wrapper .information {

	margin: 8px 0;
	padding: 4px 12px 2px 12px;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
.action_admin .generic_list_wrapper .information div {
	background: none;
}
.information a {
	font-weight: bold;
}
.action_admin .generic_list {
	overflow: auto;
}
#admin_content .windowbg, #admin_content .windowbg2 {
	margin-bottom: 5px;
}
#admincenter .content {
	padding: 12px;
}

/* A general admin wrapper class. */
#admin_main_section, div.quick_tasks,
#support_credits, #admin_newsletters,
#generate_reports_type,
#groupForm, #mailqueue_stats, #manage_maintenance,
#new_group, #view_group, #admin_form_wrapper, .action_admin .generic_list_wrapper{
	background: #f0f4f7;
	margin: 12px 0 0 0;
	padding: 8px 8px 16px 8px;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
	overflow: auto;
}
div.quick_tasks {
	margin: -8px 0 0 0;
}
#admin_form_wrapper div.windowbg, #support_credits div.windowbg,
#generate_reports_type div.windowbg, #new_group div.windowbg,
#view_group  div.windowbg, #admin_newsletters .windowbg {
	background: none;
	padding: 0;
	margin: 0 4px;
}
#mailqueue_stats {
	padding: 8px 8px 0 8px;
}
#mailqueue_stats .windowbg {
	background: none;
	padding: 0;
}
#mailqueue_stats .windowbg .content {
	padding: 12px 9px 0 9px;
}
#admin_newsletters div.cat_bar:first-child,
#generate_reports_type div.cat_bar:first-child, #groupForm div.cat_bar:first-child,
#admin_form_wrapper div.title_bar, #mailqueue_stats div.cat_bar:first-child,
#new_group div.cat_bar:first-child, #view_group div.cat_bar, #view_group div.cat_bar:first-child {
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	box-shadow: none;
}
#admin_newsletters div.cat_bar:first-child h3.catbg,
#generate_reports_type div.cat_bar:first-child h3.catbg, #groupForm div.cat_bar:first-child h3.catbg, #mailqueue_stats div.cat_bar:first-child  h3.catbg,
#new_group div.cat_bar:first-child  h3.catbg, #view_group div.cat_bar  h3.catbg, #view_group div.cat_bar:first-child  h3.catbg {
	color: #444;
	text-shadow: none;
	padding: 3px 1px 5px 1px;
	margin: 0;
	border-bottom: 1px solid #bbb;
}
#admin_form_wrapper div.title_bar {
	border-radius: 2px 2px 0 0;
	margin: 0;
	border-bottom: 0;
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
.action_admin .generic_list_wrapper .title_bar {
	background: none;
	border-bottom: 1px solid #fff;
}
.action_admin .generic_list_wrapper .titlebg {
	border-bottom: 1px solid #bbb;
}
#admin_form_wrapper h3.titlebg {
	color: #fff;
	border-bottom: none;
	padding: 8px 6px 5px 6px;
}
#view_group .title_bar {
	background: none;
	border-bottom: none;
	border-top: 1px solid #bbb;
	margin: -12px 0;
}
#view_group .titlebg {
	border-top: 1px solid #fff;
	border-bottom: none;
}
#view_group .table_grid {
	margin: 4px 0 8px 0;
}
.action_admin .table_grid th, .action_admin .table_grid .first_th, .action_admin .table_grid .last_th {
	border-radius: 0;
	border-top: 2px solid #ff9400;
	border-bottom: 2px solid #bf6900;
	padding: 6px 6px 5px 6px;
	background: #fff;
	color: #666;
}
.action_admin .table_grid tr.catbg th a:link {
	color: #666;
}
.action_admin .table_grid .first_th, .action_admin .table_grid  td:first-child {
	border-left: 1px solid #ccc;
}
.action_admin .table_grid .last_th, .action_admin .table_grid td {
	border-right: 1px solid #ccc;
}
.action_admin .table_grid td {
	border-bottom: 1px solid #ccc;
}
.action_admin .table_grid tr:nth-child(even) td {
	background: #fdfdfd;
}
.action_admin .table_grid tr:nth-child(odd) td {
	background: #f8f8f8;
}
/*-------------------------------------------*/

/* Newsletters screen.
---------------------------------------------*/
#admin_newsletters .information {

	margin: 8px 0;
	padding: 8px 12px 6px 12px;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#advanced_panel_header {
	margin-bottom: 8px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	border-radius: 2px;
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#advanced_panel_header a {
	color: #444;
}
/*-------------------------------------------*/
.action_admin .generic_list .flow_auto {
	padding: 4px 2px;
}
h3.titlebg form {
	font-size: 80%;
}
.windowbg.nopadding {
	margin: 4px 0 0 0;
	padding: 0;
}
.windowbg ol {
	margin-top: 0;
	margin-bottom: 0;
}
a.help .icon {
	margin: 0 0 0 0;
	padding: 0 4px 0 0;
}
.catbg a.help .icon {
	margin: -4px 0 0 0;
}
.table_caption, tr.table_caption td {
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
.additional_row div.floatleft {
	padding: 0 10px;
}
fieldset {
	margin-bottom: 6px;
	border: 1px solid #cacdd3;
	padding: 6px;
}
fieldset dl {
	margin: 0;
}
legend {
	font-weight: bold;
	color: #000;
}

/* Styles for the admin home screen.
------------------------------------------------------- */
/* Admin quick search bar, and results page. */
h3.catbg #quick_search form {
	padding-top: 2px;
	font-size: 0.9em;
}
h3.catbg #quick_search form input, h3.catbg #quick_search form select, h3.catbg #quick_search form .button_submit {
	margin: 0 3px;
	padding: 4px 3px 3px 3px;
	border-radius: 4px;
	border: 1px solid #777;
	vertical-align: top;
}
h3.catbg #quick_search form select {
	font-size: 0.9em;
	margin: -1px 0 0 0;
	padding: 2px;
}
h3.catbg #quick_search form select option {
	padding: 2px 4px;
}
h3.catbg #quick_search form .button_submit {
	font-weight: bold;

	padding: 3px 6px 2px 6px;
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
h3.catbg #quick_search form .button_submit:hover {
	background: #fff;
}

/* Browser tweaks. */
body#chrome #quick_search form input {
	padding: 4px 3px;
	margin-top: -3px;
}
body#chrome #quick_search .button_submit, body#ie #quick_search .button_submit, body#opera #quick_search .button_submit {
	margin: 0 5px;
	padding: 5px 9px 4px 9px;
}
body#chrome  #quick_search .button_submit {
	margin: -29px 5px 0 5px;
}

/* The welcome thingy. */
#admincenter .roundframe {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	overflow: visible;
}
#welcome {
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 7px 7px;
	font-size: 0.9em;
	padding: 12px 9px 8px 9px;
}
#welcome a {
	font-weight: bold;
}
#welcome img {
	vertical-align: middle;
}
.search_results {
	margin: 0 -6px;
}
.search_results li {
	margin: 0;
	padding: 5px 0;
	overflow: auto;
	line-height: 1.7em;
	border-bottom: double #ccc;
}
.search_results li a strong {
	color: #346;
}
.search_results li p {
	padding: 0 20px;
	line-height: 1.7em;
}

/* Cleaned this up a bit for less clutter.
/* Admin and moderation could generally do with a clean up everywhere.
/* Live news from smf.org and support information. */
#admin_main_section {
	margin: 12px 0;
	padding: 8px 12px;
	border-radius: 7px;
}
#admin_main_section .cat_bar {
	background: none;
}
#admin_main_section .catbg, #admin_main_section .catbg a {
	color: #444;
	max-height: 1.5em;
	overflow: hidden;
}
#live_news, #supportVersionsTable {
	width: 70%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#supportVersionsTable {
	width: 30%;
	padding-left: 6px;
}
#admin_main_section .windowbg {
	padding: 6px 0;
	border: 1px solid #ccc;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #ddd;
	border-radius: 0;

	box-shadow:  0 2px 2px rgba(255,255,255,0.5), 0 -1px 2px rgba(0,0,0,0.1);
	height: 12em;
	overflow: auto;
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#live_news div.content, #supportVersionsTable  div.content {
	padding: 0;
	font-size: 0.9em;
}
#supportVersionsTable  div.content {
	padding: 0 8px;
}
#live_news div.content dl {
	padding: 0;
	color: #111;
}
#smfAnnouncements dt {
	padding: 4px 6px 2px 6px;
	border-top: 1px solid #bf6900;
}
#smfAnnouncements dt a {
	color: #bf6900;
	font-weight: bold;
	display: block;
}
#smfAnnouncements dd {
	margin: 0;
	padding: 6px 12px;
	border-top: double #ddd;
}

fieldset.admin_group legend {
	background: #eaf1f4;
	border: 1px solid #cacdd3;
	padding: 1px 5px;
	border-radius: 3px;
}
fieldset.admin_group a {
	display: inline-block;
	width: 100px;
	font-size: 85%;
	text-align: center;
	vertical-align: top;
}
fieldset.admin_group .inactive {
	filter:Alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	opacity: 0.4;
}

/* The update warning. */
#update_section {
	margin: 6px 0;
}

/* Links to handy sections of admin.
----------------------------------*/
/* The <li>'s here have been set to a height in em with hidden overflow.
/* Yes, this will clip the blurb when using very large font sizes on a narrowish screen.
/* However, more than enough content is still available for clarity,
/* and the advantage is that a clean layout is always maintained.
/* The <li>'s could be set to auto overflow instead, but that just clutters things up with scrollbars.
/* Scrollbars here look worse, take up space, and don't really add anything useful in this context. */
div.quick_tasks {
	border-radius: 0 0 7px 7px;
	border-top: none;
	box-shadow: none;
	padding: 0 0 16px 0;
}
#quick_tasks {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
}
#quick_tasks  li {
	list-style: none;
	padding: 10px 6px 10px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bbb;
	float: left;
	width: 50%;
	height: 6em;
	overflow: hidden;
}
#quick_tasks  li a  {
	line-height: 1.6em;
}
.home_image {
	float: left;
	margin: 2px 10px;
}
#quick_tasks  li span {
	display: block;
	margin: 0 0 0 70px;
}

/* Styles for the support and credits page.
/* Hey, people might actually want to put their names on it now!
/* Only a couple of trivial markup hacks that wont break any mods or themes.
/* The older I get, the more devious I get. :D
/* Nobody ever themes admin anyway. That's why it looked like crap.
-----------------------------------------------------------------*/
#support_credits {
	position: relative;
	padding: 6px 12px 12px 12px;
}
#support_credits h3.catbg, #support_credits .cat_bar:first-child h3.catbg {
	padding: 12px 6px 6px 6px;
}
#support_resources {
	margin: 16px 0 -24px 0;
}
#credits_logo {
	position: absolute;
	right: 10px;
	top: 9px;
}
#support_credits .content {
	padding: 0 18px;
	line-height: 1.6em;
}
#support_credits .content p {
	margin: 12px 0 0 0;
	padding: 0;
}
#support_credits a {
	border-bottom: 1px solid #d2d2d2;
}
#support_credits a:hover {
	color: #00163d;
	text-decoration: none;
	border-bottom: 1px solid #556f82;
}
#support_credits img.icon {
	vertical-align: middle;
}
#support_credits .catbg a.help, #support_credits .catbg a.help:hover {
	border-bottom: none;
}
#latestSupport{
	padding: 0 25px 15px 25px;
}
#credits_sections {
	margin: 0 0 -24px 0;
}
#support_credits dl {
	padding: 0 6px;
}
#support_credits dt {
	float: left;
	padding: 6px 0.8em 0 0;
	text-indent: -4px;
}
#support_credits dd {
	padding: 6px 0;
}

/* Styles for the package manager.
/* Haven't got here yet. :P
------------------------------------------------- */
#package_list .tborder {
	margin: .25em 0 .25em 26px;
}
#package_list ol, #package_list ol li {
	list-style: decimal;
	margin-left: 50px;
	border: none;
}
#package_list ol ul, #package_list ol ul li {
	margin-left: 0;
	list-style: none;
}
#package_list {
	list-style-type: none;
}
#package_list li {
	border: 1px solid #cacdd3;
	padding: 0.2em;
	margin: 1px;
}
.description {
	max-height: 15em;
	overflow: auto;
	padding-bottom: .5em;
}
.information {
	max-height: 15em;
	overflow: auto;
	padding-bottom: .5em;
}
.package_section {
	border: 1px solid #cacdd3;
}
ul.packages li {
	border: none !important;
	list-style: none;
}
code#find_code, code#replace_code {
	display: block;
	font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
	font-size: 0.9em;
	background: #eef;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	margin: 1px 0 6px 0;
	padding: 3px 12px;
	overflow: auto;
	white-space: nowrap;
	/* Show a scrollbar after about 6 lines. */
	/* This is much better than the old max-height css. */
	height: 10em;
	resize: vertical;
}
span.package_server {
	padding: 0 3em;
}
ul.package_servers {
	margin: 0;
	padding: 0;
}
ul.package_servers li {
	list-style-type: none;
}
pre.file_content {
	overflow: auto;
	width: 100%;
	padding-bottom: 1em;
}
.operation {
	padding: 0 1em;
}

/* Styles for the file permissions section.
------------------------------------------------- */
.filepermissions {
	font-size: 0.8em;
	white-space: nowrap;
}
.fperm {
	display: block;
	width: 35%;
	text-align: center;
}
.perm_read {
	background-color: #d1f7bf;
}
.perm_write {
	background-color: #ffbbbb;
}
.perm_execute {
	background-color: #fdd7af;
}
.perm_custom {
	background-color: #c2c6c0;
}
.perm_nochange {
	background-color: #eee;
}

.select_spot {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/select_spot.png) no-repeat 0 0;
}
.select_spot.above {
	background-position: 0 0;
}
.select_spot.here {
	background-position: -16px 0;
}
.select_spot.below {
	background-position: -32px 0;
}

/* Styles for the BBC permissions
------------------------------------------------- */
.list_bbc {
	width: 33%;
}

/* Styles for the manage boards section.
------------------------------------------------- */
#manage_boards {
	background: #f0f4f7;
	margin: 12px 0 0 0;
	padding: 8px 8px 16px 8px;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
	overflow: auto;
}
#manage_boards .title_bar {
	background: none;
	border-bottom: 1px solid #fff;
}
#manage_boards .titlebg {
	border-bottom: 1px solid #bbb;
}
#manage_boards .cat_bar, #manage_boards .windowbg {
	background: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	border-radius: 7px 7px 0 0;
}
#manage_boards .catbg {
	padding: 8px 16px 4px 16px;
	color: #444;
}
#manage_boards .cat_bar .catbg {
	border: none;
	border-bottom: 1px solid #bbb;
}
#manage_boards .catbg a {
	color: #346;
}
#manage_boards .catbg a:hover {
	border-bottom: 1px solid #346;
}
#manage_boards .windowbg {
	margin: 0;
	padding: 0;
}
#manage_boards ul {
	padding: 0;
	margin: 0 0 8px 0;
	max-height: 30em;
	overflow: auto;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
	border-radius: 2px;
}
#manage_boards li, #manage_boards li.windowbg, #manage_boards li.windowbg2 {
	list-style: none;
	margin: 0 1px;
	padding: 8px 0;
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	border-top: 1px solid #fff;
	border-radius: 0;
}
#manage_boards li img {
	vertical-align: middle;
	padding: 0 6px 3px 6px;
}
#manage_boards li .select_spot {
	vertical-align: middle;
	margin: 0 6px 3px 6px;
}
#manage_boards li .floatleft {
	font-weight: bold;
	padding: 0 6px;
}
#manage_boards li#recycle_board {
	background-color: #dee;
}
#manage_boards li.redirect_board {
	background-color: #eed;
}
.move_links {
	padding: 0 13px 0 0;
}
.modify_boards {
	padding: 0 0.5em;
}
#manage_boards span.modify_boards a {

	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	padding: 3px 6px;
	font: 95%/115% verdana, Helvetica, sans-serif;
	color: #222;
	font-size: 1em;
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#manage_boards span.modify_boards a:hover {

	text-decoration: none;
	color: #444;
	box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
	background: linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -o-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -moz-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
	background: -ms-linear-gradient(bottom, #FFFFFF 1%, #F1F3F5 96%);
}
#manage_boards .button_submit {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1), 0 -1px 3px rgba(0,0,0,0.1) inset;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	background: #dceeff;
	text-shadow: 0 0 2px #fff;
	margin: 0 8px;
}
#manage_boards  .button_submit:hover {
	box-shadow: -1px -1px 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.1) inset;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #cde7ff;
}
#manage_boards dl {
	padding: 8px 6px 0 6px;
}
#manage_boards dl textarea, #manage_boards dl table{
	margin: 0 0 8px 0;
}
#manage_boards span.post_group, #manage_boards span.regular_members {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.select_all_box {
	display:none;
}

/* Styles for the manage members section.
------------------------------------------------- */

.msearch_details {
	display: block;
	width: 49%;
}
dl.right dt {
	padding-right: 10px;
}

/* Styles for the manage maintenance section.
------------------------------------------------- */
#manage_maintenance .catbg {
	border-top: 1px solid #fff;
	padding-top: 14px;
	color: #555;
}
#manage_maintenance .cat_bar:first-child, #manage_maintenance .cat_bar:first-child .catbg {
	border-top: none;
	margin: 0 0 -4px 0;
}
#manage_maintenance div.windowbg, #manage_maintenance div.windowbg2 {
	background: none;
	padding: 0 0 12px 0;
	margin: 0;
}
#manage_maintenance p {
	margin: -5px 0 0 0;
	padding: 0 0 10px 0;
	max-width: 70em;
}
#manage_maintenance p .button_submit{
	margin: 10px 10px 0px 10px;
}
/* Stop the submit buttons running away on wide screens.*/
#manage_maintenance form {
	max-width: 80em;
}
#manage_maintenance .settings {
	margin: 16px 0 0 0;
}

/* Styles for the question and answers
------------------------------------------------- */
fieldset.qa_fieldset {
	clear: both;
	display: none;
}

/* Styles for the manage calendar section.
------------------------------------------------- */
dl.settings dt.small_caption {
	width: 20%;
}
dl.settings dd.small_caption {
	width: 79%;
}
/* Styles for the manage permissions section.
------------------------------------------------- */
#permissionForm .table_grid {
	width: 100%;
}
#permissionForm .table_grid img.icon {
	vertical-align: top;
	width: 16px;
}
dl.admin_permissions dt {
	width: 35%;
}
dl.admin_permissions dd {
	width: 64%;
}

/* Styles for the manage search section.
------------------------------------------------- */
dl.settings dt.large_caption {
	width: 70%;
}
dl.settings dd.large_caption {
	width: 29%;
}
span.search_weight {
	width: 40px;
	padding: 0 0.5em;
	text-align: right;
}
.search_settings {
	width: 47%;
}

/* Styles for the manage bans section.
------------------------------------------------- */
.ban_restriction {
	margin: 0.2em 0 0.2em 2.2em;
}
.ban_settings {
	width: 46%;
}
#manage_bans dl {
	margin-bottom: 1em;
}
#manage_bans fieldset dl.settings {
	margin-bottom: 0;
}

/* Styles for the manage subscriptions section.
------------------------------------------------- */
#fixed_area {
	width: 97%;
}
ul.pending_payments {
	margin: 0;
	padding: 0;
}
ul.pending_payments li {
	list-style-type: none;
}

/* Styles for the manage permissions section.
------------------------------------------------- */
.perm_name, .perm_profile, .perm_board {
	display: block;
	width: 40%;
}
.perm_boards {
	padding: 0;
	margin: 0 0 0.6em 0;
}
.perm_boards li {
	list-style-type: none;
	border: 1px solid #cacdd3;
	padding: 0.2em;
	margin: 1px;
}
.perm_groups {
	background-color: #fff;
}
.perm_classic {
	margin: 0.2em;
}
.permission_groups {
	padding: 0;
	margin: 0;
}
.permission_groups li {
	list-style-type: none;
	padding: 0.2em;
	margin: 1px;
}
.perms {
	width: 20px;
	display: inline-block;
	text-align: center;
}

/* Styles for the themes section.
------------------------------------------------- */
ul.theme_options {
	padding: 0;
	margin: 0;
}
ul.theme_options li {
	list-style: none;
	padding: 0.4em;
}
.is_directory {
	padding-left: 18px;
	background: url(../images/admin/boards.png) no-repeat;
}
.edit_file {
	width: 96%;
	font-family: monospace;
	margin-top: 1ex;
	white-space: pre;
}

dl.themes_list {
	margin: 0;
}
dl.themes_list dt {
	margin-bottom: 3px;
}
dl.themes_list dd {
	font-style: italic;
	white-space: nowrap;
}

/* Styles for the registration center.
------------------------------------------------- */
.agreement, .reserved_names {
	padding: 0;
}
#agreement, #reserved {
	width: 99%;
}

/* Styles for the moderation center.
------------------------------------------------- */
#modcenter {
	display: block;
	width: 100%;
}
.modblock_left {
	width: 49%;
	float: left;
	clear: right;
	margin: 0 0 1em 0;
}
.modblock_right {
	width: 49%;
	float: right;
	margin: 0 0 1em 0;
}
.modblock_left #smfAnnouncements {
	height: 15em;
	overflow: auto;
}
/* Moderation Notes */
ul.moderation_notes {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	height: 10.2em;
}
ul.moderation_notes li {
	padding: 0.2em;
	border-bottom: 1px solid #cccccc;
}
.notes {
	margin-top: 0.4em;
}
.post_note {
	width: 85%;
}

/* Styles for the error log.
------------------------------------------------- */

h3.grid_header {
	height: 25px;
}
#error_log {
	width: 100%;
}
#error_log tr.windowbg td, #error_log tr.windowbg2 td {
	padding: 8px;
	line-height: 160%;
}
#error_log td div {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#error_log td.checkbox_column {
	width: 15px;
	vertical-align: top;
	text-align: center;
}
#error_log a img {
	vertical-align: middle;
	margin: 0 8px 0 0;
}


/* More error log stuff. Could still be cleaned up a bit.
--------------------------------------------------*/
#error_log {
	margin: 4px 0;
}
#error_log tr:first-child td {
	border-top: 2px solid #ff9400;
	border-bottom: 2px solid #bf6900;
	background: #fff;
	padding: 8px;
}

/* Styles for the Report generation
------------------------------------------------- */
#report_buttons {
	min-height: 2.4em;
	padding: 3px 0;
}
.report_results th {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* Try out some nifty small screen friendliness, for the cost of a few more bytes. */

@media screen and (max-width: 490px),(max-width: 32em) {
	body {
		padding: 0;
	}
	#wrapper, #footer_section div.frame {
		min-width: 100%;
	}
	#main_content_section {
		padding: 0 10px;
	}
	/* Level 1 button background. */
	.dropmenu li {
		line-height: 3.2em;
	}
	.dropmenu li ul {
		top: 3.45em;
	}
	.dropmenu li li a {
		line-height: 3.2em;
	}
	h3.catbg #quick_search form {
		margin: 0 0 8px 0;
		padding: 0;
	}
	h3.catbg #quick_search form input {
		margin: 0 0 12px 0;
	}
	h3.catbg #quick_search form select option {
		padding: 4px 4px;
	}
	h3.catbg #quick_search form .button_submit {
		margin: 0 3px 0 3px;
	}
	#live_news, #supportVersionsTable {
		width: 100%;
	}
	#live_news {
		margin: 0 0 6px 0;
	}
	#supportVersionsTable {
		padding: 0;
	}
	#quick_tasks ul li span {
		display: block;
		margin: 0 0 0 50px;
	}
	#credits_page {
		padding-top: 35px;
	}
	#credits_page img {
		right: 6px;
	}
	#manage_boards .catbg {
		margin-top: 10px;
	}
	#manage_boards .windowbg {
		line-height: 3.2em;
	}
	#manage_boards ul {
		max-height: 120em;
		padding: 0 0 10px 0;
	}
	#manage_boards dd, #manage_boards dt {
		width: 100%;
	}
	#manage_boards dt {
		line-height: 1.6em;
	}
}
/* These kids and their new-fangled thingummys. :P */
/* When I were a lad, things were different! */