/* CSS file for dcs-extus.js utility */
.dmux-grid-chkcolumn-td{
	text-align: center;
	vertical-align: middle;
}
.btn-add-icon {
    background-image: url("../../images/add2.png") !important;
	background-repeat: no-repeat;
}
.btn-delete-icon {
    background-image: url("../../images/delete2.png") !important;
	background-repeat: no-repeat;
}
.btn-up-icon {
    background-image: url("../../images/arrow_up_blue.png") !important;
	background-repeat: no-repeat;
}
.btn-down-icon {
    background-image: url("../../images/arrow_down_blue.png") !important;
	background-repeat: no-repeat;
}
.btn-copy-icon {
    background-image: url("../../images/copy.png") !important;
	background-repeat: no-repeat;
}
.btn-reset-icon {
    background-image: url("../../images/Reset_icon.png") !important;
	background-repeat: no-repeat;
}
.btn-paste-icon {
    background-image: url("../../images/paste.png") !important;
	background-repeat: no-repeat;
}
.btn-view-icon {
    background-image: url("../../images/View.png") !important;
	background-repeat: no-repeat;
}
.btn-viewCargo-icon {
    background-image: url("../../images/View_Cargo.png") !important;
	background-repeat: no-repeat;
}
.btn-viewDetail-icon {
    background-image: url("../../images/View_Detail.png") !important;
	background-repeat: no-repeat;
}
.btn-viewSerialNo-icon {
    background-image: url("../../images/View_SerialNo.png") !important;
	background-repeat: no-repeat;
}
/**
 *  Freight Audit System Layout
 *  Last updated 27 August 2007
 *  gary.wang@oocl.com
 */

/**
 *  pageCover
 *
 --------------------------------------------------------------------------------------------*/
/**
 * style for change tmz
 */
.x-form-type-text input.sanction-waning-form, input.sanction-waning-form, .sanction-waning-form
,.x-form-type-text input.waning-form, input.waning-form, .waning-form{
    background-image: none;
    border-color: #F39C12;
}
.x-form-type-text input.sanction-form, input.sanction-form, .sanction-form {
    background-image: none;
    border-color: #77cc77;
}
.sanction-icon {
    background-image: url("../images/sanction/sanction_info_icon.png");
}
.sanction-icon.sanction-warning-icon {
    background-image: url("../images/sanction/sanction_warning_icon.png");
}
ul.ddsubmenustyle#hormaintopsubmenu399 {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90%;
}
.change-customer-icon {
    background: url("../images/CW/customer_icon.png") no-repeat !important;
    cursor: pointer;
    width: 17px;
    height: 16px;
 }
 .view-milestone-icon {
    background: url("../images/CW/document_view.png") no-repeat !important;
    cursor: pointer;
    width: 24px;
    height: 24px;
 }
 .change-customer-icon[disabled] {
    background: url("../images/CW/customer_icon2.png") no-repeat !important;
    cursor: default;
 }
.change-customer-name {
    cursor: pointer;
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	font-size: 12px;
    color: #525252;
    font-weight: bold;
}
.change-customer-name[disabled] {
    cursor: default;
}
.cw-layout-icon {
    background: url("../images/CW/layout_icon.png") no-repeat top center !important;
    border: 0 none;
}
.cw-add-widget-icon {
    background: url("../images/CW/addwidget_icon.png") no-repeat top center !important;
    border: 0 none;
}

.warning {
    background: url("../images/CW/warning.png") no-repeat !important;
    width: 16px;
    height: 16px;
    float: left;
}
.delayleft {
    background: url("../images/CW/delay_left_icon.png") no-repeat !important;
    width: 24px;
    height: 24px;
    margin-left: -1px;
}
.delayright {
    background: url("../images/CW/delay_right_icon.png") no-repeat !important;
    width: 24px;
    height: 24px;
    margin-left: 2px;
}
.normalleft {
    background: url("../images/CW/normal_left_icon.png") no-repeat !important;
    width: 24px;
    height: 24px;
    margin-left: -1px;
}
.normalright {
    background: url("../images/CW/normal_right_icon.png") no-repeat !important;
    width: 24px;
    height: 24px;
    margin-left: 2px;
}

.x-panel-header-ger {
    background-color: #ffffff;
    background-image: none;
    border-color: #99BCE8;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    font-size: 11px;
}

.details {
    text-align: center;
    font: 12px Arial, Helvetica, sans-serif;
}

.details b {
    color: #555555;
}
.details .details-img {
    margin-top: 15px;
}
.details .details-header {
    margin-top: 5px;
    padding: 5px;
    text-align: left;
}
.details .details-header em {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}
.details .details-info {
    margin-top: 15px;
    padding: 5px;
    text-align: left;
}

.details .details-info b {
    display: block;
    margin-bottom: 4px;
    margin-left: 5px;
}

.details .details-info span {
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
}

.img-chooser-view {
    background: white;
    font: 12px Arial, Helvetica, sans-serif;
}

.thumb {
    padding: 3px;
    cursor:pointer;
}
.thumb img {
    display: block;
    margin: 0 auto;
}
.thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
.thumb-wrap.widget-icon {
    overflow: hidden;
    height: 122px;
    width: 88px;
}
.thumb-wrap span.name {
    display: block;
    text-align: center;
    white-space: normal;
    text-overflow: ellipsis;
}

.x-view-over {
    border:1px solid #dddddd;
    background-color: #efefef;
    padding: 4px;
}

.x-item-selected {
    background: #DFEDFF;
    border: 1px solid #6593cf;
    padding: 4px;
}

.x-item-selected .thumb {
    background:transparent;
}

.x-item-selected span {
    color:#1A4D8F;
}

.loading-indicator {
    font-size:11px;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position: left;
    padding-left:20px;
    margin:10px;
}

.catalog {
    margin: 2px;
    border: 1px solid #DADADA;
    float: left;
    width: 98%;
}

.yuxue_notification_tip {
    font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
    background: none repeat scroll 0 0 #FFFFE3;
    border-bottom: 1px solid #99bce8;
    border-left: 1px solid #99bce8;
    border-right: 1px solid #99bce8;
    border-radius: 0px 0px 5px 5px;
    color: #333333;
    line-height: 20px;
    padding: 5px 5px;
    white-space: nowrap;
}

.yuxue_notification_tip p{
    margin: 0 0;
}

.badge-info{
    background-color: #F89406;
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color: white;
    display: none;
    white-space: nowrap;
    text-decoration: none;
}

.notifications-tip{
    border-radius: 3px;
    border: 1px solid #ccc;
    top: 50px;
    width: 400px;
    display: none;
    position: absolute;
    background: white;
    display: none;
    z-index: 20000;
}

.notifications-tip .close{
    text-decoration: none;
    color: white;
    float: right;
    padding-top: 0px;
    padding-right: 0px;
}

.notifications-tip h4 {
padding: 10px 25px;
background-color: rgb(248, 148, 6);
color: #fff;
text-transform: capitalize;
border-radius: 2px 2px 0 0;
}

.notifications-tip h4 a{
float: right;
}


.notifications-tip ul {
max-height: 300px;
overflow: auto;
margin: 10px 0 20px;
padding: 0 25px;
}

.notification-li{
    padding-left:20px;
}

.notification-li.read{
    background: url("../images/envelope_open.png") no-repeat;
}

.notification-li.unread{
    background: url("../images/envelope.png") 0px 4px no-repeat;
}

.notifications-tip .src-n-action{
    color: #999;
    float: right;
}
/*------------------------------------------------*/
div#pageCover {
	z-index: 200;
	width: 100%;
	left: 0;
	top: 0;
	/*background: url("../images/css/Bg000.png")!important; */
	background: #000;
	position: absolute;
	filter: alpha(opacity = 7);
	display: none;
}
iframe#pageCoverF {
	z-index: -9 !important;
	z-index: 200;
	width: 100%;
	left: 0;
	top: 0;
	border: none;
	position: absolute;
	filter: alpha(opacity = 0);
	display: none;
}

div#pageCoverP {
	z-index: 999999;
	width: 160px;
	border: solid 2px #aaa;
	border-left-color: #ccc;
	border-top-color: #ccc;
	background: #ffffee url(../images/css/iconProcessing.gif) center 3px no-repeat;
	color: #888;
	font-weight: bold;
	padding: 4px 10px;
	padding-top: 20px;
	line-height: 14px;
	text-align: center;
	position: absolute;
	display: none;
	filter: alpha(opacity = 90);
}

/**
 *  popText
 *
 --------------------------------------------------------------------------------------------*/
#popTextWrapper, #popTextFloatWrapper {
	padding: 0;
	position: absolute;
	z-index: 999900;
	display: none;
}
#popTextWrapper {
	z-index: 999990;
}

#popTextBgRB, #popTextFloatBgRB {
	background: url("../images/css/BgRB.gif") right bottom no-repeat;
}
#popTextBgLB, #popTextFloatBgLB {
	background: url("../images/css/BgLB.gif") left bottom no-repeat;
	margin-right: 3px;
	padding-bottom: 3px;
}
#popTextBgRT, #popTextFloatBgRT {
	background: url("../images/css/BgRT.gif") right top no-repeat;
	margin-right: -3px;
}
#popTextBgLT, #popTextFloatBgLT {
	background: url("../images/css/BgLT.gif") left top no-repeat;
	margin-right: 3px;
	padding-top: 3px;
}
#popTextContent, #popTextFloatContent {
	margin: 0 2px 1px 5px;
	font-style: italic;
	font-size: 0.85em;
	background: #ffffdd;
	overflow-x: hidden;
}
#popTextFloatContent {
	padding-right: 10px;
}
#popTextContent h2, #popTextFloatContent h2 {
    font-size: 1em;
    margin: 0;
}
#popTextFloatClose {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	background: url("../images/css/close.gif") left top no-repeat;
	right: 4px;
	top: 4px;
	cursor: pointer;
}
#popTextPointer, #popTextFloatPointer {
	display: block;
	position: absolute;
	height: 10px;
	width: 8px;
}
.popTextPointerLT {
	background: url("../images/css/pointer.gif") left top no-repeat;
	left: 9px;
	top: -8px;
}
.popTextPointerRT {
	background: url("../images/css/pointer.gif") -10px top no-repeat;
	right: 9px;
	top: -8px;
}
.popTextPointerLB {
	background: url("../images/css/pointer.gif") -20px top no-repeat;
	left: 9px;
	bottom: -9px !important;
	bottom: -13px;
}
.popTextPointerRB {
	background: url("../images/css/pointer.gif") -30px top no-repeat;
	right: 9px;
	bottom: -9px !important;
	bottom: -13px;
}

#popTextF, #popTextFloatF {
	left: 0;
	top: 0;
	border: none;
	position: absolute;
	z-index: -9;
	filter: alpha(opacity = 0);
}

/**
 *  ultraNav Layout
 *  Last updated 7 Sep 2007
 *  gary.wang@oocl.com
 */


/* @header - @headLink
--------------------------------------------------------------------------------------*/
ul#headLink {
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	clear: both;
	width: 350px;
	text-align: right;
}
#headLink li {
	padding: 0;
	margin-left: 10px;
	display: inline;
	color: #747474;
	position: relative;
	float: right;
	z-index: 101;
}
#headLink li a {
	color: #747474;
	text-decoration: none;
}
#headLink li a:hover {
	text-decoration: none;
	color: #e6001d;
}
#headLink li.hasSub a {
}
#headLink li.hasSub a:hover {
}

#headLink li ul {
	position: absolute;
	right: -6px;
	top: 14px;
	border: solid 2px #bbbbbb;
	background: #f6f6f6;
	list-style-type: none;
	padding: 0;
	width: 120px;
	display: none;
	margin: 0;
}
#headLink li ul li {
	float: none;
	display: block;
	text-align: right;
	line-height: 16px;
	margin: 0;
}
#headLink li.hasSub ul li a {
    display: block;
    padding-right: 6px;
    background: none;
}
#headLink li.hasSub ul li a:hover {
    padding-right: 16px;
	font-weight: bold;
    background: url(../images/css/ultraNav.gif) right -20px no-repeat;
}
#headLink li ul li.top, #headLink li ul li.top a, #headLink li ul li.bot, #headLink li ul li.bot a {
	line-height: 6px;
	height: 6px;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
}
#headLink li ul li.top {
	top: -2px;
	left: -2px;
	background: url(../images/css/ultraNav.gif) left -76px no-repeat;
}
#headLink li ul li.top a {
	top: 0;
	left: 4px;
	background: url(../images/css/ultraNav.gif) right -82px no-repeat;
}
#headLink li ul li.bot {
	bottom: -2px;
	left: -2px;
	background: url(../images/css/ultraNav.gif) left -88px no-repeat;
}
#headLink li ul li.bot a {
	bottom: 0;
	left: 4px;
	background: url(../images/css/ultraNav.gif) right -94px no-repeat;
}

/* @navBar
--------------------------------------------------------------------------------------*/
ul#navBar, div#navLoading {
	clear: both;
	list-style-type: none;
	padding-bottom: 1px;
	margin: 0;
	margin-top: 6px;
	position: relative;
	z-index: 100;
	background: #888;
	height: 23px;
	width: 100%;
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
#navLoading {
    height: 23px;
    line-height: 23px;
    color: #fff;
}
#navLoading span {
    margin-left: 6px;
}
#navLoading a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}
iframe.navIf {
	z-index: -9 !important;
	width: 101%;
	left: 0;
	top: 0;
	border: none;
	position: absolute;
	filter: alpha(opacity = 0);
	overflow: hidden;
	margin: -1px;
}

   /* @nav item
--------------------------------------------------------------------------------------*/
#navBar li {
	float: left;
	padding: 0;
	display: inline;
	position: relative;
	margin: 1px;
}
#navBar li.mOver {
	background: #999;
}
#navBar li.mOver a {
	color: #eee;
}
#navBar li a {
	font-weight: bold;
	padding: 0 12px;
	margin: 0;
	height: 22px;
	line-height: 22px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
}

#navBar li a:hover {
	/*color: #ffcbcb;*/
	background: #999;
	color: #eee;
}
#navBar li a.hasSub {
}
#navBar li a.hasSub:hover, #navBar li a.hasSubOver, #navBar li a.hasSubOver:hover {
}

