table
{
    width:100%
}
.right
{ text-align:right;padding-right:5px}
.left
{text-align:left;padding-left:5px}
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li, .ui-btn-inner, .ui-li-desc, h1, h2, h3, h4, .ui-header .ui-title
{
    white-space:normal;
}
.ui-header .ui-title, .ui-footer .ui-title, #header1 .ui-header .ui-title
{
    margin: .6em 35px .8em 35px;
}

/** Site Option
--*/
.ui-page{background-color:#ffffff; background-position:center top; background-repeat:no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.mlogin-content{background-color:transparent;background-position:center top; background-repeat:no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;max-width:100%;min-width:240px;}
/** Login
--*/

#mlogin
{
 padding:5% 0% 5% 0%;
 width:100%;
 min-height:110px;
 min-width:220px;
}
.mlogin-header,.mlogin-slogan
{
    width:100%;
     padding-top:5px;
     padding-bottom:5px;
}
.mlogin-middle
{
     padding-top:5px;
     border-top:1px solid #c1c9cf; font-size: 16px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; zoom: 1; 
}
#mlogin .ui-btn-inner
{
    font-size: .9em; padding:.5em .2em .5em .2em; margin-top:2px;margin-bottom:2px;
}
.mlogin-footer{background-color:transparent;background-position:left; background-repeat:no-repeat;-moz-background-size: 45% 45%;-o-background-size: 45% 45%;-webkit-background-size: 45% 45%;background-size: 45%;background-image: url(images/footer-logishub.png);font-size:.6em;color:#a7a7a7; text-align:right; padding:5% 3% 5% 35%;}
.slogan-short
{
    background-image: url(images/slogan-login.png);
    background-repeat: no-repeat;
    background-position-x: 2px;
    background-position-y: 50%;
    background-size: 50px;
    background-color: transparent;
    text-align:center;
    font-size:1.3em;    
    color:#ffffff;
    line-height:2.2em;    
}

/**OffLine
--*/
.moffline
{
 -moz-border-radius: 0.5em; 
 -webkit-border-radius: 0.5em;
  border-radius: 0.5em; 
 border: 1px solid #ababab; 
 min-width:200px;
 text-align:center;
 margin:20% 10% 2% 10%;
 padding-top:20px;
 color:#ffffff;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/);
}
.ui-offrine
{
    padding:0;margin:0;top:0;left:0;width:100%;border:0px;position:absolute;min-height: 100%;
    outline: none;
}
/** Main List
--*/
#mmainlist .ui-li .ui-btn-inner a.ui-link-inherit, #mmainlist .ui-li-static.ui-li
{
    padding:.0em 30px .0em 70px;
}

/** Custom nav 
--*/
.nav-logishub li .ui-btn-icon-top .ui-btn-inner
{
    padding-top:30px !important;
    padding-bottom:5px !important;
}
.nav-logishub .ui-icon-custom
{
    width:30px;
    height:30px;
}
#mainHeader 
{
    min-height:54px;
}
#mainHeader .ui-icon, .nav-logishub .ui-icon
{
    width:30px;
    height:30px;
	margin-left:-15px;
	margin-top:-6px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;  
	box-shadow:none;
}
/** UI
--*/
#mfooter .ui-header .ui-btn-inner, #mfooter .ui-footer .ui-btn-inner, #mfooter .ui-mini .ui-btn-inner
{
    padding:.8em 2px .8em 2px;
    font-size:12px;
}
.ui-loader-default
{
    border:0;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    border-radius:0px;	
    margin-left:-45px;
    margin-top:-15px;
    width:90px;
    height:30px;
    opacity:1;
    background:none;
}
.ui-loader .ui-icon
{
    background: url(images/ajax-loader.png);
    background-repeat:no-repeat;
    background-size:90px 30px;
    -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    border-radius:0px;	
    display:block;
    margin:0 0 0 0;
    width:90px;
    height:30px;
}
.ui-loader
{ 
    background: url(images/ajax-loader.png);
    background-size:90px 30px;
}
/* icons sizing */
.ui-icon { width: 18px; height: 18px; }
/* Icons
--*/
.ui-icon,
.ui-icon-searchfield:after {
	background:transparent /*{global-icon-color}*/;
	background: rgba(245,245,245,.0) /*{global-icon-disc}*/;
	background-image: url(images/icons-18-black.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius:0px;
}
.ui-icon-shadow {
	-moz-box-shadow: 0px 0px 0 rgba(255,255,255,.0) /*{global-icon-shadow}*/;
	-webkit-box-shadow: 0px 0px 0 rgba(255,255,255,.0) /*{global-icon-shadow}*/;
	box-shadow: 0px 0px 0 rgba(255,255,255,.0) /*{global-icon-shadow}*/;
}
/* Alt icon color
--*/
.ui-icon-alt {
	background:transparent;
	background:rgba(245,245,245,.0);
	background-image: url(images/icons-18-black.png);
	background-repeat: no-repeat;
}
/* HD/"retina" sprite
--*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	
	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
		background-image: url(images/icons-36-black.png);
		-moz-background-size: 776px 18px;
		-o-background-size: 776px 18px;
		-webkit-background-size: 776px 18px;
		background-size: 776px 18px;
	}
	.ui-icon-alt {
		background-image: url(images/icons-36-black.png);
	}
}
/* plus minus */
.ui-icon-plus {
	background-position: 	-0 50%;
}
.ui-icon-minus {
	background-position: 	-36px 50%;
}
/* delete/close */
.ui-icon-delete {
	background-position: 	-72px 50%;
}
/* arrows */
.ui-icon-arrow-r {
	background-position: 	-108px 50%;
}
.ui-icon-arrow-l {
	background-position: 	-144px 50%;
}
.ui-icon-arrow-u {
	background-position: 	-180px 50%;
}
.ui-icon-arrow-d {
	background-position: 	-216px 50%;
}
/* misc */
.ui-icon-check {
	background-position: 	-252px 50%;
}
.ui-icon-gear {
	background-position: 	-288px 50%;
}
.ui-icon-refresh {
	background-position: 	-324px 50%;
}
.ui-icon-forward {
	background-position: 	-360px 50%;
}
.ui-icon-back {
	background-position: 	-396px 50%;
}
.ui-icon-grid {
	background-position: 	-432px 50%;
}
.ui-icon-star {
	background-position: 	-468px 50%;
}
.ui-icon-alert {
	background-position: 	-504px 50%;
}
.ui-icon-info {
	background-position: 	-540px 50%;
}
.ui-icon-home {
	background-position: 	-576px 50%;
}
.ui-icon-search,
.ui-icon-searchfield:after {
	background-position: 	-612px 50%;
}
.ui-icon-checkbox-off {
	background-position: 	-684px 50%;
}
.ui-icon-checkbox-on {
	background-position: 	-648px 50%;
}
.ui-icon-radio-off {
	background-position: 	-756px 50%;
}
.ui-icon-radio-on {
	background-position: 	-720px 50%;
}
/* custom nav */
.nav-active-btn-logishub{
	border: 1px solid #39c7c8 /*{b-bup-border}*/;
	border-bottom: 2px solid #39c7c8;
	background: #39c7c8 /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-body-shadow-x}*/ 0 /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #39c7c8 /*{b-body-shadow-color}*/;
}
.nav-active-btn-iLogis:visited,
.nav-active-btn-iLogis:hover,
.nav-active-btn-iLogis a.ui-link-inherit{
	color: #000000 /*{global-active-color}*/;
	font-weight: bold;
	border: 0px solid #333333
}
.nav-logishub.ui-bar-a {
	border-bottom: 5px solid #39c7c8 /*{a-bar-border}*/;
}
#d_lnkAddress .ui-icon, #lnkAddress .ui-icon, #lnkAddress2 .ui-icon{
	width: 22px;
	height: 24px;
	margin-right: 0px;
	margin-top: -13px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	background-size: 20px 22px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;	
}
#d_lnkAddressNone .ui-icon, #lnkAddressNone .ui-icon{
	width: 22px;
	height: 24px;
	margin-right: 0px;
	margin-top: -13px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	background-size: 20px 22px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;	
}

#lnkAddress .ui-btn-text
{
    font-size:2em;padding:5px 2px 5px 2px; text-align:left;
}

#lnkAddress2 .ui-btn-text
{
    padding:5px 2px 5px 2px; text-align:left;
}

#lnkAddressNone .ui-btn-text
{
    font-size:30px;padding:5px 2px 5px 2px; text-align:left;
}

#btnComplete .ui-btn-text,  #btnReturn .ui-btn-text, #btnAgoReturn .ui-btn-text, #btnHold .ui-btn-text, #d_btnHold .ui-btn-text, #btnManual .ui-btn-text, #d_btnManual .ui-btn-text, #d_btnComplete .ui-btn-text,  #d_btnReturn .ui-btn-text, #ddlReceiptMethod .ui-btn-text
{
}
#d_btnSendSMS .ui-icon, #d_lnkPhoneNumber .ui-icon, #btnSendSMS .ui-icon, #lnkPhoneNumber .ui-icon, #lnkPhone .ui-icon, #btnComplete .ui-icon,  #btnReturn .ui-icon, #btnAgoReturn .ui-icon, #btnHold .ui-icon, #d_btnHold .ui-icon, #btnManual .ui-icon, #d_btnManual .ui-icon, #d_btnComplete .ui-icon,  #d_btnReturn .ui-icon, #btnConfirm .ui-icon, #d_btnConfirm .ui-icon, #btnSendTel .ui-icon {
	width: 24px;
	height: 24px;
	margin-left: 0px;
	margin-top: -13px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
}
#d_btnUp .ui-icon, #d_btnDown .ui-icon, #btnUp .ui-icon, #btnDown .ui-icon {
	width: 20px;
	height: 20px;
	margin-left: 0px;
	margin-top: -10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: 20px 20px;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
