body {font-size: 14px; font-family: Helvetica Neue, Arial, sans-serif; margin: 0 0; }

.bodytable {border: 1px solid #ccc; border-spacing: 0px;}
.bodytable th, td {border-top: 1px solid #ccc; padding: 5px;}
.bodytable th, th.head, td.head {background-color: #eee; font-weight: bolder; text-align: left;}

.table-public {
	max-width: 600px;
}
.table-public .bodytable {
	width: 100%;
	border-radius: 3px;
}

.labeltable {border: 1px solid #ccc; border-spacing: 0px; font-size: 0.95em;}
.labeltable th, .labeltable td { padding: .4em .4em;}
.labeltable.large td {font-size: 1.2em;}

.labeltable td.subhead { font-weight: 700; font-size: 1.2em; padding-top: .5em;}

.labeltable td.even {background-color: #EBECEB;}

.labeltable > tbody > tr > td.first, .labeltable > tr > td.first { font-weight: 700; border-right: 1px dotted #ccc; padding-right: .8em; }
.labeltable > tbody > tr > td.first > div, .labeltable > tr > td.first > div {
	font-weight: 300;
}

.labeltable.order > tbody > tr > td.first, .labeltable.order > tr > td.first {
	padding-left: 1.4em;
}
.labeltable td.col02 { padding-left: .8em; }

.labeltable.budget .subcat {margin-left: 2em; font-weight: 400;}
.labeltable.budget .subcat .sub_spacer {display: none}

.labeltable.budget > tbody > tr > td.col02, .labeltable.budget > tr > td.col02 { border-right: 1px dotted #ccc; padding-right: .8em; }

.labeltable.budget > tbody > tr.subtotal > td.col02, .labeltable.budget > tr.subtotal > td.col02 { border-right: 0px; padding-right: .4em; text-align: right; }

.labeltable.budget > tbody > tr > td.col03, .labeltable.budget > tr > td.col03, .labeltable.budget > tbody > tr > td.col04, .labeltable.budget > tr > td.col04, .labeltable.budget > tbody > tr > td.col05, .labeltable.budget > tr > td.col05 {
	text-align: right;
}

.labeltable.budget .subtotal td {
	font-weight: 600;
	border-right: 0px;
}

.labeltable.wide, .datatable.wide {
	width: 100%;
	margin-bottom: 1.3em;
	border-radius: 5px;
}

.labeltable.datamatch {
	border-radius: 5px;
}

.labeltable .foot {
	text-align: center;
	font-weight: 600;
}

.form_wrap_group h3 {
	background-color: #FFF4D1;
}

.labeltable.wide td.col01 {
	width: 10em;
}

.datatable, .labeltable.datamatch {border: 1px solid #6364ac; border-spacing: 0px; font-size: 0.9em}
.datatable {font-size: 0.9em}
.datatable th, .labeltable.datamatch th {background-color: #FFF4D1; font-weight: 700; text-align: left;}

.datatable th, .datatable td { padding: .4em .25em;}
.datatable td, .labeltable.datamatch td {border-top: 1px dotted #6364ac;}
.datatable td.subhead {background-color: #AEC6A7; font-weight: 600;}

.datatable td.unread { font-weight: 600 }

.datatable td.partb {border-top: 0px }
.datatable td.light { font-weight: 300 }

.datatable td.odd {background-color: white;}
.datatable td.even {background-color: #EBECEB;}

.datatable tr.odd td {background-color: white;}
.datatable tr.even td {background-color: #EBECEB;}


.datatable.grid td {
	border-left: 1px dotted #6364ac;
}

table.dataTable.no-footer {
	border-bottom: 1px solid #6364ac;	
}

.datatable.grid td.first, .datatable.grid td.subhead {
	border-left: 0px;
}

.datatable.grid .static {
	border: 1px dotted black;
	border-radius: 1px;
	padding: 1px;
	font-size: 8px;
	display: inline-block;
}

.datatable.grid .empty_right {
	text-align: right;
}

.datatable.grid.center td.first, .datatable.grid.center th.first, .datatable.grid.center .subhead {
	text-align: left;
}

.datatable.grid.center td, .datatable.grid.center th {
	text-align: center;
}

.datatable.eight, .datatable.nine {
	width: 100%;
}

.datatable.eight td, .datatable.eight th {
	width: 9%;
	text-align: center;
	
}

.datatable.nine td, .datatable.nine th {
	width: 8%;
	text-align: center;
	
}

.datatable.eight td.first, .datatable.nine td.first {
	width: auto;
	text-align: left;
	font-weight: 600;
}

.datatable .caption {
	font-weight: 200;
}

.datatable .total {
	font-weight: 600;
	text-align: right;
	display: block;
}

.datatable.printonly {
	display: none;
}

.datatable.full, .datatable.wide {
	width: 100%;
	border-radius: 3px;
}

.datatable.full th, .datatable.full td, .datatable.wide th, .datatable.wide td { padding: .6em .4em;}

.datatable.invoice .total_row {
	font-weight: 800;
}

.datatable.invoice td.money {
	text-align: right;
}

.section_nav {
	font-size: 1.2em;
	background-color: #eee;
	display: block;
	margin: 0px -5px;
	padding: 2px 2px 7px 5px;
}

.section_nav a {
	border-radius: 3px;
	background-color: white;
	padding: 5px 10px 5px 7px;
	margin-right: 3px;
		white-space: nowrap;
	display: inline-block;	
	margin-top: 5px;
}

.section_nav a:hover {
	background-color: #f0f0f0;
}

.page_section {
	border: 1px dotted #999;
	margin: 1em -5px;
	padding: 0px 5px;
	border-radius: 3px;
}

.page_section h3 {
	margin-top: 5px;
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom: 1px dotted #aaa;
}


.blocktable {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 1em;
}

.parallel_tables {
	width: 350px;
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 1em;
}

.parallel_tables h4 {
	margin-top: 0px;
	margin-bottom: 0.5em;
}

.form-public #split_table {
border: 1px solid #DDDDDD;
margin-bottom: 30px;
border-radius: 3px;
}

.formtable {
	width: 100%;
	border-spacing: 0px; font-size: 0.9em
}

.formtable th {
	padding: 5px 8px;
}

.form-public #split_table .formtable {
}

td.totalrow {
	font-weight: 800;
}

#portal-wrap {
	position: absolute;
	width: 100%;
}

#portal-header {
	height: 42px;
	padding: 5px;
	z-index: 20;
	position: fixed;
	top: 0;
	width: 100%;
}

#portal-header::after {
	height: 8px;
	background-color: #FFF4D1;
	content: "";
	width: 100%;
	z-index: 19;
	position: fixed;
	border-bottom: 1px dotted #6364ac;
	left: 0;
	top: 52px;
}

#sub-name {
	display: inline-block;
	font-weight: 700;
/*	width: 200px;
	text-align: center;*/
	font-size: 24px;
	color: #261F99;
	padding-top: 6px;
	vertical-align: top;
	margin-left: 62px;
}

#sub-name #sidebar-toggle {
	color: #261F99;
	margin-right: 1em;
	background-color: rgba(0,0,0,0.05);
	height: 42px;
	width: 52px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 200px;
	padding-top: 12px;
	font-size: 30px;
}

#sub-name #sidebar-toggle:hover {
	background-color: #aaa;
}

#sub-name .extranum {
	display: none;
}

#sub-name img {
	height: 35px;
	display: none;
}

#sub-name .fulltext span {
	font-weight: 300;
}

.collapsed #sub-name img {
	display: inline;
}
.collapsed .fulltext {
	display: none;
}

.account_box {
	display: inline-block;
	padding: 4px 5px;
	text-align: right;
	background-color: white;
	position: fixed;
	top: 5px;
	right: 5px;	
	z-index: 25;
	border: 1px solid #E23D29;
	border-radius: 5px;
	font-size: 12px;
}

.account_box .user_name {
/*	margin-right: .4em; */
	font-weight: bolder;
	display: block;
}

.account_box .user_name .email {
	font-weight: 300;
}

.account_box a {
	font-size: 0.8em;	
}

.account_box .fa-layers-counter {
  zoom: 150%;
}

.account_box_expand {
	display: inline-block;
	padding: 4px 5px;
	text-align: right;
	background-color: white;
	position: fixed;
	top: 5px;
	right: 5px;	
	z-index: 25;
	border: 1px solid #E23D29;
	border-radius: 5px;
	font-size: 12px;
}

.account_box_expand .account_box_details, .account_box_expand .search_box_details {
	display: none;
}

.account_box_expand.expanded .account_box_details, .account_box_expand.searchbox .search_box_details {
	display: block;
}

.account_box_expand .account_box_icons {
	font-size: 2em;
}

.account_box_expand .account_box_icons a {
	color: black;
}

.account_box_expand .account_box_icons a:hover {
	color: red;
}

.account_box_expand .fa-layers-counter {
  zoom: 150%;
}

.account_box_expand.expanded {
	width: 300px;
}

.account_box_expand .account_box_details {
	text-align: left;
}

.account_box_expand .user_name {
/*	margin-right: .4em; */
	font-weight: bolder;
	display: block;
	border-top: 1px dotted #E23D29;
	margin-right: -3px;
	margin-left: -3px;
	padding: 5px 3px;
}

.account_box_expand .user_name .email {
	font-weight: 300;
}

.account_box_expand .account_box_details a {
	display: block;
	font-size: 1.2em;
	margin: 0px -5px;
	padding: 3px 5px;
	border-top: 1px dotted #ccc;
}

.account_box_expand .account_box_details a .text {
	padding-left: .4em;
}

.account_box_expand .account_box_details a:hover {
	background-color: lightyellow;
}


#troopname {
	display: inline-block;
	padding: 5px 5px 0px;
	color: black;
	width: 186px;
	font-size: 18px;
}

