body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; padding:0; font-size:12px; font-family:Tahoma;} table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:��; } abbr,acronym { border:0; } /** ������ **/ BODY { SCROLLBAR-FACE-COLOR:#F7F7F7; SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; SCROLLBAR-SHADOW-COLOR:#FFFFFF; SCROLLBAR-3DLIGHT-COLOR:#D4D0C8; SCROLLBAR-ARROW-COLOR:#808080; SCROLLBAR-TRACK-COLOR:#FFFFFF; SCROLLBAR-DARKSHADOW-COLOR:#D4D0C8; background:#FFF; overflow-y: auto; overflow-x: auto; } /*input{background:expression((this.disabled && this.disabled==true)?"#f0f0f0":"");}*/ select, input {background-color:#fff;} /** ����ҪԪ�ط�������Ļ���� **/ div.popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;} div.popup { margin-top: -200px; margin-left: -250px;} /** common **/ .left {float: left;} .right {float: right;} img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;} img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;} .border_left_no { border-left:none; } .ground_yellow {background:#FFFFCC; } .hide{display:none;} /** font **/ .gray {color:#656565;} /** table **/ table.list {border-top:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5; font-size:12px;} table.list thead tr {background:#e7eff1; height:20px; font-size:12px; padding:3px 8px;} table.list thead th {text-align:center;border-left:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5; font-size:12px; font-weight:bold; color:#333; padding:3px 8px;} /*table.list tbody th {border-top:solid 1px #c5c5c5; text-align:left; font-size:12px; padding:5px 10px 5px 10px;white-space:nowrap;}*/ table.list tbody td {border-top:solid 1px #c5c5c5; border-left:solid 1px #c5c5c5; text-align:center; font-size:12px; padding:5px 10px 5px 10px;white-space:nowrap;} table.list tbody td.num_right{text-align:right; padding-right:1px;} table.list tfoot td {border-top:solid 1px #c5c5c5; border-left:solid 1px #c5c5c5; text-align:center; font-size:12px; padding:5px 10px 5px 10px;white-space:nowrap;} table.list tfoot td.num_right{text-align:right; padding-right:1px;} table.list tbody tr.head {background:#e7eff1; height:20px; font-size:12px; padding:3px 8px;} table.list tbody tr.head th {text-align:center;border-left:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5; font-size:12px; font-weight:bold; color:#333; padding:3px 8px;} .list-datas-table_odd {background:#f0fcfc; line-height: normal;}/*f0fcfc*/ .list-datas-table_even {background:#fff; line-height: normal;}/*e7eff1*/ #master{ margin:0 auto;position:absolute;left:center;top:780px;z-index:999;background:#ebd7a2;height:25px;filter:alpha(opacity=80); /* IE */ -moz-opacity:0.8; /* Moz FF */opacity: 0.8; /* ֧��CSS3���������FF 1.5Ҳ֧�֣�*/} #master table thead th {text-align:center; font-size:12px; font-weight:bold; border-left:solid 1px #666; color:#333; height:25px;}/*background:#f9ac3a;*/ .main_nav{background:url(../images/scm/nav_bg.jpg); height:33px;padding-left:5px;padding-top:3px;vertical-align:middle; line-height:30px} .main_nav ul{clear:left;margin:0px;padding 0px;border 0px;list-style-type:none;text-align:center;display:inline;} .main_nav li{float:left;display:block;margin-left:5px;padding:0px;text-align:center;} .table_input { background-color:#e1e1e1; } .table_input tbody .th { background-color:#f2f7fd; font-size:12px; text-align:right; padding-right:5px; height:24px; } .table_input tbody td { background-color:#FFFFFF; padding-left:5px; padding-top:2px; padding-bottom:2px; height:24px; } .table_input tbody td input { border:1px solid #80a6d9; height:20px;padding-left:3px;padding-top:2px;font-size:12px; } .table_input tbody td input.bt_gray {background:#e7e7e7; border:outset 1px #FFF; padding:3px; height:25px;} .table_input tbody td input.needInput { background: url(../images/prompt/required.gif) no-repeat bottom right; } .table_input tbody td input.noborder { width: 20px;border:0px; background:none; } .table_input tbody td textarea { border:1px solid #b5b8c8;padding-left:3px;padding-top:2px;font-size:12px; background:url('../images/function/input_bg.jpg') repeat-x; overflow:auto; } .table_input tfoot td { /*background-image: url('../images/function/popup_footer.gif'); */ text-align:center; background-color:#FFF;padding-top:4px;padding-bottom:4px; } .table_foot { /*background-image: url('../images/function/popup_footer.gif'); */ text-align:center; height:35px; background-color:#FFF; } .table_input tfoot th input, .table_foot input { background:#e7e7e7; border:outset 1px #FFF; padding:3px; } table.simplelist {border-top:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5;} table.simplelist thead tr {height:24px; background:url(../images/main/table_thead_bg.jpg);} table.simplelist thead th {text-align:center;border-left:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5; font-size:12px; font-weight:bold; color:#333; } table.simplelist tbody td {border-top:solid 1px #c5c5c5; border-left:solid 1px #c5c5c5; text-align:center; font-size:12px; padding:5px 10px 5px 10px;white-space:nowrap;} table.simplelist tfoot td {border-top:solid 1px #c5c5c5; border-left:solid 1px #c5c5c5; text-align:center; font-size:12px; padding:5px 10px 5px 10px;white-space:nowrap;height:35px;} /*CSS page style pagination*/ DIV.page { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 3px; PADDING-TOP: 0px; TEXT-ALIGN: center; float:left; } DIV.page A { BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none } DIV.page A:hover { BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid; } DIV.page A:active { BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid; } DIV.page SPAN.current { /*BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0;*/ PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; font-weight:bold; color:#999; } DIV.page SPAN.disabled { BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid; } div.pageinfo { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; float:left; font-weight:bold; color:#999; } DIV.page input.text_pageNo{ border:1px solid #b5b8c8;height:20px;width:40px;margin-left:2px;margin-right:2px; } /** ERROR **/ .errorMessageText { background:#FFFFCC; border:solid 1px #FF9900; padding:5px 10px 5px 10px; width:100%; font-size:12px; text-align:center; margin:10px 5px;} /** INPUT **/ .bt_gray{background:#e7e7e7; border:outset 1px #FFF; padding:3px;} div.tip {background:#FFFFCC; padding:5px 10px 5px 10px; width:100%; font-size:12px; text-align:center;color:#333;} div.tipInfo {background:#FFFFCC; padding:5px 10px 5px 10px; width:100%; font-size:12px; text-align:center;color:#333; color:#FF0000;} /** UL **/ ul.simple {width:100%;} ul.simple li {float: left; list-style-type: none; text-align: center; line-height: 20px; } ul.simple li A {width: 150px; height: 20px; BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none; margin-bottom:2px; } ul.simple li A:hover { BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid; } ul.simple li A:active { BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid; } .tooltip{ position: absolute; overflow: hidden; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; } tr.AllocationRate1 {background-color:#FFCCCC; } tr.AllocationRate2 {background-color:#FFFFCC; } tr.AllocationRate3 {background-color:#66FFCC; } .breadWord {width:120px; WORD-WRAP:break-word; padding:5px 0; line-height:15px;} /* ��������ı�񣬵��÷�ʽ
*/ div.tableContainer { clear: both; border: 0; overflow: auto; width: 100%; scrollbar-face-color: #DBEBFE; scrollbar-shadow-color: #B8D6FA; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #DBEBFE; scrollbar-darkshadow-color:#458CE4; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #458CE4 } /* WinIE 6.x needs to re-account for it's scrollbar. Give it some padding */ \html div.tableContainer/* */ { padding: 0 } /* clean up for allowing display Opera 5.x/6.x and MacIE 5.x */ html>body div.tableContainer { height: auto; padding: 0; width: 740px } /* Reset overflow value to hidden for all non-IE browsers. */ /* Filter out Opera 5.x/6.x and MacIE 5.x */ head:first-child+body div[class].tableContainer { height: 285px; overflow: hidden; width: 756px } /* define width of table. IE browsers only */ /* if width is set to 100%, you can remove the width */ /* property from div.tableContainer and have the div scale */ div.tableContainer table { float: left; width: 100% } /* WinIE 6.x needs to re-account for padding. Give it a negative margin */ \html div.tableContainer table/* */ { margin: 0 -16px 0 0 } /* define width of table. Opera 5.x/6.x and MacIE 5.x */ html>body div.tableContainer table { float: none; margin: 0; width: 740px } /* define width of table. Add 16px to width for scrollbar. */ /* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */ head:first-child+body div[class].tableContainer table { width: 756px } /* set table header to a fixed position. WinIE 6.x only */ /* In WinIE 6.x, any element with a position property set to relative and is a child of */ /* an element that has an overflow property set, the relative value translates into fixed. */ /* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */ thead.fixedHeader tr { position: relative; /* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution */ top: expression(jQuery('div.tableContainer').scrollTop()) } thead.fixedHeader tr.fixedHeader2 { /* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution */ top: expression(jQuery('div.tableContainer2').scrollTop()) } thead.fixedHeader tr.fixedHeader3 { /* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution */ top: expression(jQuery('div.tableContainer3').scrollTop()) } /* set THEAD element to have block level attributes. All other non-IE browsers */ /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ /* Filter out Opera 5.x/6.x and MacIE 5.x */ head:first-child+body thead[class].fixedHeader tr { display: block } /* make the TH elements pretty */ /* thead.fixedHeader th { background: #C96; border-left: 1px solid #EB8; border-right: 1px solid #B74; border-top: 1px solid #EB8; font-weight: normal; padding: 4px 3px; text-align: center } */ thead.fixedHeader th { background:url(../images/main/thead_bg.jpg) right; font-weight: normal; height:24px; text-align: center; color: #4a537e; font-weight: bold; padding-left: 4px; padding-right: 4px; } /* make the A elements pretty. makes for nice clickable headers */ thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited { color: #FFF; display: block; text-decoration: none; width: 100% } /* make the A elements pretty. makes for nice clickable headers */ /* WARNING: swapping the background on hover may cause problems in WinIE 6.x */ thead.fixedHeader a:hover { color: #FFF; display: block; text-decoration: underline; width: 100% } /* define the table content to be scrollable */ /* set TBODY element to have block level attributes. All other non-IE browsers */ /* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ /* induced side effect is that child TDs no longer accept width: auto */ /* Filter out Opera 5.x/6.x and MacIE 5.x */ head:first-child+body tbody[class].scrollContent { display: block; height: 262px; overflow: auto; width: 100% } /* make TD elements pretty. Provide alternating classes for striping the table */ /* http://www.alistapart.com/articles/zebratables/ */ tbody.scrollContent td, tbody.scrollContent tr.normalRow td { border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; padding: 2px 3px ; } tbody.scrollContent tr.alternateRow td { border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; padding: 2px 3px ; } /* define width of TH elements: 1st, 2nd, and 3rd respectively. */ /* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */ /* Add 16px to last TH for scrollbar padding */ /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */ head:first-child+body thead[class].fixedHeader th { width: 200px } head:first-child+body thead[class].fixedHeader th + th { width: 250px } head:first-child+body thead[class].fixedHeader th + th + th { border-right: none; padding: 4px 4px 4px 3px; width: 316px } /* define width of TH elements: 1st, 2nd, and 3rd respectively. */ /* All other non-IE browsers. Filter out Opera 5.x/6.x and MacIE 5.x */ /* Add 16px to last TH for scrollbar padding */ /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors */ head:first-child+body tbody[class].scrollContent td { width: 200px } head:first-child+body tbody[class].scrollContent td + td { width: 250px } head:first-child+body tbody[class].scrollContent td + td + td { border-right: none; padding: 2px 4px 2px 3px; width: 300px /* expression is for WinIE 5.x only. Remove to validate and for pure CSS solution */ top: expression(jQuery('div.tableContainer').scrollTop()) } tbody.scrollContent tr {background-color:expression((this.sectionRowIndex%2==0)?"#fff":"#f2f5fa")} tbody.scrollContent td{ text-align:center; height: 20px; color: #333333; } tbody.scrollContent td input { border:1px solid #80a6d9; height:20px;padding-left:3px;padding-top:2px;font-size:12px; } /*listҳ�����Ϸ��ĺ�ɫ��ǩ*/ .tableHead{ margin-top:5px; height:25px; border-top:1px solid #a9bbce; background-color:#687d8e; background-repeat: no-repeat; background-position:8px 50%; color:#FFF; font-size:13px; padding-top:7px; padding-left:30px; font-weight:bold; } .tableHead ul{clear:left;margin:0px;padding 0px;border 0px;list-style-type:none;text-align:center;display:inline;} .tableHead li{float:left;display:block;margin-left:5px;padding:0px;text-align:center;} .tableHead .li_text{padding-top:3px;} .tableHead a{color:#fff} .tableHead a:hover{color:#e1e1e1} .tableHead a:active{color:#e1e1e1} .tableHead input { border:1px solid #80a6d9; height:20px;padding-left:3px;padding-top:2px;font-size:12px; } table.table_simple_input {border:#b5d6e6 solid 1px;} table.table_simple_input thead tr {background:url(../images/main/header_back.png) repeat-x; height:25px; color:#0000;} table.table_simple_input thead th {border-left:#FFF solid 1px; padding:0 5px;text-align:center; } table.table_simple_input tbody th { background:#e4f5fd; border-left:#b5d6e6 solid 1px; border-right:#b5d6e6 solid 1px; border-bottom:#b5d6e6 solid 1px; padding:3px 5px; line-height:18px;text-align:right;} table.table_simple_input tbody th.head { background:#e4f5fd; border-left:#b5d6e6 solid 1px; border-right:#b5d6e6 solid 1px; border-bottom:#b5d6e6 solid 1px; padding:3px 5px; line-height:18px;text-align:center;} table.table_simple_input tbody th.dataHead{ text-align:center; background:url(../images/main/table_thead_bg.jpg);vertical-align:middle;} table.table_simple_input tbody td { border-left:#b5d6e6 solid 1px; border-right:#b5d6e6 solid 1px; border-bottom:#b5d6e6 solid 1px; padding:3px 3px; text-align:left;vertical-align:middle;} table.table_simple_input tbody td.data { border-left:#b5d6e6 solid 1px; border-right:#b5d6e6 solid 1px; border-bottom:#b5d6e6 solid 1px; padding:3px 3px; text-align:center;vertical-align:middle;} table.table_simple_input tbody td input{border:1px solid #b5b8c8; background-color:#FFF; height:16px;padding-left:3px;padding-top:2px;font-size:12px; vertical-align:middle; } table.table_simple_input td input.seabt{background:#e7e7e7; border:outset 1px #FFF; padding:3px; height:25px; text-align:center; background:url(../images/main/table_thead_bg.jpg);} table.table_simple_input tbody td textarea {border:1px solid #b5b8c8;padding-left:3px;padding-top:2px; background-color:#FFF;} table.table_simple_input tbody td img{vertical-align:middle; border:0px;} table.table_simple_input tfoot { height:25px;} table.table_simple_input tfoot td {border-left:#b5d6e6 solid 1px; border-right:#b5d6e6 solid 1px; border-bottom:#b5d6e6 solid 1px; text-align:center; padding:1px;} table.table_simple_input tbody td.tink{text-align:right;} table.table_simple_input tbody.center td{text-align:center;} table.table_simple_input tbody.center th{text-align:center;}