@import "font.css";
@import "form.css";
@import "misc.css";

* { margin:0px; font-family: "Arial"; }

body
{
	background:#888 url(img/bgs.png);
	word-break:break-word;
}

a,a:visited { color:#597cc6 }

body, table, textarea
{
	font-size:12px;
}

img {vertical-align:middle;}

#frame
{
	width:800px;
	text-align: left;
	!background:rgba(192,222,237,0.8);
	padding:20px 0px;padding-top:5px;
	position:relative;
}

#frame #header
{
	padding:10px 0px;
	padding-left:90px;
	padding-top:10px;
	font-size:32px;
	color:#fff;
	text-shadow: 0px 0px 5px #333;
	font-family: "skranji";
	background:url(img/tablet.png) 10px center no-repeat;
	position:relative;
	background-size: 64px;
}

#frame #content
{
	background:#ffffff;
	border:10px solid #ddd;
	border-width:0px 10px;
	border-radius:7px
}

#frame #content #top_bar
{
	padding:5px;
	background: #eee;
	background: -webkit-linear-gradient(bottom,#eee,#fff);
	background: -o-linear-gradient(bottom,#eee,#fff);
	background: -moz-linear-gradient(bottom,#eee,#fff);
	border-bottom:1px solid #ccc;
}

#frame #content #top_bar #prefix
{
	padding: 3px 5px;
}

#frame #content #top_bar #prefix a,#frame #content #top_bar #prefix a:visited
{
	color: #aaa;
	text-decoration:none;
	padding:3px 5px;
}

#frame #content #top_bar #prefix a.selected
{
	font-weight:bold;
	text-decoration:underline
}

.b_line {font-size:32px;padding:10px 20px;font-weight:bold;text-align:right;background:#fafafa;}
.b_line span {color:#fff;text-shadow:0px 0px 10px #bbb;font-family:"skranji"}
.b_line span2 {float:left;color:#aaa;font-size:12px;font-weight:normal;}

.box {padding:5px 7px;}
.box[color='blue'] {background-color:#529ad7;color:#fff}
.box[color='blue']:hover {border-color:#1265ab;}
.box[color='red'] {background-color:#ea5247;color:#fff}
.box[color='red']:hover {border-color:#b42b22;}
.box[color='green'] {background-color:#7ccf75;color:#fff}
.box[color='green']:hover {border-color:#369136;}
.box[color='yellow'] {background-color:#ffee91;color:#d5a111}
.box[color='yellow']:hover {border-color:#d5a111;}
.box[color='grey'] {background-color:#eeeeee;color:#aaaaaa}
.box[color='grey']:hover {border-color:#aaaaaa;}
.box[color='orange'] {background-color:#ffbc64;color:#fff}
.box[color='orange']:hover {border-color:#d98f2e;}
.box[color='pink'] {background-color:#ff98f4;color:#fff}
.box[color='pink']:hover {border-color:#ff17e6;}

.small-noti {color:#fff;margin-left:4px;padding:2 8;background:rgba(0,0,0,0.5);border-radius:3px;margin-right:-5;margin-top:1}