#troopname img {
	height: 33px;
}

#troopname .num {
	font-weight: 600;
}

#troopname .comma, #troopname .of {
	display: none;
}

#troopname .charter {
	display: block;
	font-weight: 300;
	font-size: 8px;
}

#portal-side {
	width: 200px;
	float: left;
/*	position: absolute; */
	z-index: 10;
	background-color: #F9F8FF;
}




#top_links {
	position: relative;
	z-index: 8;
	top: 62px;
}

#top_links ul {
	margin: 0 0;
	padding: 0 0;
}

#top_links li {
	display: block;
	background-color: rgba(255,255,255,0.8);
	border-bottom: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}

#top_links li ul {
	padding-left: 2.5em;
}

#top_links li li {
	border-right: 0px;
	border-bottom: 0px;
	background-color: transparent;	
	font-size: 0.9em;
}

#top_links li a {
	padding: 5px;
	display: block;
}

#top_links li a:hover {
	background-color: white;
}

#portal-side:after {
	background-color: #F9F8FF;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	display: block;
	content: "";
	width: 200px;
	z-index: 2;
}

#portal-content {
	margin-top: 62px;
	margin-left: 200px;
	padding: 10px;
	margin-bottom: 30px;
}


#portal-content .tabs {
	background-color: #ddd;
	padding: 10px;
	margin-top: -11px;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 1em;
	overflow: hidden;
} 

