MyBB Community Forums

I'm curious, I'm using the Black and Blue theme and the mysupport mod. The drop down menus that allow my users to select what category their support thread goes in and the MOD to whom it should be assigned to are on a grey background with black text. I've searched the CSS sheet (global.css) and have had no luck. What I would like to do is change the font from black to a lighter colour making it easier to read.

Here's the image I mean and then the CSS Sheet. Any help or guidance is greatly appreciated!!

-M.

body {
	background: #232323 url(images/Black_Blue/bg.png);
	color: #B3D3E3;
	text-align: center;
	line-height: 1.4;
	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

a:link {
	color: #E6E7FC;
	text-decoration: none;
}

a:visited {
	color: #E6E7FC;
	text-decoration: none;
}

a:hover, a:active {
	color: #E6E7FC;
	text-decoration: underline;
}

.logo {
	background-attachment: fixed;
        background: #232323 url(images/Black_Blue/header_bg.jpg) top no-repeat;	
	text-align: center;
        border: 1px solid #000;
	border-bottom: 1px;
        height: 280px;
}

#container {
	background: #1d1d1d;
	width: 90%;
	color: #F0EDED;
	border: 1px solid #AFB2DE;
	margin: auto auto;
	padding: 20px;
	text-align: left;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	border: 1px solid #00517A;
	box-shadow: 6px 0 4px  -4px #006699 , -6px 0 4px  -4px #006699;
	-webkit-box-shadow: 6px 0 4px  -4px #ccc , -6px 0 4px  -4px #006699;
	-moz-box-shadow: 6px 0 4px  -4px #006699 , -6px 0 4px  -4px #006699;
	border-radius: 10px;
}

#content {
	/* FIX: Make internet explorer wrap correctly */
	width: auto !important;
}

.menu ul {
	
	background: #000000 url(images/Black_Blue/menu.gif) top left repeat-x;
        color: #AFB2DE;
	text-align: left;
	padding: 13px 0;
	
	text-transform: uppercase;
	list-style: none;
	
	font-size: 11px;
	font-weight: bold;
}

.menu ul a {
	color: #B3D3E3;
	padding: 6px;
	text-align: left;
	
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	background: #232323;
	color: #ccc;
	padding: 5px;
	border: 1px solid  #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0 -1px 0 #111;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 5px;
}

#panel {
	background: #232323;
	color: #CDD0FA;
	font-size: 13px;
	border: 1px solid #333;
	padding: 10px;
        border-radius: 10px;
}

#panel .remember_me input {
	vertical-align: middle;
	margin-top: -1px;
}

table {
	color: #B3D3E3;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.tborder {
	background:#000;
	width: 100%;
	margin: auto auto;
	border: 1px #999;
}

.thead {
	background: #191919 url(images/Black_Blue/thead.png) top left repeat-x;
	color: #B3D3E3;
	padding-left: 25px;
}

.thead a:link {
	color: #B3D3E3;
	text-decoration: none;
}

.thead a:visited {
	color: #B3D3E3;
	text-decoration: none;
}

.thead a:hover, .thead a:active {
	color: #B3D3E3;
	border-bottom: 1px dotted #fff;
}

.tcat {
	background: #111 url(images/Black_Blue/tcat.png) top left repeat-x;
	color: #B3D3E3;
	font-size: 12px;
}

.tcat a:link {
	color: #B3D3E3;
}

.tcat a:visited {
	color: #B3D3E3;
}

.tcat a:hover, .tcat a:active {
	color: #B3D3E3;
}

.trow1 {
	background: #212121;
	border-top: 1px solid #252525;
	border-left: 1px solid #252525;
        border-radius: 6px;
}

.trow2 {
	background: #212121;
	border-top: 1px solid #252525;
	border-left: 1px solid #252525;
        border-radius: 6px;
}

.trow1:hover {
background: #222;
}

.trow2:hover {
background: #222;
}

.trow_shaded {
	background: #ffdde0;
}

.trow_selected td {
	background: #FFFBD9;
}

.trow_sep {
	background: #00304A;
	color: #ccc;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: #191919 url(images/Black_Blue/thead.png) top left repeat-x;
	color: #666;
	padding-left: 25px;
}

.tfoot a:link {
	color: #666;
	text-decoration: none;
}

.tfoot a:visited {
	color: #666;
	text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
	color: #aaa;
	border-bottom: 1px dotted #fff;
}

.bottommenu {
	background: #191919 url(images/forumro/thead_bg.gif) top left repeat-x;
	color: #B3D3E3;
	padding: 10px;
	border: 1px solid  #666;
	text-align: center;
	border-radius: 10px;
}