#Main .ui-icon, #DeliveryStart .ui-icon, #DeliveryCompletedSummary .ui-icon, #ReturnAlert .ui-icon, #Message .ui-icon, #Quit .ui-icon, #InspectionConfirm .ui-icon, #DepotState .ui-icon, #ManualDeliveryOrder .ui-icon, #Basket .ui-icon, #DeliveryOrder .ui-icon, #DeliveryOrderChange .ui-icon,  #More .ui-icon, #btnHold .ui-icon, #btnManual .ui-icon, #d_Main .ui-icon, #d_DeliveryStart .ui-icon, #d_DeliveryCompletedSummary .ui-icon, #d_ReturnAlert .ui-icon, #d_Message .ui-icon, #d_Quit .ui-icon, #d_InspectionConfirm .ui-icon, #d_DepotState .ui-icon, #d_ManualDeliveryOrder .ui-icon, #d_Basket .ui-icon, #d_DeliveryOrder .ui-icon, #d_DeliveryOrderChange .ui-icon, #d_btnSendSMS .ui-icon, #d_lnkPhoneNumber .ui-icon, #btnSendSMS .ui-icon, #lnkPhoneNumber .ui-icon, #lnkPhone .ui-icon, #btnComplete .ui-icon,  #btnReturn .ui-icon, #btnAgoReturn .ui-icon, #d_btnComplete .ui-icon,  #d_btnReturn .ui-icon, #d_btnAgoReturn .ui-icon, #btnConfirm .ui-icon, #d_btnConfirm .ui-icon, #d_More .ui-icon, #d_Hold .ui-icon, #d_btnManual .ui-icon, #CommunityList .ui-icon, #UserInfo .ui-icon, #Tracking .ui-icon, #d_CommunityList .ui-icon, #d_UserInfo .ui-icon, #d_Tracking .ui-icon,
#Prev .ui-icon, #Next .ui-icon, #d_Prev .ui-icon, #d_Next .ui-icon, #FreightList .ui-icon, #DispatcherList .ui-icon, #AccountList .ui-icon, #d_FreightList .ui-icon, #d_DispatcherList .ui-icon, #d_AccountList .ui-icon, #d_Template .ui-icon, #Template .ui-icon, #Statistics .ui-icon, #Calculate .ui-icon, #d_Statistics .ui-icon, #d_Calculate .ui-icon ,#InventoryInfo .ui-icon ,#ItemInfo .ui-icon ,#InOutInfo .ui-icon, #d_InventoryInfo .ui-icon, #d_ItemInfo .ui-icon, #d_InOutInfo .ui-icon, #Purchase .ui-icon, #d_Purchase .ui-icon, #TaxInvoice .ui-icon, #d_TaxInvoice .ui-icon, #btnSendTel .ui-icon, #MoreView .ui-icon, #d_MoreView .ui-icon {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: 24px 24px;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
#Main .ui-icon {
	background-image: url(images/Regular/main.png);
}
#DeliveryStart .ui-icon {
	background-image: url(images/Regular/DeliveryCompletedSummary.png);
}
#DeliveryCompletedSummary .ui-icon {
	background-image: url(images/Regular/DeliveryCompletedSummary.png);
}
#DeliveryOrder .ui-icon {
	background-image: url(images/Regular/DeliveryOrder.png);
}
#DeliveryOrderChange .ui-icon {
	background-image: url(images/Regular/DeliveryOrderChange.png);
}
#InspectionConfirm .ui-icon {
	background-image: url(images/Regular/InspectionConfirm.png);
}
#DepotState .ui-icon {
	background-image: url(images/Regular/shop.png);
}
#ManualDeliveryOrder .ui-icon {
	background-image: url(images/Regular/dlvry.png);
}
#Basket .ui-icon {
	background-image: url(images/Regular/basket.png);
}
#ReturnAlert .ui-icon {
	background-image: url(images/Regular/ReturnAlert.png);
}
#Message .ui-icon {
	background-image: url(images/Regular/Message.png);
}
#CommunityList .ui-icon {
	background-image: url(images/Regular/Community.png);
}
#UserInfo .ui-icon {
	background-image: url(images/Regular/UserInfo.png);
}
#Tracking .ui-icon, #Statistics .ui-icon {
	background-image: url(images/Regular/Tracking.png);
}
#Quit .ui-icon {
	background-image: url(images/Regular/Quit.png);
}
#btnComplete .ui-icon, #btnConfirm .ui-icon{
	background-image: url(images/Regular/Check.png);
}
#btnReturn .ui-icon {
	background-image: url(images/Regular/Return.png);
}
#btnAgoReturn .ui-icon {
	background-image: url(images/Regular/Return.png);
}
#btnSendSMS .ui-icon {
	background-image: url(images/Regular/SMS.png);
}
#lnkPhoneNumber .ui-icon {
	background-image: url(images/Regular/Tel.png);
}
#lnkPhone .ui-icon {
	background-image: url(images/Regular/Tel.png);
}

#btnSendTel .ui-icon {
	background-image: url(images/Regular/Tel.png);
}

#lnkAddress .ui-icon {
	background-image: url(images/Regular/Route.png);
}
#lnkAddress2 .ui-icon {
	background-image: url(images/Regular/Route.png);
}
#lnkAddressNone .ui-icon {
	
}
#btnUp .ui-icon {
	background-image: url(images/Regular/Up.png);
}
#btnDown .ui-icon {
	background-image: url(images/Regular/Down.png);
}
#More .ui-icon {
	background-image: url(images/Regular/More.png);
}
#Prev .ui-icon{
	background-image: url(images/Regular/Prev.png);
} 
#Next .ui-icon{
	background-image: url(images/Regular/Next.png);
}
#btnHold .ui-icon {
	background-image: url(images/Regular/Hold.png);
}
#btnManual .ui-icon {
	background-image: url(images/Regular/Manualy.png);
}
#FreightList .ui-icon {
	background-image: url(images/Regular/Freight.png);
}
#DispatcherList .ui-icon {
	background-image: url(images/Regular/Dispatch.png);
}
#AccountList .ui-icon, #Calculate .ui-icon {
	background-image: url(images/Regular/AccountList.png);
}
#Template .ui-icon {
	background-image: url(images/Regular/Template.png);
}
#InventoryInfo .ui-icon {
    background-image: url(images/Regular/InventoryInfo.png);
}

