body, html {
    height: 100%;
    overflow: auto;
    margin: 0px;
}
/* style for alignment */
.center {
    text-align: center;
}
.right {
    text-align: right;
}
/* style for vertical-alignment */
.top {
    vertical-align: top;
}
.bottom {
    vertical-align: bottom;
}
/* style for header library name area */
.top-bar {
    background-image: url(../images/back.gif);
    padding: 10px;
}
/* style for common header link area */
.link-bar {
    text-align: right;
    background-color: #99CCFF;
    padding: 3px;
}
.link-bar-noLink {
	background-color: #99CCFF;
	padding:5px;
}
/* style for direct link area */
.menu-bar {
    background-image: url(../images/menuback.gif);
    padding: 5px;
}
/* If anyone use this style, be deleted. */
.route-bar {
    margin: 5px 10px;
}
/* styles for title */
.process {
    background: url('../images/blue_book.png') no-repeat left;
    line-height: 30px;
    margin:5px 10px;
    padding-left: 43px;
    border-color:#105D9C;
    border-style:solid;
    border-width:0px 0px 3px 0px;
    font-weight: bold;
}
.top-title {
    color: #000000;
    font-weight: bold;
    border-width : 0px 0px 2px 20px;
    border-style : solid ;
    border-color : #99CCFF;
    margin :10px;
    padding-left: 5px;
}
.sub-title {
    font-weight: bold;
    background-color: #CCFFCC;
    border-color:#009933;
    border-style:solid;
    border-width:0px 0px 0px 4px;
    margin: 10px;
    padding: 5px;
}
/* style for main pane comment area */
.comment {
    margin: 10px 20px;
    line-height: 150%;
}
/* style for main pane table area */
.contents {
    margin-left: 20px;
    text-align: left;
}
/* style for action buttons under tables */
.buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
/** style for page top anchor */
.top-link {
    color: #105D9C;
    text-align: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* If anyone use this style, be deleted. */
.page {
    width: 100px;
    font-size: 12pt;
}
/* style for confirm comments */
.confirm {
    color: #003399;
    font-weight: bold;
    margin: 10px 20px;
}
/* style for�@completion comments */
.operated {
    color: #336633;
    font-weight: bold;
    margin: 10px 20px;
}
/* style for�@error comments */
.error {
    color: #C14923;
    font-weight: bold;
    margin: 10px 20px;
}
/* style for message */
.message {
    color: #000000;
    font-weight: bold;
    margin: 10px 20px;
}
/* style for fotter copyright */
.copyright {
    font-weight: bold;
    background-image: url(../images/back.gif);
    padding: 6px;
}
/* style for buttons */
.normal-button {
    background-color: #99CCFF;
    border-width: 1px;
    border-style: solid;
    border-color: #105D9C;
    cursor: pointer;
    font-weight: bold;
}
.normal-button-disabled {
    background-color: #99CCFF;
    border-width: 1px;
    border-style: solid;
    border-color: #105D9C;
    font-weight: bold;
}
.small-button {
    background-color: #FFE7E7;
    border-width: 1px;
    border-style: solid;
    border-color: #105D9C;
    cursor: pointer;
    font-weight: bold;
}
.arrow-bar {
	text-align: right;
}
.arrow-bar div#pageguide {
	text-align: center;
	vertical-align: middle;
}
.arrow-bar div#unit {
	vertical-align: middle;
	float:right;
}
.arrow-bar div#leftarrow {
	vertical-align: middle;
	float:left;
}
.arrow-bar div#rightarrow {
	vertical-align: middle;
	float:right;
}
.submit {
    width: 100px;
    padding: 2px;
}
.action {
    width: 140px;
    padding: 2px;
}
.list-submit {
    width: 90px;
}
/* style for table-layout */
.table-basic {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #105D9C;
}
.table-header {
    background-color: #99CCFF;
    border-collapse: collapse;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #105D9C;
    text-align: left;
    padding: 5px;
}
.table-list {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-width: 5px 1px 0px 1px;
    border-style: solid;
    border-color: #105D9C;
}
.list-header {
    background-color: #99CCFF;
    border-collapse: collapse;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #105D9C;
    text-align: center;
    padding: 5px;
}
.table-listcell {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #105D9C;
}
.normal-td {
    border-width: 1px;
    border-style: solid;
    border-color: #105D9C;
    padding: 5px;
}
.normal-td-center {
    border-width: 1px;
    border-style: solid;
    border-color: #105D9C;
    text-align: center;
    padding: 5px;
}
.size-30px {
	width : 30px;
}
.size-40px {
	width : 40px;
}
.size-70px {
	width : 70px;
}
.size-100px {
	width : 100px;
}
.td-3cols {
    border-color: #AAAAAA;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}
.sum-td {
	background-color: #e0effc;
	text-align: right;
}
.theme-td {
	border-color: #E2EDFE;
	border-width: 3px;
	border-style: solid;
	line-height: 150%;
	padding: 5px 10px;
	width: 50%;
}
.half-width {
	width: 50%;
}
/* style of row background color that privides the Design Center */
.alt-tr {
    background-color: #E2EDFE;
}
.warn-tr {
    color: #CC0000;
    background-color: #E7FFE7;;
}
.light-tr {
    background-color: #FFFFC9;
}
.gray-tr {
    background-color: #E7E5E1;
}
.white-row {
    background-color: #FFFFFF;
}
.pink-row {
    background-color: #FFE7E7;
}
.green-row {
    background-color: #E7FFE7;
}
.purple-row {
    background-color: #F0E1FF;
}
.orange-row {
    background-color: #FFEAD5;
}
.frame {
    border-width: 1px;
    border-style: solid;
    border-color: #105D9C;
    background-color: #E8F3FF;
    margin: 10px;
    padding: 10px;
    overflow: auto;
}
.handle-header{
    background-color: #ccffcc;
    border-collapse: collapse;
    border-width: 4px 4px 4px 0px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 5px;
}
.list-title{
    background-color: #CCFFCC;
    border-collapse: collapse;
    border-width: 4px 0px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 5px;
}
/* style for anchor */
A:link {
    color: #105D9C;
}
A:visited {
    color: #105D9C;
}
A:active {
    color: #105D9C;
}
A:hover {
    color: #105D9C;
    text-decoration: none;
}
/* style for footer area layout */
#boxD {
    position: absolute;
    bottom: 0px;
    width: 100%;
    clear: right;
}
/* style for topic path */
.topicPath {
    background:url(../images/topicback.gif);
    margin:0px;
    padding:5px;
}
.topicPath_path {
    margin-left:5px;
    padding-left:25px;
    background:url(../images/topicleft.gif) no-repeat left;
}
/* style for para three calendar */
.left-layout {
    float: left;
    padding: 10px 0px 10px 20px;
}
/* style for roll over menu */
.category01 {
    width:180px;
    padding:3px 0px 2px 5px;
    color: #FFFFFF;
    background-color: #5977b3;
    font-weight: bold;
    border-top:		1px solid #FFFFCC;
    border-right:	1px solid #96A9E0;
    border-bottom:	1px solid #96A9E0;
    border-left:	1px solid #FFFFCC;
    float: left;
}
.category02 {
    width:180px;
    padding:3px 0px 2px 5px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #AACCFF;
    border-top:1px solid #FFEEEE;
    border-right:1px solid maroon;
    border-bottom:1px solid maroon;
    border-left:1px solid #FFEEEE;
    float: left;
}
.menu01 {
    width: 180px;
    padding:3px 0px 2px 5px;
    color: #696969;
    background-color: #AACCFF;
    border-top: 1px solid #DDEEFF;
    border-right: 1px solid #000008;
    border-bottom: 1px solid #000008;
    border-left: 1px solid #CCDDFF;
}
.menu02 {
    cursor: pointer;
    width: 180px;
    padding: 3px 0px 2px 5px;
    color: #ff4500;
    background-color: #FFFFEE;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #800000;
    border-bottom: 1px solid #800000;
    border-left: 1px solid #FFFFFF;
}
.menuArea {
    background-color: #5977b3;
    width: 100%;
    overflow:auto;
}
/** style for contents width */
.full {
    width: 100%;
}
/** style for coloum width */
.no-col {
    width: 4%;
}
.date-col {
    width: 9%;
}
.ndc-col {
    width: 13%;
}
/** style for hit number font */
.font-listNumber {
	font-weight: bold;
	color : #339933;
}
/** style for NDC search history */
.font-ndcHistory {
	font-weight: bold;
	color : #0000ff;
}