body#a #navBar li#nav0,
body#b #navBar li#nav1,
body#c #navBar li#nav2,
body#d #navBar li#nav3,
body#e #navBar li#nav4,
body#f #navBar li#nav5,
body#g #navBar li#nav6,
body#h #navBar li#nav7,
body#i #navBar li#nav8,
body#j #navBar li#nav9 {
}
body#a #navBar #nav0 a,
body#b #navBar #nav1 a,
body#c #navBar #nav2 a,
body#d #navBar #nav3 a,
body#e #navBar #nav4 a,
body#f #navBar #nav5 a,
body#g #navBar #nav6 a,
body#h #navBar #nav7 a,
body#i #navBar #nav8 a,
body#j #navBar #nav9 a {
}
body#a #navBar #nav0 a.hasSub,
body#b #navBar #nav1 a.hasSub,
body#c #navBar #nav2 a.hasSub,
body#d #navBar #nav3 a.hasSub,
body#e #navBar #nav4 a.hasSub,
body#f #navBar #nav5 a.hasSub,
body#g #navBar #nav6 a.hasSub,
body#h #navBar #nav7 a.hasSub,
body#i #navBar #nav8 a.hasSub,
body#j #navBar #nav9 a.hasSub,
body#a #navBar #nav0 a.hasSubOver,
body#b #navBar #nav1 a.hasSubOver,
body#c #navBar #nav2 a.hasSubOver,
body#d #navBar #nav3 a.hasSubOver,
body#e #navBar #nav4 a.hasSubOver,
body#f #navBar #nav5 a.hasSubOver,
body#g #navBar #nav6 a.hasSubOver,
body#h #navBar #nav7 a.hasSubOver,
body#i #navBar #nav8 a.hasSubOver,
body#j #navBar #nav9 a.hasSubOver {
}

   /* @subNav
--------------------------------------------------------------------------------------*/
#navBar li ul {
	position: absolute;
	border: solid 1px #888;
	background: #eee;
	list-style-type: none;
	margin: 0;
	padding: 0;
	top: 22px;
	left: 0;
	width: 200px;
	display: none;
	z-index: 100;
}
#navBar li ul li {
	background: none;
	float: none;
	margin: 0;
}
#navBar li ul a,
#navBar li.mOver ul a,
body#a #navBar #nav0 ul a,
body#b #navBar #nav1 ul a,
body#c #navBar #nav2 ul a,
body#d #navBar #nav3 ul a,
body#e #navBar #nav4 ul a,
body#f #navBar #nav5 ul a,
body#g #navBar #nav6 ul a,
body#h #navBar #nav7 ul a,
body#i #navBar #nav8 ul a,
body#j #navBar #nav9 ul a {
	color: #555555;
	display: block;
	float: none;
	height: 14px;
	line-height: 14px;
	border-bottom: solid 1px #ccc;
	background: none;
	padding: 3px 11px;
	font-weight: normal;
}
#navBar li ul a:hover,
body#a #navBar #nav0 ul a:hover,
body#b #navBar #nav1 ul a:hover,
body#c #navBar #nav2 ul a:hover,
body#d #navBar #nav3 ul a:hover,
body#e #navBar #nav4 ul a:hover,
body#f #navBar #nav5 ul a:hover,
body#g #navBar #nav6 ul a:hover,
body#h #navBar #nav7 ul a:hover,
body#i #navBar #nav8 ul a:hover,
body#j #navBar #nav9 ul a:hover {
	background: #ddd;
	color: #e6001d;
	font-weight: bold;
}

   /* @sub2Nav
--------------------------------------------------------------------------------------*/
#navBar li ul li ul {
	top: -1px;
	left: 200px;
	background: #eee;
}
#navBar li ul li ul a,
body#a #navBar #nav0 ul li ul a,
body#b #navBar #nav1 ul li ul a,
body#c #navBar #nav2 ul li ul a,
body#d #navBar #nav3 ul li ul a,
body#e #navBar #nav4 ul li ul a,
body#f #navBar #nav5 ul li ul a,
body#g #navBar #nav6 ul li ul a,
body#h #navBar #nav7 ul li ul a,
body#i #navBar #nav8 ul li ul a,
body#j #navBar #nav9 ul li ul a {
}

#navBar li ul a.hasSub2,
body#a #navBar #nav0 ul a.hasSub2,
body#b #navBar #nav1 ul a.hasSub2,
body#c #navBar #nav2 ul a.hasSub2,
body#d #navBar #nav3 ul a.hasSub2,
body#e #navBar #nav4 ul a.hasSub2,
body#f #navBar #nav5 ul a.hasSub2,
body#g #navBar #nav6 ul a.hasSub2,
body#h #navBar #nav7 ul a.hasSub2,
body#i #navBar #nav8 ul a.hasSub2,
body#j #navBar #nav9 ul a.hasSub2 {
	background: url(../images/css/ultraNav.gif) right top no-repeat;
}
#navBar li ul a.hasSub2:hover,
body#a #navBar #nav0 ul a.hasSub2:hover,
body#b #navBar #nav1 ul a.hasSub2:hover,
body#c #navBar #nav2 ul a.hasSub2:hover,
body#d #navBar #nav3 ul a.hasSub2:hover,
body#e #navBar #nav4 ul a.hasSub2:hover,
body#f #navBar #nav5 ul a.hasSub2:hover,
body#g #navBar #nav6 ul a.hasSub2:hover,
body#h #navBar #nav7 ul a.hasSub2:hover,
body#i #navBar #nav8 ul a.hasSub2:hover,
body#j #navBar #nav9 ul a.hasSub2:hover {
	background: #ddd url(../images/css/ultraNav.gif) right top no-repeat;
}
#navBar li ul a.act,
body#a #navBar #nav0 ul a.act,
body#b #navBar #nav1 ul a.act,
body#c #navBar #nav2 ul a.act,
body#d #navBar #nav3 ul a.act,
body#e #navBar #nav4 ul a.act,
body#f #navBar #nav5 ul a.act,
body#g #navBar #nav6 ul a.act,
body#h #navBar #nav7 ul a.act,
body#i #navBar #nav8 ul a.act,
body#j #navBar #nav9 ul a.act {
	background: #ddd url(../images/css/ultraNav.gif) right top no-repeat;
}

/**
 *  ultraForm
 *
 --------------------------------------------------------------------------------------------*/
/* @form
--------------------------------------------------------------------------------------------*/
form {
	padding: 0;
	margin: 0;
}
/*
input.input {
	height: 1.35em;
	padding: 2px;
	font: 0.95em arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	border: solid 1px #7f9db9;
	background: #FFF;
}
*/
input {
	height: 1.35em;
	font: 0.95em arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
}
input.input {
	height: 1.35em;
	font: 0.95em arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
}
input.focus {
	background: #f3f8fe;
}
input.hl {
	background: #ffe0e0;
}
input.fl {
	float: left;
	margin-right: 3px;
}
input.fr {
	float: right;
	margin-left: 3px;
}
input.tal {
	text-align: left;
}
input.tar {
	text-align: right;
}
/*
input.disabled {
	border: solid 1px #CCC;
	cursor: default;
}
input.readonly {
	border: solid 1px #CCC;
	color: #999;
	background: #FFF;
	cursor: default;
}
*/
input.disabled {
}
input.readonly {
}

input.mandField {
}

input.file {
	height: 1.85em;
	padding: 2px;
	font-size: 0.9em;
	border: solid 1px #7f9db9;
	background: #FFF;
	font: 0.95em arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	width: 298px;
}

select {
	font: 0.95em arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
}
select.hl {
	background: #ffe0e0;
}

textarea {
	font: 0.95em arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	padding: 2px;
}
textarea.fLeft {
	float: left;
}
textarea.focus {
	background: #f3f8fe;
}


.size0 {
	width: 40px;
}
.size1 {
	width: 70px;
}
.size2 {
	width: 100px;
}
.size3 {
	width: 150px;
}
.size4 {
	width: 230px;
}

span.disabledInputBox {
	height: 1.6em;
	line-height: 1.6em;
	width: 224px;
	border: solid 1px #bbb;
	padding: 0 2px;
	float: left;
	display: block;
	background-color: window;
	color: #aaa;
}
input.size0, span.size0 {
	width: 34px;
}
input.size1, span.size1 {
	width: 64px;
}
input.size2, span.size2 {
	width: 94px;
}
input.size3, span.size3 {
	width: 144px;
}
input.size4, span.size4 {
	width: 224px;
}
input.size5, span.size5 {
	width: 324px;
}
input.size6, span.size6 {
	width: 424px;
}
input.size7, span.size7 {
	width: 524px;
}
select.size0 {
	width: 40px;
}
select.size1 {
	width: 70px;
}
select.size2 {
	width: 100px;
}
select.size3 {
	width: 150px;
}
select.size4 {
	width: 230px;
}

textarea.size0 {
	width: 40px;
}
textarea.size1 {
	width: 70px;
}
textarea.size2 {
	width: 100px;
}
textarea.size3 {
	width: 150px;
}
textarea.size3 {
	width: 230px;
}

/* @suggest
--------------------------------------------------------------------------------------------*/
.suggestIf {
	z-index: -9 !important;
	width: 101%;
	left: 0;
	top: 0;
	border: none;
	position: absolute;
	overflow: hidden;
	margin: -2px -1px;
	height: 3.75em;
	left: 1px;
}
ul.inputSuggest {
	list-style: none;
	margin: 0;
	padding: 0;
	border: solid 1px #7f9db9;
	width: 200px;
	background: #fff;
	position: absolute;
	left: 0;
	z-index: 100;
	overflow: hidden;
}
.inputSuggest li {
	clear: both;
	line-height: 17px;
	height: 17px;
	background: #fff;
}
.inputSuggest li.hl {
	background: #e5ebf5;
}
.inputSuggest span {
	padding: 0 1px;
}
span.total {
	font-style: italic;
	color: #AAA;
}

.inputSuggest a {
	text-decoration: none;
	display: block;
	padding: 0 2px;
	color: #000;
	border-bottom: solid 1px #fff;

}
.inputSuggest a:hover {
	background: #316ac5;
	color: #fff;
	text-decoration: none;
}
.inputSuggest a.focus {
	background: #ebf0f7;
}
.inputSuggest a.noMatch {
	font-style: italic;
	color: #F00;
}

.inputSuggest a span {
	cursor: pointer;
}
.matchedStr {
	font-weight: bold;
}

/* @inputErrorNote
--------------------------------------------------------------------------------------------*/
.inputErrorNote {
	margin: 0;
	color: #f00;
	width: 0;
	position: relative;
}
.inputErrorNote span {
	margin: 0;
	color: #f00;
	line-height: 12px;
	background: url(../images/css/iconError.gif) left top no-repeat;
	width: 13px;
	height: 12px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 999900;
	text-indent: -9999px;
	filter: alpha(opacity = 50);
}
.inputErrorNote iframe {
	width: 13px;
	height: 12px;
	filter: alpha(opacity = 0);
	left: 5px;
	top: 5px;
	position: absolute;
	z-index: 999000;
}
.inputErrorNote2 {
	color: #f00;
	width: 13px;
	height: 12px;
	position: relative;
	background: url(../images/css/exclamation.gif) left 5px no-repeat;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 16px;
}
.inputErrorNoteDull {
	color: #ccc;
	background: url(../images/css/iconInputErrorDull.gif) left top no-repeat;
}
.doValidation {
}

/**
 *  ultraGridView
 *
 --------------------------------------------------------------------------------------------*/
/* @table
--------------------------------------------------------------------------------------------*/
table.gTb {
	width: 100%;
	margin-top: 6px;
	clear: both;
}
.isLink {
}
.isHl {
}
th a {
	color: #555;
}
th a:hover {
	text-decoration: none;
	color: #555;
}

table.gTb th {
	background: #e3e3e3 url(../images/css/ultraGridView.gif) left -40px no-repeat;
	border-left: solid 1px #e8e8e8;
	color: #555;
	height: 22px;
	line-height: 14px;
	overflow: hidden;
	padding: 0 3px;
	border-bottom: solid 1px #bbb;
	border-top: solid 1px #bbb;
	font-size: 0.9em;
}
table.gTb th.l {
	background: #e3e3e3 url(../images/css/ultraGridView.gif) left top no-repeat;
	border-left: solid 1px #bbb;
}
table.gTb th.r {
	background: #e3e3e3 url(../images/css/ultraGridView.gif) right -80px no-repeat;
	border-right: solid 1px #bbb;
}
th.l input {
}

table.gTb td {
	border-left: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	background: #FFF;
	height: 22px;
	line-height: 14px;
	padding: 0 3px;
}
table.gTb tr.alter td {
	background: #f3f3f3;
}
table.gTb td.sec {
	background: #f3f3f3;
	font-weight: bold;
}
table.gTb td.l {
	border-left: solid 1px #bbb;
}
table.gTb td.r {
	border-right: solid 1px #bbb;
}
table.gTb tr.t td {
	border-top: solid 1px #bbb;
}
table.gTb tr.b td {
	border-bottom: solid 1px #bbb;
}
table.gTb tr.sep td {
	border-top: solid 1px #e8e8e8;
}

tr.link {
	cursor: pointer;
}
table.gTb td.hl, table.gTb tr.alter td.hl {
	background: #f8eded;
}
table.gTb td.hl2, table.gTb tr.alter td.hl2 {
	background: #f8eded;
}



td.proInfTitle {
	width: 4em;
}


/* @pager
--------------------------------------------------------------------------------------------*/
table.gTb table.pager {
	margin: 0;
	float: right;
}
table.gTb table.pager tr td {
	padding: 0;
	border: none;
	line-height: 16px;
}
/*
table.gTb table.pager a {
	display: block;
	width: 16px;
	text-align: center;
	line-height: 16px;
}
table.gTb table.pager a:hover {
	text-decoration: none;
}
*/
table.gTb tr.pagerTr td {
	border: solid 1px #d8d8d8;
	border-top-width: 0;
	padding: 0;
	background: #F0F0F0;
	height: 16px;
}

/* @tbFooter
--------------------------------------------------------------------------------------------*/
table.gTb tr.tbFooter td, table.gTb tr.tbFooter td.l, table.gTb tr.tbFooter td.r,
table.gTb tr.tbFooter td.hl, table.gTb tr.tbFooter td.hl2 {
	background: #F0F0F0;
	font-weight: bold;
	color: #777;
	padding-left: 4px;
	border-top: solid 1px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
	border-left-width: 0;
	height: 22px;
	line-height: 14px;
}
table.gTb tr.tbFooter td.r {
	border-right: solid 1px #d8d8d8;
}
table.gTb tr.tbFooter td.l {
	border-left: solid 1px #d8d8d8;
}

/* @innerTb
--------------------------------------------------------------------------------------------*/
table.gTb table.innerTb {
	margin: 0;
	width: 100%;
}
table.gTb table.innerTb th {
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;
	background: #F0F0F0;
	border-top: solid 1px #e8e8e8;
	border-bottom: solid 1px #e8e8e8;
	border-left: none;
	padding-left: 1px;
	height: 22px;
}
table.gTb table.innerTb td {
	background: #FFF;
	font-size: 0.9em;
}
table.gTb table.innerTb tr.alter td {
	background: #f5f5f5;
}
table.gTb table.innerTb td.l, table.gTb table.innerTb th.l {
	border-left: none;
}
table.gTb table.innerTb td.hl, table.gTb table.innerTb tr.alter td.hl {
	background: #f8eded;
}
table.gTb table.innerTb td.hl2, table.gTb table.innerTb tr.alter td.hl2 {
	background: #f8eded;
}



/* @innerTb
--------------------------------------------------------------------------------------------*/
/*
.blockBody table.gTb th {
	background-image: none;
	background-color: #e7e7e7;
	border-left: solid 1px #e0e0e0;
}
.innerBlock table.gTb th {
	background: #fff url(../images/css/ultraGridView.gif) left -40px no-repeat;
}
*/

/**
 *  popLayer
 *
 --------------------------------------------------------------------------------------------*/
.popLayer, .popLayerSize1, .popLayerSize2, .popLayerSize3, .popLayerSize4, .popLayerSize5 {
	visibility: hidden;
	position: absolute;
	z-index: 300;
	left: 0;
	top: -9999px;
	width: 400px;
}
.popLayerSize1 {
	width: 300px;
}
.popLayerSize2 {
	width: 400px;
}
.popLayerSize3 {
	width: 500px;
}
.popLayerSize4 {
	width: 600px;
}
.popLayerSize5 {
	width: 800px;
}
.popLayerAlpha {
	filter: alpha(opacity = 40);
	border: solid 1px #555;
}

.liFocus {
}

.lyrTabBtn {
	filter: alpha(opacity = 0);
	width: 0;
	height: 0;
	padding: 0;
	background: #fff;
	border: none;
	position: absolute;
}

/* @popLayerAlertBoxLayer
--------------------------------------------------------------------------------------------*/
#popLayerAlertBoxLayer {
    z-index: 99999;
}
#popLayerAlertBoxLayer #plabContent {
	font-size: 1.1em;
	line-height: 16px;
}
#popLayerAlertBoxLayer .buttonGroup {
	text-align: center;
}

.plabError .innerBlock, .plabFail .innerBlock {
	background: #ffcece;
}
.plabSuc .innerBlock {
	background: #e6ffba;
}
.plabConfirm .innerBlock {
	background: #ffffcc;
}

.plabError .alertBtnGroup, .plabFail .alertBtnGroup, .plabWarn.alertBtnGroup, .plabSuc .alertBtnGroup {
	display: block;
}
.plabConfirm .confirmBtnGroup {
	display: block;
}
.plabError .confirmBtnGroup, .plabFail .confirmBtnGroup, .plabWarn .confirmBtnGroup, .plabSuc .confirmBtnGroup {
	display: none;
}
.plabConfirm .alertBtnGroup {
	display: none;
}
.plabError h2, .plabFail h2 {
	background: url(../images/css/popLayer.gif) left top no-repeat;
	text-indent: 16px;
}
.plabSuc h2 {
	background: url(../images/css/popLayer.gif) left -40px no-repeat;
	text-indent: 16px;
}
.plabConfirm h2 {
	background: url(../images/css/popLayer.gif) left -20px no-repeat;
	text-indent: 16px;
}

