/*
Time:2010-04-22;
Site:www.shipxy.com;
by:zhonghua.huang;
*/
.accWraper{ padding:20px 23px 0; background:url(../images/account_bg.png) repeat-x 0 -266px; min-height:133px;_height:133px;position:relative; margin-top:12px;}
.accL{height:133px; width:23px; position:absolute; left:0; top:0; background:url(../images/account_bg.png) no-repeat 0 0;}
.accR{height:133px; width:23px; position:absolute; right:0; top:0; background:url(../images/account_bg.png) no-repeat 0 -133px;}
.accMainL{ width:174px; float:left; display:inline;}
/*left a-link*/
.accMainL span{ display:block; height:34px;margin-top:12px; padding:0 0 2px 16px;  line-height:34px;}

.accMainL span a{ display:inline-block; float:left; height:34px; padding-left:45px;color:#114694;}
.accMainL span.aSel a{ color:#ff7700;}
.accMainL span a:hover{color:#ff7700; text-decoration:underline;}
.spanAcc{ background:url(../images/accTb_2.png) no-repeat 0 50%;}
.spanAcc_2{ background:url(../images/accTb.png) no-repeat 0 50%;}
.spanList{ background:url(../images/listTb_2.png) no-repeat 0 50%;}
.spanList_2{ background:url(../images/listTb.png) no-repeat 0 50%;}
.spanPW{ background:url(../images/passwordTb.png) no-repeat 0 50%;}
.spanOnline{ background:url(../images/onlineTb.png) no-repeat 0 50%;}
.spanAIS{ background:url(../images/aisTb.png) no-repeat 0 50%;}
.spanDest{ background:url(../images/destTb.png) no-repeat 0 50%;}
.spanD{ background:url(../images/dTb.png) no-repeat 0 50%;}
.spanDetail{ background:url(../images/historyTb.png) no-repeat 0 50%;}
.spanParts{background:url(../images/partTb.png) no-repeat 0 50%;}
.spanStrack{background:url(/Content/Monitor/images/24Track.gif) no-repeat 0 50%;}
.spanArea{background:url(/Content/Monitor/images/area_icon.png) no-repeat 3px 50%;}
.accMainL span.aSel{background:url(../images/accLink.png) 0 0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Content/images/accLink.png"); _background:none; font-weight:bold;}
/*right main*/
.accMainR{ width:723px; float:right; min-height:478px;_height:478px; padding-bottom:14px; background:#ffffff url(../images/accRight.gif) repeat-x 0 bottom; position:relative;}
.shadowL{ position:absolute; height:274px; width:13px; left:-13px; bottom:0; background:url(../images/ShoadowL.gif) no-repeat 0 0;}
.shadowR{ position:absolute; height:274px; width:13px; right:-13px; bottom:0; background:url(../images/ShoadowR.gif) no-repeat 0 0;}

/*account right*/
.accDlBox{ padding:25px 10px 32px 23px; clear:both; height:auto; overflow:hidden;}
.accDl{line-height:24px; height:auto; overflow:hidden;}
.default{ padding-bottom:12px;}
.accDl dt a,.contactAdd{ color:#0078FF; text-decoration:underline; margin-left:52px; font-weight:normal;}
.accDl dt a:hover,.contactAdd:hover{text-decoration:underline;}
.accDl dt{  width:100%; font-weight:bold; color:#575757; padding-bottom:6px;}
.accDl dd{  float:left; color:#747474;}
.accDl dd span{ display:inline-block; float:left; padding-right:6px;height:24px;}
.accSelect{ border:1px solid #7E9DB9; margin-top:2px; width:76px;}
.accDlInp{ height:19px; line-height:19px; border:1px solid #7E9DB9;}
.Inp40{width:40px;}
.Inp90{width:90px;}
.Inp110{width:110px;}
.Inp150{width:150px;}
.ddAll{width:100%;}
.dd360{width:340px;}
.dd320{ width:320px;}
.dd169{ width:169px;}
.dd192{ width:192px;}
.dd232{ width:232px;}
.dd85{width:45px;}
.accBlue{ color:#0078FF}
.accBlack{ color:#000000;}
.accGray{ color:#575757;}
.saveImg{ display:inline-block; float:left; margin-left:7px; width:14px; height:13px; margin-top:6px; cursor:pointer;}
/*ship list*/
.shipList{ padding:25px 10px 0 16px; clear:both; height:auto; overflow:hidden;}
.shipList h4,.serList h4{ font-size:12px;color:#575757; padding:0 0 9px 16px; position:relative; line-height:24px;}
.shipListDl,.tabDl{ border:1px solid #EAF5F9; padding:3px 0 0; width:695px; background:url(../images/shipList_bg.gif) repeat-x 0 0; border-bottom:none;}
.shipListDl dt,.tabDl dt{ height:32px; color:#4597D3; line-height:32px; overflow:hidden;}
.shipListDl dd,.tabDl dd{ height:21px;padding:9px 0 10px; border-bottom:1px solid #EAF5F9; color:#757575; overflow:hidden;}
.shipListDl dt span,.shipListDl dd span{ display:inline-block; float:left;height:100%; text-indent:6px;}
.tabDl span{display:inline-block; float:left; height:100%;}
.tabDl{ margin-bottom:15px;}
.sls53{ width:53px;}
.sls88{ width:88px;}
.sls72{ width:70px;}
.sls82{ width:70px; padding-right:12px;}
.sls80{ width:80px;}
.sls100{ width:100px;}
.sls60{width:60px;}
.sls65{width:65px;}
.sls160{width:160px;}
.shipListDl a{ color:#1B4B89; text-decoration:underline;}
.shipListDl a:hover{ color:#f60; text-decoration:underline;}
.shipListDl a.ship_amount{display:inline-block;height:21px;background:url(../images/ship_tb.png) no-repeat 6px center;padding-left:22px;float:left; text-indent:2px;}
.shipListDl a.ship_amount:hover{background:url(../images/ship_tb_hover.png) no-repeat 6px center;}

.shipListDl a.ship_export{display:inline-block;height:21px;padding-right:6px;float:right; text-indent:0;}

.portlist{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.accOther{ height:24px; font-size:12px; font-weight:normal; color:#747474;}
/* change password*/
.changePW{ padding:0 0 0 185px;}
.changePW li{ padding-top:12px; clear:both;}
.changePW li span{ display:inline-block; float:left; height:21px;}
.pwTit{width:80px; text-align:right; padding-right:10px;}
.pw187{width:177px;}
.pwInp{width:175px; border:1px solid #7E9DB9; height:18px; line-height:18px;}
.s_red{ color:red;}
.s_green{ color:#12C000;}
.s_yellow{ color:#FF770A;}
.changePW_Btn{ display:inline-block; float:left; height:22px; width:57px; text-align:center; color:#35639F; background:url(../images/btnBg01.gif) no-repeat 0 0; line-height:20px;*line-height:22px; margin-right:26px;}
.changePW_Btn:hover{background:url(../images/btnBg01.gif) no-repeat 0 -27px; }
/*Online account list*/
.s335{ width:329px; padding:0 0 0 6px;}
.s162{ width:156px;padding:0 0 0 6px;}
.s179{ width:172px; padding-left:7px;}
.s155{ width:155px;}
/* my DPlus service*/
.serList{ padding:25px 10px 15px 16px; clear:both; height:auto; overflow:hidden;}
.tabTit{ height:32px; clear:both; margin-top:12px;border-bottom: 4px solid #CFE9FB; line-height:32px; }
.tabTitList{ width:200px; float:left; display:inline;}
.tabTitList li{ width:99px; height:32px; float:left;color:#2180C2; text-align:center; cursor:pointer;}
.tabTitList li.selected{ font-weight:bold; background:url(../images/tabBg.gif) no-repeat 0 0;}
.money{ display:inline-block; float:right; margin-right:6px; width:300px; text-align:right;}
.money b{color:#FF770A;}
.money a{ color:#0260CA; margin-left:6px;}
.money a span{ margin:0 6px; text-decoration:underline;}
.tabMain{clear:both; height:auto; overflow:hidden; display:none;}
.tabColor{ color:#FF770A; margin-left:8px;}
.tabDate{ height:22px; overflow:hidden; line-height:24px;padding:10px 16px 15px;}
.tabDate span{ display:inline-block; float:left;}
.dateInp{margin:1px 16px 0 0; width:95px; height:16px; padding:1px;border: 1px solid #98CCE6;}
.s190{ width:184px;padding-left:6px;}
.s120{ width:120px;}
.s240{width:240px;}

/*DPlusMsgHistory*/
.DPLeft{ width:166px; border:1px solid #ACD1EB; background:#E7F2F9; padding:3px; float:left;}
.DPLeftM{ background:#ffffff; min-height:200px;_height:200px; color:#575757;}
.DPLeftM h3{ padding-left:15px; font-size:14px; height:34px; background:url(../images/DPLeft.gif) repeat-x 0 bottom; line-height:34px;}
.DPLeftM ul{ padding:6px 4px 15px; clear:both;}
.DPLeftM ul li{ margin-top:6px; height:29px; line-height:29px; border-bottom:1px solid #E7F2F9; padding-left:11px;}
.DPLeftM ul li a.shipSelect{ color:#ff7700; font-weight:bold;}
.s46{ width:40px; padding-left:6px;overflow: hidden;white-space: nowrap;}
.s256{width:180px; padding-left:6px;overflow: hidden;white-space: nowrap;}
.s390{width:454px; padding-left:6px;overflow: hidden;white-space: nowrap;}
.s390 img{display:inline-block; float:left; margin:4px 5px 0 0;}
.s200{ width:40px; padding-left:160px;overflow: hidden;white-space: nowrap;}
.s136{width:130px; padding-left:6px;overflow: hidden;white-space: nowrap;}
.s510{width:504px; padding-left:6px;overflow: hidden;white-space: nowrap;}
.tabPad{ padding-top:15px;}
.historyTitle{margin:0 10px 0 16px; padding-top:25px;height:32px; clear:both;overflow:hidden;border-bottom: 4px solid #CFE9FB; line-height:32px;}
.historyList{padding:0 10px 0 16px; clear:both; height:auto; overflow:hidden;}

/*edit account style*/
.editAcc{ padding:0 0 0 4px; clear:both;}
.editAcc li{ height:21px; padding-top:9px;}
.editAcc li span{ display:inline-block; float:left; vertical-align:middle;}
.editTitle{ width:100px; padding-right:8px; text-align:right;}
.editInp{width:220px; border:1px solid #7E9DB9; height:18px; line-height:18px;}
.PaddRight{ padding-right:12px;}
.PaddRight select{ border:1px solid #7E9DB9; height:20px;}
.editStyle{ height:84px; width:608px; padding:9px 0 0 4px;}
.editStyle dt{ height:84px; width:100px; text-align:right; float:left; padding-right:8px;}
.editStyle dd{ height:21px; width:100px; float:left;}
.editStyle dd span{ display:inline-block; float:left;width:20px;padding-top:4px;*padding-top:0; margin-top:0; *margin-top:-1px;}
.editCheck{ width:20px;padding-top:3px;*padding-top:0; margin-top:0; *margin-top:-1px;}

/*2011-08-01 new style*/
.accContact{ padding:10px 6px 20px 7px; clear:both; height:auto; overflow:hidden;}
.accTitle{ height:34px; background:url(../images/accTitle_bg.gif) no-repeat 0 0;line-height:34px; padding:0 0 0 16px; color:#575757; font-size:12px;}
.defaultC{ height:86px; padding:0 0 0 16px; background:url(../images/accContactLine.gif) no-repeat 80px 35px; margin:18px 0 0 0;}
.defaultC dt{ padding:26px 0 0 0; height:60px; width:62px; float:left; display:inline;}
.defaultC dt a{ color:#3388C9; text-decoration:underline; display:block; height:30px; line-height:30px; padding:0 0 0 28px;}
.defaultC dt a.defaultEdit{ background:url(../images/defaultEdit.gif) no-repeat 10px 50%;}
.defaultC dt a.defaultDel{ background:url(../images/otherDelete.gif) no-repeat 11px 50%;}
.defaultC dd{ height:26px; float:left;line-height:26px; white-space:nowrap; overflow:hidden;}
.defaultC dd.name{ font-size:13px; font-weight:bold; color:#575757; padding:0 0 0 37px; width:595px; background:url(../images/defaultName.gif) no-repeat 10px 2px;}
.defaultC dd.con{ padding:2px 0 2px 10px;}
.dc190{ width:170px;}
.dc270{ width:270px;}
.dc142{ width:162px;}
.otherC{ height:72px; background:url(../images/editShadow.gif) no-repeat right bottom; padding:12px 0 13px 16px;}
.otherC dl{ padding:5px 0 4px 0; background:#F1F9FE url(../images/otherDlBg.gif) repeat-y 0 0; height:63px;}
.otherC a{ color:#226292; text-decoration:underline;}
.otherC dl dt{ width:60px; height:63px; float:left; padding:0 2px 0 0;}
.otherC dl dt span{ display:block; height:21px;}
.otherSpanName{ background:url(../images/otherName.gif) no-repeat 25px 4px;}
.otherEdit{ background:url(../images/otherEdit.gif) no-repeat 11px 50%; padding-left:22px;}
.otherDelete{ background:url(../images/otherDelete.gif) no-repeat 11px 50%; padding-left:22px;}
.otherC dd{ height:21px; float:left; padding-left:10px; color:#6F8CA1; white-space:nowrap; overflow:hidden;}
.otherName{ width:622px; font-weight:bold;}
.nameBlue{ color:#316F9F;}

/*tips button*/
.tipsBtn,.tipsBtnH,.tipsBtnD{ width:57px;line-height:17px; border:none; margin-right:12px;padding:2px 0 3px 0;}
.tipsBtn{ background:url(/Content/images/btnBg01.gif) no-repeat 0 0; cursor:pointer;}
.tipsBtnH{background:url(/Content/images/btnBg01.gif) no-repeat 0 -27px; cursor:pointer;}
.tipsBtnD{background:url(/Content/images/btnBg01.gif) no-repeat 0 -54px;}