I am encountering a couple of issues with the code below. Firstly, the CSS styles that I have specified for my two listboxes are not being applied correctly...none of the CSS styles for the listboxes seem to work. Secondly, I am trying to make my two main divs in the panel 'pnlSelAccounts' display side by side, but they are appearing stacked on top of each other instead. The first div should contain the first textbox, label, button, and the two list boxes, while the second div should include the two smaller panels along with their contents. Any assistance with this would be highly appreciated!
<style type="text/css">
body
{
background-color: #232323;
font-family: Knowledge Regular;
}
legend
{
color: #D4D4D4;
}
.UpperPanel
{
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
}
.RightPanel
{
margin-right: 10px;
margin-left: 10px;
padding-bottom: 10px;
}
.ListBox_Default
{
color: #D4D4D4;
background-color: #232323;
border: solid 2px #000000;
padding-left: 20px;
height: 250px;
width: 250px;
}
fieldset
{
border: solid 2px #000000;
width: 100%;
}
.DisplayTextBoxStyle
{
color: #00FFFF;
font-weight:bold;
background-color:transparent;
border: 0px solid;
width: 65%;
}
.InputTextBoxStyle
{
color: #D4D4D4;
background-color: #232323;
border: solid 2px #000000;
}
.TabStyle .ajax__tab_header
{
display: block;
}
.TabStyle .ajax__tab_tab
{
color: #FF9900;
}
.TabStyle .ajax__tab_header .ajax__tab_outer
{
color: #D4D4D4;
font-family: Knowledge Regular;
padding-left: 10px;
margin-right: 3px;
border:solid 2px #000000;
}
.TabStyle .ajax__tab_header .ajax__tab_inner
{
border-color: #666;
...