.navigation {
	background: #232323;
	color: #B3D3E3;
	padding: 8px;
	border: 1px solid  #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 5px;
	border-radius: 10px;
	
	font-size: 13px;
	font-weight: bold;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover, .navigation a:active {
	text-decoration: none;
}

.navigation .active {
	color: #AFB2DE;
	font-size: 13px;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

input.textbox {
	background: #ffffff;
	color: #000000;
	border: 1px solid #0f5c8e;
	padding: 1px;
}

textarea {
	background: #232323;
	color: #B3D3E3;
	border: 1px solid #0f5c8e;
	padding: 2px;
	line-height: 1.4;
	
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #343434;
	border: 1px solid #0f5c8e;
}

.editor {
	background: #333;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #333;
	border: 1px solid #0f5c8e;
}

.autocomplete {
	background: #fff;
	border: 1px solid #000;
	color: black;
}

.autocomplete_selected {
	background: #adcee7;
	color: #000;
}

.popup_menu {
	background: #ccc;
	border: 1px solid #000;
}

.popup_menu .popup_item {
	background: #fff;
	color: #000;
}

.popup_menu .popup_item:hover {
	background: #C7DBEE;
	color: #000;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.invalid_field {
	border: 1px solid #f30;
	color: #f30;
}

.valid_field {
	border: 1px solid #0c0;
}

.validation_error {
	background: url(images/Black_Blue/invalid.gif) no-repeat center left;
	color: #f30;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_success {
	background: url(images/Black_Blue/valid.gif) no-repeat center left;
	color: #00b200;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

.validation_loading {
	background: url(images/Black_Blue/spinner.gif) no-repeat center left;
	color: #555;
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
	padding-left: 22px;
}

/* Additional CSS (Master) */
img {
	border: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background-color: #232323;
	font-weight: bold;
	text-align: center;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
	padding-left: 5px;
}

.menu img {
	padding-right: 2px;
	vertical-align: top;
	margin-top: -2px;
}

#panel .links {
	margin: 0;
	float: right;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #666;
	color: #cccccc;
	height: 1px;
	border: 0px;
}

#copyright {
	font: 10px Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 10px 0 0 0;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 0;
}

blockquote {
	border: 1px solid #006699;
	margin: 0;
	background: #ccc;
	padding: 4px;
}

blockquote cite {
	background:#111111;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	margin: 4px 0;
}

blockquote cite span {
	background:#000000;
	float: right;
	font-weight: normal;
}

blockquote cite span.highlight {
	background:#000000;
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 4px 0;
}

.codeblock code {
	background:#000000;
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.subforumicon {
	border: 0;
	vertical-align: middle;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.autocomplete {
	text-align: left;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #2A3454;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #990000;
	border: 1px solid 006699;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #006699;
	border: 1px solid #666;
	color: #f5f5f5;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

div.error {
	padding: 5px 10px;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background: #2A3454;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #000;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(images/Black_Blue/error.gif) no-repeat 0;
}

div.error.ul {
	margin-left: 24px;
}

.online {
	color: #009900;
}

.offline {
	color: #ff0000;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current, .pagination a {
	padding: 2px 6px;
	margin-bottom: 3px;
}

.pagination a {
	border: 1px solid #81A2C4;
}

.pagination .pagination_current {
	background: #444;
	border: 1px solid #81A2C4;
	font-weight: bold;
	color: #cccccc;
}

.pagination a:hover {
	background: #F5F5F5;
	text-decoration: none;
}

.thread_legend, .thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.post_body {
	padding: 5px;
}

.post_content {
	padding: 5px 10px;
}

.quick_jump {
	background: url(images/Black_Blue/jump.gif) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	vertical-align: middle;
	border: none;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

.pagination_breadcrumb {
	background-color: #f5f5f5;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.stats {
background: #006699; /* old browsers */
background: -moz-linear-gradient(top, #222222 0%, #222222 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#222222)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#cccccc',GradientType=0 ); /* ie */
	color: #fff;
	padding: 5px;
	margin: 5px;
        border: 1px solid #000;
	text-align: center;
	font-size: 11px;
        box-shadow: 6px 0 4px  -4px #0472A6 , -6px 0 4px  -4px #0472A6;
	-webkit-box-shadow: 6px 0 4px  -4px #000 , -6px 0 4px  -4px #0472A6;
	-moz-box-shadow: 6px 0 4px  -4px #0472A6 , -6px 0 4px  -4px #0472A6;
}

/*author info style*/
.auth_block {
	background: #e6e6e6;

	border: 1px solid #fff;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 1px #353535;
	display: block;
	height: 16px;
	margin: 4px 0;
	padding: 1px 3px;
}

.mysupport_status_technical {
	color: blue;
}

.mysupport_status_solved {
	color: green;
}

.mysupport_status_notsolved {
	color: red;
}

.mysupport_bar_technical {
	background: blue;
	height: 10px;
}

.mysupport_bar_solved {
	background: green;
	height: 10px;
}

.mysupport_bar_notsolved {
	background: red;
	height: 10px;
}

.mysupport_bestanswer_highlight {
	background: #D6ECA6 !important;
}

.mysupport_staff_highlight {
	background: #333333 !important;
}

.usercp_nav_support_threads {
	background: url(images/usercp/mysupport_support.png) no-repeat left center;
}

.usercp_nav_assigned_threads {
	background: url(images/usercp/mysupport_assigned.png) no-repeat left center;
	color:#cccccc;
}

.modcp_nav_tech_threads {
	background: url(images/modcp/mysupport_technical.png) no-repeat left center;
}

.modcp_nav_deny_support {
	background: url(images/mysupport_no_support.gif) no-repeat left center;
}

*addendum!
It looks as if this is on all of my drop down menu selectors. My language selection at the bottom is also dark grey background with black text. Thank you again!