@font-face{font-family:"icon";src:url("/.fnt/icon.eot?61046594");src:url("/.fnt/icon.eot?61046594#iefix") format("embedded-opentype"),url("/.fnt/icon.woff?61046594") format("woff"),url("/.fnt/icon.ttf?61046594") format("truetype"),url("/.fnt/icon.svg?61046594#icon") format("svg");font-weight:normal;font-style:normal}
*{font:normal normal 12px/16px "Lucida Console",Consolas,"Courier New",Courier,monospace;color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,header,footer,h1,h2,table,td,tr,th,caption,img{padding:0;margin:0;border:0}

body{height:100%;max-height:100%;overflow:hidden}
* html body{padding:150px 0 20px 0}

#content{position:fixed;top:150px;left:0;bottom:20px;right:0;overflow:auto;padding:10px;z-index:2}
* html #content{height:100%;width:100%}

#header{position:absolute;top:0;left:0;width:100%;height:150px;overflow:auto;background:#efefef}
* html #header{height:150px}

#footer{position:absolute;bottom:0;left:0;width:100%;height:auto;overflow:auto;color:#ccc;font-weight:normal;font-size:1em;line-height:1;text-transform:uppercase;background:#999;text-align:center;z-index:2;padding:.5em 0}
* html #footer{height:20px}

#header h1{text-align:center}
h1 a{text-transform:uppercase;display:block;font-weight:bold;font-size:20px;line-height:30px;background:#222;color:#eee;text-decoration:none;text-align:center}
h1 a:hover{background:#000;color:#fff}
h2{text-transform:uppercase;font-weight:bold;font-size:20px;line-height:30px;margin:0;background:#ccc;text-align:center;padding-left:20px}
h3,caption{text-transform:uppercase;font-weight:bold;font-size:24px;line-height:30px;margin:10px 0;background:#eee}
p.ip{text-align:center;padding:5px 0 5px 20px;background:#444;color:#ddd;margin:0}
#header p a{color:#eee}
i.icon{font:normal normal 12px/14px icon;display:inline-block;cursor:pointer}
b.icon{font-family:icon;font-style:normal;font-weight:normal;font-size:12px;line-height:14px;color:#83c1a3}
a.icon{font-family:icon;font-style:normal;font-weight:normal;font-size:12px;line-height:14px}
a.icon.project{text-decoration:none;border:0 none;position:absolute;left:13px;top:13px;color:#444;display:block;font-size:2.5em;line-height:0.6}
a.icon.project:hover{color:#999}
a.icon.project:active{color:#333}
a.reload{font-size:1em;margin:0 .5em;color:#fff;text-decoration:none}
hr{padding:0;margin:0;color:#000;text-align:center;border:0}
caption span{font-weight:bold;font-size:24px;cursor:pointer;color:#333;border-bottom:solid 1px #999}
img.logo{vertical-align:middle;height:22px;border:0;margin:2px 1em 5px 1em}
table.outer{margin:2% 0;width:100%}
table.outer .space{width:5%}
table.inner{border-bottom:solid 1px #000;border-left:solid 1px #000;width:100%}
table.inner td,table.inner th{background:#efefef;border-top:solid 1px #000;border-right:solid 1px #000;color:#999;padding:5px}
table.dev{background:#c30}
table.dev i{color:#fc3;cursor:pointer;font-size:20px;font-weight:normal;padding:2px 5px}
table.stg{background:#909}
table th{background:#222;color:#fff;padding:5px;font-weight:bold;font-size:16px;border-bottom:2px solid #fff}
h3 .save{vertical-align:middle;text-transform:uppercase;border:1px solid #000;padding:5px 10px}
table.dta_ful{padding:0;border:solid 1px rgba(200,200,200,0.4)}
table.dta_ful tr{margin:0;padding:0}
table.dta_ful th{padding:5px}
table.dta_ful td{vertical-align:top;border:solid 1px rgba(200,200,200,0.4);padding:3px;margin:0}
ul li{list-style-type:square}
ul li a{padding:3px;display:inline-block}
ul li a:hover{background:#ccc}

/* Mod Navi */
#nav{position:relative}
#nav ul{margin:0;background:#e5e5e5;padding:5px 0 5px 20px;text-align:center}
#nav ul li{list-style-type:none;display:inline-block;padding:2px 8px;margin:2px;background:#eee;border:solid 1px #666}
#nav ul li a{text-decoration:none}
#nav ul li.selected{background:#999}
#nav ul li.selected a{color:#0f2c33}
#nav ul li:hover{background:#ccc}

[contenteditable]:hover,[contenteditable]:focus{background:#fff}
[contenteditable]:focus{border-bottom:dotted 1px #555}
#message{color:#f00;font-size:18px;line-height:24px;clear:left}


#msgpopup{background:rgba(214,171,171,0.9);position:fixed;top:0;left:5%;;text-align:center;color:#000;width:90%;height:auto;padding:10px 10px 0 10px;border-radius:0 0 20px 20px;font-size:20px;line-height:40px}
#msgpopup.off{top:-190px;transition:all 0.25s}
#msgpopup.on{top:0;transition:all 0.20s}