/*----------------------------------------*/
/* html                                   */
/*----------------------------------------*/

body {
	margin:0;
	padding:0;
	font-family: "Verdana", "sans-serif";
	font-size:16px;
}

form {
	margin:0;
	padding:0;
}

select {
	background-color:white;
}
/*----------------------------------------*/
/* body parts                             */
/*----------------------------------------*/

#container {
	margin:0;
	padding:0;
}

#content {
	margin:0 10px;
	padding:0 0;
}

hr.divi {
	width:100%; 
	height:0; 
	color:none; 
	background:none; 
	border:none; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #eee;
	margin:5px 0;
}

/*-- inline-block with valign=top --*/
.inbl-top {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
}

/*----------------------------------------*/
/* error                                  */
/*----------------------------------------*/

.error-box {
	display:none;
	margin:10px 0px;
	padding:10px 20px;
	background-color:#fee;
	border:1px solid #fcc;
	border-radius: 5px;
}

.error-box td {
	font-size:90%;
	color:red;
}

.error-field {
	background-color: #faa;
}

/*----------------------------------------*/
/* info box                               */
/*----------------------------------------*/
.info-box {
	display:none;
	position: fixed;

	padding:10px 30px;

	color:white;
	font-weight:bold;
	text-align:center;

	border:1px #008000 solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

	background-color:#008000;

	z-index:100;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

/*----------------------------------------*/
/* header                                 */
/*----------------------------------------*/

#header {
	margin:0;
	padding:0;
}

/*----------------------------------------*/
/* footer                                 */
/*----------------------------------------*/

#footer {
	margin:10px 0;
	padding:0;
	text-align:center;
}

.footer-line {
	margin-top:30px;
}

.site-link {
	font-weight: bold;
	font-style: normal;
	font-size: 70%;
	color:#bbb;

	text-decoration:none;
}

/*----------------------------------------*/
/* main menu                              */
/*----------------------------------------*/
#main-menu {
	margin:0;
	padding:5px 5px;
	background-color:#3e83c9;

	-moz-box-shadow:    1px 1px 3px 0px #888;
	-webkit-box-shadow: 1px 1px 3px 0px #888;
	box-shadow:         1px 1px 3px 0px #888;
}

.main-menu-item {
	margin:0;
	padding:3px 8px 3px 8px;

	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	line-height:21px;

	color:white;
	text-decoration:none;
    text-shadow: 1px 1px 1px #ccc;
	cursor:pointer;
}

.main-menu-item:hover,
.main-menu-item:focus {
	color:white;
    text-shadow: none;
	background-color: #5ea3e9;
	border-radius: 5px;
}

.main-menu-item:active {
	color:yellow;
    text-shadow: none;
	border-radius: 5px;
}

.vmenu {
	position:absolute;
	left:10px;
	top:10px;

	padding:5px 0;
	border:0px solid red;
	background-color:#3e83c9;

	-moz-box-shadow:    1px 1px 10px 0px #888;
	-webkit-box-shadow: 1px 1px 10px 0px #888;
	box-shadow:         1px 1px 10px 0px #888;
}
.vmenu-item {
	display:block;
	*zoom: 1;

	color:white;
	padding:3px 20px 3px 20px;
	font-family:sans,sans-serif;
	font-size: 80%;

	text-decoration:none;
	cursor:pointer;
}

.vmenu-item:hover,
.vmenu-item:focus {
	color:white;
    text-shadow: none;
	background-color: #5ea3e9;
}

.vmenu-item:active {
	color:yellow;
    text-shadow: none;
}

/*----------------------------------------*/
/* status-bar                             */
/*----------------------------------------*/

.staus-bar {
	margin:10px 10px 0 10px;
	padding:5px 5px;
	font-size:85%;
	background-color:#ecf6fc;
	border:0px solid #95bce2;
	border-width:1px 0 1px 0;
}

.breadcrumb {
	float:left;
	font-weight:bold;
	color:#3e83c9;
}

.login-user {
	float:right;
	color:#3e83c9;
}

.login-user-label {
}

.login-user-name {
	font-weight:bold;
}

.status-bar-clear {
	clear:both;
}


/*----------------------------------------*/
/* section                                */
/*----------------------------------------*/

