pcapr-local 0.1.10

data/lib/pcapr_local/www/static/script/tipsy/jquery.tipsy.js

@@ -0,0 +1,104 @@
+(function($) {
+    $.fn.tipsy = function(options) {
+
+        options = $.extend({}, $.fn.tipsy.defaults, options);
+        
+        return this.each(function() {
+            
+            var opts = $.fn.tipsy.elementOptions(this, options);
+            
+            $(this).hover(function() {
+
+                $.data(this, 'cancel.tipsy', true);
+
+                var tip = $.data(this, 'active.tipsy');
+                if (!tip) {
+                    tip = $('<div class="tipsy"><div class="tipsy-inner"/></div>');
+                    tip.css({position: 'absolute', zIndex: 100000});
+                    $.data(this, 'active.tipsy', tip);
+                }
+
+                if ($(this).attr('title') || typeof($(this).attr('original-title')) != 'string') {
+                    $(this).attr('original-title', $(this).attr('title') || '').removeAttr('title');
+                }
+
+                var title;
+                if (typeof opts.title == 'string') {
+                    title = $(this).attr(opts.title == 'title' ? 'original-title' : opts.title);
+                } else if (typeof opts.title == 'function') {
+                    title = opts.title.call(this);
+                }
+
+                tip.find('.tipsy-inner')[opts.html ? 'html' : 'text'](title || opts.fallback);
+
+                var pos = $.extend({}, $(this).offset(), {width: this.offsetWidth, height: this.offsetHeight});
+                tip.get(0).className = 'tipsy'; // reset classname in case of dynamic gravity
+                tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
+                var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight;
+                var gravity = (typeof opts.gravity == 'function') ? opts.gravity.call(this) : opts.gravity;
+
+                switch (gravity.charAt(0)) {
+                    case 'n':
+                        tip.css({top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-north');
+                        break;
+                    case 's':
+                        tip.css({top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-south');
+                        break;
+                    case 'e':
+                        tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}).addClass('tipsy-east');
+                        break;
+                    case 'w':
+                        tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}).addClass('tipsy-west');
+                        break;
+                }
+
+                if (opts.fade) {
+                    tip.css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: 0.8});
+                } else {
+                    tip.css({visibility: 'visible'});
+                }
+
+            }, function() {
+                $.data(this, 'cancel.tipsy', false);
+                var self = this;
+                setTimeout(function() {
+                    if ($.data(this, 'cancel.tipsy')) return;
+                    var tip = $.data(self, 'active.tipsy');
+                    if (opts.fade) {
+                        tip.stop().fadeOut(function() { $(this).remove(); });
+                    } else {
+                        tip.remove();
+                    }
+                }, 100);
+
+            });
+            
+        });
+        
+    };
+    
+    // Overwrite this method to provide options on a per-element basis.
+    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
+    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
+    // (remember - do not modify 'options' in place!)
+    $.fn.tipsy.elementOptions = function(ele, options) {
+        return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
+    };
+    
+    $.fn.tipsy.defaults = {
+        fade: false,
+        fallback: '',
+        gravity: 'n',
+        html: false,
+        title: 'title'
+    };
+    
+    $.fn.tipsy.autoNS = function() {
+        return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
+    };
+    
+    $.fn.tipsy.autoWE = function() {
+        return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
+    };
+    
+})(jQuery);

data/lib/pcapr_local/www/static/style/c3p0.css

@@ -0,0 +1,116 @@
+ul.tab a {
+    outline: none;
+}
+
+#flows-table thead, #packets-table thead {
+    font-weight: bold;
+}
+
+.top thead {
+    font-weight: bold;
+}
+
+.top tbody td {
+    border-left: 1px solid #a0a0a0; 
+    padding-left: 10px;
+}
+
+#flows-table tr.flow:hover, #packets-table tr.pkt:hover {
+    background: #dddddd;
+}
+
+#flows-table, #packets-table {
+    white-space: nowrap;
+}
+
+table#packets-table div#fields {
+    overflow-x:hidden; 
+    width:100%;
+    white-space: nowrap;
+}
+
+a.toggle {
+    outline: none;
+    text-decoration: none;
+}
+
+span.query a.popup {
+    color: #de541e;
+    text-decoration: none;
+    outline: none;
+}
+
+span.term {
+    color: #a0a0a0;
+}
+
+a.term,a.field {
+    color: #333333;
+    text-decoration: none;
+    outline: none;
+}
+
+div#hostsTab div#info a.term {
+    color: #105892;
+    font-weight: bold;
+}
+
+a.term:hover {
+    background: yellow;
+}
+
+.actions {
+    border-left: 1px solid #a0a0a0; 
+    padding-left: 10px;
+}
+
+div#slider {
+    width: 90%; 
+    height: 6px;
+    position: relative;
+    background: #bbbbbb;
+    margin-left: 40px;
+}
+
+.ui-slider-handle {
+    width: 16px;
+    height: 12px;
+    position: absolute;
+    top: -3px;
+    background: #FF8A47;
+    border: 1px solid #808080;
+    -moz-border-radius: 4px;
+    outline: none;
+}
+
+.cloud a {
+    line-height: 1em;
+}
+
+ul#menu {
+    border: 1px solid #999999;
+    background: #ffffff;
+    display: block;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+}
+
+ul#menu li {
+    border: 1px solid #999999;
+    list-style-image: none;
+    list-style-type: none;
+    list-style-position: outside;
+    padding: 1px;
+}
+
+ul#menu li:hover {
+    background: #ff8a47;
+}
+
+ul#menu a {
+    padding-left: 5px;
+    padding-right: 5px;
+    outline: none;
+    text-decoration: none;
+}