#ItemInfo .ui-icon {
    background-image: url(images/Regular/ItemInfo.png);
}

#InOutInfo .ui-icon {
    background-image: url(images/Regular/InOutInfo.png);
}

#TaxInvoice .ui-icon, #accountList .Invoice {
    background-image: url(images/Regular/TaxInvoice.png);
}

#MoreView .ui-icon {
	background-image: url(images/Regular/MoreView.png);
}


#d_Template .ui-icon {
	background-image: url(images/Disabled/Template.png);
}
#d_FreightList .ui-icon {
	background-image: url(images/Disabled/Freight.png);
}
#d_DispatcherList .ui-icon {
	background-image: url(images/Disabled/Dispatch.png);
}
#d_AccountList .ui-icon, #d_Calculate .ui-icon {
	background-image: url(images/Disabled/AccountList.png);
}
#d_Main .ui-icon {
	background-image: url(images/Disabled/main.png);
}
#d_DeliveryStart .ui-icon {
	background-image: url(images/Disabled/DeliveryCompletedSummary.png);
}
#d_DeliveryCompletedSummary .ui-icon {
	background-image: url(images/Disabled/DeliveryCompletedSummary.png);
}
#d_DeliveryOrder .ui-icon {
	background-image: url(images/Disabled/DeliveryOrder.png);
}
#d_DeliveryOrderChange .ui-icon {
	background-image: url(images/Disabled/DeliveryOrderChange.png);
}
#d_InspectionConfirm .ui-icon {
	background-image: url(images/Disabled/InspectionConfirm.png);
}
#d_DepotState .ui-icon {
	background-image: url(images/Disabled/shop.png);
}
#d_ManualDeliveryOrder .ui-icon {
	background-image: url(images/Disabled/dlvry.png);
}
#d_Basket .ui-icon {
	background-image: url(images/Disabled/basket.png);
}
#d_ReturnAlert .ui-icon {
	background-image: url(images/Disabled/ReturnAlert.png);
}
#d_Message .ui-icon {
	background-image: url(images/Disabled/Message.png);
}
#d_CommunityList .ui-icon {
	background-image: url(images/Disabled/Community.png);
}
#d_UserInfo .ui-icon {
	background-image: url(images/Disabled/UserInfo.png);
}
#d_Tracking .ui-icon, #d_Statistics .ui-icon {
	background-image: url(images/Disabled/Tracking.png);
}
#d_Quit .ui-icon {
	background-image: url(images/Disabled/Quit.png);
}
#d_btnUp .ui-icon {
	background-image: url(images/Disabled/Up.png);
}
#d_btnDown .ui-icon {
	background-image: url(images/Disabled/Down.png);
}
#d_btnComplete .ui-icon, #d_btnConfirm .ui-icon {
	background-image: url(images/Disabled/Check.png);
}
#d_btnReturn .ui-icon {
	background-image: url(images/Disabled/Return.png);
}
#d_btnAgoReturn .ui-icon {
	background-image: url(images/Disabled/Return.png);
}
#d_btnRoute .ui-icon {
	background-image: url(images/Disabled/Route.png);
}
#d_More .ui-icon {
	background-image: url(images/Disabled/More.png);
}
#d_Prev .ui-icon{
	background-image: url(images/Disabled/Prev.png);
} 
#d_Next .ui-icon{
	background-image: url(images/Disabled/Next.png);
}
#d_btnHold .ui-icon {
	background-image: url(images/Disabled/Hold.png);
}
#d_btnManual .ui-icon {
	background-image: url(images/Disabled/Manualy.png);
}
#d_InventoryInfo .ui-icon {
    background-image: url(images/Disabled/InventoryInfo.png);
}
#d_ItemInfo .ui-icon {
    background-image: url(images/Disabled/ItemInfo.png);
}
#d_InOutInfo .ui-icon {
    background-image: url(images/Disabled/InOutInfo.png);
}
#d_Purchase .ui-icon {
    background-image: url(images/Disabled/Dispatch.png);
}

#d_MoreView .ui-icon {
	background-image: url(images/Disabled/MoreView.png);
}

#d_TaxInvoice .ui-icon {
    background-image: url(images/Disabled/TaxInvoice.png);
}

#Purchase .ui-icon {
    background-image: url(images/Regular/Dispatch.png);
}

/** List Color 
--*/
.li-title, .li-completed, .li-normal, .li-return-all, .li-return-parts, .li-selected 
{
    font-weight: normal;
    padding:5px .3em 5px .3em;
}
.li-title {
	border: 1px solid #888888 /*{b-bup-border}*/;
	background: #888888 /*{b-bup-background-color}*/;
	color: #ffffff /*{b-bup-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 0 /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000000 /*{b-bup-shadow-color}*/;
}
.li-title-header 
{
	border: 1px solid #ffffff /*{b-bup-border}*/;
	border-bottom: 1px solid #c4c8cb /*{b-bup-border}*/;
	background: #ffffff /*{b-bup-background-color}*/;
	color: #000000 /*{b-bup-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 0 /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000000 /*{b-bup-shadow-color}*/;
}
.li-title-inspection
{
    border: 1px solid #32353c /*{b-bup-border}*/;
	background: #32353c /*{b-bup-background-color}*/;
	color: #ffffff /*{b-bup-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 0 /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000000 /*{b-bup-shadow-color}*/;
	padding: 1px 20px 1px 20px;
}
.li-content 
{
    border-width:0px;
	border-bottom: 1px solid #c4c8cb /*{b-bup-border}*/;
	background: #ffffff /*{b-bup-background-color}*/;
	padding:18px 20px 18px 20px;
}
.li-completed {
    border-width:0px;
	border-bottom: 1px solid #c4c8cb /*{b-bup-border}*/;
	background: #f3f3f3 /*{a-bdown-background-color}*/;
	color: #000000 /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 0 /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;
}
.li-normal 
{
    border-width:0px;
	border-bottom: 1px solid #cccccc /*{a-bhover-border}*/;
	background: #ffffff /*{a-bhover-background-color}*/;
	color: #000000 /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 0 /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
}
.li-thin .ui-li-static .ui-li
{
    padding:.7em 8em;
}
.li-return-all {
    border-width:0px;
	border-bottom: 1px solid #ccccccc /*{a-bhover-border}*/;
	background: #ff5136 /*{b-bhover-background-color}*/;
	color: #ffffff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 0 /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
}
.li-return-parts {
    border-width:0px;
	border-bottom: 1px solid #ccccccc /*{a-bhover-border}*/;
	color: #000000 /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 0 /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
}
.li-selected {
    border-width:0px;
	border-bottom: 1px solid #ccccccc /*{a-bhover-border}*/;
	background: #eeeeee /*{e-bup-background-color}*/;
	color: #000000 /*{e-bup-color}*/;
	text-shadow: 0 /*{e-bup-shadow-x}*/ 0 /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #000000 /*{e-bup-shadow-color}*/;
}
.li-sum {
	border: 1px solid #888888 /*{b-bup-border}*/;
	background: #888888 /*{b-bup-background-color}*/;
	color: #ffffff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #000000 /*{b-bup-shadow-color}*/;
}
.li-border-left {
	text-align: center;
	border: 0px;
	border-left: 1px solid #0a0b0d;
	padding: 1px 2px 1px 2px;
}
.li-border-none {
	text-align: center;
	border: 0px;
	padding: 1px 2px 1px 2px;
}
.li-padding {
	padding: 2px 8px 2px 8px;
	font-weight: bold;
}
.li-resize {
	padding-top: .3em;
	padding-bottom: .1em;
}
.li-default
{  
    border-width:0px;	
	background: #ffffff /*{a-bhover-background-color}*/;
	color: #000000 /*{a-bhover-color}*/;	
	padding:0px 5px 10px 5px;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 0 /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
}
/* stack all grids below 40em (640px) */
@media all and (max-width: 75px) {
	.ui-responsive .ui-block-a,
	.ui-responsive .ui-block-b,
	.ui-responsive .ui-block-c,
	.ui-responsive .ui-block-d,
	.ui-responsive .ui-block-e {
		width: 100%;
		padding-top: 2px;
		float: none;
	}
}

