body { font-family: arial; font-size: 76%; background: #eee; margin: 20px; padding: 0; }
#container { width: 99%; margin: 0 auto; }

/*--------- MENUS ----------*/

.mborders { width: 100%; margin-bottom: 10px; }
.mborders h3 { margin: 0; font-size: 1.1em; text-transform: none; font-weight: bold; padding: 0 5px 5px 5px; }
.mtop, .mbottom { display: block; background: transparent; font-size: 1px; }
.mb1, .mb2, .mb3, .mb4 { display: block; overflow: hidden; }
.mb1, .mb2, .mb3 { height: 1px; }
.mb2, .mb3, .mb4 { background: #FFFFFF; border-left: 1px solid #000; border-right: 1px solid #000; }
.mb1 { margin: 0 5px; background: #003300; }
.mb2 { margin: 0 3px; border-width: 0 2px; }
.mb3 { margin: 0 2px; }
.mb4 { height: 2px; margin: 0 1px; }
.mboxcontent { display: block; border: 0 solid #000; border-width: 0 1px; height: auto; background: #fff; }
* html .mboxcontent { height: 1px; }
.mboxpadding { padding: 5px; background: #CDE6FF; }
.mboxpadding p { margin: 0 0 10px 0; }

/*--------- DIALOGS ----------*/

.dborders { width: 100%; margin-bottom: 10px; }
.dborders h2 { margin: 0; font-size: 1.3em; text-transform: none; font-weight: bold; padding: 0 5px 5px 5px; }
.dtop, .dbottom { display: block; background: transparent; font-size: 1px; }
.db1, .db2, .db3, .db4 { display: block; overflow: hidden; }
.db1, .db2, .db3 { height: 1px; }
.db2, .db3, .db4 { background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; }
.db1 { margin: 0 5px; background: #000; }
.db2 { margin: 0 3px; border-width: 0 2px; }
.db3 { margin: 0 2px; }
.db4 { height: 2px; margin: 0 1px; }
.dboxcontent { display: block; border: 0 solid #000; border-width: 0 1px; height: auto; background: #fff; }
* html .dboxcontent { height: 1px; }
.dboxpadding { padding: 5px; background: #fff; }
.dboxpadding p { margin: 0 0 10px 0; }

/*--------- COLOURS ----------*/

.menu_colour { background: #20358c; color: #fff; }
.dialog_colour { background: #20358c; color: #fff; }
.blank { background: #fff; }
.filled { background: #ccc; }