/* HTML TAGS */
html { height: 100%; width: 100%; }
body { margin: 0px; font-family: arial, helvetica, freeSans; width: 100%; height: 100%; }
p { margin: 0px; padding: .5em; }
a { text-decoration: none; }
img { border: 0px;}

/* MODIFIERS */
.fillParent { position: absolute; width: 100%; height: 100%; }
.fillParentX { width: 100%; height: auto; }
.fillParentY { height: 100%; width: auto; }
.fillPlatform { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }
.pkg { height: 10em; position: absolute; width: 10em; -webkit-user-select: none; }
.pkgChild { opacity: .9; }
.pkgGrandChild { }
.pkgGreatGrandChild { overflow: hidden; }
.textSerif { font-family: 'Times', freeSerif; }
.center { position: absolute;  }
.border { margin: -1px; border: solid 1px #ffffff; }
.opaque { background: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0)) }
.radius { -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.radiusInside { -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.fxPkgTransition { -webkit-transition-property: left, top, width, height, margin-left; -webkit-transition-duration: 1s; -moz-transition-property: left, top, width, height; -moz-transition-duration: 1s; -o-transition-property: left, top, width, height; -o-transition-duration: 1s; }

/* LISTS */
.list { height: auto; border: solid 1px #ffffff; }

.list .itemActive, .list .itemHover, .list .itemSelected { background: #ffffff; border-bottom: solid 1px #cccccc; cursor: pointer; font-size: .75em; height: 2.8em; padding-left: .5em; padding-top: .5em; width: 100%; white-space: nowrap; }
.list .itemHover { background: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#aaaaaa)); background-image: -moz-linear-gradient(top, #cccccc, #aaaaaa); }
.list .itemSelected { background: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); cursor: default; }

.list .itemTitle { background-color: #222222; color: #ffffff; font-size: .75em; height: 1.3em; padding-left: .3em; }
.list .itemGraphic { height: 2.4em; width: 2.4em; float: left; margin-right: .3em; }
.list .itemGraphic .box, .list .itemGraphic .box, .list .itemGraphic .box { height: .8em; width: .8em; border: solid .1em #666666; float: left; margin: .1em; }
.list .itemHover .itemGraphic .box { background-color: #ffffff; }
.list .itemSelected .itemGraphic .box { border-color: #ff0000; }
.list .itemActive:last-child, .list .itemHover:last-child, .list .itemSelected:last-child { border-bottom: solid 0px #cccccc; }

/* STAGE */
#stage { overflow: hidden; }

#stagePlatform { height: 100%; margin-top: 1.5em; margin-left: 1.5em; margin-right: 23em; margin-bottom: 1.5em; }
#stagePit { top: 100%; margin-top: -4em; }
#stageLeft { float: right; width: 10em; height: 100%; padding: 1.5em;  }
#stageScrim { background: #ff0000; display: none; }
#stageBackdrop { z-index: -1; background-color: #111111; }

/* STAGE ELEMENTS */
#notice { color: #2f2f2f; font-size: .9em; height: auto;  }
#notice a { color: #3f3f3f; }
#notice a:hover { color: #ffffff; }
#notice p { padding: 1.5em; }

#badge a:hover { text-decoration: underline; }
#badge .pkgGreatGrandChild { cursor: pointer; }
#badge .title { color: #111111; top: 0em; font-size: 5.7em; left: 0em; letter-spacing: -.14em; line-height: .25; padding: 0px; padding-top: .2em; }
#badge .about p { line-height: 1.125; font-size: .833em; text-align: center; }
#badge .about p:first-child { padding-top: 2em; }

#search { top: 100%; height: auto; z-index: 1; }
#search .input { margin-top: .5em; height: auto; }
#search .input input { border: solid 1px #ffffff; color: #666666; cursor: pointer; font-size: .7em; height: 1.5em; width: 100%; -webkit-border-radius:  4px; -moz-border-radius:  4px; }
#search .list { margin-top: -22.7em; }

#pkgs { position: relative; border: dashed 0px #ffffff; height:100%; }