data/lib/pcapr_local/www/static/style/jquery.suggest.css

@@ -0,0 +1,27 @@
+.ac_results {
+	border: 1px solid gray;
+	background-color: #ffffe0;
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	position: absolute;
+	z-index: 10000;
+	display: none;
+}
+
+.ac_results li {
+	padding: 2px 5px;
+	white-space: nowrap;
+	color: #101010;
+	text-align: left;
+}
+
+.ac_over {
+	cursor: pointer;
+	background-color: #F0F0B8;
+}
+
+.ac_match {
+	text-decoration: underline;
+	color: black;
+}

data/lib/pcapr_local/www/static/style/page.css

@@ -0,0 +1,1113 @@
+/*
+ * Copyright (C) 2009 Mu Dynamics, Inc
+ * All rights reserved.
+ * http://www.opensource.org/licenses/bsd-license.php
+ * 
+ * http://www.mudynamics.com
+ * http://labs.mudynamics.com
+ * http://www.pcapr.net
+ */
+html {
+    height: 100%;
+    margin-bottom: 1px;
+}
+
+body {
+    margin: 0pt;
+    padding: 0pt;
+} #container {
+    text-align: left;
+    margin: 0 auto;
+    max-width: 1000px;
+	min-width: 700px;
+    position: relative;
+}
+
+p {
+    margin-top: 10px;
+    margin-bottom: 15px;
+}
+
+h1, h2, h3, h4 {
+    margin: 15px 0pt;
+    padding-bottom: 5px;
+}
+
+body {
+    font-size: 13px;
+}
+
+body.f-smaller {
+    font-size: 10px;
+}
+
+body.f-default {
+    font-size: 12px;
+}
+
+body.f-larger {
+    font-size: 15px;
+}
+
+h1 {
+    font-size: 200%;
+}
+
+h2 {
+    font-size: 180%;
+}
+
+h3 {
+    font-size: 150%;
+}
+
+h4 {
+    font-size: 120%;
+} .left {
+    float: left !important
+} .small, .modifydate, .createdate, div.mosimage_caption {
+    font-size: 95%;
+}
+
+div.moduletable h3, .componentheading {
+    font-size: 145%;
+}
+
+table.sections .contentheading {
+    font-size: 145%;
+} .contentheading {
+    font-size: 160%;
+} .componentheading {
+    margin-bottom: 15px;
+}
+
+td.componentheading {
+    padding-bottom: 15px;
+}
+
+body {
+    line-height: 135%;
+    font-family: Arial, Helvetica, sans-serif;
+} .contentheading, .componentheading {
+    font-weight: bold;
+}
+
+img#logo {
+    margin: 2px 5px 0px 5px;
+    width: 63px;
+    height: 21px;
+    background: transparent url('../image/pcapr-logo.png') no-repeat scroll 0pt 0pt;
+}
+
+div#banner {
+    overflow: hidden;
+    margin-left: 270px;
+    height: 50px;
+}
+
+div#banner h2 {
+    line-height: 30px
+}
+
+div#horiz-menu {
+    height: 46px;
+}
+
+ .sidenav a {
+    font-weight: bold;
+}
+
+div#pagetop {
+    padding: 5px 8px
+}
+
+div#pagetop ul {
+    margin: 0pt;
+    padding: 0pt;
+    float: right;
+}
+
+div#pagetop li {
+    float: left;
+    list-style-type: none;
+    list-style-image: none;
+    list-style-position: outside;
+    margin-right: 10px;
+}
+
+div#pagetop li img {
+    float: left;
+    vertical-align: middle;
+}
+
+div#pagetop a.mainlevel {
+    margin: 0pt;
+    padding: 0pt 5px;
+    background: transparent none repeat scroll 0% 0%;
+    display: block;
+    float: left;
+    font-weight: bold;
+}
+
+div#pagetop a.mainlevel {
+    color: rgb(51, 51, 51);
+}
+
+span.alert, span.info, span.download, span.note {
+    margin: 15px 0pt;
+    padding: 10px 10px 10px 50px;
+    display: block;
+} #section1 li, #section2 li, #mainbody li {
+    margin-left: 0pt;
+    list-style-type: none;
+    list-style-image: none;
+    list-style-position: outside;
+} #mainbody ul.check1, #mainbody ul.check2, #mainbody ul.arrow1, #mainbody ul.arrow2, #mainbody ul.arrow3, #mainbody ul.star, #mainbody ul.circle, #mainbody ul.morespace {
+    padding: 0pt;
+    margin-left: 35px;
+}
+
+ul.check1 li, ul.check2 li, ul.arrow1 li, ul.arrow2 li, ul.arrow3 li, ul.star li, ul.circle li, li.check1, li.check2, li.arrow1, li.arrow2, li.arrow3, li.star, li.circle {
+    list-style-type: none;
+    list-style-image: none;
+    list-style-position: outside;
+    padding-bottom: 15px;
+    padding-left: 40px;
+}
+
+blockquote {
+    margin: 15px 0pt;
+    padding: 10px 10px 10px 80px;
+    width: auto;
+} #fxPadding div.moduletable h3 {
+    margin: 0pt;
+    padding: 0pt;
+    float: left;
+    line-height: 40px;
+    height: 40px;
+} #fxPadding form {
+    float: left;
+    padding-left: 30px;
+    height: 22px;
+    margin-top: 8px;
+} #fxPadding div.loginelement {
+    float: left;
+    margin-left: 30px;
+    height: 22px;
+    line-height: 22px;
+} #fxPadding div.loginelement input {
+    width: 100px;
+    padding-left: 5px;
+}
+
+span.loginsubmit, span.logoutsubmit {
+    display: block;
+    padding-left: 8px;
+    margin-left: 10px;
+    line-height: 25px;
+    width: 96px;
+    float: left;
+    cursor: pointer;
+}
+
+table.contentpaneopen tbody tr td span.small, td.createdate {
+    padding-left: 20px;
+} .screenshot {
+    float: right;
+    margin-top: -35px;
+    z-index: 9;
+} .hide {
+    display: none;
+}
+
+form {
+    border: 0pt none;
+    margin: 0pt;
+    padding: 0pt;
+}
+
+table.blog span.article_seperator {
+    display: block;
+    height: 20px;
+}
+
+div.moduletable, div.moduletable-hilite1, div.moduletable-hilite2, div.moduletable-hilite3, div.moduletable-hilite4, div.moduletable-hilite5, div.moduletable-hilite6, div.moduletable-hilite7, div.moduletable-hilite8 {
+    padding: 0pt 15px 10px;
+}
+
+div.moduletable h3, div.moduletable-hilite1 h3, div.moduletable-hilite2 h3, div.moduletable-hilite3 h3, div.moduletable-hilite4 h3, div.moduletable-hilite5 h3, div.moduletable-hilite6 h3, div.moduletable-hilite7 h3, div.moduletable-hilite8 h3 {
+    margin: 0pt -15px 15px;
+    padding: 10px 15px;
+    line-height: 100%;
+}
+
+td.left div.moduletable, td.right div.moduletable {
+    margin-bottom: 25px;
+} .contentheading {
+    padding: 10px 0pt;
+    line-height: 100%;
+} .clr {
+    clear: both;
+}
+
+span.content_rating img {
+    vertical-align: top;
+} .modifydate {
+    height: 20px;
+    vertical-align: bottom;
+} .createdate {
+    height: 20px;
+    vertical-align: top;
+    padding-bottom: 5px;
+    padding-top: 0px;
+} .nounder {
+    border: 0pt none;
+    text-decoration: none;
+} .style-wrapper {
+    padding-left: 70px;
+    padding-top: 30px;
+} .style {
+    float: left;
+    margin-right: 50px;
+    margin-bottom: 50px;
+}
+
+body {
+    background: rgb(244, 244, 244) url('../image/bg.png') repeat-x scroll 0pt 0pt;
+    color: rgb(51, 51, 51);
+}
+
+a {
+    cursor: pointer;
+    color: rgb(39, 123, 192);
+}
+
+a:hover {
+    color: black;
+}
+
+h1 {
+    color: rgb(39, 123, 192);
+}
+
+h2 {
+    color: rgb(39, 123, 192);
+}
+
+h3 {
+    color: rgb(16, 88, 146);
+}
+
+h4 {
+    color: rgb(102, 102, 102);
+} .contentheading {
+    color: rgb(39, 123, 192);
+} .componentheading {
+    color: rgb(39, 123, 192);
+}
+
+div#mainbody {
+  margin: 16px;
+}
+
+div#mainbody td.mainbody, div#mainbody td.left, div#mainbody td.right {
+    background: transparent url('../image/body-bg.png') repeat-y scroll 0pt 0pt;
+}
+
+div#mainbody a.readon {
+    background: transparent url('../image/body-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+}
+
+div#mainbody td.section {
+    background: transparent url('../image/body-bg.png') repeat-y scroll 0pt 0pt;
+}
+
+div#mainbody div.moduletable h3 {
+    background: rgb(237, 237, 237) url('../image/body-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(39, 123, 192);
+} #mainbody div.moduletable-hilite1 a {
+    color: rgb(39, 123, 192);
+} #mainbody div.moduletable-hilite1 {
+    background: rgb(230, 230, 230) url('../image/body-hl1-bg.png') repeat-y scroll 0pt 0pt;
+} #mainbody div.moduletable-hilite1 h3 {
+    background: rgb(214, 214, 214) url('../image/body-hl1-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(75, 75, 75);
+} #mainbody div.moduletable-hilite1 li {
+    background: transparent url('../image/bullet-hl1.png') no-repeat scroll 0pt 3px;
+} #mainbody div.moduletable-hilite1 a.readon {
+    background: transparent url('../image/body-hl1-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite2 a {
+    color: rgb(68, 68, 68);
+} #mainbody div.moduletable-hilite2 {
+    background: rgb(146, 146, 146) url('../image/body-hl2-bg.png') repeat-y scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite2 h3 {
+    background: rgb(128, 128, 128) url('../image/body-hl2-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite2 li {
+    background: transparent url('../image/bullet-hl2.png') no-repeat scroll 0pt 3px;
+} #mainbody div.moduletable-hilite2 a.readon {
+    background: transparent url('../image/body-hl2-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite3 a {
+    color: rgb(210, 166, 29);
+} #mainbody div.moduletable-hilite3 {
+    background: rgb(251, 248, 222) url('../image/body-hl3-bg.png') repeat-y scroll 0pt 0pt;
+    color: rgb(51, 51, 51);
+} #mainbody div.moduletable-hilite3 h3 {
+    background: rgb(246, 239, 194) url('../image/body-hl3-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(210, 166, 29);
+} #mainbody div.moduletable-hilite3 li {
+    background: transparent url('../image/bullet-hl3.png') no-repeat scroll 0pt 3px;
+} #mainbody div.moduletable-hilite3 a.readon {
+    background: transparent url('../image/body-hl3-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite4 a {
+    color: rgb(33, 88, 133);
+} #mainbody div.moduletable-hilite4 {
+    background: rgb(224, 235, 248) url('../image/body-hl4-bg.png') repeat-y scroll 0pt 0pt;
+    color: rgb(51, 51, 51);
+} #mainbody div.moduletable-hilite4 h3 {
+    background: rgb(198, 218, 241) url('../image/body-hl4-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(30, 65, 96);
+} #mainbody div.moduletable-hilite4 li {
+    background: transparent url('../image/bullet-hl4.png') no-repeat scroll 0pt 3px;
+} #mainbody div.moduletable-hilite4 a.readon {
+    background: transparent url('../image/body-hl4-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite5 h3 {
+    background: rgb(88, 88, 88) url('../image/body-hl5-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(230, 230, 230);
+} #mainbody div.moduletable-hilite6 h3 {
+    background: rgb(36, 107, 162) url('../image/body-hl6-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(222, 233, 241);
+} #mainbody div.moduletable-hilite7 h3 {
+    background: rgb(132, 132, 132) url('../image/body-hl7-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+} #mainbody div.moduletable-hilite8 h3 {
+    background: rgb(39, 123, 192) url('../image/body-hl8-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(233, 240, 245);
+}
+
+div#section1 {
+    background: rgb(39, 123, 192) none repeat scroll 0% 0%;
+    padding-top: 1px;
+    color: rgb(233, 240, 245);
+}
+
+div#section1 a {
+    color: rgb(159, 218, 237);
+}
+
+div#section1 a.readon {
+    background: transparent url('../image/section1-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+}
+
+div#section1 td.section {
+    background: transparent url('../image/section1-bg.png') repeat-y scroll 0pt 0pt;
+}
+
+div#section1 div.moduletable h3 {
+    background: rgb(35, 104, 156) url('../image/section1-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(233, 240, 245);
+} #section1 li {
+    background: transparent url('../image/bullet-section1.png') no-repeat scroll 0pt 3px;
+}
+
+div#section2 {
+    background: rgb(39, 123, 192) none repeat scroll 0% 0%;
+    padding-top: 1px;
+    color: rgb(233, 240, 245);
+}
+
+div#section2 a {
+    color: rgb(159, 218, 237);
+}
+
+div#section2 a.readon {
+    background: transparent url('../image/section2-readmore.png') no-repeat scroll 0pt 0pt;
+    color: rgb(255, 255, 255);
+}
+
+div#section2 td.section {
+    background: transparent url('../image/section2-bg.png') repeat-y scroll 0pt 0pt;
+}
+
+div#section2 div.moduletable h3 {
+    background: rgb(35, 104, 156) url('../image/section2-h3.png') repeat-y scroll 0pt 0pt;
+    color: rgb(233, 240, 245);
+} #section2 li {
+    background: transparent url('../image/bullet-section2.png') no-repeat scroll 0pt 3px;
+}
+
+div#footer {
+    background: transparent url('../image/bottom-bg.png') repeat-x scroll 0pt 0pt;
+}
+
+div#footer .rk-1 {
+    background: transparent url('../image/bottom-r.png') no-repeat scroll 100% 0pt;
+}
+
+div#footer .rk-2 {
+    background: transparent url('../image/bottom-l.png') no-repeat scroll 0pt 0pt;
+}
+
+div#the-footer {
+    background: transparent url('../image/bottom-rocket.png') no-repeat scroll 50% 0pt;
+}
+
+a.mainlevel {
+    background: transparent url('../image/bullet-7.png') no-repeat scroll 0pt 2px;
+}
+
+span.alert {
+    border-top: 3px solid rgb(254, 123, 122);
+    border-bottom: 3px solid rgb(254, 123, 122);
+    background: rgb(255, 204, 204) url('../image/status-alert.png') no-repeat scroll 10px 50%;
+    color: rgb(204, 0, 0);
+}
+
+span.info {
+    border-top: 3px solid rgb(98, 157, 227);
+    border-bottom: 3px solid rgb(98, 157, 227);
+    background: rgb(205, 223, 246) url('../image/status-info.png') no-repeat scroll 10px 50%;
+    color: rgb(0, 85, 187);
+}
+
+span.note {
+    border-top: 3px solid rgb(253, 225, 121);
+    border-bottom: 3px solid rgb(253, 225, 121);
+    background: rgb(255, 245, 204) url('../image/status-note.png') no-repeat scroll 10px 50%;
+    color: rgb(183, 144, 0);
+}
+
+span.download {
+    border-top: 3px solid rgb(194, 223, 136);
+    border-bottom: 3px solid rgb(194, 223, 136);
+    background: rgb(232, 244, 210) url('../image/status-download.png') no-repeat scroll 10px 50%;
+    color: rgb(87, 134, 26);
+}
+
+blockquote {
+    background: rgb(249, 249, 249) url('../image/blockquote.png') no-repeat scroll 0pt 0pt;
+    color: rgb(102, 102, 102);
+    font-style: italic;
+    font-size: 120%;
+    line-height: 150%;
+}
+
+pre {
+    background: rgb(246, 246, 246) none repeat scroll 0% 0%;
+} #mainbody ul.check1 li, #mainbody li.check1 {
+    background: transparent url('../image/bullet-1.png') no-repeat scroll 0pt 0pt;
+} #mainbody ul.check2 li, #mainbody li.check2 {
+    background: transparent url('../image/bullet-3.png') no-repeat scroll 0pt 0pt;
+} #mainbody ul.arrow1 li, #mainbody li.arrow1 {
+    background: transparent url('../image/bullet-2.png') no-repeat scroll 0pt 0pt;
+} #mainbody ul.arrow2 li, #mainbody li.arrow2 {
+    background: transparent url('../image/bullet-4.png') no-repeat scroll 0pt 0pt;
+} #mainbody ul.arrow3 li, #mainbody li.arrow3 {
+    background: transparent url('../image/bullet-5.png') no-repeat scroll 0pt 0pt;
+} #mainbody ul.star li, #mainbody li.star {
+    background: transparent url('../image/bullet-6.png') no-repeat scroll 0pt 0pt;
+} #mainbody ul.circle li, #mainbody li.circle {
+    background: transparent url('../image/bullet-7.png') no-repeat scroll 0pt 0pt;
+}
+
+span.loginsubmit, span.logoutsubmit {
+    background: transparent url('../image/login_button.png') no-repeat scroll 0% 0%;
+    color: rgb(255, 255, 255);
+}
+
+span.pathway {
+    color: rgb(51, 51, 51);
+}
+
+span.pathway img {
+    background: transparent url('../image/bullet-pathway.png') no-repeat scroll 0% 0%;
+}
+
+span.pathway a {
+    color: rgb(39, 123, 192);
+} .highlight {
+    background-color: rgb(255, 255, 204);
+}
+
+table.mainbody td.mainbody td.sectiontableheader {
+    border-bottom: 1px solid rgb(221, 221, 221);
+    background: rgb(246, 246, 246) none repeat scroll 0% 0%;
+}
+
+tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
+    border-top: 1px none rgb(255, 255, 255);
+    border-bottom: 1px solid rgb(239, 239, 239);
+}
+
+tr.sectiontableentry2 td, td.sectiontableentry1 {
+    background: rgb(252, 252, 252) none repeat scroll 0% 0%;
+}
+
+table.contentpaneopen tbody tr td span.small {
+    background: transparent url('../image/icon-author.png') no-repeat scroll 0pt 0pt;
+}
+
+td.createdate {
+    background: transparent url('../image/icon-created.png') no-repeat scroll 0pt 0pt;
+} .nav, .nav * {
+    margin: 0pt;
+    padding: 0pt;
+} .content {
+    background-color: #FAFAFA;
+    border: 1px solid #CCC !important;
+    -moz-border-radius-topleft: 8px;
+    -moz-border-radius-topright: 8px;
+    -moz-border-radius-bottomleft: 8px;
+    -moz-border-radius-bottomright: 8px;
+    padding: 10px 10px 0px 10px;
+}
+
+/* home page */
+div#hp-sidebar {
+    position: absolute;
+    padding: 0px;
+    top: 0px;
+    margin-top: 20px;
+}
+
+div#b-content h3, div#b-content h4, div#hp-sidebar h3, div#hp-sidebar h4 {
+    margin: 0px;
+}
+
+div#hp-sidebar h3, div#hp-sidebar h4 {
+    font-size: 110%;
+}
+
+div#b-content {
+    left: 0%;
+    right: 0%;
+}
+
+div#b-content > div {
+    border: 1px solid #FAFAFA;
+    background-color: #F7F7F7;
+    -moz-border-radius-topleft: 8px;
+    -moz-border-radius-topright: 8px;
+    -moz-border-radius-bottomleft: 8px;
+    -moz-border-radius-bottomright: 8px;
+    padding: 14px 16px;
+    margin-bottom: 16px;
+}
+
+div#hp-content #poweredby {
+    background: transparent url('../image/powered-by.png') no-repeat scroll 50% 50%;
+    text-indent: -9999px;
+    width: 180px;
+    height: 48px;
+    outline: none;
+    display: block;
+    margin: 0px auto;
+}
+
+div#headerbox .intro .logo-text {
+    font-weight: bold
+}
+
+div#headerbox .message {
+    font-size: 90%;
+    color: #444;
+    padding: 10px 0px;
+}
+
+div#navbox ul, div#navbox ul {
+    padding: 0px;
+    margin: 0px;
+}
+
+div#navbox div#n-browse {
+    margin-top: 20px;
+}
+
+div#hintbox p {
+    color: #444;
+    margin: 0px;
+    font-size: 90%;
+}
+
+div#credits {
+    color: #444;
+    margin: 0px;
+    font-size: 80%;
+}
+
+input.search {
+    padding: 0;
+    font-size: 12px;
+    line-height: 12px;
+    height: 16px;
+    vertical-align: middle;
+}
+
+button.search {
+    background: url(../image/btn-search.png) 0 0 no-repeat;
+    width: 60px;
+    height: 23px;
+    margin-left: 2px;
+    vertical-align: top;
+    border: none;
+    cursor: pointer;
+    text-indent: -99999pt;
+}
+
+/* Search / results */
+div#b-content div#searchbox, div#b-content div#tagcloud {
+    border: 2px solid #DDD;
+}
+
+div#searchresults {
+    padding-top: 10px;
+	background-color: #FFF;
+	border: 1px solid #DDD;
+	border-width: 0px 1px;
+}
+
+div#s-query-box {
+    border: 1px solid #CCC;
+    -moz-border-radius-topleft: 8px;
+    -moz-border-radius-topright: 8px;
+    -moz-border-radius-bottomright: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    padding: 12px 16px;
+    background-color: #E5EDFB;
+}
+
+div#s-hints-toggle {
+    font-size: 90%;
+    display: block;
+    float: right;
+}
+
+ul#s-hints {
+    margin: 4px 0px;
+    padding: 0px;
+    font-size: 90%;
+}
+
+ul#s-hints li {
+    margin: 0px;
+    padding: 0px;
+    color: #444;
+}
+
+div.s-result {
+    clear: both;
+	background-color: #FFF;
+} .p-menu {
+    padding: 0pt 0pt 10px 10px;
+    margin-top: -7px;
+    color: rgb(153, 153, 153);
+    clear: left;
+} .p-menu a, .p-menu span {
+    border-right: 1px solid rgb(221, 221, 221);
+    margin: 0pt 7px 0pt 0pt;
+    font-size: 85%;
+    font-weight: bold;
+    padding-right: 7px;
+    -moz-user-select: none;
+} .p-menu-side {
+    float: right;
+} .p-menu-side a {
+    border-right: medium none;
+} .p-menu form {
+    display: inline;
+} .p-message, .p-permalink-message {
+    padding: 5px 10px;
+    background: rgb(16, 92, 190) none repeat scroll 0% 0%;
+    margin-bottom: 3px;
+    color: rgb(164, 190, 223);
+    font-size: 85%;
+    -moz-border-radius-topleft: 4px;
+    -moz-border-radius-topright: 4px;
+    -moz-border-radius-bottomright: 4px;
+    -moz-border-radius-bottomleft: 4px;
+} .p-message a, .p-permalink-message a {
+    font-weight: bold;
+    color: rgb(255, 255, 255);
+} .p-message a:hover, .p-permalink-message a:hover {
+    color: rgb(164, 190, 223) ! important;
+} .s-result ul, .s-result li {
+    margin: 0pt;
+    padding: 0pt;
+    list-style-type: none;
+    list-style-image: none;
+    list-style-position: outside;
+    min-height: 23px;
+} #p-main li {
+    border-bottom: 1px solid #E0E0E0;
+    padding: 8px 0pt 12px 24px;
+    overflow: hidden;
+    position: relative;
+    min-height: 50px;
+}#p-main li.l0:hover {
+    background-color: #F4F4F4;
+} .s-result li.p-foot {
+    padding-left: 0pt;
+    padding-bottom: 10px;
+} .s-result li.p-foot a strong {
+    font-weight: bold;
+} .s-result li ul {
+    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
+    display: none;
+    margin-left: -150px;
+    margin-bottom: -10px;
+    padding-left: 50px;
+    margin-top: 5px;
+} .s-result a, .p-menu a {
+    text-decoration: none;
+} .s-result a:hover {
+    color: rgb(0, 0, 0);
+    text-decoration: underline;
+} .p-head {
+    overflow: hidden;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    font-size: 85%;
+    border: 1px solid #CCC;
+    text-align: center;
+    padding: 2px;
+	min-width: 90px;
+    background-color: #F0F0F0;
+    -moz-border-radius-topleft: 4px;
+    -moz-border-radius-topright: 4px;
+    -moz-border-radius-bottomleft: 4px;
+    -moz-border-radius-bottomright: 4px;
+} .p-head .p-icon {
+    background: url('../image/16x16/Download.png') 50% 50% no-repeat;
+    height: 24px;
+    width: 100%;
+    display: block;
+} * html .p-head {
+    overflow: visible;
+} .p-head a {
+    color: rgb(119, 119, 119);
+    line-height: 1.2em;
+} .p-head strong a {
+    color: rgb(51, 51, 51);
+} .p-head img {
+    border: none;
+} .p-disabled .p-head {
+    top: 2px;
+    padding-top: 5px;
+    min-height: 20px;
+    opacity: 0.5;
+} .p-disabled div, .p-disabled-open {
+    font-size: 85%;
+    color: rgb(153, 153, 153);
+    padding-top: 2px;
+} .p-disabled-open {
+    padding-top: 0pt;
+    margin-top: -2px;
+}
+
+a.p-show, a.p-report {
+    text-decoration: underline;
+    color: rgb(153, 153, 153);
+    margin-right: 1.5em;
+}
+
+a.p-show {
+    color: rgb(119, 119, 119);
+}
+
+li .p-block {
+    color: rgb(153, 0, 0);
+    font-size: 90%;
+    font-weight: bold;
+} .p-packets {
+    padding: 0pt 10px 4px 15px;
+    float: right;
+    font-size: 85%;
+    min-width: 90px;
+    text-align: right;
+} .p-packets a em, .p-packets em {
+    color: rgb(51, 51, 51);
+    font-weight: bold;
+    font-style: normal;
+} .p-packets a {
+    color: rgb(51, 51, 51);
+} .p-packets div {
+    position: absolute;
+    right: -70px;
+    top: -3px;
+} .p-packets div span, .p-packets div em {
+    border: 1px solid rgb(195, 224, 181);
+    margin: 2px;
+    padding: 1px;
+    display: block;
+    width: 4.5em;
+    text-align: center;
+    color: rgb(40, 83, 18);
+    font-weight: bold;
+} .p-packets div span {
+    border-color: rgb(218, 179, 179);
+    color: rgb(117, 18, 18);
+} .p-packets img {
+    cursor: pointer;
+    vertical-align: middle;
+} .p-packets img.p-disabled {
+    cursor: default;
+} .p-packets .p-low {
+    color: rgb(153, 153, 153);
+} .p-body {
+    padding-bottom: 2px;
+    padding-right: 10px;
+} .p-body a {
+    overflow: hidden;
+    color: #105892;
+    text-decoration: underline;
+    white-space: nowrap;
+    font-size: 125%;
+} .p-body div {
+    color: #444;
+    padding: 4px 0px 0px 0px;
+} .p-body div a {
+    color: #444;
+    text-decoration: none;
+    display: inline;
+}
+
+div.p-parent {
+    font-size: 85%;
+}
+
+div.p-box {
+    padding: 0pt 10px;
+    text-align: right;
+    font-size: 85%;
+    margin-bottom: -12px;
+    position: relative;
+    bottom: 2px;
+}
+
+a.p-box, a.p-box:hover {
+    color: rgb(119, 119, 119);
+    font-size: 85%;
+    text-decoration: none;
+    position: relative;
+    bottom: 6px;
+}
+
+a.p-box em {
+    background: transparent url('../image/collapsed.gif') no-repeat scroll 0px 50%;
+    font-style: normal;
+    color: rgb(16, 92, 182);
+    padding-left: 16px;
+    margin-left: 0pt;
+}
+
+a.p-open em {
+    background: transparent url('../image/expanded.gif') no-repeat scroll 0pt 50%;
+}
+
+a.p-box strong {
+    font-weight: normal;
+    color: rgb(16, 92, 182);
+    margin-left: 10px;
+}
+
+a.p-box:hover em, a.p-box:hover strong {
+    text-decoration: underline;
+}
+
+div#searchresults li.p-overflow {
+    border-top: 1px solid #CCC;
+    padding: 0pt;
+    background: #E5EDFB url('../image/p-expand.gif') no-repeat scroll 100% 50%;
+} .s-result .p-overflow div {
+    padding: 8px;
+    background: transparent url('../image/p-expand.gif') no-repeat scroll 0pt 50%;
+    font-weight: bold;
+    display: block;
+    text-align: center;
+}
+
+div#searchresults .p-overflow img {
+    display: none;
+    vertical-align: middle;
+}
+
+div#searchresults .p-side {
+    float: right;
+    padding-right: 10px;
+}
+
+li.p-disabled, li.p-disabled-open {
+    background: rgb(246, 246, 246) none repeat scroll 0% 0%;
+    padding-top: 4px;
+    padding-bottom: 1px;
+    color: rgb(119, 119, 119);
+}
+
+li.p-action-main {
+    padding: 20px 10px;
+}
+
+li.p-action-main input {
+    font-size: 100%;
+}
+
+li.p-action-main h3 {
+    font-size: 100%;
+    font-weight: bold;
+    padding-left: 2px;
+    color: rgb(51, 51, 51);
+}
+
+li.p-action-main h3 span {
+    font-weight: normal;
+    color: rgb(119, 119, 119);
+} .s-result form {
+    margin: 3px 0pt 10px;
+} .s-result form a {
+    font-size: 85%;
+    margin-left: 10px;
+} .s-result .p-note {
+    margin: 0pt 0pt 3px;
+    padding: 3px 5px 3px 24px;
+    background: transparent url('p-time.gif') no-repeat scroll 5px 50%;
+    color: rgb(85, 85, 85);
+    font-size: 85%;
+}
+
+/* tabs */
+div#searchresults ul.tab li {
+    padding: 2px;
+}
+
+ul.tab {
+    border-bottom: solid 1px #DEDEDE;
+    height: 29px;
+    padding-left: 20px;
+	margin: 0px;
+}
+
+ul.tab li {
+    float: left;
+    margin-right: 2px;
+} .tab a:link, .tab a:visited {
+    background: url(../image/tab-round.png) right 60px;
+    color: #666666;
+    display: block;
+    font-weight: bold;
+    height: 30px;
+    line-height: 30px;
+    text-decoration: none;
+} .tab a span {
+    background: url(../image/tab-round.png) left 60px;
+    display: block;
+    height: 30px;
+    margin-right: 14px;
+    padding-left: 14px;
+} .tab a:hover {
+    background-position: right 30px;
+    display: block;
+} .tab a:hover span {
+    background-position: left 30px;
+    display: block;
+}.tab .active a:link, .tab .active a:visited, .tab .active a:visited, .tab .active a:hover {
+    background-position: right 0;
+} .tab .active a span, .tab .active a:hover span {
+    background: url(../image/tab-round.png) left 0 no-repeat;
+}
+
+a.p-action-link {
+    padding: 0px 0px 0px 20px;
+    line-height: 18px;
+    padding-bottom: 4px;
+    opacity: 0.6;
+} .p-action-link:hover {
+    opacity: 1.0;
+} #p-main .p-action-link {
+    margin-right: 8px;
+} #p-main a.user16 {
+    margin-left: 16px;
+    margin-right: 0px;
+} .p-date {
+    color: #888;
+} .p-protos a {
+    padding: 2px;
+} .p-tags a {
+	padding: 2px;
+} .p-actions {
+    margin-top: 4px;
+}
+
+/* log-in */
+div.account {
+    width: 25em;
+    padding: 24px 50px 20px 50px;
+    margin: 100px auto 0px auto;
+    background-image: url(../image/beta.png);
+    background-repeat: no-repeat;
+}
+
+div.account div#l-form {
+	 padding: 0px 50px;
+}
+
+div.account input[type="text"], div.account input[type="password"] {
+    width: 179px;
+}
+
+span#logo {
+    background: transparent url('../image/pcapr-logo.png') no-repeat scroll 0pt 0pt;
+    text-indent: -9999px;
+    width: 63px;
+    height: 21px;
+    display: block;
+}
+
+div#l-header {
+    margin-bottom: 16px;
+}
+
+span.throbber {
+	background: transparent url('../image/throbber.gif') no-repeat scroll 0pt 0pt;
+	padding-left: 20px;
+}
+
+/* icons */
+a.download16 {
+    background: url(../image/16x16/Download.png) left 0 no-repeat;
+}
+
+a.zoom16 {
+    background: url('../image/16x16/Full Size.png') left 0 no-repeat;
+}
+
+a.user16 {
+    background: url('../image/16x16/User.png') left 0 no-repeat;
+}
+
+a.phone48 {
+    background: url('../image/48x48/Phone.png') left 0 no-repeat;
+}
+
+a.video48 {
+    background: url('../image/48x48/Video.png') left 0 no-repeat;
+}
+
+a.extern {
+	background: url('../image/crosslink.png') no-repeat; 
+	padding-left: 14px;
+}
+
+img.icon {
+	border: none;
+	vertical-align: middle;
+	width: 14px;
+	padding-right: 2px;
+}