6d8df1827bcc162cbd85b393950abf947a42aa51.svn-base 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476
  1. /*表单分组*/
  2. fieldset {
  3. margin: 0px 0 0px 0;
  4. >margin:0;
  5. padding:10px;
  6. border:#DDD 1px solid;
  7. }
  8. legend {
  9. font-weight: bold;
  10. color: #666;
  11. }
  12. input::-ms-clear{display:none;}
  13. /*各元素不可用时的样式*/
  14. .button[disabled]{
  15. color:#cccccc!important;
  16. }
  17. .textinput[disabled]{
  18. border-color:#cccccc!important;
  19. background:none repeat-x scroll left top #eeeeee!important;
  20. }
  21. .textarea[disabled]{
  22. border-color:#cccccc!important;
  23. background:none repeat-x scroll left top #eeeeee!important;
  24. }
  25. .autoComplete[disabled]{
  26. border-color:#cccccc!important;
  27. background-color:#eeeeee!important;
  28. }
  29. .autoCompleteIcon[disabled]{
  30. border-color:#cccccc!important;
  31. background-color:#eeeeee!important;
  32. }
  33. .date[disabled]{
  34. border-color:#cccccc!important;
  35. background-color:#eeeeee!important;
  36. }
  37. .dateIcon[disabled]{
  38. border-color:#cccccc!important;
  39. background-color:#eeeeee!important;
  40. }
  41. .color[disabled]{
  42. border-color:#cccccc!important;
  43. background-color:#eeeeee!important;
  44. }
  45. .keypad[disabled]{
  46. border-color:#cccccc!important;
  47. background-color:#eeeeee!important;
  48. }
  49. input.stepper-active[disabled]{
  50. border-color:#cccccc!important;
  51. background-color:#eeeeee!important;
  52. }
  53. /*日期*/
  54. .date {
  55. background-image: url(../../images/formEle/datePicker.gif) !important;
  56. background-repeat: no-repeat !important;
  57. background-position: 98% 50% !important;
  58. height: 20px;
  59. line-height: 20px;
  60. width: 120px;
  61. border-style: solid;
  62. border-width: 1px;
  63. color: #369;
  64. }
  65. .dateIcon {
  66. background-color: #fff;
  67. background-image: url(../../images/formEle/datePicker.gif);
  68. background-repeat: no-repeat;
  69. background-position: 98% 50%;
  70. height: 20px;
  71. line-height: 20px;
  72. width: 120px;
  73. border-color: #ccc;
  74. border-style: solid;
  75. border-width: 1px;
  76. color: #369;
  77. }
  78. /*颜色选择器*/
  79. .color {
  80. background-color: #fff;
  81. background-image: url(../../images/formEle/color.jpg);
  82. background-repeat: no-repeat;
  83. background-position: 100% 50%;
  84. height: 20px;
  85. line-height: 20px;
  86. width: 120px;
  87. border-color: #ccc;
  88. border-style: solid;
  89. border-width: 1px;
  90. color: #369;
  91. }
  92. /*自动完成框*/
  93. .autoComplete{
  94. width:120px;
  95. border-style:solid;
  96. border-width:1px;
  97. color:#336699;
  98. height: 20px;
  99. line-height: 20px;
  100. background-image: url(../../images/formEle/complete.gif)!important;
  101. background-repeat: no-repeat!important;
  102. background-position: 98% 50%!important;
  103. }.autoCompleteIcon{
  104. width:120px;
  105. border-style:solid;
  106. border-width:1px;
  107. color:#336699;
  108. height: 20px;
  109. line-height: 20px;
  110. background-image: url(../../images/formEle/complete.gif);
  111. background-repeat: no-repeat;
  112. background-position: 98% 50%;
  113. }
  114. .suggestion_input{
  115. width:120px;
  116. border-style:solid;
  117. border-width:1px;
  118. color:#336699;
  119. height: 20px;
  120. line-height: 20px;
  121. background-image: url(../../images/formEle/complete.gif);
  122. background-repeat: no-repeat!important;
  123. background-position: 98% 50%!important;
  124. }
  125. /*文本框清除图标*/
  126. div.text_clear_button {
  127. background-image: url(../../images/formEle/clear_cross.png);
  128. width: 11px;
  129. height: 11px;
  130. margin: 0;
  131. padding: 0;
  132. background-repeat: no-repeat;
  133. z-index: 2;
  134. position: absolute;
  135. cursor: pointer;
  136. }.maxNum {
  137. color: black;
  138. }
  139. /*文本框水印*/
  140. .watermark {
  141. color: #999 !important;
  142. }
  143. /*文本域尺寸变化条*/
  144. div.grippie {
  145. background: #EEE url(../../images/formEle/grippie.png) no-repeat scroll center 2px;
  146. border-color: #DDD;
  147. border-style: solid;
  148. border-width: 0 1px 1px;
  149. cursor: s-resize;
  150. height: 9px;
  151. overflow: hidden;
  152. }
  153. /*密码强度*/
  154. .password_strength {
  155. padding: 0 5px;
  156. display: inline-block;
  157. }.password_strength_1 {
  158. background-color: #fcb6b1;
  159. }.password_strength_2 {
  160. background-color: #fccab1;
  161. }.password_strength_3 {
  162. background-color: #fcfbb1;
  163. }.password_strength_4 {
  164. background-color: #dafcb1;
  165. }.password_strength_5 {
  166. background-color: #bcfcb1;
  167. }
  168. /*软键盘*/
  169. .keypad {
  170. background-color: #fff;
  171. background-image: url(../../images/formEle/keypad.gif) !important;
  172. background-repeat: no-repeat !important;
  173. background-position: 98% 50% !important;
  174. height: 20px;
  175. line-height: 20px;
  176. width: 120px;
  177. border-color: #ccc;
  178. border-style: solid;
  179. border-width: 1px;
  180. color: #369;
  181. }
  182. button.keypad-trigger {
  183. width: 25px;
  184. padding: 0;
  185. }
  186. img.keypad-trigger {
  187. margin: 2px;
  188. vertical-align: middle;
  189. }#keypad-div {
  190. display: none;
  191. z-index: 10;
  192. margin: 0;
  193. padding: 0;
  194. background-color: #fff;
  195. color: #000;
  196. border: 1px solid #888;
  197. border-radius: 4px;
  198. -moz-border-radius: 4px;
  199. -webkit-border-radius: 4px;
  200. font-family: Arial, Helvetica, sans-serif;
  201. }.keypad-keyentry {
  202. display: none;
  203. }.keypad-inline {
  204. background-color: #f4f4f4;
  205. border: 1px solid #888;
  206. border-radius: 4px;
  207. -moz-border-radius: 4px;
  208. -webkit-border-radius: 4px;
  209. }.keypad-disabled {
  210. position: absolute;
  211. z-index: 100;
  212. background-color: white;
  213. opacity: .5;
  214. filter: alpha( opacity = 50);
  215. }.keypad-rtl {
  216. direction: rtl;
  217. }.keypad-prompt {
  218. clear: both;
  219. width: 100%;
  220. text-align: center;
  221. }.keypad-row {
  222. clear: both;
  223. float: left;
  224. width: 100%;
  225. }.keypad-space {
  226. float: left;
  227. margin: 2px;
  228. width: 24px;
  229. } * html .keypad-space {
  230. margin: 0;
  231. width: 28px;
  232. }.keypad-half-space {
  233. float: left;
  234. margin: 1px;
  235. width: 12px;
  236. } * html .keypad-half-space {
  237. margin: 0;
  238. width: 14px;
  239. }.keypad-key {
  240. float: left;
  241. border:solid 1px #9db0bc;
  242. margin: 2px;
  243. padding: 0;
  244. width: 32px;
  245. height:25px;
  246. background-color: #f4f4f4;
  247. text-align: center;
  248. background-image: url(../../images/formEle/keyBg.jpg);
  249. background-repeat: repeat-x;
  250. cursor: pointer;
  251. }.keypad-key-down{
  252. background-image: url(../../images/formEle/keyBg3.jpg)!important;
  253. color:black!important;
  254. }.keypad-key-hover{
  255. background-image: url(../../images/formEle/keyBg3.jpg)!important;
  256. color:black!important;
  257. border-color:#af923f!important;
  258. }
  259. .keypad-spacebar {
  260. width: 164px;
  261. }.keypad-enter {
  262. width: 52px;
  263. }.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
  264. width: 52px;
  265. color: #fff;
  266. font-weight: normal;
  267. border:solid 1px #dc6b00!important;
  268. background-image: url(../../images/formEle/keyBg2.jpg);
  269. background-repeat: repeat-x;
  270. }.keypad-clear {
  271. }.keypad-back {
  272. }.keypad-close {
  273. }.keypad-shift {
  274. }.keypad-cover {
  275. display: none;
  276. display: block;
  277. position: absolute;
  278. z-index: -1;
  279. filter: mask();
  280. top:-4px;
  281. left:-4px;
  282. width:125px;
  283. height: 200px;
  284. }
  285. /*文本编辑器*/
  286. .ocd-trademark {
  287. color: red;
  288. }.ocd-registered {
  289. color: red;
  290. vertical-align: super;
  291. line-height: 0;
  292. }.ocd-has-hanging-punc {
  293. text-indent: -0.5em;
  294. } * html .ocd-has-hanging-punc {
  295. text-indent: 0;
  296. }
  297. /*mask遮罩*/
  298. .loadmask {
  299. z-index: 700;
  300. position: absolute;
  301. top: 0;
  302. left: 0;
  303. -moz-opacity: .4;
  304. opacity: .40;
  305. filter: alpha( opacity = 40);
  306. width:100%;
  307. height:100%;
  308. zoom:1;
  309. display:none;
  310. }.loadmask-msg {
  311. z-index: 20001;
  312. position: absolute;
  313. top: 0;
  314. left: 0;
  315. border: 1px solid #6593cf;
  316. background: #c3daf9;
  317. padding: 2px;
  318. }.loadmask-msg .mask_lading {
  319. padding: 5px 10px 5px 25px;
  320. background: #fbfbfb url('../../images/loading/loading3.gif') no-repeat 5px 5px;
  321. line-height: 16px;
  322. border: 1px solid #a3bad9;
  323. color: #222;
  324. cursor: wait;
  325. }.loadmask-msg .normal {
  326. padding: 5px 10px 5px 10px;
  327. background-color: #fbfbfb;
  328. line-height: 16px;
  329. border: 1px solid #a3bad9;
  330. color: #222;
  331. display:block;
  332. }.masked {
  333. overflow: hidden !important;
  334. }.masked-relative {
  335. position: relative !important;
  336. }.masked-hidden {
  337. visibility: hidden !important;
  338. }
  339. /*提示信息*/
  340. #cursorMessageDiv {
  341. position: absolute;
  342. z-index: 99999;
  343. border: solid 1px #c93;
  344. background: #ffc;
  345. padding: 2px;
  346. margin: 0;
  347. display: none;
  348. }
  349. /*缩略图预览*/
  350. #imgpreview {
  351. position: absolute;
  352. border: 1px solid #ccc;
  353. background: #333;
  354. padding: 5px;
  355. display: none;
  356. color: #fff;
  357. }
  358. /*图片列表标题特效*/
  359. .boxgrid img {
  360. position: absolute;
  361. top: 0;
  362. left: 0;
  363. border: 0;
  364. }.boxcaption {
  365. float: left;
  366. position: absolute;
  367. background: #000;
  368. height: 100px;
  369. width: 100%;
  370. opacity: .8;
  371. filter: progid:
  372. DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}.captionfull .boxcaption {
  373. top: 260;
  374. left: 0;
  375. }.caption .boxcaption {
  376. top: 220;
  377. left: 0;
  378. }.boxgrid_title {
  379. font-size: 14px;
  380. font-weight: bold;
  381. padding: 4px 5px 0 10px;
  382. color: white;
  383. }.boxgrid_con {
  384. font-size: 12px;
  385. padding: 4px 5px 0 10px;
  386. color: white;
  387. }.framegrid_cover {
  388. position: absolute;
  389. width: 200px;
  390. background-color: #343434;
  391. color: white;
  392. opacity: .8;
  393. filter: progid:
  394. DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";left:8px;}.framegrid a {
  395. text-decoration: none;
  396. color: white;
  397. }.framegrid a:hover {
  398. text-decoration: none;
  399. color: white;
  400. }.framegrid {
  401. position: relative;
  402. float: left;
  403. }.framegrid_title {
  404. font-size: 14px;
  405. font-weight: bold;
  406. padding: 3px 5px 0 10px;
  407. color: white;
  408. overflow: hidden;
  409. }.framegrid_con {
  410. font-size: 12px;
  411. padding: 2px 5px 0 10px;
  412. color: white;
  413. overflow: hidden;
  414. }
  415. /*图片列表边框*/
  416. .picItem {
  417. width: 302px;
  418. float: left;
  419. margin-right: 0;
  420. margin-left: 0;
  421. margin-top: 5px;
  422. height: 242px;
  423. cursor: pointer;
  424. cursor: hand;
  425. background-color:white;
  426. }.picItem .details {
  427. background-image: url(../../images/pic/item_frame_bg.jpg);
  428. background-repeat: no-repeat;
  429. background-position: left top;
  430. }.picItem .details img {
  431. padding-top: 9px;
  432. padding-left: 52px;
  433. width: 200px;
  434. height: 110px;
  435. }.picItemOver {
  436. width: 300px;
  437. height: 240px;
  438. border: 1px solid #ccc;
  439. }.picItemOver .details {
  440. background-image: url(../../images/pic/item_frame_bg_over.jpg);
  441. background-repeat: no-repeat;
  442. background-position: left top;
  443. }.picItemOver .details img {
  444. padding-top: 9px;
  445. padding-left: 52px;
  446. width: 200px;
  447. height: 110px;
  448. }.picItem_title {
  449. font-size: 16px;
  450. font-weight: bold;
  451. padding: 15px 0 15px 50px;
  452. }.picItem_con {
  453. padding: 15px 0 15px 40px;
  454. }.picItem2 {
  455. width: 230px;
  456. float: left;
  457. margin-right: 0;
  458. margin-left: 0;
  459. margin-top: 10px;
  460. margin-bottom: 10px;
  461. background-image: url(../../images/pic/item_frame_bg2.jpg);
  462. background-repeat: no-repeat;
  463. background-position: left top;
  464. }.picItem2 img {
  465. padding-top: 9px;
  466. padding-left: 8px;
  467. padding-bottom: 9px;
  468. width: 200px;
  469. height: 110px;
  470. }.picItem3 {
  471. width: 230px;
  472. margin-right: 0;
  473. margin-left: 0;
  474. margin-top: 10px;
  475. margin-bottom: 10px;
  476. background-image: url(../../images/pic/item_frame_bg2.jpg);
  477. background-repeat: no-repeat;
  478. background-position: left top;
  479. }.picItem3 img {
  480. padding-top: 9px;
  481. padding-left: 8px;
  482. padding-bottom: 9px;
  483. width: 200px;
  484. height: 110px;
  485. }
  486. /*图片边框*/
  487. .polaroid-container{
  488. position:relative;
  489. float:left;
  490. margin: 20px;
  491. }
  492. .polaroid-shadow{
  493. background-color: #CCCCCC;
  494. text-align: center;
  495. }
  496. .polaroid{
  497. background-color: #FDFDFD;
  498. border: 1px solid #999999;
  499. position: relative;
  500. left: -3px;
  501. top: -3px;
  502. }
  503. .polaroid-content-container{
  504. margin: 15px 15px 32px 20px;
  505. }
  506. .polaroid-pic{
  507. display: block;
  508. border: 1px solid #CCCCCC;
  509. border-top: 1px solid #999999;
  510. border-right: 1px solid #999999;
  511. margin-bottom: 15px;
  512. }
  513. .polaroid-caption{
  514. color: #777777;
  515. font-style: italic;
  516. }
  517. .tape{
  518. position: absolute;
  519. }
  520. .top-left{
  521. width: 80px;
  522. height: 87px;
  523. top: -20px;
  524. left: -20px;
  525. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/pic/tape-tl.png');
  526. }
  527. .top-right{
  528. width: 87px;
  529. height: 80px;
  530. top: -20px;
  531. right: -20px;
  532. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/pic/tape-tr.png');
  533. }
  534. .top-left[class] {
  535. background-image:url('../../images/pic/tape-tl.png');
  536. }
  537. .top-right[class] {
  538. background-image:url('../../images/pic/tape-tr.png');
  539. }
  540. /*图片区域放大*/
  541. div.jqZoomTitle
  542. {
  543. z-index:5000;
  544. text-align:center;
  545. font-family:Tahoma;
  546. height:16px;
  547. padding-top:2px;
  548. position:absolute;
  549. top: 0px;
  550. left: 0px;
  551. width: 100%;
  552. color: #FFF;
  553. background: #999;
  554. }
  555. .jqZoomPup
  556. {
  557. overflow:hidden;
  558. background-color: #FFF;
  559. -moz-opacity:0.6;
  560. opacity: 0.6;
  561. filter: alpha(opacity = 60);
  562. z-index:10;
  563. border-color:#c4c4c4;
  564. border-style: solid;
  565. cursor:crosshair;
  566. }
  567. .jqZoomPup img
  568. {
  569. border: 0px;
  570. }
  571. .preload{
  572. -moz-opacity:0.8;
  573. opacity: 0.8;
  574. filter: alpha(opacity = 80);
  575. color: #333;
  576. font-family: Tahoma;
  577. text-decoration: none;
  578. border: 1px solid #CCC;
  579. background-color: white;
  580. padding: 8px;
  581. text-align:center;
  582. background-image: url(../../images/loading/minloader.gif);
  583. background-repeat: no-repeat;
  584. background-position: 43px 30px;
  585. width:90px;
  586. * width:100px;
  587. height:43px;
  588. *height:55px;
  589. z-index:10;
  590. position:absolute;
  591. top:3px;
  592. left:3px;
  593. }
  594. .jqZoomWindow
  595. {
  596. border: 1px solid #999;
  597. background-color: #FFF;
  598. }
  599. /*自动完成*/
  600. .hintbox_list_container ul {
  601. background-color: #FFF;
  602. width: 200px;
  603. padding: 0;
  604. margin: 0;
  605. border: 1px solid #7F9DB9;
  606. list-style-image: none;
  607. list-style-position: outside;
  608. list-style-type: none;
  609. }.hintbox_list_container ul li {
  610. line-height: 16px;
  611. margin: 0;
  612. padding: 1px 1px 1px 3px;
  613. border: 0;
  614. }.hintbox_loading {
  615. background: url(../../images/loading/ajax-loader.gif) no-repeat center right !important;
  616. }
  617. /*树形表格*/
  618. .acts_as_tree_table tr td .expander {
  619. background-image: url(../../images/icons/bullet_toggle_minus.png);
  620. background-position: left center;
  621. background-repeat: no-repeat;
  622. cursor: pointer;
  623. padding: 0;
  624. zoom: 1;
  625. }.acts_as_tree_table tr.collapsed td .expander {
  626. background-image: url(../../images/icons/bullet_toggle_plus.gif);
  627. }.acts_as_tree_table tr.expanded td .expander {
  628. background-image: url(../../images/icons/bullet_toggle_minus.gif);
  629. }.acts_as_tree_table tr.table_loading td .expander {
  630. background-image: url(../../images/loading/ajax-loader.gif);
  631. }.treeTable span {
  632. background-position: center left;
  633. background-repeat: no-repeat;
  634. padding: .2em 0 .2em 1.5em;
  635. }.treeTable span.file {
  636. background-image: url(../../images/icons/page.gif);
  637. }.treeTable span.folder {
  638. background-image: url(../../images/icons/folder.gif);
  639. }
  640. /*表格排序*/
  641. .sort_off {
  642. background-image: url(../../images/icons/arrow_off.gif);
  643. background-repeat: no-repeat;
  644. background-position: 95% 50%;
  645. cursor: pointer;
  646. cursor: hand;
  647. display: block;
  648. width: 100%;
  649. }.sort_up {
  650. background-image: url(../../images/icons/arrow_up.gif);
  651. background-repeat: no-repeat;
  652. background-position: 95% 50%;
  653. cursor: pointer;
  654. cursor: hand;
  655. display: block;
  656. width: 100%;
  657. }.sort_down {
  658. background-image: url(../../images/icons/arrow_down.gif);
  659. background-repeat: no-repeat;
  660. background-position: 95% 50%;
  661. cursor: pointer;
  662. cursor: hand;
  663. display: block;
  664. width: 100%;
  665. }
  666. /*右键菜单*/
  667. .b-m-mpanel {
  668. background: #F0F0F0 url(../../images/icons/menu_bg.gif) left repeat-y;
  669. border: 1px solid #718BB7;
  670. padding: 2px 0;
  671. position: absolute;
  672. z-index: 99997;
  673. left: 0;
  674. top: 0;
  675. }.b-m-split {
  676. height: 6px;
  677. background: url(../../images/icons/m_splitLine.gif) center repeat-x;
  678. font-size: 0;
  679. margin: 0 2px;
  680. }.b-m-item, .b-m-idisable {
  681. padding: 4px 2px;
  682. margin: 0 2px 0 3px;
  683. cursor: normal;
  684. line-height: 100%;
  685. }.b-m-idisable {
  686. color: #808080;
  687. }.b-m-ibody, .b-m-arrow {
  688. overflow: hidden;
  689. text-overflow: ellipsis;
  690. }.b-m-arrow {
  691. background: url(../../images/icons/m_arrow.gif) right no-repeat;
  692. }.b-m-idisable .b-m-arrow {
  693. background: none;
  694. }.b-m-item img, .b-m-ifocus img, .b-m-idisable img {
  695. margin-right: 8px;
  696. }.b-m-ifocus {
  697. background: url(../../images/icons/m_item.gif) repeat-x bottom;
  698. border: 1px solid #AACCF6;
  699. padding: 3px 1px;
  700. margin: 0 2px 0 3px;
  701. cursor: normal;
  702. line-height: 100%;
  703. }.b-m-idisable img {
  704. visibility: hidden;
  705. }
  706. /*拖拽面板portal*/
  707. .widget-place {
  708. margin: 0;
  709. padding: 0;
  710. width: 33%;
  711. list-style: none;
  712. height: auto!important;
  713. >height:150px;
  714. min-height:150px;
  715. float:left;
  716. }
  717. .widget-placeholder {
  718. border: #000 dashed 1px;
  719. }
  720. .widget {}
  721. .widget-header {}
  722. .widget-menu {
  723. }
  724. .widget-menu a {
  725. margin: 0 0 0 0.5em;
  726. }
  727. .widget-editbox {}
  728. .widget-content {}
  729. /*动态选项卡*/
  730. .benma_ui_tab {
  731. margin: 0;
  732. padding: 0;
  733. position: relative;
  734. top: 0;
  735. line-height: 22px;
  736. width: 100%;
  737. border: 0 solid #999;
  738. padding-top: 4px;
  739. white-space: nowrap;
  740. overflow: hidden;
  741. }.benma_ui_tab .tab_item {
  742. line-height: 22px;
  743. z-index: 100;
  744. white-space: nowrap;
  745. word-spacing: 0;
  746. border-collapse: collapse;
  747. margin-left: 4px;
  748. float: left;
  749. cursor: hand;
  750. cursor: pointer;
  751. }.benma_ui_tab .tab_item1_mouseover {
  752. background-position: 0 -42px;
  753. }.benma_ui_tab .tab_item1_selected {
  754. background-position: 0 -84px;
  755. }.benma_ui_tab .tab_item2_mouseover {
  756. background-position: 0 -42px;
  757. }.benma_ui_tab .tab_item2_selected {
  758. background-position: 0 -84px;
  759. color: #fff;
  760. }.benma_ui_tab .tab_item3_mouseover {
  761. background-position: 0 -42px;
  762. }.benma_ui_tab .tab_item3_selected {
  763. background-position: 0 -84px;
  764. }.benma_ui_tab .tab_title {
  765. padding: 4px;
  766. line-height: 16px;
  767. }.benma_ui_tab .tab_close_mouseover {
  768. background-position: 0 -14px;
  769. }.benma_ui_tab .tab_close_selected {
  770. background-position: 0 0;
  771. }.benma_ui_tab .tab_close_noselected {
  772. background-position: 0 -28px;
  773. }.benma_ui_tab .tab_close_none {
  774. display: none;
  775. }.benma_ui_tab_bottom {
  776. position: relative;
  777. top: 0;
  778. width: 100%;
  779. border: 0 solid #999;
  780. padding-top: 0;
  781. padding-bottom: 4px;
  782. white-space: nowrap;
  783. overflow: hidden;
  784. }.benma_ui_tab .tab_item_bottom {
  785. position: relative;
  786. top: -2px;
  787. line-height: 20px;
  788. z-index: 100;
  789. white-space: nowrap;
  790. word-spacing: 0;
  791. border-collapse: collapse;
  792. margin-left: 4px;
  793. float: left;
  794. cursor: hand;
  795. cursor: pointer;
  796. }.benma_ui_tab .tab_item1_mouseover_bottom {
  797. background-position: 0 -60px !important;
  798. }.benma_ui_tab .tab_item1_selected_bottom {
  799. background-position: 0 -102px !important;
  800. }.benma_ui_tab .tab_item2_mouseover_bottom {
  801. background-position: 0 -60px !important;
  802. }.benma_ui_tab .tab_item2_selected_bottom {
  803. background-position: 0 -102px !important;
  804. color: #fff;
  805. }.benma_ui_tab .tab_item3_mouseover_bottom {
  806. background-position: left -60px !important;
  807. }.benma_ui_tab .tab_item3_selected_bottom {
  808. background-position: left -102px !important;
  809. }.benma_ui_tab .tab_title_bottom {
  810. padding: 4px;
  811. line-height: 16px;
  812. }.benma_ui_tab .tab_close_bottom {
  813. font-size: 9px;
  814. top: 1px;
  815. }
  816. /*图标导航*/
  817. .navIcon {
  818. padding: 15px 0 15px 0;
  819. cursor: pointer;
  820. cursor: hand;
  821. width: 240px;
  822. }.navIcon img {
  823. width: 80px;
  824. height: 80px;
  825. }.navIcon_left {
  826. float: left;
  827. width: 80px;
  828. }.navIcon_right {
  829. float: left;
  830. padding: 0 0 0 8px;
  831. line-height: 180%;
  832. width: 150px;
  833. }
  834. /*可控的左右滚动*/
  835. .trigger-bar {
  836. width: 423px;
  837. height: 18px;
  838. }.trigger-bar .prev, .trigger-bar .next {
  839. float: right;
  840. width: 18px;
  841. height: 18px;
  842. display: block;
  843. outline: none;
  844. background-image: url(../../images/pic/navigator.png);
  845. background-repeat: no-repeat;
  846. }.trigger-bar .prev {
  847. margin-right: -1px;
  848. background-position: -40px 0;
  849. }.trigger-bar .next {
  850. background-position: -17px 0;
  851. }.trigger-bar .prev:hover {
  852. text-decoration: none;
  853. background-position: 0 0;
  854. }.trigger-bar .next:hover {
  855. text-decoration: none;
  856. background-position: -57px 0;
  857. }.scrollable-trigger {
  858. float: right;
  859. }.scrollable-trigger a {
  860. display: inline-block;
  861. width: 6px;
  862. height: 6px;
  863. margin: 6px 5px 0 0;
  864. font-size: 0;
  865. color: #70B2D5;
  866. background: url(../../images/pic/navigator.png) -80px -10px no-repeat;
  867. outline: none;
  868. overflow: hidden;
  869. }.scrollable-trigger a.current, .scrollable-trigger a:hover {
  870. color: #CACACA;
  871. background: url(../../images/pic/navigator.png) -80px 0 no-repeat;
  872. }.scrollable-panel {
  873. position: relative;
  874. width: 437px;
  875. height: 76px;
  876. overflow: hidden;
  877. }.scrollable-panel div {
  878. position: absolute;
  879. width: 2010em;
  880. }.scrollable-panel img {
  881. float: left;
  882. display: inline;
  883. margin: 10px 0 0 15px;
  884. padding: 2px;
  885. border: 1px solid #ccc;
  886. width: 120px;
  887. height: 60px;
  888. -moz-border-radius: 4px;
  889. -webkit-border-radius: 4px;
  890. }
  891. /*控制按钮*/
  892. .ctrl {
  893. width: 348px;
  894. text-align: center;
  895. padding: 5px 0;
  896. }.play, .pause, .stop {
  897. width: 20px;
  898. height: 20px;
  899. border: none;
  900. cursor: pointer;
  901. }.play {
  902. background: url(../../images/pic/ctrl.gif) 0 0 no-repeat;
  903. }.pause {
  904. background: url(../../images/pic/ctrl.gif) 0 -20px no-repeat;
  905. }.stop {
  906. background: url(../../images/pic/ctrl.gif) 0 -40px no-repeat;
  907. }
  908. /*JS版图片幻灯*/
  909. .slide-trigger {
  910. position: relative;
  911. top: -25px;
  912. width: 465px;
  913. text-align: right;
  914. padding-right: 5px;
  915. }.slide-trigger a {
  916. display: inline-block;
  917. margin-right: 3px;
  918. width: 16px;
  919. height: 16px;
  920. line-height: 16px;
  921. text-align: center;
  922. color: #d94b01;
  923. background-color: #fff5e1;
  924. border: 1px solid #f47500;
  925. outline: none;
  926. overflow: hidden;
  927. }.slide-trigger a:hover {
  928. text-decoration: none;
  929. }.slide-trigger a.current {
  930. width: 18px;
  931. height: 18px;
  932. line-height: 18px;
  933. font-weight: bold;
  934. color: #FFF;
  935. background: url(../../images/pic/t-bg.png) repeat-x;
  936. }.slide-panel {
  937. position: relative;
  938. width: 470px;
  939. height: 150px;
  940. overflow: hidden;
  941. border: 1px solid #B6D1E6;
  942. }.slide-panel div {
  943. position: absolute;
  944. }.slide-panel div img {
  945. display: block;
  946. width: 470px;
  947. height: 150px;
  948. }#slide1 div {
  949. width: 2010em;
  950. }#slide1 div img {
  951. float: left;
  952. }
  953. /*文章列表*/
  954. .listPoint {
  955. background: url(../../images/icons/point.gif);
  956. background-repeat: no-repeat;
  957. background-position: 5px 50%;
  958. }
  959. .simpleTab_con {
  960. position: relative;
  961. }
  962. /*加载进度条*/
  963. .progressBg {
  964. width: 350px;
  965. height: 43px;
  966. background: url(../../images/loading/progressBg.jpg);
  967. background-repeat: no-repeat;
  968. padding: 21px 0 0 0;
  969. text-align: center;
  970. }.progressBar {
  971. margin: 0 auto !important;
  972. }
  973. /*信息提示*/
  974. .tooltip{
  975. width: 200px;
  976. color:#000;
  977. text-decoration:none;
  978. text-align:left;
  979. display:block;
  980. word-wrap: break-word;
  981. word-break: break-all;
  982. }
  983. .tooltip_min{
  984. width: 80px;
  985. color:#000;
  986. text-decoration:none;
  987. text-align:center;
  988. display:block;
  989. word-wrap: break-word;
  990. word-break: break-all;
  991. }
  992. .tooltip_mid{
  993. width: 130px;
  994. color:#000;
  995. text-align:left;
  996. text-decoration:none;
  997. text-align:center;
  998. display:block;
  999. word-wrap: break-word;
  1000. word-break: break-all;
  1001. }
  1002. .tooltip_r{
  1003. width: 200px;
  1004. color:#000;
  1005. text-decoration:none;
  1006. text-align:left;
  1007. display:block;
  1008. word-wrap: break-word;
  1009. word-break: break-all;
  1010. }
  1011. .tooltip_min_r{
  1012. width: 80px;
  1013. color:#000;
  1014. text-decoration:none;
  1015. text-align:center;
  1016. display:block;
  1017. word-wrap: break-word;
  1018. word-break: break-all;
  1019. }
  1020. .tooltip_mid_r{
  1021. width: 130px;
  1022. color:#000;
  1023. text-align:left;
  1024. text-decoration:none;
  1025. text-align:center;
  1026. display:block;
  1027. word-wrap: break-word;
  1028. word-break: break-all;
  1029. }
  1030. .tooltip_s{
  1031. width: 200px;
  1032. color:#000;
  1033. text-decoration:none;
  1034. text-align:left;
  1035. display:block;
  1036. word-wrap: break-word;
  1037. word-break: break-all;
  1038. }
  1039. .tooltip_min_s{
  1040. width: 80px;
  1041. color:#000;
  1042. text-decoration:none;
  1043. text-align:center;
  1044. display:block;
  1045. word-wrap: break-word;
  1046. word-break: break-all;
  1047. }
  1048. .tooltip_mid_s{
  1049. width: 130px;
  1050. color:#000;
  1051. text-align:left;
  1052. text-decoration:none;
  1053. text-align:center;
  1054. display:block;
  1055. word-wrap: break-word;
  1056. word-break: break-all;
  1057. }
  1058. /*表单验证*/
  1059. .error-field {
  1060. border: 1px solid #F00 !important;
  1061. }.formError {
  1062. position: absolute;
  1063. top: 300px;
  1064. left: 300px;
  1065. padding-bottom: 13px;
  1066. display: block;
  1067. z-index: 5000;
  1068. cursor: pointer;
  1069. width: 160px;
  1070. color:#000;
  1071. text-align:left;
  1072. text-decoration:none;
  1073. text-align:center;
  1074. display:block;
  1075. word-wrap: break-word;
  1076. word-break: break-all;
  1077. }#debugMode {
  1078. background: #000;
  1079. position: fixed;
  1080. width: 100%;
  1081. height: 200px;
  1082. top: 0;
  1083. left: 0;
  1084. overflow: scroll;
  1085. opacity: .8;
  1086. display: block;
  1087. padding: 10px;
  1088. color: #fff;
  1089. font-size: 14px;
  1090. z-index: 100000;
  1091. }.ajaxSubmit {
  1092. padding: 20px;
  1093. background: #55ea55;
  1094. border: 1px solid #999;
  1095. display: none;
  1096. }
  1097. /*单选下拉框样式*/
  1098. .mainCon{
  1099. position: relative;
  1100. display: inline-block;
  1101. z-index: 500;
  1102. float:left;
  1103. }
  1104. div.selectbox-wrapper ul li {
  1105. padding-right:3px;
  1106. padding-left:3px;
  1107. padding-bottom:3px;
  1108. cursor:pointer;
  1109. cursor:hand;
  1110. line-height:20px;
  1111. padding-top:3px;
  1112. _width:100%;
  1113. }
  1114. .selectbox_disabled{
  1115. border-left: solid 1px #cccccc!important;
  1116. border-top: solid 1px #cccccc!important;
  1117. border-bottom: solid 1px #cccccc!important;
  1118. }
  1119. .loader{
  1120. position:absolute;
  1121. z-index:500;
  1122. left:0px;
  1123. top:0px;
  1124. padding-left:5px;
  1125. padding-top:3px;
  1126. width:100%;
  1127. height:25px;
  1128. -moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);
  1129. background-color:white;
  1130. }
  1131. .li_left{
  1132. float:left;
  1133. overflow:hidden;
  1134. }
  1135. .mainCon .inputDisabled{
  1136. background-color:#eeeeee!important;
  1137. background-image:none!important;
  1138. color:#c0bfbf!important;
  1139. cursor: default!important;
  1140. }
  1141. /*树形下拉框样式*/
  1142. .noGroupZtree .noline_docu{
  1143. display:none!important;
  1144. }
  1145. .noGroupZtree .level0{
  1146. padding-left:6px!important;
  1147. /*
  1148. height:22px!important;
  1149. */
  1150. }
  1151. .noGroupZtree li .curSelectedNode{
  1152. background-color:transparent!important;
  1153. border:none!important;
  1154. }
  1155. .multiSelectZtree li .curSelectedNode{
  1156. background-color:transparent!important;
  1157. border:none!important;
  1158. }
  1159. /*过滤器样式*/
  1160. .filter{
  1161. }
  1162. .filter li{
  1163. float:left;
  1164. display:inline;
  1165. margin:4px;
  1166. cursor:pointer;
  1167. cursor:hand;
  1168. }
  1169. .filter li a{
  1170. display:block;
  1171. text-decoration:none;
  1172. color:black;
  1173. padding-left:2px;
  1174. border:solid 1px;
  1175. border-color:transparent!important;
  1176. border-color:#ffffff;
  1177. overflow:hidden;
  1178. width:100%;
  1179. height:100%;
  1180. }
  1181. .filterTable{
  1182. width:100%;
  1183. }
  1184. .filterTable td{
  1185. border:solid 1px #cccccc;
  1186. border-collapse: collapse;
  1187. }
  1188. .filterTable .left{
  1189. text-align:center;
  1190. background-color:#eeeeee;
  1191. }
  1192. .filterTable .right{
  1193. padding-left:10px;
  1194. }
  1195. /*上传组件*/
  1196. .swfupload {
  1197. vertical-align: top;
  1198. }
  1199. .upload_list{
  1200. height:20px;
  1201. overflow:hidden;
  1202. padding:5px 0 0 0;
  1203. }
  1204. .upload_list a{
  1205. text-decoration:underline;
  1206. }
  1207. .upload_name{
  1208. float:left;
  1209. overflow:hidden;
  1210. padding:0 0px 0 5px;
  1211. }
  1212. .upload_name span{
  1213. display:block;
  1214. height:30px;
  1215. line-height:18px;
  1216. }
  1217. .upload_progress_con{
  1218. padding:4px 10px 0 5px;
  1219. float:left;
  1220. }
  1221. .upload_progress{
  1222. width:96px;
  1223. height:7px;
  1224. border:solid 1px #cccccc;
  1225. padding:1px;
  1226. overflow:hidden;
  1227. }
  1228. .upload_progress_text{
  1229. float:left;
  1230. width:35px;
  1231. overflow:hidden;
  1232. height:20px;
  1233. line-height:20px;
  1234. }
  1235. .upload_delete{
  1236. float:left;
  1237. width:30px;
  1238. overflow:hidden;
  1239. height:20px;
  1240. line-height:20px;
  1241. padding:0 0 0 5px;
  1242. }
  1243. .upload_waiting{
  1244. float:left;
  1245. width:70px;
  1246. overflow:hidden;
  1247. height:20px;
  1248. line-height:20px;
  1249. }
  1250. /*篮子菜单*/
  1251. .stack { position: fixed; bottom: 28px; right: 40px; }
  1252. .stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; }
  1253. .stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
  1254. .stack ul li { position: absolute; }
  1255. .stack ul li img { border: 0; }
  1256. .stack ul li span { display: none; }
  1257. .stack .openStack li span {
  1258. display:block;
  1259. height: 14px;
  1260. position:absolute;
  1261. top: 17px;
  1262. right:60px;
  1263. line-height: 14px;
  1264. border: 0;
  1265. background-color:#000;
  1266. padding: 3px 10px;
  1267. border-radius: 10px;
  1268. -webkit-border-radius: 10px;
  1269. -moz-border-radius: 10px;
  1270. color: #fcfcfc;
  1271. text-align: center;
  1272. text-shadow: #000 1px 1px 1px;
  1273. opacity: .85;
  1274. filter: alpha(opacity = 85);
  1275. }
  1276. .stack { _position: absolute; }
  1277. .stack ul { _z-index:-1; _top:-15px; }
  1278. .stack ul li { *right:5px; }
  1279. .stack span{
  1280. width:80px;
  1281. }
  1282. /*mac菜单*/
  1283. .dock{
  1284. position:absolute;
  1285. bottom:0;
  1286. }
  1287. .dock_left{
  1288. width:56px;
  1289. height:53px;
  1290. background-image: url(../../images/stacks/dock_left.png);
  1291. background-repeat: no-repeat;
  1292. float:left;
  1293. }
  1294. .dock_right{
  1295. width:56px;
  1296. height:53px;
  1297. background-image: url(../../images/stacks/dock_right.png);
  1298. background-repeat: no-repeat;
  1299. float:left;
  1300. }
  1301. .dock_center{
  1302. width:600px;
  1303. height:53px;
  1304. background-image: url(../../images/stacks/dock_center.png);
  1305. background-repeat: repeat-x;
  1306. float:left;
  1307. }
  1308. #dock { position: relative; top: 20px; }
  1309. .dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
  1310. a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
  1311. .dock-item span { display: none; background-color:black;color:white; width:60px;height:25px; margin-left:30px; line-height:25px; text-align:center; }
  1312. .dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; }
  1313. /*系统锁屏*/
  1314. .screenLock{
  1315. background-image: url(../../images/icons/screen_lock.jpg);
  1316. background-repeat: no-repeat;
  1317. background-position:50% 20px;
  1318. padding:80px 0 0 0;
  1319. }
  1320. .validation_info{
  1321. float:left;
  1322. padding:0 0 0 10px;
  1323. color:#666666;
  1324. }
  1325. .validation_wrong{
  1326. background-image: url(../../images/icons/validate_wrong.gif);
  1327. background-repeat: no-repeat;
  1328. background-position:10px 50%;
  1329. padding:0 0 0 30px;
  1330. }
  1331. .validation_right{
  1332. background-image: url(../../images/icons/validate_right.gif);
  1333. background-repeat: no-repeat;
  1334. background-position:10px 50%;
  1335. padding:0 0 0 30px;
  1336. width:60px;
  1337. height:25px;
  1338. }
  1339. .validation_warn{
  1340. background-image: url(../../images/icons/validate_warn.gif);
  1341. background-repeat: no-repeat;
  1342. background-position:10px 50%;
  1343. padding:0 0 0 30px;
  1344. }
  1345. .itemMinEffect{
  1346. border:dotted 1px #000000;
  1347. filter:alpha(opacity=10);
  1348. opacity:0.1;
  1349. background-color:#000000;
  1350. position:absolute;
  1351. z-index:9999;
  1352. }
  1353. .singleNavMinRight{
  1354. padding:0 0 0 130px;
  1355. }
  1356. .singleNavMinPositionFix{
  1357. position:fixed;
  1358. }
  1359. .orgTreeContainer{
  1360. overflow-x:hidden;
  1361. overflow-y:auto;
  1362. }
  1363. .layout_content{
  1364. overflow-x:hidden;
  1365. overflow-y:auto;
  1366. }
  1367. .cell_card{
  1368. background-image:url(../../images/demo/card.png);
  1369. background-repeat:no-repeat;
  1370. background-position:50% 50%;
  1371. width:28px;
  1372. height:28px;
  1373. display:block;
  1374. }
  1375. .cell_card_over{
  1376. background-image:url(../../images/demo/card_over.png)!important;
  1377. }
  1378. /* Draggable */
  1379. .l-draggable{ overflow:hidden; border-style:solid; border-width:1px; opacity:0.1; filter:alpha(opacity=10); position:absolute; top:0; left:0; z-index:14000; background:#000000; border-color:#000000;}
  1380. /* Resizable */
  1381. .l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:15000; background:#f2f1f1; }
  1382. .l-dragging-mask {
  1383. width:100%;height:100%; overflow:hidden; position:absolute;top:0px; left:0px; z-index:11000; display:none; filter: Alpha(opacity=20);background:#000000; -moz-opacity:.02;opacity:0.02;
  1384. }
  1385. .noPageBg{
  1386. background-image:url(../../images/formEle/404.jpg);
  1387. background-repeat:no-repeat;
  1388. background-position:50% 50%;
  1389. }
  1390. .noPageBtnContainer{
  1391. position:absolute;
  1392. right:100px;
  1393. bottom:100px;
  1394. }
  1395. .noPageBtn{
  1396. display:block;
  1397. background-image:url(../../images/formEle/404Btn.png);
  1398. _background-image:url(../../images/formEle/404Btn.gif);
  1399. background-repeat:no-repeat;
  1400. display:block;
  1401. color:#ffffff;
  1402. width:111px;
  1403. height:40px;
  1404. line-height:35px;
  1405. text-align:center;
  1406. }
  1407. .noPageBtn:hover{
  1408. text-decoration:none;
  1409. color:yellow;
  1410. }