ul#navlist { margin-left: 20; padding-left: 0; white-space: nowrap; } #navlist li { display: inline; list-style-type: none; } #navlist a { padding: 3px 10px; border: 1px solid #000; font-weight: normal;} #navlist a:link, #navlist a:visited { color: #000; background-color: #bbb; text-decoration: none; } #navlist a:hover { color: #fff; background-color: #777; text-decoration: none; } #loading { top:50%; left:50%; margin-top:-15; margin-left:-15; position:absolute; } #container { background-color: #ffa; border:1px solid #000; padding:2px; } /* -- Box Styles -- */ .dialog { position:relative; margin:0px auto; min-width:8em; max-width:720px; z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */ } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(Crime-Box.jpg) no-repeat top right; /* _background-image:url(Crime-Box.jpg);*/ } .dialog .content { position:relative; zoom:1; _overflow-y:hidden; padding:20px 12px 0px 0px; } .dialog .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; } .dialog .b { /* bottom */ position:relative; width:100%; } .dialog .b, .dialog .b div { height:50px; /* height of bottom cap/shade */ font-size:1px; } .dialog .b { background-position:bottom right; } .dialog .b div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; } .dialog .hd, .dialog .bd, .dialog .ft { position:relative; } .dialog .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; /* overflow:auto; */ } .dialog h1, .dialog p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } .dialog h1 { padding-bottom:0px; }