/**
 * $Id: style.css,v 1.26.2.3 2010-08-04 19:01:00 suda Exp $
 * Created:04/17/2007
 */

body.popup
{
	padding:0;
	margin:0 3px;
}

input[type=checkbox],
input[type=radio]
{
	border:0 none;
	margin:0;
}

a
{
	outline:none;
}

img
{
	border:none;
}

tr.restult{
background-color:#D5DFEA;
}

tr.restult__hotrow {
    padding-bottom:4px;
    padding-top:2px;
	height:20px;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#000066;
	padding-left:10px;
	text-align:left;
	background-color:#FFFFFF;
}
tr.restult__hotrow2 {
    padding-bottom:4px;
    padding-top:2px;
	height:20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:10px;
	text-align:left;
	background-color:#000066;
}
td.restult__hotrow {
    height:20px;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:4px;
	text-align:left;
}

legend {font:bold 12px Arial, Helvetica, sans-serif; color:#880000;}
fieldset label {float:left; clear:left; display:block; font:bold 11px Verdana, Arial, Helvetica, sans-serif; margin-right:5px;}
fieldset img {float:left; clear:right; margin:2px 0 0 2px;}
fieldset input, fieldset select, fieldset textarea {float:left; clear:right;}

.tableStyle{
BACKGROUND-COLOR:#FFFFFF;

border-collapse:collapse;
font-size:13px;
color:#000059;
text-decoration:none;
border:1px solid #000000;	
margin-left:5px;
padding-left:10px;
align:center;
}

td.errMsg{
color:#FF0000;
}

tr.errMsg{
color:#FF0000;
}

td.bottomLine{

border-bottom-color:#4F7299;
}
td.itemList{
text-align:right;
font-size:10px;

}

select,
textarea,
input
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
select,
textarea,
input[type=text],
input[type=password]
{
	background-color:#ffffa0;
	border:1px solid #7f9db9;
	margin:1px auto;
}
input.btn{
 height:20px;
 font-size:8pt;
 margin-bottom:1px;
 padding-bottom:2px;
}

.hilight_rows{
background-color:#B9B9FF;



}

.subTopics{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	COLOR:#ffffff;
}

.table_order_status{
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
	border-collapse:collapse;
	border-width:thin;	

}

.FormTABLE
{
    MARGIN-RIGHT:0
}
.FeatureTABLE
{
    BACKGROUND-COLOR:#cc0033
}
.FormHeaderTD
{
    PADDING-RIGHT:4px;
    PADDING-LEFT:4px;
    BACKGROUND-COLOR:#cc0000;
    TEXT-ALIGN:center
}
.FormHeaderFONT
{
    FONT-WEIGHT:bold;
    FONT-SIZE:10pt;
    COLOR:#ffffff;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.HeaderFONT
{
    FONT-WEIGHT:bold;
    FONT-SIZE:12pt;
    COLOR:#000000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.HeaderFONTwh
{
    FONT-WEIGHT:bold;
    FONT-SIZE:12pt;
    COLOR:#FFFFFF;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.FieldCaptionTD
{
    BACKGROUND-COLOR:#336699
}
.FieldCaptionFONT
{
    FONT-SIZE:10pt;
    COLOR:#ffffff;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.DataTD
{
    PADDING-RIGHT:4px;
    PADDING-LEFT:4px;
    BACKGROUND-COLOR:#dcdcdc
}
.NavTD
{
    PADDING-RIGHT:4px;
    PADDING-LEFT:4px;
    BACKGROUND-COLOR:#000066;
	text-align:left;
}
.NavTDbl
{
    PADDING-RIGHT:4px;
    PADDING-LEFT:4px;
    BACKGROUND-COLOR:#000000;
	text-align:left;
	COLOR:#ffffff;
}
.NavTDbl A
{
    COLOR:#FFFFFF;
    FONT-FAMILY:Arial;
    FONT-SIZE:8pt;
}
.NavTD A
{
    COLOR:#000000;
    FONT-FAMILY:Arial;
    FONT-SIZE:8pt;
}
.NavTD A.Hover
{
    COLOR:#990000;
    FONT-FAMILY:Arial;
    FONT-SIZE:8pt;
}
.AltRowTD
{
    BACKGROUND-COLOR:#cccccc
}
.HiliteBoxTD
{
    BACKGROUND-POSITION:left center;
    BACKGROUND-IMAGE:url(images/table_bg.gif);
    BACKGROUND-COLOR:#ffffff
}
.RecordSeparatorTD
{
    BACKGROUND-COLOR:#eeeecc
}
.DataFONT
{
    FONT-SIZE:10pt;
    COLOR:#000000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.DataFONTwh
{
    FONT-SIZE:10pt;
    COLOR:#FFFFFF;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.DataFONTsmwh
{
    FONT-SIZE:8 pt;
    COLOR:#FFFFFF;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.SmallDataFONT
{
	COLOR:#000000;
	font:normal 8pt Arial, Tahoma, Verdana, Helvetica;
}
.ColumnFONT
{
    FONT-WEIGHT:bold;
    FONT-SIZE:10pt;
    COLOR:#000000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.ColumnTD
{
    PADDING-RIGHT:4px;
    PADDING-LEFT:4px;
    PADDING-BOTTOM:0;
    BACKGROUND-COLOR:#c0c0c0
}
.HiliteFONT
{
    FONT-WEIGHT:bold;
    FONT-SIZE:10pt;
    COLOR:red;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.FooterFONT
{
    FONT-SIZE:8pt;
    COLOR:#000000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.FooterFONTwh
{
    FONT-SIZE:8pt;
    COLOR:#FFFFFF;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.FooterTD
{
}
.FooterTD A
{
    FONT-SIZE:8pt;
    COLOR:#000000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.FormHeaderFONT A
{
    COLOR:white
}
.SmallHeaderFONT
{
    FONT-WEIGHT:bold;
    FONT-SIZE:11pt;
    COLOR:#cc0000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.SmallHiliteFONT
{
    FONT-WEIGHT:bold;
    FONT-SIZE:8pt;
    COLOR:red;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
A:link
{
    COLOR:#999933
}
A:hover
{
    COLOR:#990000
}
A:visited
{
    COLOR:#999933
}


span.err
{
	color:#FF0000;
}
span.ok
{
	color:#00aa00;
}
span.req
{
	font:italic bold 11px Geneva, Arial, Helvetica, sans-serif;
	color:#FF6600;
	margin-left:3px;
}
span.req2
{
	font:italic bold 11px Geneva, Arial, Helvetica, sans-serif;
	color:#99CC33;
	margin-left:3px;
}
span.note
{
	font-size:10px;
	color:#666666;
}


.FeatureTABLE A
{
    COLOR:#ffffff
}
.FeatureTABLE A:hover
{
    COLOR:#ccccff
}
.HiliteBoxTD A
{
    COLOR:#3300ff
}
.HiliteBoxTD A:hover
{
    COLOR:#cc0000
}
.FormHeaderFONT A:hover
{
    COLOR:#ccccff
}
.FooterFONT A:hover
{
    COLOR:#000000
}
.FooterFONT A:link
{
    FONT-SIZE:8pt;
    COLOR:#000000;
    FONT-FAMILY:Arial, Tahoma, Verdana, Helvetica
}
.FooterFONT A:visited
{
    COLOR:#000000;
}

.blue A:hover
{
    COLOR:#000000;
	FONT-SIZE:12pt;
	FONT-FAMILY:Arial;
}
.blue A:link
{
    FONT-SIZE:12pt;
    COLOR:#000066;
    FONT-FAMILY:Arial;
}
.blue A:visited
{
    COLOR:#000066;
	FONT-SIZE:12pt;
	FONT-FAMILY:Arial;
}
td.menu_head
{
	background:#3333cc;
	height:17px;
	font:italic bold 9pt Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:5px;
	text-align:left;
}

div.rec_nav
{
	font:8pt Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:right;
	padding:3px 5px 4px;
	border:1px solid #e8e8e8;
	background:#f1f1f1;
}
div.rec_nav span.current
{
	margin:auto 2pt;
}
div.rec_nav a
{
	margin:auto 3pt;
	text-decoration:none;
	color:#666666;
}
div.rec_nav a:hover
{
	text-decoration:underline;
	color:#FF9900;
}



form{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#222222;
	text-decoration:none;	
}
h2
{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	margin:5px auto 10px;
}

.o_track_border_right{
	border-right:solid;
	 border-right-color:#000099;
	 border-right-width:1px;
}

.item_assign_style{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}

.loading
{
	color:#cc0000;
	background:#ffffff url('/images/spinner.gif') no-repeat left top;
	padding:0 0 0 18px;
	margin:0 0 1px 0;
	min-height:16px;
}

/*
MENU STRUCTURE
*/
ul.posmenu
{
	margin:0;
	padding:0;
	cursor:default;
	list-style:none;
	clear:both;
}
.posmenu ul
{
	margin:0;
	padding:0;
	cursor:default;
	list-style:none;
	display:inline;
}
ul.posmenu
{
	display:table;
	width:100%;
}
ul.posmenu li
{
	display:table-cell;
	position:relative;
	border-left:1px solid #ffffff;
	text-align:center;
}
ul.posmenu li div
{
	padding:2px 6px 4px;
}
ul.posmenu li ul
{
	display:none;
	position:absolute;
	max-width:40ex;
	margin-left:-6px;
	margin-top:2px;
}
ul.posmenu li:hover ul
{
	display :block;
}
.posmenu ul li a
{
	display:block;
	padding:2px 10px;
}

/*
MENU COLORS
*/
ul.posmenu
{
	background-color:#3333CC;
	color:#ffffff;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.posmenu ul
{
	background-color:#3333CC;
	color:#ffffff;
}
.posmenu li a
{
	background-color:#3333CC;
	color:#ffffff;
}
.posmenu ul li a
{
	background-color:#3333CC;
	color:#ffffff;
}
ul.posmenu li:hover
{
	background-color:#000066;
}
.posmenu ul li a:hover
{
	background-color:#000066;
}
ul.posmenu li:active
{
	background-color:#000066;
}
.posmenu ul li a:active
{
	background-color:#000066;
}
.posmenu ul
{
	border:1px solid #000066;
}
.posmenu a
{
	text-decoration:none;
}
ul.posmenu
{
	border-top:1px solid #ffffff;
}

p.note
{
	margin-top:0;
	font:normal 11px Arial,Helvetica,sans-serif;
}

div.container
{
	width:755px;
	height:100%;
	margin:0 auto;
}
div.container div.middle
{
	width:100%;
	float:left;
	margin:auto;
}
div.container div.middle div.menu
{
	float:left;
	background-color:#f5f3fa;
}
div.container div.middle div.body
{
	float:left;
	min-height:450px;
}

div#divPage,
div.posscreen
{
	padding-left:5px;
	width:750px;
	overflow:hidden;
	float:left;
	clear:both;
}
div#divPage
{
	padding-left:10px;
}

div.adminmenu{width:755px; margin-top:1px; background-color:#000066; float:left; clear:both;}
div.adminmenu a{text-decoration:none; display:block; width:100%; height:100%;}
div.adminmenu ul{width:100%; list-style-type:none; padding:0; margin:0; float:left; clear:both;}
div.adminmenu ul li{float:left; position:relative; text-align:center; color:#ffffff; padding:8px 5px; font:bold 12px Arial, Helvetica, sans-serif; cursor:pointer;}
div.adminmenu ul li:hover, div.adminmenu ul li.mon{background-color:#3333cc;}
div.adminmenu ul li+li, .IE div.adminmenu ul li{border-left:1px solid #ffffff;}
div.adminmenu ul ul{position:absolute; left:0; top:30px; border-top:1px solid #ffffff; background-color:#000066; width:auto; min-width:100%; z-index:999; padding:0 4px 4px; display:none;}
.Safari div.adminmenu ul ul{top:30px; left:-1px;}
div.adminmenu ul li:hover ul, div.adminmenu ul li.mon ul{display:block;}
div.adminmenu ul ul li, .IE div.adminmenu ul ul li{clear:both; text-align:left; width:100%; white-space:nowrap; border:none; font:normal 11px Arial, Helvetica, sans-serif; padding:0;}
div.adminmenu ul ul li div{padding:4px 5px; color:#ccccee;}
div.adminmenu ul ul li a:hover div{color:#ffffff;}
div.adminmenu ul ul li+li, .IE div.adminmenu ul ul li{border-top:1px solid #666688;}

table.footer{clear:both;}

#spnChoose{display:block; float:left; clear:left; font-size:10px; margin-top:5px;}
#spnChoose a{color:#880000; text-decoration:none;}
#spnChoose a:hover{color:#000088;}