#popLayerAlertBoxLayer .errorNotification {
	font-size: 1em;
	color: #888;
	line-height: 13px;
}
#popLayerAlertBoxLayer .errorNotification h4 {
	font-size: 0.9em;
	line-height: 12px;
	padding: 0;
	border-top-color: #ccc;
}
#popLayerAlertBoxLayer .errorNotification h4 a {
	text-decoration: underline;
}
#popLayerAlertBoxLayer .errorNotification #plabSystemErrorInfo {
	height: 50px;
	border: solid 1px #bbb;
	margin-top: 2px;
	overflow-y: scroll;
	background: #f7f7f7;
	padding: 3px;
	font-size: 0.9em;
	color: #555;
	display: none;
}
#plabSystemErrorInfo .formTbText {
	margin-top: 0;
	width: 95%;
}
#plabSystemErrorInfo .formTbText td {
	line-height: 11px;
}
.plabError .errorNotification {
	display: block;
}
.plabSuc .errorNotification, .plabFail .errorNotification, .plabWarn .errorNotification, .plabConfirm .errorNotification {
	display: none;
}


/* @iTb
--------------------------------------------------------------------------------------------*/
.iTbWrapper {
	position: relative;
}

.iTbFrame {
	background: #E6E7E6;
	border: solid 1px #bbb;
	width: 100%;
	position: inherit;
	margin-top: 6px;
}
.iTbFrame table {
	width: 100%;
}
.iTbFrame th {
	height: 22px;
	line-height: 14px;
	vertical-align: middle;
	background: #ddd url(../images/css/iGv.gif) left top no-repeat;
	text-align: center;
	border-width: 0;
	border-left: solid 1px #d9d9d9;
	border-bottom: solid 1px #bbb;
	font-weight: bold;
	color: #555;
	font-size: 0.9em;
}
.iTbFrame th.editAble {
	padding-left: 13px;
	background: #ddd url(../images/css/iGv.gif) left -50px no-repeat;
}

.iTbFrame table table th {
	height: 19px;
	line-height: 14px;
	font-weight: bold;
	background: none;
	background: #aaa;
	color: #f3f3f3;
	border-bottom: solid 1px #d9d9d9;
}
.iTbFrame table table th.editAble {
	background: #aaa url(../images/css/iGv.gif) left -102px no-repeat;
}

.iTbFrame td {
	height: 18px;
	line-height: 14px;
	background: #fafafa;
	border-width: 0;
	border-left: solid 1px #d9d9d9;
	cursor: default;
	position: relative;
	vertical-align: middle;
}
.iTbWithRowBorder td {
	border-bottom: solid 1px #d9d9d9;
}
.hasRowBorder td td {
	border-bottom: solid 1px #d9d9d9;
}

table.iTbFrame td.serviceName {
	border-left: none;
	font-weight: bold;
	font-size: 1.1em;
	color: #600000;
}
table.iTbFrame td.serviceName a {
	text-decoration: none;
	color: #600000;
}
table.iTbFrame td.serviceName a:hover {
	text-decoration: none;
	color: #e6001d;
}
table.iTbFrame td.serviceDesc {
	border-left: none;
}

.iTbFrame td a {
    text-decoration: underline;
}
.iTbMultiLevel td, .iTbMultiLevel table table td {
	/*border-bottom: solid 1px #d9d9d9;*/
}
.iTbMultiLevel table table table td {
	/*border-bottom: none;
	border-bottom: solid 1px #d9d9d9;*/
}
.iTbFrame td.iTr {
	background: #fff;
}
.iTbFrame td.iTrAlter {
	background: #f0f0f0;
}
.iTbFrame td.iTrHl {
	background: #ffced7;
	color: #9b001f;
	border-bottom: dashed 1px #9b001f;
}
.iTbFrame td.iTdEdit {
    border: solid 1px #7f9db9;
}
.iTbFrame tr.invalSta td {
	background: #ffadad;
}

.iTbFrame td.editUnable, .iTbFrame td.editAble {
	padding-left: 20px;
	background-image: url(../images/css/iGv.gif);
	background-position: -600px -100px;
	background-repeat: no-repeat;
}
.iTbFrame td.editAble {
	background-position: left -100px;
}
.iTbFrame td.iTdNoBorder {
	border-left: none;
}


.iTbFrame .iTbPager {
	padding-right: 3px;
	border: none;
	border-top: solid 1px #bbb;
	background: #e3e3de;
	height: 20px;
    line-height: 20px;
    font-size: 1em;
}

.iTbFrame table th.iTrExp img {
	cursor: pointer;
}

.iTrTemplate {
	background: none;
	padding: 0;
	margin-top: 22px;
	margin-left: 3px;
}
.iTrTemplate .blockHead {
	margin: 0;
}
.iTrTemplate .blockBody {
}
.iTrTemplate label {
}

.iTbFilter {
    border: solid 1px #888;
    background: #eee;
}
.iTbFilter td {
    height: 10px;
    line-height: 10px;
    padding: 0 3px;
}
.iTbFilterRowHl {
    background: #ddd;
    color: #e6001d;
}

.iTbViewOnly span.mandatory {
    display: none;
}

/* @iRefTb
--------------------------------------------------------------------------------------------*/
.iRefTbFrame {
	margin-top: 1px;
}
.iRefTbFrame th {
	height: 18px;
	line-height: 14px;
	background: #e7e7e7;
}
.iRefTbFrame td {
	height: 16px;
	line-height: 14px;
	background: #e7e7e7;

	/*border-top: solid 1px #d9d9d9;*/
}

.blockBody .iRefTbFrame table th, .innerBlock .iRefTbFrame table th {
	background: #e7e7e7;
}



.iTbFrame .iTbInputErrorNote {
	margin: 0;
	color: #f00;
	padding-left: 18px;
	line-height: 14px;
	background: url(../images/css/iconInputError.gif) left top no-repeat;
}
.iTbFrame .iTbInputErrorNoteDull {
	color: #ccc;
	background: url(../images/css/iconInputErrorDull.gif) left top no-repeat;
}

.iErrorNote {
	display: block;
	border: solid 1px #ddd;
	padding: 3px;
	padding-left: 20px;
	margin-top: 6px;
	color: #f00;
	line-height: 14px;
	background: #fff0f0 url(../images/css/iconError.gif) 5px 5px no-repeat;
}
.iInputErrorNote {
	display: block;
	padding-left: 18px;
	color: #f00;
	line-height: 14px;
	background: url(../images/css/iconInputError.gif) left top no-repeat;
}


/* @iNav
--------------------------------------------------------------------------------------------*/
#iNavWrapper {
	width: 100%;
	background: #d1d1d1;
	padding-top: 1px;
	margin-top: 6px;
	text-align: left;
}
#iNavWrapper nobr {
	padding-left: 12px;
	padding-right: 12px;
}
.iNavSubBox nobr {
	padding-left: 12px;
}

#iFunLink {
	float: right;
	padding: 0;
	margin: 0;
	margin-top: 1px;
	margin-right: -3px;
	clear: both;
	width: 300px;
	text-align: right;
}
#iFunLink nobr {
	padding-left: 6px;
	padding-right: 6px;
}
.iFunLinkSubBox nobr {
	padding-left: 0;
	margin: 0;
	float: left;
}



/* @iTab
--------------------------------------------------------------------------------------------*/
.iTab {
	margin-top: 12px;
}
.topITab {
	margin-top: 6px;
}
.iTab table .tab, .iTab table .tabSelected {
	height: 23px;
	padding-left: 7px;
	padding-right: 3px;
	background: url(../images/res/iTabL.gif);
	color: #555;
}
.iTab table .tabSelected {
	background: url(../images/res/iTabLs.gif);
	color: #000;
	font-weight: bold;
}
.iTab .innerBlock {
	margin-left: 6px;
	margin-right: 6px;
}
.iTab .topBlockChild {
	margin-top: 6px;
}
.iTab .botBlockChild {
	margin-bottom: 6px;
}
.innerITab {
}
.iTab .innerITab {
	margin: 6px 6px 0 6px;
}
.innerITab div.innerBlockTop {
	top: 24px;
	position: relative;
	background: none;
}
.innerITab div.innerBlockBot {
	top: -6px;
	position: relative;
}
.innerITab div.innerBlockTop, .innerITab div.innerBlockBot, .innerITab div.innerBlockTop div, .innerITab div.innerBlockBot div {
	left: 0;
}
.innerITab div.innerBlockTop div {
}

/* @iTree
--------------------------------------------------------------------------------------------*/
.activeTreeNode {
    font-weight: bold;
    color: #e6001d;
}

.todoList .hasNew {
    font-weight: bold;
}
.todoList .hasNew a, .todoList .hasNew a:hover {
    font-weight: normal;
    color: #00f;
    text-decoration: none;
}
.todoList .noNew a, .todoList .noNew a:hover {
    font-weight: normal;
    color: #000;
    text-decoration: none;
}
.refTreeNodeBtn {
    cursor: pointer;
}
.effective {
    color: #888;
    text-decoration: underline;
}
.editAbleTreeNode {
    cursor: pointer;
    text-decoration: underline;
}

.blockITb .iTbFrame th {
	background-image: none;
	background-color: #e7e7e7;
	border-left: solid 1px #e0e0e0;
}

.iTbFrame th.iTbRowSelector, .iTab .iTbFrame th.iTbRowSelector, .innerBlock .iTbFrame th.iTbRowSelector, .blockBody .iTbFrame th.iTbRowSelector {
	background: #fafafa;
	border: none;
	width: 22px;
}
.iTbMultiLevel th.iTbRowSelector, .iTab .iTbMultiLevel th.iTbRowSelector, .innerBlock .iTbMultiLevel th.iTbRowSelector, .blockBody .iTbMultiLevel th.iTbRowSelector {
	border-left: solid 1px #d9d9d9;
	width: 22px;
	color: #555;
}

.iTbFrame th.iTrExp, .iTbFrame table table th.iTrExp,
.iTab .iTbFrame th.iTrExp, .iTab .iTbFrame table table th.iTrExp {
	background: #fafafa;
	border: none;
	width: 22px;
}

/* @iTrTempTb
--------------------------------------------------------------------------------------------*/
.iTrTempTb label {
	font-weight: bold;
}
.iTrTempTb td {
	border-bottom: solid 1px #e3e3e3;
	line-height: 14px;
	vertical-align: top;
}




table.dateChooserPairTb {
	width: 230px;
}
.dateChooserPairTb td {
	width: 105px;
}
.dateChooserPairTb td.to {
	width: 20px;
	text-align: center;
}

.activeTreeNode {
    font-weight: bold;
    color: #e6001d;
    text-decoration: underline;
}

/* @iTbCellIcon
--------------------------------------------------------------------------------------------*/
.iTbFrame .iconBtn, .iTbFrame .icon
{
    text-indent: 0;
}
.iTbFrame table td.cellIcon
{
	border: none;
	width: 20px;
	height: 20px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}
.iTbFrame table td span.cellIconMsgUnread
{
    background-image: url(../images/cellIcons.gif);
    background-position: 0  top;
    font-size:18px;
    height: 22px;
    width: 20px;
}
.cellIconMsgUnread
{
    background-image: url(../images/cellIcons.gif);
    background-position: 0  top;
    font-size:18px;
    height: 22px;
    width: 20px;
}
.iTbFrame table td.cellIconMsgUnreadClosed {
    background-image: url(../images/cellIcons.gif);
    background-position: center -20px;
}
.iTbFrame table td span.cellIconMsgRead
{
    background-image: url(../images/cellIcons.gif);
    background-position: 0 -40px;
    font-size:18px;
    height: 22px;
    width: 20px;
}
.cellIconMsgRead
{
    background-image: url(../images/cellIcons.gif);
    background-position: 0 -40px;
    font-size:18px;
    height: 22px;
    width: 20px;
}
.iTbFrame table td.cellIconMsgReadClosed {
    background-image: url(../images/cellIcons.gif);
    background-position: center -60px;
}
.iTbFrame table td.cellIconChargeCostNew {
    background-image: url(../images/cellIcons.gif);
    background-position: center -100px;
}
.iTbFrame table td.cellIconChargeCostSent {
    background-image: url(../images/cellIcons.gif);
    background-position: center -120px;
}
.iTbFrame table td.cellIconChargeCostUpdated {
    background-image: url(../images/cellIcons.gif);
    background-position: center -140px;
}
.iTbFrame table td.cellIconChargeCostUnbillable {
    background: url(../images/cellIcons.gif) center -160px no-repeat;
}
.iTbFrame table td.cellIconChargeCostDollarIn {
    background-image: url(../images/cellIcons.gif);
    background-position: center -180px;
}
.iTbFrame table td.cellIconChargeCostDollarOut {
    background-image: url(../images/cellIcons.gif);
    background-position: center -200px;
}
.iTbFrame table td.cellIconChargeCostDollarInDollarOut {
    background-image: url(../images/cellIcons.gif);
    background-position: center -220px;
}
.approveBtn {
    background-image: url(../images/approve.png) !important;
}
.addFromTariffBtn {
    background-image: url(../images/addFromTariff.png) !important;
}
.generateBalanceCostBtn {
    background-image: url(../images/generateBalanceCost.png) !important;
}
.retriggerBtn {
    background-image: url(../images/retrigger.png) !important;
}
.cellIconDesc {
    padding: 0 8px 0 20px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-style: italic;
    color: #888;
}
.cellIconActionLog{
	padding: 0 6px 0 20px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-style: italic;
    color: #600000;
	}
.dcsRefreshIcon{
		padding: 0 6px 0 10px !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 10px;
    line-height: 20px;
    font-style: italic;
    color: #888;
}
.cellIconDescAmount {
    font-weight: bold;
    font-size: 1.2em;
    font-style: italic;
    position: relative;
    left: -10px;
    top: -3px;
    cursor: pointer;
}
.cellIconComplete {
	background: url(../images/completeOrder.png) 2px no-repeat;
}
.cellIconCompleteDisabled {
	background: url(../images/completeOrder.png) 2px no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; filter: alpha(opacity = 40); cursor: default;
}
.dcsRefreshIconBtn {
    background: url(../images/iconRefresh.gif) left 3px no-repeat;
    background-position: center;
}
.cellIconChargeCostNew {
    background: url(../images/cellIcons.gif) left -100px no-repeat;
}
.cellIconChargeCostApproving {
    background: url(../images/process.png) left 3px no-repeat;
}
.cellIconChargeCostSent {
    background: url(../images/cellIcons.gif) left -120px no-repeat;
}
.cellIconChargeCostUpdated {
    background: url(../images/cellIcons.gif) left -140px no-repeat;
}
.cellIconChargeCostUnbillable {
    background: url(../images/cellIcons.gif) left -160px no-repeat;
}
.cellIconChargeCostDollarIn {
    background: url(../images/cellIcons.gif) left -180px no-repeat;
}
.cellIconChargeCostDollarOut {
    background: url(../images/cellIcons.gif) left -200px no-repeat;
}
.cellIconChargeCostDollarInDollarOut {
    background: url(../images/cellIcons.gif) left -220px no-repeat;
}
.cellIconChargeCostFullyMatched {
    background: url(../images/cellIcons.gif) left -300px no-repeat;
}
.cellIconChargeCostPartiallyMatched {
    background: url(../images/cellIcons.gif) left -320px no-repeat;
}
.cellIconChargeCostClear {
    background: url(../images/cellIcons.gif) left -340px no-repeat;
}
.cellIconChargeCostFinal {
    background: url(../images/cellIcons.gif) left -360px no-repeat;
}
.cellIconChargeCostActionLog{
	background: url(../images/actionLog_2.png) no-repeat;
	cursor: pointer;
}
.cellIconMilestoneImport{
	background: url(../images/inbox-download.png) no-repeat;
	cursor: pointer;
}
.cellIconChargeCostInvoiceeCredit{
    background: url(../images/invoiceeCredit.png) no-repeat;
    cursor: pointer;
}
.cellIconSend {
    background: url(../images/cellIcons.gif) left -240px no-repeat;
}
.cellIconSendDisabled {
    background: url(../images/cellIcons.gif) left -240px no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; filter: alpha(opacity = 40); cursor: default;
}
.cellIconDelete {
    background: url(../images/cellIcons.gif) left -260px no-repeat;
}
.cellIconDeleteDisabled {
    background: url(../images/cellIcons.gif) left -260px no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; filter: alpha(opacity = 40); cursor: default;
}
.cellIconEdit {
    background: url(../images/cellIcons.gif) left -280px no-repeat;
}
.cellIconSave {
	 background: url(../images/cellIcons.gif) left -560px no-repeat;
}
.cellIconSaveDisabled {
	 background: url(../images/cellIcons.gif) left -560px no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; filter: alpha(opacity = 40); cursor: default;
}
.cellIconEditable {
    background: url(../images/editableIcon.png) no-repeat;
    padding: 0 6px 0 15px;
    background-repeat: no-repeat;
    height: 20px;
    line-height: 10px;
    font-style: italic;
    color: #888;
    background-size: 60%;
}
.cellIconGateOutNeed {
    background: url(../images/houseIcon.png) left -38px no-repeat;
    background-repeat: no-repeat;
	height: 20px;
	padding: 2px 0 0 20px;
    line-height: 20px;
    cursor: pointer;
    display: inline;
}
.cellIconGateInNeed {

    background: url(../images/houseIcon.png) left -58px no-repeat;
    background-repeat: no-repeat;
	height: 20px;
	padding: 2px 0 0 20px;
    line-height: 20px;
    cursor: pointer;
    display: inline;
}