.section {
	width:100%;
	padding:0;
	margin:10px 0 0 0;
	border-color:#3e83c9;
	border-width:1px;
	border-style:solid;
	border-radius:5px;
	*display:block;
}

.section-name {
	margin:0 15px;
	padding:0 5px;
	font-family:inherit;
	font-size:90%;
	font-weight:bold;
	color:#3e83c9;
}

.section-contents {
	padding:5px;
}

/*----------------------------------------*/
/* field group                            */
/*----------------------------------------*/

.fg-container {
	padding:5px;
	margin:0;
	border:0px solid blue;
}

/*----------------------------------------*/
/* field item                             */
/*----------------------------------------*/

.fi-container,
.fi-container-sub {
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;

	padding:5px;
	margin:0;
	border:0px solid red;
}

.fi-container-sub {
	margin:10px 0 0 20px;
}

.fi-label {
	margin-bottom:5px;
	text-align:left;
	font-weight:bold;
	font-size:13px;
	color:#666;
}

.fi-value {
	margin:0;
	text-align:left;
	font-weight:normal;
	font-size:15px;
}

.fi-text {
	font-weight:normal;
	font-size:14px;
}

.fi-inst {
	margin:0 0 10px 0;
}

/*----------------------------------------*/
/* field type                             */ 
/*----------------------------------------*/

.ft-int {
	text-align:right;
}

/*----------------------------------------*/
/* button container                       */
/*----------------------------------------*/

.btn-container {
	padding:5px;
	margin:0;
	text-align:center;
	border:0px solid blue;
}

/*----------------------------------------*/
/* search criteria box                    */
/*----------------------------------------*/

.sc-container {
	float:left;
}

.sc-box {
	float:left;
	margin:1px;
	min-height:40px;
}

.sc-clear {
	clear:both;
}

.sc-label {
	font-size:70%;
	font-weight:bold;
}

.sc-btn-box {
	margin-right:5px;
	float:right;
}

/*----------------------------------------*/
/* data table                             */
/*----------------------------------------*/

.dt-table {
	margin:0 0 0 0;
	border-collapse:separate;
	border-spacing:1px 0;
}

.dt-table tr {
	background-color: #ffffff;
}

.dt-table tr:nth-child(even) {
	background-color: #ecf6fc;
}

.dt-table tr:hover {
	background-color: #bcd4ec;
}

.dt-table th {
	color:white;
	padding:8px;
	font-size:90%;
	background-color:#3e83c9;
	vertical-align:middle;
	border-radius:2px 2px 0 0;
}

	.dt-table .dt-sort-btns {
		margin-right:1px;
		position:relative;
		top:-2px;
	}

	.dt-table .dt-sort-btn {
		font-size:80%;
		color:white;
		text-decoration:none;
	}

	.dt-table .dt-sort-btn:hover,
	.dt-table .dt-sort-btn:focus {
		border-radius:5px;
		background-color:#5ea3e9;
	}

	.dt-table .dt-sort-btn:active {
		color:white;
		background-color:transparent;
	}

.dt-table td {
	color:black;
	padding:5px;
	font-size:90%;
	border-bottom:1px solid #95bce2;
}

.dt-top-bar {
	margin:3px 0 6px 0;
}

	.dt-tool-box {
		float:left;
	}

	.dt-page-tab-box {
		float:right;
	}

.dt-bottom-bar {
	margin:15px 0 8px 0;
}

	.dt-stat-box {
		float:left;
		margin-left:10px;
		color:#3e83c9;
		font-size:90%;
	}

		.dt-stat-val {
			font-weight:bold;
		}

.dt-clear {
	clear:both;
}

/*----------------------------------------*/
/* standard button                        */
/*----------------------------------------*/
.btn-std {
	display:inline-block;
	/* IE:inline-block */
	*zoom: 1;
	*display: inline;

	min-width:100px;
}

/*----------------------------------------*/
/* edit-btn                               */
/*----------------------------------------*/

.btn-edit {
	padding:0px 3px;
	font-family:inherit;
	font-size:100%;
	text-decoration:none;
	cursor:pointer;
}

.btn-edit:hover,
.btn-edit:focus {
	color:white;
	background-color:#5ea3e9;
	border-radius: 3px;
}

.btn-edit:active {
	color:#3e83c9;
	background-color:white;
}

