advanced.css.svn-base

j2me设计的界面包

/* g19 */
div.g19v8,div.g19v9{width:100%;text-align:center}
div.g19r1{margin:0;float:none}

/* g20 - OLD */
.g20v0 .g20,.g20v2 .g20,.g20v4 .g20,.g20v6 .g20{margin:14px 10px 10px 0;float:left;position:relative}
.g20v1 .g20,.g20v3 .g20,.g20v5 .g20,.g20v7 .g20{margin:14px 0 10px 10px;float:right;position:relative}
.g20v8 .g20,.g20v9 .g20{margin-left:auto;margin-right:auto;margin-top:14px;margin-bottom:0;position:relative}
.g20 td{background:#c8c8c8;padding:0}
.g20 .thumb{padding:0 8px}
.g20 .thumb img{position:relative;z-index:3;top:-6px;left:0}
.g20 td .small{padding:1px 8px 9px 8px;text-align:right;color:#222;position:relative;top:-4px}
.g20 td.thumb span.zoomaction div.insideBL{background:url("images/BL_c8c8c8_zoom.gif") no-repeat bottom left !important}
.g20 td.thumb span.zoomaction:hover div.insideBL{background:url("images/BL_c8c8c8_zoomed.gif") no-repeat bottom left !important}
.g20v6 .g20 td.thumb span.zoomaction div.insideBL,.g20v7 .g20 td.thumb span.zoomaction div.insideBL{background:url("images/BL_zoom.gif") no-repeat bottom left !important}
.g20v6 .g20 td.thumb span.zoomaction:hover div.insideBL,.g20v7 .g20 td.thumb span.zoomaction:hover div.insideBL{background:url("images/BL_zoomed.gif") no-repeat bottom left !important}
.g20 td div.outsideTL,.g20 div.outsideTR,.g20 div.outsideBL,.g20 div.outsideBR{position:relative}
.g20 div.insideTL{width:100%;background:url("images/TL_c8c8c8.gif") no-repeat top left;height:7px;padding:0;position:relative;z-index:7;top:1px;left:0}
.g20 div.insideTR{width:100%;background:url("images/TR_c8c8c8.gif") no-repeat top right;height:7px;padding:0;position:relative;z-index:7;top:0;left:0}
.g20 div.insideBL{width:100%;background:url("images/BL_c8c8c8.gif") no-repeat bottom left;height:19px;padding:0;position:relative;z-index:7;top:-25px;left:0;margin-bottom:-12px}
.g20 div.insideBR{width:100%;background:url("images/BR_c8c8c8.gif") no-repeat bottom right;height:19px;padding:0;position:relative;z-index:7;top:0;left:0}
.g20v4 div.insideBL,.g20v4 div.insideBR,.g20v4 div.insideTL,.g20v4 div.insideTR,
.g20v5 div.insideBL,.g20v5 div.insideBR,.g20v5 div.insideTL,.g20v5 div.insideTR,
.g20v6 div.insideBL,.g20v6 div.insideBR,.g20v6 div.insideTL,.g20v6 div.insideTR,
.g20v7 div.insideBL,.g20v7 div.insideBR,.g20v7 div.insideTL,.g20v7 div.insideTR,
.g20v9 div.insideBL,.g20v9 div.insideBR,.g20v9 div.insideTL,.g20v9 div.insideTR{background:none !important}
table.g20{_margin-top:19px}
.g20 td .small{_top:12px}
.g20 .thumb img{_top:-22px;_margin-bottom:-40px}
.g20 td.thumb div.insideBL{_top:-4px}
.g20 td.thumb div.insideBR{_top:0}
.g20 td.thumb div.insideTL{_top:-7px}
.g20 td.thumb div.insideTR{_top:0}

/* g20 */
.g20{clear:both}
.g20r1 div.small{padding-top:8px;clear:both;text-align:right;color:#222}
.g20 .g20w1{background:#c8c8c8;padding:0;width:auto}
.g20v0 .g20w1,.g20v2 .g20w1,.g20v4 .g20w1,.g20v6 .g20w1{margin:0 10px 10px 0;float:left}
.g20v1 .g20w1,.g20v3 .g20w1,.g20v5 .g20w1,.g20v7 .g20w1{margin:0 0 10px 10px;float:right}
.g20v8 .g20w1,.g20v8 .g20w2,.g20v9 .g20w1,.g20v9 .g20w2{margin:0 auto}
.g20 .imgleft,.g20 .imgright{margin:0}
.g20w2{padding:0 6px 8px 6px}
.g20 div.imgw1{background:url("images/TL_c8c8c8.gif") no-repeat top left !important}
.g20 div.imgw2{background:url("images/TR_c8c8c8.gif") no-repeat top right !important}
.g20 div.imgw3{background:url("images/BL_c8c8c8.gif") no-repeat bottom left !important}
.g20 div.imgw4{background:url("images/BR_c8c8c8.gif") no-repeat bottom right !important}
.g20 div.outsideTL{width:100%;background:url("images/TL_fff.gif") no-repeat top left;height:7px;padding:0}
.g20 div.outsideTR{width:100%;background:url("images/TR_fff.gif") no-repeat top right;height:7px;padding:0}
.g20 div.outsideBL{width:100%;background:url("images/BL_fff.gif") no-repeat bottom left;height:7px;padding:10px 0 0 0}
.g20 div.outsideBR{width:100%;background:url("images/BR_fff.gif") no-repeat bottom right;height:7px;padding:0}
.d7 div.cornerBL .g20 div.outsideTL,.pc1 div.cornerBL .g20 div.outsideTL,.bg1 .g20 div.outsideTL{background-image:url("images/TL_eee.gif")}
.d7 div.cornerBL .g20 div.outsideTR,.pc1 div.cornerBL .g20 div.outsideTR,.bg1 .g20 div.outsideTR{background-image:url("images/TR_eee.gif")}
.d7 div.cornerBL .g20 div.outsideBL,.pc1 div.cornerBL .g20 div.outsideBL,.bg1 .g20 div.outsideBL{background-image:url("images/BL_eee.gif")}
.d7 div.cornerBL .g20 div.outsideBR,.pc1 div.cornerBL .g20 div.outsideBR,.bg1 .g20 div.outsideBR{background-image:url("images/BR_eee.gif")}
* html .g20 div.outsideTL,* html .g20 div.outsideTR,* html .g20 div.outsideBL,* html .g20 div.outsideBR{display:none}
* html .g20 .showcorners div.outsideTL,* html .g20 .showcorners div.outsideTR,* html .g20 .showcorners div.outsideBL,* html .g20 .showcorners div.outsideBR{display:block}


/* g21 */
.g21{background:#c8c8c8}
.g21 .quote{padding:0 8px 0 8px;font-size:15px;font-weight:bold;color:#fff;font-style:oblique}
.g21 .quote b{color:#eee}
.g21 .small{color:#222;text-align:right;padding:4px 8px 8px 8px}
.g21 div.insideTL{background:url("images/TL_fff.gif") no-repeat top left;height:7px;width:100%;padding:0}
.g21 div.insideTR{background:url("images/TR_fff.gif") no-repeat top right;height:7px;width:100%;padding:0}
.g21 div.insideBL{background:url("images/BL_fff.gif") no-repeat bottom left;height:7px;width:100%;padding:0}
.g21 div.insideBR{background:url("images/BR_fff.gif") no-repeat bottom right;height:7px;width:100%;padding:0}
.g21 img{position:relative;z-index:3;top:-7px;left:0}
.g21v0{margin:0}
.g21v1{margin:0 10px 10px 0;float:left;width:290px}
.g21v2{margin:0 0 10px 10px;float:right;width:290px}
.g21v3{margin:10px 0}
.g21v3 .statement{padding:0 12px;font-size:17px;font-weight:bold;color:#fff;text-align:center}
.d7 div.cornerBL .g21 div.insideTL,.pc1 div.cornerBL .g21 div.insideTL,.bg1 .g21 div.insideTL{background-image:url("images/TL_eee.gif")}
.d7 div.cornerBL .g21 div.insideTR,.pc1 div.cornerBL .g21 div.insideTR,.bg1 .g21 div.insideTR{background-image:url("images/TR_eee.gif")}
.d7 div.cornerBL .g21 div.insideBL,.pc1 div.cornerBL .g21 div.insideBL,.bg1 .g21 div.insideBL{background-image:url("images/BL_eee.gif")}
.d7 div.cornerBL .g21 div.insideBR,.pc1 div.cornerBL .g21 div.insideBR,.bg1 .g21 div.insideBR{background-image:url("images/BR_eee.gif")}

/* g22 */
.g22 .small{color:#666}
.g22v1{text-align:right}

/* g23 */
div.d7v4 div.g23,div.d7v9 div.g23{background:white;margin:12px 5px;border:1px solid #eee}
div.d7v4 div.g23w1,div.d7v9 div.g23w1{background:transparent url("images/TL_eee.gif") no-repeat top left}
div.d7v4 div.g23w2,div.d7v9 div.g23w2{background:transparent url("images/TR_eee.gif") no-repeat top right}
div.d7v4 div.g23w3,div.d7v9 div.g23w3{background:transparent url("images/BR_eee.gif") no-repeat bottom right}
div.d7v4 div.g23w4,div.d7v9 div.g23w4{background:transparent url("images/BL_eee.gif") no-repeat bottom left;padding:1px 12px}
div.d7v9 div.g23{margin:12px 0}
div.g23 h1,div.g23 h2,div.g23 h3,div.g23 h4,div.g23 h5,div.g23 h6,
div.g23 ul,div.g23 ol,div.g23 dl,div.g23 p,div.g23 blockquote{margin-top:10px;margin-bottom:10px}
ul.g23tree{list-style:none;margin-left:0;padding-left:0}
ul.g23tree ul{margin:0}
div.g23 ul.g23tree li{list-style:none;list-style-image:url("images/a.gif");margin:0 0 0 -13px;padding:1px 0 1px 31px;background:transparent url("images/leaf-root.png") no-repeat 0 1px}
div.g23 ul.g23tree li li{background-image:url("images/leaf.png")}
div.g23 ul.g23tree li li.last{background-image:url("images/leaf-last.png")}
div.g23 ul.g23tree li.branch{background-image:url("images/minus-root.png")}
div.g23 ul.g23tree li li.branch{background-image:url("images/minus.png")}
html>body div.g23 ul.g23tree li li.last.branch{background-image:url("images/minus-last.png")}
html body ul.g23tree li li.ie-expanded-last{background-image:url("images/minus-last.png") ! important}
div.g23 ul.g23tree li.collapsed{background-image:url("images/plus-root.png")}
div.g23 ul.g23tree li li.collapsed{background-image:url("images/plus.png")}
html>body div.g23 ul.g23tree li li.last.collapsed{background-image:url("images/plus-last.png")}
div.g23 ul.g23tree li.collapsed ul{display:none}
html body ul.g23tree li li.ie-collapsed-last{background-image:url("images/plus-last.png") ! important}
div.g23 ul.g23tree li a.g23toggler{margin-left:-20px;cursor:pointer}
span.g23checked-count{color:#E76F00;font-weight:bold;padding-left:5px;display:none}
li.collapsed span.g23checked-count{display:inline}
div.g23 ul.g23tree li img{ vertical-align:middle; border:none; }
ul.g23tree li input{margin-top:-3px;_margin:-3px;_vertical-align:middle}
div.g23legend img{border:none;vertical-align:middle}
.g23item-extra-info{display:block}

/* g24 */
.g24v0 ul,.g24v0 ul li{display:inline;margin:0 1px 0 0;padding:0;float:left}
.g24v0{background:url("images/tbadge_title.gif") top left no-repeat;padding:3px 0 0 85px;float:right;margin:0}
.g24badge{margin:0 10px 0 5px;float:left}

/* g25 */
div.g25 input[type=radio],div.g25 input[type=checkbox]{margin-right:3px}
div.g25 div.labeled-input,div.g25 div.info,div.g25 div.checkboxes,div.g25 div.submit,div.g25 div.radiobuttons{clear:both}
html body div.g25 p.label{width:173px;float:left;margin:2px 0;color:#666;text-align:right;padding-right:12px}
div.g25 p.indicates-required{width:173px;text-align:right;color:#666}
div.g25 div.info,div.g25 div.submit{margin-left:185px}
html body div.g25biglabels p.label{width:198px}
div.g25biglabels p.indicates-required{width:198px;}
div.g25biglabels div.info,div.g25biglabels div.submit{margin-left:210px}
div.g25 div.labeled-input p,div.g25 div.info p,div.g25 div.checkboxes p{margin:0;padding:3px 0}
div.g25 div.radiobuttons p.radiobuttons{margin:0 0 6px 0;position:relative;top:2px}
div.g25 div.radiobuttons p.radiobuttons label{margin-right:10px}
div.g25 div.radiobuttons input[type=radio]{vertical-align:middle}
div.g25 img.required-icon{vertical-align:top}
div.g25 .help{font-size:11px;color:#666}
div.g25 .help a{font-size:11px}
div.g25 div.labeled-input span.help{margin-left:5px}
div.g25 div.labeled-input select{min-width:184px}
div.g25 div.labeled-input input.short{width:30px}
div.g25 div.labeled-input input.medium{width:176px}
div.g25 div.labeled-input input.long{width:345px}
div.g25biglabels div.labeled-input select{min-width:177px}
div.g25biglabels div.labeled-input input.short{width:30px}
div.g25biglabels div.labeled-input input.medium{width:170px}
div.g25biglabels div.labeled-input input.long{width:320px}
div.g25 div.submit input[type=submit]{margin-right:4px}
div.g25 fieldset{padding:10px 12px 12px 12px;margin:12px 0px;border:1px solid #ccc}
div.g25 fieldset legend{font-weight:bold}
div.pc1 div.g25 div.fieldset{margin:15px -22px;padding:4px 22px 0 22px;background:transparent url("images/25px-gray-square.gif") repeat-x 0 0}
div.pc1 div.g25 div.fieldset fieldset{border:none;margin:0;padding:0}
div.pc1 div.g25 div.fieldset legend{font-weight:bold;font-size:13px;padding:0 0 16px 0;margin:0 0 0 0}
* html div.pc1 div.cornerBR{height:1px}
* html div.pc1 div.cornerTR{height:1px}
div.g25 div.stacked-radiobuttons,div.g25 div.checkboxes{padding-left:185px;position:relative}
div.g25biglabels div.stacked-radiobuttons,div.g25biglabels div.checkboxes{padding-left:210px}
div.g25 div.stacked-radiobuttons p{margin:2px}
div.g25 div.stacked-radiobuttons p.label,div.g25 div.checkboxes p.label{float:none;position:absolute;top:0px;left:0px}
* html div.g25 div.stacked-radiobuttons p.label,* html div.g25 div.checkboxes p.label{left:-185px}
* html div.g25biglabels div.stacked-radiobuttons p.label,* html div.g25biglabels div.checkboxes p.label{left:-210px}
div.g25 textarea{width:360px}
div.g25biglabels textarea{width:335px}

/* g26 */
div.g26{margin:13px 0 17px 0}
div.g26 table{background:white;border-collapse:collapse}
div.g26 table caption{text-align:left;font-weight:bold;font-size:14px;padding-bottom:10px}
div.g26 th,div.g26 td{text-align:left;padding:4px 6px}
div.g26 th+th,div.g26 td+td,div.g26 th+td,div.g26 td+th{padding-left:0}
div.g26 thead th,div.g26 thead td{background:#A3B8CB;font-weight:bold;color:#fff;border-bottom:1px solid #A3B8CB}
div.g26 tbody th,div.g26 tbody td{border-top:1px solid #C5D5A9;vertical-align:top}
div.g26 tbody.subsect th{font-weight:normal}
div.g26 tbody.subsect th:first-child,div.g26 tbody.subsect td:first-child{padding-left:9px}
div.g26 tbody.subsect tr.subheading th{padding:5px 6px;color:#666;font-weight:bold;background:#DFE6ED;border-bottom:3px solid white}
div.g26 tbody.subsect th,div.g26 tbody.subsect td{border-top:1px dotted #eee;padding-top:2px;padding-bottom:2px}
div.g26 tbody.subsect{border-bottom:3px solid white}
div.g26 tr.disabled *{color:#bbb;text-decoration:none;font-style:italic;cursor:default}
div.g26 table .g26widecol{width:100%}
div.g26 table .g26tinycol{white-space:nowrap}
div.g26 table .g26right{text-align:right}
img.g26download-icon{vertical-align:middle}

/* g27 */
.g27p,.g27m{background:url("images/plus-root.png") no-repeat -12px 50%;padding-right:8px}
.g27m{background-image:url("images/minus-root.png")}
.g27 h3,.g27 h3 a,.g27 h3 a:hover,.g27 h3 a:visited{text-decoration:none;color:#E76F00}
.g27block p{margin:3px 0 9px 0}

/* g28 */
.chapterlist h5.chaptertitle,.chapterlist ul,.chapterlist ul li{display:block;float:left;margin:0;padding:0}
.chapterlist h5.chaptertitle{margin:2px 4px 0 0;color:#666}
.chapterlist ul li{background:url('images/bg_chapterbttn.gif') no-repeat 0 0 transparent;margin:0px 2px 1px 1px;width:21px;height:20px;text-align:center;padding-top:3px;}
.chapterlist ul li a{margin:1px;font-weight:bold}
.chapterlist{margin-top:-2px}

/* g29 */
.g29{padding:0;margin:12px 0;border:2px solid #999}
.g29 .g29w1{padding:1px 12px 1px 34px;background-repeat:no-repeat;background-position:5px 3px;min-height:29px}
* html .g29 .g29w1{padding-left:36px}
.g29v0{border-color:#c30;background-color:#f9e6e6}
.g29v0 .g29w1{background-image:url("images/ic_warning.gif")}
.g29v1{border-color:#069;background-color:#d5e1f3}
.g29v1 .g29w1{background-image:url("images/ic_notification.gif")}
.g29v2{border-color:#fc3;background-color:#ffc}
.g29v2 .g29w1{background-image:url("images/ic_alert_lg.gif")}
.g29v3{border-color:#070;background-color:#d8f5d8}
.g29v3 .g29w1{background-image:url("images/ic_success.gif")}
.g29 h1,.g29 h2,.g29 h3,.g29 h4,.g29 h5,.g29 h6,.g29 p,.g29 ol,.g29 ul,.g29 dl,.g29 blockquote,.g29 pre{margin-top:7px;margin-bottom:7px;font-size:13px}