.cellIconFileType {
	background: url(../images/files/file.gif) left 0px no-repeat;
	background-repeat: no-repeat;
	height: 20px;
    line-height: 20px;
    padding: 0 0px 1px 20px;
    cursor: pointer;
}
.cellIconFilesType {
	background: url(../images/files/files.gif) left 0px no-repeat;
}
.cellIconUnknowFileType {
	background: url(../images/files/unknow.gif) left 0px no-repeat;
}
.cellIconPdfFileType {
	background: url(../images/files/pdf.gif) left 0px no-repeat;
}
.cellIconMsgFileType {
    background: url(../images/files/msg.gif) left 0px no-repeat;
}
.cellIconTxtFileType {
	background: url(../images/files/txt.gif) left 0px no-repeat;
}
.cellIconImgFileType {
	background: url(../images/files/img.gif) left 0px no-repeat;
}
.cellIconDocFileType {
	background: url(../images/files/doc.gif) left 0px no-repeat;
}
.cellIconXlsFileType {
	background: url(../images/files/xls.gif) left 0px no-repeat;
}
.cellIconPptFileType {
	background: url(../images/files/ppt.gif) left 0px no-repeat;
}
.cellIconZipType {
	background: url(../images/files/zip.gif) left 0px no-repeat;
}
.cellIconExeType {
	background: url(../images/files/exe.gif) left 0px no-repeat;
}
.cellIconHtmlFileType {
	background: url(../images/files/html.gif) left 0px no-repeat;
}
.cellIconXmlFileType {
    background: url(../images/files/xml.gif) left 0px no-repeat;
}
.cellIconCbAss {
    background: url(../images/ocs/check.png) left 0px no-repeat;
}
.cellIconTick {
    background: url(../images/ocs/check.png) left 2px top 2px no-repeat;
}
.cellIconCbInAss {
    background: url(../images/ocs/gear_add.png) left 0px no-repeat;
}
.cellIconAlert {
    background: url(../images/ocs/icon_alert.gif) left 0px no-repeat;
}
.cellIconSVRCost {
    background-image: url(../images/svrCostIcon.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
    cursor: pointer;
}
.cellIconJOCost {
    background-image: url(../images/joCostIcon.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
    cursor: pointer;
}
.cellIconNewJOCost {
    background-image: url(../images/newJoCostIcon.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
    cursor: pointer;
}
.cellIconNewJOCostDisable {
    background-image: url(../images/newJoCostIconDisable.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
}
.cellIconEditCost {
    background-image: url(../images/editCost.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
    cursor: pointer;
}
.cellIconEditCostDisable {
    background-image: url(../images/editCostDisable.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
}
.cellIconEditPOLPOD {
    background-image: url(../images/editCost.png);
    background-repeat: no-repeat;
    color: #888888;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 0px 1px 20px;
    cursor: pointer;
}

.cellIconEditPOLDArrow {
    background-image: url(../../images/arrow.png);
    background-repeat: no-repeat;
    color: #888888;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 0px 1px 20px;
    cursor: pointer;
	margin: 7px;
    position: relative;
    top: 5px;
}
.cellIconEditPOLPODArrowUp {
    background-image: url(../../images/arrow_up.png);
    background-repeat: no-repeat;
    color: #888888;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0px 1px 1px 10px;
    cursor: pointer;
	margin: 7px;
    position: relative;
    top: 5px;
}
.cellIconEditPOLPODLable{
	text-decoration: underline;
}
.cellIconEditPOLPODLable:hover{
	color: red;
	text-decoration: none;
}
.cellIconTips {
	background: url(../images/icon_info.gif) left no-repeat;
	padding: 0 6px 0 10px;
}
a.svPckLink {
    line-height: 12px;
    padding-left: 17px;
    background: url(../images/cellIcons.gif) left -283px no-repeat;
    font-weight: bold;
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}

a.viewSvPckLink {
    line-height: 12px;
    padding-left: 17px;
    font-weight: bold;
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
/**
 *  autoSuggest
 *
 --------------------------------------------------------------------------------------------*/
#autoSuggestWrapper, #autoSuggestCacheWrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 990001;
    width: 200px;
    border: solid 1px #7f9db9;
    background-color: #fff;
    display: none;
}
#autoSuggestCacheWrapper {
    border: dashed 1px #999;
    z-index: 990000;
}
#autoSuggestInner, #autoSuggestCacheInner {
    overflow-y: scroll;
    overflow-x: hidden;
}
#autoSuggestWrapper a, #autoSuggestCacheWrapper a {
    display: block;
    text-decoration: none;
    color: #000;
    cursor: default;
    border-bottom: dotted 1px #ccc;
    width: 100%;
}
#autoSuggestCacheWrapper a {
    color: #333;
}
#autoSuggestWrapper a:hover, #autoSuggestCacheWrapper a:hover {
    background: #316ac5;
    text-decoration: none;
    color: #fff;
}
#autoSuggestCacheWrapper a:hover {
    background: #888;
}
#autoSuggestWrapper a.hl {
    background: #d3e4ff;
}
#autoSuggestCacheWrapper a.hl {
    background: #ddd;
}
#autoSuggestWrapper a.hl:hover {
    background: #316ac5;
}
#autoSuggestCacheWrapper a.hl:hover {
    background: #888;
}
#autoSuggestFooter {
    background: #EEE;
    border-top: solid 1px #DDD;
    font-style: italic;
    font-weight: bold;
    padding: 1px;
    color: #555;
}
.asLoading {
    background: #f9f9f9 url(../images/css/iconProcessing.gif) center 3px no-repeat;
    height: 22px;
}

/**
 *  button
 *
 --------------------------------------------------------------------------------------------*/
/* @button
--------------------------------------------------------------------------------------------*/
.buttonGroup {
	text-align: right;
}
.buttonGroup span {
    display: inline-block;
    margin-right: 3px;
    position: relative;
}
.buttonGroup span.last {
    margin-right: 0;
}
.buttonGroup span .tips {
    position: absolute;
    left: 5px;
    top: 3px;
}
.buttonGroup span .btnWarn {
    background: url(../images/buttons.gif) -40px -90px no-repeat;
    height: 10px;
    width: 11px;
    left: 7px;
    top: 5px;
    filter: alpha(opacity = 60);
    position: absolute;
}
.subBtnListArrow {
    position: absolute;
    right: -1px;
    background: url(../images/buttons.gif) left -150px no-repeat;
    height: 1.8em;
    line-height: 1.3em;
    font-size: 1em;
    width: 14px;
    border: none;
}
.subBtnListArrowOver {
    background: url(../images/buttons.gif) -20px -150px no-repeat;
}

.button, .buttonHl, button {
	cursor: pointer;
	height: 1.8em;
	line-height: 1.3em;
	border: solid 1px #DDD;
	font-size: 1em;
	margin-left: 3px;
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
.buttonHl {
	background: #ededed url(../images/buttons.gif) -7px -30px no-repeat;
}
.btnHasSub {
	background: #ededed url(../images/buttons.gif) right top no-repeat;
}
.btnHasSubHl {
	background: #ededed url(../images/buttons.gif) right -30px no-repeat;
}
.btnEnterTrigger {
	background-position: left top;
}
.btnEnterTriggerHl {
	background-position: left -30px;
}
td.formBtnTd .button, td.formBtnTd .buttonHl {
	margin-top: 1px;
}

.btnSize0 {
	width: 40px;
}
.btnSize1 {
	width: 70px;
}
.btnSize2 {
	width: 100px;
}
.btnSize3 {
	width: 150px;
}
.btnSize4 {
	width: 230px;
}


/* @iconBtn
--------------------------------------------------------------------------------------------*/
.icon, .iconBtn {
	padding: 0;
	border: none;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.iconBtn {
	cursor: pointer;
}
td.l .iconBtn, td.r .iconBtn {
	text-indent: 0;
}

.hasAttachmentBtn { /* iconBun */
	background: url(../images/buttons.gif) -300px -60px no-repeat;
	cursor: default;
}
.noAttachmentBtn { /* iconBun */
	background: url(../images/buttons.gif) -0px -60px no-repeat;
	cursor: default;
}

.plusIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -20px -60px no-repeat;
}

.subIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -40px -60px no-repeat;
}


.expIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -60px -60px no-repeat;
}

.colIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -80px -60px no-repeat;
}


.colLyrIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -100px -60px no-repeat;
}

.expLyrIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -120px -60px no-repeat;
}



.closeIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -140px -60px no-repeat;
	position: relative;
	top: 2px;
	right: 1px;
}
.refreshIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -160px -60px no-repeat;
	position: relative;
	top: 2px;
	right: 1px;
}

.lookupIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -200px -60px no-repeat;
	position: relative;
	left: -26px;
}
.lookupEtIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -460px -60px no-repeat;
	position: relative;
	left: -29px;
}
.lookupDisIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -220px -60px no-repeat;
	position: relative;
	left: -26px;
}
.iTr .lookupIconBtn { /* iconBun */
	left: 3px;
}

.editIconBtn { /* iconBun */
	background: url(../images/cellIcons.gif) left -280px no-repeat;
	width: 20px;
	height: 20px;
}
.editDisIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -260px -60px no-repeat;
	width: 12px;
	height: 14px;
}


.exceptionIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -280px -60px no-repeat;
	width: 15px;
	height: 14px;
	cursor: default;
}

.addToRightIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -320px -60px no-repeat;
	width: 27px;
	height: 20px;
}
.removeFromRightIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -360px -60px no-repeat;
	width: 27px;
	height: 20px;
}

.resizeSelectIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -400px -60px no-repeat;
	width: 6px;
	height: 20px;
	cursor: e-resize;
	margin: 0;
}

.checkedRedIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -420px -60px no-repeat;
	width: 17px;
	height: 13px;
	cursor: default;
}
.checkedBlueIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -440px -60px no-repeat;
	width: 17px;
	height: 13px;
	cursor: default;
}
.showMasterTodoIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -20px -90px no-repeat;
	width: 8px;
	height: 59px;
}
.switchEquipmentViewBtn { /* iconBun */
	background: url(../images/buttons.gif) -60px -90px no-repeat;
	position: relative;
	left: 4px;
	top: 2px;
}

.custRefreshIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -80px -90px no-repeat;
}

.expColAllIconBtn { /* iconBun */
	background: url(../images/buttons.gif) -80px -150px no-repeat;
}

.editReasonBtn {
    background: url(../images/editReason32.png) no-repeat;
    display: inline-block;
    text-align: center;
    height: 32px;
    width: 32px;
    margin-top: -15px;
    float: right;
    color: #555;
    text-decoration: none;
    position : relative;
    z-index : 95;
}
.refAndAttachmentBtn {
    background: url(../images/docFolder.png) no-repeat;
    display: inline-block;
    text-align: center;
    height: 48px;
    width: 48px;
    margin-top: -35px;
    float: right;
    color: #555;
    text-decoration: none;
    position : relative;
    z-index : 222;
}
.refAndAttachmentBtn32 {
    background: url(../images/docFolder32.png) no-repeat;
    display: inline-block;
    text-align: center;
    height: 30px;
    width: 32px;
    margin-top: -15px;
    float: right;
    color: #555;
    text-decoration: none;
    position : relative;
    z-index : 222;
}
.refAndAttachmentBtn:hover {
    color: #555;
    text-decoration: none;
}
.favoriteSVONav {
    display: inline-block;
    float: right;
    color: #555;
    text-decoration: none;
    position : relative;
    z-index : 99;
}
.docBtn {
    background-image: url(../images/docFolder16.png) !important;
}
.disabledBtn {
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	filter: alpha(opacity = 40);
	cursor: default;
}

.plusSub, button.plusSub {
	width: 22px;
}
.cellIconView {
    background-image: url(../images/contract_icon.png);
    background-repeat: no-repeat;
    width: 30px;
}
.cellIconView2 {
    background-image: url(../images/View_Detail.png);
    background-repeat: no-repeat;
    width: 30px;
}
/* @icon
--------------------------------------------------------------------------------------------*/
.iconWarn {
    background: url(../images/cellIcons.gif) left -380px no-repeat;
}
.iconError {
    background: url(../images/cellIcons.gif) left -80px no-repeat;
	padding: 0 6px 0 15px;
}
.iconLowLevelAlert {
	background: url(../images/lowLevelAlert.png) left no-repeat;
	padding: 0 6px 0 15px;
}

.iconMiddleLevelAlert {
	background: url(../images/middleLevelAlert.png) left no-repeat;
	padding: 0 6px 0 15px;
}

.iconHighLevelAlert {
	background: url(../images/highLevelAlert.png) left no-repeat;
	padding: 0 6px 0 15px;
}
.iconFile {
	background: url(../images/cellIcons.gif) left -100px no-repeat;
}

.cellIcon-OCR-pass {
	background: url(../images/OCR_pass.png) left no-repeat;
	padding: 0;
	background-size: contain;
	width: 20px;
	height: 16px;
	margin-left: 18px;
}

.cellIcon-OCR-fail {
	background: url(../images/OCR_fail.png) left no-repeat;
	padding: 0;
	background-size: contain;
	width: 20px;
	height: 16px;
	margin-left: 18px;
}

