.scrollable{ overflow: auto; width: 800px; /* adjust this width depending to amount of text to display */ height: 150px; /* adjust height depending on number of options to display */ border: 1px silver solid; } .scrollable select{ border: none; } #selectedDatasource{ width:100%; margin-top:10px; border: 1px silver solid; } body { background-color: #cccccc; margin-bottom: 40px; } img.logoImg{ margin-left: 10px; } /*login*/ .right { float:right; padding:0px; margin:0px; text-align:right; } #header #login { padding:0px; margin:20px 10px 0px 0px; width: 340px } div#data{ margin: 2px 0px 10px 0px; padding: 0px 0px 0px 0px; height: 350px; width: 930px; } div#providerAlphabet, div#datasourceAlphabet, div#countryAlphabet{ margin-left: 105px; } select#schedule{ width: 105px; } input#bioFilter, div#providerAlphabet, div#datasourceAlphabet, div#countryAlphabet{ width: 390px; } select#bioFilter{ width: 105px; } div#footer{ margin-top: 30px; height: 30px; text-align: center; padding-top: 20px; border-top: #999999 1px dashed ; } div#wrapper { position:relative; margin-left:auto; margin-right:auto; /*top: 20px;*/ width:950px; background-color: #ffffff; padding:10px; margin-top: 30px; margin-bottom: 30px; } div#header { } div.separator{ margin-top: 20px; } div.separator-bottom{ margin-bottom: 5px; } .separator-right{ margin-right: 50px; } .float-right{ float:right; width: 130px; text-align:right; padding:0px; margin:0px; } .float-left{ float:left; width: 800px; padding:0; margin:0; } .clear{ clear:both; padding:0; margin:0; } .explainingText{ margin-left: 13px; margin-right: 15px; margin-bottom: 15px; } div.headerSection{ margin-left: 12px; margin-right: 12px; margin-top: 20px; margin-bottom: 15px; border-bottom: #999999 1px dashed ; } div#content { padding: 10px; } div#footer { } div#menu { margin:10px; height: 50px; background-color: #eeeeee; } div#menu li { width: 144px; float: left; display: inline; list-style: none; margin-left: 5px; padding: 0; font-size: 12px; line-height: 1em; margin-top:8px; height: 40px; text-align:center; font-family: arial, helvetica, verdana, sans-serif; background: transparent url(../images/bkgButton_up.gif) no-repeat; } div#menu a, div#menu a:link, div#menu a:active, div#menu a:visited { background: transparent; display: inline-block; /* hide from ie/mac \*/ display: block; /* end hide */ font-weight: bold; text-decoration: none; margin: 0; padding: 5px 15px 5px 15px; padding-top: 12px; color: #FFF; height: 26px; width: 114px; } div#menu a:hover { text-decoration: none; width: 114px; background: transparent url(../images/bkgButton.gif) no-repeat; } div#menu a.current { display: inline-block; /* hide from ie/mac \*/ display: block; /* end hide */ color: #FFF; font-size: 12px !important; } div#menu a.current, div#menu a.current:link, div#menu a.current:active, div#menu a.current:visited, div#menu a.current:hover { /* background-color: #019f2e; */ background: transparent url(../images/bkgButton.gif) no-repeat; } table.log div.hide { display:none; } .buttonEditContainer{ text-align: right; width: 440px; margin-top: 10px; margin-bottom: 0px; } form#killMenu div { float:left; width:100%; padding:0; margin:0px 0px 3px 0px; } form#killMenu span { float:left; text-decoration:none; padding:0px 2px 0px 0px; margin:0px 8px 0px 0px; display:inline; }