/** phyp.project :: core.phyp.css.default :: 20091213 **/

* { margin: 0; padding: 0; border: 0; }
body { background: white; color: black; }
table { border-spacing: 0; border-collapse: collapse; }
ul, ol { list-style: none; }
a, a:hover, a:visited { text-decoration: none; }

/** Alpha **/
.transp { opacity: 0; }
body.inspect .transp { opacity: 0.1; }
.opaque { opacity: 0.8; }
.hollow { opacity: 0.3; }
.visible { opacity: 1; }
/*IE* .transp { filter: Alpha(opacity=0, style=0); } */
/*IE* .hollow { filter: Alpha(opacity=30, style=0); } */

/** Display **/
.none { display: none; }
.hidden { visibility: hidden; }
.block { display: block; }
.cb { clear: both; }
.out { position: absolute; top: -100%; left: -100%; }
.abs { display: block; position: absolute; }
.full { height: 100%; width: 100%; top: 0; left: 0; }

/** Cursor **/
.mv { cursor: move; }
.pn { cursor: pointer; }
/*IE* .pn { cursor: hand; } */

/** Alignment **/
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.fr { float: right; margin: 0 0 20px 20px; }
.fl { float: left; margin: 0 20px 20px 0; }
.fc { margin: 20px auto; }
img.fc { display: block; }
.hl { clear: both; width: 45%; float: left; margin-right: 5%; }
.hr { clear: right; }
.cb { clear: both; }

/** Launcher **/
.launcher { font-size: 0.9em; position: absolute; top: 5px; right: 5px; }
.launcher a { color: white; }
.launcher a:hover { color: #eee; }

/** Loader **/
.loader { font: 10px Lucida Grande, Geneva, Verdana, Helvetica, sans-serif; position: absolute; width: 400px; left: 10px; top: 10px; }
.loader p { text-align: left; color: #abc; font-weight: bold; }
.loader p.dbg { font-weight: normal; line-height: 1em; }
.loader div { margin: 2px 0; border: 1px #eee solid; width: 120px; }
.loader div span { display: block; height: 6px; width: 0; background: #abc; margin: 1px; }

/** Root **/
.root { background: white; z-index: 1000; }

/** Term **/
.term { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; }
.term p { padding: 0 10px; }
.term,
.term input { font-size: 1em; font-family: monospace; }
.term .cmd { font-weight: bold; }
.term .phyp { color: lightblue; }
.term .v { color: lightgray; }
.term .i { color: blue; }
.term .w { color: orange; }
.term .e { color: red; }

/** Devel **/
.devel { position: fixed; bottom: 0; left: 0; background: white; color: black; width: 5px; height: 0; padding: 5px 0; overflow: hidden; }
.devel:hover { width: 100%; height: 300px; border-top: 1px #eee solid; overflow: auto; }
.devel ul { border-bottom: 1px #444 solid; margin-bottom: .5em; font-size: 11px; }