#portal-content .tabs h4 {
	display: inline-block;
	margin: 0 0;
	padding-right: 10px;
}

#portal-content .tabs a {
	background-color: #eee;
	display: inline-block;
	margin-right: 0px;
	padding: 5px 10px;
	margin-top: -5px;
/*	margin-bottom: -5px;*/
	border-radius: 8px;
	padding-bottom: 18px;
	margin-bottom: -18px;
	font-weight: 500;
}

#portal-content .tabs a:hover {
	background-color: lightyellow;
	text-decoration: none;
}

#portal-content .tabs a.active {
	background-color: white;
}

#portal-content .tabs div {
	display: inline-block;
}

#portal-content .tabs > div {
	position: absolute;
	right: 5px;
}

#portal-content .body_title {
	margin-top: 0px;
}

#portal-base {
	position: fixed;
	bottom: 0;
	width: 100%;
	right: 0;
	z-index: 1;
}

#portal-base div {
	padding-left: 210px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #ccc;
}

.collapsed #sub-name #sidebar-toggle {
	left: 0px;
}

.collapsed #troopname {
	display: none;
}


.collapsed #portal-side {
	display: none;
}

.collapsed #portal-content {
	margin-left: 0px;
}

.collapsed #portal-base div {
	padding-left: 10px;
}

