@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, form, p, code, pre {  border: 0; vertical-align: baseline; }


body{ font: 12px/1.333 sans-serif; color: #444;  }
body {  margin:0px; }
table{ font: 12px/1.333 sans-serif; color: #000;  }

table { border-collapse: collapse; border-spacing: 0; margin: 0; vertical-align: middle;  }

th, td {  vertical-align: middle; }
pre, code { font-family: monospace, sans-serif; font-size: 1em; color:#080; }

#wrapper {
	margin:0px 0px 50px 0px;
	min-width:1000px;
	border:1px solid #EBEBEB;
}

#box-header {
	background-color:#FFFFFF;
}

#box-current-time {
	background-color:#CCCCCC;
	padding:5px;
	margin-top:10px;
	font-weight:bold;
	height:15px;
}

#box-content {
	
	
	min-height:400px;
	background-color:#F7E6FF;
	padding:0px;
}

#title_no {
	float:left;
	padding:5px;
	background-color:#7C2F8C;
	color:#CCC;
	 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	width:50px;
}

#title_detail {
	width:90%;
	padding:5px;
	float:left;
	font-weight:bold;
	border-bottom:2px dotted #000;
}

#box-menu {
	background-color:#601168;
	padding:2px;
}
#box-left {
	width:20%;
	/*margin-left:10px;*/
	min-height:400px;
	
	background-color:#F7E6FF;
	padding:1%;
	float:left;
	/*opacity:0.6;
  filter:alpha(opacity=60);  For IE8 and earlier */
}

#box-right {
	min-height:400px;
	background-color:#FFFFFF;
	padding:1%;
	float:left;
	width:75.7%;
	border-left: 1px solid #000;
}

#box-footer {
	background-color:#601168;
	padding:2px;
}

.table_header {
	border:1px dotted #CCCCCC;
	text-decoration:underline;
	font-weight:bold;
	background-color:#F3F3F3;
}

.table_list{
	border:1px dotted #CCCCCC;
	color:#004080;
}

.error {
  	position: relative;
  	margin-bottom: 18px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  	color: #CA0000;
  	border: 1px solid #F00;
	padding-left:20px;
	background: #FDF0EE url(../img/error_icon.png) no-repeat center left;
	background-position:10px;

}

.success {
  	position: relative;
  	margin-bottom: 18px;
  	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 	color: #333;
  	border: 1px solid #090;
	padding-left:30px;
	background: #ECFFEC url(../img/correct_icon.png) no-repeat center left;
	background-position:10px;

}

.error p, .success p{
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin:10px 15px;
}