ul.subBtnList {
	position: absolute;
	border: 1px solid #888;
	display: none;
	z-index: 10;
}
ul.subBtnList li input {
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
.subBtnList li {
	width: 100%;
	border: none;
	padding: 0;
	border-bottom: solid 1px #ccc;
	position: relative;
}
.subBtnList li input {
	border: none;
	background-image: none;
	background-color: #eee;
	width: 100%;
	margin: 0;
}
.subBtnList li a, .subBtnList li input {
	padding-left: 6px;
	text-align: left;
	font-weight: normal;
	color: #555;
	background-color: #eee;
	display: block;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
}
.subBtnList li.default a, .subBtnList li.default input {
	font-weight: bold;
}
.subBtnList li.hasSubOver a, .subBtnList li.hasSubOver input {
	background-color: #ddd;
}
.subBtnList li.hasSubOver li a, .subBtnList li.hasSubOver li input {
	background-color: #eee;
}
.subBtnList li a:hover, .subBtnList li a.msover, .subBtnList li input.msover,
.subBtnList li.hasSubOver a:hover, .subBtnList li.hasSubOver input.msover {
	background-color: #ddd;
	font-weight: bold;
	color: #e6001d;
	text-decoration: none;
}
.subBtnList li a.disabled, .subBtnList li input.disabled, .subBtnList li input.disabledBtn  {
	cursor: default;
	filter: alpha(opacity = 100);
}
.subBtnList a.disabled:hover {
	cursor: default;
	background-color: #eee;
	font-weight: normal;
}
.subBtnList li a.btnHasSub, .subBtnList li a.btnHasSub:hover, .subBtnList li input.btnHasSub {
	background-image: url(../images/buttons.gif);
	background-position: right -120px;
	background-repeat: no-repeat;
}
.subBtnList iframe {
	left: -1px;
	bottom: -1px;
	border: none;
	position: absolute;
	z-index: -9;
	filter: alpha(opacity = 0);
	width: 100%;
	background: #000;
}
.helpTipsIcon {
    background-image: url(../images/how_to_do_tips.png);
    background-repeat: no-repeat;
    width: 30px;
}

/**
 *  Site
 *
 --------------------------------------------------------------------------------------------*/
/* @general
--------------------------------------------------------------------------------------------*/
html, body {
	height:100%;
}
body {
	color: #000;
	margin: 0;
	font-size: 0.7em;
	background: #ffffff;
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	overflow-y:scroll;/*ff*/
	*overflow-y:visible!important;/*ie7*/
	overflow-y:auto;/*ie8*/
}
body#p {
	padding: 6px;
}
body.iframe {
	padding: 0;
}
body.blockIframe {
	background: #fcfcfc;
}
body.innerblockIframe {
	background: #f6f6f6;
}
div {
	padding: 0;
	margin: 0;
}
div.fLeft {
	float: left;
}
div.fRight {
	float: right;
}
br.clear {
	clear: both;
	line-height: 28px;
}
a {
	color: #384968;
	text-decoration: underline;
}
a:hover {
	color: #e6001d;
	text-decoration: underline;
}
p {
	clear: both;
	margin: 6px 0 0 0;
}
form {
	margin: 0;
	padding: 0;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* @framework
--------------------------------------------------------------------------------------------*/
#main_bootstrap {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
#wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding-right: 10px;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}
#wrapper #wrapperTop {
    flex: 1;
}

#wrapper #wrapperBot {
    flex-shrink: 0;
    padding: 0;
}
div#header {
	margin-top: 6px;
}
div#content {
	clear: both;
	padding: 6px 0 6px 10px;
	background: #FFF;
}
#useCommonfooter {
    min-width: 1243px;
}

/* @header
--------------------------------------------------------------------------------------------*/
div#header {

}
#header h1 {
    width: 256px;
    height: 50px;
    float: left;
    margin-left: 15px;
    text-indent: -9999px;
    background: url(../images/headerTitle.jpg) left top no-repeat;
}
#header h1.external {
    background: url(../images/headerTitle.jpg) left top no-repeat;
}
#header h2 {
    width: 500px;
    height: 50px;
    float: left;
    margin-left: 15px;
    text-indent: -9999px;
    background: left top no-repeat;
    background-size: auto 50px;
}
body#p #header {
    height: 33px;
    border-bottom: solid 1px #CCC;
}
#header #cUserInfo {
    float: right;
    text-align: right;
    font-weight: bold;
    width: 300px;
    color: #555;
    line-height: 13px;
}
#header h6 {
	width: 510px;
	height: 43px;
	line-height: 41px;
	float: left;
	margin: 0;
	text-indent: -9999px;
	background: left top no-repeat;
	background-size: contain;
}
#header h3 {
    width: 510px;
    height: 43px;
    line-height: 41px;
    float: left;
    margin: 0;
    text-indent: -9999px;
    background: url(../images/logoCW.gif) left top no-repeat;
}
body#p #header {
	height: 33px;
	border-bottom: solid 1px #CCC;
}
#header #cUserInfo {
	float: right;
	text-align: right;
	font-weight: bold;
	width: 200px;
	color: #555;
	line-height: 13px;
	font-size: 0.9em;
}
#header #cargoTracking {
	float: right;
	font-size: 0.9em;
	text-align: right;
}
#header #cargoTracking div {
	height: 40px;
	width: 390px;
	position: absolute;
	right: 10px !important;
	right: 9px;
	top: 4px;
	padding: 3px 4px;
	background: url(../images/cargoTracking.gif) left top no-repeat;
	vertical-align: middle;
}
#header #cargoTracking h2 {
	width: 185px;
	height: 21px;
	line-height: 19px;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 1.1em;
	background: url(../images/cargoTracking.gif) left -48px no-repeat;
	position: absolute;
	left: -183px;
	top: 0;
}
#header #cargoTracking label {
	font-weight: bold;
	position: relative;
	top: -2px;
}
#header #cargoTracking select {

	width: 80px;
	font-size: 0.9em;
}
#header #cargoTracking input {
	height: 12px;
	width: 70px;
}
#header #cargoTracking input.button {
	height: 18px;
	width: 42px;
}
#header #cargoTracking .tips {
    height: 14px;
}

/* @content
--------------------------------------------------------------------------------------------*/
#content h1 {
	font-size: 1.4em;
	margin: 0;
	margin-top: 6px;
	padding-left: 7px;
	color: #555;
}
#content h2 {
	font-size: 1.1em;
}
#content h3 {
    color: #0285cd;
    font: bold 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
#content .vlabel {
     color:#444;
     font: bold 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
#content hr {
    font-size: 1em;color: #777;padding-left: 6px;line-height: 40px;border-top: dashed 1px #ddd;
}
body#loginPage div#content {
	background: url(../images/loginBg.gif) center top no-repeat;
	height: 450px;
}
#content h1 .status {
	color: #e1182c;
}

#todoListWrapper {
	background: url(../images/loginBg.gif) center top no-repeat;
	height: 385px;
}

   /* @content - @breadCrumb
--------------------------------------------------------------------------------------*/
#breadCrumb .tips {
	position: absolute;
	right: 0;
	line-height: 14px;
}




   /* @content - @block
--------------------------------------------------------------------------------------*/
div.blockHead {
	background: #bbb url(../images/blockHeadBg.gif) left top no-repeat;
	margin-top: 12px;
	height: 22px;
	line-height: 20px;
	border: solid 1px #aaa;
	border-bottom-color: #bbb;
	color: #333;
	overflow: hidden;
}
.popLayerAlpha .blockHead {
	margin-top: 0;
}
.blockHead h2 {
	float: left;
	font-size: 1em;
	padding: 0 6px;
	margin: 0;
	color: #000;
}
.blockHead a {
	color: #000;
	text-decoration: underline;
}
.blockHead a:hover {
	color: #555;
}
.blockHead .tips {
	margin-top: 4px;
	color: #333;
	float: left;
	height: 14px;
}
.blockHead .opRecord {
	float: right;
	margin-right: 3px;
	margin-top: 1px;
	width: 400px;
	color: #333;
}
.blockHead .opRecord .recordQuantity {
	font-weight: bold;
	color: #000;
}


.blockHead .expIconBtn,
.blockHead .colIconBtn,
.blockHead .closeIconBtn,
.blockHead .refreshIconBtn,
.blockHead .custRefreshIconBtn,
.blockHead .colLyrIconBtn,
.blockHead .expLyrIconBtn {
	float: right;
	line-height: 20px;
}
.blockHead .closeIconBtn, .blockHead .refreshIconBtn {
	margin-top: -1px;
	margin-right: 4px;
	margin-left: 0;
}
.blockHead .colLyrIconBtn, .blockHead .expLyrIconBtn {
	margin-top: 1px;
	margin-right: 4px;
}

.blockHead a#switchSearchBoxLink {
	font-weight: bold;
}

div.blockBody {
	border: solid 1px #aaa;
	border-top-width: 0;
	padding: 6px 6px;
	background: #fefefe;
}
div.blockBodyNoPadding {
    padding: 0;
    padding-top: 1px;
}
.blockBody table.noStyle {
}
div.topBlock {
	margin-top: 6px;
}
.blockBody .topBlockChild {
	margin-top: 0;
}

   /* @content - @tabs
--------------------------------------------------------------------------------------*/
div.tabsHead, div.innertabsHead  {
	margin-top: 11px;
	border-bottom: solid 1px #aaa;
	height: 24px;
	line-height: 24px;
}
div.topTabs {
	margin-top: 5px;
}
.tabsHead ul, .innertabsHead ul {
	margin: 0;
	list-style: none;
}
.tabsHead ul li, .innertabsHead ul li {
	float: left;
	background: #000;
	margin-right: 3px;
	background: #fff url(../images/blockHeadBg.gif) left -29px no-repeat;
}
.tabsHead ul li a, .innertabsHead ul li a {
	padding: 0 7px;
	background: url(../images/blockHeadBg.gif) right -59px no-repeat;
	display: inline-block;
	color: #555;
	cursor: pointer;
	text-decoration: none;
}
.tabsHead ul li a:hover, .innertabsHead ul li a:hover {
	color: #555;
	text-decoration: none;
}
div.a .tabsHead li.a,
div.b .tabsHead li.b,
div.c .tabsHead li.c,
div.d .tabsHead li.d,
div.e .tabsHead li.e,
div.f .tabsHead li.f,
div.g .tabsHead li.g {
	background: #fff url(../images/blockHeadBg.gif) left -90px no-repeat;
	bottom: -1px;
	font-weight: bold;
	bottom: -1px;
	position: relative;
}
div.a .tabsHead li.a a,
div.b .tabsHead li.b a,
div.c .tabsHead li.c a,
div.d .tabsHead li.d a,
div.e .tabsHead li.e a,
div.f .tabsHead li.f a,
div.g .tabsHead li.g a {
	background: url(../images/blockHeadBg.gif) right -120px no-repeat;
	cursor: default;
	color: #000;
}
.tabWarning span {
	background: url(../images/buttons.gif) left -90px no-repeat;
	padding-left: 12px;
}
   /* @content - @innertabs
--------------------------------------------------------------------------------------*/
div.innertabsHead  {
	border-bottom: solid 1px #bbb;
	height: 18px;
	line-height: 18px;
}
.innertabsHead ul li {
	background: #fff url(../images/blockHeadBg.gif) left -389px no-repeat;
}
.innertabsHead ul li a {
	background: url(../images/blockHeadBg.gif) right -419px no-repeat;
	color: #888;
}
.innertabsHead ul li a:hover {
	color: #888;
}

div.ia .innertabsHead li.ia,
div.ib .innertabsHead li.ib,
div.ic .innertabsHead li.ic,
div.id .innertabsHead li.id,
div.ie .innertabsHead li.ie,
div.if .innertabsHead li.if,
div.ig .innertabsHead li.ig {
	background: #fff url(../images/blockHeadBg.gif) left -330px no-repeat;
	bottom: -1px;
	font-weight: bold;
	bottom: -1px;
	position: relative;
}
div.ia .innertabsHead li.ia a,
div.ib .innertabsHead li.ib a,
div.ic .innertabsHead li.ic a,
div.id .innertabsHead li.id a,
div.ie .innertabsHead li.ie a,
div.if .innertabsHead li.if a,
div.ig .innertabsHead li.ig a {
	background: url(../images/blockHeadBg.gif) right -360px no-repeat;
	cursor: default;
	color: #444;
}
.innertabs .blockBody {
	background: #fcfcfc;
	border-color: #bbb;
}


   /* @content - @step
--------------------------------------------------------------------------------------*/
div.setps  {
	margin-top: 6px;
	height: 25px;
	line-height: 25px;
}
.setps ul {
	margin: 0;
	list-style: none;
}
.setps ul li {
	float: left;
	background: #000;
	margin-right: 3px;
	background: #fff url(../images/blockHeadBg.gif) left -150px no-repeat;

}
.setps ul li a {
	padding: 0 7px;
	padding-right: 18px;
	background: url(../images/blockHeadBg.gif) right -180px no-repeat;
	display: block;
	text-decoration: none;
	color: #555;
}
.setps ul li a:hover {
	text-decoration: none;
	color: #e6001d;
}

.setps ul.a li.a,
.setps ul.b li.b,
.setps ul.c li.c,
.setps ul.d li.d {
	background: #fff url(../images/blockHeadBg.gif) left -210px no-repeat;
	font-weight: bold;
}
.setps ul.a li.a a,
.setps ul.b li.b a,
.setps ul.c li.c a,
.setps ul.d li.d a {
	background: url(../images/blockHeadBg.gif) right -240px no-repeat;
	cursor: default;
	color: #555;
}
.setps ul.a li.a a:hover,
.setps ul.b li.b a:hover,
.setps ul.c li.c a:hover,
.setps ul.d li.d a:hover {
	color: #555;
}

.setps ul li a.last {
	padding: 0 7px;
	background: url(../images/blockHeadBg.gif) right -270px no-repeat;
}
.setps ul.a li.a a.last,
.setps ul.b li.b a.last,
.setps ul.c li.c a.last,
.setps ul.d li.d a.last {
	background: url(../images/blockHeadBg.gif) right -300px no-repeat;
}

.setps ul li.inact {
	filter: alpha(opacity = 60);
}
.setps ul li.inact a {
	color: #AAA;
	cursor: default;
}



   /* @content - @innerBlock
--------------------------------------------------------------------------------------------*/
div.innerBlock {
	border: solid 1px #ddd;
	margin-top: 6px;
	padding: 0 6px;
	background: #f3f3f3 url(../images/innerBlockBg.gif) left -25px repeat-x;
}
.innerBlock .opRecord {
	margin-right: 0;
	font-weight: normal;
	color: #777;
}
.innerBlock span.opRecord {
	width: 460px;
}
.innerBlock .opRecord .recordQuantity {
	font-weight: bold;
	color: #000;
}

div.innerBlock h3 {
	font-size: 1em;
	color: #555;
	margin: 0;
	margin-bottom: 1px;
	height: 14px;
	line-height: 14px;
}
.innerBlock h3 span {
	float: left;
}
.innerBlock h3 .tips {
	float: left;
	margin-left: 3px;
}
.innerBlock h3 span span {
	float: none;
}
.innerBlock h3 span.mandatory {

}
div.innerBlock h4 {
	font-size: 1em;
	color: #777;
	margin: 0;
	margin-top: 6px;
	padding-top: 3px;
	line-height: 14px;
	border-top: solid 1px #ddd;
}
div.innerBlock h4 .chkbox {
    position: relative;
    left: -4px;
    margin-top: 4px;
    display: inline-block;
}
div.innerBlock div.section {
	padding-left: 6px;
}

.innerBlock .expIconBtn, .innerBlock .colIconBtn {
	float: right;
	margin-top: -6px;
	margin-right: -6px;
	top: 2px;
	position: relative;
}
.innerBlock div {
	clear: both;
}

div.ibColorB {
	background: #f6f6f6;
}
.ibColorB input.focus, .ibColorB table.noStyle input.focus {
	background: #FFD;
}
.ibColorB table input.focus {
	background: #f6fdff;
}
.ibColorB table input.readonly {
	background: #FFF;
}
.ibColorB textarea.focus {
	background: #FFD;
}
div.ibColorG {
	background: #f6f6f6;
}

div.innerBlockTop, div.innerBlockTop div, div.innerBlockBot, div.innerBlockBot div {
	height: 6px;
	line-height: 6px;
	padding: 0;
	width: 100%;
	background: #FFF;
	left: -7px;
	top: -1px;
	position: relative;
	z-index: 0;
	font-size: 1px;
}
div.innerBlockBot {
	top: 1px;
}
div.innerBlockTop div, div.innerBlockBot div {
	left: 14px;
	top: 0;
}
div.innerBlockTop {
	background: url(../images/innerBlockBg.gif) left top no-repeat;
}
div.innerBlockTop div {
	background: url(../images/innerBlockBg.gif) right -6px no-repeat;
}
div.innerBlockBot {
	background: url(../images/innerBlockBg.gif) left -12px no-repeat;
}
div.innerBlockBot div {
	background: url(../images/innerBlockBg.gif) right -18px no-repeat;
}