.collapsed #sub-name .extranum {
	display: inline;
}


.login_form .direct_login {
	border-top: 1px dotted #eee;

	padding: 5px 0px 0px;

}

.login_form .direct_login a {
	font-size: 1.3em;
	margin-right: .5em;
}

.form-public {
	margin: 0 0 !important;
}

.login_form {
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
	padding: 10px 10px;
/*	border-radius: 5px;*/
	margin: 0px -10px;
	background-color: #f8f8f8;
}

.login_form .form-public {
    max-width: none;
    margin: 0px -10px 0px;
    padding: 20px 10px 10px;
    background-color: white;
}

.login_form .form-public input[type="submit"] {
	margin-top: -10px;
}

.login_form.no_input .form-public input[type="submit"] {
	margin-top: 2px;
}

.form-public textarea {
	height: 5em !important;
}

.login_form h4 {
	padding: 0px 10px 5px;
	margin: -5px -10px 0px;
	border-bottom: 1px dotted #eee;
	color: #aaa;
}

h3.section {
	border-bottom: 1px dotted #ccc;
	padding-bottom: .2em;
	margin-bottom: -.2em;
}

.agreement_text h3 {
	margin-top: 0em;
	margin-bottom: .4em;
	padding-bottom: .4em;
	border-bottom: 1px solid #999;
}

.agreement_text ul {
	list-style-type: circle !important;
	padding-left: 2em !important;
}

.agreement_text ul li {
	display: list-item;
	padding: 0px;
	border: 0px;
	margin: 0 0;
}

.agreement_text ul li:last-child {
	text-align: left !important;
}

.agreement_text .agree {
	display: none;
}

.rendered_paperwork {
	border: 1px dotted #888;
	margin-left: -5px;
	margin-right: -5px;
	padding: 0px 5px;
	border-radius: 3px;
}

.rendered_paperwork h3 {
	margin-top: 0.3em;
}

.rendered_paperwork .agree {
	font-weight: bolder;
}

.signature_block {

}

.signature_block .signature {
	display: inline-block;
	width: 15em;
	font-weight: bolder;
	border-bottom: 1px solid black;
}



	p.message, p.error_message  {
		border: 1px dotted #lightyellow;
		background-color: #eee;
		padding: 5px;
		margin-right: -5px;
		margin-left: -5px;
		border-radius: 3px;
	}	
	
	p.error_message {
		background-color: yellow;
	}
	
#top_links .svg-inline--fa {
	display: inline-block;
	margin-right: 5px;
}

#top_links .expander {
	display: block;
	float: right;
	padding: 7px 0px;
}

#top_links .expander_link {
	display: inline;
	padding: 0px;
}

#top_links a:hover .fa-fw {
	color: red;
}

.dataTables_wrapper, table.dataTable, .dataTables_wrapper .dataTables_info {
	clear: right;
}

.dataTables_wrapper:after {
	clear: right;
}

td.nobreak {
	white-space: nowrap;
}

.inline-menu .menu_item {
	display: inline-block;
	width: 220px;
	height: 125px;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 4px;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
}

.inline-menu .menu_item a {
	display: block;
	padding: 10px;
	border-radius: 4px;
	text-decoration: none;
	
}

.inline-menu .menu_item .most_recent a {
	display: inline;
	padding: 0 0;
}



.inline-menu .info_changes {
	height: 170px;
}

.inline-menu .info_changes .changes {
	display: block;
	border-top: 1px dotted #888;
	padding: 5px 10px 0px;
	font-size: .8em;
	text-align: left;
}

.inline-menu a:hover {
	background-color: lightyellow;
	color: black;
}

.inline-menu .menu_item .most_recent a:hover {
	background-color: inherit;
}

.inline-menu a .fa-fw {
	font-size: 3em;
	color: #888;
	margin-bottom: .2em;
}

.inline-menu a:hover .fa-fw {
	color: black;
}

.inline-menu a .title {
	display: block;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: 500;
}

