*/* global reset */
* { margin: 0 ; padding: 0 }
html { height: 100% ; }
body { height: 100% ; overflow: hidden ; }

/* general styling */
body { font-family: Arial, Helvetica, sans-serif ; font-size: 16px ; color: #002850 ; }
input[type="text"] { height: 22px ; padding: 0 5px ; }
button { height: 24px ; padding: 0 5px !important ; }
ul { margin-left: 15px ; }
ol { margin-left: 20px ; }
ul { list-style-image: url(../images/bullet.png) ; }
ul ul { list-style-image: url(../images/bullet2.png) ; }
ul ul ul { list-style-image: url(../images/bullet3.png) ; }

/* content */
.hilite { padding: 0 2px ; background: #ffa ; }
.exc { font-style: italic ; color: #666 ; }
.exc .auto-ruleid { color: #555 ; }
.auto-ruleid { color: red ; }
.auto-ruleid:hover { background: #ffffcc ; }
span.pre { font-family: monospace ; }

 /* notification balloons */
#growls-br { bottom: 0 ; right: 0 ; max-height: 40% ; }
.growl { cursor: pointer ; }
.growl .growl-close { position: absolute ; top: 0 ; right: 6px ; }
.growl .growl-title { display: none ; }
.growl .pre { font-family: monospace ; }
.growl div.pre { margin: 0 0 10px 10px ; font-size: 80% ; }
