Cascading Style Sheets (CSS) are an extension to HTML which allow you to create definitions for HTML elements. These definitions control the display of the defined elements on your web pages. For example, the following snippet (taken from main.css on our system) controls the background color and margins that are used. You could change this line and add it to the "Additional CSS" area, to override :

BODY { background-color: #FFFFFF; margin-left: 2%; margin-right: 2%;}

The Server Configuration menu will tell you which style you are currently using (ie: main.css or blue.css). These contain the current CSS definitions that are being used. You can access the current definitions by typing :

http://ADDRESS:PORT/MAIN.css (assuming main.css is the current one)

This will allow you to get the current settings. Anything you enter into the "Additional CSS text area, will override the style sheet currently being used.

Note:If you save a new css file to the server installation directory, you can simply choose it from the Server Config Menu.

Warning: It is possible to override something incorrectly and format to an unreadable state, so you may want to experiment first. The most obvious example is if you make the text color the same as the background color. In this case, you would need to edit the additionalCSS.cfg file manually on the server and restart the process.

Another Example
The following lines control the attributes for labels, readonly fields and editable fields, in our main.css style sheet (the default one for our tracking system) :

TD.label {padding: 2 0 0 5; font-weight: bold; text-align: left; vertical-align: top; width: 18%; white-space: nowrap;}
TD.in {width: 25%; text-align: left; }
TD.input {width: 25%; text-align: left; white-space: nowrap;}

The width of these fields for example, are 18% and 25% of the screen, for labels and and fields. You could alter this if you want more/less space to be used for labels or data on the screen.