/*----------------------------------------*/
/* selrec                                 */
/*----------------------------------------*/

.selrec-main {
}

.selrec-cb {
}

/*----------------------------------------*/
/* page tags                              */
/*----------------------------------------*/
.page-tab,
.page-tab-sel {
	font-family: inherit;
	font-size: 80%;
	padding:2px 6px;
	text-decoration:none;
	color:black;
	border:1px solid #95bce2;
	*border-width:0;
	border-radius: 3px;
}

.page-tab-sel:link,
.page-tab-sel:visited {
	background-color: #bcd4ec;
}

.page-tab:hover,
.page-tab:focus,
.page-tab-sel:hover,
.page-tab-sel:focus {
	color:white;
	background-color: #5ea3e9;
}

.page-tab:active,
.page-tab-arrow:active,
.page-tab-sel:active {
	color:#3e83c9;
	background-color: white;
}

/*----------------------------------------*/
/* form                                   */
/*----------------------------------------*/

.form-table {
	width: 100%;
}

.page-title {
	font-family: courier;
	font-weight: bold;
	font-style: normal;
	font-size: 300%;
	color:#ccf;

	text-shadow: white 1px 1px 0;
}

.instruction {
	margin:20px 20px;
	padding:0;

	font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;

	color:#222;
	text-align:left;
}

.kw {
	font-weight: bold;
}

.col-label {
	width:200px;
	height:25px;
	text-align:right;
	font-size:90%;
	color:#444;
}

.col-value {
	text-align:left;
	font-size:90%;
}

.required {
	color:red;
}

.number {
	text-align:right;
}

.form-main {
}

.navi-box {
	margin:20px 0 0 0;
	text-align:center;
}

.btn-event {
}

/*----------------------------------------*/
/* tool-tip                               */
/*----------------------------------------*/
.tool-tip-balloon {
	color:white;
	border: 1px solid black;
	background-color:#888;
	border-radius:5px;
}
.tool-tip {
	text-align:center;
	color:#008000;
	cursor:help;
}
.tool-tip-content {
	display:none;
	margin:15px;
	width:200px;
	font-family:sans,sans-serif;
	font-size:14px;
}

/*----------------------------------------*/
/* button/a.button                        */
/*----------------------------------------*/

input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
	-webkit-box-shadow: #0066ff 0 0 5px 0;
	-moz-box-shadow: #0066ff 0 0 5px 0;
	box-shadow: #0066ff 0 0 5px 0;
	outline:0;
	background-color:#fffff0;
	z-index: 1;
}

input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
	outline:1px solid #0066ff;
}

button,
a.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	background: #dddddd url('../images/button.png?1298351022') repeat-x;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
	background-image: -webkit-linear-gradient(#ffffff, #dddddd);
	background-image: -moz-linear-gradient(#ffffff, #dddddd);
	background-image: -o-linear-gradient(#ffffff, #dddddd);
	background-image: linear-gradient(#ffffff, #dddddd);
	border: 1px solid;
	border-color: #dddddd #bbbbbb #999999;
	cursor: pointer;
	color: #333333;
	display: inline-block;
	font: bold 12px/1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
	outline: 0;
	overflow: visible;
	margin: 0;
	padding: 3px 10px;
	text-shadow: white 0 1px 1px;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	*padding-top: 2px;
	*padding-bottom: 0;
}

button:hover,
a.button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
	background-image: -webkit-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
	background-image: -moz-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
	background-image: -o-linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
	background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
	text-decoration: none;
}

button:active,
a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(#dddddd, #eeeeee);
	background-image: -moz-linear-gradient(#dddddd, #eeeeee);
	background-image: -o-linear-gradient(#dddddd, #eeeeee);
	background-image: linear-gradient(#dddddd, #eeeeee);
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
	border-color: #999999 #bbbbbb #dddddd;
}

button::-moz-focus-inner,
a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border: 0;
	padding: 0;
}

a.button {
	*padding-bottom: 3px;
}

button {
	*padding-top: 1px;
	*padding-bottom: 1px;
}

/*----------------------------------------*/
/* back button                            */
/*----------------------------------------*/
.backbtn-container {
	margin:10px 10px;
}

/*----------------------------------------*/
/* end of file                            */
/*----------------------------------------*/