div.innerBlockNs {
	border-width: 0;
	padding: 0 7px;
	background: none;
	margin-top: 6px;
}

.innerBlock table.noStyle {
}



/* @footer
--------------------------------------------------------------------------------------------*/
div#footer {
	background: #fff;
	border-top: solid 1px #f3f3f3;
	height: 10px;
	padding: 5px 6px;
	color: #BBB;
	font-size: 0.9em;
	clear: both;
}
body#p #footer {
	height: 33px;
}

/* @warning
--------------------------------------------------------------------------------------------*/
#warningLayer {
	border: solid 2px #eee;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	padding: 4px 10px;
	text-align: center;
	width: 300px;
	position: absolute;
	z-index: 500;
	display: none;
	font-size: 1.1em;
	color: #555;
}
.warningSucc {
	background: #eeffd3;
}
.warningFail {
	background: #ffe0e0;
}
iframe#warningIf {
	z-index: -9 !important;
	z-index: 500;
	width: 100%;
	left: 0;
	top: 0;
	border: none;
	position: absolute;
	filter: alpha(opacity = 0);
}
input#warningCloseBtn {
	position: absolute;
	right: 2px;
	top: 2px;
	border: none;
	cursor: pointer;
	display: block;
	width: 13px;
	height: 13px;
	background: url(../images/buttons.gif) -180px -60px no-repeat;
}
/* @login
--------------------------------------------------------------------------------------------*/
#loginBoxOuter {
	text-align: center;
}
#loginBoxInner {
	width: 252px;
	text-align: left;
	margin: auto;
	filter: alpha(opacity = 80);
}


/* @table
--------------------------------------------------------------------------------------------*/
table.noStyle {
	width: 100%;
	margin-top: 6px;
}
.noStyle th, .noStyle td {
	/*
	font-weight: normal;
	line-height: 16px;
	*/
}
.noStyle td {
	vertical-align: top;
}
tr.t .noStyle td, tr.b .noStyle td {
	border: none;
	background: none;
}

table.gTb table.noStyle th, table.gTb table.noStyle td {
	border: none;
}


table.refTb, .formTb table.refTb {
	margin-top: 0;
}
.refTb td {
	padding-left: 3px;
	border-bottom: solid 1px #e9e9e9;
}
.refTb .t td {
	border-top: solid 1px #ddd;
}
.refTb .b td {
	border-bottom: solid 1px #ddd;
}
.refTb td.sep {
	border-left: solid 1px #ddd;
}
.refTb td.type {
	font-style: italic;
	color: #555;
}

table.vTop td {
	vertical-align: top;
}
table.vMid td {
	vertical-align: middle;
}

/* @checkList
--------------------------------------------------------------------------------------------*/
.checkListHead {
	font-size: 1em;
	font-weight: bold;
	color: #555555;
	margin: 6px 0;
	clear: both;
	border-top: solid 1px #e8e8e8;
	height: 20px;
	line-height: 20px;
}
.checkListBody {
	list-style: none;
	margin: 0;
}
.checkListBody li {
	float: left !important;
	float: none;
	width: 200px;
	margin: 0 0 2px 12px;

}

/* @contextMenu
--------------------------------------------------------------------------------------------*/
ul.contextMenu {
	z-index: 999;
	position: absolute;
	border: 1px solid #888;
	display: none;
}
ul.contextMenu li input {
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
.contextMenu .first, .contextMenu .first a {
	height: 0;
	line-height: 0;
	padding: 0;
	position: absolute;
	border: none;
}



/* @multiSelector
--------------------------------------------------------------------------------------------*/
span.multiSelector {
	width: 400px;
	line-height: 18px;
	height: 18px;
	width: 150px;
	overflow: hidden;
	border: solid 1px #7f9db9;
	position: relative;
	background: #fff;
	display: inline-block;
}
span.msSize2 {
    width: 100px;
}
p.msSize2 {
    width: 100px;
}
.msSize2 a {
    width: 76px;
}
span.msSize3 {
    width: 150px;
}
p.msSize3 {
    width: 150px;
}
.msSize3 a {
    width: 126px;
}
span.msSize4 {
    width: 230px;
}
p.msSize4 {
    width: 230px;
}
.msSize4 a {
    width: 206px;
}
p.msSize4 label {
    width: 193px;
}
p.multiSelectorList {
	position: absolute;
	top: 18px;
	left: -1px;
	background: #FFF;
	border: solid 1px #000;
	overflow-y: scroll;
	overflow-x: hidden;
	display: none;
	margin-top: 0;
	z-index: 100;
}
.multiSelectorList iframe {
	position: absolute;
	filter: alpha(opacity = 0);
	width: 100%;
	z-index: -1;
}
.multiSelectorList span {
    width: 100%;
    display: block;
}
.multiSelectorList label {
    float: none;
    display: inline-block;
    line-height: 14px;
    height: 14px;
}
.multiSelectorList .over {
    background: #316ac5;
}
.multiSelectorList .checked {
    background: #316ac5;
}
.multiSelectorList label {
    color: #000;
}
.multiSelectorList .checked label, .multiSelectorList .over label {
    color: #fff;
}
a.multiSelectorResult:link, a.multiSelectorResult:hover, a.multiSelectorResult:active, a.multiSelectorResult:visited {
	text-decoration: none;
	display: block;
	color: #000;
	line-height: 18px;
	height: 18px;
	cursor: default;
	background: url(../images/multiSelector.gif) right top no-repeat;
	padding: 0 20px 0 4px;
}
a.multiSelectorResult:hover {
	background: url(../images/multiSelector.gif) right -18px no-repeat;
}
a.multiSelectorResult:active {
	background: url(../images/multiSelector.gif) right -36px no-repeat;
}




/* @resizableDropDownWrapper
--------------------------------------------------------------------------------------------*/
.resizableDropDownWrapper {
	position: absolute;
	left: 0;
}
.resizableDropDownWrapper iframe.back {
	position: absolute;
	right: 0;
	top: 1px;
	width: 6px;
	height: 18px;
	z-index: -1;
	filter: alpha(opacity = 0);
}
.resizableDropDownBack {
	width: 0;
	padding: 0;
	visibility: hidden;
}

/* @util
--------------------------------------------------------------------------------------------*/
.desc {
	color: #777;
	font-style: italic;
	font-size: 12px;
	padding-bottom :6px;
}

.uiNote {
	color: #F60;
}

.mandatory, .cndMandatory {
	color: #F00;
    font: bold 12px arial,tahoma,helvetica,sans-serif;
}
.cndMandatory {
	color: #f00;
}
.tabsHead li a .cndMandatory {
	top: 3px;
	position: relative;
}





.amount {
	width: 70px;
	text-align: right;
	float: right;
}
.quantity {
	width: 40px;
	text-align: right;
	float: left;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.clearB {
	clear: both;
}

.hidden {
	display: none;
}

.buttonTips {
	background-image: url(../images/icon_info.gif) !important;
}

.tips {
	background: url(../images/icon_info.gif) left top no-repeat;
	padding-left: 16px;
	color: #777;
	cursor: default;
	line-height: 14px;
	display: inline-block;
	margin-left: 2px;
}
a.tips {
	cursor: hand;
}


.iNavWrapper {
	width: 100%;
	background: #d1d1d1;
	padding-top: 1px;
	margin-top: 6px;
}


.opRecord {
	color: #777;
	font-style: italic;
	text-align: right;
}
.tpCls {
	color: #777;
	font-style: italic;
	text-align: left;
	margin-left: 10px;
}
td.opRecord {
	line-height: 15px;
}
td.opRecord, p.opRecord {
	font-size: 0.9em;
}

.noMargin {
	margin: 0;
}

.tl {
	text-align: left;
}
.tr {
	text-align: right;
}

.hand {
	cursor: pointer;
}

.sFocus {
}
.siFocus {
}



#dummyDefaultBtn,.dummyDefaultBtn {
	width: 0;
	height: 0;
	line-height: 0;
	position: absolute;
}

.posAbsolute {
	position: absolute;
}
.posRelative {
	position: relative;
}

.checkBoxList, table.checkBoxList td {
    height: 16px;
    line-height: 16px;
    margin-top: 2px;
    padding: 0;
}
table.checkboxList3clm td {
	width: 33%;
}
table.checkboxList4clm td {
	width: 25%;
}
table.checkboxList5clm td {
	width: 20%;
}

textarea.remarkView {
    padding: 0;
    border: none;
    background: none;
    margin-top: 3px;
}

/**
 *  app
 */




/**
 *  Domestic Podium
 */
/*@ display the attachment image in Grid
**************************************************************************************/

.iTbFrame td.iTrHand {
	cursor:hand;
}
.iTbFrame td.iTrAttachBackImg {
	background-image: url(../images/res/attchmentNo.gif);
	cursor:hand;
}
.iTbFrame td.checkedRedIconBtn {
	background-image: url(../images/res/checkedIcon.gif);
	background-position: 50% 4px;
	background-repeat: no-repeat;
}
.iTbFrame td.checkedBlueIconBtn {
	background-image: url(../images/res/checkedIcon.gif);
	background-position: 50% -26px;
	background-repeat: no-repeat;
}

.chkboxRoleT {
    background: url(../images/chkboxEx.png) 4px 0px no-repeat;
    height : 14px;
}
.chkboxRoleF {
    background: url(../images/chkboxEx.png) 4px -14px no-repeat;
    height : 14px;
}
.chkboxUserT {
    background: url(../images/chkboxEx.png) 4px -28px no-repeat;
}
.chkboxUserF {
    background: url(../images/chkboxEx.png) 4px -42px no-repeat;
}
.chkboxRoleTOver {
    background: url(../images/chkboxEx.png) 4px -56px no-repeat;
}
.chkboxRoleFOver {
    background: url(../images/chkboxEx.png) 4px -70px no-repeat;
}
.chkboxUserTOver {
    background: url(../images/chkboxEx.png) 4px -84px no-repeat;
}
.chkboxUserFOver {
    background: url(../images/chkboxEx.png) 4px -98px no-repeat;
}
.chkboxRoleT, .chkboxRoleF {
    display: inline-block;
    line-height: 14px;
}
.chkboxRoleT input, .chkboxRoleF input
{
	opacity:0;
  filter:alpha(opacity = 0);
}
.chkboxRoleT label, .chkboxRoleF label
{
    vertical-align:top;
    padding-left: 5px;
    top: 0px;
}

.chkboxPartialSelect
{
	background: url(../images/partialSelect.png) 4px 1px no-repeat;
	display: inline-block;
    line-height: 14px;
}

.chkboxPartialSelectOver
{
	background: url(../images/partialSelect.png) 4px -16px no-repeat;
	display: inline-block;
    line-height: 14px;
}

.chkboxNormalSelect input
{
filter:alpha(opacity = 100);
background:inherit;
}

.chkboxPartialSelect input , .chkboxPartialSelectOver input
{
	filter:alpha(opacity = 0);
}


#msgTitle, #msgReplySend {
    padding: 6px;
    background: #f9f9f9;
    border-bottom: solid 1px #eee;
}
#msgTitle table {
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
#msgContent, #msgReplyContent {
    padding: 6px;
    height: 120px;
    overflow-y: scroll;
    color: #0000aa;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
}

#msgReplyContent {
    height: 230px;
}
#msgReplyContent span {
    font-weight: bold;
    color: #555;
}
#msgReplyContent p {
    border-bottom: solid 1px #ddd;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-top: 0;
    color: #0000aa;
}


div.distList {
    border: solid 1px #7f9db9;
    padding: 0;
    height: 18px;
    line-height: 18px;
    background: #fff;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 2px;
    overflow-y: scroll;
}
div.distList a, div.distList a:hover {
    color: #000;
    text-decoration: none;
    display: inline-block;
    padding: 0 1px;
    margin: 2px 0 2px 1px;
    line-height: 14px;
    cursor: default;
}
div.distList a.selected, div.distList a.selected:hover {
    color: #fff;
    background: #0000aa;
}

input.autoSuggestBox {
    background: #fff url(../images/autoSuggestIcon.gif) right top no-repeat;
    border: solid 1px #7f9db9;
    padding: 2px;
}
span.autoSuggestBox {
    background: url(../images/autoSuggestIcon.gif) left top no-repeat;
    display: inline-block;
    width: 5px;
    height: 14px;
    position: relative;
    right: 10px;
}
span.boxSelectBox {
    background: url(../images/autoSuggestIcon.gif) left top no-repeat;
    display: inline-block;
    width: 5px;
    height: 14px;
    position: relative;
    right: -3px;
}
.x-superboxselect-autoSuggest {
    overflow: hidden;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0;
}
.x-superboxselect-autoSuggest div {
    float: left;
    height: 20px;
    margin-top: 0;
    width: 8px;
}
.super-autoSuggest{
	background: url(../images/autoSuggestIcon.gif) no-repeat scroll left 0 transparent;
}
div.autoSuggestBox{
	background: url(../images/autoSuggestIcon.gif) no-repeat scroll left 0 transparent;
}

