body {
	background-color : #fafafa;
}

#wrap {
	padding : 0px 0px 0px 0px;
	margin : 0;
	min-width : 1400px;
}

#footer {
	font-size:12px;
	height: 25px;
	width: 100%;
	text-align:center;
	z-index: 100;
}

.Submenu {
	height : 40px;
}
ul {
	padding : 0px;
	margin : 0px;
	padding-left : 15px;
}

.Submenu li {
	height : 40px;
	line-height : 40px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right : 15px;
}

.SubmenuSelect {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	font-weight : bold;
	color : #000;
	border-bottom : 2px solid #000;
}

.gridShadow {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
	box-shadow : 2px 2px 5px 0px rgba(0,0,0,0.4); 	
	margin : 0;
}

.gridSearchAx {
	height: 40px;
	background-color : #d7e3eb; 
	border-top: 1px solid #bbb;
	padding : 0 0 0 10px;
}

.gridSearchTitle {
	height: 20px;
	line-height : 20px
}

.searchBlockTitle {
	display: table-cell;
	width : 90px;
	background-color : #fafafa;
	text-align: center;
	white-space: nowrap;
}

.searchBlockLabel {
	display: table-cell;
	width : 100px;
	background-color : #fafafa;
	text-align: center;
	white-space: nowrap;
	line-height:normal;
}

.divSearchBlock {
	display : table-cell;
	
}

.gridSearch {
	height: 40px;
	clear : both;
}

.fabricDetailSearch {
	padding : 10px;
	/* width:1630px; */ 
	margin-bottom:30px; 
	background:#fff; 
	border:solid 1px #ccc; 
	position:absolute; 
	top:100px; 
	left:10px; 
	/* margin-left:-200px; */ 
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	z-index:100; 
	display:none;
}

.gridSearchLf {
	line-height : 40px;
	font-size : 17px;
	font-weight : bold;
	float:left;
	margin-left:10px;
}

.gridSearchRf {
	float:right;
	margin-top:5px;
	margin-right:5px;
}

.contentWithoutGrid {
	min-height : 500px;
	border-top: 1px solid #bbb;
	padding : 0 0 0 10px;
}

.gridSearch .searchSpan {
	display : table-cell;
	height: 40px;
	vertical-align : middle;
}

.changColorBlue {
	color : rgba(32,124,202,1);	
}

#topMenu {
	padding : 0px;
	margin : 0px;
	/* 메뉴의 크기를 미리 지정한다. mainContent 의 bind 속도가 느려 위치가 깨지는 현상 막기 위함. */
	height : 50px;
	background-color: #fff;
}

#topLogo {
	float:left;
	width: 200px;
	height: 50px;
	border-bottom: 1px solid #bbb;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
 	text-stroke: 0.6px;
  	font-smoothing: antialiased;
  	-webkit-font-smoothing: antialiased;
  	color: #fff; 
  	background:url("../images/logo.png") no-repeat;
    background-size : auto  50px;
	
}

#topInfo {
	height : 31px;
	text-align : right;
}

#topInfo li {
	display:inline-block;
	*display:inline;
	*zoom:1;
}

#mainContent {
	padding-top : 0px;
	padding-bottom : 10px;
	margin : 10px;
	background-color : #fff;
	
	    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    /* Border Set */
    border : 1px solid #d5d5d5;
}

.AXTab {
 	/* -webkit-box-shadow: 0px 10px 3px 2px rgba(0,0,0,0.2); 
	-moz-box-shadow: 0px 10px 3px 2px rgba(0,0,0,0.2); 
	box-shadow :0px 10px 3px 2px rgba(0,0,0,0.2); */ 	
 
}


#threadDetailDialog thead,#threadDetailDialog td:last-child {
	text-align : center;
}

#threadDetailDialog .tdAddColor1 {
	border-right: 2px solid #bfbfbf;
	background : #f0f0f0;
}

