global.css 39 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774
  1. @charset "utf-8";
  2. /*Reset 样式初始化*/
  3. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
  4. br, input, button, textarea, h1, h2, h3, h4, h5,em{
  5. padding: 0;
  6. margin: 0;
  7. font-weight: normal;
  8. font-style: normal;
  9. font-size: 12px;
  10. font-family:"微软雅黑","Tahoma";
  11. vertical-align: baseline;
  12. text-align:justify;
  13. word-wrap:break-word;
  14. text-justify:inter-ideograph
  15. }
  16. body{text-align:center}
  17. ul, ol, li, h1 {
  18. line-height:normal;
  19. list-style-image:none;
  20. list-style-position:outside;
  21. list-style-type:none
  22. }
  23. dl {
  24. margin:0
  25. }
  26. dd {
  27. margin-left:0
  28. }
  29. a {
  30. outline:none;
  31. }
  32. a img {
  33. border:0 none
  34. }
  35. img {
  36. vertical-align:middle;
  37. border:0px
  38. }
  39. table {
  40. border-collapse:collapse
  41. }
  42. .clearfix:after {
  43. content:".";
  44. display:block;
  45. height:0;
  46. clear:both;
  47. visibility:hidden
  48. }
  49. .clearfix {
  50. display:inline-block;
  51. overflow:hidden
  52. }
  53. .clearfix {
  54. display:block
  55. }
  56. body {color:#6C6C76;background:#f2f2f2}
  57. a {color:#3366cc;text-decoration:none}
  58. a:hover {color:#ff6501}
  59. .width960{width:960px;margin:0 auto}
  60. h3{font-size:24px}
  61. /**/
  62. .clearB {clear:both}
  63. .fL {float:left}
  64. .fR {float:right}
  65. :link, *:visited, *:hover, *:active, *:focus {
  66. -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  67. -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  68. transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  69. -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  70. }
  71. .colRed {color:#f90000}
  72. .colOrange {color:#ed8b00}
  73. .colYel {color:#d9a601}
  74. .colGreen{color:#27AE60}
  75. .colGray{color:#999}
  76. .colBlue{color:#277DB6}
  77. .hide {display:none}
  78. .button {
  79. float:left;
  80. height:32px;
  81. margin-right:2px;
  82. padding:0px 30px;
  83. line-height:32px;
  84. text-align:center;
  85. overflow:hidden;
  86. font-weight:bold;
  87. color:#FFF;
  88. border-radius:3px;
  89. text-shadow:0 1px rgba(0, 0, 0, 0.1);
  90. text-decoration:none;
  91. border:none
  92. }
  93. input.button{
  94. height:35px;
  95. line-height:35px
  96. }
  97. .button:hover{
  98. color:#fff
  99. }
  100. .button.btn-blue{
  101. background-color:#006fd8;
  102. border-bottom:3px solid #014687
  103. }
  104. .button.btn-blue:hover{
  105. background-color:#0076e4;
  106. }
  107. .button.btn-blue:active{
  108. background-color:#014687;
  109. }
  110. .button.btn-red{
  111. background-color:#E74C3C;
  112. border-bottom:3px solid #C44133
  113. }
  114. .button.btn-red:hover{
  115. background-color:#EC7063;
  116. }
  117. .button.btn-red:active{
  118. background-color:#C44133;
  119. }
  120. .button.btn-green{
  121. background-color:#1ABC9C;
  122. border-bottom:3px solid #16a085
  123. }
  124. .button.btn-green:hover{
  125. background-color:#48C9B0;
  126. }
  127. .button.btn-green:active{
  128. background-color:#16A085;
  129. }
  130. .button.btn-dark{
  131. background-color:#415B76;
  132. border-bottom:3px solid #2c3e50
  133. }
  134. .button.btn-dark:hover{
  135. background-color:#456a91;
  136. }
  137. .button.btn-dark:active{
  138. background-color:#2c3e50;
  139. }
  140. .inputText{
  141. width:274px;
  142. border:1px solid #dcdcdc;
  143. border-top-color:#abadb3;
  144. border-left-color:#abadb3;
  145. padding:7px;
  146. background:#fff url(inputBg.png) repeat-x 0 0;
  147. font-size:14px;
  148. color:#999;
  149. border-radius:2px;
  150. -moz-border-radius:2px;
  151. -webkit-border-radius:2px;
  152. outline: medium none;
  153. height:18px;
  154. line-height:18px
  155. }
  156. .inputText:focus{
  157. border-color:#ff6501;
  158. color:#ff6501;
  159. background:#fff
  160. }
  161. a.detil,input.detil{
  162. padding:0 12px;
  163. height:50px;
  164. line-height:50px;
  165. text-align:center;
  166. background:#2980B9;
  167. color:#fff;
  168. font-size:14px;
  169. cursor:pointer;
  170. border:none;
  171. }
  172. a.detil:hover,input.detil:hover{
  173. background:#3498db
  174. }
  175. a.detil.btnGreen,a.ebutton.btnGreen,input.detil.btnGreen,input.ebutton.btnGreen{
  176. background:#27ae60
  177. }
  178. .detil.btnGreen:hover,.ebutton.btnGreen:hover{
  179. background:#2ecc71
  180. }
  181. .detil.btnRed,.ebutton.btnRed{
  182. background:#A96A5B
  183. }
  184. .detil.btnRed:hover,.ebutton.btnRed:hover{
  185. background:#9b5443
  186. }
  187. .detil.btnOrange,.ebutton.btnOrange{
  188. background:#D35400
  189. }
  190. .detil.btnOrange:hover,.ebutton.btnOrange:hover{
  191. background:#E67E22
  192. }
  193. .detil.btnDark,.ebutton.btnDark{
  194. background:#415B76
  195. }
  196. .detil.btnDark:hover,.ebutton.btnDark:hover{
  197. background:#456a91
  198. }
  199. a.ebutton,input.ebutton{
  200. background: none repeat scroll 0 0 #2980b9;
  201. color: #FFFFFF;
  202. cursor: pointer;
  203. font-size: 14px;
  204. text-align: center;
  205. padding:0 10px;
  206. margin:0 1px 0 0
  207. }
  208. a.ebutton:hover,input.ebutton:hover{
  209. background:#3498db
  210. }
  211. /*scroll*/
  212. .scrollgeneric {
  213. line-height:1px;
  214. font-size:1px;
  215. position:absolute;
  216. top:0;
  217. left:0
  218. }
  219. .vscrollerbase {
  220. width:10px;
  221. background-color:#6C6C76;
  222. }
  223. .vscrollerbar {
  224. width:10px;
  225. background-color:#5B9AA9
  226. }
  227. .hscrollerbase {
  228. height:10px;
  229. background-color:#6C6C76;
  230. z-index:99;
  231. }
  232. .hscrollerbar {
  233. height:10px;
  234. background-color:#5B9AA9;
  235. }
  236. .scrollerjogbox {
  237. width:10px;
  238. height:10px;
  239. top:auto;
  240. left:auto;
  241. bottom:0;
  242. right:0;
  243. background-color:#6C6C76;
  244. }
  245. .vscrollerbar, .hscrollerbar{padding:1px}
  246. /*form*/
  247. form {
  248. margin: 0 0 20px;
  249. }
  250. fieldset {
  251. padding: 0;
  252. margin: 0;
  253. border: 0;
  254. }
  255. legend {
  256. display: block;
  257. width: 100%;
  258. padding: 0;
  259. margin-bottom: 20px;
  260. font-size: 21px;
  261. line-height: 40px;
  262. color: #333333;
  263. border: 0;
  264. border-bottom: 1px solid #e5e5e5;
  265. }
  266. legend small {
  267. font-size: 15px;
  268. color: #999999;
  269. }
  270. label,
  271. input,
  272. button,
  273. select,
  274. textarea {
  275. font-size: 14px;
  276. font-weight: normal;
  277. line-height: 20px;
  278. }
  279. input,
  280. button,
  281. select,
  282. textarea {
  283. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  284. }
  285. label {
  286. display: block;
  287. margin-bottom: 5px;
  288. }
  289. select,
  290. textarea,
  291. input[type="text"],
  292. input[type="password"],
  293. input[type="datetime"],
  294. input[type="datetime-local"],
  295. input[type="date"],
  296. input[type="month"],
  297. input[type="time"],
  298. input[type="week"],
  299. input[type="number"],
  300. input[type="email"],
  301. input[type="url"],
  302. input[type="search"],
  303. input[type="tel"],
  304. input[type="color"],
  305. .uneditable-input {
  306. display: inline-block;
  307. height: 20px;
  308. padding: 4px 6px;
  309. margin-bottom: 10px;
  310. font-size: 12px;
  311. line-height: 20px;
  312. color: #555555;
  313. -webkit-border-radius: 4px;
  314. -moz-border-radius: 4px;
  315. border-radius: 4px;
  316. vertical-align: middle;
  317. }
  318. /*input,
  319. textarea,
  320. .uneditable-input {
  321. width: 206px;
  322. }*/
  323. textarea {
  324. height: auto;
  325. }
  326. textarea,
  327. input[type="text"],
  328. input[type="password"],
  329. input[type="datetime"],
  330. input[type="datetime-local"],
  331. input[type="date"],
  332. input[type="month"],
  333. input[type="time"],
  334. input[type="week"],
  335. input[type="number"],
  336. input[type="email"],
  337. input[type="url"],
  338. input[type="search"],
  339. input[type="tel"],
  340. input[type="color"],
  341. .uneditable-input {
  342. background-color: #ffffff;
  343. border: 1px solid #cccccc;
  344. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  345. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  346. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  347. -webkit-transition: border linear .2s, box-shadow linear .2s;
  348. -moz-transition: border linear .2s, box-shadow linear .2s;
  349. -o-transition: border linear .2s, box-shadow linear .2s;
  350. transition: border linear .2s, box-shadow linear .2s;
  351. }
  352. textarea:focus,
  353. input[type="text"]:focus,
  354. input[type="password"]:focus,
  355. input[type="datetime"]:focus,
  356. input[type="datetime-local"]:focus,
  357. input[type="date"]:focus,
  358. input[type="month"]:focus,
  359. input[type="time"]:focus,
  360. input[type="week"]:focus,
  361. input[type="number"]:focus,
  362. input[type="email"]:focus,
  363. input[type="url"]:focus,
  364. input[type="search"]:focus,
  365. input[type="tel"]:focus,
  366. input[type="color"]:focus,
  367. .uneditable-input:focus {
  368. border-color: rgba(82, 168, 236, 0.8);
  369. outline: 0;
  370. outline: thin dotted \9;
  371. /* IE6-9 */
  372. color:#000;
  373. font-size: 14px
  374. }
  375. input[type="radio"],
  376. input[type="checkbox"] {
  377. margin: 4px 0 0;
  378. *margin-top: 0;
  379. /* IE7 */
  380. margin-top: 1px \9;
  381. /* IE8-9 */
  382. line-height: normal;
  383. }
  384. input[type="file"],
  385. input[type="image"],
  386. input[type="submit"],
  387. input[type="reset"],
  388. input[type="button"],
  389. input[type="radio"],
  390. input[type="checkbox"] {
  391. width: auto;
  392. }
  393. select,
  394. input[type="file"] {
  395. height: 30px;
  396. /* In IE7, the height of the select element cannot be changed by height, only font-size */
  397. *margin-top: 4px;
  398. /* For IE7, add top margin to align select with labels */
  399. line-height: 30px;
  400. }
  401. select {
  402. border: 1px solid #cccccc;
  403. background-color: #ffffff;
  404. }
  405. select[multiple],
  406. select[size] {
  407. height: auto;
  408. }
  409. select:focus,
  410. input[type="file"]:focus,
  411. input[type="radio"]:focus,
  412. input[type="checkbox"]:focus {
  413. outline: thin dotted #333;
  414. outline: 5px auto -webkit-focus-ring-color;
  415. outline-offset: -2px;
  416. }
  417. .uneditable-input,
  418. .uneditable-textarea {
  419. color: #999999;
  420. background-color: #fcfcfc;
  421. border-color: #cccccc;
  422. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  423. -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  424. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  425. cursor: not-allowed;
  426. }
  427. .uneditable-input {
  428. overflow: hidden;
  429. white-space: nowrap;
  430. }
  431. .uneditable-textarea {
  432. width: auto;
  433. height: auto;
  434. }
  435. input:-moz-placeholder,
  436. textarea:-moz-placeholder {
  437. color: #999999;
  438. }
  439. input:-ms-input-placeholder,
  440. textarea:-ms-input-placeholder {
  441. color: #999999;
  442. }
  443. input::-webkit-input-placeholder,
  444. textarea::-webkit-input-placeholder {
  445. color: #999999;
  446. }
  447. .radio,
  448. .checkbox {
  449. min-height: 20px;
  450. padding-left: 20px;
  451. }
  452. .radio input[type="radio"],
  453. .checkbox input[type="checkbox"] {
  454. float: left;
  455. margin-left: -20px;
  456. }
  457. .controls > .radio:first-child,
  458. .controls > .checkbox:first-child {
  459. padding-top: 5px;
  460. }
  461. .radio.inline,
  462. .checkbox.inline {
  463. display: inline-block;
  464. padding-top: 5px;
  465. margin-bottom: 0;
  466. vertical-align: middle;
  467. }
  468. .radio.inline + .radio.inline,
  469. .checkbox.inline + .checkbox.inline {
  470. margin-left: 10px;
  471. }
  472. .input-mini {
  473. width: 60px;
  474. }
  475. .input-small {
  476. width: 90px;
  477. }
  478. .input-medium {
  479. width: 150px;
  480. }
  481. .input-large {
  482. width: 210px;
  483. }
  484. .input-xlarge {
  485. width: 270px;
  486. }
  487. .input-xxlarge {
  488. width: 530px;
  489. }
  490. input[class*="span"],
  491. select[class*="span"],
  492. textarea[class*="span"],
  493. .uneditable-input[class*="span"],
  494. .row-fluid input[class*="span"],
  495. .row-fluid select[class*="span"],
  496. .row-fluid textarea[class*="span"],
  497. .row-fluid .uneditable-input[class*="span"] {
  498. float: none;
  499. margin-left: 0;
  500. }
  501. .input-append input[class*="span"],
  502. .input-append .uneditable-input[class*="span"],
  503. .input-prepend input[class*="span"],
  504. .input-prepend .uneditable-input[class*="span"],
  505. .row-fluid input[class*="span"],
  506. .row-fluid select[class*="span"],
  507. .row-fluid textarea[class*="span"],
  508. .row-fluid .uneditable-input[class*="span"],
  509. .row-fluid .input-prepend [class*="span"],
  510. .row-fluid .input-append [class*="span"] {
  511. display: inline-block;
  512. }
  513. input,
  514. textarea,
  515. .uneditable-input {
  516. margin-left: 0;
  517. }
  518. .controls-row [class*="span"] + [class*="span"] {
  519. margin-left: 20px;
  520. }
  521. input.span12,
  522. textarea.span12,
  523. .uneditable-input.span12 {
  524. width: 926px;
  525. }
  526. input.span11,
  527. textarea.span11,
  528. .uneditable-input.span11 {
  529. width: 846px;
  530. }
  531. input.span10,
  532. textarea.span10,
  533. .uneditable-input.span10 {
  534. width: 766px;
  535. }
  536. input.span9,
  537. textarea.span9,
  538. .uneditable-input.span9 {
  539. width: 686px;
  540. }
  541. input.span8,
  542. textarea.span8,
  543. .uneditable-input.span8 {
  544. width: 606px;
  545. }
  546. input.span7,
  547. textarea.span7,
  548. .uneditable-input.span7 {
  549. width: 526px;
  550. }
  551. input.span6,
  552. textarea.span6,
  553. .uneditable-input.span6 {
  554. width: 446px;
  555. }
  556. input.span5,
  557. textarea.span5,
  558. .uneditable-input.span5 {
  559. width: 366px;
  560. }
  561. input.span4,
  562. textarea.span4,
  563. .uneditable-input.span4 {
  564. width: 286px;
  565. }
  566. input.span3,
  567. textarea.span3,
  568. .uneditable-input.span3 {
  569. width: 206px;
  570. }
  571. input.span2,
  572. textarea.span2,
  573. .uneditable-input.span2 {
  574. width: 126px;
  575. }
  576. input.span1,
  577. textarea.span1,
  578. .uneditable-input.span1 {
  579. width: 46px;
  580. }
  581. .controls-row {
  582. *zoom: 1;
  583. }
  584. .controls-row:before,
  585. .controls-row:after {
  586. display: table;
  587. content: "";
  588. line-height: 0;
  589. }
  590. .controls-row:after {
  591. clear: both;
  592. }
  593. .controls-row [class*="span"],
  594. .row-fluid .controls-row [class*="span"] {
  595. float: left;
  596. }
  597. .controls-row .checkbox[class*="span"],
  598. .controls-row .radio[class*="span"] {
  599. padding-top: 5px;
  600. }
  601. input[disabled],
  602. select[disabled],
  603. textarea[disabled],
  604. input[readonly],
  605. select[readonly],
  606. textarea[readonly] {
  607. cursor: not-allowed;
  608. background-color: #eeeeee;
  609. }
  610. input[type="radio"][disabled],
  611. input[type="checkbox"][disabled],
  612. input[type="radio"][readonly],
  613. input[type="checkbox"][readonly] {
  614. background-color: transparent;
  615. }
  616. .control-group.warning .control-label,
  617. .control-group.warning .help-block,
  618. .control-group.warning .help-inline {
  619. color: #c09853;
  620. }
  621. .control-group.warning .checkbox,
  622. .control-group.warning .radio,
  623. .control-group.warning input,
  624. .control-group.warning select,
  625. .control-group.warning textarea {
  626. color: #c09853;
  627. }
  628. .control-group.warning input,
  629. .control-group.warning select,
  630. .control-group.warning textarea {
  631. border-color: #c09853;
  632. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  633. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  634. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  635. }
  636. .control-group.warning input:focus,
  637. .control-group.warning select:focus,
  638. .control-group.warning textarea:focus {
  639. border-color: #a47e3c;
  640. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  641. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  642. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  643. }
  644. .control-group.warning .input-prepend .add-on,
  645. .control-group.warning .input-append .add-on {
  646. color: #c09853;
  647. background-color: #fcf8e3;
  648. border-color: #c09853;
  649. }
  650. .control-group.error .control-label,
  651. .control-group.error .help-block,
  652. .control-group.error .help-inline {
  653. color: #b94a48;
  654. }
  655. .control-group.error .checkbox,
  656. .control-group.error .radio,
  657. .control-group.error input,
  658. .control-group.error select,
  659. .control-group.error textarea {
  660. color: #b94a48;
  661. }
  662. .control-group.error input,
  663. .control-group.error select,
  664. .control-group.error textarea {
  665. border-color: #b94a48;
  666. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  667. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  668. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  669. }
  670. .control-group.error input:focus,
  671. .control-group.error select:focus,
  672. .control-group.error textarea:focus {
  673. border-color: #953b39;
  674. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  675. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  676. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  677. }
  678. .control-group.error .input-prepend .add-on,
  679. .control-group.error .input-append .add-on {
  680. color: #b94a48;
  681. background-color: #f2dede;
  682. border-color: #b94a48;
  683. }
  684. .control-group.success .control-label,
  685. .control-group.success .help-block,
  686. .control-group.success .help-inline {
  687. color: #468847;
  688. }
  689. .control-group.success .checkbox,
  690. .control-group.success .radio,
  691. .control-group.success input,
  692. .control-group.success select,
  693. .control-group.success textarea {
  694. color: #468847;
  695. }
  696. .control-group.success input,
  697. .control-group.success select,
  698. .control-group.success textarea {
  699. border-color: #468847;
  700. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  701. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  702. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  703. }
  704. .control-group.success input:focus,
  705. .control-group.success select:focus,
  706. .control-group.success textarea:focus {
  707. border-color: #356635;
  708. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  709. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  710. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  711. }
  712. .control-group.success .input-prepend .add-on,
  713. .control-group.success .input-append .add-on {
  714. color: #468847;
  715. background-color: #dff0d8;
  716. border-color: #468847;
  717. }
  718. .control-group.info .control-label,
  719. .control-group.info .help-block,
  720. .control-group.info .help-inline {
  721. color: #3a87ad;
  722. }
  723. .control-group.info .checkbox,
  724. .control-group.info .radio,
  725. .control-group.info input,
  726. .control-group.info select,
  727. .control-group.info textarea {
  728. color: #3a87ad;
  729. }
  730. .control-group.info input,
  731. .control-group.info select,
  732. .control-group.info textarea {
  733. border-color: #3a87ad;
  734. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  735. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  736. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  737. }
  738. .control-group.info input:focus,
  739. .control-group.info select:focus,
  740. .control-group.info textarea:focus {
  741. border-color: #2d6987;
  742. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  743. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  744. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  745. }
  746. .control-group.info .input-prepend .add-on,
  747. .control-group.info .input-append .add-on {
  748. color: #3a87ad;
  749. background-color: #d9edf7;
  750. border-color: #3a87ad;
  751. }
  752. input:focus:invalid,
  753. textarea:focus:invalid,
  754. select:focus:invalid {
  755. color: #b94a48;
  756. border-color: #ee5f5b;
  757. }
  758. input:focus:invalid:focus,
  759. textarea:focus:invalid:focus,
  760. select:focus:invalid:focus {
  761. border-color: #e9322d;
  762. -webkit-box-shadow: 0 0 6px #f8b9b7;
  763. -moz-box-shadow: 0 0 6px #f8b9b7;
  764. box-shadow: 0 0 6px #f8b9b7;
  765. }
  766. .form-actions {
  767. padding: 19px 20px 20px;
  768. margin-top: 20px;
  769. margin-bottom: 20px;
  770. background-color: #f5f5f5;
  771. border-top: 1px solid #e5e5e5;
  772. *zoom: 1;
  773. }
  774. .form-actions:before,
  775. .form-actions:after {
  776. display: table;
  777. content: "";
  778. line-height: 0;
  779. }
  780. .form-actions:after {
  781. clear: both;
  782. }
  783. .help-block,
  784. .help-inline {
  785. color: #595959;
  786. }
  787. .help-block {
  788. display: block;
  789. margin-bottom: 10px;
  790. }
  791. .help-inline {
  792. display: inline-block;
  793. *display: inline;
  794. /* IE7 inline-block hack */
  795. *zoom: 1;
  796. vertical-align: middle;
  797. padding-left: 5px;
  798. }
  799. .input-append,
  800. .input-prepend {
  801. display: inline-block;
  802. margin-bottom: 10px;
  803. vertical-align: middle;
  804. font-size: 0;
  805. white-space: nowrap;
  806. }
  807. .input-append input,
  808. .input-prepend input,
  809. .input-append select,
  810. .input-prepend select,
  811. .input-append .uneditable-input,
  812. .input-prepend .uneditable-input,
  813. .input-append .dropdown-menu,
  814. .input-prepend .dropdown-menu,
  815. .input-append .popover,
  816. .input-prepend .popover {
  817. font-size: 14px;
  818. }
  819. .input-append input,
  820. .input-prepend input,
  821. .input-append select,
  822. .input-prepend select,
  823. .input-append .uneditable-input,
  824. .input-prepend .uneditable-input {
  825. position: relative;
  826. margin-bottom: 0;
  827. *margin-left: 0;
  828. vertical-align: top;
  829. -webkit-border-radius: 0 4px 4px 0;
  830. -moz-border-radius: 0 4px 4px 0;
  831. border-radius: 0 4px 4px 0;
  832. }
  833. .input-append input:focus,
  834. .input-prepend input:focus,
  835. .input-append select:focus,
  836. .input-prepend select:focus,
  837. .input-append .uneditable-input:focus,
  838. .input-prepend .uneditable-input:focus {
  839. z-index: 2;
  840. }
  841. .input-append .add-on,
  842. .input-prepend .add-on {
  843. display: inline-block;
  844. width: auto;
  845. height: 20px;
  846. min-width: 16px;
  847. padding: 4px 5px;
  848. font-size: 14px;
  849. font-weight: normal;
  850. line-height: 20px;
  851. text-align: center;
  852. text-shadow: 0 1px 0 #ffffff;
  853. background-color: #eeeeee;
  854. border: 1px solid #ccc;
  855. }
  856. .input-append .add-on,
  857. .input-prepend .add-on,
  858. .input-append .btn,
  859. .input-prepend .btn,
  860. .input-append .btn-group > .dropdown-toggle,
  861. .input-prepend .btn-group > .dropdown-toggle {
  862. vertical-align: top;
  863. -webkit-border-radius: 0;
  864. -moz-border-radius: 0;
  865. border-radius: 0;
  866. }
  867. .input-append .active,
  868. .input-prepend .active {
  869. background-color: #a9dba9;
  870. border-color: #46a546;
  871. }
  872. .input-prepend .add-on,
  873. .input-prepend .btn {
  874. margin-right: -1px;
  875. }
  876. .input-prepend .add-on:first-child,
  877. .input-prepend .btn:first-child {
  878. -webkit-border-radius: 4px 0 0 4px;
  879. -moz-border-radius: 4px 0 0 4px;
  880. border-radius: 4px 0 0 4px;
  881. }
  882. .input-append input,
  883. .input-append select,
  884. .input-append .uneditable-input {
  885. -webkit-border-radius: 4px 0 0 4px;
  886. -moz-border-radius: 4px 0 0 4px;
  887. border-radius: 4px 0 0 4px;
  888. }
  889. .input-append input + .btn-group .btn:last-child,
  890. .input-append select + .btn-group .btn:last-child,
  891. .input-append .uneditable-input + .btn-group .btn:last-child {
  892. -webkit-border-radius: 0 4px 4px 0;
  893. -moz-border-radius: 0 4px 4px 0;
  894. border-radius: 0 4px 4px 0;
  895. }
  896. .input-append .add-on,
  897. .input-append .btn,
  898. .input-append .btn-group {
  899. margin-left: -1px;
  900. }
  901. .input-append .add-on:last-child,
  902. .input-append .btn:last-child,
  903. .input-append .btn-group:last-child > .dropdown-toggle {
  904. -webkit-border-radius: 0 4px 4px 0;
  905. -moz-border-radius: 0 4px 4px 0;
  906. border-radius: 0 4px 4px 0;
  907. }
  908. .input-prepend.input-append input,
  909. .input-prepend.input-append select,
  910. .input-prepend.input-append .uneditable-input {
  911. -webkit-border-radius: 0;
  912. -moz-border-radius: 0;
  913. border-radius: 0;
  914. }
  915. .input-prepend.input-append input + .btn-group .btn,
  916. .input-prepend.input-append select + .btn-group .btn,
  917. .input-prepend.input-append .uneditable-input + .btn-group .btn {
  918. -webkit-border-radius: 0 4px 4px 0;
  919. -moz-border-radius: 0 4px 4px 0;
  920. border-radius: 0 4px 4px 0;
  921. }
  922. .input-prepend.input-append .add-on:first-child,
  923. .input-prepend.input-append .btn:first-child {
  924. margin-right: -1px;
  925. -webkit-border-radius: 4px 0 0 4px;
  926. -moz-border-radius: 4px 0 0 4px;
  927. border-radius: 4px 0 0 4px;
  928. }
  929. .input-prepend.input-append .add-on:last-child,
  930. .input-prepend.input-append .btn:last-child {
  931. margin-left: -1px;
  932. -webkit-border-radius: 0 4px 4px 0;
  933. -moz-border-radius: 0 4px 4px 0;
  934. border-radius: 0 4px 4px 0;
  935. }
  936. .input-prepend.input-append .btn-group:first-child {
  937. margin-left: 0;
  938. }
  939. input.search-query {
  940. padding-right: 14px;
  941. padding-right: 4px \9;
  942. padding-left: 14px;
  943. padding-left: 4px \9;
  944. /* IE7-8 doesn't have border-radius, so don't indent the padding */
  945. margin-bottom: 0;
  946. -webkit-border-radius: 15px;
  947. -moz-border-radius: 15px;
  948. border-radius: 15px;
  949. }
  950. /* Allow for input prepend/append in search forms */
  951. .form-search .input-append .search-query,
  952. .form-search .input-prepend .search-query {
  953. -webkit-border-radius: 0;
  954. -moz-border-radius: 0;
  955. border-radius: 0;
  956. }
  957. .form-search .input-append .search-query {
  958. -webkit-border-radius: 14px 0 0 14px;
  959. -moz-border-radius: 14px 0 0 14px;
  960. border-radius: 14px 0 0 14px;
  961. }
  962. .form-search .input-append .btn {
  963. -webkit-border-radius: 0 14px 14px 0;
  964. -moz-border-radius: 0 14px 14px 0;
  965. border-radius: 0 14px 14px 0;
  966. }
  967. .form-search .input-prepend .search-query {
  968. -webkit-border-radius: 0 14px 14px 0;
  969. -moz-border-radius: 0 14px 14px 0;
  970. border-radius: 0 14px 14px 0;
  971. }
  972. .form-search .input-prepend .btn {
  973. -webkit-border-radius: 14px 0 0 14px;
  974. -moz-border-radius: 14px 0 0 14px;
  975. border-radius: 14px 0 0 14px;
  976. }
  977. .form-search input,
  978. .form-inline input,
  979. .form-horizontal input,
  980. .form-search textarea,
  981. .form-inline textarea,
  982. .form-horizontal textarea,
  983. .form-search select,
  984. .form-inline select,
  985. .form-horizontal select,
  986. .form-search .help-inline,
  987. .form-inline .help-inline,
  988. .form-horizontal .help-inline,
  989. .form-search .uneditable-input,
  990. .form-inline .uneditable-input,
  991. .form-horizontal .uneditable-input,
  992. .form-search .input-prepend,
  993. .form-inline .input-prepend,
  994. .form-horizontal .input-prepend,
  995. .form-search .input-append,
  996. .form-inline .input-append,
  997. .form-horizontal .input-append {
  998. display: inline-block;
  999. *display: inline;
  1000. /* IE7 inline-block hack */
  1001. *zoom: 1;
  1002. margin-bottom: 0;
  1003. vertical-align: middle;
  1004. }
  1005. .form-search .hide,
  1006. .form-inline .hide,
  1007. .form-horizontal .hide {
  1008. display: none;
  1009. }
  1010. .form-search label,
  1011. .form-inline label,
  1012. .form-search .btn-group,
  1013. .form-inline .btn-group {
  1014. display: inline-block;
  1015. }
  1016. .form-search .input-append,
  1017. .form-inline .input-append,
  1018. .form-search .input-prepend,
  1019. .form-inline .input-prepend {
  1020. margin-bottom: 0;
  1021. }
  1022. .form-search .radio,
  1023. .form-search .checkbox,
  1024. .form-inline .radio,
  1025. .form-inline .checkbox {
  1026. padding-left: 0;
  1027. margin-bottom: 0;
  1028. vertical-align: middle;
  1029. }
  1030. .form-search .radio input[type="radio"],
  1031. .form-search .checkbox input[type="checkbox"],
  1032. .form-inline .radio input[type="radio"],
  1033. .form-inline .checkbox input[type="checkbox"] {
  1034. float: left;
  1035. margin-right: 3px;
  1036. margin-left: 0;
  1037. }
  1038. .control-group {
  1039. margin-bottom: 10px;
  1040. }
  1041. legend + .control-group {
  1042. margin-top: 20px;
  1043. -webkit-margin-top-collapse: separate;
  1044. }
  1045. .form-horizontal .control-group {
  1046. margin-bottom: 20px;
  1047. *zoom: 1;
  1048. }
  1049. .form-horizontal .control-group:before,
  1050. .form-horizontal .control-group:after {
  1051. display: table;
  1052. content: "";
  1053. line-height: 0;
  1054. }
  1055. .form-horizontal .control-group:after {
  1056. clear: both;
  1057. }
  1058. .form-horizontal .control-label {
  1059. float: left;
  1060. width: 160px;
  1061. padding-top: 5px;
  1062. text-align: right;
  1063. }
  1064. .form-horizontal .controls {
  1065. *display: inline-block;
  1066. *padding-left: 20px;
  1067. margin-left: 180px;
  1068. *margin-left: 0;
  1069. }
  1070. .form-horizontal .controls:first-child {
  1071. *padding-left: 180px;
  1072. }
  1073. .form-horizontal .help-block {
  1074. margin-bottom: 0;
  1075. }
  1076. .form-horizontal input + .help-block,
  1077. .form-horizontal select + .help-block,
  1078. .form-horizontal textarea + .help-block,
  1079. .form-horizontal .uneditable-input + .help-block,
  1080. .form-horizontal .input-prepend + .help-block,
  1081. .form-horizontal .input-append + .help-block {
  1082. margin-top: 10px;
  1083. }
  1084. .form-horizontal .form-actions {
  1085. padding-left: 180px;
  1086. }
  1087. table {
  1088. max-width: 100%;
  1089. background-color: transparent;
  1090. border-collapse: collapse;
  1091. border-spacing: 0;
  1092. }
  1093. .table {
  1094. width: 100%
  1095. }
  1096. .table th,
  1097. .table td {
  1098. padding:5px 5px;
  1099. line-height: 20px;
  1100. text-align: left;
  1101. vertical-align: top;
  1102. border-top: 1px solid #dddddd;
  1103. }
  1104. .table th {
  1105. font-weight: bold;
  1106. }
  1107. .table thead th {
  1108. vertical-align: bottom;
  1109. }
  1110. .table caption + thead tr:first-child th,
  1111. .table caption + thead tr:first-child td,
  1112. .table colgroup + thead tr:first-child th,
  1113. .table colgroup + thead tr:first-child td,
  1114. .table thead:first-child tr:first-child th,
  1115. .table thead:first-child tr:first-child td {
  1116. border-top: 0;
  1117. }
  1118. .table tbody + tbody {
  1119. border-top: 2px solid #dddddd;
  1120. }
  1121. .table .table {
  1122. background-color: #ffffff;
  1123. }
  1124. .table-condensed th,
  1125. .table-condensed td {
  1126. padding: 4px 5px;
  1127. }
  1128. .table-bordered {
  1129. border: 1px solid #dddddd;
  1130. border-collapse: separate;
  1131. *border-collapse: collapse;
  1132. border-left: 0;
  1133. -webkit-border-radius: 4px;
  1134. -moz-border-radius: 4px;
  1135. border-radius: 4px;
  1136. }
  1137. .table-bordered th,
  1138. .table-bordered td {
  1139. border-left: 1px solid #dddddd;
  1140. }
  1141. .table-bordered caption + thead tr:first-child th,
  1142. .table-bordered caption + tbody tr:first-child th,
  1143. .table-bordered caption + tbody tr:first-child td,
  1144. .table-bordered colgroup + thead tr:first-child th,
  1145. .table-bordered colgroup + tbody tr:first-child th,
  1146. .table-bordered colgroup + tbody tr:first-child td,
  1147. .table-bordered thead:first-child tr:first-child th,
  1148. .table-bordered tbody:first-child tr:first-child th,
  1149. .table-bordered tbody:first-child tr:first-child td {
  1150. border-top: 0;
  1151. }
  1152. .table-bordered thead:first-child tr:first-child > th:first-child,
  1153. .table-bordered tbody:first-child tr:first-child > td:first-child,
  1154. .table-bordered tbody:first-child tr:first-child > th:first-child {
  1155. -webkit-border-top-left-radius: 4px;
  1156. -moz-border-radius-topleft: 4px;
  1157. border-top-left-radius: 4px;
  1158. }
  1159. .table-bordered thead:first-child tr:first-child > th:last-child,
  1160. .table-bordered tbody:first-child tr:first-child > td:last-child,
  1161. .table-bordered tbody:first-child tr:first-child > th:last-child {
  1162. -webkit-border-top-right-radius: 4px;
  1163. -moz-border-radius-topright: 4px;
  1164. border-top-right-radius: 4px;
  1165. }
  1166. .table-bordered thead:last-child tr:last-child > th:first-child,
  1167. .table-bordered tbody:last-child tr:last-child > td:first-child,
  1168. .table-bordered tbody:last-child tr:last-child > th:first-child,
  1169. .table-bordered tfoot:last-child tr:last-child > td:first-child,
  1170. .table-bordered tfoot:last-child tr:last-child > th:first-child {
  1171. -webkit-border-bottom-left-radius: 4px;
  1172. -moz-border-radius-bottomleft: 4px;
  1173. border-bottom-left-radius: 4px;
  1174. }
  1175. .table-bordered thead:last-child tr:last-child > th:last-child,
  1176. .table-bordered tbody:last-child tr:last-child > td:last-child,
  1177. .table-bordered tbody:last-child tr:last-child > th:last-child,
  1178. .table-bordered tfoot:last-child tr:last-child > td:last-child,
  1179. .table-bordered tfoot:last-child tr:last-child > th:last-child {
  1180. -webkit-border-bottom-right-radius: 4px;
  1181. -moz-border-radius-bottomright: 4px;
  1182. border-bottom-right-radius: 4px;
  1183. }
  1184. .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  1185. -webkit-border-bottom-left-radius: 0;
  1186. -moz-border-radius-bottomleft: 0;
  1187. border-bottom-left-radius: 0;
  1188. }
  1189. .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  1190. -webkit-border-bottom-right-radius: 0;
  1191. -moz-border-radius-bottomright: 0;
  1192. border-bottom-right-radius: 0;
  1193. }
  1194. .table-bordered caption + thead tr:first-child th:first-child,
  1195. .table-bordered caption + tbody tr:first-child td:first-child,
  1196. .table-bordered colgroup + thead tr:first-child th:first-child,
  1197. .table-bordered colgroup + tbody tr:first-child td:first-child {
  1198. -webkit-border-top-left-radius: 4px;
  1199. -moz-border-radius-topleft: 4px;
  1200. border-top-left-radius: 4px;
  1201. }
  1202. .table-bordered caption + thead tr:first-child th:last-child,
  1203. .table-bordered caption + tbody tr:first-child td:last-child,
  1204. .table-bordered colgroup + thead tr:first-child th:last-child,
  1205. .table-bordered colgroup + tbody tr:first-child td:last-child {
  1206. -webkit-border-top-right-radius: 4px;
  1207. -moz-border-radius-topright: 4px;
  1208. border-top-right-radius: 4px;
  1209. }
  1210. .table-striped tbody > tr:nth-child(odd) > td,
  1211. .table-striped tbody > tr:nth-child(odd) > th {
  1212. background-color: #f9f9f9;
  1213. }
  1214. .table-hover tbody tr:hover > td,
  1215. .table-hover tbody tr:hover > th {
  1216. background-color: #ffffd6;
  1217. }
  1218. table td[class*="span"],
  1219. table th[class*="span"],
  1220. .row-fluid table td[class*="span"],
  1221. .row-fluid table th[class*="span"] {
  1222. display: table-cell;
  1223. float: none;
  1224. margin-left: 0;
  1225. }
  1226. .table td.span1,
  1227. .table th.span1 {
  1228. float: none;
  1229. width: 44px;
  1230. margin-left: 0;
  1231. }
  1232. .table td.span2,
  1233. .table th.span2 {
  1234. float: none;
  1235. width: 124px;
  1236. margin-left: 0;
  1237. }
  1238. .table td.span3,
  1239. .table th.span3 {
  1240. float: none;
  1241. width: 204px;
  1242. margin-left: 0;
  1243. }
  1244. .table td.span4,
  1245. .table th.span4 {
  1246. float: none;
  1247. width: 284px;
  1248. margin-left: 0;
  1249. }
  1250. .table td.span5,
  1251. .table th.span5 {
  1252. float: none;
  1253. width: 364px;
  1254. margin-left: 0;
  1255. }
  1256. .table td.span6,
  1257. .table th.span6 {
  1258. float: none;
  1259. width: 444px;
  1260. margin-left: 0;
  1261. }
  1262. .table td.span7,
  1263. .table th.span7 {
  1264. float: none;
  1265. width: 524px;
  1266. margin-left: 0;
  1267. }
  1268. .table td.span8,
  1269. .table th.span8 {
  1270. float: none;
  1271. width: 604px;
  1272. margin-left: 0;
  1273. }
  1274. .table td.span9,
  1275. .table th.span9 {
  1276. float: none;
  1277. width: 684px;
  1278. margin-left: 0;
  1279. }
  1280. .table td.span10,
  1281. .table th.span10 {
  1282. float: none;
  1283. width: 764px;
  1284. margin-left: 0;
  1285. }
  1286. .table td.span11,
  1287. .table th.span11 {
  1288. float: none;
  1289. width: 844px;
  1290. margin-left: 0;
  1291. }
  1292. .table td.span12,
  1293. .table th.span12 {
  1294. float: none;
  1295. width: 924px;
  1296. margin-left: 0;
  1297. }
  1298. .table tbody tr.success > td {
  1299. background-color: #dff0d8;
  1300. }
  1301. .table tbody tr.error > td {
  1302. background-color: #f2dede;
  1303. }
  1304. .table tbody tr.warning > td {
  1305. background-color: #fcf8e3;
  1306. }
  1307. .table tbody tr.info > td {
  1308. background-color: #d9edf7;
  1309. }
  1310. .table-hover tbody tr.success:hover > td {
  1311. background-color: #d0e9c6;
  1312. }
  1313. .table-hover tbody tr.error:hover > td {
  1314. background-color: #ebcccc;
  1315. }
  1316. .table-hover tbody tr.warning:hover > td {
  1317. background-color: #faf2cc;
  1318. }
  1319. .table-hover tbody tr.info:hover > td {
  1320. background-color: #c4e3f3;
  1321. }
  1322. /*m*/
  1323. .indexLogin{
  1324. background: url(indexloginbg.png) no-repeat 0 0;
  1325. margin:100px 0 0 0;
  1326. position:relative;
  1327. }
  1328. .loginPanel {
  1329. width:296px;
  1330. height:270px;
  1331. background-color: #fff;
  1332. margin:0 0 0 600px
  1333. }
  1334. .formLine{
  1335. position:relative;
  1336. margin:15px 0
  1337. }
  1338. .formLine .userName{
  1339. color:#333;
  1340. font-size:18px;
  1341. margin:0 0 20px 0
  1342. }
  1343. .loginPanel .warpLogin{
  1344. padding:20px 0 0 23px
  1345. }
  1346. .loginPanel h2{
  1347. font-size:18px
  1348. }
  1349. .loginPanel input.text {
  1350. border: 1px solid #B7B7B7;
  1351. font-size: 20px;
  1352. height: 33px;
  1353. letter-spacing: 1px;
  1354. padding: 1px 1px 1px 40px;
  1355. width: 201px;
  1356. background:url(inputBg.png) repeat-x 0 0
  1357. }
  1358. .loginPanel .textTips{
  1359. color: #999999;
  1360. cursor: text;
  1361. font-size: 14px;
  1362. height: 37px;
  1363. line-height: 37px;
  1364. overflow: hidden;
  1365. padding: 0 2px 0 10px;
  1366. position:absolute;
  1367. left:0
  1368. }
  1369. .loginPanel .formLink{
  1370. margin:0 0 10px 0;
  1371. color:#ccc
  1372. }
  1373. .register {
  1374. background:#fff;
  1375. margin:250px 0 0 0
  1376. }
  1377. .register h1{
  1378. height: 50px;
  1379. line-height: 50px;
  1380. font-size: 24px;
  1381. border-bottom: 1px solid #e0e0e0;
  1382. }
  1383. .register h1 span{
  1384. margin:0 0 0 20px
  1385. }
  1386. .warpHeader {
  1387. height:34px;
  1388. line-height:34px;
  1389. background:#277db6;
  1390. border-bottom:1px solid #6C6C76
  1391. }
  1392. .warpHeader a.logo{
  1393. margin:0
  1394. }
  1395. .warpHeader a.quit{
  1396. height:34px;line-height:34px;
  1397. padding:0 15px;
  1398. background:#6C6C76;
  1399. color:#fff;
  1400. font-weight:600
  1401. }
  1402. .warpHeader a.quit:hover{
  1403. background:#935b4e;
  1404. color:#fff
  1405. }
  1406. .warpHeader div.user{
  1407. margin:0 20px 0 0;
  1408. color:#fff
  1409. }
  1410. .warpContent{
  1411. background:#6c6c76
  1412. }
  1413. .mainSide{
  1414. width:100px
  1415. }
  1416. .mainSide ul{
  1417. margin:10px 0 0 0
  1418. }
  1419. .mainSide li{
  1420. margin:0 0 2px 0
  1421. }
  1422. .mainSide li.line {
  1423. border-top:1px solid #D7D7D7;
  1424. padding:5px 0 0 0;
  1425. margin:5px 0 0 0
  1426. }
  1427. .mainSide li a{
  1428. display:inline-block;
  1429. *display:inline;
  1430. zoom:1;
  1431. padding:8px 10px;
  1432. width:80px;
  1433. font-size:14px;
  1434. color:#fff
  1435. }
  1436. .mainSide li a:hover{
  1437. background:#ccc;
  1438. color:#6C6C76;
  1439. }
  1440. .mainSide li a.now{
  1441. background:#d7d7d7;
  1442. color:#277DB6;
  1443. font-weight:600
  1444. }
  1445. .mainSide li a span{
  1446. background:#fff;
  1447. color:#6C6C76;
  1448. padding:0 5px;
  1449. margin:0 0 0 10px;
  1450. font-size:12px;
  1451. border-radius:10px
  1452. }
  1453. .mainSide li a.now span{
  1454. background:#A96A5B;
  1455. color:#fff
  1456. }
  1457. .mainContent{
  1458. margin:0 0 0 100px;
  1459. background:#d7d7d7;
  1460. overflow-y: auto;
  1461. min-height: 400px
  1462. }
  1463. .pojNomList{
  1464. margin:20px;
  1465. margin-bottom:0
  1466. }
  1467. .pojNomList .entry{
  1468. background:#fff;
  1469. margin:0 0 5px 0
  1470. }
  1471. .pojNomList .entry h1 {
  1472. height:50px;
  1473. line-height:50px;
  1474. font-size:24px;
  1475. border-bottom:1px solid #e0e0e0
  1476. }
  1477. .pojNomList .entry h1 span{
  1478. margin:0 20px
  1479. }
  1480. .pojNomList .entry input,.pojNomList .entry select{
  1481. margin:0;
  1482. }
  1483. .pojNomList .contractCount {
  1484. width:70px;
  1485. padding:0 10px;
  1486. height:76px;
  1487. text-align:center;
  1488. border-right:1px solid #e0e0e0
  1489. }
  1490. .pojNomList .contractCount span{
  1491. display:inline-block;
  1492. *display:inline;
  1493. zoom:1;
  1494. width:100%;
  1495. margin:13px 0 0 0
  1496. }
  1497. .pojNomList .contractCount b{
  1498. font-size:26px;
  1499. font-family:"Tahoma"
  1500. }
  1501. .pojNomList .contractMoney {
  1502. padding:0 20px;
  1503. border-right:1px solid #e0e0e0
  1504. }
  1505. .pojNomList .contractMoney .item {
  1506. height:38px;
  1507. line-height:38px
  1508. }
  1509. .pojNomList .contractMoney .item.done{
  1510. height:37px;
  1511. border-top:1px dashed #e0e0e0
  1512. }
  1513. .pojNomList .contractMoney .item b{
  1514. font-size:24px;
  1515. font-family:"Tahoma";
  1516. text-align:right;
  1517. float:right
  1518. }
  1519. .pojNomList .contractState {
  1520. border-right:1px solid #e0e0e0;
  1521. height:76px;
  1522. text-align:center;
  1523. padding:0 10px;
  1524. }
  1525. .pojNomList .contractState.state{
  1526. width:170px
  1527. }
  1528. .pojNomList .contractState span{
  1529. display:block;
  1530. *display:inline;
  1531. zoom:1;
  1532. width:100%;
  1533. margin:13px 0 0 0
  1534. }
  1535. .pojNomList .contractState b{
  1536. font-size:22px;
  1537. font-family:"Tahoma","微软雅黑";
  1538. }
  1539. .pojNomList .contractUser {
  1540. height:76px;
  1541. text-align:center;
  1542. border-right:1px solid #e0e0e0
  1543. }
  1544. .pojNomList .contractUser span{
  1545. display:inline-block;
  1546. *display:inline;
  1547. zoom:1;
  1548. width:100%;
  1549. margin:20px 0 0 0
  1550. }
  1551. .pojNomList .contractUser b{
  1552. font-size:14px;
  1553. font-family:"Tahoma"
  1554. }
  1555. .pojNomList .contractAcc{
  1556. height:30px;
  1557. line-height:30px;
  1558. padding:0 10px;
  1559. border-right:1px solid #E0E0E0;
  1560. }
  1561. .pojNomList .listTab{
  1562. margin:0 0 5px 0
  1563. }
  1564. .pojNomList .listTab a{
  1565. background:#6C6C76;
  1566. color: #FFFFFF;
  1567. cursor: pointer;
  1568. font-size: 14px;
  1569. height: 35px;
  1570. line-height: 35px;
  1571. margin: 0 1px 0 0;
  1572. padding: 0 10px;
  1573. text-align: center;
  1574. }
  1575. .pojNomList .listTab a:hover{
  1576. background:#999;
  1577. }
  1578. .pojNomList .listTab a.now{
  1579. background:#277DB6;
  1580. color:#fff;
  1581. font-weight: 600
  1582. }
  1583. .pojNomList .listTab .search{
  1584. margin:0 0 0 10px;
  1585. float:left;
  1586. }
  1587. .pojNomList .listTab .search input[type=text]{
  1588. margin:0;
  1589. float:left;
  1590. height:23px;
  1591. border-bottom: 3px solid #999;
  1592. }
  1593. .periodList .title{
  1594. height:25px;
  1595. line-height:25px;
  1596. background:#5B9AA9
  1597. }
  1598. .periodList .title div{
  1599. float:left;
  1600. height:25px;
  1601. line-height:25px;
  1602. border-right:1px dashed #fff;
  1603. color:#fff;
  1604. width:9.9%;
  1605. text-align:center;
  1606. font-size:10px
  1607. }
  1608. .perListItem{
  1609. background:#fff
  1610. }
  1611. .perListItem .btns{
  1612. margin:20px
  1613. }
  1614. .globalForm {
  1615. margin:20px
  1616. }
  1617. .tips {
  1618. background:url(attachment.png) no-repeat 0 0;
  1619. padding:5px 0 5px 40px;
  1620. margin:10px
  1621. }
  1622. .pojNomList td div.lv2 {
  1623. text-indent:10px
  1624. }
  1625. .pojNomList td div.lv3 {
  1626. text-indent:20px
  1627. }
  1628. .pojNomList td div.limit{
  1629. width:200px;
  1630. height:20px;
  1631. overflow: hidden;
  1632. text-overflow: ellipsis;
  1633. white-space: nowrap;
  1634. display: inline-block;
  1635. }
  1636. .pojNomList tr.newAdd{
  1637. background:#dff0d8
  1638. }
  1639. .pojNomList tr.listDel td{
  1640. text-decoration: line-through;
  1641. }
  1642. .annotation li {
  1643. padding:3px 10px;
  1644. border-bottom:1px solid #e0e0e0
  1645. }
  1646. .annotation li span{
  1647. font-weight:800
  1648. }
  1649. .standardCate {
  1650. border-bottom:1px solid #DDDDDD;
  1651. }
  1652. .cateSelect {
  1653. height:35px;
  1654. position: relative;
  1655. width:300px;
  1656. }
  1657. .cateSelect .title{
  1658. line-height:35px;
  1659. padding:0 10px;
  1660. color: #336699;
  1661. font-size:16px;
  1662. cursor: pointer;
  1663. }
  1664. .cateSelect.foucs{
  1665. background:#277DB6;
  1666. }
  1667. .cateSelect.foucs .title{
  1668. color:#fff;
  1669. }
  1670. .cateSelect .cateMenu {
  1671. position:absolute;
  1672. top:35px;
  1673. left:0;
  1674. background:#fff;
  1675. border:1px solid #277DB6;
  1676. padding:10px 0 10px 10px;
  1677. }
  1678. .cateSelect .cateMenu .scroll{
  1679. overflow: auto;
  1680. height:300px;
  1681. width:288px;
  1682. }
  1683. .news {
  1684. padding:20px;
  1685. margin:15px 0 20px 0;
  1686. background: #fff;
  1687. }
  1688. .news li {
  1689. padding:5px 0;
  1690. border-bottom:1px dashed #dddddd;
  1691. }
  1692. .news li span{
  1693. display:inline-block;
  1694. width:90px;
  1695. }
  1696. .news li.more{
  1697. border-bottom: none
  1698. }
  1699. .news li.title{
  1700. font-weight:600;
  1701. border-bottom:1px solid #ccc;
  1702. font-size: 16px
  1703. }
  1704. .newAdd input,.newAdd select{
  1705. margin:0;
  1706. }
  1707. /*modal*/
  1708. .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.3);*border:1px solid #999;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:0}.modal.fade{-webkit-transition:opacity .3s linear,top .3s ease-out;-moz-transition:opacity .3s linear,top .3s ease-out;-o-transition:opacity .3s linear,top .3s ease-out;transition:opacity .3s linear,top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:9px 15px;border-bottom:1px solid #eee}.modal-header .close{margin-top:2px}.modal-header h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px}.modal-form{margin-bottom:0}.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}
  1709. .modal form{margin:0}
  1710. /*modal*/
  1711. .printList {
  1712. width:1000px;
  1713. text-align: center;
  1714. color:#000;
  1715. margin:0 auto;
  1716. }
  1717. .printList .taC{
  1718. text-align: center
  1719. }
  1720. .printList .taR{
  1721. text-align:right
  1722. }
  1723. .printList .taL{
  1724. text-align:left
  1725. }
  1726. .printList h1 {
  1727. color:#ff0000;
  1728. border-bottom: 3px solid #ff0000;
  1729. font-size:36px;
  1730. display:inline;
  1731. overflow: hidden;
  1732. }
  1733. .printList h2{
  1734. margin:20px 0;
  1735. font-size:18px;
  1736. }
  1737. .printList h3{
  1738. font-size:24px;
  1739. }
  1740. .printList .con{
  1741. margin:20px 0;
  1742. }
  1743. .printList p{
  1744. font-size:16px;
  1745. line-height: 25px
  1746. }
  1747. .printList table{
  1748. border:1px solid #000;
  1749. width:100%;
  1750. }
  1751. .printList table th{
  1752. border:1px solid #000;
  1753. }
  1754. .printList table td{
  1755. border:1px solid #000;
  1756. text-align: left
  1757. }
  1758. textarea.yta {
  1759. width:92%;
  1760. margin:0;
  1761. height:20px;
  1762. }
  1763. textarea.yta:focus{
  1764. width:400px;
  1765. height:60px;
  1766. }