/* Base Style */
BODY {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

A {
	color: #4B76DF;
	text-decoration: none;
}

A:hover {
	color: #000000;
	text-decoration: underline;
}

P {
	margin: 0;
	margin-bottom: 10px;
}

IMG {
	border: none;
}

HR {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border-bottom: 1px solid #D0D0D0;
}

FORM {
	margin: 0px;
}

.dotted_hr {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border-bottom: 1px dotted #D0D0D0;
}


#container {
	width:980px;
	border-right: 1px solid;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

IMG.absmiddle, IMG.help_icon {
	vertical-align: middle;
	margin: 0px;
}

.vtop {
	vertical-align: top;
}

.centered {
	text-align: center;
}


/* Tables */
DIV.table_header {
	height: 21px;
	background-color: #799AE1;
}

.table_header DIV.topleft {
	float: left;
	background: transparent url(../images/Table1L.gif) top left no-repeat;
}

.table_header DIV.topright {
	float: right;
	background: transparent url(../images/Table1R.gif) top right no-repeat;
}

.table_header DIV.header_txt {
	float: left;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial;
	margin-top: 4px;
	margin-left: 5px;
}

TABLE.outer_table {
	width: 100%;
	border: 1px solid #799AE1;
	border-collapse:collapse;
}

.outer_table TD {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F3F3F3;
}

TABLE.inner_table {
	width: 100%;
	border-collapse:collapse;
}

.inner_table TD {
	height: 16px;
	padding: 5px;
	margin: 0px;
}

.inner_table .sep {
	height: 0px;
	border-top: 1px solid #A3A4A6;
}

.inner_table .dotter_sep {
	height: 0px;
	border-top: 1px dotted #A3A4A6;
}

.inner_table TD.sortable {
	border-top: 1px solid #A3A4A6;
	color: #11418E;
	font-weight: bold;
	height: 21px;
	background-color: #CFDDEE;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
}

.sortable A {
	text-decoration: none;
	color: #11418E;
	font-weight: bold;
}

.sortable IMG {
	vertical-align: middle;
}

.no_record {
	text-align: center;
}


/* Output Message */
DIV.ok_msg {
	margin: 10px 0 10px 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 10px 10px 35px;
	border-color: #009933;
	background: #FFFFFF url(../images/ok.gif) 10px 11px no-repeat;
}

.ok_msg .title {
	color: #009933;
	font-weight: bold;
}

DIV.warn_msg {
	margin: 10px 0 10px 0;
	border: 2px solid;
	background: #ffffff;
	padding: 10px 10px 10px 35px;
	border-color: #CC9901;
	background: #FFFFFF url(../images/att.gif) 10px 11px no-repeat;
}

.warn_msg .title {
	color: #CC9901;
	font-weight: bold;
}

DIV.error_msg {
	margin: 10px 0  10px 0;
	border: 2px solid;
	padding: 10px 10px 10px 35px;
	border-color: #cc0000;
	background: #FFFFFF url(../images/off.gif) 10px 11px no-repeat;
}

.error_msg .title {
	color: #cc0000;
	font-weight: bold;
}


/* Input Elements */
LABEL {
	font-size: 0.9em;
	color: #444444;
}

INPUT.general_btn {
	width: 91px;
	height: 21px;
	border: none;
	background: url(../images/btn_bg.gif) top left no-repeat;
	font-size: 1.0em;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.ok_btn {
	padding-left: 15px;
	width: 91px;
	height: 21px;
	border: none;
	background: url(../images/btn_ok_bg.gif) top left no-repeat;
	font-size: 1.0em;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.no_btn {
	padding-left: 15px;
	width: 91px;
	height: 21px;
	border: none;
	background: url(../images/btn_cancel_bg.gif) top left no-repeat;
	font-size: 1.0em;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.general_txt {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	width: 147px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.long_txt {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	width: 300px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.short_txt {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	width: 50px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.missing {
	border: 2px solid #f00;
	background-color: #FFF5CD;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.missing_long {
	border: 2px solid #f00;
	background-color: #FFF5CD;
	width: 300px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

INPUT.missing_short {
	border: 2px solid #f00;
	background-color: #FFF5CD;
	width: 50px;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}


/* Main Contents */
#main {
	width: 760px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
}

#main DIV#query_output {
	margin-top: 20px;
	font-family: Arial;
	font-size: 0.8em;
	color: #C0C0C0;
	text-align: center;
}


/* Login page */
#login_container {
	width: 453px;
	height: 231px;
	margin: 50px auto auto auto;
}

#login_box {
	background: url(../images/login-header.gif) top left no-repeat;
	border: 1px solid #D1CBD0;
	text-align: left;
	padding: 0px 20px 0px 20px;
	font-size: 0.9em;
}

#login_box H1 {
	color: #FFF;
	font-size: 1.2em;
	margin: 17px auto 40px 90px;
}

/* Pagination */
.p_bar {
	margin: 1px 0px;
	clear: both;
}
.p_bar a {
	float: left;
	padding: 1px 4px;
	font-size: 12px;
	text-decoration: none;
}
.p_input {
	border: 0px;
	padding: 0px;
	width: 40px;
	height: 15px;
	margin: 0px;
	background: #F7F7F7;
}
.p_total {
	background-color: #F1F1F1;
	border: 1px solid #A3A4A6;
	border-right: 0px solid #A3A4A6;
	font-weight: bold;
}
.p_pages {
	background-color: #F1F1F1;
	border: 1px solid #A3A4A6;
	margin-right: 1px;
	vertical-align: middle;
	font-weight: bold;
}
.p_num {
	background-color: #F7F7F7;
	border: 1px solid #A3A4A6;
	margin-right: 1px;
	vertical-align: middle;
}
a:hover.p_num  {
	background-color: #F1F1F1;
	border: 1px solid #A3A4A6;
	text-decoration: none;
}
.p_redirect {
	background-color: #F7F7F7;
	border: 1px solid #A3A4A6;
	margin-right: 1px;
	font-size: 11px;
	font-size: 13px;
	height: 15px;
}
a:hover.p_redirect {
	background-color: #F1F1F1;
	border: 1px solid #A3A4A6;
	text-decoration: none;
}
.p_curpage {
	margin-right:1px;
	border: 1px solid #A3A4A6;
	vertical-align: middle;
	color: #61686E;
	font-weight: bold;
}


/* Others */
IMG.help_icon {
	cursor: pointer;
}

.navi {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 3px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #D0D0D0;
}

.navi A {
	text-decoration: none;
}

DIV.news_content {
	height: 100px;
	overflow: auto;
}

/* Context Menu */
#contextMenu {
	/* The menu container */
	border: 1px solid #202867;	/* Border around the entire menu */
	background-color: #FFF;	/* White background color of the menu */
	margin: 0px;
	padding: 0px;
	width: 175px;	/* Width of context menu */
	font-family: arial;
	font-size: 12px;
	background-image: url('../images/gradient.gif');
	background-repeat: repeat-y;

	/* Never change these two values */
	display: none;
	position: absolute;
}

#contextMenu a {
	/* Links in the context menu */
	color: #000;
	text-decoration: none;
	line-height: 25px;
	vertical-align: middle;
	height: 28px;

	/* Don't change these 3 values */
	display: block;
	width: 100%;
	clear: both;
}
#contextMenu li {
	/* Each menu item */
	list-style-type: none;
	padding: 1px;
	margin: 1px;
	cursor: pointer;
	clear: both;
}

