easyui.css 31 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685
  1. .accordion{
  2. background:#fff;
  3. overflow:hidden;
  4. }
  5. .accordion .accordion-header{
  6. background:#E0ECFF;
  7. border-top-width:0;
  8. cursor:pointer;
  9. }
  10. .accordion .accordion-header .panel-title{
  11. font-weight:normal;
  12. }
  13. .accordion .accordion-header-selected .panel-title{
  14. font-weight:bold;
  15. }
  16. .accordion-noborder .accordion-header{
  17. border-width:0 0 1px;
  18. }
  19. .accordion-noborder .accordion-body{
  20. border-width:0px;
  21. }
  22. .accordion-collapse{
  23. background:url('images/accordion_collapse.png') no-repeat;
  24. }
  25. .accordion-expand{
  26. background:url('images/accordion_expand.png') no-repeat;
  27. }
  28. .calendar{
  29. background:#fff;
  30. border:1px solid #A4BED4;
  31. padding:1px;
  32. overflow:hidden;
  33. }
  34. .calendar-noborder{
  35. border:0px;
  36. }
  37. .calendar-header{
  38. position:relative;
  39. background:#E0ECFF;
  40. font-size:12px;
  41. height:22px;
  42. }
  43. .calendar-title{
  44. text-align:center;
  45. height:22px;
  46. }
  47. .calendar-title span{
  48. position:relative;
  49. top:2px;
  50. line-height:12px;
  51. display:inline-block;
  52. padding:3px;
  53. cursor:pointer;
  54. -moz-border-radius:4px;
  55. -webkit-border-radius:4px;
  56. border-radius:4px;
  57. }
  58. .calendar-prevmonth,.calendar-nextmonth,.calendar-prevyear,.calendar-nextyear{
  59. position:absolute;
  60. top:4px;
  61. width:14px;
  62. height:14px;
  63. line-height:12px;
  64. cursor:pointer;
  65. font-size:1px;
  66. -moz-border-radius:4px;
  67. -webkit-border-radius:4px;
  68. border-radius:4px;
  69. }
  70. .calendar-prevmonth{
  71. left:20px;
  72. background:url('images/calendar_prevmonth.gif') no-repeat 3px 2px;
  73. }
  74. .calendar-nextmonth{
  75. right:20px;
  76. background:url('images/calendar_nextmonth.gif') no-repeat 3px 2px;
  77. }
  78. .calendar-prevyear{
  79. left:3px;
  80. background:url('images/calendar_prevyear.gif') no-repeat 1px 2px;
  81. }
  82. .calendar-nextyear{
  83. right:3px;
  84. background:url('images/calendar_nextyear.gif') no-repeat 1px 2px;
  85. }
  86. .calendar-body{
  87. font-size:12px;
  88. position:relative;
  89. }
  90. .calendar-body table{
  91. width:100%;
  92. height:100%;
  93. border:1px solid #eee;
  94. font-size:12px;
  95. }
  96. .calendar-body th,.calendar-body td{
  97. text-align:center;
  98. }
  99. .calendar-body th{
  100. background:#fafafa;
  101. color:#888;
  102. }
  103. .calendar-day{
  104. color:#222;
  105. cursor:pointer;
  106. border:1px solid #fff;
  107. -moz-border-radius:4px;
  108. -webkit-border-radius:4px;
  109. border-radius:4px;
  110. }
  111. .calendar-sunday{
  112. color:#CC2222;
  113. }
  114. .calendar-saturday{
  115. color:#00ee00;
  116. }
  117. .calendar-today{
  118. color:#0000ff;
  119. }
  120. .calendar-other-month{
  121. opacity:0.3;
  122. filter:alpha(opacity=30);
  123. }
  124. .calendar-hover{
  125. border:1px solid red;
  126. }
  127. .calendar-selected{
  128. background:#FBEC88;
  129. border:1px solid red;
  130. }
  131. .calendar-nav-hover{
  132. background-color:#FBEC88;
  133. }
  134. .calendar-menu{
  135. position:absolute;
  136. top:0px;
  137. left:0px;
  138. width:180px;
  139. height:150px;
  140. padding:5px;
  141. font-size:12px;
  142. background:#fafafa;
  143. opacity:0.8;
  144. filter:alpha(opacity=80);
  145. display:none;
  146. overflow:hidden;
  147. }
  148. .calendar-menu-year-inner{
  149. text-align:center;
  150. padding-bottom:5px;
  151. }
  152. .calendar-menu-year{
  153. width:40px;
  154. text-align:center;
  155. border:1px solid #ccc;
  156. padding:2px;
  157. font-weight:bold;
  158. }
  159. .calendar-menu-prev,.calendar-menu-next{
  160. display:inline-block;
  161. width:21px;
  162. height:21px;
  163. vertical-align:top;
  164. cursor:pointer;
  165. }
  166. .calendar-menu-prev{
  167. margin-right:10px;
  168. background:url('images/calendar_prevyear.gif') no-repeat 5px 6px;
  169. }
  170. .calendar-menu-next{
  171. margin-left:10px;
  172. background:url('images/calendar_nextyear.gif') no-repeat 5px 6px;
  173. }
  174. .calendar-menu-hover{
  175. background-color:#FBEC88;
  176. }
  177. .calendar-menu-month-inner table{
  178. width:100%;
  179. height:100%;
  180. }
  181. .calendar-menu-month{
  182. text-align:center;
  183. cursor:pointer;
  184. border:1px solid #fafafa;
  185. font-weight:bold;
  186. color:#666;
  187. -moz-border-radius:4px;
  188. -webkit-border-radius:4px;
  189. border-radius:4px;
  190. }
  191. .combo{
  192. display:inline-block;
  193. white-space:nowrap;
  194. font-size:12px;
  195. margin:0;
  196. padding:0;
  197. border:1px solid #A4BED4;
  198. background:#fff;
  199. }
  200. .combo-text{
  201. font-size:12px;
  202. border:0px;
  203. line-height:20px;
  204. height:20px;
  205. padding:0px;
  206. *height:18px;
  207. *line-height:18px;
  208. _height:18px;
  209. _line-height:18px;
  210. }
  211. .combo-arrow{
  212. background:#E0ECF9 url('images/combo_arrow.gif') no-repeat 3px 4px;
  213. width:18px;
  214. height:20px;
  215. overflow:hidden;
  216. display:inline-block;
  217. vertical-align:top;
  218. cursor:pointer;
  219. opacity:0.6;
  220. filter:alpha(opacity=60);
  221. }
  222. .combo-arrow-hover{
  223. opacity:1.0;
  224. filter:alpha(opacity=100);
  225. }
  226. .combo-panel{
  227. background:#fff;
  228. overflow:auto;
  229. }
  230. .combobox-item{
  231. padding:2px;
  232. font-size:12px;
  233. padding:3px;
  234. padding-right:0px;
  235. }
  236. .combobox-item-hover{
  237. background:#fafafa;
  238. }
  239. .combobox-item-selected{
  240. background:#FBEC88;
  241. }.datagrid .panel-body{
  242. overflow:hidden;
  243. }
  244. .datagrid-wrap{
  245. position:relative;
  246. }
  247. .datagrid-view{
  248. position:relative;
  249. overflow:hidden;
  250. }
  251. .datagrid-view1{
  252. position:absolute;
  253. overflow:hidden;
  254. left:0px;
  255. top:0px;
  256. }
  257. .datagrid-view2{
  258. position:absolute;
  259. overflow:hidden;
  260. left:210px;
  261. top:0px;
  262. }
  263. .datagrid-mask{
  264. position:absolute;
  265. left:0;
  266. top:0;
  267. width:100%;
  268. height:100%;
  269. background:#ccc;
  270. opacity:0.3;
  271. filter:alpha(opacity=30);
  272. display:none;
  273. }
  274. .datagrid-mask-msg{
  275. position:absolute;
  276. top:50%;
  277. margin-top:-20px;
  278. width:auto;
  279. height:16px;
  280. padding:12px 5px 10px 30px;
  281. background:#fff url('images/pagination_loading.gif') no-repeat scroll 5px 10px;
  282. border:2px solid #6593CF;
  283. color:#222;
  284. display:none;
  285. }
  286. .datagrid-sort-desc .datagrid-sort-icon{
  287. padding:2px 13px 3px 0px;
  288. background:url('images/datagrid_sort_desc.gif') no-repeat center center;
  289. }
  290. .datagrid-sort-asc .datagrid-sort-icon{
  291. padding:2px 13px 3px 0px;
  292. background:url('images/datagrid_sort_asc.gif') no-repeat center center;
  293. }
  294. .datagrid-toolbar{
  295. height:28px;
  296. background:#efefef;
  297. padding:1px 2px;
  298. border-bottom:1px solid #ccc;
  299. }
  300. .datagrid-btn-separator{
  301. float:left;
  302. height:24px;
  303. border-left:1px solid #ccc;
  304. border-right:1px solid #fff;
  305. margin:2px 1px;
  306. }
  307. .datagrid-pager{
  308. background:#efefef;
  309. border-top:1px solid #ccc;
  310. position:relative;
  311. }
  312. .datagrid-pager-top{
  313. border-top:0;
  314. border-bottom:1px solid #ccc;
  315. }
  316. .datagrid-header{
  317. overflow:hidden;
  318. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  319. border-bottom:1px solid #ccc;
  320. cursor:default;
  321. }
  322. .datagrid-header-inner{
  323. float:left;
  324. width:10000px;
  325. }
  326. .datagrid-header-row{
  327. height:25px;
  328. }
  329. .datagrid-header td{
  330. border-right:1px dotted #ccc;
  331. font-size:12px;
  332. font-weight:normal;
  333. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  334. border-bottom:1px dotted #ccc;
  335. border-top:1px dotted #fff;
  336. }
  337. .datagrid-header td.datagrid-header-over{
  338. background:#EBF3FD;
  339. }
  340. .datagrid-header .datagrid-cell{
  341. margin:0;
  342. padding:3px 4px;
  343. white-space:nowrap;
  344. word-wrap:normal;
  345. overflow:hidden;
  346. text-align:center;
  347. }
  348. .datagrid-header .datagrid-cell-group{
  349. margin:0;
  350. padding:4px 2px 4px 4px;
  351. white-space:nowrap;
  352. word-wrap:normal;
  353. overflow:hidden;
  354. text-align:center;
  355. }
  356. .datagrid-header-rownumber{
  357. width:25px;
  358. text-align:center;
  359. margin:0px;
  360. padding:3px 0px;
  361. }
  362. .datagrid-td-rownumber{
  363. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  364. }
  365. .datagrid-cell-rownumber{
  366. width:25px;
  367. text-align:center;
  368. margin:0px;
  369. padding:3px 0px;
  370. color:#000;
  371. }
  372. .datagrid-body{
  373. margin:0;
  374. padding:0;
  375. overflow:auto;
  376. zoom:1;
  377. }
  378. .datagrid-view1 .datagrid-body-inner{
  379. padding-bottom:20px;
  380. }
  381. .datagrid-view1 .datagrid-body{
  382. overflow:hidden;
  383. }
  384. .datagrid-footer{
  385. overflow:hidden;
  386. }
  387. .datagrid-footer-inner{
  388. border-top:1px solid #ccc;
  389. width:10000px;
  390. float:left;
  391. }
  392. .datagrid-body td,.datagrid-footer td{
  393. font-size:12px;
  394. border-right:1px dotted #ccc;
  395. border-bottom:1px dotted #ccc;
  396. overflow:hidden;
  397. padding:0;
  398. margin:0;
  399. }
  400. .datagrid-body .datagrid-cell,.datagrid-footer .datagrid-cell{
  401. overflow:hidden;
  402. margin:0;
  403. padding:0px 4px;
  404. white-space:nowrap;
  405. word-wrap:normal;
  406. height:18px;
  407. line-height:18px;
  408. }
  409. .datagrid-row-editing .datagrid-cell{
  410. height:auto;
  411. }
  412. .datagrid-header-check,.datagrid-cell-check{
  413. padding:0;
  414. width:27px;
  415. height:18px;
  416. font-size:1px;
  417. text-align:center;
  418. overflow:hidden;
  419. }
  420. .datagrid-header-check input,.datagrid-cell-check input{
  421. margin:0;
  422. padding:0;
  423. width:15px;
  424. height:18px;
  425. }
  426. .datagrid-row{
  427. height:25px;
  428. }
  429. .datagrid-row-collapse{
  430. background:url('images/datagrid_row_collapse.gif') no-repeat center center;
  431. }
  432. .datagrid-row-expand{
  433. background:url('images/datagrid_row_expand.gif') no-repeat center center;
  434. }
  435. .datagrid-row-alt{
  436. background:#EEEEFF;
  437. }
  438. .datagrid-row-over{
  439. background:#D0E5F5;
  440. cursor:default;
  441. }
  442. .datagrid-row-selected{
  443. background:#FBEC88;
  444. }
  445. .datagrid-resize-proxy{
  446. position:absolute;
  447. width:1px;
  448. top:0;
  449. height:10000px;
  450. background:red;
  451. cursor:e-resize;
  452. display:none;
  453. }
  454. .datagrid-body .datagrid-editable{
  455. padding:0;
  456. }
  457. .datagrid-body .datagrid-editable table{
  458. width:100%;
  459. height:100%;
  460. }
  461. .datagrid-body .datagrid-editable td{
  462. border:0;
  463. padding:0;
  464. }
  465. .datagrid-body .datagrid-editable .datagrid-editable-input{
  466. width:100%;
  467. font-size:12px;
  468. border:1px solid #A4BED4;
  469. padding:3px 2px;
  470. }
  471. .datebox .combo-arrow{
  472. background:url('images/datebox_arrow.png') no-repeat center center;
  473. }
  474. .datebox-calendar-inner{
  475. height:180px;
  476. }
  477. .datebox-button{
  478. height:18px;
  479. padding:2px 5px;
  480. font-size:12px;
  481. background-color:#fafafa;
  482. text-align:center;
  483. }
  484. .datebox-current,.datebox-close{
  485. float:left;
  486. color:#888;
  487. text-decoration:none;
  488. font-weight:bold;
  489. }
  490. .datebox-close{
  491. float:right;
  492. }
  493. .datebox-ok{
  494. color:#888;
  495. text-decoration:none;
  496. font-weight:bold;
  497. }
  498. .datebox-button-hover{
  499. color:#A4BED4;
  500. }
  501. .dialog-content{
  502. overflow:auto;
  503. }
  504. .dialog-toolbar{
  505. background:#fafafa;
  506. padding:2px 5px;
  507. border-bottom:1px solid #eee;
  508. }
  509. .dialog-tool-separator{
  510. float:left;
  511. height:24px;
  512. border-left:1px solid #ccc;
  513. border-right:1px solid #fff;
  514. margin:2px 1px;
  515. }
  516. .dialog-button{
  517. border-top:1px solid #eee;
  518. background:#fafafa;
  519. padding:5px 5px;
  520. text-align:right;
  521. }
  522. .dialog-button .l-btn{
  523. margin-left:5px;
  524. }.layout{
  525. position:relative;
  526. overflow:hidden;
  527. margin:0;
  528. padding:0;
  529. z-index:0;
  530. }
  531. .layout-panel{
  532. position:absolute;
  533. overflow:hidden;
  534. }
  535. .layout-panel-east,.layout-panel-west{
  536. z-index:2;
  537. }
  538. .layout-panel-north,.layout-panel-south{
  539. z-index:3;
  540. }
  541. .layout-button-up{
  542. background:url('images/layout_arrows.png') no-repeat -16px -16px;
  543. }
  544. .layout-button-down{
  545. background:url('images/layout_arrows.png') no-repeat -16px 0;
  546. }
  547. .layout-button-left{
  548. background:url('images/layout_arrows.png') no-repeat 0 0;
  549. }
  550. .layout-button-right{
  551. background:url('images/layout_arrows.png') no-repeat 0 -16px;
  552. }
  553. .layout-expand{
  554. position:absolute;
  555. padding:0px 5px;
  556. padding:0px;
  557. background:#D2E0F2;
  558. font-size:1px;
  559. cursor:pointer;
  560. z-index:1;
  561. }
  562. .layout-expand .panel-header{
  563. background:transparent;
  564. border-bottom-width:0px;
  565. }
  566. .layout-expand .panel-header .panel-tool{
  567. top: 5px;
  568. }
  569. .layout-expand .panel-body{
  570. overflow:hidden;
  571. }
  572. .layout-expand-over{
  573. background:#E1F0F2;
  574. }
  575. .layout-body{
  576. overflow:auto;
  577. background:#fff;
  578. }
  579. .layout-split-proxy-h{
  580. position:absolute;
  581. width:5px;
  582. background:#ccc;
  583. font-size:1px;
  584. cursor:e-resize;
  585. display:none;
  586. z-index:5;
  587. }
  588. .layout-split-proxy-v{
  589. position:absolute;
  590. height:5px;
  591. background:#ccc;
  592. font-size:1px;
  593. cursor:n-resize;
  594. display:none;
  595. z-index:5;
  596. }
  597. .layout-split-north{
  598. border-bottom:5px solid #D2E0F2;
  599. }
  600. .layout-split-south{
  601. border-top:5px solid #D2E0F2;
  602. }
  603. .layout-split-east{
  604. border-left:5px solid #D2E0F2;
  605. }
  606. .layout-split-west{
  607. border-right:5px solid #D2E0F2;
  608. }
  609. .layout-mask{
  610. position:absolute;
  611. background:#fafafa;
  612. filter:alpha(opacity=10);
  613. opacity:0.10;
  614. z-index:4;
  615. }
  616. a.l-btn{
  617. color:#444;
  618. background:url('images/button_a_bg.gif') no-repeat top right;
  619. font-size:12px;
  620. text-decoration:none;
  621. display:inline-block;
  622. zoom:1;
  623. height:24px;
  624. padding-right:18px;
  625. cursor:pointer;
  626. outline:none;
  627. }
  628. a.l-btn-plain{
  629. background:transparent;
  630. padding-right:5px;
  631. border:1px solid transparent;
  632. _border:0px solid #efefef;
  633. _padding:1px 6px 1px 1px;
  634. }
  635. a.l-btn-disabled{
  636. color:#ccc;
  637. opacity:0.5;
  638. filter:alpha(opacity=50);
  639. cursor:default;
  640. }
  641. a.l-btn span.l-btn-left{
  642. display:inline-block;
  643. background:url('images/button_span_bg.gif') no-repeat top left;
  644. padding:4px 0px 4px 18px;
  645. line-height:16px;
  646. height:16px;
  647. }
  648. a.l-btn-plain span.l-btn-left{
  649. background:transparent;
  650. padding-left:5px;
  651. }
  652. a.l-btn span span.l-btn-text{
  653. display:inline-block;
  654. height:16px;
  655. line-height:16px;
  656. padding:0px;
  657. }
  658. a.l-btn span span span.l-btn-empty{
  659. display:inline-block;
  660. padding:0px;
  661. width:16px;
  662. }
  663. a:hover.l-btn{
  664. background-position: bottom right;
  665. outline:none;
  666. }
  667. a:hover.l-btn span.l-btn-left{
  668. background-position: bottom left;
  669. }
  670. a:hover.l-btn-plain{
  671. border:1px solid #7eabcd;
  672. background:url('images/button_plain_hover.png') repeat-x left bottom;
  673. _padding:0px 5px 0px 0px;
  674. -moz-border-radius:3px;
  675. -webkit-border-radius:3px;
  676. border-radius:3px;
  677. }
  678. a:hover.l-btn-disabled{
  679. background-position:top right;
  680. }
  681. a:hover.l-btn-disabled span.l-btn-left{
  682. background-position:top left;
  683. }
  684. a.l-btn .l-btn-focus{
  685. outline:#0000FF dotted thin;
  686. }
  687. .menu{
  688. position:absolute;
  689. background:#f0f0f0 url('images/menu.gif') repeat-y;
  690. margin:0;
  691. padding:2px;
  692. border:1px solid #ccc;
  693. overflow:hidden;
  694. }
  695. .menu-item{
  696. position:relative;
  697. margin:0;
  698. padding:0;
  699. height:22px;
  700. line-height:20px;
  701. overflow:hidden;
  702. font-size:12px;
  703. cursor:pointer;
  704. border:1px solid transparent;
  705. _border:1px solid #f0f0f0;
  706. }
  707. .menu-text{
  708. position:absolute;
  709. left:28px;
  710. top:0px;
  711. }
  712. .menu-icon{
  713. position:absolute;
  714. width:16px;
  715. height:16px;
  716. top:3px;
  717. left:2px;
  718. }
  719. .menu-rightarrow{
  720. position: absolute;
  721. width:4px;
  722. height:7px;
  723. top:7px;
  724. right:5px;
  725. background:url('images/menu_rightarrow.png') no-repeat;
  726. }
  727. .menu-sep{
  728. margin:3px 0px 3px 24px;
  729. line-height:2px;
  730. font-size:2px;
  731. background:url('images/menu_sep.png') repeat-x;
  732. }
  733. .menu-active{
  734. border:1px solid #7eabcd;
  735. background:#fafafa;
  736. -moz-border-radius:3px;
  737. -webkit-border-radius:3px;
  738. border-radius:3px;
  739. }
  740. .menu-shadow{
  741. position:absolute;
  742. background:#ddd;
  743. -moz-border-radius:5px;
  744. -webkit-border-radius:5px;
  745. border-radius:5px;
  746. -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  747. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  748. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  749. filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
  750. }
  751. .menu-item-disabled{
  752. opacity:0.5;
  753. filter:alpha(opacity=50);
  754. cursor:default;
  755. }
  756. .menu-active-disabled{
  757. border-color:#d3d3d3;
  758. }
  759. .m-btn-downarrow{
  760. display:inline-block;
  761. width:12px;
  762. line-height:14px;
  763. *line-height:15px;
  764. background:url('images/menu_downarrow.png') no-repeat 4px center;
  765. }
  766. a.m-btn-active{
  767. background-position: bottom right;
  768. }
  769. a.m-btn-active span.l-btn-left{
  770. background-position: bottom left;
  771. }
  772. a.m-btn-plain-active{
  773. background:transparent;
  774. border:1px solid #7eabcd;
  775. _padding:0px 5px 0px 0px;
  776. -moz-border-radius:3px;
  777. -webkit-border-radius:3px;
  778. border-radius:3px;
  779. }
  780. .messager-body{
  781. padding:5px 10px;
  782. }
  783. .messager-button{
  784. text-align:center;
  785. padding-top:10px;
  786. }
  787. .messager-icon{
  788. float:left;
  789. width:47px;
  790. height:35px;
  791. }
  792. .messager-error{
  793. background:url('images/messager_error.gif') no-repeat scroll left top;
  794. }
  795. .messager-info{
  796. background:url('images/messager_info.gif') no-repeat scroll left top;
  797. }
  798. .messager-question{
  799. background:url('images/messager_question.gif') no-repeat scroll left top;
  800. }
  801. .messager-warning{
  802. background:url('images/messager_warning.gif') no-repeat scroll left top;
  803. }
  804. .messager-input{
  805. width: 262px;
  806. border:1px solid #ccc;
  807. }
  808. .messager-progress{
  809. padding:10px;
  810. }
  811. .messager-p-msg{
  812. margin-bottom:5px;
  813. }.pagination{
  814. zoom:1;
  815. }
  816. .pagination table{
  817. float:left;
  818. height:30px;
  819. }
  820. .pagination td{
  821. border:0;
  822. }
  823. .pagination-btn-separator{
  824. float:left;
  825. height:24px;
  826. border-left:1px solid #ccc;
  827. border-right:1px solid #fff;
  828. margin:3px 1px;
  829. }
  830. .pagination-num{
  831. border:1px solid #ccc;
  832. margin:0 2px;
  833. }
  834. .pagination-page-list{
  835. margin:0px 6px;
  836. }
  837. .pagination-info{
  838. float:right;
  839. padding-right:6px;
  840. padding-top:8px;
  841. font-size:12px;
  842. }
  843. .pagination span{
  844. font-size:12px;
  845. }
  846. .pagination-first{
  847. background:url('images/pagination_first.gif') no-repeat;
  848. }
  849. .pagination-prev{
  850. background:url('images/pagination_prev.gif') no-repeat;
  851. }
  852. .pagination-next{
  853. background:url('images/pagination_next.gif') no-repeat;
  854. }
  855. .pagination-last{
  856. background:url('images/pagination_last.gif') no-repeat;
  857. }
  858. .pagination-load{
  859. background:url('images/pagination_load.png') no-repeat;
  860. }
  861. .pagination-loading{
  862. background:url('images/pagination_loading.gif') no-repeat;
  863. }
  864. .panel{
  865. overflow:hidden;
  866. font-size:12px;
  867. }
  868. .panel-header{
  869. padding:5px;
  870. line-height:15px;
  871. color:#15428b;
  872. font-weight:bold;
  873. font-size:12px;
  874. background:url('images/panel_title.png') repeat-x;
  875. position:relative;
  876. border:1px solid #99BBE8;
  877. }
  878. .panel-title{
  879. background:url('images/blank.gif') no-repeat;
  880. }
  881. .panel-header-noborder{
  882. border-width:0px;
  883. border-bottom:1px solid #99BBE8;
  884. }
  885. .panel-body{
  886. overflow:auto;
  887. border:1px solid #99BBE8;
  888. border-top-width:0px;
  889. }
  890. .panel-body-noheader{
  891. border-top-width:1px;
  892. }
  893. .panel-body-noborder{
  894. border-width:0px;
  895. }
  896. .panel-with-icon{
  897. padding-left:18px;
  898. }
  899. .panel-icon{
  900. position:absolute;
  901. left:5px;
  902. top:4px;
  903. width:16px;
  904. height:16px;
  905. }
  906. .panel-tool{
  907. position:absolute;
  908. right:5px;
  909. top:4px;
  910. }
  911. .panel-tool a{
  912. display:inline-block;
  913. width:16px;
  914. height:16px;
  915. opacity:0.6;
  916. filter:alpha(opacity=60);
  917. margin-left:2px;
  918. }
  919. .panel-tool a:hover{
  920. opacity:1;
  921. filter:alpha(opacity=100);
  922. }
  923. .panel-tool-close{
  924. background:url('images/panel_tools.gif') no-repeat -16px 0px;
  925. }
  926. .panel-tool-min{
  927. background:url('images/panel_tools.gif') no-repeat 0px 0px;
  928. }
  929. .panel-tool-max{
  930. background:url('images/panel_tools.gif') no-repeat 0px -16px;
  931. }
  932. .panel-tool-restore{
  933. background:url('images/panel_tools.gif') no-repeat -16px -16px;
  934. }
  935. .panel-tool-collapse{
  936. background:url('images/panel_tool_collapse.gif') no-repeat;
  937. }
  938. .panel-tool-expand{
  939. background:url('images/panel_tool_expand.gif') no-repeat;
  940. }
  941. .panel-loading{
  942. padding:11px 0px 10px 30px;
  943. background:url('images/panel_loading.gif') no-repeat 10px 10px;
  944. }
  945. .panel-noscroll{
  946. overflow:hidden;
  947. }
  948. .panel-fit,.panel-fit body{
  949. height:100%;
  950. margin:0;
  951. padding:0;
  952. border:0;
  953. overflow:hidden;
  954. }
  955. .progressbar{
  956. border:1px solid #99BBE8;
  957. border-radius:5px;
  958. overflow:hidden;
  959. }
  960. .progressbar-text{
  961. text-align:center;
  962. color:#15428b;
  963. position:absolute;
  964. }
  965. .progressbar-value{
  966. background-color:#FF8D40;
  967. border-radius:5px 0 0 5px;
  968. width:0;
  969. }
  970. .propertygrid .datagrid-view1 .datagrid-body,.propertygrid .datagrid-group{
  971. background:#E0ECFF;
  972. }
  973. .propertygrid .datagrid-group{
  974. height:21px;
  975. overflow:hidden;
  976. }
  977. .propertygrid .datagrid-view1 .datagrid-body td{
  978. border-color:#E0ECFF;
  979. }
  980. .propertygrid .datagrid-view1 .datagrid-row-over,.propertygrid .datagrid-view1 .datagrid-row-selected{
  981. background:#E0ECFF;
  982. }
  983. .propertygrid .datagrid-group span{
  984. color:#416AA3;
  985. font-weight:bold;
  986. padding-left:4px;
  987. }
  988. .propertygrid .datagrid-row-collapse,.propertygrid .datagrid-row-expand{
  989. background-position:3px center;
  990. }.searchbox{
  991. display:inline-block;
  992. white-space:nowrap;
  993. font-size:12px;
  994. margin:0;
  995. padding:0;
  996. border:1px solid #A4BED4;
  997. background:#fff;
  998. }
  999. .searchbox-text{
  1000. font-size:12px;
  1001. border:0px;
  1002. line-height:20px;
  1003. height:20px;
  1004. padding:0px;
  1005. *height:18px;
  1006. *line-height:18px;
  1007. _height:18px;
  1008. _line-height:18px;
  1009. }
  1010. .searchbox-button{
  1011. background:url('images/searchbox_button.png') no-repeat center center;
  1012. width:18px;
  1013. height:20px;
  1014. overflow:hidden;
  1015. display:inline-block;
  1016. vertical-align:top;
  1017. cursor:pointer;
  1018. opacity:0.6;
  1019. filter:alpha(opacity=60);
  1020. }
  1021. .searchbox-button-hover{
  1022. opacity:1.0;
  1023. filter:alpha(opacity=100);
  1024. }
  1025. .searchbox-prompt{
  1026. font-size:12px;
  1027. color:#ccc;
  1028. }
  1029. .searchbox a.l-btn-plain{
  1030. background-color:#E0ECF9;
  1031. height:20px;
  1032. border:0;
  1033. padding:0 6px 0 0;
  1034. vertical-align:top;
  1035. }
  1036. .searchbox a.l-btn .l-btn-left{
  1037. padding:2px 0 2px 2px;
  1038. }
  1039. .searchbox a.l-btn-plain:hover{
  1040. -moz-border-radius:0px;
  1041. -webkit-border-radius:0px;
  1042. border-radius:0px;
  1043. border:0;
  1044. padding:0 6px 0 0;
  1045. }
  1046. .searchbox a.m-btn-plain-active{
  1047. -moz-border-radius:0px;
  1048. -webkit-border-radius:0px;
  1049. border-radius:0px;
  1050. }.slider{
  1051. }
  1052. .slider-disabled{
  1053. opacity:0.5;
  1054. filter:alpha(opacity=50);
  1055. }
  1056. .slider-h{
  1057. height:22px;
  1058. }
  1059. .slider-v{
  1060. width:22px;
  1061. }
  1062. .slider-inner{
  1063. position:relative;
  1064. height:6px;
  1065. top:7px;
  1066. border:1px solid #99BBE8;
  1067. background:#fafafa;
  1068. border-radius:3px;
  1069. }
  1070. .slider-handle{
  1071. position:absolute;
  1072. display:block;
  1073. outline:none;
  1074. width:20px;
  1075. height:20px;
  1076. top:-7px;
  1077. margin-left:-10px;
  1078. background:url('images/slider_handle.png') no-repeat;
  1079. }
  1080. .slider-tip{
  1081. position:absolute;
  1082. display:inline-block;
  1083. line-height:12px;
  1084. white-space:nowrap;
  1085. top:-22px;
  1086. }
  1087. .slider-rule{
  1088. position:relative;
  1089. top:15px;
  1090. }
  1091. .slider-rule span{
  1092. position:absolute;
  1093. display:inline-block;
  1094. font-size:0;
  1095. height:5px;
  1096. border-left:1px solid #999;
  1097. }
  1098. .slider-rulelabel{
  1099. position:relative;
  1100. top:20px;
  1101. }
  1102. .slider-rulelabel span{
  1103. position:absolute;
  1104. display:inline-block;
  1105. color:#999;
  1106. }
  1107. .slider-v .slider-inner{
  1108. width:6px;
  1109. left:7px;
  1110. top:0;
  1111. float:left;
  1112. }
  1113. .slider-v .slider-handle{
  1114. left:3px;
  1115. margin-top:-10px;
  1116. }
  1117. .slider-v .slider-tip{
  1118. left:-10px;
  1119. margin-top:-6px;
  1120. }
  1121. .slider-v .slider-rule{
  1122. float:left;
  1123. top:0;
  1124. left:16px;
  1125. }
  1126. .slider-v .slider-rule span{
  1127. width:5px;
  1128. height:'auto';
  1129. border-left:0;
  1130. border-top:1px solid #999;
  1131. }
  1132. .slider-v .slider-rulelabel{
  1133. float:left;
  1134. top:0;
  1135. left:23px;
  1136. }
  1137. .spinner{
  1138. display:inline-block;
  1139. white-space:nowrap;
  1140. font-size:12px;
  1141. margin:0;
  1142. padding:0;
  1143. border:1px solid #A4BED4;
  1144. }
  1145. .spinner-text{
  1146. font-size:12px;
  1147. border:0px;
  1148. line-height:20px;
  1149. height:20px;
  1150. padding:0px;
  1151. *height:18px;
  1152. *line-height:18px;
  1153. _height:18px;
  1154. _line-height:18px;
  1155. }
  1156. .spinner-arrow{
  1157. display:inline-block;
  1158. vertical-align:top;
  1159. margin:0;
  1160. padding:0;
  1161. }
  1162. .spinner-arrow-up,.spinner-arrow-down{
  1163. display:block;
  1164. background:#E0ECF9 url('images/spinner_arrow_up.gif') no-repeat 5px 2px;
  1165. font-size:1px;
  1166. width:18px;
  1167. height:10px;
  1168. }
  1169. .spinner-arrow-down{
  1170. background:#E0ECF9 url('images/spinner_arrow_down.gif') no-repeat 5px 3px;
  1171. }
  1172. .spinner-arrow-hover{
  1173. background-color:#ECF9F9;
  1174. }.s-btn-downarrow{
  1175. display:inline-block;
  1176. width:16px;
  1177. line-height:14px;
  1178. *line-height:15px;
  1179. background:url('images/menu_downarrow.png') no-repeat 9px center;
  1180. }
  1181. a.s-btn-active{
  1182. background-position: bottom right;
  1183. }
  1184. a.s-btn-active span.l-btn-left{
  1185. background-position: bottom left;
  1186. }
  1187. a.s-btn-active .s-btn-downarrow{
  1188. background:url('images/menu_split_downarrow.png') no-repeat 4px -19px;
  1189. }
  1190. a:hover.l-btn .s-btn-downarrow{
  1191. background:url('images/menu_split_downarrow.png') no-repeat 4px -19px;
  1192. }
  1193. a.s-btn-plain-active{
  1194. background:transparent;
  1195. border:1px solid #7eabcd;
  1196. _padding:0px 5px 0px 0px;
  1197. -moz-border-radius:3px;
  1198. -webkit-border-radius:3px;
  1199. border-radius:3px;
  1200. }
  1201. a.s-btn-plain-active .s-btn-downarrow{
  1202. background:url('images/menu_split_downarrow.png') no-repeat 4px -19px;
  1203. }.tabs-container{
  1204. overflow:hidden;
  1205. background:#fff;
  1206. }
  1207. .tabs-header{
  1208. border:1px solid #8DB2E3;
  1209. background:#E0ECFF;
  1210. border-bottom:0px;
  1211. position:relative;
  1212. overflow:hidden;
  1213. padding:0px;
  1214. padding-top:2px;
  1215. overflow:hidden;
  1216. }
  1217. .tabs-header-noborder{
  1218. border:0px;
  1219. }
  1220. .tabs-header-plain{
  1221. border:0px;
  1222. background:transparent;
  1223. }
  1224. .tabs-scroller-left{
  1225. position:absolute;
  1226. left:0px;
  1227. top:-1px;
  1228. width:18px;
  1229. height:28px!important;
  1230. height:30px;
  1231. border:1px solid #8DB2E3;
  1232. font-size:1px;
  1233. display:none;
  1234. cursor:pointer;
  1235. background:#E0ECFF url('images/tabs_leftarrow.png') no-repeat 1px 5px;
  1236. }
  1237. .tabs-scroller-right{
  1238. position:absolute;
  1239. right:0;
  1240. top:-1px;
  1241. width:18px;
  1242. height:28px!important;
  1243. height:30px;
  1244. border:1px solid #8DB2E3;
  1245. font-size:1px;
  1246. display:none;
  1247. cursor:pointer;
  1248. background:#E0ECFF url('images/tabs_rightarrow.png') no-repeat 2px 5px;
  1249. }
  1250. .tabs-tool{
  1251. position:absolute;
  1252. top:-1px;
  1253. border:1px solid #8DB2E3;
  1254. padding:1px;
  1255. background:#E0ECFF;
  1256. overflow:hidden;
  1257. }
  1258. .tabs-header-plain .tabs-scroller-left{
  1259. top:2px;
  1260. height:25px!important;
  1261. height:27px;
  1262. }
  1263. .tabs-header-plain .tabs-scroller-right{
  1264. top:2px;
  1265. height:25px!important;
  1266. height:27px;
  1267. }
  1268. .tabs-header-plain .tabs-tool{
  1269. top:2px;
  1270. padding-top:0;
  1271. }
  1272. .tabs-scroller-over{
  1273. background-color:#ECF9F9;
  1274. }
  1275. .tabs-wrap{
  1276. position:relative;
  1277. left:0px;
  1278. overflow:hidden;
  1279. width:100%;
  1280. margin:0px;
  1281. padding:0px;
  1282. }
  1283. .tabs-scrolling{
  1284. margin-left:18px;
  1285. margin-right:18px;
  1286. }
  1287. .tabs-disabled{
  1288. opacity:0.3;
  1289. filter:alpha(opacity=30);
  1290. }
  1291. .tabs{
  1292. list-style-type:none;
  1293. height:26px;
  1294. margin:0px;
  1295. padding:0px;
  1296. padding-left:4px;
  1297. font-size:12px;
  1298. width:5000px;
  1299. border-bottom:1px solid #8DB2E3;
  1300. }
  1301. .tabs li{
  1302. float:left;
  1303. display:inline-block;
  1304. margin-right:4px;
  1305. margin-bottom:-1px;
  1306. padding:0;
  1307. position:relative;
  1308. border:1px solid #8DB2E3;
  1309. -moz-border-radius:5px 5px 0 0;
  1310. -webkit-border-radius:5px 5px 0 0;
  1311. border-radius:5px 5px 0 0;
  1312. }
  1313. .tabs li a.tabs-inner{
  1314. display:inline-block;
  1315. text-decoration:none;
  1316. color:#416AA3;
  1317. background:url('images/tabs_enabled.png') repeat-x left top;
  1318. margin:0px;
  1319. padding:0px 10px;
  1320. height:25px;
  1321. line-height:25px;
  1322. text-align:center;
  1323. white-space:nowrap;
  1324. -moz-border-radius:5px 5px 0 0;
  1325. -webkit-border-radius:5px 5px 0 0;
  1326. border-radius:5px 5px 0 0;
  1327. }
  1328. .tabs li a.tabs-inner:hover{
  1329. background:url('images/tabs_active.png') repeat-x left bottom;
  1330. }
  1331. .tabs li.tabs-selected{
  1332. border:1px solid #8DB2E3;
  1333. border-bottom:1px solid #fff;
  1334. }
  1335. .tabs li.tabs-selected a.tabs-inner{
  1336. color:#416AA3;
  1337. font-weight:bold;
  1338. background:#fff;
  1339. background:#7eabcd url('images/tabs_active.png') repeat-x left bottom;
  1340. outline: none;
  1341. }
  1342. .tabs li.tabs-selected a:hover.tabs-inner{
  1343. cursor:default;
  1344. pointer:default;
  1345. }
  1346. .tabs-p-tool{
  1347. position:absolute;
  1348. right:16px;
  1349. top:7px;
  1350. display:block;
  1351. }
  1352. .tabs-p-tool a{
  1353. display:inline-block;
  1354. font-size:1px;
  1355. width:12px;
  1356. height:12px;
  1357. opacity:0.6;
  1358. filter:alpha(opacity=60);
  1359. }
  1360. .tabs-p-tool a:hover{
  1361. opacity:1;
  1362. filter:alpha(opacity=100);
  1363. cursor:hand;
  1364. cursor:pointer;
  1365. background-color:#8DB2E3;
  1366. }
  1367. .tabs-with-icon{
  1368. padding-left:18px;
  1369. }
  1370. .tabs-icon{
  1371. position:absolute;
  1372. width:16px;
  1373. height:16px;
  1374. left:10px;
  1375. top:5px;
  1376. }
  1377. .tabs-closable{
  1378. padding-right:8px;
  1379. }
  1380. .tabs li a.tabs-close{
  1381. position:absolute;
  1382. font-size:1px;
  1383. display:block;
  1384. padding:0px;
  1385. width:11px;
  1386. height:11px;
  1387. top:7px;
  1388. right:5px;
  1389. opacity:0.6;
  1390. filter:alpha(opacity=60);
  1391. background:url('images/tabs_close.gif') no-repeat 2px 2px;
  1392. }
  1393. .tabs li a:hover.tabs-close{
  1394. opacity:1;
  1395. filter:alpha(opacity=100);
  1396. cursor:hand;
  1397. cursor:pointer;
  1398. background-color:#8DB2E3;
  1399. }
  1400. .tabs-panels{
  1401. margin:0px;
  1402. padding:0px;
  1403. border:1px solid #8DB2E3;
  1404. border-top:0px;
  1405. overflow:hidden;
  1406. }
  1407. .tabs-panels-noborder{
  1408. border:0px;
  1409. }
  1410. .tree{
  1411. font-size:12px;
  1412. margin:0;
  1413. padding:0;
  1414. list-style-type:none;
  1415. }
  1416. .tree li{
  1417. white-space:nowrap;
  1418. }
  1419. .tree li ul{
  1420. list-style-type:none;
  1421. margin:0;
  1422. padding:0;
  1423. }
  1424. .tree-node{
  1425. height:18px;
  1426. white-space:nowrap;
  1427. cursor:pointer;
  1428. }
  1429. .tree-indent{
  1430. display:inline-block;
  1431. width:16px;
  1432. height:18px;
  1433. vertical-align:middle;
  1434. }
  1435. .tree-hit{
  1436. cursor:pointer;
  1437. }
  1438. .tree-expanded{
  1439. display:inline-block;
  1440. width:16px;
  1441. height:18px;
  1442. vertical-align:middle;
  1443. background:url('images/tree_arrows.gif') no-repeat -18px 0px;
  1444. }
  1445. .tree-expanded-hover{
  1446. background:url('images/tree_arrows.gif') no-repeat -50px 0px;
  1447. }
  1448. .tree-collapsed{
  1449. display:inline-block;
  1450. width:16px;
  1451. height:18px;
  1452. vertical-align:middle;
  1453. background:url('images/tree_arrows.gif') no-repeat 0px 0px;
  1454. }
  1455. .tree-collapsed-hover{
  1456. background:url('images/tree_arrows.gif') no-repeat -32px 0px;
  1457. }
  1458. .tree-lines .tree-expanded{
  1459. background:url('images/tree_elbow.png') no-repeat -36px -54px;
  1460. }
  1461. .tree-lines .tree-collapsed{
  1462. background:url('images/tree_elbow.png') no-repeat 0px -36px;
  1463. }
  1464. .tree-lines .tree-node-last .tree-expanded{
  1465. background:url('images/tree_elbow.png') no-repeat -18px 0px;
  1466. }
  1467. .tree-lines .tree-node-last .tree-collapsed{
  1468. background:url('images/tree_elbow.png') no-repeat -36px -36px;
  1469. }
  1470. .tree-lines .tree-root-first .tree-expanded{
  1471. background:url('images/tree_elbow.png') no-repeat -18px -54px;
  1472. }
  1473. .tree-lines .tree-root-first .tree-collapsed{
  1474. background:url('images/tree_elbow.png') no-repeat -18px -36px;
  1475. }
  1476. .tree-lines .tree-root-one .tree-expanded{
  1477. background:url('images/tree_elbow.png') no-repeat 0px -18px;
  1478. }
  1479. .tree-lines .tree-root-one .tree-collapsed{
  1480. background:url('images/tree_elbow.png') no-repeat 0px -72px;
  1481. }
  1482. .tree-line{
  1483. background:url('images/tree_elbow.png') no-repeat 0px -54px;
  1484. }
  1485. .tree-join{
  1486. background:url('images/tree_elbow.png') no-repeat -18px -18px;
  1487. }
  1488. .tree-joinbottom{
  1489. background:url('images/tree_elbow.png') no-repeat 0px 0px;
  1490. }
  1491. .tree-folder{
  1492. display:inline-block;
  1493. background:url('images/tree_folder.gif') no-repeat;
  1494. width:16px;
  1495. height:18px;
  1496. vertical-align:middle;
  1497. }
  1498. .tree-folder-open{
  1499. background:url('images/tree_folder_open.gif') no-repeat;
  1500. }
  1501. .tree-file{
  1502. display:inline-block;
  1503. background:url('images/tree_file.gif') no-repeat;
  1504. width:16px;
  1505. height:18px;
  1506. vertical-align:middle;
  1507. }
  1508. .tree-loading{
  1509. background:url('images/tree_loading.gif') no-repeat;
  1510. }
  1511. .tree-title{
  1512. display:inline-block;
  1513. text-decoration:none;
  1514. vertical-align:middle;
  1515. padding:1px 2px 1px 2px;
  1516. white-space:nowrap;
  1517. }
  1518. .tree-node-hover{
  1519. background:#fafafa;
  1520. }
  1521. .tree-node-selected{
  1522. background:#FBEC88;
  1523. }
  1524. .tree-checkbox{
  1525. display:inline-block;
  1526. width:16px;
  1527. height:18px;
  1528. vertical-align:middle;
  1529. }
  1530. .tree-checkbox0{
  1531. background:url('images/tree_checkbox_0.gif') no-repeat;
  1532. }
  1533. .tree-checkbox1{
  1534. background:url('images/tree_checkbox_1.gif') no-repeat;
  1535. }
  1536. .tree-checkbox2{
  1537. background:url('images/tree_checkbox_2.gif') no-repeat;
  1538. }
  1539. .tree-node-proxy{
  1540. font-size:12px;
  1541. padding:1px 2px 1px 18px;
  1542. background:#fafafa;
  1543. border:1px solid #ccc;
  1544. z-index:9900000;
  1545. }
  1546. .tree-dnd-yes{
  1547. background:url('images/tree_dnd_yes.png') no-repeat 0 center;
  1548. }
  1549. .tree-dnd-no{
  1550. background:url('images/tree_dnd_no.png') no-repeat 0 center;
  1551. }
  1552. .tree-node-top{
  1553. border-top:1px dotted red;
  1554. }
  1555. .tree-node-bottom{
  1556. border-bottom:1px dotted red;
  1557. }
  1558. .tree-node-append .tree-title{
  1559. border:1px dotted red;
  1560. }
  1561. .tree-editor{
  1562. border:1px solid #ccc;
  1563. font-size:12px;
  1564. line-height:16px;
  1565. width:80px;
  1566. position:absolute;
  1567. top:0;
  1568. }
  1569. .validatebox-invalid{
  1570. background:#FFFFEE url('images/validatebox_warning.png') no-repeat right 1px;
  1571. }
  1572. .validatebox-tip{
  1573. position:absolute;
  1574. width:200px;
  1575. height:auto;
  1576. display:none;
  1577. z-index:9900000;
  1578. }
  1579. .validatebox-tip-content{
  1580. display:inline-block;
  1581. position:absolute;
  1582. top:0px;
  1583. left:10px;
  1584. padding:3px 5px;
  1585. border:1px solid #CC9933;
  1586. background:#FFFFCC;
  1587. z-index:9900001;
  1588. font-size:12px;
  1589. }
  1590. .validatebox-tip-pointer{
  1591. background:url('images/validatebox_pointer.gif') no-repeat left top;
  1592. display:inline-block;
  1593. width:10px;
  1594. height:19px;
  1595. position:absolute;
  1596. left:1px;
  1597. top:0px;
  1598. z-index:9900002;
  1599. }
  1600. .window {
  1601. font-size:12px;
  1602. position:absolute;
  1603. overflow:hidden;
  1604. background:transparent url('images/panel_title.png');
  1605. padding:5px;
  1606. border:1px solid #99BBE8;
  1607. border-radius:5px;
  1608. -moz-border-radius:5px;
  1609. -webkit-border-radius:5px;
  1610. border-radius:5px;
  1611. }
  1612. .window-shadow{
  1613. position:absolute;
  1614. background:#ddd;
  1615. border-radius:5px;
  1616. -moz-border-radius:5px;
  1617. -webkit-border-radius:5px;
  1618. border-radius:5px;
  1619. -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  1620. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  1621. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  1622. filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
  1623. }
  1624. .window .window-header{
  1625. background:transparent;
  1626. padding:2px 0px 4px 0px;
  1627. }
  1628. .window .window-body{
  1629. background:#fff;
  1630. border:1px solid #99BBE8;
  1631. border-top-width:0px;
  1632. }
  1633. .window .window-body-noheader{
  1634. border-top-width:1px;
  1635. }
  1636. .window .window-header .panel-icon{
  1637. left:1px;
  1638. top:1px;
  1639. }
  1640. .window .window-header .panel-with-icon{
  1641. padding-left:18px;
  1642. }
  1643. .window .window-header .panel-tool{
  1644. top:0px;
  1645. right:1px;
  1646. }
  1647. .window-proxy{
  1648. position:absolute;
  1649. overflow:hidden;
  1650. border:1px dashed #15428b;
  1651. }
  1652. .window-proxy-mask{
  1653. position:absolute;
  1654. background:#fafafa;
  1655. filter:alpha(opacity=10);
  1656. opacity:0.10;
  1657. }
  1658. .window-mask{
  1659. position:absolute;
  1660. left:0;
  1661. top:0;
  1662. width:100%;
  1663. height:100%;
  1664. filter:alpha(opacity=40);
  1665. opacity:0.40;
  1666. background:#ccc;
  1667. font-size:1px;
  1668. *zoom:1;
  1669. overflow:hidden;
  1670. }