/** etc
--*/
.visible-false
 {
     visibility:hidden;
     display:none;
 }

/* Datewheel overlay background */
.dw {
    z-index: 998;
}
.dwo {
    z-index: 997;
}
.dwv
{
    position:static;
    width:auto;
}
.dww li.dw-v, .dww li
{
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 26px;
    white-space: nowrap;
    text-shadow: 0 1px 1px black;
    opacity: .6;
    filter: Alpha(Opacity=60);                                               
    color: #eee;
}    
.dwwo
{
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0.2,black),color-stop(0.6,rgba(44, 44, 44, 0)),color-stop(0.4,rgba(44, 44, 44, 0)),color-stop(0.85,black));
    background: -moz-linear-gradient(black 0,rgba(44, 44, 44, 0) 60%,rgba(44, 44, 44, 0) 40%,black 85%);
    background: -ms-linear-gradient(black 0,rgba(44, 44, 44, 0) 60%,rgba(44, 44, 44, 0) 40%,black 85%);
    background: -o-linear-gradient(black 0,rgba(44, 44, 44, 0) 60%,rgba(44, 44, 44, 0) 40%,black 85%); 
    }      
.dwwol
{
    position: absolute;
    z-index: 1;
    top: 33%;
    left: -1px;
    width: 100%;
    height: 0;
    margin-top: -1px;
    border-top: 2px;
    border-bottom: 2px;
    border-left:0; 
    border-right:0;
    border-color:Silver;
    border-style :double;
    height: 40px;
    line-height: 40px;
} 
/** Custom List
--*/
#mcommunitylist .ui-li .ui-btn-inner a.ui-link-inherit, #mmainlist .ui-li-static.ui-li
{
    padding:.0em 30px .0em 70px;
}
#mcommunitylist .ui-li-count
{
     right:30px;
     font-size:.6em;
    }
#mcommunitylist .ui-li-heading
{
    font-size:1.4em;
}
.ui-li-pattern
{
    border-top:1px solid #ffffff;    
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 50%;
	background-size: 40px 40px;
	background-color: transparent;
	background-image: url(images/disabled/community.png);
}
.ui-li-pattern-blank
{
    border-top:1px solid #ffffff;    
}
.il-tile-title
{
    font-size:11px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
}
#noticeList .ui-btn-up-c, #publicBoardList .ui-btn-up-c
{
	border: 1px solid #bababa /*{c-bup-border}*/;
	background: #eeeeee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);    
}
.ui-title {
	color: #000000 ;
	font-weight: bold;
	text-shadow: 0  1px 1px  #ffffff ;
}
/** noticeList, surveyList, dispatcherList, dispatcherConfirmList, accountList Detail, orderList // List Detail
--*/
#noticeList .ui-btn-up-d:visited, #noticeList .ui-btn-up-d a.ui-link-inherit
{
    color:#2F3E46 
}
#noticeList .new, #noticeList .highlight, #surveyList .new, #surveyList .highlight, #publicBoardList .new, #publicBoardList .highlight, #articleList .new, #articleList .highlight
{
    color:#da0357;
    font-weight:bold;
}
.ico-attachment
{
    width:1em;
    height:1em;
    line-height:2em;
    padding-left:5px;
    padding-right:5px;
}
#noticeList .ui-li .ui-btn-inner a.ui-link-inherit, #noticeList .ui-li-static.ui-li, #publicBoardList .ui-li .ui-btn-inner a.ui-link-inherit
{
    padding:.0em 70px .0em 10px;
}
#noticeList .ui-li-thumb
 {
  width:60px;
  height:60px;  
 }
#noticeList 
 {
    white-space:nowrap;
 }
/** Map
--*/
.mmap
{
    height:60vw;
    margin-top:5px;
    border:2px groove #eeeeee;
    background-color:#9cb2ce;
}

.locationinfo
{
    height:150px;
    margin-top:10px;
    background-color:#ffffff;
}

.txtarea-normal
{
width: 99%;
max-height:120px;
min-height:120px;
height:120px;
font-size:.9em; 
line-height:1.5em; 
padding:5px 5px; 
border:1px solid #ccc;
overflow-y: auto;
resize: none;
}
/** etc
--*/
.content-normal
{
    border-top:0px solid #eeeeee;
    padding: 5px 10px 15px 10px;
}
.content-thin
{
    border-top:0px solid #eeeeee;
    padding: 0px 0px 0px 0px;
}
.comm-detail-header
{
    border-bottom:1px solid #ccc;
}
.comm-detail-header-nb
{
    border-bottom:0px solid #ccc;
}
.comm-detail-title
{
 display: block;
font-size: 1.5em;
padding-left:5px;
-webkit-margin-before: .4em;
-webkit-margin-after: .5em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.comm-info, .comm-info-end
{
    font-size: .8em;
    padding:0px 6px 0px 5px;
    border-right:1px solid #cccccc;
}
.comm-info-end
{
    border-right:1px solid #ffffff;
}
.comm-detail
{
    padding:15px 15px 15px 15px;
    min-height:50px;
}
.comm-list-bottom
{
    border-top:0px;
}
.vote-icon
{
    background-image: url(images/Regular/Activate.png);
    font-size: .8em; 
    font-weight: normal;
    padding-left:24px;
    background-repeat:no-repeat;
    background-position: 0% 50%;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
}
.vote-active, .vote-closed
{
    padding-left:18px;
    background-repeat:no-repeat;
    background-position: 3px 50%;
	background-size:12px 12px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
}
.vote-active
{
    background-image: url(images/Regular/VoteActive.png);
    color:#0071bc;
    font-weight:bold;
}
.vote-closed
{
    background-image: url(images/Regular/VoteClosed.png);
    color:#666666;
}
#ulList input[type="checkbox"], #ulOrganization input[type="checkbox"]{
width: 0;
height: 0;
}
/** Member 
--*/
#memberList-th, #orderaccountList-th, #cashList-th, #accountList-th
{
    margin:-15px;
    border:1px solid #bababa;
    padding:.1em 2px;
    height:40px;
}
#orderaccountList-th, #cashList-th, #accountList-th
{
    border-top:0px solid #bababa;
}
#orderaccountList-th .ui-grid-f
{
    overflow: hidden;
}
#memberList, #orderaccountList, #statList, #cashList, #accountList
{
    margin-top:15px;
}
#memberList .ui-li-static.ui-li, #orderaccountList .ui-li-static.ui-li, #statList .ui-li-static.ui-li, #cashList .ui-li-static.ui-li
{
    padding:.1em 2px;
}
#orderaccountList-th .ui-grid-f >:nth-child(n), #cashList-th .ui-grid-f >:nth-child(n), #accountList-th .ui-grid-f >:nth-child(n)
{
    margin-right: -.5px;
}
#orderaccountList-th .ui-grid-f .ui-block-a, #cashList-th .ui-grid-f .ui-block-a
{
    clear: left;
}
#memberDetail
{
    margin:0;
}
#memberDetail .member-detail, #memberDetail .member-detail-first
{
    line-height:1.8em;
    padding:1px 5px 1px 15px;
	display: inline-block; 
 	overflow:hidden;
}
#memberList .member-detail, #memberList .member-detail-other
{
    font-size: .8em; 
    font-weight:bold;
    text-shadow: 0 1px 0 #ffffff;
    text-align:center;
    text-decoration:none;
    margin: .5em 0 .9em 0;
}
#memberList .member-detail-other
{
    margin: .1em 0 .4em 0;
}
#memberList .membermaster-detail, #memberList .membermaster-detail-other
{
    font-size: .8em; 
    font-weight:bold;
    text-shadow: 0 1px 0 #ffffff;
    text-align:center;
    text-decoration:none;
    margin: .6em 0 .4em 0;
}
#memberList .membermaster-detail-other
{
    margin: .1em 0 .4em 0;
}

