advanced.css.svn-base

j2me设计的界面包

div#share-feed-list ul li.last-child {padding-bottom:8px}
div#share-feed-list ul li.first-child {padding-top:7px;background-position:13px 8px}
div#share-feed-list span.x1{display:block;width:6px;height:6px;position:absolute;top:0;left:5px;background:transparent url("images/feed-list-topcorners.png") no-repeat top left}
div#share-feed-list span.x2{display:block;width:6px;height:6px;position:absolute;top:0;right:5px;background:transparent url("images/feed-list-topcorners.png") no-repeat top right}
div#share-feed-list ul li div{background:transparent url("images/feed-list-line.png") repeat-x bottom left;margin:0 -15px 0 5px;padding:0 15px 6px 25px}
div#share-feed-list ul li.last-child div{background-position:-1000px -1000px}/* ie7 */
* html div#share-feed-list{background-image:url("images/feed-list-bg-right.gif")}
* html div#share-feed-list ul{background-image:url("images/feed-list-bg.gif")}
* html div#share-feed-list span.x1{background-image:url("images/feed-list-topcorners.gif")}
* html div#share-feed-list span.x2{background-image:url("images/feed-list-topcorners.gif")}
* html div#share-feed-list ul li div{background-image:url("images/feed-list-line.gif")}
* html div#share-feed-list span.x2{right:4px}/* ie6 */

/* c1 */
.pagetitle img{padding-top:4px}

