@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
body,div,dl,dt,dd,h1,h2,h3,h4,form,fieldset,p,th,td,input,textarea{color:#333;font-family:Tahoma,Helvetica,Arial,'宋体',sans-serif;font-size:12px;font-weight:normal;}

body{ background:#fff url() repeat-x; color:#2f3743; }

hr{display:none;}
img,fieldset{border:0 none;}
ul,ol,li{list-style:none outside;}
img,input,select,textarea{vertical-align:middle;}
strong{font-weight:bold;}
img{vertical-align:bottom}

/**
 * Class
 */
.left { padding-left: 5px; padding-right: 0px; text-align: left; }
.center { padding-left: 0px; padding-right: 0px; text-align: center; }
.right { padding-left: 0px; padding-right: 5px; text-align: right; }

.float_left { float: left; }
.float_right { float: right; }

.upper {text-transform:uppercase; }				/* 대문자 */
.lower {text-transform:lowercase; }				/* 소문자 */
.hidden { display:none; }
.center { text-align:center; }					/* 중앙정렬 */
.hand { cursor: pointer; }						/* 손모양 */
.underline { text-decoration: underline; }		/* 밑줄 */
.cancel { text-decoration:line-through; }		/* 취소줄 */
.blink { text-decoration:blink; }				/* 깜박거림 */
.bold { font-weight: bold; }					/* 굵게 */
.clear { clear: both; }
.none { margin: 0px; padding: 0px; border: none; }
.clearer { height: 0; margin: 0; padding: 0; clear: both; overflow:hidden; }
.min_height50 { min-height:50px; }
.min_height100 { min-height:100px; }
.min_height200 { min-height:200px; }
.min_height300 { min-height:300px; }
.min_height400 { min-height:400px; }
.min_height500 { min-height:500px; }
.min_height550 { min-height:550px; }

.fontsize8 { font-size:8px; }
.fontsize9 { font-size:9px; }
.fontsize10 { font-size:10px; }
.fontsize11 { font-size:11px; }
.fontsize20 { font-size:20px; }
.fontsize30 { font-size:30px; }
.fontsize40 { font-size:40px; }

/**
 * margin, padding
 */
.margin2 { margin: 2px; }
.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.padding2 { padding: 2px; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }


/**
 * color
 */
.red { color:#de7878; }
.blue { color:#789fde; }
.orange { color:#eda468; }
.green { color:#a1b572; }
.gray { color:#7C7B7A; }
.purple { color:#9087cf; }

/* 진한 색상 */
.magenta { color:#a81355; }
.cyan { color:#13a8a3; }
.navy { color:#113c95; }

.bg_cancel { background-color: #ff909c; }
.bg_red { background-color: #fef4f5; }
.bg_blue { background-color: #f4f9fe; }
.bg_orange { background-color: #fff7f3; }
.bg_green { background-color: #fcfef1; }
.bg_gray { color:#f8f8f8; }
.bg_purple { color:#f5f5fc; }

/*진한색상*/
.bg_magenta { color:#f4d9eb; }
.bg_cyan { color:#d9f4ed; }
.bg_navy { color:#d9e8f4; }

/**
 * input
 */
input[type^="text"], input[type^="file"], input[type^="password"], textarea { padding: 2px; background-color: #fff; border: 1px solid #ccc; }
input[type^="radio"], input[type^="checkbox"] { padding: 0px; }
input.border0, textarea.border0, select.border0 { border: 0px;}
input.input1, textarea.input1, select.input1 { border: 1px solid #ccc; background-color: #fff;}
input.input2, textarea.input2, select.input2 { border: 2px groove #ccc; background-color: #fff; }
input.input3, textarea.input3, select.input3 { border: none; border-bottom: 1px dashed #666; background-color: #fafafa; }
input.input4, textarea.input4, select.input4 { border: none; border-bottom: 1px solid #666; background-color: #fafafa; }
input.input5, textarea.input5 { padding: 2px; border: 1px solid #ccc; background-color: #fff;}

input.size10 { width:14px; }
input.size30 { width:34px; }
input.size40 { width:44px; }
input.size50 { width:54px; }
input.size60 { width:64px; }
input.size80 { width:84px; }
input.size90 { width:94px; }
input.size100 { width:104px; }
input.size120 { width:124px; }
input.size130 { width:134px; }
input.size140 { width:144px; }
input.size150 { width:154px; }
input.size200 { width:204px; }
input.size300 { width:304px; }
input.size400 { width:404px; }
select.size100 { width:104px; }
select.size150 { width:154px; }
select.size200 { width:204px; }
select.size250 { width:254px; }
select.size300 { width:304px; }
select.size350 { width:354px; }

input.height20 { height:20px; }
input.height30 { height:30px; }
input.height40 { height:40px; }
input.height50 { height:50px; }
input.height60 { height:60px; }
input.height80 { height:80px; }
input.height100 { height:100px; }

input.barcode { width:570px; height:80px; font-size:60px; text-align:center; text-transform:uppercase;}

input.big0 { padding:2px 5px 0px 5px; text-align:center; font-size:13px;text-transform:uppercase;}
input.big1 { width:98%; height:30px; font-size:20px; text-align:center; text-transform:uppercase;}
input.big2 { width:98%; height:40px; font-size:30px; text-align:center; text-transform:uppercase;}
input.big3 { width:98%; height:50px; font-size:40px; text-align:center; text-transform:uppercase;}
input.big4 { width:98%; height:60px; font-size:50px; text-align:center; text-transform:uppercase;}
textarea.big1 { width:98%; font-size:20px; text-align:left; text-transform:uppercase; padding:10px;}
textarea.big2 { width:98%; font-size:30px; text-align:left; text-transform:uppercase; padding:10px;}
textarea.big3 { width:98%; font-size:40px; text-align:left; text-transform:uppercase; padding:10px;}
textarea.big4 { width:98%; font-size:50px; text-align:left; text-transform:uppercase; padding:10px;}

textarea.require1, input.require1 { padding-right: 10px; background: #fff url('http://jamy.img.am-img.com/common/ico/ico.require1.gif') no-repeat right top; }
textarea.require2, input.require2 { padding-right: 10px; background: #fff url('http://jamy.img.am-img.com/common/ico/ico.require2.gif') no-repeat right top; }
textarea.require3, input.require3 { padding-right: 10px; background: #fff url('http://jamy.img.am-img.com/common/ico/ico.require3.gif') no-repeat right top; }

input.cal1 { padding-right: 0px; cursor: pointer; background: #fff url('http://jamy.img.am-img.com/common/ico/ico.cal1.gif') no-repeat  98% center ; }



/**
 * link
 */
a { color:#2f3743; text-decoration:none;blr:expression(this.onFocus=this.blur() ); outline: none; }
a:hover{ text-decoration:underline; cursor:pointer; }

/* normal */
a.link_ul { text-decoration: underline; }										/* 항상 밑줄 링크 */
a.link_ds { text-decoration: none; border-bottom: 1px dashed; }					/* 항상 점선 밑줄 */
a.link_ulo:hover { text-decoration: underline; }								/* 마우스 오버 -> 밑줄 */
a.link_dso:hover { text-decoration: none; border-bottom: 1px dashed; }			/* 마우스 오버 -> 점선 밑줄 */
a.link_bo:hover { font-weight: bold; }											/* 마우스 오버 -> 굵게 */
/* //normal */

/* outside */
a.link_ext1, a[href^="http://"].link_ext1 { background: url('http://jamy.img.am-img.com/common/ico/ico.link.ext1.gif') no-repeat right top; padding-right: 10px; }
a.link_ext2, a[href^="http://"].link_ext2 { background: url('http://jamy.img.am-img.com/common/ico/ico.link.ext2.gif') no-repeat right top; padding-right: 14px; }
/* //outside */

/* inside */
a.link_inner1 { background: url('http://jamy.img.am-img.com/common/ico/ico.link.inner1.gif') no-repeat right top; padding-right: 12px; }
a.link_inner2 { background: url('http://jamy.img.am-img.com/common/ico/ico.link.inner2.gif') no-repeat right top; padding-right: 12px; }
/* //inside */

/* email */
a.link_email1 { background: url('http://jamy.img.am-img.com/common/ico/ico.link.email1.png') no-repeat right top; padding-right: 14px; }
/* //email */


/**
 * paging
 */
#pager.intranet { text-align:center; }
#pager.intranet ul.pages { display:block; border:none; text-transform:uppercase; font-size:12px; margin:10px; padding:0; }
#pager.intranet ul.pages li { list-style:none; display:inline; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; }
#pager.intranet ul.pages li:hover { border:1px solid #003f7e; }
#pager.intranet ul.pages li.pgEmpty { border:1px solid #eee; color:#eee; }
#pager.intranet ul.pages li.pgCurrent { border:1px solid #003f7e; color:#000; font-weight:700; background-color:#eee; } 

.pager2.page { text-align:center; }
.pager2.page ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px;color:black; margin:10px; padding:0; }
.pager2.page ul.pages li { list-style:none; display:inline; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; }
.pager2.page ul.pages li:hover { border:1px solid #003f7e; }
.pager2.page ul.pages li.pgEmpty { border:1px solid #eee; color:#eee; }
.pager2.page ul.pages li.pgCurrent { border:1px solid #003f7e; color:black;  font-weight:700; background-color:#eee; } 

.pager2.intranet { text-align:center; }
.pager2.intranet ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; margin:10px; padding:0; }
.pager2.intranet ul.pages li { list-style:none; display:inline; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; }
.pager2.intranet ul.pages li:hover { border:1px solid #003f7e; }
.pager2.intranet ul.pages li.pgEmpty { border:1px solid #eee; color:#eee; }
.pager2.intranet ul.pages li.pgCurrent { border:1px solid #003f7e; color:#000; font-weight:700; background-color:#eee; }
 
 
/**
 * table
 */

table.table_d1 { width:100%; border-collapse:collapse; border:none; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#fff; line-height: 120%; }
	.table_d1 thead th { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; background-color: #f6f6f6; text-align :left; padding:4px;}
	.table_d1 thead td { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; padding:4px; text-align :left;}
	.table_d1 tbody th { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; background-color: #f6f6f6; text-align :left; padding:4px;}
	.table_d1 tbody td { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; padding:4px; text-align :left;}
	.table_d1 tfoot th { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; background-color: #f6f6f6; text-align :left; padding:4px;}
	.table_d1 tfoot td { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; padding:4px; text-align :left;}
	.table_d1 th.r, .table_d1 td.r {text-align:right;}
	.table_d1 th.c, .table_d1 td.c {text-align:center;}
	.table_d1 th.l, .table_d1 td.l {text-align:left;}
	.table_d1 th.small, .table_d1 td.small { font-size:10px; }
	 
	.table_d1 th.hidden, .table_d1 td.hidden {display:none;}
	.table_d1 div { line-height:100%; margin:0px; padding:2px; }
	.table_d1 div.red { color:red; }
	.table_d1 div.small { font-size:10px; }
    
table.table_d2 { width:100%; border-collapse:collapse; border:none; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#fff; line-height: 120%; }
	.table_d2 tbody th { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; background-color: #fff; text-align :right; padding:2px;}
	.table_d2 tbody th.center { text-align :center; }
	.table_d2 tbody th.selected { background-color:#f6f6f6; }
	.table_d2 tbody th.none { background-color:#fff; }
	.table_d2 tbody td { font-size:12px; color:#2f3743; border:1px solid #dbdbdb; padding:10px; text-align :left; padding:2px;}
	.table_d2 div { line-height:105%; margin:0px; padding:0px; }
	
table.table_barcode { width:738px; margin:0 0 50px 18px; padding:0px; border:0px; background-color:#fff; border-collapse:collapse; }
	.table_barcode tbody td { width:243px; height:114px; border:0px; text-align :center; margin:0; padding:0 6px 0 0;}
	.table_barcode tbody td div { width:241px; height:113px; border:0px; margin:0px; padding:0px; ; text-align:left;}
	.table_barcode tbody td div li.opc { text-align:left; font-size:18px; font-weight:bold; padding:5px 0 0 5px ;}
	.table_barcode tbody td div li.title { text-align:left; font-size:12px; height:26px; padding: 2px 5px 0 5px; font-weight:bold; line-height:100%; overflow:hidden; word-break:break-all;}
	.table_barcode tbody td div li.barcode { text-align:center; margin:5px 0 0 0; padding:0; line-height:100%;}
	.table_barcode tbody td div .zs_opc { text-align:left; font-size:12px; font-weight:400; }
	.table_barcode tbody td div li.stk { text-align:left; font-size:12px; height:24px; padding: 0 5px 0 5px; line-height:100%; overflow:hidden; word-break:break-all;}
	.table_barcode tfoot td { width:100%; height:5px; margin:0px; padding:0px; }
	
table.table_manifest { width:1380px; height:800x; margin:0; padding:0; border:0px solid #000; background-color:#fff; border-collapse:collapse; }
	.table_manifest thead td.title { font-size:24px; text-align:center; font-weight:bold; padding:10px;}
	.table_manifest thead td.mtitle { font-size:12px; text-align:right; font-weight:bold; padding:5px;}
	.table_manifest thead td.mtitle_line { font-size:12px; text-align:left; border-bottom:2px solid  #000;}
	.table_manifest thead td.pl { padding-left:0px;}
	.table_manifest thead td.blank { padding:10px;}
	
	.table_manifest tbody th { font-size:12px; font-weight:bold; border:1px solid #000; background-color: #f6f6f6; text-align :center; padding:2px;}
	.table_manifest tbody td {  border:1px solid #000; text-align :left; margin:0; padding:0 6px 0 0;}

	
table.barcode { height:15px; margin:0; padding:0; border:0; background-color:#fff; border-collapse:collapse; }
	.barcode tbody td { height:15px; border:0px; text-align :center; margin:0; padding:0;}
	
	
	
	
	
/**
 * SWF UPLOAD
 */
	
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(http://jamy.img.am-img.com/newimg/ai/ai_cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}