.inline-menu a:hover .title {
	text-decoration: none;

}

.inline-menu a .description {
	display: block;
	font-size: .9em;
	font-weight: 300;
}

.inline-menu .most_recent {
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.link-button {
	display: inline-block;
	width: 150px;
	height: 85px;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 4px;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;
	text-decoration: none;
	padding: 10px;
}

.link-button:hover {
	background-color: lightyellow;
	color: black;
}

.link-button .fa-fw {
	font-size: 2em;
	color: #888;
	margin-bottom: .2em;
}

.link-button:hover .fa-fw {
	color: black;
}

.link-button .title {
	display: block;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: 500;
}

.link-button:hover .title {
	text-decoration: none;

}

.link-button .description {
	display: block;
	font-size: .9em;
	font-weight: 300;
}

.ajax_post_wrap {
	white-space: nowrap;
}
.ajax_post_status {
	margin-left: .2em;
}

.class_plan th.col02,.class_plan th.col03 {
/*	width: 12em;
/**/
}

.class-stub td {
	font-weight: 600;
}

.proposal-review td {
	font-weight: 400;
}

.proposal-base td {
	font-weight: 200;
}

.proposal-archived td.col01 {
	font-weight: 300;
	text-decoration: line-through;
}

.class_plan td.col05 {
	font-weight: 400;
	white-space: nowrap;
}

.class_plan td a:link {
	border-right: 1px dotted #888;
}

.class_plan td a:link, .class_plan td .current_status {
/*	display: inline-block;*/
	margin: -0.6em 0.4em -0.6em -0.4em;
	padding: .6em .6em;
}

.class_plan td .current_status:empty {
	padding: 0px;
}

tr.unread td {
	font-weight: 600;
}

.class-info .class_state {
	float: right;
	font-size: 2em;
	padding: 0px 5px;
	color: #800000;
	font-weight: 600;
}

.class-final .class_state  {
	display: none;
}

.class-draft, .class-stub {
	background-color: #f0f0f0;
	margin: 0px -7px;
	padding: 5px 5px;
	border: 2px dotted black;
	border-radius: 3px;
}

.class-draft h3, .class-stub h3 {
	margin-top: .2em;
}

div.dtsp-panesContainer, 
div.dtsp-panesContainer div.dtsp-searchPanes {
	clear: right;
}

.ranking_checkbox {
	display: inline-block; width: 16em;
	vertical-align: top;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

#portal-content .search_form {
	margin-bottom: 1em;
}

#portal-content .search_form {
	display: block;
	padding: 6px 10px;
	border: 1px solid #ddd;
	text-align: left;
	border-radius: 4px;
	margin-right: 1em;
	margin-bottom: 1em;
	vertical-align: top;	
}

#portal-content > .post-button-inputs {
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-right: 1em;
	margin-bottom: 1em;
	display: inline-block;
	width: 490px;	
	vertical-align: top;	
}

.module-block {
	display: inline-block;
	vertical-align: top;
	width: 350px;
	margin-right: 1em;
	margin-bottom: 1em;
}

.module-block table {
	width: 100%;
}

.mediaTest {float: left;}

@media screen and (max-width: 800px) {
	.mediaTest {float: none;}
}

@media screen and (max-width: 480px) {
	.parallel_tables {width: 100%}
}

@media screen and (max-width: 480px) { 
	.inline-menu .menu_item	{ 
		width: 45%;
		margin-left: .4em;
		margin-right .4em;
		font-size: .8em;
		height: 102px;
	}
	
	.inline-menu .info_changes {
		height: 140px;
	}
	
	.inline-menu a .description {
		font-size: 1em;
	}
	
	#portal-content > .post-button-inputs {
		width: auto;
		display: block;
	}
}

@media screen and (max-width: 380px) { 
	.inline-menu .menu_item	{ 
		width: inherit;
		display: block;
		margin-left: 0em;
		margin-right 0em;
		font-size: 1em;
		height: 125px;
	}
	
	.inline-menu .info_changes {
		height: 170px;
	}
	
	.inline-menu a .description {
		font-size: 0.9em;
	}
	
	.link-button {
		height: auto;
		width: 35%;
	}
	
	.link-button .description {
		display: none;
	}
	
	.account_box_expand.expanded {
		width: 90%;
	}
}

