.top_1 { margin-top: 1em; }
.bottom_1 { margin-bottom: 1em; }
.even .contents, .even.contents { background: #FFF0E6; }
.right { text-align: right; }
.righted { margin: 0 auto; }
#items { padding-top: 30px; }
div.item { opacity: 0.7; padding: 5px; border: 2px solid white; margin: 8px 0; }
div.item.active { opacity: 1; border: 2px solid green; z-index: 20; -moz-border-radius: 5px; background: #BFFFBF; }
div.item.active.subactive { -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-right: 2px solid #BFFFBF; }
.item { position: relative; }
.contents { min-height: 48px; }
.contents p { margin: 8px 28px 8px 8px; }
.contents p b a { color: #000; }
.active .contents { background: #BFFFBF; }
div.item.active.ignore { background: #FFBFBF; border-color: red; }
div.item.active.ignore .contents { background: #FFBFBF; }
div.search { height: 48px; }
#arrows { overflow: auto; width: 500px; position: relative; }
#arrows .back { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: white; opacity: 0.8; z-index: 10; }
.arrow { padding: 3px; border: 2px outset black; background: #DDD; text-align: center; float: left; height: 10px; line-height: 8px; font-size: 16px; margin: 0 3px; }
#arrows .right { float: right; }
#arrows span.text.right { right: 0px; }
#arrows .text { left: 0px; z-index: 20; position: absolute; top: 0px; }
#arrows.left div.left { display: block; }
#arrows.left div.center { display: none; }
#arrows.left div.right { display: none; }
#arrows div.left { display: none; }
#arrows div.center { display: block; }
#arrows div.right { display: none; }
#arrows.right div.left { display: none; }
#arrows.right div.right { display: block; }
#arrows.right div.center { display: none; }
#msg { list-style: none; margin: 0; padding: 4px; margin-top: 60px; position: relative; top: 0px; left: -6px; opacity: 0.5; border: 2px solid white; border-left: none; z-index: 10; display: none; }
#msg.active { display: block; opacity: 1; border: 2px solid green; border-left: 2px solid green; left: -8px; -moz-border-radius: 5px; background: #BFFFBF; }
#msg li { background: #FFF; margin: 0 0 1em 0; -moz-border-radius: 5px; }
#msg li p { padding: 8px; margin-bottom: 0px; }
#msg li.active { background: #60BF60; }
#msg li.active form { background: #FFF; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; }
#msg textarea { width: 100%; }
#msg li.cur { background: #B30000; }
#msg li form { padding: 8px; display: none; }
#msg li.active form { display: block; }
#msg li.canned { background: #FFF; font-size: 10px; padding: 2px 2px 2px 6px; }
#msg li.canned p { padding: 0px; }
#msg li.canned.active { background: #60BF60; }
/*
#msg li.canned p { background: #BFFFBF; }
#msg li.canned ul { list-style: none; margin: 0; padding: 0; }
#msg li.canned ul li { font-size: 10px; margin: 3px 2em 3px 2em; }
#msg li.canned ul p { background: #BFFFBF; padding: 3px; }
#msg li.canned ul li.active p { background: #60BF60; }
#msg li ul.canned { display: none; padding: 0.5em 0; }
#msg li.active ul.canned { display: block; }
*/
/*#msg li.active p { background: #60BF60; }*/
#msg li span.text { font-size: 10px; padding: 1em; display: none; }
/*#msg li.active span.text { display: block; }*/
#msg li.retweet span.text { display: none; }
iframe { display: none; }
div.checks { float: right; width: 150px; font-size: 10px; margin-top: -7px; }
#info { position: fixed; left: 0px; bottom: 0px; background: #FFF; background: rgba(255,255,255,0.5); width: 100%; z-index: 100; font-size: 20px; display: none; }
#info div { float: left; width: 48%; }
#info #info_left { text-align: right; margin-right: 4%; }

#addquery { display: inline; }
#addquery #id_terms { width: 100px; }

ul.watchlist { list-style: none; padding: 0; margin: 0; }
ul.watchlist li { padding: 0 3px; margin: 0; }

ul.menu { list-style: none; padding: 0; margin: 0; }
ul.menu li { padding: 0 3px; margin: 0; }
ul.watchlist li.active a, ul.menu li.active a { color: #004; font-weight: bold; }

div.canned div { position: relative; }
div.canned img { position: absolute; top: -4px; right: -4px; }

#response { min-height: 48px; width: 100%; }

.bigmain { font-size: 160%; text-align: center; width: 26em; margin: 0 auto;} 
.bigfeatures { margin: 1em auto 2em; padding: 1ex; background: #ffc;} 
.bigfeatures li { margin-bottom: 1em; color: #777; text-align: left; } 
.bigfeatures li b { color: #000; } 
 
form.multiline label { display: block; } 
form.multiline { width: 26em; } 
form.multiline input, form.multiline textarea { width: 24em; } 
form.multiline textarea { height: 4em; } 
form .help_text { margin: -2em 0 1em 0; font-style: italic; font-size: 80%; color: #999; }