#accountList .btn-chk, #accountList .btn-unchk
{
	background-position: 0% 50%;
    background-repeat: no-repeat;
    font-size: 1.5em;
    font-weight: bold;
    padding: 2px 8px 2px 28px;
    cursor: pointer;
}
#ulList .btn-chk, #ulList .btn-unchk, #ulAddTonCode .btn-chk, #ulAddTonCode .btn-unchk, #ulOrganization .btn-chk, #ulOrganization .btn-unchk
{
	background-position: 0% 50%;
    background-repeat: no-repeat;
    padding: 2px 8px 2px 30px;
    cursor: pointer;
}
#accountList .btn-chk, #ulList .btn-chk, #ulAddTonCode .btn-chk, #ulOrganization .btn-chk
{
    background-image: url(images/Regular/Checked.png) /*{global-icon-set}*/;  
}
#accountList .btn-unchk, #ulList .btn-unchk, #ulAddTonCode .btn-unchk, #ulOrganization .btn-unchk
{
    background-image: url(images/Regular/UnChecked.png) /*{global-icon-set}*/;  
}
.list-detail
{
    font-size: .9em; 
    text-shadow: 0 1px 0 #ffffff;
    text-decoration:none;
    margin: .9em 0 .9em 0;
     white-space:normal;
     padding-right:1px;
     padding-left:1px;
}
a:-webkit-any-link
{
    text-decoration:none;
}
/** Preperence
--*/
.btn-node{
padding: 7px 0 4px 0;
}
/** Order
--*/
#ulPickupArea .ui-btn-up-a, #ulArea .ui-btn-up-a, #ulOwner .ui-btn-up-a, #ulItemKind .ui-btn-up-a
{
    border: 1px solid #bababa;
    border-top: 0px solid #ffffff;
}
#fdPickupArea .ui-listview, #fdArea .ui-listview, #fdItemKind .ui-listview, #fdOwner .ui-listview
{
    margin: -8px 0px 0px 0px;
}
/** Grid
--*/
.gr-th, .gr-tb
{
    border:1px solid #bababa;
    border-top:1px solid #ffffff;
    color:#3e3e3e;
    font-weight:bold;
    text-shadow: 0  1px 0 #ffffff;
    font-size: .9em;
    background-color:#eeeeee;
}
.gr-th
{
    line-height:3em;
}
.gr-line
{
    height:1px; margin-top: 1px; margin-bottom: 1px; width: 100%; border-bottom:solid 1px #ccc; clear:both;
}
.gr-line-dashed
{
    height:1px; margin-top: 1px; margin-bottom: 1px; width: 100%; border-bottom:dashed 1px #ccc; clear:both;
}
.gr-block
{
    padding-top:.5em;
}
.gr-padding
{
    padding:.5em 5em;
}
/** Legal Notice
--*/
.txtarea-normal
{
width: 99%;
max-height:120px;
min-height:120px;
height:120px;
font-size:.9em; 
line-height:1.5em; 
padding:5px 5px; 
border:1px solid #ccc;
overflow-y: auto;
resize: none;
}
/** Etc.
--*/
.mbanner-icon, .caution-icon, .warning-icon, .banner-icon-alert
{
    background-repeat:no-repeat;
	background-position-x:0%;
	background-position-y:50%;
	background-size:15px 15px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	font-weight:bold; display: inline-block; 
	padding-left:25px;
}
.mbanner-icon, .banner-icon-alert
{
    background-image: url(images/Regular/Alerts.png);
}
.mbanner-icon
{
    font-size: .9em; 
    width:90%;
    overflow:hidden; 
    white-space:nowrap;
 	text-overflow:ellipsis;
}
.caution-icon
{
    background-image: url(images/Regular/Caution.png);
    font-size: 1em; 
    padding-top:3px;
}
.warning-icon
{
    background-image: url(images/Regular/Warning.png);
    font-size: 1em; 
    padding-top:3px;
}
.notice-icon
{
   background-image: url(images/Regular/Notice16.png);
    background-repeat:no-repeat;
	background-position-x:0%;
	background-position-y:50%;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	font-weight:bold; display: inline-block; 
	padding-left:22px;
}  
#banner, #subHeader
{
	padding: 5px 5px 1px 15px;
}
#banner .comm-name
{	
    padding: 5px 3px 1px 3px;
	display: inline-block; 
 	overflow:hidden;
 	white-space:nowrap;
}
#banner .comm-notice:visited,
#banner .comm-notice:hover,
#banner .comm-notice:active,
#banner .comm-notice a,
#banner .comm-notice
{	
    padding: 5px 3px 1px 3px;
	display: inline-block; 
 	overflow:hidden;
    white-space:nowrap;
 	text-overflow:ellipsis;
}
.ui-bar-banner
{
background: #575757 /*{a-bar-background-color}*/;
color: #ffffff /*{a-bar-color}*/;
font-weight: bold;
}
.sep-comm
{
   color:#999;
   font-size:.9em;
   text-shadow: 0 1px 0 #000000;
   padding-right:3px;
   padding-left:3px;
}
.subTitle
{
    font-weight: bold;
    text-align:center;
    padding-left:2px;
    padding-right:3px;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.3em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.valign-normal
{
    margin: .9em 0; padding-right: 2px;padding-left: 2px;
}
.valign-input
{
    margin: .3em 0; 
    padding-left:1px;
    padding-right:1px;
}
.default-select
{
    border: 1px solid rgb(221, 221, 221);
    border-radius: 0px;
    background-image: none;
  padding: .4em;
  margin: .5em 0;
  line-height: 1.4;
  font-size: 16px;
  display: block;
  width: 100%;
  outline: 0;
}
.sep-input
{
    padding: 0 5px 0 5px;
}
.bold
{
    font-weight:bold;
}
.normal
{
    font-weight:normal;
}
.center
{
    text-align:center;
}
.left
{
    text-align:left;
    padding-right:1px;
}
.right
{
    text-align:right;
    padding-left:1px;
}
.text-ellipsis
{
    width:95%;
    overflow:hidden; 
    white-space:nowrap;
 	text-overflow:ellipsis;
}
.red
{
    color:#da0325;
   text-shadow: 0 0px 0 #ffffff;
}
.blue
{
    color:#0071bc;
   text-shadow: 0 0px 0 #ffffff;
}
.green
{
    color:#339900;
   text-shadow: 0 0px 0 #ffffff;
}
.orange
{
    color:#ff9900;
   text-shadow: 0 0px 0 #ffffff;
}
.yellow
{
    color:#ffff00;
   text-shadow: 0 0px 0 #000000;
}
.white
{
    color:#ffffff;
   text-shadow: 0 0px 0 #000000;
}
.red-box
{
   background-color:#da0325;
   color:#ffffff;
   padding:1px 1px;
   text-shadow: 0 0px 0 #000;
}
.blue-box
{
   background-color:#0071bc;
   color:#ffffff;
   padding:1px 1px;
   text-shadow: 0 0px 0 #000;
}
.grey
{
    color:#575757;
}
.lightgrey
{
    color:#888888;
}
.sep-small
{
   color:#cccccc;
   font-size:.9em;
   text-shadow: 0 1px 0 #ffffff;
   padding-right:3px;
   padding-left:3px;
}
.sep-normal
{
   color:#999;
   font-size:.9em;
   text-shadow: 0 1px 0 #ffffff;
   padding-right:3px;
   padding-left:3px;
}
.sep-thin
{
   color:#cccccc;
   font-size:.9em;
   text-shadow: 0 1px 0 #ffffff;
   padding-right:0px;
   padding-left:0px;
}
.grey
{
    color:#575757;
}
.lightgrey
{
    color:#888888;
}

.btn-cancel, .btn-complete
{
    font-size:1em;
    font-weight:bold;
    padding: 4px 8px 4px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    cursor:pointer;
}
#orderList .btn-cancel, #orderList .btn-complete
{
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;
    padding: 4px 8px 4px 8px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
    cursor:pointer;
}
.cursor-normal
{
    cursor:pointer;
}
.display-none
{
    display:none;
}
.hidden
{
    visibility:hidden;
}
.border-bottom
{
    border:0px solid;
    border-bottom:1px solid #bababa;
}
.content-thin
{
    padding:4px 3px 2px 3px;
}
.float-left
{
    float:left;
}
.nowrap
{
    white-space:nowrap;
}
.line-normal
{
    line-height:1.5em;
}
/** Rating 
--*/
div.rating-cancel,div.star-rating{float:left;width:24px;height:24px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.rating-cancel{background-size:24px 48px;}
div.star-ratingl,div.star-rating a{background-size:24px 72px;}
div.rating-cancel,div.rating-cancel a{background:url(images/Regular/Clear.png) no-repeat 0 -24px;background-size:24px 48px;}
div.star-rating,div.star-rating a{background:url(images/Regular/Ratings.png) no-repeat 0 0px;background-size:24px 72px;}
div.rating-cancel a,div.star-rating a{display:block;width:24px;height:24px;background-position:0 0px;border:0;}
div.star-rating-on a{background-position:0 -24px!important;}
div.star-rating-hover a{background-position:0 -48px;}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.rating-detail
{
    width:60px;
}
.rating-grade
{
    width:90px;
    font-size:.8em;
}
#evaluationList .remark
{
    font-size:16px;
    font-weight:bold;
    margin: .3em 0 .3em 0;
}
#evalutioninfo 
{
    padding: 5px 0px;
}
#evalutioninfo .owner, #evalutioninfo .criterion
{
    padding:3px 0px;
    line-height: 180%;
}
#evalutioninfo .grade
{
    font-size: .8em;
}

.mlist_detail_start, .mlist_detail
{
    padding-top:10px;
    padding-bottom:10px;
    font-size: 1em;
}
.input-return {
	background-image: none;
	padding: .2em;
	margin: .2em;
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 95%;
	outline: 0;
	box-sizing: border-box;
	border: 1px solid #9b9b9b /*{c-body-border}*/;
	color: #333333 /*{c-body-color}*/;
	background: #d7d7d7 /*{c-body-background-color}*/;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	text-align: right;
}


/* Sign Pad */
.sigImageWrapper
{
    display: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    height: 150px;
    width: 300px;
}
.sigPad
{
    margin-left:auto;
    margin-right:auto;
}
.sigWrapper
{
    margin-left:auto;
    margin-right:auto;
    width:300px;
}
.pad
{
    margin-left:auto;
    margin-right:auto;
    height:150px;
}
.lb_Absense
{
    color:#da0325;
    font-weight:bold;
}
.content_sig
{
    background-color:#f9f9f9;
    border:1px solid #999999;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
}
.site-icon {
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    background-origin: padding-box;
    background-clip: border-box;
    background-size: 80px;
    height: 70px;
    max-height: 70px;
    border-width: 0px;
}
.site-tile
{
    /*border: 1px solid #ddd;*/
    padding:5px 5px;
    font-weight:bold;
    font-size:.8em;
    text-align:center;
    color:#444c4c;
}
.tile-icon-WMS, .tile-icon-WMSLite, .tile-icon-TMS, .tile-icon-TMSLite, .tile-icon-FNS, .tile-icon-FNSLite, 
.tile-icon-DIS, .tile-icon-DISLite, .tile-icon-LMS {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 20%;
	background-size: 60px 60px;
	}
.tile-icon-WMS, .tile-icon-WMSLite {
	background-image: url(images/Regular/WMS.png);
}
.tile-icon-TMS, .tile-icon-TMSLite 
{
    background-image: url(images/Regular/TMS.png);
}
.tile-icon-FNS, .tile-icon-FNSLite 
{
    background-image: url(images/Regular/FNS.png);
}
.tile-icon-DIS, .tile-icon-DISLite 
{
    background-image: url(images/Regular/DIS.png);
}
.tile-icon-LMS
{
    background-image: url(images/Regular/LMS.png);
}

.gr-th
{
    line-height:3em;
}
.gr-line
{
    height:1px; margin-top: 2px; margin-bottom: 1px; width: 100%; border-bottom:solid 1px #ccc; clear:both
}
.gr-line-dashed
{
    height:1px; margin-top: 2px; margin-bottom: 1px; width: 100%; border-bottom:dashed 1px #ccc; clear:both;
}
.gr-block
{
    padding-top:.5em;
}
.gr-padding
{
    padding:.5em 5em;
}


.ui-select .ui-btn-icon-right .ui-btn-inner
{       
    padding-right:20px;
    padding-left:3px;   
}
.ui-btn-inner, .ui-mini .ui-btn-inner
{    
   font-size:.9em;
}
.ui-btn-inner
{
   padding:.5em .2em .5em .2em;
}


#dispatcherList .tontext, #dispatcherList .amount, #dispatcherConfirmList .tontext, #dispatcherConfirmList .amount, #orderList .tontext, #orderList .amount
{
    font-size: 1.2em; 
    font-weight:bold;
    vertical-align:middle;
    margin: .3em 0; 
}

 #dispatcherList .request, #orderList .request
{
    text-align:center;
}
#dispatcherList .cost
{
    color:#00768d;
    text-shadow: 0 1px 0 #ffffff; 
    font-size: .9em; 
    line-height:1.2em;
    padding:1px 3px 1px 3px;
    white-space:pre-wrap;
    margin-bottom: .2em;
}
#dispatcherList .order-detail, #dispatcherList .order-detail-first, #dispatcherList .order-detail-first
{
    border-left:0px solid #eeeeee;
    border-right:0px solid #a0a0a0;
    color:#3e3e3e;
    font-size: 1em;
    line-height:1.2em;
    text-shadow: 0 1px 0 #ffffff;
    padding:1px 3px 1px 3px;
    white-space:pre-wrap;
    margin-bottom: .2em;
    text-align:center;
}
#dispatcherList .order-detail-first
{
    border-right:1px solid #a0a0a0;
}
#dispatcherList .order-detail-end
{
    border-left:1px solid #a0a0a0;
}
#dispatcherList .TypeName, #orderList .TypeName, .TypeName
{
    background-image: url(images/Regular/TypeName.png);
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:50%;
	background-size:25px 25px;
    color:#ffff00;
    display: inline-block;
    letter-spacing:5px;
    font-size: 1.2em;
    font-weight: bold;
    margin: .3em 0;
    overflow: hidden;
    text-shadow: 0 1px 0 #000000;
    vertical-align: middle;
    white-space: nowrap;
    width:1em;
	padding:2px 3px;
}
.roundtype
{
    background-color:#da0325;
	background-size:12px 12px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    color:#ffff00;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    line-height:100%;
    font-size: .9em;
	padding:1px 2px 1px 2px;
	text-align:center;
	font-weight:normal;
    text-shadow: 0 0px 0 #000000;
}
#dispatcherConfirmList .status, #dispatcherList .status,   #orderList .status,
#evalutioninfo .ownerphone
{
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:50%;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
 	white-space:nowrap;
	}
#accountList .date, #accountList .amount, #accountList .fromto, #accountList .driverid, #accountList .ownerphone, #accountList .driveridn
{
	display: inline-block; 
	}
#evalutioninfo .ownerphone
{
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:50%;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	display: inline-block; 
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
 	white-space:nowrap;
	}
#dispatcherConfirmList .vehicle, #dispatcherConfirmList .date, #dispatcherConfirmList .itemkindname, #dispatcherConfirmList .fromto, #dispatcherConfirmList .driverid, #dispatcherConfirmList .owner, #dispatcherConfirmList .ownerphone,  #dispatcherConfirmList .map,
#dispatcherConfirmList .address, #dispatcherConfirmList .date,  #dispatcherConfirmList .time,
#dispatcherList .vehicle, #dispatcherList .date, #dispatcherList .itemkindname, #dispatcherList .date, #dispatcherList .fromto, #dispatcherList .driverid, #dispatcherList .owner, #dispatcherList .ownerphone, #dispatcherList .status, #dispatcherList .map, #dispatcherList .time, 
#dispatcherList .address,
#orderList .vehicle, #orderList .date, #orderList .itemkindname, #orderList .fromto, #orderList .driverid, #orderList .owner, #orderList .ownerphone, #orderList .status, #orderList .map, #orderList .pickupType, #orderList .deliveryType, #dispatcherConfirmList .pickupType, #dispatcherConfirmList .deliveryType, #dispatcherList .pickupType, #dispatcherList .deliveryType,
#orderaccountList .status, #orderaccountList .fromto,
#dispatcherConfirmList .addton, #dispatcherConfirmList .addnot, #orderList .addton, #orderList .addnot, #dispatcherList .addton,  #dispatcherList .addnot,
#accountList .date, #accountList .amount, #accountList .fromto, #accountList .driverid, #dispatcherConfirmList .payment, #orderList .payment, #dispatcherList .payment,
#orderaccountList .owner, #orderaccountList .driverid, #orderaccountList .vehicle, #accountList .addnot, #accountList .driveridn, #dispatcherList .remark, #dispatcherConfirmList .remark,
#accountList .itemkindname, #accountList .OwnerName, #accountList .Invoice,#accountList .Invoice, #accountList .Payamount, #accountList .itemqty,#accountList .weight
{
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:5px;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
    font-size:.9em;
    white-space:normal;
    line-height:1.8em;
	padding-top:2px;
	padding-bottom:2px;
}
#orderList .tepmheader
{
 font-size:1em;   
}
#accountList .date, #accountList .amount, #accountList .fromto, #accountList .driverid 
{
    line-height:.9em;
}
#orderaccountList .pickupType, #orderaccountList .owner, #orderaccountList .ownerphone, 
#orderaccountList .owner, #orderaccountList .driverid, #orderaccountList .vehicle, #orderaccountList .date, 
#memberDetail .cellphone
{
    background-repeat:no-repeat;
	background-position-x:0%;
	background-position-y:5px;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
    font-size:1em;
    white-space:normal;
    line-height:1.8em;
	padding-top:2px;
	padding-bottom:2px;
}
#accountList .ownerphone
{
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:0;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
 	white-space:nowrap;
	}
#accountList .itemqty
{
    background-image: url('');
}
#accountList .weight
{
    background-image: url(images/Regular/weight.png);
}
#accountList .Payamount
{
    background-image: url(images/Regular/Tariff.png);
}
#accountList .date, #dispatcherConfirmList .date, #orderList .date, #dispatcherList .date, #orderaccountList .date
{	background-image: url(images/Regular/Calendar.png);
}
#accountList .amount, #dispatcherConfirmList .payment, #orderList .payment, #dispatcherList .payment
{	background-image: url(images/Regular/Accounts.png);
}
#accountList .fromto, #dispatcherConfirmList .fromto, #orderList .fromto,  #dispatcherList .map,  #dispatcherConfirmList .map,  #orderList .map, #orderaccountList .fromto
{	background-image: url(images/Regular/DeliveryPoints.png);
}
#accountList .driverid, #dispatcherConfirmList .driverid, #orderList, #orderaccountList .driverid, #dispatcherList .driverid, #accountList .driveridn
{	background-image: url(images/Regular/DriverID.png);
}
#dispatcherConfirmList .owner, #orderList .owner, #dispatcherList .owner, #orderaccountList .owner
{	background-image: url(images/Regular/Owner.png);
}
#dispatcherConfirmList .ownerphone, #accountList .ownerphone, #orderList .ownerphone, #dispatcherList .ownerphone, #evalutioninfo .ownerphone
#orderaccountList .ownerphone, #memberDetail .cellphone
{	background-image: url(images/Regular/Phone.png);
}
#dispatcherConfirmList .status, #orderList .status, #orderaccountList .status
{	background-image: url(images/Regular/Status.png);
}
#orderList .vehicle, #dispatcherList .vehicle, #dispatcherConfirmList .vehicle, #orderaccountList .vehicle
{	background-image: url(images/Regular/Vehicle.png);
}
#orderList .map, #dispatcherList .map, #dispatcherConfirmList .map
{	background-image: url(images/Regular/DeliveryPoints.png);
 	font-weight:normal;
}
#orderList .itemkindname, #dispatcherList .itemkindname, #dispatcherConfirmList .itemkindname,#accountList .itemkindname
{	background-image: url(images/Regular/ItemKind.png);
}
#dispatcherList .pickupType, #orderList .pickupType, #dispatcherConfirmList .pickupType, #orderaccountList .pickupType
{	background-image: url(images/Regular/pickupType.png);
}
#dispatcherList .deliveryType, #orderList .deliveryType, #dispatcherConfirmList .deliveryType
{	background-image: url(images/Regular/deliveryType.png);
}
#dispatcherList .addnot, #orderList .addnot, #dispatcherConfirmList .addnot, #accountList .addnot
{	background-image: url(images/Regular/Folder.png);
}
#dispatcherList .addton, #orderList .addton, #dispatcherConfirmList .addton
{	background-image: url(images/Regular/Expand.png);
}
#dispatcherList .time
{	background-image: url(images/Regular/HourGlass.png);
}
#dispatcherConfirmList .time
{	background-image: url(images/Regular/HourGlass.png);
}
#dispatcherList .remark, #dispatcherConfirmList .remark
{	background-image: url(images/Regular/Caution.png);
}
#accountList .arrow, #dispatcherList .arrow, #orderList .arrow, #dispatcherConfirmList .arrow
{
    background-repeat:no-repeat;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	background-image: url(images/icons-to-black.png);
}
#accountList .arrow
{
	width: 18px;
    background-position: 50% 50%;
	background-size:12px 15px;
}
#accountList .date
{
	background-position-y:0%;
}
#dispatcherList .arrow, #orderList .arrow, #dispatcherConfirmList .arrow
{
	background-position-x:0;
	background-position-y:50%;
	background-size:12px 18px;
}
#orderList .date
{
    font-size:.9em;    
    padding-top:.1em;
    white-space:normal;
    background-position-y:5px;
}
#orderList .etc, #dispatcherList .etc, #dispatcherConfirmList .etc
{
    font-size:.9em;
    line-height:1.8em;
	padding-top:2px;
	padding-bottom:2px;
	display: inline-block; 
 	text-overflow:ellipsis;
 	overflow:hidden;
 	white-space:nowrap;
}
#orderList .pickuparea, #orderList .area, 
#dispatcherList .pickuparea, #dispatcherList .area, 
#dispatcherConfirmList .pickuparea, #dispatcherConfirmList .area
{
    font-size: 1.2em; 
    font-weight:bold;
    padding:5px 2px 5px 2px;
}
#orderList .comm-array, #dispatcherList .comm-array,  #dispatcherConfirmList .comm-array, #orderaccountList .comm-array
{
    font-size:.9em;
    line-height:1.8em;
	display: inline-block; 
 	overflow:hidden;
}
.norm-array
{
	display: inline-block; 
 	overflow:hidden;
}
#orderList .comm-normal, #dispatcherList .addTon-normal, #dispatcherList .comm-normal, #dispatcherConfirmList .comm-normal, #orderaccountList .comm-normal
{
    padding: 2px 3px;
    white-space:nowrap;
}
#orderList .red-tip, #orderList .yellow-tip, #orderList .blue-tip, #dispatcherList .red-tip, #dispatcherList .yellow-tip, #dispatcherList .blue-tip,
#orderList .green-tip, #orderList .orange-tip, #dispatcherList .green-tip, #dispatcherList .orange-tip, #recruitList .orange-tip
{
    border: 1px solid #bababa /*{d-bup-border}*/;
    border-top: 1px solid #ffffff;
    background: #ffffff /*{d-bup-background-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #ffffff /*{d-bup-shadow-color}*/;
    background-repeat:no-repeat;
	background-position-x:0%;
	background-position-y:0%;
	background-size:15px 15px;
	background-origin:padding-box;
	background-clip:border-box;
}
.normal-tip
{   
    border: 1px solid #ffffff /*{d-bup-border}*/;
    border-bottom: 1px solid #bababa;
}
#orderList .red-tip, #dispatcherList .red-tip
{	background-image: url(images/Regular/Red-Tip.png);
}
#orderList .yellow-tip, #dispatcherList .yellow-tip
{	background-image: url(images/Regular/Yellow-Tip.png);
}
#orderList .blue-tip, #dispatcherList .blue-tip
{	background-image: url(images/Regular/Blue-Tip.png);
}
#orderList .orange-tip, #dispatcherList .orange-tip, #recruitList .orange-tip
{	background-image: url(images/Regular/Orange-Tip.png);
}
#orderList .green-tip, #dispatcherList .green-tip
{	background-image: url(images/Regular/Green-Tip.png);
}
#orderaccountList .bg-white
{
    background-color:#fff;
}
#orderaccountList .bg-grey
{
    background-color:#f2f2f2;
}
#accountList .ui-li-count
{ 
    font-size:.9em;
    border: 1px solid #bbbbbb /*{d-bdown-border}*/;
    background: #ffffff /*{d-bdown-background-color}*/;
    font-weight: bold;
    color: #2f3e46 /*{d-bdown-color}*/;
    text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
    }
#accountList input[type="checkbox"]{
    width: 0px;
    height: 0px;
    float:right;
}
#ulAddTonCode input[type="checkbox"]{
    width: 0px;
    height: 0px;
    float:right;
}
#accountList .btn-chk, #accountList .btn-unchk
{
	background-position: 0% 50%;
    background-repeat: no-repeat;
    font-size: 1.0em;
    font-weight: bold;
    padding: 2px 8px 2px 28px;
    cursor: pointer;
}
#ulList .btn-chk, #ulList .btn-unchk, #ulAddTonCode .btn-chk, #ulAddTonCode .btn-unchk, #ulOrganization .btn-chk, #ulOrganization .btn-unchk
{
	background-position: 0% 50%;
    background-repeat: no-repeat;
    padding: 2px 8px 2px 30px;
    cursor: pointer;
}
#accountList .btn-chk, #ulList .btn-chk, #ulAddTonCode .btn-chk, #ulOrganization .btn-chk
{
    background-image: url(images/Regular/Checked.png) /*{global-icon-set}*/;  
}
#accountList .btn-unchk, #ulList .btn-unchk, #ulAddTonCode .btn-unchk, #ulOrganization .btn-unchk
{
    background-image: url(images/Regular/UnChecked.png) /*{global-icon-set}*/;  
}
.btn-request
{
    font-size:1.2em;
    line-height:1.2em;
    font-weight:bold;
    padding: 4px 8px 4px 8px;
}
.connectinfo, #connectinfo .connectinfo
{
   font-size:.9em;
    line-height:1.2em;
    font-weight:normal;
    padding: 5px 5px 5px 5px;
    color:#eee;
    background-color:#575757;
 text-shadow: 0 /*{d-bdown-shadow-x}*/ 0px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #575757 /*{d-bdown-shadow-color}*/;
}
#dispatcherList .ui-li-static.ui-li, #orderList  .ui-li-static.ui-li
{
   padding: .3em 15px
}
.bg-grey, #accountList .bg-grey
{
    background-color:#f2f2f2;
    background-image: linear-gradient(#f2f2f2, #f2f2f2);
    
}
.small
{   
   font-size:.9em;
}

.menu-icon
{
    background-repeat:no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-origin: padding-box;
	background-clip: border-box;
	height:70px;
    max-height:70px;
    border-width:0px;
}
.menu-tile
{
    /*border: 1px solid #ddd;*/
    padding:5px 5px;
    font-weight:bold;
    font-size:.8em;
    text-align:center;
    color:#444c4c;
}

/*구인구직용*/

.Address 
{
    background-image: url(images/Regular/Address.png);
}

.Area 
{
    background-image: url(images/Regular/Area.png);
}

.Contact 
{
    background-image: url(images/Regular/Contact.png);
}

.ContactPhone 
{
    background-image: url(images/Regular/ContactPhone.png);
}

.Fax 
{
    background-image: url(images/Regular/Fax.png);
}

.HireNumber 
{
    background-image: url(images/Regular/HireNumber.png);
}

.Interview 
{
    background-image: url(images/Regular/Interview.png);
}

.JobType 
{
    background-image: url(images/Regular/JobType.png);
}

.OwnerName, #accountList .OwnerName
{
    background-image: url(images/Regular/OwnerName.png);
}

.SubmitDocument 
{
    background-image: url(images/Regular/SubmitDocument.png);
}

.Description 
{
    background-image: url(images/Regular/Description.png);
}


.Deadline 
{
    background-image: url(images/Regular/Deadline.png);
}


.Homepage 
{
    background-image: url(images/Regular/Hompage.png);
}


#recruitList .Area,
#recruitList .JobType,
#recruitList .Deadline,
#recruitList .OwnerName
{
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:2px;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
    font-size:12px;
    white-space:normal;
    line-height:20px;
}

#recruitList .Subject
{
    margin-bottom: 5px;
}

#recruitDetail .Address,
#recruitDetail .Area,
#recruitDetail .Contact,
#recruitDetail .ContactPhone,
#recruitDetail .Fax,
#recruitDetail .HireNumber,
#recruitDetail .Interview,
#recruitDetail .JobType,
#recruitDetail .OwnerName,
#recruitDetail .SubmitDocument,
#recruitDetail .Description,
#recruitDetail .Deadline,
#recruitDetail .Homepage
{
    background-repeat:no-repeat;
	background-position-x:0;
	background-position-y:6px;
	background-size:18px 18px;
	background-origin:padding-box;
	background-clip:border-box;
	background-color:transparent;
	padding-left:22px;
	padding-right:5px;
 	overflow:hidden;
    font-size:12px;
    white-space:normal;
    line-height:28px;
}

#recruitDetail li
{
    border:none;
}

#recruitDetail .Subject
{
    margin-bottom: 10px;
}

/*구인구직용*/

/*환전신청용*/
.CashRefundAuth
{
    background-color:#F3F3F3;
}
/*margin*/
.mb10
{
    margin-bottom:10px;
}
    
 .img_cash_notice
 {
    width: 360px;
    height: 236px;
    background-color: #f6f6f6;
    background-image: url(images/cash/img_cash_notice.png); 
    background-size:360px 236px;
    display: block; margin: 0px auto;        
}

 .img_cash_card
 {
    width: 370px;
    height: 500px;
    background-color: #f6f6f6;
    background-image: url(images/cash/img_cash_card.png);    
    background-size:370px 500px;
    display: block; margin: 0px auto;     
}