﻿@charset "UTF-8";

html, body {
	color:#000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	min-width:630px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth */
	background-color:#036;
}
table, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-weight:normal;
	text-decoration:none;
	font-family:"Arial Black", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, .h1		{ font-size:24pt; text-align:center; padding:0; margin:0; }
h2, .h2		{ font-size:16pt; }
h3, .h3		{ font-size:12pt; }
h4, .h4		{ font-size:11pt; font-weight:normal; }
h5, .h5		{ font-size:10pt; font-weight:normal; }
a:link		{ color:#fff; text-decoration:underline; }
a:active	{ color:#adf; text-decoration:underline; }
a:visited	{ color:#ddd; text-decoration:underline; }
a:hover		{ color:#adf; text-decoration:underline; }

hr.separator			{
	margin:3em 0; padding:0;
	border-top:1px solid #333333; border-right:0; border-bottom:0; border-left:0;
	float:none;
	clear:both;
	height:1px;
	color:#f9f6f0;
	background-color:transparent;
}

div.cleaner	{
	font-size:1px;
	line-height:1px;
	clear:both;
	width:1px;
	height:1px;
	margin:-1px 0 0 0;
	padding:0;
	visibility:hidden;
}

/* Dialog */
.DialogFrame			{ text-align:left; margin:0px auto; table-layout:fixed; }
.DialogTitle			{ color:#000; }
.DialogTitle td			{ vertical-align:top; }
.DialogTitleImage		{  }
.DialogTitleText		{ font-size:11pt; font-weight:bold; padding:3px 20px 7px 20px; overflow:hidden; white-space:nowrap; line-height:26px; }
.DialogView				{ padding:3px 0 0 0;  background-color:#fff; color:#000; }
.Gray .DialogView		{ background-color:#aaa; }
.DialogArrow			{ width:20px; background-repeat:no-repeat; float:right; }
.DialogGrip				{ width:20px; background-repeat:no-repeat; float:left; }
.DialogFrame a:link		{ color:#00c; text-decoration:underline; }
.DialogFrame a:visited	{ color:#00c; text-decoration:underline; }
.DialogFrame a:hover	{ color:#f00; text-decoration:underline; }
.DialogFrame a:active	{ color:#f00; text-decoration:underline; }


/* Form */
form					{ margin:0; padding:0; }
fieldset, legend		{ }
select, optgroup, option, textarea,
input.password, input.text, input.file,
button					{ background-color:#eee; color:#000; margin:0px; font-size:100%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
input.radio				{ background-color:transparent; }
input.checkbox			{ background-color:transparent; }
input.file				{  }
input.password			{  }
button					{ cursor:pointer; }
select					{  }
textarea				{ font-family:monospace; word-break:break-all; }
label					{ cursor:pointer; font-weight:bold; padding:0; margin:5px 0 0 0; text-align:right; }
label.sel				{ margin:0; }
button span				{ display:none; }
form .form_condition	{ font-size:7pt; line-height:1.1;}
form .field_note		{ font-size:7pt; line-height:1.1; margin-bottom:0.3em; }
form span.need			{ color:#900; font-weight:normal; font-size:7pt; vertical-align:top; }
.LayoutedField				{ }
.LayoutedField label		{ margin-right:4px; display:block; float:left; }
.LayoutedField div.input	{ float:left; margin:5px 0; }
.LayoutedField input.text,
.LayoutedField textarea,
.LayoutedField select		{ float:left; }
.LayoutedField div.value	{ float:left; margin-top:5px; width:auto; }
.LayoutedField label.value	{ float:left; font-weight:normal; margin:0px; text-align:left; }
.LayoutedField div.cleaner	{ margin-bottom:3px; }
form .FormField_Error		{ color:red; cursor:help; }
form input.text,
form textarea			{
	border-top:1px solid #606669;
	border-right:1px solid #c6cccf;
	border-bottom:1px solid #c6cccf;
	border-left:1px solid #606669;
	color:#333;
	background-color:#eeeef2;
}
form input.text			{ padding:1px 1px 2px 1px; font-weight:normal; vertical-align:middle; }
form textarea			{ padding:1px; }
form input.text:focus,
form textarea:focus		{ border:1px solid #008; color:#333; background-color:#fff3f3; }

/* Layout */
#header					{  }
#header #logo			{ margin:7px; }
#footer					{ clear:both; color:#fff; position:relative; }
#logging				{ width:0; height:0; overflow:hidden; position:absolute; }
/*** IE6 Fix Start ***/
* html #left			{ left:150px; /* RC width */ }
* html body				{ overflow:hidden; }
/* * html #footer-wrapper	{ float:left; position:relative; width:100%; padding-bottom:10000px; margin-bottom:-10000px; background:#fff; }
*/
/*** IE6 Fix End ***/

.CenteringContent	{ margin-left:auto; margin-right:auto; }
#container #center	{ margin-top:16px; margin-bottom:8px; }

#ContentTitle		{ color:#fff; margin-bottom:0.5em; }
.ContentText		{ color:#fff; font-family:"Arial Black", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; font-size:12pt; }

.OneButton			{ width:125px;  }
.TwoButton			{ width:245px; }
.ThreeButton		{ width:365px; }
.FourButton			{ width:485px; }
.OneButton,
.TwoButton,
.ThreeButton,
.FourButton			{ margin:1.0em auto 0px auto; clear:both; }
.OneButton .Roolover,
.TwoButton .Roolover,
.ThreeButton .Roolover,
.FourButton .Roolover{ float:left; }

.Roolover3State,
.Roolover			{ height:34px; width:109px; margin:0px 5px; }
.Roolover3State button,
.Roolover button	{ background-color:transparent; border:0px none; }
.Roolover3State a button,
.Roolover3State a,
.Roolover a button,
.Roolover a		 	{
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	height:100%;
}
.Roolover3State a button,
.Roolover3State a {
	background-position:left center !important;
}
.Roolover3State a:link,
.Roolover a:link,
.Roolover3State a:visited,
.Roolover a:visited	{ text-decoration:none; }
.Roolover3State a:hover button,
.Roolover3State a:hover,
.Roolover a:hover button,
.Roolover a:hover	{ text-decoration:none; background-position:left bottom; }
.Roolover3State a span,
.Roolover a span	{ display:none; }
.Roolover a b		{ display:block; }

div.BlackMetalicList		{ background-color:#000; font-size:18pt; }
div.MetalicList				{ background-color:#eee; font-size:11pt; }
div.BlackMetalicList dl,
div.MetalicList dl			{
	margin:0;
	padding:0;
	line-height:1px;
	list-style-type:none;
	overflow:hidden;
}
div.BlackMetalicList dl dt,
div.MetalicList dl dt		{
	padding:0;
	display:block;
	float:left;
	clear:left;
	background-repeat:no-repeat;
	background-position:left top;
}
div.BlackMetalicList dl dt	{ width:19px; height:72px; background-image:url("/image/common/list_gray/IL.png"); }
div.MetalicList dl dt		{ width:10px; height:37px; background-image:url("/image/common/list/IL.png"); }
div.BlackMetalicList dl dd,
div.MetalicList dl dd		{
	padding:0;
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:right top;
}
div.BlackMetalicList dl dd	{ height:72px; background-image:url("/image/common/list_gray/IR.png"); }
div.MetalicList dl dd		{ height:37px; background-image:url("/image/common/list/IR.png"); }
div.BlackMetalicList dl dt,
div.BlackMetalicList dl dd  { margin:0 0 10px 0; }
div.MetalicList dl dt,
div.MetalicList dl dd		{ margin:0 0 0 0; }

div.MetalicList dl dt.header{ height:27px; background-image:url("/image/common/list/HL.png"); }
div.MetalicList dl dd.header{ height:27px; background-image:url("/image/common/list/HR.png"); }
div.MetalicList dl dt.footer{ height:36px; background-image:url("/image/common/list/FL.png"); }
div.MetalicList dl dd.footer{ height:36px; background-image:url("/image/common/list/FR.png"); }

div.BlackMetalicList dl dd a,
div.MetalicList dl dd a		{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	top:0px;
	border-top:1px solid #fff;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	border-left:1px solid #fff;
	font-weight:bold;
	text-decoration:none;
}
div.BlackMetalicList dl dd a{ left:-19px; height:72px; line-height:62px; color:#000; border:0px none #000; }
div.MetalicList dl dd a		{ left:-10px; height:35px; line-height:35px; color:#333; }
div.BlackMetalicList dl dd a:link,
div.MetalicList dl dd a:link		{ text-decoration:none; }
div.BlackMetalicList dl dd a:active	{ color:#000; }
div.BlackMetalicList dl dd a:visited{ text-decoration:none; color:#000; }
div.BlackMetalicList dl dd a:hover	{ text-decoration:underline; color:#000;  }
div.MetalicList dl dd a:active		{
	color:#008;
	border-top:1px solid #555;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #555;
	text-decoration:underline;
}
div.MetalicList dl dd a:visited		{ text-decoration:none; color:#333; }
div.MetalicList dl dd a:hover		{
	color:#008;
	border-top:1px solid #555;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #555;
	text-decoration:underline;
}

/* AccordionForm */
dl.AccordionForm					{ width:100%; margin:0; padding:0px; border-left:1px solid #888; border:1px solid #000; border-bottom:0 none !important; }
dl.AccordionForm dt					{ width:100%; margin:0; padding:0px; border-bottom:1px solid #888; font-family:"Arial Black", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; font-size:12pt; }
dl.AccordionForm dd					{ width:100%; margin:0; padding:0px; border-bottom:1px solid #888; }
dl.AccordionForm dt a				{ background-color:#036; color:#fff !important; display:block; width:100%; padding:6px 0px; line-height:1; font-weight:bold; }
dl.AccordionForm dt a:hover			{ background-color:#fff; color:#000 !important; text-decoration:underline; }
dl.AccordionForm dd div.FormFrame	{ width:100%; margin:0 auto; padding:1.5em 0; }

/* Sortable Header */
.SortableHeader					{ padding:0 !important; }
.SortableHeader div.Sort_-		{ padding:3px; }
.SortableHeader a				{ padding:3px; color:#fff !important; text-align:center; }
.SortableHeader a:active		{ color:#fff !important; background-color:#888; }
.SortableHeader a:hover			{ color:#fff !important; background-color:#888; }
.SortableHeader .Sorted a:active{ color:#000 !important; background-color:#ccc; }
.SortableHeader .Sorted a:hover	{ color:#000 !important; background-color:#ccc; }
.SortableHeader .Sorted a		{ color:#000 !important; background-color:#ccc; }

table.GridTable		{ border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto; border:2px solid #333; }
table.GridTable th,
table.GridTable td	{ border:1px solid #444; padding:3px; }
table.GridTable th	{ background-color:#444; color:#fff; font-weight:normal; }
table.GridTable th th,
table.GridTable th td,
table.GridTable td th,
table.GridTable td td	{ border:0px none #000; padding:0px; }
table.GridTable th th,
table.GridTable td th	{ background-color:transparent; color:#000; font-weight:normal; }

.PagePos					{ width:580px; margin:auto; }
.PagePosInfo				{ width:170px; float:right; }
.MatchedNoInfo				{ width:170px; float:right; }
.PagePosMap					{ font-size:9pt; }
.PagePosMap td				{ cursor:pointer; }
.PagePosMap .mpMapCurrent,
.PagePosMap .mpMapPage		{ padding:0px 2px; font-family:"Arial Black", Verdana, Geneva, Arial, Helvetica, sans-serif; }
.PagePosMap .mpMapPrev span,
.PagePosMap .mpMapNext span,
.PagePosMap .mpMapFirst span,
.PagePosMap .mpMapLast span { visibility:hidden; }
.PagePosMap .mpMapCurrent	{ font-weight:bold; text-decoration:underline; }

#LoadingDialog				{ z-index:101; position:fixed; _position:absolute; width:400px; height:350px; }

.CounterDisplay .lt					{ background:url("/image/common/tooltip_up/lt.png") no-repeat left top; height:15px; width:28px; }
.CounterDisplay .lm					{ background:url("/image/common/tooltip_up/lm.png") repeat-y left top;  height:15px; width:28px; }
.CounterDisplay .lb					{ background:url("/image/common/tooltip_up/lb.png") no-repeat left top; height:15px; width:28px; }
.CounterDisplay .ct					{ background:url("/image/common/tooltip_up/ct.png") repeat-x left top;  height:15px; }
.CounterDisplay .cm					{ background:url("/image/common/tooltip_up/cm.png") repeat left top; font-weight:bold; color:#fff; }
.CounterDisplay .cb					{ background:url("/image/common/tooltip_up/cb.png") repeat-x left top;  height:15px; }
.CounterDisplay .rt					{ background:url("/image/common/tooltip_up/rt.png") no-repeat left top; height:15px; width:15px; }
.CounterDisplay .rm					{ background:url("/image/common/tooltip_up/rm.png") repeat-y left top;  height:15px; width:15px; }
.CounterDisplay .rb					{ background:url("/image/common/tooltip_up/rb.png") no-repeat left top; height:15px; width:15px; }
.CounterDisplay .icon_info			{ background:url("/image/common/ico_sucess.gif")  no-repeat left top; height:16px; width:16px; margin:auto; }
.CounterDisplay .ico_error			{ background:url("/image/common/ico_error.gif")   no-repeat left top; height:16px; width:16px; margin:auto; }
.CounterDisplay .ico_forward		{ background:url("/image/common/ico_forward.gif") no-repeat left top; height:16px; width:16px; margin:auto; }
.CounterDisplay .ico_sucess			{ background:url("/image/common/ico_sucess.gif")  no-repeat left top; height:16px; width:16px; margin:auto; }
.CounterDisplay .ico_unknown		{ background:url("/image/common/ico_unknown.gif") no-repeat left top; height:16px; width:16px; margin:auto; }
.CounterDisplay hr					{ height:1px; width:100%; margin:0px 5px; padding:0px; border-top:1px solid #333; border-right:0; border-bottom:0; border-left:0; }

#ErrorMessage h3 { font-size:14pt; }
