﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
input[type=text]::-ms-clear   
{
    display: none; 
    width : 0; 
    height: 0; 
}
body {
    background-color: #fff;
    font-size: 11px;
    font-family: "맑은 고딕", "Malgun Gothic", "돋음", Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #000000;
    line-height: 1.6em;
    SCROLLBAR-FACE-COLOR: #E7E7E7; 
    SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
    SCROLLBAR-SHADOW-COLOR: #CCCCCC;    
    SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
    SCROLLBAR-ARROW-COLOR: #ffffff; 
    SCROLLBAR-TRACK-COLOR: #F3F3F3; 
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

a:link {
    color: #222;
    text-decoration: none;
}

a:visited {
    color: #222;
    text-decoration: none;
}

a:hover {
    color: #222;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    margin-bottom: 0px;
    line-height: 1.6em;
}

/* table : cellpadding 대체용*/
table.space { border-collapse: collapse }
table.space tr td { padding: 1px;}

header,
footer,
nav {
    display: block;
    height: 12px;
}

section {
    display: block;
}

/* 사용자정의
----------------------------------------------------------*/
.topbg { width:100%; height:53px; background-image:url('../../Content/images/top_menu_bg.png'); margin-top: 2px; padding-top:1px; border: 1px solid #fff; } /* 상단영역 배경색 #CBDF71*/
.menudiv { color: #000; font-size: 12px; text-align: left; padding-left:10px; padding-top:2px; vertical-align:middle; } /* 상단 버튼영역 */
.menudiv2 { color: #858585; font-size: 12px; float: right; padding-right:10px; padding-top:25px; vertical-align:middle; } /* 상단 메뉴영역 */

.tablebg { width:1068px;} /* 테이블 css :: 1072px */

.searchbg { width:100%; height:26px; background-color: #FFFFFF; margin-top: 1px; border: 1px solid #fff; float: left;} /* 검색영역 배경색*/
.searchbg2 { width:462px; table-layout:fixed; background-color: #FFF799; margin-top: 1px;} /* 검색영역 배경색*/
.searchbg50 { width:100%; height:52px; background-color: #FFFFFF; margin-top: 1px; border: 1px solid #fff; float: left;}
.inputbg { width:100%; background-color: #F5F5F5; margin-top: 1px; border: 1px solid #fff; clear:both; } /* 입력영역 배경색*/
.gridbg { width:100%; vertical-align:top; padding:1px; margin-top:1px; clear:both;} /* 입력영역 배경색*/
.inputbg2 { background-color: #F5F5F5; margin-top: 1px; border: 1px solid #fff; } /* 입력영역 배경색*/
.gridbg2 { vertical-align:top; padding:1px; margin-top:1px; }

/* 그리드 */
/* 헤더 text */
.ui-jqgrid-sortable 
{
    color:#5A646A;
}
/* 하단바 높이  */
.ui-pager-control
{
    height:63;
}
/* 입력폼 */
.date { width:60px; background-color:#CEFFC7; -ms-ime-mode:inactive; FONT-SIZE: 12px; border: 1px solid #ccc; color: #000; padding-top: 2px; height: 18px;} /* 입력영역 날짜 */
.bkNm { width:200px; -ms-ime-mode:active;}
.bkCd { width:80px; background-color:#C0FFFF;}
.mecustNm { width:150px; -ms-ime-mode:active;}
.metaxNo { width:40px; background-color:#C0FFFF;}
.kindNm { width:50px; background-color:#C0FFFF; -ms-ime-mode:active;}

/* input 공용 */
.string { text-align: left; vertical-align: middle; background-color:#ffffff; -ms-ime-mode:inactive; FONT-SIZE: 11px; border: 1px solid #ccc; color: #000; padding-top: 2px; height: 18px;} /* 번호 */
.number { text-align: right; vertical-align: middle; background-color:#ffffff; -ms-ime-mode:inactive; FONT-SIZE: 11px; border: 1px solid #ccc; color: #000; padding-top: 2px; height: 18px;} /* 금액 */

.rlabel { color: #ff0000; text-align:right;} /* label 입력영역*/
.blabel { color: #000000; text-align:right;} /* label 입력영역*/
.menu_B {COLOR: #636363;} /* 메뉴 모두열기, 모두닫기 글자색상*/

.lbord { background-color:#ddd; border-left:solid #dddddd 0.4pt;border-right:solid #dddddd 0.0pt;border-top:solid #dddddd 0.4pt;border-bottom:solid #dddddd 0.4pt;} /* 테두리 left*/
.cbord { background-color:#ddd; border-left:solid #dddddd 0.0pt;border-right:solid #dddddd 0.0pt;border-top:solid #dddddd 0.4pt;border-bottom:solid #dddddd 0.4pt;} /* 테두리 center*/
.rbord { background-color:#ddd; border-left:solid #dddddd 0.0pt;border-right:solid #dddddd 0.4pt;border-top:solid #dddddd 0.4pt;border-bottom:solid #dddddd 0.4pt;} /* 테두리 right*/

.bkinfo
{
	border:1px solid #99BBE8;
	height:20px;
	background-color:#CBFF75;
	text-align:center;
	color:blue;
	font-weight:bold;
}

.cellbg
{
	background-color:#CBFF75;
	text-align:center;
	border:0;
}
.cellbgrt
{
	background-color:#CBFF75;
	text-align:right;
	border:0;
}

.button { border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; background-color:#fff; cursor:hand; background:transparent; }
.img { FILTER: alpha(opacity=100,style=3,finishopacity=100); text-align: center; vertical-align:middle; }
          
.btn_text2 { margin:0px; border:0; cursor:hand; font-weight: normal;color: #5B5B5B; padding: 2px, 0, 0, 13px;              
             background:#ffffff; background-image:url(../../Content/images/btn_2box.png); WIDTH: 50px; HEIGHT: 22px;}
.btn_text3 { margin:0px; border:0; cursor:hand; font-weight: normal;color: #5B5B5B; padding: 2px, 0, 0, 13px;              
             background:#ffffff; background-image:url(../../Content/images/btn_3box.png); WIDTH: 60px; HEIGHT: 22px;}
.btn_text4 { margin:0px; border:0; cursor:hand; font-weight: normal;color: #5B5B5B; padding: 2px, 0, 0, 13px;              
             background:#ffffff; background-image:url(../../Content/images/btn_4box.png); WIDTH: 70px; HEIGHT: 22px;}
.btn_text5 { margin:0px; border:0; cursor:pointer; font-weight: normal;color: #5B5B5B; padding: 2px, 0, 0, 13px;              
             background:#ffffff; background-image:url(../../Content/images/btn_5box.png); WIDTH: 80px; HEIGHT: 22px;}
.btn_text6 { margin:0px; border:0; cursor:hand; font-weight: normal;color: #5B5B5B; padding: 2px, 0, 0, 13px;              
             background:#ffffff; background-image:url(../../Content/images/btn_6box.png); WIDTH: 90px; HEIGHT: 22px;}

.btn_modify_tag { margin:0px; border:0; cursor:hand; font-weight: bold;color: #5B5B5B; padding: 0px, 0, 0, 0px;
             background:#ffffff; background-image:url(../../Content/images/btn_modify_tag.png); WIDTH: 97px; HEIGHT: 22px;}
             
/* 그리드 Footer Row "합계" */
.fTotal{ text-align:center; }

/* WF08_TabM2 (정)불반품 SUM */
.Sum{ background-color:#FFE0E0; }
/* WF08_TabM2 반품입고합계 TOTAL */
/* 전표상세조회 : [소 계] */
.Total{ background-color:#FFC0E0; }

/* WG06 Controller: 도서별 상세내역 Footer Row 합계 */
.tot /* 정품계, 반품계 */
{
	border-bottom:1px solid #ccc;
	height:23px;
	text-align:right;
}

.totb /* 합 계 */
{
	height:23px;
	text-align:right;
}

.tRow { /* WG06 전일재고,입고부수,출고부수,당일재고 소계 Row */
	background-color:#4080C0;
	color:White;
	font-weight:bold;
}

/* WD04 배송위치정보-(기본정보) : 받는사람, 수량, 인수자 */
.dlvstatNm,
.dlvstat
{
	text-align:center;
	color:Black;
}

.dlvstat
{
	border:1px solid #99BBE8;
	height:20px;
	background-color:#E0ECFF;
}
                    
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #aaa;
    padding:0 5px 5px 5px;
    margin:0 0 5px 0;
}

legend 
{
    font-size:11px;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}
input#TaxNo,
input#SalesNo,
input#Password {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 20px;
    color: #444;
    width: 150px;
    height: 28px;
}


/* 전체 테스트 input 형태 정의*/
input { vertical-align: middle;}
input.text
{
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #ffffff;
    border: 1px solid #ccc;
    color: #000;
    padding-top: 2px;
    height: 18px;
}
/* ff style*/
input[type=radio] { margin:-1px 0 0 0; vertical-align:middle;}
input[type=checkbox] { margin: -2px 0 0 0; padding: 0; border: 0;}

/* ie style*/
/*input { margin: expression((this.type=='radio' || this.tyle=='checkbox')?'-2px 0 0 0';'0;');}
input { BACKGROUND-COLOR: expression((this.type=='radio' || this.tyle=='checkbox')?'transparent';';');}*/

input[disabled=disabled],select[disabled=disabled],checkbox[disabled=disabled],radio[disabled=disabled]
{
    BACKGROUND-COLOR: #EBEBE4;
    FONT-SIZE: 12px; 
    height: 18px;
    color: Black;
}

select {
    border: 1px solid #ccc;
    padding: 1px;
    font-size: 12px;
    vertical-align : middle;
    /*BACKGROUND-COLOR: #C0FFFF;*/
    color: #000;
    height: 20px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 5px 5px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.0em;
    color: #fff;
}

ul#menu li a {
    padding: 5px 5px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.0em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}


ul#sub_menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 5px 0 0 5px;
    position: relative;
    margin: 0;
    text-align: left;
    background-color: #666;
}

ul#sub_menu li {
    display: inline;
    list-style: none;
}

ul#sub_menu li#greeting {
    padding: 5px 5px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.0em;
    color: #fff;
}

ul#sub_menu li a {
    padding: 5px 5px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.0em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
}

ul#sub_menu li a:hover {
    background-color: #cbff75;
    text-decoration: none;
}

ul#sub_menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#sub_menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* TABLE
----------------------------------------------------------*/

.table
{
	background: #fff;
	margin: 0px;
	border-collapse: collapse;
	text-align: center;
}
.table th
{
	font-size: 11px;
	font-weight: bold;
	color: #039;
	padding: 0px 0px;
	border-bottom: 0px solid #6678b1;
}

.table td
{
	border-bottom: 0px solid #ccc;
	padding: 0px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}