/* d1 & d2 */
.d1,.d2{margin-bottom:10px}
.d1,.d2,.d1 .dkgrey1,.d1 .dkgrey1 .white1,.d2 .dkgrey1,.d2 .dkgrey1 .white1{background:#EEE}
.d1 td.grey3 span.sp5{border-bottom:#FFF solid 1px;display:block;height:1px;overflow:hidden}
.d1 .grey1,.d2 .grey1{background:transparent;padding-left:4px}
.d1 table.vatop,.d2 table.vatop,.d1 h5,.d2 h5{margin:0 0 0 5px}
.d2 table.dkgrey1 table.vatop{margin:0}
.d1 .gwpadding1 .navtitle,.d2 .gwpadding1 .navtitle,.d1 .sectiontitle1,.d2 .sectiontitle1,.d1 .sectiontitle2,.d2 .sectiontitle2{padding-left:5px}
.d1 .gwpadding1,.d2 .gwpadding1{padding-left:20px}
td.sectiontitle2{padding-top:2px}
table.dkgrey1 table tr td.tablecaption2{background:url("images/bg_sunblue.gif") repeat-x}
table.dkgrey1 table tr td.tablecaption2 div.headerpadding{background:transparent}
table.dkgrey1 table.white1 tr td div.pad10{padding:0 10px}
td.tablecaption2 + td img[width="10"]{width:10px;height:24px;background:#FFF}
td.tablecaption2 + td.black{background:#fff;color:#000}
table.dkgrey1 table tr td.tablecaption3{background:url("images/bg_sunblue.gif")}
table.dkgrey1 table tr td.tablecaption3 div.headerpadding{background:transparent}
table.dkgrey1 table.white1 tr td div.pad10{padding:0 10px}
td.tablecaption3 div.headerpadding,td.tablecaption3 div.headerpadding2{background:url("images/a2_corner_tr.gif") no-repeat right top;padding:6px 8px 4px 15px}
tr td.tablecaption3,table tr.dkgrey td.tablecaption3{background:url("images/bg_titlebar.gif") no-repeat left top}
table.dkgrey1 table tr td.tablecaption{background:url("images/bg_sunblue.gif")}
table.dkgrey1 table tr td.tablecaption div.headerpadding{background:transparent}
table.dkgrey1 table.white1 tr td div.pad10{padding:0 10px}
td.medgrey div.headerpadding{padding:4px 8px 4px 15px}

/* d7 */
.d7 div.cornerBL{background:url("images/generic_bl.gif") no-repeat bottom left #EEE;border-top:none}
.d7 div.cornerBR{background:url("images/generic_br.gif") no-repeat bottom right;padding:10px 6px;_height:1px;position:static}
.d7 p.intro{font-size:13px;color:#666;font-weight:bold;margin-top:0}
.d7 hr.light,.d7 hr,.d7v4 .g2v3 hr,.d7v4 .g2v4 hr,.d7v4 .g2v5 hr,.d7v9 .g2v3 hr,.d7v9 .g2v4 hr,.d7v9 .g2v5 hr{background:#CCC;color:#CCC;height:2px;padding:0;border-left:0;border-right:0;border-top:0;border-bottom:1px #FFF solid;margin-bottom:10px}
.d7v0{border-bottom:#507c9a solid 2px}
.d7v0 .skip{height:0;width:0;overflow:hidden}
.d7v0 td.suntab div{border-bottom:#FFF solid 2px;border-right:#FFF solid 2px}
.d7v0 td.suntabactive div{border-right:#FFF solid 2px}
.d7v1 div.suntabsubrow{padding:5px 7px 5px 4px}
.d7v1 span{border-right:#FFF solid 1px;padding-right:5px;padding-left:3px}
.d7v1 span.lastitem{border-right:#507c9a solid 0;padding-right:5px;padding-left:3px}
.d7v2{border-bottom:#507c9a solid 2px;border-left:#507c9a solid 2px;border-right:#507c9a solid 2px;padding:6px 6px 10px 6px}
.d7v4{background:#FFF;margin:0;padding:0}
.d7v6{padding:3px 0}
.d7v7{padding:0 0 4px 0;margin-bottom:4px;border-bottom:#CCC 2px solid;color:#696969}
.d7v7 b{color:#E76F00}
.d7v7 div{padding-top:3px}
.d7v8 .suntabsubsubrow div{padding:3px 0 3px 10px}
.d7v8 .suntabsubsubrow form{padding:0 0 4px 0;display:block}
.d7v8 a:visited{color:#3E6B8A}
.d7v8{background:#CCDAE3;border-top:1px #fff solid;padding:6px 6px 6px 5px}
.d7v8 b{color:#000}
.d7v8 span{border-right:#507c9a solid 1px;padding-right:5px;padding-left:3px}
.d7v8 span.lastitem,.d7v8 span.remove{border-right:0;padding-right:5px;padding-left:3px}
.d7v9 div.cornerBR{padding:10px 22px 22px 22px}
.d7v10{background:#CCDAE3;border-top:1px #fff solid}
.d7v10 td{padding:8px 4px 5px 9px}
.d7v10 ul.bluearrows li.currentpg{font-weight:bold;list-style-image:url("images/a.gif");background:url("images/ar_single_black_bold.gif") no-repeat left top}
.d7v11 {text-align:right;margin:9px 0 -23px 0}
.d7v11 a{margin-left:1em}
td.suntabactive a{color:#fff}
td.suntabactive,table.suntabbg,td.suntabbg,th.suntabbg,tr.suntabbg td,tr.suntabbg th,table tr td.suntabbg,table tr th.suntabbg{background:#507c9a}
td.suntabactive{background:#507c9a url("images/bg_titlebar.gif") no-repeat left top;border-right:1px solid #FFF;padding:0}
td.suntabactive div{background:url("images/a2_corner_tr.gif") no-repeat right top;padding:9px 7px 5px 7px}
td.suntab{background:#CCDAE3 url("images/d7_tab_bg.gif") repeat-x;border-right:1px solid #FFF;border-top:3px solid #FFF}
td.suntab div{background:url("images/corner_navblue_tr.gif") no-repeat right top;padding:9px 7px 5px 7px}
td.suntab div{padding:6px 7px 3px 7px}
td.suntab div a:visited{color:#35556B}
div.suntabsubrow{padding:9px 7px 5px 7px;background:#507c9a}
div.suntabsubrow,div.suntabsubrow span,div.suntabsubrow span b,td.suntabactive div{font-weight:bold;color:#FFF}
div.suntabsubrow a,div.suntabsubrow a:visited{font-weight:normal;color:#CCDAE3}
table tr td.suntab div,table tr td.suntabactive div{min-height:16px}
* html table tr td.suntab div,* html table tr td.suntabactive div{height:16px}

/* e1 */
.e1{margin-bottom:10px}
.e1 .contact{margin-bottom:8px}
.e1 a.small{color:#FFD55C}

/* e2 */
.e2{background:url("images/bg_navgreen.gif") repeat-x left bottom #C7CE46;margin-bottom:10px}
.e2 table.navblue{background:url("images/generic_tr.gif") no-repeat top right}
.e2 table.navblue tr td table{margin:8px 6px 8px 6px}
.e2 table.navblue tr td table:first-child,.e2 table.navblue tr td table{background:transparent}
* html .e2 table.navblue tr td table{background:transparent;border-top:0}
.e2 table.navblue .navtitle,.e2 table.navblue .rightarrowblue,.e2 table.navblue table:first-child,.e2 span.rightarrowblue{padding-left:0}

/* e4 */
.e4v2 .pad{padding:7px 7px 0 7px}
.e4v2{padding-bottom:7px}
.e4v0{border:1px solid #B2BC00;padding:0;margin-bottom:10px}
.e4 ul{margin:0;padding:0;list-style:none;padding:4px 5px}
.e4 li{margin:0;padding:0;list-style-image:url("images/a.gif");padding:1px 0 1px 21px;font-weight:bold;background-position:2px 2px;background-repeat:no-repeat}
.e4 li.e4-contact{background-image:url("images/ic_email.gif")}
.e4 li.e4-phone{background-image:url("images/ic_phone.gif")}
.e4 li.e4-chat{background-image:url("images/ic_chat.gif")}
.e4v3 h6.e4x1{padding:4px 0;text-align:right;margin:0 1px 0 0}
.e4v3 h6.e4x1 span{color:#fff;padding:4px 0 4px 16px;background:url("images/e4_TL.gif") no-repeat top left}
.e4v3{margin-bottom:10px;padding:0 8px 8px 0;background:url("images/e4_TR.gif") no-repeat top right #D1D766}
.e4v3 h6.small{color:#999;padding:6px 0 0 8px;font-weight:normal}
.e4v3 .e4w2{margin:1px 0 0 8px;padding:0 0 5px 0;background:#FFF}
.e4v3 ul{padding:2px 5px}
.e4v3:first-child{margin-top:13px}

/* e5 */
.e5{background:url("images/bg_navgreen.gif") repeat-x left bottom #C1C933;margin-bottom:10px}
.e5 table.blue1,.e5 table.white1{background:transparent}
.e5 table.blue1{background:url("images/generic_tr.gif") no-repeat top right;border-top:none}
.e5 table.white1{background:url("images/generic_tl.gif") no-repeat top left;padding:0}
.e5 table.blue1 table.white1{border:none}

/* e8 */
.e8v0{background:url("images/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px}
.e8v1,.e8{background:url("images/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px}
.e8v2 .e8w1,.e8v0 div.cornerBR,.e8v1 div.cornerBR{background:url("images/sidenav_corners.gif") no-repeat bottom right;padding:0}
.e8v0 div.cornerBR,.e8v1 div.cornerBR{height:8px}
.e8v0 .title{color:#FFF;font-weight:bold;padding:8px 8px 2px 8px}
.e8v0 .copy{color:#000;padding:2px 8px 4px 8px}
.e8v1 .copy a:link,.e8v1 div.copy a:visited{color:#FFF}
.e8v1 .title,.e8v2 h5{color:#ED9B09;font-weight:bold;padding:8px 8px 2px 8px;margin:0}
.e8v1 div.copy{color:#FFF;padding:2px 8px 4px 8px}
.e8v2 ul{margin:0;padding:0 0 8px 8px}
.e8w1 ul li{margin:0;list-style-image:url("images/a.gif");background:url("images/ar_dbl_white.gif") no-repeat top left;padding:0 6px 3px 10px}
div[class="e8w1"] ul li{background:url("images/ar_dbl_white.png") no-repeat top left}
.e8v2 ul a{color:#fff}
body div.e8v2 ul.emailicon li,body div.e8v2 ul li.emailicon{background-image:url("images/ic_email_op.gif")}

/* e9 */
.e9v0{background:url("images/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px}
.e9v1{background:url("images/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px}
.e9 div.cornerBL{width:170px;height:8px;background:url("images/generic_bl.gif") no-repeat bottom left;padding:0}
.e9 div.cornerBR{width:170px;height:8px;background:url("images/generic_br.gif") no-repeat bottom right;padding:0}
.e9 div.cornerTL{width:170px;height:8px;background:url("images/generic_tl.gif") no-repeat top left;padding:0}
.e9 div.cornerTR{width:170px;height:8px;background:url("images/generic_tr.gif") no-repeat top right;padding:0}
.e9v0 div.title{color:#FFF;font-weight:bold;padding:2px 8px 2px 8px}
.e9v0 div.copy{color:#000;padding:2px 8px 2px 8px}
.e9v1 div.copy a:link,.e9v1 div.copy a:visited{color:#FFF}
.e9v1 div.title{color:#ED9B09;font-weight:bold;padding:2px 8px 2px 8px}
.e9v1 div.copy{color:#FFF;padding:2px 8px 4px 8px}

/* e10 */
.e10{border:#b2bc00 solid 1px;margin-bottom:10px;padding:4px 8px}
.e10 ul{margin:0;padding:0}
.e10 ul.icons li{margin:0 8px 0 0;display:inline}
.e10 a:visited{color:#3E6B8A}

/* e12 */
.e12v0{margin-bottom:10px}

/* e13 */
.e13{background:#a3b8cb;margin-bottom:10px;width:170px}
.e13v1{background:url("images/bg_medblue_to_darkblue.gif") repeat-x 0 -10px #5482a3}
.e13 div.cornerTR{height:8px;background:url("images/sidenav_corners.gif") no-repeat top left;padding:0}
.e13 div.cornerBL{height:8px;background:url("images/sidenav_corners.gif") no-repeat bottom right;margin-top:5px;padding:0}
.e13 .pad{margin:0 10px}
.e13 img.popup{margin:0;padding:0;float:right}
.e13v0 img{margin:6px 0 0 0;display:block}
.e13v0 h3{margin:0;padding:0;float:left}
.e13v0r1 div.cornerBL,.e13v0r1 div.cornerBR{height:6px}
.e13v0r1 div.pad{margin:0 0 0 6px}
.e13v0r1 h3{color:#fff;padding-left:4px;float:none;margin-bottom:3px}
.e13v0r1 h3 a{color:#fff;display:block;background:url("images/ic_open_win_blue.gif") no-repeat top right;margin-right:10px}
.e13v0r1 img{margin:2px 1px 0 0;display:inline;background:url("images/pc3_border_off.gif") no-repeat 0 0;width:77px;height:64px}
.e13v0r1 a:hover img{background:url("images/pc3_border_on.gif") no-repeat 0 0}
.e13v0r1 img.popup{width:15px;height:11px;background:transparent}
.e13v0r1 a:hover img.popup{background:transparent}
.e13v1 h3,.e13v1 p,.e13 div a{color:#fff}
.e13v1 h3{padding-bottom:2px}
.e13v1 img{margin:3px 0 5px 0;padding:0 18px 0 17px;display:block;background:url("images/ic_open_win_blue.gif") no-repeat 132px -1px}
.e13v1 div.cornerBL{margin-top:4px}
.e13v1 p{margin-bottom:5px}
.e13 .chevron{background:url("images/ar_dbl_white.png") no-repeat top left;padding:0 6px 0 10px;display:block}
.e13 .chevron{_background:url("images/ar_dbl_white.gif") no-repeat top left}
.e13v0 .chevron{margin:4px 0}

/* e14 */
.e14{background:url("images/bg_lightyellow.gif") repeat-x left bottom #ffdb80;margin-bottom:10px;width:170px}
.e14 div.cornerTR{height:8px;background:url("images/sidenav_corners.gif") no-repeat top left;padding:0}
.e14 div.cornerBL{height:8px;background:url("images/sidenav_corners.gif") no-repeat bottom right;margin-top:5px;padding:0}
.e14 div.pad{padding:0 8px 5px 10px}
.e14 div.small{font-weight:bold;margin:2px 0 5px 0;color:#535353;line-height:16px;font-size:12px}
.e14v1 a{font-weight:bold}
.e14v1 div.bluearrows{margin:5px 0 3px 0}

/* e15 */
.e15{background:url("images/bg_navblue.gif") repeat-x bottom left #DDE6EC;margin-bottom:10px;width:170px}
.e15v1 a{font-weight:bold}
.e15v1r1 a{display:block}
.e15 h5{margin:2px 0 0 0;color:#444}
.e15 h3{padding-top:6px}
.e15 ul{margin:0 0 6px;padding:0}
.e15 ul li{margin:3px 0;padding:0 0 0 10px;list-style-image:url("images/a.gif");background:url("images/ar_dbl_blue.png") no-repeat 0 0}
.e15w1,.e15 div.cornerTR{background:url("images/sidenav_corners.gif") no-repeat top left}
.e15w2{padding:2px 8px 3px 10px}
.e15 div.pad{padding:0 8px 3px 10px}