default.css 31 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600
  1. /* Styles that should disappear */
  2. .row {
  3. width:100%;
  4. }
  5. div.row div.label {
  6. width: 0%;
  7. }
  8. div.row div.formw {
  9. width: 100%;
  10. }
  11. /* Redefining html styles */
  12. body {
  13. font-family: bold arial, verdana, helvetica, sans-serif;
  14. font-size: 12px;
  15. margin: 0;
  16. padding: 0;
  17. }
  18. img {
  19. border: none;
  20. }
  21. a:link {
  22. color : #333;
  23. }
  24. a:visited {
  25. color : #333;
  26. }
  27. a:hover {
  28. color: #f3840d;
  29. }
  30. a:active {
  31. }
  32. input, input[type=file], select, textarea {
  33. background:#F8F8F8;
  34. border:1px solid #999999;
  35. padding:1px 2px;
  36. }
  37. input[type=button], input[type=submit] {
  38. border:1px solid #999999;
  39. background:#F0F0F0;
  40. padding-left:10px;
  41. padding-right:10px;
  42. font-weight:bold;
  43. color:#666;
  44. }
  45. /* header styles */
  46. #header {
  47. }
  48. /* header 1 styles */
  49. #header1 {
  50. background-color: #dcdcdc;
  51. color: #666;
  52. border-bottom: 1px solid #ccc;
  53. }
  54. #header1 a {
  55. color: #333;
  56. text-decoration: none;
  57. }
  58. #header1 a:hover {
  59. }
  60. #my_courses {
  61. float: right;
  62. font-weight: bold;
  63. margin-right: 100px;
  64. }
  65. #header1 img {
  66. border: 0px;
  67. }
  68. /* header 2 styles */
  69. #header2 {
  70. background: #f0f0f0;
  71. color: #666;
  72. border-bottom: 1px solid #ccc;
  73. }
  74. #header2 a {
  75. color: #333;
  76. text-decoration: none;
  77. }
  78. #header2 a:hover {
  79. }
  80. #Header2Right ul {
  81. float: right;
  82. list-style-type: none;
  83. text-align: right;
  84. color:#680157;
  85. margin: 0;
  86. padding: 0;
  87. }
  88. #Header2Right ul li {
  89. display: inline;
  90. }
  91. #Header2Right ul li a {
  92. color:#333;
  93. }
  94. #Header2Right ul li a:hover {
  95. color:#333;
  96. }
  97. /* header 3 styles */
  98. #header3 {
  99. background: #fff;
  100. border-bottom: 1px solid #aeaeae;
  101. color: #333;
  102. height:auto;
  103. font-weight: bold;
  104. }
  105. #header3 ul {
  106. list-style:none;
  107. }
  108. #header3 li {
  109. /*display:inline;*/
  110. cursor: pointer;
  111. }
  112. #header3 a {
  113. float:left;
  114. background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top;
  115. text-decoration:none;
  116. cursor: pointer;
  117. color: #333;
  118. padding-right: 1px;
  119. padding-left: 9px;
  120. height:25px;
  121. }
  122. #header3 li a:hover {
  123. float:left;
  124. background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top;
  125. text-decoration:none;
  126. cursor: pointer;
  127. }
  128. #header3 li a span {
  129. float:left;
  130. display:block;
  131. background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top;
  132. color:#333;
  133. cursor: pointer;
  134. padding-right: 10px;
  135. padding-top: 5px;
  136. height:20px;
  137. }
  138. #header3 li a:hover span {
  139. float:left;
  140. display:block;
  141. background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top;
  142. color:#333;
  143. cursor: pointer;
  144. }
  145. #header3 #current a {
  146. float:left;
  147. background:url(../../img/dokeosgrey/tab_left_active.gif) no-repeat left top;
  148. text-decoration:none;
  149. }
  150. #header3 #current a span {
  151. float:left;
  152. display:block;
  153. background:url(../../img/dokeosgrey/tab_right_active.gif) no-repeat right top;
  154. }
  155. #logout li a {
  156. float: right;
  157. vertical-align:top;
  158. background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top;
  159. margin-right:5px;
  160. text-decoration:none;
  161. }
  162. #logout li a:hover {
  163. float: right;
  164. vertical-align:top;
  165. background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top;
  166. text-decoration:none;
  167. margin-right:5px;
  168. }
  169. #logout li a span {
  170. float:left;
  171. display:block;
  172. background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top;
  173. color:#333;
  174. cursor: pointer;
  175. }
  176. #logout li a:hover span{
  177. background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top;
  178. }
  179. /* header 4 styles */
  180. #header4 {
  181. margin-left: 5px;
  182. height: 21px;
  183. }
  184. a.breadcrumb {
  185. height: 21px;
  186. }
  187. a.breadcrumb0 {
  188. background:url(images/home.gif) no-repeat;
  189. padding-left: 22px;
  190. }
  191. /* footer styles */
  192. #footer {
  193. border-top: 1px solid #aeaeae;
  194. }
  195. #footerright {
  196. margin-top: 10px;
  197. float: right;
  198. margin-right:20px;
  199. }
  200. #footerleft {
  201. padding-top: 10px;
  202. }
  203. #footer a {
  204. }
  205. /* main styles */
  206. #main {
  207. position: relative;
  208. min-height: 320px;
  209. padding-left: 15px;
  210. padding-right: 15px;
  211. padding-bottom: 5px;
  212. }
  213. /* my courses styles */
  214. #maincontent {
  215. float: left;
  216. width: 75%;
  217. min-height: 333px;
  218. margin-top:0;
  219. }
  220. .coursestatusicons {
  221. border: 0px solid #000;
  222. float: left;
  223. padding-right: 5px;
  224. width: auto;
  225. }
  226. .courseslist {
  227. margin-left: -25px;
  228. }
  229. .courses {
  230. list-style-type: none;
  231. margin-bottom: 5px;
  232. }
  233. .courses a {
  234. text-decoration:underline;
  235. }
  236. .user_course_category {
  237. background-color: #efefef;
  238. border: 1px solid #666;
  239. font-weight: bold;
  240. color: #666;
  241. list-style-type: none;
  242. margin: 5px;
  243. padding: 5px;
  244. }
  245. .menu {
  246. float: right;
  247. width: 200px;
  248. min-height: 150px;
  249. background-color: #F0F0F0;
  250. border: 1px solid #bbb;
  251. margin-right: 0px;
  252. margin-bottom: 10px;
  253. padding-bottom: 10px;
  254. }
  255. .menu form {
  256. margin: 0px 6px 0 6px;
  257. }
  258. .menucaption {
  259. font-size: 12px;
  260. font-weight: bold;
  261. padding-left: 12px;
  262. }
  263. .menusection {
  264. width: auto;
  265. margin: 24px 6px 0 6px;
  266. padding-left: 10px;
  267. border: 1px solid #bbb;
  268. }
  269. .menusectioncaption {
  270. position: relative;
  271. top: -9px;
  272. background-color:#F0F0F0;
  273. font-size: 12px;
  274. padding: 0 8px 0 4px;
  275. }
  276. .menulist {
  277. list-style: none;
  278. margin: 0 0 12px 0;
  279. padding: 0;
  280. }
  281. .note {
  282. width: auto;
  283. margin: 24px 6px 0 6px;
  284. padding: 3px;
  285. background-color:#bbb;
  286. border: 1px outset;
  287. }
  288. /* form styles */
  289. .form {
  290. width: 75%;
  291. float: 'left';
  292. }
  293. form div.row {
  294. clear: both;
  295. padding-top: 5px;
  296. }
  297. .form_header {
  298. white-space: nowrap;
  299. padding: 2px;
  300. background-color: #f0f0f0;
  301. border: 1px solid #bbb;
  302. font-weight: bold;
  303. }
  304. form div.row div.label {
  305. float: left;
  306. width: 18%;
  307. text-align: right;
  308. }
  309. form div.row div.formw {
  310. width: 80%;
  311. }
  312. [dir=ltr] form div.row div.label, [dir=rtl] form div.row div.formw {
  313. float: left;
  314. text-align: right;
  315. }
  316. [dir=rtl] form div.row div.label, [dir=ltr] form div.row div.formw {
  317. float: right;
  318. text-align: left;
  319. }
  320. form span.form_required {
  321. color: #f00;
  322. }
  323. form span.form_error {
  324. color: #f00;
  325. font-size: x-small;
  326. margin: 2px;
  327. }
  328. /* feedback messages */
  329. .normal-message {
  330. position: relative;
  331. margin: 10px auto;
  332. margin-left: -250px;
  333. width: 500px;
  334. left: 50%;
  335. right: 50%;
  336. border-width: 1px;
  337. border-style: solid;
  338. padding: 5px;
  339. border: 1px solid #dcdcdc;
  340. color: #000;
  341. background-color: #E5EDF9;
  342. min-height: 30px;
  343. }
  344. .warning-message {
  345. position: relative;
  346. margin: 10px auto;
  347. margin-left: -250px;
  348. width: 500px;
  349. left: 50%;
  350. right: 50%;
  351. border-width: 1px;
  352. border-style: solid;
  353. padding: 5px;
  354. border: 1px solid #FFB30F;
  355. color: #000;
  356. background-color: #FFEFA7;
  357. min-height: 30px;
  358. }
  359. .confirmation-message {
  360. position: relative;
  361. margin: 10px auto;
  362. margin-left: -250px;
  363. width: 500px;
  364. left: 50%;
  365. right: 50%;
  366. border-width: 1px;
  367. border-style: solid;
  368. padding: 5px;
  369. border: 1px solid #1F8323;
  370. color: #000;
  371. background-color: #CAF0C7;
  372. min-height: 30px;
  373. }
  374. .error-message {
  375. position: relative;
  376. margin: 10px auto;
  377. margin-left: -250px;
  378. width: 500px;
  379. left: 50%;
  380. right: 50%;
  381. border-width: 1px;
  382. border-style: solid;
  383. padding: 5px;
  384. border: 1px solid #FF0000;
  385. color: #000;
  386. background-color: #FFD1D1;
  387. min-height: 30px;
  388. }
  389. /* other styles */
  390. .clear {
  391. clear: both;
  392. line-height: 0px;
  393. height: 0;
  394. }
  395. /* actions */
  396. .actions_lp {
  397. background:#F8F8F8;
  398. /*border-bottom:1px solid #999999; */
  399. /*border-top:1px solid #999999; */
  400. height:29px;
  401. padding-left: -17px;
  402. margin-bottom: 1px;
  403. background:url(images/actions.jpg) repeat-x;
  404. vertical-align:middle;
  405. width: 90%;
  406. margin-left:17px;
  407. }
  408. .actions_lp img {
  409. vertical-align:middle;
  410. }
  411. .actions_lp a {
  412. margin-right: 10px;
  413. vertical-align:middle;
  414. }
  415. .actions_lp span {
  416. margin-right: 10px;
  417. vertical-align:middle;
  418. }
  419. .actions_lp form {
  420. margin-right: 10px;
  421. vertical-align:middle;
  422. }
  423. .actions {
  424. background:#efefef;
  425. border-bottom:1px dotted #999999;
  426. border-top:1px dotted #999999;
  427. /*height:35px;*/
  428. padding:2px;
  429. margin-bottom: 5px;
  430. /*background:url(images/actions.jpg) repeat-x;*/
  431. vertical-align:middle;
  432. }
  433. .actions img {
  434. /*display:inline-block;*/
  435. border: none;
  436. text-decoration: none;
  437. background-color: #efefef;
  438. padding-right: 5px;
  439. vertical-align:middle;
  440. }
  441. .actions a {
  442. display:inline-block;
  443. margin-right: 10px;
  444. vertical-align:middle;
  445. }
  446. .actions span {
  447. margin-right: 10px;
  448. vertical-align:middle;
  449. }
  450. .actions form {
  451. margin-right: 10px;
  452. vertical-align:middle;
  453. }
  454. /* big actions */
  455. .actionsbig {
  456. background:#F8F8F8;
  457. border-bottom:1px solid #999999;
  458. border-top:1px solid #999999;
  459. background-color:#efefef;
  460. height:100%;
  461. padding:2px;
  462. margin-bottom: 5px;
  463. vertical-align:middle;
  464. }
  465. .actions img {
  466. vertical-align:middle;
  467. }
  468. .actions a {
  469. margin-right: 10px;
  470. vertical-align:middle;
  471. }
  472. /* styles for the profile page */
  473. .profile_image {
  474. float: right;
  475. margin-right: 20px;
  476. }
  477. .profile_form {
  478. float: left;
  479. width: 75%;
  480. }
  481. /* course introduction */
  482. #courseintrocenter {
  483. position: relative;
  484. width: 80%;
  485. margin: 25px auto 10px;
  486. }
  487. #courseintro_iconscenter {
  488. position: relative;
  489. width: 80%;
  490. margin: 0px auto 10px;
  491. }
  492. #courseintroleft {
  493. position: relative;
  494. width: 80%;
  495. margin-bottom: 5px;
  496. }
  497. #courseintro_iconsleft {
  498. position: relative;
  499. width: 80%;
  500. }
  501. /* styles for the agenda */
  502. #agenda {
  503. width: 100%;
  504. margin: 0 auto;
  505. border: 1px solid #CCCCCC;
  506. border-collapse: collapse;
  507. }
  508. /* The cells with the name of the days of the weeks (mon->sun)*/
  509. .weekdays {
  510. background-color: #dcdcdc;
  511. text-align: center;
  512. font-weight: bold;
  513. border: 1px solid #CCCCCC;
  514. border-collapse: collapse;
  515. }
  516. /* The cells for the days (1->31) */
  517. .days_week {
  518. height: 40px;
  519. width: 12%;
  520. border: 1px solid #CCCCCC;
  521. border-collapse: collapse;
  522. background-color: #f9f9f9;
  523. }
  524. .days_weekend {
  525. height: 40px;
  526. width: 12%;
  527. border: 1px solid #CCCCCC;
  528. border-collapse: collapse;
  529. background-color: #eaeaea;
  530. }
  531. .days_today {
  532. height: 40px;
  533. width: 12%;
  534. border: 1px solid #CCCCCC;
  535. border-collapse: collapse;
  536. background-color: #FFCA8D;
  537. color: #CC3300;
  538. font-weight: bold;
  539. }
  540. .agenda_month_divider {
  541. background-color: #666;
  542. color: #fff;
  543. text-align: center;
  544. }
  545. /*The caption of the calendar (displays the month and the << and >> links*/
  546. #agenda_list .title {
  547. background-color: #680157;
  548. color: #fff;
  549. text-align: left;
  550. padding: 2px 10px;
  551. text-align: center;
  552. border: 1px solid #bbb;
  553. }
  554. #agenda_list .title a:link, #agenda_list #title a:visited {
  555. color: #fff;
  556. padding: 2px 10px;
  557. text-align: center;
  558. }
  559. #agenda_list .title a:hover {
  560. color: #B70297;
  561. padding: 2px 10px;
  562. text-align: center;
  563. }
  564. /* text in the cells: display of agenda items (visible)*/
  565. #agenda_list .data {
  566. background-color: #eee;
  567. text-align: left;
  568. padding: 2px 10px;
  569. font-weight: bold;
  570. border: 0px solid #dcdcdc;
  571. border-collapse: collapse;
  572. }
  573. #agenda_list .datanotbold {
  574. background-color: #eee;
  575. text-align: left;
  576. padding: 2px 10px;
  577. font-weight: normal;
  578. border: 0px solid #dcdcdc;
  579. border-collapse: collapse;
  580. }
  581. #agenda_list .text {
  582. background-color: #fff;
  583. text-align: left;
  584. padding: 2px 10px;
  585. font-weight: normal;
  586. border: 0px solid #dcdcdc;
  587. border-collapse: collapse;
  588. }
  589. /*text in the cells: display of agenda items (invisible)*/
  590. #agenda_list .data_hidden {
  591. background-color: #eee;
  592. text-align: left;
  593. padding: 2px 10px;
  594. font-weight: bold;
  595. border: 0px solid #dcdcdc;
  596. border-collapse: collapse;
  597. color: #999999;
  598. }
  599. #agenda_list .datanotbold_hidden {
  600. background-color: #eee;
  601. text-align: left;
  602. padding: 2px 10px;
  603. font-weight: normal;
  604. border: 0px solid #dcdcdc;
  605. border-collapse: collapse;
  606. color: #999999;
  607. }
  608. #agenda_list .text_hidden {
  609. background-color: #fff;
  610. text-align: left;
  611. padding: 2px 10px;
  612. font-weight: normal;
  613. border: 0px solid #dcdcdc;
  614. border-collapse: collapse;
  615. color: #999999;
  616. }
  617. /*text in the cells: display of agenda items (highlighted)*/
  618. #agenda_list .datanow {
  619. background-color: #FFCC00;
  620. text-align: left;
  621. padding: 2px 10px;
  622. font-weight: bold;
  623. border: 0px solid #dcdcdc;
  624. border-collapse: collapse;
  625. }
  626. #agenda_list .datanotboldnow {
  627. background-color: #FFCC00;
  628. text-align: left;
  629. padding: 2px 10px;
  630. font-weight: normal;
  631. border: 0px solid #dcdcdc;
  632. border-collapse: collapse;
  633. }
  634. #agenda_list .textnow {
  635. background-color: #fff;
  636. text-align: left;
  637. padding: 2px 10px;
  638. font-weight: normal;
  639. border: 0px solid #dcdcdc;
  640. border-collapse: collapse;
  641. }
  642. .personal_agenda {
  643. color: #008000;
  644. }
  645. .personal_agenda a:link, .personal_agenda a:visited {
  646. color: #008000;
  647. }
  648. a.personal_agenda:link, a.personal_agenda:visited {
  649. color: #008000;
  650. }
  651. .personal_agenda a:hover, .personal_agenda a:hover {
  652. color: #B70297;
  653. }
  654. a.personal_agenda:hover, a.personal_agenda:hover {
  655. color: #B70297;
  656. }
  657. /* Login form */
  658. #formLogin div {
  659. margin-bottom: 3px;
  660. }
  661. #formLogin div input[type=submit] {
  662. width: 109px;
  663. }
  664. /* normal table*/
  665. .normal_table {
  666. margin: 3px;
  667. border-collapse: collapse;
  668. width: 98%;
  669. padding: 5px;
  670. }
  671. /* Data table */
  672. .data_table {
  673. margin: 3px;
  674. border-collapse: collapse;
  675. width: 100%;
  676. padding: 5px;
  677. }
  678. .data_table th {
  679. font-weight: bold;
  680. padding-right: 20px;
  681. border: 1px solid #666;
  682. background-color: #999;
  683. color: #fff;
  684. }
  685. .data_table th a {
  686. color: #fff;
  687. text-decoration:none;
  688. }
  689. .data_table tr.row_odd {
  690. background-color: #fafafa;
  691. }
  692. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  693. background-color: #f0f0f0;
  694. }
  695. .data_table tr.row_even {
  696. background-color: #fff;
  697. }
  698. .data_table td {
  699. padding: 5px;
  700. vertical-align: top;
  701. border-bottom: 1px solid #b0b0b0;
  702. border-right: 1px dotted #e1e1e1;
  703. border-left: 1px dotted #e1e1e1;
  704. }
  705. /* sections in the page */
  706. .sectiontitle {
  707. background-color: #EFEFEF;
  708. border: 1px solid #cccccc;
  709. font-weight: bold;
  710. color: #666666;
  711. list-style-type: none;
  712. margin: 5px;
  713. padding: 5px;
  714. }
  715. .sectioncomment {
  716. color: #000000;
  717. margin: 5px;
  718. padding: 5px;
  719. }
  720. .sectionvalue {
  721. list-style-type: none;
  722. margin: 5px;
  723. padding: 5px;
  724. }
  725. /* invisible styles */
  726. a.invisible {
  727. color: #999999;
  728. }
  729. a.invisible:visited {
  730. color: #999999;
  731. }
  732. a.invisible:active {
  733. color: #999999;
  734. }
  735. a.invisible:hover {
  736. color: #999999;
  737. }
  738. /* Platform Administration */
  739. div.admin_section {
  740. width: 40%;
  741. float: left;
  742. padding: 5px;
  743. margin: 10px 20px;
  744. }
  745. div.admin_section h4 {
  746. background-color: #EFEFEF;
  747. border: 1px solid #cccccc;
  748. font-weight: bold;
  749. color: #666666;
  750. list-style-type: none;
  751. margin: 5px;
  752. padding: 5px;
  753. }
  754. /* course homepage */
  755. .courseadminview, .platformadminview {
  756. position: relative;
  757. width: 80%;
  758. margin: 25px auto 10px;
  759. padding: 10px;
  760. border: 1px solid #ccc;
  761. }
  762. .courseadminview img, .platformadminview img {
  763. display:inline-block;
  764. border: none;
  765. text-decoration: none;
  766. background-color: #fff;
  767. padding-right: 5px;
  768. vertical-align:middle;
  769. }
  770. .viewcaption {
  771. position: relative;
  772. top: -20px;
  773. font-weight: bold;
  774. color: #ccc;
  775. background-color: #fff;
  776. padding: 0 4px;
  777. }
  778. /* learning path */
  779. table.lp_build {
  780. height:400px;
  781. width:100%;
  782. }
  783. table.lp_build td {
  784. vertical-align:top;
  785. }
  786. table.lp_build td.tree {
  787. border-right:1px solid #999999;
  788. width:240px;
  789. }
  790. table.lp_build td.workspace {
  791. padding: 0px;
  792. padding-left:5px;
  793. width:auto;
  794. }
  795. table.lp_overview {
  796. width:100%;
  797. }
  798. table.lp_overview td {
  799. border-bottom:1px solid #999999;
  800. border-top:1px solid #999999;
  801. height:20px;
  802. padding:3px;
  803. vertical-align:middle;
  804. width:auto;
  805. }
  806. table.lp_overview td.title {
  807. width:200px;
  808. }
  809. table.lp_overview td.actions {
  810. text-align:center;
  811. width:100px;
  812. }
  813. table.lp_overview td.move {
  814. text-align:center;
  815. width:50px;
  816. }
  817. table.lp_overview th {
  818. background:#FFFFFF;
  819. padding-left:3px;
  820. text-align:center;
  821. }
  822. table.lp_overview tr {
  823. background:#F8F8F8;
  824. }
  825. table.lp_overview tr:hover {
  826. background:#E5EDF9;
  827. }
  828. table.lp_overview img {
  829. margin-left:3px;
  830. }
  831. table.lp_prerequisites th {
  832. background:#F8F8F8;
  833. border-bottom:1px solid #999999;
  834. border-top:1px solid #999999;
  835. }
  836. .lp_mediaplayer {
  837. float: right;
  838. padding-top: 3px;
  839. margin-right: 5px;
  840. }
  841. div.lp_manipulate {
  842. background:#F8F8F8;
  843. border-bottom:1px dotted #999999;
  844. margin-bottom:0px;
  845. padding:3px 0 3px 10px;
  846. }
  847. div.lp_manipulate a {
  848. padding-right:10px;
  849. }
  850. div.lp_resource_header {
  851. background:#F0F0F0;
  852. border:1px solid #999999;
  853. font-weight:bold;
  854. padding:10px;
  855. width:350px;
  856. cursor:pointer;
  857. margin-top: -1px;
  858. }
  859. div.lp_resource_elements {
  860. background:#FAFAFA;
  861. border:1px solid #999999;
  862. display:none;
  863. padding:5px 10px;
  864. width:350px;
  865. margin-top: -1px;
  866. }
  867. .learnpath_chapter_form {
  868. width: 300px;
  869. }
  870. .learnpath_item_form {
  871. width: 300px;
  872. }
  873. #learnpath_preview_frame {
  874. margin-top: 5px;
  875. border:1px solid #CCCCCC;
  876. height:490px;
  877. width:95%;
  878. }
  879. /* exercices styles */
  880. .exercice_form {
  881. width: 300px;
  882. }
  883. #validationButton {
  884. text-decoration: none;
  885. margin: 5px;
  886. border:1px solid #999999;
  887. background:#F0F0F0;
  888. padding: 3px;
  889. padding-left:10px;
  890. padding-right:10px;
  891. font-weight:bold;
  892. color:#666;
  893. }
  894. .exercise_scenario_label {
  895. }
  896. .exercise_scenario_element {
  897. }
  898. span.checkbox {
  899. width: 19px;
  900. height: 25px;
  901. padding: 0 5px 0 0;
  902. background: url(images/checkbox.gif) no-repeat;
  903. display: block;
  904. clear: left;
  905. float: left;
  906. }
  907. span.radio {
  908. width: 19px;
  909. height: 25px;
  910. padding: 0 5px 0 0;
  911. background: url(images/radio.gif) no-repeat;
  912. display: block;
  913. clear: left;
  914. float: left;
  915. }
  916. /* forum styles */
  917. .forum_header {
  918. background: #f3f3f3;
  919. font-weight: bold;
  920. }
  921. .forum_message_left {
  922. width: 150px;
  923. vertical-align: top;
  924. /*border-bottom: 1px solid #666666;*/
  925. border-right: 1px solid #aaa;
  926. background-color: #F7F7F7;
  927. }
  928. .forum_message_post_title {
  929. border-bottom: 1px solid #aaa;
  930. font-weight: bold;
  931. background-color: #F7F7F7;
  932. height: 20px;
  933. }
  934. .forum-thread-header{
  935. color: #000000;
  936. background-color: #F7F7F7;
  937. border-left: 1px solid #aaa;
  938. border-right: 1px solid #aaa;
  939. border-bottom: 1px solid #aaa;
  940. border-top: 1px solid #aaa;
  941. }
  942. .forum-thread-body{
  943. color: #000000;
  944. background-color: #FFFFFF;
  945. border-left: 1px solid #aaa;
  946. border-right: 1px solid #aaa;
  947. border-bottom: 1px solid #aaa;
  948. border-top: 1px solid #aaa;
  949. }
  950. /* Survey styles */
  951. #survey_title {
  952. background-color:#dcdcdc;
  953. color:#000;
  954. padding:2px;
  955. }
  956. #survey_subtitle {
  957. background-color:#dcdcdc;
  958. color:#000;
  959. padding:2px;
  960. }
  961. .survey_content {
  962. background-color:#EFEFEF;
  963. color:#264269;
  964. padding:5px;
  965. border: 1px solid #999;
  966. }
  967. .survey_question_wrapper {
  968. border: 1px solid #999;
  969. }
  970. .survey_question {
  971. /* 264269 4271b5 E5EDF9 */
  972. background-color:#f0f0f0;
  973. color:#999;
  974. padding:5px;/*border: 1px solid #264269;*/
  975. }
  976. .survey_question_options {
  977. /* 264269 4271b5 E5EDF9 */
  978. background-color:#FFF;
  979. color:#000;
  980. padding:5px;/*border: 1px solid #264269;*/
  981. }
  982. /* Blog */
  983. .blog_menu {
  984. border-bottom: 1px dashed #dddddd;
  985. border-right: 1px dashed #dddddd;
  986. border-left: 1px dashed #dddddd;
  987. padding: 10px;
  988. }
  989. .blogpost {
  990. border: 1px solid #DDDDDD;
  991. background-color: #ECECEC;
  992. margin-bottom: 15px;
  993. padding: 10px;
  994. }
  995. .blogpost_title {
  996. display: block;
  997. font-weight: bold;
  998. padding-bottom: 5px;
  999. }
  1000. .blogpost_date {
  1001. display: block;
  1002. font-weight: bold;
  1003. color: #333333;
  1004. padding-bottom: 10px;
  1005. }
  1006. .blogpost_info {
  1007. display: block;
  1008. color: #333333;
  1009. border-top: 1px solid #dddddd;
  1010. margin-top: 5px;
  1011. }
  1012. .blogpost_comment {
  1013. border-top: 1px dashed #dddddd;
  1014. border-right: 1px dashed #dddddd;
  1015. border-bottom: 1px dashed #dddddd;
  1016. border-left: 1px dashed #dddddd;
  1017. margin-bottom: 10px;
  1018. padding: 10px;
  1019. background-color: white;
  1020. }
  1021. .blogpost_comment_title {
  1022. display: block;
  1023. font-weight: bold;
  1024. color: #1657A9;
  1025. padding-bottom: 5px;
  1026. }
  1027. .blogpost_comment_date {
  1028. display: block;
  1029. font-size: 10px;
  1030. font-weight: bold;
  1031. color: #333333;
  1032. padding-bottom: 10px;
  1033. }
  1034. .blogpost_comment_info {
  1035. font-size: 10px;
  1036. display: block;
  1037. color: #333333;
  1038. border-top: 1px solid #dddddd;
  1039. margin-top: 10px;
  1040. }
  1041. .blogpost {
  1042. border: 1px solid #DDDDDD;
  1043. background-color: #ECECEC;
  1044. margin-bottom: 15px;
  1045. padding: 10px;
  1046. }
  1047. .comments {
  1048. border: 1px solid #dddddd;
  1049. margin-bottom: 10px;
  1050. margin-top: 10px;
  1051. padding: 10px;
  1052. background-color: #F4F4F4;
  1053. }
  1054. /* tabbed menu */
  1055. #tabbed_menu {
  1056. width: 100%;
  1057. height: 20px;
  1058. border-bottom-width: 1px;
  1059. border-bottom-style: solid;
  1060. border-bottom-color: #666666;
  1061. margin-bottom: 20px;
  1062. }
  1063. #tabbed_menu #tabbed_menu_tabs li {
  1064. margin: 0 10;
  1065. padding: 0;
  1066. display: inline;
  1067. list-style-type: none;
  1068. }
  1069. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1070. float: left;
  1071. background: #f3f3f3;
  1072. font-weight: bold;
  1073. padding: 2px 10px 2px 10px;
  1074. margin-right: 4px;
  1075. border: 1px solid #cccccc;
  1076. border-bottom: 1px solid #666666;
  1077. text-decoration: none;
  1078. color: #666;
  1079. }
  1080. #tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active {
  1081. border: 1px solid #666666;
  1082. border-bottom: 1px solid #fff;
  1083. background: #fff;
  1084. color: #000;
  1085. }
  1086. #image_preview {
  1087. text-align:center;
  1088. padding-left: 17px;
  1089. }
  1090. .skip {
  1091. display: none;
  1092. }
  1093. /* Glossary tool */
  1094. .glossary-term {
  1095. margin: 1em;
  1096. background-color: #ffe99b;
  1097. padding: 0.5em 0.5em 1.8em 0;
  1098. -moz-border-radius: 0.5em;
  1099. }
  1100. .glossary-term-title {
  1101. margin: 2em 0 1em 0.5em;
  1102. font-weight: bold;
  1103. font-size: 120%;
  1104. }
  1105. .glossary-term-desc {
  1106. margin-left: 1em;
  1107. }
  1108. .glossary-term-action-links {
  1109. float: right;
  1110. }
  1111. .glossary-term-edit-form {
  1112. margin: 1em;
  1113. background-color: #FFE4C4;
  1114. padding: 0.5em 0.5em 2em 0;
  1115. -moz-border-radius: 0.5em;
  1116. }
  1117. .glossary-term-edit-desc {
  1118. font-weight: bold;
  1119. font-size: 120%;
  1120. }
  1121. .glossary-term-edit-title {
  1122. font-weight: bold;
  1123. font-size: 120%;
  1124. }
  1125. .glossary-add-form {
  1126. font-weight: bold;
  1127. font-size: 120%;
  1128. margin: 1em;
  1129. }
  1130. .glossary-orderby-link {
  1131. float:right;
  1132. margin: 1em;
  1133. }
  1134. .glossary-msg-error {
  1135. color: #FF0000;
  1136. display :none;
  1137. font-weight: normal;
  1138. font-size: 80%;
  1139. }
  1140. /*NAVIGATION MENU BAR*/
  1141. .menucaption {
  1142. font-size: 12px;
  1143. font-weight: bold;
  1144. padding-left: 12px;
  1145. }
  1146. .menusection {
  1147. width: auto;
  1148. margin: 24px 6px 0 6px;
  1149. padding-left: 10px;
  1150. border: 1px solid #4171B5;
  1151. }
  1152. .menusectioncaption {
  1153. position: relative;
  1154. top: -9px;
  1155. background-color: #E5EDF9;
  1156. font-size: 12px;
  1157. padding: 0 8px 0 4px;
  1158. }
  1159. .menulist {
  1160. list-style: none;
  1161. margin: 0 0 12px 0;
  1162. padding: 0;
  1163. }
  1164. #centerwrap {
  1165. float: left;
  1166. width: 100%;
  1167. margin-right: -95%;
  1168. /* this needs to be less than 100% for Moz/Mac which thinks
  1169. it's empty otherwise. The difference is made up by putting a
  1170. negative left margin on the left float:
  1171. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  1172. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  1173. */
  1174. }
  1175. #center { margin: 0 190px 0 0; padding: 10px 0 40px 0;
  1176. min-height: 300px; }
  1177. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  1178. margin-left: -5%; /* the difference to make the left colum appear flush left */
  1179. }
  1180. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1181. * html #toolnav { margin-right: 0px;}
  1182. * html #center { height: 1%; margin-left: 0; }
  1183. /* End hide from IE5/mac */
  1184. /* --- course navigation menu as a definition list --- */
  1185. #swap_menu_link {
  1186. float: left;
  1187. }
  1188. #toolnavbox {
  1189. margin: 0 0 0 10px;
  1190. padding: 0;
  1191. float: left;
  1192. border: 1px solid #4271b5;
  1193. }
  1194. #toolnavbox dl {
  1195. width: 160px;
  1196. margin: 0 auto;
  1197. padding: 0;
  1198. background: transparent;
  1199. font-size: 12px;
  1200. text-align: center;
  1201. }
  1202. #toolnavbox dt {
  1203. margin: 0;
  1204. padding: 0;
  1205. font-weight: bold;
  1206. font-size: 12px;
  1207. text-align: center;
  1208. color: #000;
  1209. border-bottom: 1px solid #fff;
  1210. background: transparent;
  1211. }
  1212. #toolnavbox dd {
  1213. margin: 0;
  1214. padding: 0;
  1215. color: #009;
  1216. text-align: left;
  1217. border-bottom:1px solid #fff;
  1218. background: #E5EDF9;
  1219. }
  1220. #toolnav img {
  1221. float: left;
  1222. width: 25px;
  1223. height: 25px;
  1224. margin: 0 4px 0 0;
  1225. }
  1226. #toolnavlist a, #toolnavlist a:link {
  1227. background: #D3D3D3;
  1228. color: #000;
  1229. padding: 5px 5px 5px 10px;
  1230. margin: 0;
  1231. text-decoration: none;
  1232. display: block;
  1233. }
  1234. #toolnavlist a:hover {
  1235. background: #fff;
  1236. color:#4171b5;
  1237. }
  1238. #toolnavlist a#here {
  1239. background: #fff;
  1240. color:#4171b5;
  1241. }
  1242. /* Notebook */
  1243. .notebook-add-form {
  1244. margin: 1em;
  1245. background-color: #c3d9ff;
  1246. padding: 1em 1em;
  1247. }
  1248. .notebook-add-desc-textarea {
  1249. background-color: #f2f5f8;
  1250. border-color: #ffe99b;
  1251. overflow: hidden;
  1252. }
  1253. .notebook-add-title-text {
  1254. background-color: #f2f5f8;
  1255. border-color: #ffe99b;
  1256. }
  1257. .notebook-edit-desc-textarea {
  1258. background-color: #e0ecff;
  1259. border-color: #ffe99b;
  1260. overflow: hidden;
  1261. }
  1262. .notebook-edit-title-text {
  1263. background-color: #e0ecff;
  1264. border-color: #ffe99b;
  1265. }
  1266. .notebook-msg-error {
  1267. color: #FF0000;
  1268. display :none;
  1269. background-color: #ffe99b;
  1270. width: 40%;
  1271. }
  1272. .notebook-list{
  1273. margin: 1em 1em 0em 1em;
  1274. background-color: #79b;
  1275. padding: 0.3em 0.3em;
  1276. -moz-border-radius: 0.5em;
  1277. }
  1278. .notebook-title-list{
  1279. color : #fff;
  1280. padding: 0.3em 0.3em;
  1281. font-weight: bold;
  1282. font-size: 120%;
  1283. }
  1284. .notebook-desc-list {
  1285. margin: 0em;
  1286. background-color: #f2f5f8;
  1287. padding: 0.5em 0.3em 2em 0.3em;
  1288. border: 1px solid #79b;
  1289. }
  1290. .notebook-term-action-links {
  1291. padding: 0.3em 0.3em;
  1292. width: 50%;
  1293. color : #fff;
  1294. }
  1295. .notebook-orderby-link {
  1296. text-align:right;
  1297. margin-right: 1em;
  1298. }
  1299. .notebook-search-title {
  1300. text-align:right;
  1301. margin: 1em;
  1302. }
  1303. .notebook-date-information {
  1304. color : #fff;
  1305. padding: 0.3em;
  1306. font-size: 120%;
  1307. font-weight: bold;
  1308. }
  1309. /* --- end of course navigation menu section --- */
  1310. /* Gradebook */
  1311. .resource-deleted {
  1312. color:#990000;
  1313. }
  1314. .gradebook-table-header {
  1315. border: 1px solid rgb(153, 153, 153);
  1316. background: rgb(240, 240, 240) none repeat scroll 0% 0%;
  1317. }
  1318. .gradebook-table-body {
  1319. border: 1px solid rgb(153, 153, 153);
  1320. background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  1321. }
  1322. /**********************************************
  1323. * MESSAGE TOOL *
  1324. **********************************************/
  1325. /* styles from the new_message.php file */
  1326. .message_view_table{
  1327. cellspacing:0;
  1328. cellpadding:0;
  1329. background-color:#dbeaf5;
  1330. border=0;
  1331. border-collapse: collapse;
  1332. width: 100%;
  1333. }
  1334. .message_view_table th{
  1335. padding-right: 12px;
  1336. border: 1px solid gray;
  1337. background-color: #f0f0f0;
  1338. }
  1339. /* styles from the my.profile.php file */
  1340. .message-content {
  1341. float:right;
  1342. margin:20px auto;
  1343. background:#F5E38E;
  1344. border:2px solid #EBCA4F;
  1345. padding:10px;
  1346. width:200px;
  1347. position:relative;
  1348. margin-top:115px;
  1349. margin-right:-100px;
  1350. }
  1351. .message-content .message-delete {
  1352. position: absolute;
  1353. top: 10px;
  1354. right: 10px;
  1355. cursor: pointer;
  1356. }
  1357. .message-content-internal{
  1358. display:inline;
  1359. margin:20px auto;
  1360. background:#F5E38E;
  1361. border:2px solid #EBCA4F;
  1362. padding:10px;
  1363. width:100px;
  1364. position:relative;
  1365. margin-top:150px;
  1366. margin-right:-100px;
  1367. }
  1368. .message-title { color:#ff0000; font-size:15px; }
  1369. .message-body { font-size:11px; padding: 0 0 11px; color:#333; }
  1370. .message-link { color:#ff8400; }
  1371. .message-view {
  1372. float:right;
  1373. margin:20px auto;
  1374. background:#F5E38E;
  1375. border:2px solid #EBCA4F;
  1376. padding:10px;
  1377. width:100px;
  1378. position:relative;
  1379. margin-top:115px;
  1380. margin-right:-100px;
  1381. }
  1382. /**********************************************
  1383. * EXERCISE TOOL *
  1384. **********************************************/
  1385. .exercice_form {
  1386. width: 300px;
  1387. }
  1388. #validationButton{
  1389. text-decoration: none;
  1390. margin: 5px;
  1391. /*border:1px solid #999999;*/
  1392. /*background:#F0F0F0; */
  1393. padding: 3px;
  1394. padding-left:10px;
  1395. padding-right:10px;
  1396. font-weight:bold;
  1397. color:#666;
  1398. }
  1399. .rounded{
  1400. background:#ccc;
  1401. padding: 3px;
  1402. width: 200px;
  1403. margin-left:10px;
  1404. }
  1405. .rounded_inner{
  1406. background:#FFF;
  1407. padding-top: 10px;
  1408. padding-bottom: 10px;
  1409. }
  1410. .rounded_inner:hover{
  1411. color:#C802A5;
  1412. background:#F0F0F0;
  1413. }
  1414. .exercise_scenario_label{
  1415. }
  1416. .exercise_scenario_element{
  1417. }
  1418. span.checkbox {
  1419. width: 19px;
  1420. height: 25px;
  1421. padding: 0 5px 0 0;
  1422. background: url(images/checkbox.gif) no-repeat;
  1423. display: block;
  1424. clear: left;
  1425. float: left;
  1426. }
  1427. span.radio {
  1428. width: 19px;
  1429. height: 25px;
  1430. padding: 0 5px 0 0;
  1431. background: url(images/radio.gif) no-repeat;
  1432. display: block;
  1433. clear: left;
  1434. float: left;
  1435. }
  1436. #question_title{
  1437. }
  1438. #exercise_close_link{
  1439. background: url(images/close.gif) no-repeat;
  1440. padding-left: 20px;
  1441. }
  1442. #exercise_close_link:hover{
  1443. background: url(images/close_highlight.gif) no-repeat;
  1444. padding-left: 20px;
  1445. }
  1446. /*****************************************************
  1447. * BUTTONS *
  1448. *****************************************************/
  1449. /* BUTTONS */
  1450. button {
  1451. /*display:block;
  1452. float:left;*/
  1453. margin:0 8px 0 0;
  1454. background-color:#f5f5f5;
  1455. border:2px solid #909090;
  1456. border-top:2px solid #eee;
  1457. border-left:2px solid #eee;
  1458. -moz-border-radius-topright : 10px;
  1459. -moz-border-radius-topleft : 10px;
  1460. -moz-border-radius-bottomright : 10px;
  1461. -moz-border-radius-bottomleft : 10px;
  1462. font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  1463. font-size:100%;
  1464. line-height:130%;
  1465. text-decoration:none;
  1466. font-weight:bold;
  1467. color:#565656;
  1468. outline:none;
  1469. cursor:pointer;
  1470. padding:3px 5px 3px 5px; /* Links */
  1471. }
  1472. button:hover{
  1473. background-color:#e0e0e0;
  1474. color:#545454;
  1475. border-top:2px solid #eee;
  1476. border-left:2px solid #eee;
  1477. }
  1478. button:active{
  1479. background-color:#909090;
  1480. border:2px solid #909090;
  1481. color:#fff;
  1482. outline:none;
  1483. }
  1484. button img{
  1485. margin:0 10px -3px -3px !important;
  1486. padding:0;
  1487. border:none;
  1488. width:16px;
  1489. height:16px;
  1490. }
  1491. /* NEGATIVE */
  1492. button.negative, .cancel{
  1493. color:#680000;
  1494. border-bottom:2px inset #800000;
  1495. border-right:2px inset #800000;
  1496. outline:none;
  1497. }
  1498. button.negative, .cancel:hover{
  1499. background:#f5f5f5;
  1500. color:#d12f19;
  1501. border-top:2px solid #eee;
  1502. border-left:2px solid #eee;
  1503. }
  1504. button.negative:active{
  1505. background-color:#380000;
  1506. border:2px solid #380000;
  1507. color:#fff;
  1508. outline:none;
  1509. }
  1510. /*including "cross" image*/
  1511. button.cancel{
  1512. margin:0 10px -3px -3px !important;
  1513. padding:3px 1px 1px 23px;
  1514. /*text-decoration:none;
  1515. text-align:right;*/
  1516. width:auto;
  1517. height:100%;
  1518. background-position:3%;
  1519. background-image:url(/main/img/delete.gif);
  1520. background-repeat:no-repeat;
  1521. }
  1522. /* POSITIVE */
  1523. button.positive, .save, .add{
  1524. color:#529214;
  1525. border-bottom:2px inset #529220;
  1526. border-right:2px inset #52922;
  1527. outline:none;
  1528. }
  1529. button.positive, .save:hover,.add:hover{
  1530. background-color:#E6EFC2;
  1531. color:#529214;
  1532. border-top:2px solid #eee;
  1533. border-left:2px solid #eee;
  1534. }
  1535. button.positive:active{
  1536. background-color:#698B22;
  1537. border:2px solid #556b2f;
  1538. color:#fff;
  1539. outline:none;
  1540. }
  1541. /*including "save" image*/
  1542. button.save{
  1543. margin:0 10px -3px -3px !important;
  1544. padding:3px 1px 1px 23px;
  1545. /*text-decoration:none;
  1546. text-align:right;*/
  1547. width:auto;
  1548. height:100%;
  1549. background-position:3%;
  1550. background-image:url(/main/img/accept.png);
  1551. background-repeat:no-repeat;
  1552. }
  1553. /*including "add" image*/
  1554. button.add{
  1555. margin:0 10px -3px -3px !important;
  1556. padding:3px 1px 1px 23px;
  1557. /*text-decoration:none;
  1558. text-align:right;*/
  1559. width:auto;
  1560. height:100%;
  1561. background-position:3%;
  1562. background-image:url(/main/img/addd.gif);
  1563. background-repeat:no-repeat;
  1564. }