#contextMenu li div {
	/* Dynamically created divs */
	cursor: pointer;
}

#contextMenu .contextMenuHighlighted {
	/* Highlighted context menu item */
	border: 1px solid #000;
	padding: 0px;
	background-color: #E2EBED;
}

#contextMenu img {
	border: 0px;
}

#contextMenu .imageBox {
	/* Dynamically created divs for images in the menu */
	float: left;
	padding-left: 2px;
	padding-top: 3px;
	vertical-align: middle;

	width: 30px;	/* IE 5.x */
	width/* */:/**/28px;	/* Other browsers */
	width: /**/28px;
}

#contextMenu .itemTxt {
	float: left;
	width: 120px;	/* IE 5.x */
	width/* */:/**/140px;	/* Other browsers */
	width: /**/140px;
}

DIV.slider {
	border-top: 1px solid #9d9c99;
	border-left: 1px solid #9d9c99;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #f0ede0;
	height: 3px;
	position: absolute;
	bottom: 0px;
}

/* Labels above select boxes*/
.multipleSelectBoxControl span {
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}

/* Select box layout */
.multipleSelectBoxControl div select {
	font-family:arial;
	height:100%;
}

/* Small butons */
.multipleSelectBoxControl input{
	width:25px;
}

.multipleSelectBoxControl div{
	float:left;
}

.multipleSelectBoxDiv {
}

TABLE.version_table {
	width: 100%;
	border-collapse:collapse;
	border: 1px solid;
}

TD.version_header {
	text-align: center;
	font-weight: bold
}

TD.version_row1 {
	text-align: center;
	background-color: #F3F3F3;
}

TD.version_row2 {
	text-align: center;
	background-color: #e8f0fd;
}

TD.delete
{
	text-align: right;
	width: 10px;
}

.pbar
{
	height: 25px;
}