@media (prefers-color-scheme: dark) {
	body, .form-public, .login_form, .form-public li > label {
		background-color: #333 !important;
		color: #ddd !important;
		font-family: Source Sans Pro, sans-serif;
	}

	.form-public input, .form-public  textarea {
		background-color: #404040;
		color: white;
	}
	
	.form-public input[type="text"]:focus,
	.form-public input[type="date"]:focus,
	.form-public input[type="datetime"]:focus,
	.form-public input[type="tel"]:focus,
	.form-public input[type="email"]:focus,
	.form-public input[type="number"]:focus,
	.form-public input[type="search"]:focus,
	.form-public input[type="time"]:focus,
	.form-public input[type="url"]:focus,
	.form-public input[type="password"]:focus,
	.form-public textarea:focus,
	.form-public select:focus 
	{
		color: black;
	}	
	
	.form-public li > span {
		background-color: #303030 !important;
		color: #aaa !important;
	}
	
	.form-public li.subhead {
		background-color: #222 !important;
	}

	p.message, p.error_message  {
		border: 1px dotted #eee;
		background-color: #444;
		padding: 5px;
		margin-right: -5px;
		margin-left: -5px;
		border-radius: 3px;
	}	
	
	p.error_message {
		background-color: darkred;
	}
	

	
	.labeltable td.even {
		background-color: #282828;
	}

	.labeltable th {
		color: black;
	}
	
	.datatable th {
		color: black;
	}
	
	.datatable td.odd, .labeltable.datamatch td.odd {
		background-color: #444;
	}
	
	.datatable td.even, .labeltable.datamatch td.even  {
		background-color: #393939;
	}
	
	.datatable tr.odd td {
		background-color: #444;
	}
	
	.datatable tr.even td {
		background-color: #393939;
	}		
	
	.datatable td.subhead {
		#222;
	}
	
	.formitem input:matches([type="text"], [type="password"], [type="email"], [type="tel"], [type="date"]), .formitem textarea {
		background-color: #999;
		border: 1px solid #bbb;
		padding: 2px;
	}
	
	.formitem select {
		background-color: #999;
		border: 1px solid #bbb;
	}
	
	.form_wrap_group .base {
		background-color: #333;
	}
	
	.form_wrap_group h3 {
		background-color: #222;
	}	
	
	.form_wrap_group p {
		background-color: #333 !important;
	}
	
	.form_wrap_group h3 + p {
		background-color: #444 !important;
	}
	
	.account_box {
		background-color: #484848;
		border: 1px dotted darkred;
	}
	
	.account_box_expand {
		background-color: #484848;
		border: 1px dotted darkred;
	}

	.account_box_expand .account_box_icons a {
		color: #ccc;
	}
	
	.account_box_expand .user_name {

		border-top: 1px dotted darkred;	
	}
	.account_box_expand .account_box_details a:hover {
		color: black;
	}	
	
	#portal-side {
		background-color: #444;
	}
	
	#portal-side:after {
		background-color: #303030;
	}	
	
	#portal-header::after {
		background-color: #282828;
	}	
	
	#top_links li {
		background-color: rgba(50,50,50,0.8);
		border-color: black;
	}	
				
	
	#top_links li a:hover {
		background-color: black;
	}
	
	#portal-content .tabs {
		background-color: #434343;
	}
	
	#portal-content .tabs a {
		background-color: #282828;	
	}
	
	#portal-content .tabs a.active {
		background-color: #333;
	}
	
	#portal-content .tabs a:hover {
		background-color: darkred;
	}
	
	.signature_block .signature {
		border-color: white;
	}
	
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
		color: #ccc;
	}
	
	table.dataTable tbody tr {
		background-color: #333;
	}
	
	.class-draft, .class-stub {
		background-color: #444;
		border: 2px dotted white;
	}
	
	div.dataTables_scrollBody {
		background-color: #333 !important;
	}
	
	.section_nav {
	background-color: #222;
	}

	.section_nav a {
		background-color: #444;
	}
	
	.section_nav a:hover {
		background-color: #333;
	}	
}