@CHARSET "UTF-8";
body {
	font-family: Verdana;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* STD Box */
.box {
	border: 1px solid #322a22;
	border-collapse: collapse;
}
.box .title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	border-collapse: collapse;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px solid #604931;
	background-image: url(res/box-title.gif);	
	background-repeat: repeat-x;
	text-align: left;
}
.box .content {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-collapse: collapse;
	font-size: 12px;
	background-color: #f8f5f3;
}

.box .footer {
	text-align: right;
	padding-right: 10px;
	line-height: 28px;
	height: 28px;
	border-top: 1px solid #a09981;
	background-image: url(res/box-footer.gif);
	background-repeat: repeat-x;
}

.button {
	border: 1px solid #aab7c8;
	font-size: 12px;
	color: #3a5708;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	background-image: url(res/btn-bg.gif);
	background-repeat: repeat-x;
}
.btn-small {
	border: 0px none;	
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(res/box-title.gif);
	background-repeat: repeat-x;	
	height: 18px;
	line-height: 18px;
	width: 30px;
	font-weight: bold;
	color: #ffffff;
	border-collapse: collapse;
}
.t-input { border: 1px solid #c8823a; background-color: #ffffff; font-size: 12px; }

table.menu-main {
	height: 40px;
	line-height: 40px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(res/menu-bg-normal.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
	color: #000000;
	font-size: 12px;
}
table.menu-main td { border-spacing: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-collapse: collapse; }
table.menu-main a, table.menu-main a:active, table.menu-main a:visited {
	height: 40px;
	line-height: 40px;
	color: #000000;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 130px;
	text-align: center;
	border-left: 1px solid #606677;
	display:block;
	text-decoration: none;
	float: left;
}
table.menu-main a:hover { color: #d9dce8; background-image: url(res/menu-bg.gif); background-repeat: repeat-x; text-decoration: none; }
table.menu-main a.active, table.menu-main a.active:active, table.menu-main a.active:visited {
	color: #d9dce8; background-image: url(res/menu-bg.gif); background-repeat: repeat-x; text-decoration: none;
}

a.submenu, a.submenu:active, a.submenu:visited {
	font-size: 12px;
	color: #586b7f; 
	background-image: url(res/sub-m-bg.gif); 
	background-repeat: repeat-x; 
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	display: block;
	width: 150px;
	text-align: center;
	float: right;
	margin-left: 1px;
	
	border: 1px solid #aab7c8;
}
a.submenu:hover { border: 1px solid #7f9bb9; color: #3f4d5d; background-image: url(res/sub-m-bg-a.gif); background-repeat: repeat-x; text-decoration: none; }

/*** BREADCRUMB ***/
.breadcrumb { font-size: 10px; border-bottom: 1px solid #606677; }
.breadcrumb a, .breadcrumb a:active, .breadcrumb a:visited { color: #000000; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/*** DATA TABLE  ***/
.rw-table { font-size: 12px; }
.rw-head { border-bottom: 2px solid #606677; }
.rw-data { border: 0px none; border-bottom: 1px solid #606677; background-color: #ffffff; }

.r-border { border-right: 1px dashed #606677; }

.col-alt { background-color: #f0f0f0; }
.col-edit { background-color: #eeeed0; }
.col-delete { background-color: #eed0d0; }
.col-next { background-color: #d0eed0; }

.rw-data a, .rw-data a:visited, .rw-data:active { color: #505050; text-decoration: none; }
.rw-data a:hover { color: #000000; text-decoration: underline; }