@charset "utf-8";
body {
	background-color: #b6c2d3;
	background-image: url(bgr.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: #413c35;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}
a,div,p,td,th,li,h1,form,embed,object,table {
	color: #413c35;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
}
a {
	cursor: default;
}
/* --- [ HTML ] -------------------------------------------> */
div.copyright {
	font-size: 8pt;
	padding: 4px 0px 12px 0px;
}

/* --- [ Header ] -------------------------------------------> */
div.header {
	vertical-align: top;
	padding: 0px 0px 0px 12px;
	text-align: left;
	width: 988px;
}
.header_caption {
	margin: 0px;
	padding: 8px 0px 0px 16px;
}
.header_img {
	margin-top: 15px;
}

/* --- [ Page ] -------------------------------------------> */
.page {
	background-color: #ece9e5;
	border-bottom: solid #fefdfd 3px;
	border-left: solid #fefdfd 3px;
	border-right: solid #fefdfd 3px;
	border-top: solid #fefdfd 6px;
	padding: 10px 20px 10px 20px;
	vertical-align: top;
}
div.page_shadow {
	background-image: url(page_shadow.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding: 12px 0px 0px 12px;
	text-align: left;
	width: 988px;
}
div.page_outer {
	background-image: url(navbar_bgr.png);
	background-position: 0px 25px;
	background-repeat: repeat-x;
	background-color: #fefdfd;
	padding: 4px 5px 4px 5px;
	width: 966px;
}
div.page_inner {
	background-color: #fefdfd;
	border: solid #aca190 1px;
	margin: 0px;
	padding: 0px;
	width: 964px;
}
.page_title {
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 12px;
}

/* --- [ Toolbar ] -------------------------------------------> */
.tb_text {
	margin-top: 8px;
	font-size: 8pt;
}
.toolbar {
	background-color: #dfdad2;
	border-bottom: solid #fefdfd 3px;
	border-left: solid #fefdfd 2px;
	border-right: solid #fefdfd 3px;
	border-top: solid #fefdfd 6px;
	padding: 0px;
	vertical-align: top;
	width: 200px;
}

/* --- [ Main Menu ] -------------------------------------------> */
div.main_menu {
	height: 20px;
	line-height: 20px;
	padding: 0px 15px 0px 15px;
	text-align: left;
}
a.mm_item {
	color: #000000;
	display: block;
	float: left;
	font-weight: bold;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
}
a.mm_item:hover {
	background-image: url(mm_item_hover.gif);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	color: #4b6283;
}

/* --- [ Navigation Bar ] -------------------------------------------> */
div.navbar {
	background-image: url(navbar_bgr.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: #413c35;
	font-size: 8pt;
	height: 21px;
	line-height: 21px;
	margin: 0px;
	font-size: 8pt;
}
a.nb_back {
	background-image: url(nb_back.gif);
	background-position: 30px 3px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	text-decoration: none;
	width: 45px;
}
a.nb_back:hover {
	background-image: url(nb_back_hover.gif);
}
span.nb_sep {
	font-weight: bold;
	padding: 0px 6px 0px 6px;
}
a.nbi {
	color: #413c35;
	font-size: 8pt;
	height: 20px;
	text-decoration: none;
}
a.nbi:hover {
	color: #4b6283;
}

/* --- [ Login ] -------------------------------------------> */
.login_btns {
	padding: 12px 0px 6px 0px;
}
.login_error {
	color: #990000;
	font-size: 8pt;
	padding-top: 8px;
	text-align: center;
}
.login_field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 12px;
	padding: 1px;
	margin-top: 4px;
	vertical-align: middle;
	width: 105px;
}
.login_label {
	font-size: 8pt;
	vertical-align: middle;
}
.login_loggedin {
	font-size: 8pt;
	text-align: left;
}
.login_login {
	width: 90px;
}
.login_msg {
	font-size: 8pt;
	padding-top: 8px;
	text-align: center;
}
.login_reg {
	width: 80px;
}
.login_user {
	color: #000000;
	padding-top: 4px;
	text-align: left;
}
.loginbox {
	background-color: #baae9c;
	border-bottom: solid #fefdfd 5px;
	font-size: 8pt;
	padding: 10px;
	text-align: right;
	vertical-align: top;
}

/* --- [ Searchbox ] -------------------------------------------> */
form.searchbox {
	border-bottom: solid #fefdfd 5px;
	padding: 10px;
}
input.searchbox_button {
	margin: 8px 0px 0px 110px;
	width: 70px;
}
input.searchbox_text {
	width: 174px;
}
div.searchbox_title {
	font-weight: bold;
	padding-bottom: 8px;
}

/* --- [ KMOTA ] -------------------------------------------> */
.kmota-box {
	/*border-bottom: solid #fefdfd 5px;*/
	padding: 10px;
}
.kmota-box > p {
	margin-top: 10px;
	text-align: justify;
}
.kmota-box > p:first-child {
	margin-top: 0;
}
.kmota-box > p.text-center {
	text-align: center;
}
.kmota-box .button {
	padding: 5px 10px;
}
#main-content > .kmota-box {
	/*border: none;*/
	border-top: solid #fefdfd 5px;
	margin: 0 -20px;
	padding: 20px 20px 0 20px;
}

/* --- [ Messages ] -------------------------------------------> */
div.msg_error {
	
}
div.msg_info {
	
}
div.msg_warning {
	
}

/* --- [ Buttons ] -------------------------------------------> */
a.button,
input.button {
	border: none;
	background-color: #565048;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 8pt;
	padding: 2px 4px;
	text-decoration: none;
	vertical-align: middle;
}
input.button_disabled {
	border: none;
	background-color: #515151;
	color: #d0d0d0;
	font-size: 8pt;
	padding: 2px 4px;
	vertical-align: middle;
}

/* --- [ Forms ] -------------------------------------------> */
.form_button {
	border: none;
	background-color: #565048;
	color: #ffffff;
	font-size: 8pt;
	padding: 4px 8px 4px 8px;
}
.form_buttons {
	margin: 12px 0px 12px 0px;
	padding: 0px;
}
.form_field_error {
	color: #990000;
	font-size: 8pt;
	padding-left: 0px;
}
.form_label {
	color: #000000;
	font-size: 8pt;
	margin: 8px 0px 4px 0px;
}
.form_required {
	color: #990000;
}
.form_required_text {
	font-size: 8pt;
}
.invalid_field {
	background-color: #ffc0c0;
}

/* --- [ Text ] -------------------------------------------> */
.text-hlight {
	color: #990000;
	font-weight: bold;
}

/* --- [ ClearFix ] -------------------------------------------> */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}