#threadDetailDialog .tdAddColor2 {
	border-right: 2px solid #bfbfbf;
	background : #f0f0f0;
}

#threadDetailDialog .tdAddColor3 {
	border-right: 2px solid #bfbfbf;
	background : #f0f0f0;
}

#threadDetailDialog .tdAddColor4 {
	border-right: 2px solid #bfbfbf;
	background : #f0f0f0;
}

#threadDetailDialog .tdAddColor5 {
	border-right: 2px solid #bfbfbf;
	background : #f0f0f0;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 4px 4px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 6px;
}

.badge:empty {
  display: none;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.divCol3 {
	width : 25%;
	float : left;
}

.divCol1 {
	width : 30%;
}

.colUnit {
	position : relative;
	margin : 10px;
	margin-right : 30px;	
}

.colUnitTitle {
	font-size : 15px;
	font-weight : bold;	
	float : left;
}

.colContent {
	border : 1px solid #bbb;
}

.colContent div:hover {
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}

.colContent div {
	padding-left : 20px;
	font-size : 14px;
	line-height : 30px;
	border-bottom : 1px dotted #f1f1f1;
}

.colContent li:hover {
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.colContent ul {
	padding : 5px;	
}
	
.colContent li {
	padding : 5px;
	font-size : 14px;
	height : 22px;
	list-style: none;
	border-bottom : 1px dotted #f1f1f1;
}

.AXGrid .AXgridScrollBody {
    border-left : 0px solid #fff;
    border-right : 0px solid #fff;
}

.AXGrid .AXgridPageBody {
    border-left : 0px solid #fff;
    border-right : 0px solid #fff;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridFixedBodyTable tbody tr.red td {
	background-color : #FAEBD7;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr.red td {
  background-color: #FAEBD7;
}

.divLeft70 {
	padding : 0;
	width : 70%;
	float : left;	
}

.divRight30 {
	width : 30%;
	float : left;	
}

.divLeft60 {
	padding : 0;
	width : 60%;
	float : left;	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.divRight40 {
	width : 40%;
	float : left;	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.divLeft50 {
	padding : 0;
	width : 50%;
	float : left;	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.divfRight48 {
	width : 48%;
	float : right;	
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.badge-red {
	min-width : 0px !important;
	background-color: #ff3333;
	text-shadow : none;
}

.badge-lred {
	background-color: #ff9999;
	text-shadow : none;
}

.badge-dred {
	background-color: #cc0000;
	text-shadow : none;
}

.badge-blue {
	background-color: #87bdd8;
	text-shadow : none;
}

.badge-orange {
	background-color: #D55C2B;
	text-shadow : none;
}

.badge-sky {
	background-color: #4da9ff;
	text-shadow : none;
}

.badge-gray {
	background-color: #b6b6b6;
	text-shadow : none;
}

.badge-yellow {
	color : #666;
	background-color: #ffff66;
	text-shadow : none;
}

.badge-lightSky {
	color : #666;
	background-color: #ccffff;
	text-shadow : none;
}

.badge-complete {
	background-color: #75a3a3;
	text-shadow : none;
}

.badge-acapulco {
	background-color: #8dbab3;
	text-shadow : none;
}

.waitFont {
	color : #bababa;
}

.progressFont {
	color : #166200;
}

.completeFont {
	color :#4863A0;
}

.gray6 {
	color : #a6a6a6;
}

.gray7 {
	color : #999999;
}

.gray8 {
	color : #808080;
}

.gray9 {
	color : #595959;
}

.wClr {
	color : #fff;
	opacity : 0;
}

.standbyFont {
	color :#E41B17;
}

.delIcon {
	color : #b6b6b6;
	margin-right : 10px;
}

.f10 {
	font-size : 10px;
}

.f11 {
	font-size : 11px;
}

.f12 {
	font-size : 12px;
}

.f13 {
	font-size : 13px;
}

.f14 {
	font-size : 14px;
}

.f16 {
	font-size : 16px;
}

.bfont13 {
	/* text-shadow: 1px 1px rgba(255,255,255,0.8); */
	font-size : 13px;
	font-weight : bold;
	color : #3b3b3b;
}

.bfont14 {
	/* text-shadow: 1px 1px rgba(255,255,255,0.8); */
	font-size : 14px;
	font-weight : bold;
	color : #111;
}

.sfont10 {
	text-shadow: 1px 1px rgba(255,255,255,0.8);
	font-size : 10px;
	color : #999;
}

.sfont11 {
	text-shadow: 1px 1px rgba(255,255,255,0.8);
	font-size : 11px;
	color : #999;
}

.sfont12 {
	font-size : 12px;
	color : #999;
}

.newBadge {
	border : 0px;
	width : 10px;
	height : 10px;
	vertical-align: middle;
	background : url('../images/ico-new.png') 0 1px no-repeat;
}



.AXInput {
	box-shadow : inset 0px 0px 0px #fff;
}


.AXInput:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
}

/* .hightLightBorder {
	border : 2px solid #843534 !important;
} */
#detailSearchCloseDiv { 
	background-color: #fff; 
	bottom: 0; 
	left: 0; 
	opacity: 0; 
	filter: alpha(opacity = 0); /* IE7 & 8 */ 
	position: fixed; 
	right: 0; 
	top: 0; 
	z-index: 99; 
	display:none;
}

#detailSearchWork { 
	padding : 10px;
	margin-bottom:30px; 
	background:#fff; 
	border:solid 1px #ccc; 
	position:absolute; 
	top:260px; 
	left:10%; 
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	z-index:100; 
	display:none;
}

#detailSearchDiv { 
	padding : 10px;
	width:400px; 
	margin-bottom:30px; 
	background:#fff; 
	border:solid 1px #ccc; 
	position:absolute; 
	top:260px; 
	left:10%; 
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	z-index:100; 
	display:none;
}

.searchTopTitle {
	font-size : 14px;
	line-height : 30px;
}
.searchTopButton {
	float : right;
	
}

.searchGroup {
	height : 35px;
	line-height : 35px;
	clear : both;
}

.fabricSearchGroup {
	height : 42px;
	line-height : 42px;
	border-bottom : 1px dotted #cdcdcd;
	clear : both;
}

.searchTitle {
	line-height : 30px;
	float: left;
	width : 30%;
}

.mrgT10 {
	margin-top : 10px;
}

.mrgT5 {
	margin-top : 5px;
}

.mrgR10 {
	margin-right : 10px;
}


.cb {
	clear : both;
}

.H5 {
	height : 5px;
}

.storageTitle {
	float:left;
	padding:0 20px 0 10px; 
	line-height:29px; 
	border-bottom: 1px solid #cdcdcd;
	font-size : 14px;
	font-weight : bold;
}

.axi-calculator {
	color : #666;
}

.txtr {
	text-align : right;
}

.txtc {
	text-align : center;
}

.txtl {
	text-align : left;
}


.bf {
	font-weight : bold;
}


#AXselect_AX_use_yarn_company_id .selectedTextBox,#AXselect_AX_yarn_orderuse_company_id .selectedTextBox,
#AXselect_AX_from_company_id .selectedTextBox, #AXselect_AX_reuse_knit_company_id .selectedTextBox, #AXselect_AX_reuse_yarn_company_id .selectedTextBox,
#AXselect_AX_filterCompany .selectedTextBox, #AXselect_AX_filterTypeSelect .selectedTextBox, #AXselect_AX_statusSelect .selectedTextBox,
#AXselect_AX_filterContent .selectedTextBox, #AXselect_AX_restWgtSelect .selectedTextBox, #AXselect_AX_sampleSelect .selectedTextBox,
#AXselect_AX_typeSelect .selectedTextBox,
#AXselect_AX_colorSelect .selectedTextBox,
#AXselect_AX_select_type .selectedTextBox,
#AXselect_AX_select_bank .selectedTextBox,
#AXselect_AX_search_calc .selectedTextBox,
#AXselect_AX_search_billtype .selectedTextBox,
#AXselect_AX_search_gubun .selectedTextBox,
#AXselect_AX_lotSelect .selectedTextBox,
#AXselect_AX_gubunSelect .selectedTextBox,
#AXselect_AX_projectSelect .selectedTextBox{
    border: 1px solid #5292c7 !important;
    background: #deefff; /* Old browsers */
	background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}

/* #AXselect_AX_groupSelect .selectedTextBox
{
	 
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f5f6), to(#c8d7dc));
	 background: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background: linear-gradient(to bottom, #f2f5f6, #c8d7dc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
} */

#AXselect_AX_groupSelect .selectedTextBox, #AXselect_AX_userSelect .selectedTextBox, #AXselect_AX_searchGroupSelect .selectedTextBox, #AXselect_AX_groupSelectFilter .selectedTextBox 
{
 border: 1px solid #c39818 !important;	
 background: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
 background: -webkit-linear-gradient(top, #ffd65e, #febf04);
 background: -moz-linear-gradient(top, #ffd65e, #febf04);
 background: -ms-linear-gradient(top, #ffd65e, #febf04);
 background: -o-linear-gradient(top, #ffd65e, #febf04);
 background: linear-gradient(to bottom, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
}

#AXselect_AX_chkYnSelect .selectedTextBox, #AXselect_AX_teamChkYnSelect .selectedTextBox{
    border: 1px solid #4dc6ff !important;
	 background: #e6f7ff;
	  background-image: -webkit-linear-gradient(top, #e6f7ff, #b3e6ff);
	  background-image: -moz-linear-gradient(top, #e6f7ff, #b3e6ff);
	  background-image: -ms-linear-gradient(top, #e6f7ff, #b3e6ff);
	  background-image: -o-linear-gradient(top, #e6f7ff, #b3e6ff);
	  background-image: linear-gradient(to bottom, #e6f7ff, #b3e6ff);
}

#PurchaseCloseDiv { 
	background-color: #fff; 
	bottom: 0; 
	left: 0; 
	opacity: 0.7; 
	filter: alpha(opacity = 0.5); /* IE7 & 8 */ 
	position: fixed; 
	right: 0; 
	top: 0; 
	z-index: 1; 
	/* display:none; */
}

#PurchaseDiv { 
	padding : 10px;
	width:520px; 
	margin-bottom:30px; 
	background:#fff; 
	border:solid 1px #ccc; 
	position:absolute; 
	top:100px; 
	left:20%; 
	/* margin-left:-200px; */ 
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	z-index:2; 
	/* display:none; */
}

.fixTable {
	table-layout: fixed;
	white-space: nowrap;
}

.fixTd {
	text-overflow:ellipsis;
	overflow:hidden;
}

.fr {
	float : right;
}

.billBg1 {
	background-color : rgba(102, 212, 255, 0.1);
}
.billBg0 {
	background-color : rgba(237, 182, 94, 0.1);
}

.billBg2 {
	background-color : rgba(204, 0, 0, 0.1);
}

.fRed {
	color: #cc0000;
}

.fBlue {
	color : #0000ff;
}
.dGreen {
	color : #006600;
}

.pt10 {
	padding-top : 10px;
}

.pd10L {
	padding-left : 10px;
}

.pd4 {
	padding : 4px;
}

.wb {
	word-break: break-all;
}

.W340 {
	width : 390px;
}

.W120 {
	width : 120px;
}

.W100 {
	width : 100px;
}

.W160 {
	width : 160px;
}

.W180 {
	width : 180px;
}

.W190 {
	width : 190px;
}

.W200 {
	width : 200px;
}

.W240 {
	width : 240px;
}

.W420 {
	width : 420px;
}

.W310 {
	width : 310px;
}

.W80P {
	width : 80%;
}

.W90P {
	width : 90%;
}