#serviceBlock h4.svHead {
    font-size: 1.1em;
    border-top-color: #777;
    border-top-style: dashed;
    border-top-width: 1px;
    background: #f3f3f3 url(../images/innerBlockBg.gif) left -33px repeat-x;
    margin-left: -6px;
    margin-right: -6px;
    padding: 0 3px;
}
.nobr { white-space:nowrap; }
.processSta {color: #555555;}
.cellIconPermitEnter
{
    background: url(../images/enter_key.png) 5px 5px no-repeat;
    padding: 0;
      border: none;
      width: 20px;
      height: 20px;

}

.forCustomer
{
    background: url(./img/cellIcons.gif) 0px 200px;
    padding: 0;
    border: none;
    width: 20px;
    height: 20px;

}

.x-tool-switch
{
    overflow:hidden;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent no-repeat;
    margin-left:2px;
}
.x-tool-settingTips
{
    overflow:hidden;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent no-repeat;
    margin-left:2px;
    color: #FF6633;
}
.form-line
{
	font-size: 1em;
	color: #999;
	margin: 10px;
	margin-top: 6px;
	padding-top: 3px;
	line-height: 14px;
	border-top: solid 1px #999;
}
#content h1 a
{
	font-size: 1.1em;
}
.x-grid3-hd-inner
{
	font-weight:bolder;
	color: #555555;
	text-align:center;
}
.x-grid3-row-selected {
	background-color: #C3D9FF !important;
	background-image: none;
	border-color:#a3bae9;
}
.dcsPageSubTitle{
	padding-bottom:5px;
}
.frequentBtn {
    background-image: url(../images/frequentBtn.png) !important;
}
.enterBtn {
    background-image: url(../images/enterBtn.png) !important;
}
.x-icon-col-cell .x-grid3-cell-inner {
    padding-top: 0px;
    padding-bottom: 0px;
}
.x-masked {
    overflow: visible !important;
}
.x-fieldset legend {
    color: #15428B;
    font: bold 12px tahoma,arial,helvetica,sans-serif;
}
.x-grid3-row td, .x-grid3-summary-row td {
    font: 12px/13px arial,tahoma,helvetica,sans-serif;
}
.x-grid3-row td a, .x-grid3-summary-row td a{
    font: 12px/13px arial,tahoma,helvetica,sans-serif;
}
.x-grid-group-hd {
	font-size: 12px;
}
/*
* active-s, all-s is from Bob's prototype and for
* service active/total tariff items display
*/
.active-s, .all-s {
    border-radius: 3px 3px 3px 3px;
    font-size: 0.9em;
    font-weight: bold;
    padding: 1px 2px;
}
.active-s {
    color: #009900;
}
.active-s:hover {
    background: none repeat scroll 0 0 #009900;
    color: #FFFFFF;
}
.all-s {
    color: #333333;
}
.all-s:hover {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}

.dcs-disable-mask {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 100%;
    left: 0;
    filter: alpha(opacity=30);
	-moz-opacity:0.3;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

/****************bein for comon ext4 login,extract from ui_dcs.css, another one is put into  ui_dcs_login_template.xhtml*/

.TDEVEN {
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	font-size: 11px;
	background-color: #F3F7FB}
.LABEL_FORM {
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	font-size: 11px;
	color :#555555;
	font-weight:bold;}
input.mainBtn {
	background-image: url('/dmpod/images/olp_vert_sprite.png');
	-background-image: url('/dmpod/images/olp_vert_sprite-ie6.png');
	background-position: left -101px;
	color: #000000;
	background-repeat:repeat-x;
	border: 1px solid #656565;
	cursor: pointer;
	font-family:Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	font-size: 11px;
	height: 20px;
	font-weight:bold
}
input[type="password"] {
	border:1px solid #AAAAAA;
	color:#333333;
	padding:2px;
	text-shadow:none;
	word-spacing:normal;
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
/***************** end of for common ext4 login ********************/

.x-body {
    color: #000000;
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
    font-size: 12px;
}

/*-----------override ext4 window style-----*/
.x-window-header-text-default {
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
    font-size: 12px;
}

/*-----------override ext4 panel style-----*/
.x-panel-header-default {
  background-image: none;
  background: url("../../images/refactoring/panel-bg.gif") center left repeat-x repeat-y;
}

.x-panel-header-default-framed {
  background-image: none;
  background: url("../../images/refactoring/panel-bg.gif") center left repeat-x repeat-y;
}

.x-nlg .x-panel-header-default-framed-top-mc {
  background-image: none;
  background: url("../../images/refactoring/panel-bg.gif") center left repeat-x;
  background-color: #3a4155;
}

.x-panel-header-text-default {
    font: bold 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
/*-----------override ext4 tab panel style-----*/
.x-tab button {
   font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}

/*-----------override ext4 form field style-----*/
.x-form-item {
    font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
.x-form-field{
    outline:none;
}
.x-form-field, .x-form-display-field {
    color: #333;
    font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
    margin: 0;
}
.x-form-empty-field {
    color: gray !important;
}
.x-form-item label.x-form-item-label {
    text-align: left;
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
    font-weight: bold;
    color: #444444;
    opacity: 1 !important;
}
.x-form-display-field  a {
    font: 12px arial,tahoma,verdana,sans-serif;
}

.x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-cb-label {
    opacity: 0.7 !important;
}

/*-----------override ext4 loadmask style----------*/
.x-mask
{
    background: #000000;opacity: 0.3;
}

/*-----------override ext4 grid style-----*/
.x-grid-row .x-grid-cell {
   font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
.x-grid-row .x-grid-cell a {
   font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun !important;
}
.x-column-header-inner {
    color: #444;
    text-align: center;
    font:  12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}

.x-column-header-text {
    font-weight: bold;
}

.x-toolbar .x-toolbar-text {
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}
.x-grid-group-title {
	color: #3764a0;
	font: bold 11px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	padding: 0 0 0 14px;
}
.x-grid-view.tallLineGrid .x-grid-cell-inner {
	height: 95px;
	white-space: pre-wrap;
	word-break: break-word;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
	overflow: hidden;
	line-height: 15px;
}

/*-----------override ext4 button style-----*/
.x-btn-disabled {
    opacity: 1;
}
.x-btn-default-small-icon button, .x-btn-default-small-icon a, .x-btn-default-small-icon .x-btn-inner, .x-btn-default-small-noicon button, .x-btn-default-small-noicon a, .x-btn-default-small-noicon .x-btn-inner {
   font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}

.x-btn-default-small-icon-text-left .x-btn-inner {
   font: 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}

/*-----------override ext4 chart style--fixed ie can not dispaly--*/
.rvml{behavior:url(#default#VML)}

/*-----------override ext4 fieldset style-----*/
.x-fieldset legend {
color: #15428B;
font: bold 12px Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
}

button[type =
"button"][disabled], button[type = "reset"][disabled], button[type = "submit"][disabled], input[type = "reset"][disabled], input[type = "submit"][disabled], input[type = "button"][disabled] {
    background-color: transparent;
    border-color: #D1D1D1;
    color: #808080;
}

.x-boxselect-item-text {
    line-height: 14px;
    padding-right: 5px;
}

.contract-grid-invalid-field {
    border-color: #cc3300 !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
}

.iconFilex {
	background: url(../images/cellIcons.gif) left -103px no-repeat;
}

.cellIconDescx {
    padding: 0 6px 0 20px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    line-height: 20px;
    font-style: italic;
    color: #888;
}

.alertTips {
	background: url(../images/css/exclamation.gif) left top no-repeat;
	padding-left: 16px;
	padding-top: 2px;
	color: #777;
	cursor: default;
	line-height: 14px;
	display: inline-block;
}
.todoTree {
	width: 0 !important;
}
.x-tree-panel .x-grid-cell-inner {
    cursor: pointer;
    height: 18px;
}

.cursor-hand{cursor:pointer;}

.ltl-icon{margin:0px 1px}
.editBtn {
    background-image: url(../../images/refactoring/edit.png) !important;
}
.copyBtn {
    background-image: url(../ext3/images/copy.png) !important;
}
.upBtn {
    background-image: url(../../images/refactoring/up.png) !important;
}
.downBtn {
    background-image: url(../../images/refactoring/down.png) !important;
}
.addBtn {
    background-image: url(../../images/refactoring/add.png) !important;
}
.delBtn {
    background-image: url(../../images/refactoring/delete.png) !important;
}
.massUpdateBtn {
    background-image: url(../../images/massUpdate.png) !important;
}
.exportCtn {
    background-image: url(../../images/exportCtn.png) !important;
}
.viewLogBtn {
    background-image: url(../../images/actionLog_2.png) !important;
}
.downloadBtn {
    background-image: url(../../images/download.png) !important;
}
.quickAddTariffBtn {
    background-image: url(../../images/quickAddTariff.png) !important;
}
.ibExpBtn {
    background-image: url(../../images/ocs/document_into.png) !important;
}
.obExpBtn {
    background-image: url(../../images/ocs/document_out.png) !important;
}
.giTpl {
    background-image: url(../../images/refactoring/giTpl.png) !important;
}
.goTpl {
    background-image: url(../../images/refactoring/goTpl.png) !important;
}
.copyBtn {
    background-image: url(../../images/copy.png) !important;
}
.detailBtn {
    background-image: url(../../images/View_Detail.png); !important;
}
.uploadDocBtn {
    background-image: url(../../images/uploadDoc.png) !important;
}
.pdfFileBtn {
	background-image: url(../../images/file-pdf.png) !important;
}
.filterBtn {
	background-image: url(../../images/ocs/filter.png) !important;
	background-size: cover;
}
.cmnTpl {
	background: url(../images/treeIcon.png) left  no-repeat;
	padding-left: 10px;
	color: #000000;
	cursor: default;
	line-height: 15px;
	display: inline-block;
}

/**********new dcs foot ***********/
.FOOTER_LINK {
	font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;
	font-size: 8pt;
	background: #dedede;
	overflow: hidden;
}

.FOOTER_LINK tr td {
	padding: 5px;
	line-height: 17px;
}

.FOOTER_LINK img {
	border: none;
}

.FOOTER_LINK a {
	color: #333;
	text-decoration: none;
}

.FOOTER_LINK a:hover {
	color: #06F;
}

.FOOTER_LINK a.blue {
	color: #06F;
	text-decoration: underline;
}
.nav-footer {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    width: 100%;
    height: 50px;
    line-height: 17px;
    box-sizing: border-box;
}

#backtop {
	position: fixed;
	margin-right: 0px;
	right: 0%;
	z-index:1;
	bottom: 200px;
}

.DIV_FEEBACKTIP_IMG{
	position:absolute;
	display:block;
	width:30px;
	height:26px;
	top:15px;
	left:20px;
	background:url(../images/feedbackTip.png) no-repeat
}


.DIV_FEEBACKTIP_DES{
	margin-left:60px;
	margin-bottom:10px;
	font-family : Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun;;
	color:gray;
}
.cellIconGridEditColumn {
    background-image: url(../images/gridEditColumn.png);
    background-repeat: no-repeat;
    color: #888888;
    display: inline-block;
    font-style: italic;
    height: 20px;
    line-height: 20px;
    padding: 0 6px 0 40px;
}

.cellOpsHoldCargo .x-grid-cell{
    background-color: #ffe2e2 !important;
}

.expandBtn {
    background-image: url(../../images/refactoring/up.png) !important;
}
.collapseBtn {
    background-image: url(../../images/refactoring/down.png) !important;
}
.sessionTimeoutIcon {
    background-image: url(../images/sessionTimeoutIcon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    line-height: 20px;
    padding: 0 5px 0 40px;
}
.sessionExpired {
    background-image: url(../images/sessionExpired.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.accessDenied {
    background-image: url(../images/accessDenied.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.gearIcon {
    background-image: url(../../images/gear.png) !important;
}
.reprocessIcon{
    background-image: url(../../images/reprocess.png) !important;
}
.dlpTip {
    background-image: url(../../images/tips/20140416_LTLPrintDownloadPathTips.jpg) !important;
}
.x-grid3-row.discrepancy-row {
    background-color: #F08080 !important;
    background-image: none !important;
}

.x-btn-inner{
    font-family: Arial,Helvetica,Microsoft Yahei,Sans-serif,SimSun !important;
}

/*------------------------------Ext 4 form panel collapse, expand icon-----------------------------------*/
.x-tool-expand-top, .x-tool-collapse-top {
    background-position: 0 -60px;
}

.x-tool-expand-bottom, .x-tool-collapse-bottom {
    background-position: 0 -75px;
}

.x-tool-over .x-tool-expand-bottom, .x-tool-over .x-tool-collapse-bottom {
  background-position: -15px -75px; }

 .x-tool-over .x-tool-expand-top, .x-tool-over .x-tool-collapse-top {
  background-position: -15px -60px; }

.split-line {
    font-size: 1em;color: #777;padding-left: 6px;line-height: 10px;border-top: dashed 1px #ddd;
}


/*-----------override ext4 grid dirty image-----*/
.x-grid-dirty-cell {
    background-image: url("../../images/dirty.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.columnDeleteIcon {
    background-image: url(../../images/columnDelete.png) !important;
    margin-left: 6px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
}
/*---------override ext4 tip style, same font-size with ext3-----------*/
.x-tip-header, .x-tip-body, .x-form-invalid-tip-body {
    font-size: 12px;
}

.cellOcsTpLeg .x-grid-cell{
    background-color: #ECF5FF !important;
}

.UGTriangle {
    background: url(../images/userGuide/UG_Triangle.png) center no-repeat;
    display: inline-block;
    width: 8px;
}

.UGHightLinkIcon {
    background: url(../images/userGuide/UG_1.png) center no-repeat;
    display: inline-block;
    width: 20px;
}

.UGCategoryTip {
    background-image: url(../images/userGuide/UG_CategoryTip.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 385px;
    margin-left: 10px;
    width: 900px;
}

.UGHighlightTip {
    background-image: url(../images/userGuide/UG_HighlightTip.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 350px;
    margin-left: 10px;
    width: 900px;
}
.UGCommon{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.UGSectionFirst {
    padding: 5px;
    clear:both;
}
.UGSectionOthers {
    padding:30px 5px 5px 5px;
    clear:both;
}
.UGSectionBottom{
    margin: 20px 5px 5px 5px;
    width:99%;
    border-bottom:dashed 1px #cbcbcb;
    float:left;
    clear:both;
}
.UGSectionHyperlink{
    margin: 20px 5px 10px 5px;
    float:left;
    clear:both;
}
a.UGSectionHyperlink:link {
    color:#384968;
    text-decoration:underline;
}
a.UGSectionHyperlink:visited {
    color:#0090ff;
    text-decoration:underline;
}
a.UGSectionHyperlink:hover {
    color:#e6001d;
    text-decoration:underline;
}
a.UGSectionHyperlink:active {
    color:#e6001d;
    text-decoration:underline;
}
.UGNumber {
    background-image: url('../images/userGuide/bg_1.png');
    width:20px;
    height:auto;
    text-align:center;
    line-height:20px;
    float:left;
    display:inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
.UGSection {
    margin-left:5px;
    float:left;
    width: 90%;
}
.UGContent {
    line-height:20px;
    float:left;
}
.UGImage {
    margin-top:5px;
    float:left;
    clear:both;
}
.DIV_FEEBACKTIP_IMG{
	position:absolute;
	display:block;
	width:30px;
	height:26px;
	top:15px;
	left:20px;
	background:url(../images/feedbackTip.png) no-repeat
}

.div_box_highlignt {
	margin: 5px;
	position:absolute;
	z-index:2002;
	display:none;
}

.div_box_headhighlight {
	margin: 5px;
	position:absolute;
	z-index:2002;
	display:none;
}

.icon_highlignt {
	width:17px;
	height:17px;
	margin-left: 20px;
	background: url(../images/highlight/icon.png) no-repeat;
}

.icondown_highlignt {
	width:17px;
	height:17px;
	margin-left: 20px;
	background: url(../images/highlight/icon_down.png) no-repeat;
}

.box_highlignt_wpic {
	width: 680px;
	background: #FFF;
	overflow: hidden;
	margin-top: -5px;
	z-index: 2004;
	border-radius: 5px;
	padding: 15px;
}

.box_highlignt_wtext {
	width: 256px;
	background: #FFF;
	overflow: hidden;
	margin-top: -5px;
	z-index: 2004;
	border-radius: 5px;
	padding: 15px;
}

.box_highlignt_wpic .box_left {
	width: 240px;
	float: left;
}

.box_highlignt_wpic .box_left .p1 {
	border-bottom: dashed 1px #999999;
	padding: 1px;
	color: #06F;
	font-weight: bold;
	font-size: 16px;
}

.box_highlignt_wpic .box_left .p2 {
	font-size: 12px;
	padding: 2px;
}

.box_highlignt_wpic .box_left .p3 {
	padding-top: 20px;
}

.box_highlignt_wpic .box_left .p3 .btn_skip {
	cursor:pointer;
	background: url(../images/highlight/skip.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 10px;
}

.box_highlignt_wpic .box_left .p3 .btn_back1 {
	cursor:pointer;
	background: url(../images/highlight/back_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 40px;
}

.box_highlignt_wpic .box_left .p3 .btn_back2 {
	cursor:pointer;
	background: url(../images/highlight/back_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 110px;
}

.box_highlignt_wpic .box_left .p3 .btn_next1 {
	cursor:pointer;
	background: url(../images/highlight/next_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 95px;
}

.box_highlignt_wpic .box_left .p3 .btn_next2 {
	cursor:pointer;
	background: url(../images/highlight/next_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
}

.box_highlignt_wpic .box_left .p3 .btn_close {
	cursor:pointer;
	background: url(../images/highlight/close.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
}

.box_highlignt_wpic .box_left .p3 .btn_next2s {
	background: url(../images/highlight/Next_2.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 165px;
}

.box_highlignt_wpic .box_left .p3 .btn_next1s {
	background: url(../images/highlight/Next_1.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 165px;
}

.box_highlignt_wpic .box_left .p3 .btn_nextto {
	cursor:pointer;
	background: url(../images/highlight/next_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 165px;
}

.box_highlignt_wpic .box_right {
	float: left;
	width: 400px;
	padding: 0px 0px 0px 10px;
}

.box_highlignt_wtext .box_left {
	width: 225px;
	float: left;
}

.box_highlignt_wtext .box_left .p1 {
	border-bottom: dashed 1px #999999;
	padding: 1px;
	color: #06F;
	font-weight: bold;
	font-size: 16px;
}

.box_highlignt_wtext .box_left .p2 {
	font-size: 12px;
	padding: 2px;
}

.box_highlignt_wtext .box_left .p3 {
	padding-top: 20px;
}

.box_highlignt_wtext .box_left .p3 .btn_skip {
	background: url(../images/highlight/skip.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 10px;
}

.box_highlignt_wtext .box_left .p3 .btn_back1 {
	background: url(../images/highlight/back_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 15px;
}

.box_highlignt_wtext .box_left .p3 .btn_back2 {
	background: url(../images/highlight/back_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 100px;
}

.box_highlignt_wtext .box_left .p3 .btn_next1 {
	background: url(../images/highlight/next_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
	margin-left: 80px;
}

.box_highlignt_wtext .box_left .p3 .btn_next2 {
	background: url(../images/highlight/next_btn.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
}

.box_highlignt_wtext .box_left .p3 .btn_close {
	background: url(../images/highlight/close.png) no-repeat;
	width: 60px;
	height: 25px;
	border: none;
}

.box_highlignt_wtext .box_right {
	float: left;
	width: 400px;
	padding: 0px 0px 0px 10px;
}

#bg_highlignt {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 2001;
	-moz-opacity: 0.3;
	opacity: .30;
	filter: alpha(opacity =   30);
}

.div_highlight_bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	background-color: #000;
	opacity: 0.5;
	display: none;
}

.highlight_step_backdrop{
	position: relative;
	z-index: 2003;
	background-color: #FFFFFF;
}

.x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding-left: 20px;
}

.dcsPageContentContainer {
    min-width: 1243px;
}
.csaTip {
    background: url(/dmpod/images/ocs/warning.png) left top no-repeat;
    padding-left: 16px;
    color: #777;
    cursor: default;
    line-height: 14px;
    display: inline-block;
    margin-left: 2px;
    height: 14px;
}
.empty-container-add {
    background-image: url(../images/empty_container_icon.png) !important;
}
.icon-search-spn {
    background-image: url(../images/ocs/searchSpn.png) !important;
}
.addLclJsrBtn {
    background-image: url(/dmpod/images/ocs/addLclJsr.png) !important;
}

.ocean_leg_label {
    color: #06F;
    padding: 3px;
    font-weight: bold;
}

.ocean_leg_header {
    font-weight: 700;
    color: #666666;
    font-size: 14px;
    font-style: normal;
}

.ocean_leg_add {
    background-size: 16px 16px;
    background-image: url(../images/leg_add.png) !important;
}

.ocean_leg_delete {
    background-size: 16px 16px;
    background-image: url(../images/leg_delete.png) !important;
}

.cellIcon_ArrowTo {
	background: url(../images/arrow_to.png) left 0px no-repeat;
}

.cellIcon_IconAction {
	background: url(../images/icon_action.png) left 0px no-repeat;
}

/*track and trace begin*/
.gray14bold{
    color: #959595;
    font-size: 14px;
    font-weight: bold;
}
.gray12{
    color: #959595;
    font-size: 12px;
}
.blue14bold{
    color: #036D87;
    font-size: 14px;
    font-weight: bold;
}
.black14{
    color: #333333;
    font-size: 12px;
}
.gray12 {
    color: #959595;
    font-size: 12px;
}

#viewMilestone .contrainerIcon {
    background-image: url("../images/TrackTraceContrainer.png");
    height: 25px;
    width: 25px;
    margin: 0 10px;
}

#viewMilestone .doneIcon {
    background-image: url("../images/TrackTraceDoneIcon.png");
}
#viewMilestone .delayIcon {
    background-image: url("../images/TrackTraceDelayIcon.png");
}
#viewMilestone .toDoIcon {
    background-image: url("../images/TrackTraceToDoIcon.png");
}

.currentMilestone {
    background-image: url("../images/TrackTraceCurrentMilestone_Icon.png");
    height: 14px;
    width: 14px;
}
.completedMilestone {
    background-image: url("../images/TrackTraceCompletedMilestone_Icon.png");
    height: 8px;
    width: 8px;
    margin-left: 3px;
}

/*phase begin*/
#viewMilestone .phaseMargin {
    margin-top: 20px;
    margin-left: 2px;
}
#viewMilestone .donePhase{
    border: 2px solid #036D87;
}
#viewMilestone .todoPhase{
    border: 2px solid #959595;
}
#viewMilestone .doneStick{
    width: 40px;
    border: 3px solid #036D87;
}
#viewMilestone .toDoStick{
    width: 40px;
    border: 3px dashed #959595;
}

#viewMilestone .phaseIcon {
    background-image: url("../images/TrackTracePhaseIcon.png");
}
#viewMilestone .phaseSelectedIcon {
    background-image: url("../images/TrackTracePhaseSelectedIcon.png");
}

#viewMilestone .bluePhase{
    background: #eff8ff;
}
/*phase end*/

/*container begin*/
#viewMilestone .blueBG {
    height: 45px;
    background: #036db7;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    padding-left: 10px;
}
.unselectedContainer {
    margin-top: 10px;
    width: 600px;
    height: 40px;
    border: 1px solid #f5f5f5;
}
.selectedContainer {
    width: 600px;
    height: 40px;
    background-color: #eff8ff;
    position: relative;
    border: 1px solid #78c1f4;
    margin-top: 10px;
    right: 1px;
}
.selectedContainer:after, .selectedContainer:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
}
.selectedContainer:after {
    border-width: 8px;
    border-right-color: #f5f5f5;
    top: 14px;
    left: 585px;
}
.selectedContainer:before {
    border-width: 9px;
    border-right-color: #78c1f4;
    top: 13px;
    left: 583px;
}
/*container end*/

/*milestone begin*/
#viewMilestone .milestoneStick {
    height: 40px;
    width: 2px;
    background-color: #78c1f4;
    margin-left: 6px;
}
#viewMilestone .currentMilestoneHeight {
    height: 14px
}
#viewMilestone .completedMilestoneHeight {
    margin-top: 36px;
    height:12px;
}
#viewMilestone .firstMilestoneHeight {
    height:12px;
}
/*milestone end*/

/*layout begin*/
#viewMilestone .parent{

}
#viewMilestone .top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 88px;
}
#viewMilestone .left {
    position: absolute;
    top: 88px;
    left: 0;
    bottom: 0;
    width: 600px;
    background-color: #f5f5f5;
    border: 1px solid #78c1f4;
}
#viewMilestone .right {
    overflow: auto;
    position: absolute;
    top: 88px;
    left: 600px;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    border: 1px solid #78c1f4;
    border-left-color: transparent;
    /*z-index: -1;*/
}
/*layout end*/

/*noInfo begin*/
.noTrackInfo{
    position: relative;
    height: 500px;
}
.noTrackInfoImage{
    background-image: url("../images/TrackTraceNULL.png");
    height: 482px;
    width: 721px;
    clear: both;
    display: block;
    margin:auto;
}
.noTrackInfoWord{
    font-size: 32px;
    color: #036eb7;
    width:100%;
    text-align: center;
    letter-spacing:4px;
    font-weight:bold;
    position: absolute;
    top:380px;
}
/*noInfo end*/

/*track and trace end*/

.dcs-bold-line .x4-grid-cell-inner{
  font-weight: bold;
}

.ms-group-grid-edit-icon{
    background: url(../images/milestone/edit.png) left top no-repeat;
    padding-left: 16px;
    background-size: 12px 12px;
    color: #0090FF;
    cursor:pointer;
}

.ms-group-grid-suppinfo-icon{
    background: url(../images/milestone/suppinfo.png) left top no-repeat;
    padding-left: 16px;
    background-size: 12px 12px;
    color: #0090FF;
    cursor:pointer;
}

.ctLogo {
    background: url(../images/headerTitle.jpg) no-repeat;
}

input::-webkit-input-placeholder {
    text-transform: none;
}
input::-moz-placeholder {
    text-transform: none;
}
input:-moz-placeholder {   /* Older versions of Firefox */
    text-transform: none;
}
input:-ms-input-placeholder {
    text-transform: none;
}

.UGIconsDown {
    background-image: url("../images/userGuide/UG_down.png") !important;
}

.UGIconsUp{
    background-image: url("../images/userGuide/UG_up.png") !important;
}


.UGNo-icon {
    background-image:none !important;
}

.UGBackground_Leaf {
    height: 30px;
    vertical-align: middle;
}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .UGIcons_Up{
        padding-right: 9px;
        margin-right: 13px;
        margin-top: 3px;
        float:right;
        background-image: url("../images/userGuide/UG_up.png") !important;
    }

    .UGIcons_Down{
        padding-right: 9px;
        margin-right: 12px;
        margin-top: 3px;
        float:right;
        background-image: url("../images/userGuide/UG_down.png") !important;
    }

}

/* Firefox */
@-moz-document url-prefix() {
    .UGIcons_Up{
        padding-right: 9px;
        margin-top: -17px;
        margin-right: 13px;
        float:right;
        background-image: url("../images/userGuide/UG_up.png") !important;
    }

    .UGIcons_Down{
        padding-right: 9px;
        margin-top: -17px;
        margin-right: 12px;
        float:right;
        background-image: url("../images/userGuide/UG_down.png") !important;
    }

}

.UGBackgroundExpand {
    height: 30px;
    vertical-align: middle;
    border:0;
    border-spacing:0;
    color: #323232;
    font-weight: bold !important;
    border-top: solid 1px #99bce8 !important;
    border-bottom: solid 1px #99bce8 !important;
    border-collapse: collapse !important;
}

.UGBackgroundExpand_First {
    height: 30px;
    vertical-align: middle;
    border:0;
    border-spacing:0;
    color: #323232;
    font-weight: bold !important;
    border-bottom: solid 1px #99bce8 !important;
    border-collapse: collapse !important;
}

.UGBackgroundCollapse {
    height: 30px;
    vertical-align: middle;
    border:0;
    border-spacing:0;
    color: #323232;
    font-weight: bold !important;
    border-top: solid 1px #99bce8 !important;
    border-collapse: collapse !important;
}

.UGBackgroundCollapse_First {
    height: 30px;
    vertical-align: middle;
    border:0;
    border-spacing:0;
    color: #323232;
    font-weight: bold !important;
    border-collapse: collapse !important;
}

.x-tree-arrows .x-tree-elbow-plus{
    background-image:url(../images/default/tree/arrows.gif);
}

.batchUpdateMilestoneBtn,.batchUpdateDocStatus{
    background-image: url(../../images/batchUpdateMilestone.png) !important;
}

.customizedViewNav {
    display: inline-block;
    float: right;
    color: #555;
    text-decoration: none;
    position : relative;
    z-index : 99;
}

.lockedGridPart {
    overflow-x : auto !important;
}

.normalGridPart {
    overflow-x : auto !important;
    border-style : solid;
    border-width : 0 0 0 1px !important
}

.lockedGridInner {
    overflow : visible !important
}

.batchEditMilestoneGridView {
    overflow-x : scroll !important;
}

.upIconButton {
    width: inherit !important;;
    background-position: center;
    background-image: url(../../images/arrow_up_blue.png) !important;
}

.downIconButton {
    width: inherit !important;;
    background-position: center;
    background-image: url(../../images/arrow_down_blue.png) !important;
}

.leftIconButton {
    width: inherit !important;;
    background-position: center;
    background-image: url(../../images/arrow_left_blue.png) !important;
}

.rightIconButton {
    width: inherit !important;;
    background-position: center;
    background-image: url(../../images/arrow_right_blue.png) !important;
}

.placeBookingBtn {
    background-size: 16px 16px;
    background-image: url(../../images/ocs/place_booking.png) !important;
}

.editBookingBtn {
    background-size: 16px 16px;
    background-image: url(../../images/ocs/edit_booking.png) !important;
}

.table-grid-cell-inner {
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: nowrap;
}

.resIdDupRow .x-grid-cell {
	background-color: #e8746d
}

.attachmentEmpty {
	background: url(../images/milestone/attachment_empty.png) left top no-repeat;
	padding-left: 16px;
	background-size: 12px 12px;
	color: #0090FF;
	cursor:pointer;
}

.attachmentUpload {
	background: url(../images/milestone/attachment_upload.png) left top no-repeat;
	padding-left: 16px;
	background-size: 12px 12px;
	color: #0090FF;
	cursor:pointer;
}

.attachmentFinish {
	background: url(../images/milestone/attachment_finish.png) left top no-repeat;
	padding-left: 16px;
	background-size: 12px 12px;
	color: #0090FF;
	cursor:pointer;
}

.OCR-pass {
	background: url(../images/OCR_pass.png) left top no-repeat;
	padding-left: 16px;
	background-size: 12px 12px;
	color: #0090FF;
	cursor:pointer;
}

.OCR-fail {
	background: url(../images/OCR_fail.png) left top no-repeat;
	padding-left: 16px;
	background-size: 12px 12px;
	color: #0090FF;
	cursor:pointer;
}

.lock{
    width: 100px;
    height: 75px;
    text-indent: -9999px;
    background: url(../images/lock.png) left top no-repeat;
}

.x-action-col-icon{height:16px;width:16px;cursor:pointer}

.suppVerticalTop {
	vertical-align: top
}

span.langBox {
    background: url(../images/multiLang.png) left top no-repeat;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    right: 19px;
}

.iconMultiLang {
	background: url(../images/multiLang.png) no-repeat;
	background-position: 97% 50%;
	background-size: 16px 16px;
}

@media (min-width: 1600px)
.container {
    width: 1490px;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
u{
    text-decoration: underline;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.text-center {
    text-align: center;
}
@media (min-width: 1200px)
.col-lg-3 {
    width: 25%;
}
.col-lg-8 {
    width: 66.66666667%;
}
@media (min-width: 1200px)
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
@media (min-width: 992px)
.col-md-4 {
    width: 33.33333333%;
}
.col-md-8 {
    width: 66.66666667%;
}
@media (min-width: 992px)
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
@media (min-width: 768px)
.col-sm-12 {
    width: 100%;
}
@media (min-width: 768px)
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-primary-cookie {
    color: #fff !important;
    background-color: #d63246 !important;
    border-color: #c7283b !important;
    padding-bottom: 28px !important;
}
.btn-cookie {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px !important;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-normal-cookie {
    color: #d63246;
    background-color: transparent;
    border-color: #d63246;
}

.milestone-na-btn {
    border-color: #b0ccf2;
    background-image: none;
    background-color: #8EC1F6;
}

.grid-cell-warning {
	background-image: repeating-linear-gradient(135deg, #ffd287, #ffd287) !important;
}

.grid-cell-error {
	background-image: repeating-linear-gradient(135deg, #ff9393, #ff9393) !important;
}

.grid-cell-disabled {
    background-image: repeating-linear-gradient(135deg,#ddd 0px,#ddd 3px,#eee 0px,#eee 6px) !important;
}

.grid-cell-readonly {
    background-image: repeating-linear-gradient(135deg, #eee, #eee) !important;
}

.cellIcon-has-attach{
    display: inline-block;
	background: url(../images/has-attach.png) left no-repeat;
	padding: 0;
	background-size: contain;
	width: 20px;
	height: 16px;
}

.bold-label{
    font-size: 12px;
    font-weight: bold;
    color: #444444;
    margin-left: 3px;
}


.cellIcon-no-attach{
    display: inline-block;
	background: url(../images/no-attach.png) left no-repeat;
	padding: 0;
	background-size: contain;
	width: 20px;
	height: 16px;
}

.message-box-top{
    z-index: 999999!important;
}

.LGOIN_PWD_PANEL{
    top: 90px;
}

.LGOIN_PWD_PANEL_BODY{
    position: relative;
    height: 24px !important;
    padding: 0px 10px;
}

.PWD_ICON{
    position: absolute;
    z-index: 999999;
	right: 8%;
	top: 45%;
    width: 11px;
    height: 7px;
    border: none;
    background-image: url('/dmpod/pub/common/images/eye.png');
    cursor: pointer;
}

.PWD_ICON1{
    width: 11px;
    height: 7px;
    left: 240px !important;
    top: 7px !important;
    border: none;
    background-image: url('/dmpod/pub/common/images/eye.png');
    cursor: pointer;
}

input::-ms-reveal, input::-ms-clear {
    display: none;
}

#ccpOfficeInfoTip, #ccpOfficeInfoTip-body{
    width: auto!important
}

#alias-container .x-form-item-label{
    margin-left: 5px;
}
#alias-container input{
    width: 223px!important;
    margin-left: 36px;
}
.alias-btn-del{
    margin-left:258px;
}

.has-full-screen-window{
	overflow: hidden!important
}

.grecaptcha-badge { visibility: hidden; }
/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}