/* core.phyp.css // 20090312 */

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

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

/** Display **/
.none { display: none; }
.hidden { visibility: hidden; }
.block { display: block; }
.cb { clear: both; }

/** 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; }
.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: 12px Lucida Grande, Geneva, Verdana, Helvetica, sans-serif; position: absolute; width: 400px; margin-left: -200px; left: 50%; top: 40%; }
.loader p { text-align: center; color: orange; font-size: 1.3em; }
.loader p.dbg { font-size: 0.8em; }
.loader div { margin: .5em 0; border: 1px orange solid; width: 398px; }
.loader div span { display: block; height: 8px; width: 0; background: orange; margin: 2px; }

/** Term **/
.term { position: absolute; top: 50%; left: 50%; margin-left: -310px; margin-top: -210px; width: 600px; height: 400px; padding: 10px; overflow: auto; }
.term,
.term input { font-family: monospace; }
.term .cmd { font-weight: bold; }
.term .phyp { color: lightblue; }
.term .verbose { color: lightgray; }
.term .info { color: blue; }
.term .warning { color: orange; }
.term .error { 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; }