default.css 37 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927
  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. /* hack ignored by non-IE to enable ie to support :hover on button */
  14. behavior:url("/main/css/csshover3.htc");
  15. font-family: bold arial, verdana, helvetica, sans-serif;
  16. font-size: 12px;
  17. margin: 0;
  18. padding: 0;
  19. }
  20. input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
  21. background-image:url(images/shadow.gif);
  22. }
  23. img {
  24. border: none;
  25. }
  26. a {
  27. font-family:Arial, Helvetica, sans-serif;
  28. font-weight: bold;
  29. text-decoration: none;
  30. }
  31. a:link {
  32. color : #4171b5;
  33. }
  34. a:visited {
  35. color : #4171b5;
  36. }
  37. a:hover {
  38. color: #000915;
  39. }
  40. a:active {
  41. }
  42. input, input[type=file], select, textarea {
  43. border:1px solid #4171b5;
  44. padding:1px 2px;
  45. }
  46. input[type=button], input[type=submit] {
  47. border:1px solid #4171b5;
  48. background:#F0F0F0;
  49. padding-left:10px;
  50. padding-right:10px;
  51. font-weight:bold;
  52. color:#4171b5;
  53. }
  54. /* header 1 styles */
  55. #header {
  56. background-color: #4171b5;
  57. color: #b0c8eb;
  58. font-weight: bold;
  59. }
  60. #header1 {
  61. padding-left: 30px;
  62. }
  63. #header1 a {
  64. color: #d6e3f5;
  65. text-decoration: none;
  66. }
  67. #header1 a:hover {
  68. }
  69. #my_courses {
  70. float: right;
  71. font-weight: bold;
  72. }
  73. #header1 img {
  74. border: 0px;
  75. }
  76. /* header 2 styles */
  77. #header2 {
  78. float: right;
  79. clear: right;
  80. }
  81. #header2 a {
  82. color: #d6e3f5;
  83. text-decoration: none;
  84. }
  85. #header2 a:hover {
  86. }
  87. #Header2Right ul {
  88. float: right;
  89. list-style-type: none;
  90. text-align: right;
  91. margin: 0;
  92. padding: 0;
  93. }
  94. #Header2Right ul li {
  95. display: inline;
  96. }
  97. #Header2Right ul li a {
  98. }
  99. #Header2Right ul li a:hover {
  100. }
  101. /* header 3 styles */
  102. #header3 {
  103. border-bottom: 1px solid #aeaeae;
  104. height:auto;
  105. font-weight: bold;
  106. margin: 0;
  107. padding: 0;
  108. }
  109. #header3 ul {
  110. list-style:none;
  111. }
  112. #header3 li {
  113. display:inline;
  114. cursor: pointer;
  115. }
  116. #header3 a {
  117. color: #d6e3f5;
  118. float:left;
  119. text-decoration:none;
  120. cursor: pointer;
  121. padding-right: 1px;
  122. height:25px;
  123. }
  124. #header3 li a:hover {
  125. float:left;
  126. text-decoration:none;
  127. cursor: pointer;
  128. }
  129. #header3 li a span {
  130. float:left;
  131. cursor: pointer;
  132. padding-right: 10px;
  133. padding-top: 5px;
  134. height:20px;
  135. }
  136. #header3 li a:hover span {
  137. float:left;
  138. cursor: pointer;
  139. }
  140. #header3 #current a {
  141. color: #fff;
  142. float:left;
  143. text-decoration:none;
  144. }
  145. #header3 #current a span {
  146. float:left;
  147. }
  148. #logout li a {
  149. display: inline;
  150. float: right;
  151. vertical-align:top;
  152. margin-right:5px;
  153. text-decoration:none;
  154. }
  155. #logout li a:hover {
  156. float: right;
  157. vertical-align:top;
  158. text-decoration:none;
  159. margin-right:5px;
  160. }
  161. #logout li a span {
  162. float:left;
  163. cursor: pointer;
  164. }
  165. #logout li a:hover span{
  166. }
  167. /* header 4 styles */
  168. #header4 {
  169. background-color: #fff;
  170. height: 21px;
  171. }
  172. a.breadcrumb {
  173. height: 21px;
  174. color: #4171b5;
  175. }
  176. a.breadcrumb0 {
  177. background:url(images/home.gif) no-repeat;
  178. padding-left: 22px;
  179. }
  180. /* footer styles */
  181. #footer {
  182. background: #4171b5 url('images/bg.jpg') no-repeat 50% 100%;
  183. color: #b0c8eb;
  184. padding: 82px 0 .8em 2%;
  185. border-bottom: 1px solid #4171b5;
  186. }
  187. #footerright {
  188. margin-top: 10px;
  189. float: right;
  190. margin-right:20px;
  191. }
  192. #footerleft {
  193. padding-top: 10px;
  194. }
  195. #footer a {
  196. color: #FFFFFF;
  197. }
  198. /* main styles */
  199. #main {
  200. padding-left: 30px;
  201. position: relative;
  202. min-height: 320px;
  203. padding-left: 15px;
  204. padding-right: 15px;
  205. padding-bottom: 5px;
  206. }
  207. /* my courses styles */
  208. #maincontent {
  209. float: left;
  210. width: 80%;
  211. min-height: 333px;
  212. margin-top:0;
  213. float: right;
  214. clear: right;
  215. }
  216. .coursestatusicons {
  217. border: 0px solid #000;
  218. float: left;
  219. padding-right: 5px;
  220. width: auto;
  221. }
  222. .courseslist {
  223. margin-left: -25px;
  224. }
  225. .courses {
  226. list-style-type: none;
  227. margin-bottom: 5px;
  228. }
  229. .courses a {
  230. text-decoration:underline;
  231. }
  232. .user_course_category {
  233. background-color: #efefef;
  234. border: 1px solid #666;
  235. font-weight: bold;
  236. color: #666;
  237. list-style-type: none;
  238. margin: 5px;
  239. padding: 5px;
  240. }
  241. .menu {
  242. background: url('images/bglogin.jpg') repeat-y top center;
  243. float: left;
  244. clear: left;
  245. width: 215px;
  246. border: 1px solid #b0c8eb;
  247. margin: 0 0 1em 0;
  248. padding: 0 0 .3em 0;
  249. /* min-height hack for ie6 or older*/
  250. min-height: 320px;
  251. height: auto !important;
  252. height: 320px;
  253. }
  254. .menu #lang_form select {
  255. margin: 1em 31px;
  256. }
  257. .menu form {
  258. color: #000915;
  259. font-weight: bold;
  260. margin-bottom: .8em;
  261. text-align: center;
  262. }
  263. .menucaption {
  264. font-size: 12px;
  265. font-weight: bold;
  266. padding-left: 12px;
  267. }
  268. .menusection {
  269. width: 100%;
  270. margin: .3em 0 .3em 0;
  271. padding-left: 3px;
  272. }
  273. .menusectioncaption {
  274. font-weight:bold;
  275. position: relative;
  276. }
  277. .menulist {
  278. list-style: none;
  279. padding: 0;
  280. }
  281. .note {
  282. width: auto;
  283. margin: 24px 6px 0 6px;
  284. padding: 3px;
  285. border: 2px outset;
  286. border-color:#4171b5;
  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. float:left;
  312. }
  313. [dir=ltr] form div.row div.label, [dir=rtl] form div.row div.formw {
  314. float: left;
  315. text-align: right;
  316. }
  317. [dir=rtl] form div.row div.label, [dir=ltr] form div.row div.formw {
  318. float: right;
  319. text-align: left;
  320. }
  321. form span.form_required {
  322. color: #f00;
  323. }
  324. form span.form_error {
  325. color: #f00;
  326. font-size: x-small;
  327. margin: 2px;
  328. }
  329. /* feedback messages */
  330. .confirmation-message,.error-message,.normal-message,.warning-message {
  331. position: relative;
  332. border: 1px solid #ddd;
  333. margin: 6px 6px 10px 4px;
  334. padding: 6px;
  335. width: 98%;
  336. color: #00407F;
  337. //This image is wrong size, so is commented until one solution
  338. //background: transparent url('images/alert.jpg') no-repeat 10px 5px;
  339. font: bold 110% Arial, sans-serif, sans;
  340. min-height: 30px;
  341. }
  342. .confirmation-message img,.error-message img,.normal-message img,.warning-message img
  343. {
  344. position: realtive;
  345. margin: 0 5px 5px 0;
  346. float:left;
  347. }
  348. .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link
  349. {
  350. position: absolute;
  351. bottom: 0.2em;
  352. right: 0.5em;
  353. }
  354. /* other styles */
  355. .clear {
  356. clear: both;
  357. line-height: 0px;
  358. height: 0;
  359. }
  360. /* actions */
  361. .actions_lp {
  362. background:#F8F8F8;
  363. border-bottom:1px solid #4171b5;
  364. border-top:1px solid #4171b5;
  365. height:29px;
  366. padding-left: -17px;
  367. margin: 5px 2px 1px 12px;
  368. vertical-align:middle;
  369. width: 90%;
  370. }
  371. .actions_lp img {
  372. vertical-align:middle;
  373. }
  374. .actions_lp a {
  375. margin-right: 10px;
  376. vertical-align:middle;
  377. }
  378. .actions_lp span {
  379. margin-right: 10px;
  380. vertical-align:middle;
  381. }
  382. .actions_lp form {
  383. margin-right: 10px;
  384. vertical-align:middle;
  385. }
  386. .actions {
  387. background:#efefef;
  388. border-bottom:1px solid #4171b5;
  389. border-top:1px solid #4171b5;
  390. /*height:35px;*/
  391. padding:2px;
  392. margin-bottom: 5px;
  393. /*background:url(images/actions.jpg) repeat-x;*/
  394. vertical-align:middle;
  395. }
  396. .actions img {
  397. /*display:inline-block;*/
  398. border: none;
  399. text-decoration: none;
  400. background-color: #efefef;
  401. padding-right: 5px;
  402. vertical-align:middle;
  403. }
  404. .actions a {
  405. display:inline-block;
  406. margin-right: 10px;
  407. vertical-align:middle;
  408. }
  409. .actions span {
  410. margin-right: 10px;
  411. vertical-align:middle;
  412. }
  413. .actions form {
  414. margin-right: 10px;
  415. vertical-align:middle;
  416. }
  417. /* big actions */
  418. .actionsbig {
  419. background:#F8F8F8;
  420. border-bottom:1px solid #4171b5;
  421. border-top:1px solid #4171b5;
  422. background-color:#efefef;
  423. height:100%;
  424. padding:2px;
  425. margin-bottom: 5px;
  426. vertical-align:middle;
  427. float:left;
  428. width:100%;
  429. }
  430. .actionsbig a {
  431. float:left;
  432. padding-left:6px;
  433. padding-right:12px;
  434. text-align:center;
  435. }
  436. .actions img {
  437. vertical-align:middle;
  438. }
  439. .actions a {
  440. margin-right: 10px;
  441. vertical-align:middle;
  442. }
  443. .actions-title {
  444. background:#efefef;
  445. border-bottom:1px dotted #999999;
  446. border-top:1px dotted #999999;
  447. /*height:35px;*/
  448. padding:4px;
  449. margin-bottom: 5px;
  450. font-size:14px;
  451. font-weight:bolder;
  452. /*background:url(images/actions.jpg) repeat-x;*/
  453. vertical-align:middle;
  454. }
  455. .actions-message {
  456. white-space: nowrap;
  457. padding: 2px;
  458. background-color: #f0f0f0;
  459. border: 1px solid #bbb;
  460. }
  461. /* styles for the profile page */
  462. .profile_image {
  463. float: right;
  464. margin-right: 20px;
  465. }
  466. .profile_form {
  467. float: left;
  468. width: 75%;
  469. }
  470. /* course introduction */
  471. #courseintrocenter {
  472. position: relative;
  473. width: 80%;
  474. margin: 25px auto 10px;
  475. }
  476. #courseintro_iconscenter {
  477. position: relative;
  478. width: 80%;
  479. margin: 0px auto 10px;
  480. }
  481. #courseintroleft {
  482. position: relative;
  483. width: 80%;
  484. margin-bottom: 5px;
  485. }
  486. #courseintro_iconsleft {
  487. position: relative;
  488. width: 80%;
  489. }
  490. /* styles for the agenda */
  491. #agenda {
  492. width: 100%;
  493. margin: 0 auto;
  494. border: 1px solid #CCCCCC;
  495. border-collapse: collapse;
  496. }
  497. /* The cells with the name of the days of the weeks (mon->sun)*/
  498. .weekdays {
  499. background-color: #dcdcdc;
  500. text-align: center;
  501. font-weight: bold;
  502. border: 1px solid #CCCCCC;
  503. border-collapse: collapse;
  504. }
  505. /* The cells for the days (1->31) */
  506. .days_week {
  507. height: 40px;
  508. width: 12%;
  509. border: 1px solid #CCCCCC;
  510. border-collapse: collapse;
  511. background-color: #f9f9f9;
  512. }
  513. .days_weekend {
  514. height: 40px;
  515. width: 12%;
  516. border: 1px solid #CCCCCC;
  517. border-collapse: collapse;
  518. background-color: #eaeaea;
  519. }
  520. .days_today {
  521. height: 40px;
  522. width: 12%;
  523. border: 1px solid #CCCCCC;
  524. border-collapse: collapse;
  525. background-color: #FFCA8D;
  526. color: #CC3300;
  527. font-weight: bold;
  528. }
  529. .agenda_month_divider {
  530. background-color: #666;
  531. color: #fff;
  532. text-align: center;
  533. }
  534. /*The caption of the calendar (displays the month and the << and >> links*/
  535. #agenda_list .title {
  536. background-color: #680157;
  537. color: #fff;
  538. text-align: left;
  539. padding: 2px 10px;
  540. text-align: center;
  541. border: 1px solid #bbb;
  542. }
  543. #agenda_list .title a:link, #agenda_list #title a:visited {
  544. color: #fff;
  545. padding: 2px 10px;
  546. text-align: center;
  547. }
  548. #agenda_list .title a:hover {
  549. color: #B70297;
  550. padding: 2px 10px;
  551. text-align: center;
  552. }
  553. /* text in the cells: display of agenda items (visible)*/
  554. #agenda_list .data {
  555. background-color: #eee;
  556. text-align: left;
  557. padding: 2px 10px;
  558. font-weight: bold;
  559. border: 0px solid #dcdcdc;
  560. border-collapse: collapse;
  561. }
  562. #agenda_list .datanotbold {
  563. background-color: #eee;
  564. text-align: left;
  565. padding: 2px 10px;
  566. font-weight: normal;
  567. border: 0px solid #dcdcdc;
  568. border-collapse: collapse;
  569. }
  570. #agenda_list .text {
  571. background-color: #fff;
  572. text-align: left;
  573. padding: 2px 10px;
  574. font-weight: normal;
  575. border: 0px solid #dcdcdc;
  576. border-collapse: collapse;
  577. }
  578. /*text in the cells: display of agenda items (invisible)*/
  579. #agenda_list .data_hidden {
  580. background-color: #eee;
  581. text-align: left;
  582. padding: 2px 10px;
  583. font-weight: bold;
  584. border: 0px solid #dcdcdc;
  585. border-collapse: collapse;
  586. color: #999999;
  587. }
  588. #agenda_list .datanotbold_hidden {
  589. background-color: #eee;
  590. text-align: left;
  591. padding: 2px 10px;
  592. font-weight: normal;
  593. border: 0px solid #dcdcdc;
  594. border-collapse: collapse;
  595. color: #999999;
  596. }
  597. #agenda_list .text_hidden {
  598. background-color: #fff;
  599. text-align: left;
  600. padding: 2px 10px;
  601. font-weight: normal;
  602. border: 0px solid #dcdcdc;
  603. border-collapse: collapse;
  604. color: #999999;
  605. }
  606. /*text in the cells: display of agenda items (highlighted)*/
  607. #agenda_list .datanow {
  608. background-color: #FFCC00;
  609. text-align: left;
  610. padding: 2px 10px;
  611. font-weight: bold;
  612. border: 0px solid #dcdcdc;
  613. border-collapse: collapse;
  614. }
  615. #agenda_list .datanotboldnow {
  616. background-color: #FFCC00;
  617. text-align: left;
  618. padding: 2px 10px;
  619. font-weight: normal;
  620. border: 0px solid #dcdcdc;
  621. border-collapse: collapse;
  622. }
  623. #agenda_list .textnow {
  624. background-color: #fff;
  625. text-align: left;
  626. padding: 2px 10px;
  627. font-weight: normal;
  628. border: 0px solid #dcdcdc;
  629. border-collapse: collapse;
  630. }
  631. .personal_agenda {
  632. color: #008000;
  633. }
  634. .personal_agenda a:link, .personal_agenda a:visited {
  635. color: #008000;
  636. }
  637. a.personal_agenda:link, a.personal_agenda:visited {
  638. color: #008000;
  639. }
  640. .personal_agenda a:hover, .personal_agenda a:hover {
  641. color: #B70297;
  642. }
  643. a.personal_agenda:hover, a.personal_agenda:hover {
  644. color: #B70297;
  645. }
  646. /* Login form */
  647. #formLogin div {
  648. margin-bottom: 3px;
  649. }
  650. #formLogin div input[type=submit] {
  651. width: 109px;
  652. }
  653. /* normal table*/
  654. .normal_table {
  655. margin: 3px;
  656. border-collapse: collapse;
  657. width: 98%;
  658. padding: 5px;
  659. }
  660. /* Data table */
  661. .data_table {
  662. margin: 3px;
  663. border-collapse: collapse;
  664. width: 100%;
  665. padding: 5px;
  666. }
  667. .data_table th {
  668. text-transform: capitalize;
  669. padding: .2em;
  670. background: #8cafe1 url('images/crystal3.png') repeat-x;
  671. color: #fff;
  672. border-right: 1px solid #fff;
  673. }
  674. .data_table th a {
  675. color: #fff;
  676. text-decoration:none;
  677. }
  678. .data_table th a:hover{
  679. color: #d6e3f5;
  680. }
  681. .data_table tr.row_odd {
  682. border-right: 1px solid #fff;
  683. background: #dfecff;
  684. padding: .2em;
  685. color: #00122B;
  686. margin: 0;
  687. }
  688. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  689. background-color: #8cafe1;
  690. }
  691. .data_table tr.row_even {
  692. border-right: 1px solid #fff;
  693. background: #d6e3f5;
  694. padding: .2em;
  695. color: #00122B;
  696. margin: 0;
  697. }
  698. .data_table td {
  699. padding: 5px;
  700. vertical-align: top;
  701. border-bottom: 2px solid #fff;
  702. border-right: 2px solid #fff;
  703. border-left: 2px solid #fff;
  704. }
  705. /* sections in the page */
  706. .sectiontitle {
  707. background-color: #EFEFEF;
  708. border: 1px solid #4171b5;
  709. font-weight: bold;
  710. color: #4171b5;
  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 #4171b5;
  748. font-weight: bold;
  749. color: #4171b5;
  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 #0049AF;
  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. background-color: #fff;
  775. padding: 0 4px;
  776. }
  777. .tool-icon {
  778. margin-bottom: -3px;
  779. }
  780. /* learning path */
  781. table.lp_build {
  782. height:400px;
  783. width:100%;
  784. }
  785. table.lp_build td {
  786. vertical-align:top;
  787. }
  788. table.lp_build td.tree {
  789. border-right:1px solid #999999;
  790. width:240px;
  791. }
  792. table.lp_build td.workspace {
  793. padding: 0px;
  794. padding-left:5px;
  795. width:auto;
  796. }
  797. table.lp_overview {
  798. width:100%;
  799. }
  800. table.lp_overview td {
  801. border-bottom:1px solid #999999;
  802. border-top:1px solid #999999;
  803. height:20px;
  804. padding:3px;
  805. vertical-align:middle;
  806. width:auto;
  807. }
  808. table.lp_overview td.title {
  809. width:200px;
  810. }
  811. table.lp_overview td.actions {
  812. text-align:center;
  813. width:100px;
  814. }
  815. table.lp_overview td.move {
  816. text-align:center;
  817. width:50px;
  818. }
  819. table.lp_overview th {
  820. background:#FFFFFF;
  821. padding-left:3px;
  822. text-align:center;
  823. }
  824. table.lp_overview tr {
  825. background:#F8F8F8;
  826. }
  827. table.lp_overview tr:hover {
  828. background:#E5EDF9;
  829. }
  830. table.lp_overview img {
  831. margin-left:3px;
  832. }
  833. table.lp_prerequisites th {
  834. background:#F8F8F8;
  835. border-bottom:1px solid #999999;
  836. border-top:1px solid #999999;
  837. }
  838. .lp_mediaplayer {
  839. float: right;
  840. padding-top: 3px;
  841. margin-right: 5px;
  842. }
  843. div.lp_manipulate {
  844. background:#F8F8F8;
  845. border-bottom:1px dotted #999999;
  846. margin-bottom:0px;
  847. padding:3px 0 3px 10px;
  848. }
  849. div.lp_manipulate a {
  850. padding-right:10px;
  851. }
  852. div.lp_resource_header {
  853. background:#F0F0F0;
  854. border:1px solid #999999;
  855. font-weight:bold;
  856. padding:10px;
  857. width:350px;
  858. cursor:pointer;
  859. margin-top: -1px;
  860. }
  861. div.lp_resource_elements {
  862. background:#FAFAFA;
  863. border:1px solid #999999;
  864. display:none;
  865. padding:5px 10px;
  866. width:350px;
  867. margin-top: -1px;
  868. }
  869. .learnpath_chapter_form {
  870. width: 300px;
  871. }
  872. .learnpath_item_form {
  873. width: 300px;
  874. }
  875. #learnpath_preview_frame {
  876. margin-top: 5px;
  877. border:1px solid #CCCCCC;
  878. height:490px;
  879. width:95%;
  880. }
  881. /* exercices styles */
  882. .exercice_form {
  883. width: 300px;
  884. }
  885. #validationButton {
  886. text-decoration: none;
  887. margin: 5px;
  888. border:1px solid #999999;
  889. background:#F0F0F0;
  890. padding: 3px;
  891. padding-left:10px;
  892. padding-right:10px;
  893. font-weight:bold;
  894. color:#666;
  895. }
  896. .exercise_scenario_label {
  897. }
  898. .exercise_scenario_element {
  899. }
  900. span.checkbox {
  901. width: 19px;
  902. height: 25px;
  903. padding: 0 5px 0 0;
  904. background: url(images/checkbox.gif) no-repeat;
  905. display: block;
  906. clear: left;
  907. float: left;
  908. }
  909. span.radio {
  910. width: 19px;
  911. height: 25px;
  912. padding: 0 5px 0 0;
  913. background: url(images/radio.gif) no-repeat;
  914. display: block;
  915. clear: left;
  916. float: left;
  917. }
  918. /* forum styles */
  919. .forum_header {
  920. background: #f3f3f3;
  921. font-weight: bold;
  922. }
  923. .forum_message_left {
  924. width: 150px;
  925. vertical-align: top;
  926. /*border-bottom: 1px solid #666666;*/
  927. border-right: 1px solid #aaa;
  928. background-color: #F7F7F7;
  929. }
  930. .forum_message_post_title {
  931. border-bottom: 1px solid #aaa;
  932. font-weight: bold;
  933. background-color: #F7F7F7;
  934. height: 20px;
  935. }
  936. .forum-thread-header{
  937. color: #000000;
  938. background-color: #F7F7F7;
  939. border-left: 1px solid #aaa;
  940. border-right: 1px solid #aaa;
  941. border-bottom: 1px solid #aaa;
  942. border-top: 1px solid #aaa;
  943. }
  944. .forum-thread-body{
  945. color: #000000;
  946. background-color: #FFFFFF;
  947. border-left: 1px solid #aaa;
  948. border-right: 1px solid #aaa;
  949. border-bottom: 1px solid #aaa;
  950. border-top: 1px solid #aaa;
  951. }
  952. /* Survey styles */
  953. #survey_title {
  954. background-color:#dcdcdc;
  955. color:#000;
  956. padding:2px;
  957. }
  958. #survey_subtitle {
  959. background-color:#dcdcdc;
  960. color:#000;
  961. padding:2px;
  962. }
  963. .survey_content {
  964. background-color:#EFEFEF;
  965. color:#264269;
  966. padding:5px;
  967. border: 1px solid #999;
  968. }
  969. .survey_question_wrapper {
  970. border: 1px solid #999;
  971. }
  972. .survey_question {
  973. /* 264269 4271b5 E5EDF9 */
  974. background-color:#f0f0f0;
  975. color:#999;
  976. padding:5px;/*border: 1px solid #264269;*/
  977. }
  978. .survey_question_options {
  979. /* 264269 4271b5 E5EDF9 */
  980. background-color:#FFF;
  981. color:#000;
  982. padding:5px;/*border: 1px solid #264269;*/
  983. }
  984. /* Blog */
  985. .blog_menu {
  986. border-bottom: 1px dashed #dddddd;
  987. border-right: 1px dashed #dddddd;
  988. border-left: 1px dashed #dddddd;
  989. padding: 10px;
  990. }
  991. .blogpost {
  992. border: 1px solid #DDDDDD;
  993. background-color: #ECECEC;
  994. margin-bottom: 15px;
  995. padding: 10px;
  996. }
  997. .blogpost_title {
  998. display: block;
  999. font-weight: bold;
  1000. padding-bottom: 5px;
  1001. }
  1002. .blogpost_date {
  1003. display: block;
  1004. font-weight: bold;
  1005. color: #333333;
  1006. padding-bottom: 10px;
  1007. }
  1008. .blogpost_info {
  1009. display: block;
  1010. color: #333333;
  1011. border-top: 1px solid #dddddd;
  1012. margin-top: 5px;
  1013. }
  1014. .blogpost_comment {
  1015. border-top: 1px dashed #dddddd;
  1016. border-right: 1px dashed #dddddd;
  1017. border-bottom: 1px dashed #dddddd;
  1018. border-left: 1px dashed #dddddd;
  1019. margin-bottom: 10px;
  1020. padding: 10px;
  1021. background-color: white;
  1022. }
  1023. .blogpost_comment_title {
  1024. display: block;
  1025. font-weight: bold;
  1026. color: #1657A9;
  1027. padding-bottom: 5px;
  1028. }
  1029. .blogpost_comment_date {
  1030. display: block;
  1031. font-size: 10px;
  1032. font-weight: bold;
  1033. color: #333333;
  1034. padding-bottom: 10px;
  1035. }
  1036. .blogpost_comment_info {
  1037. font-size: 10px;
  1038. display: block;
  1039. color: #333333;
  1040. border-top: 1px solid #dddddd;
  1041. margin-top: 10px;
  1042. }
  1043. .blogpost {
  1044. border: 1px solid #DDDDDD;
  1045. background-color: #ECECEC;
  1046. margin-bottom: 15px;
  1047. padding: 10px;
  1048. }
  1049. .comments {
  1050. border: 1px solid #dddddd;
  1051. margin-bottom: 10px;
  1052. margin-top: 10px;
  1053. padding: 10px;
  1054. background-color: #F4F4F4;
  1055. }
  1056. /* tabbed menu */
  1057. #tabbed_menu {
  1058. border: 1px solid #4171b5;
  1059. background: transparent url('images/dropbox.jpg') no-repeat top left;
  1060. width: 300px;
  1061. margin: 0 0 1em 0;
  1062. }
  1063. #tabbed_menu_tabs {
  1064. width: 90%;
  1065. margin: 15px .2em 0 .2em;
  1066. padding: 0;
  1067. list-style-type: none;
  1068. }
  1069. #tabbed_menu_tabs li {
  1070. padding: 0;
  1071. margin: 0 .8em;
  1072. }
  1073. /* system announcements */
  1074. div.system_announcement {
  1075. padding: .2em;
  1076. background-color: #d6e3f5;
  1077. border: 1px solid #002D6D;
  1078. color: #002D6D;
  1079. }
  1080. .system_announcement {
  1081. background: #8cafe1 url('images/crystal3.png') repeat-x;
  1082. font: bold 100% arial, sans-serif, sans;
  1083. color: #fff;
  1084. }
  1085. .system_announcement a {
  1086. color: #d6e3f5;
  1087. }
  1088. .system_announcement a:hover,.system_announcement a:focus {
  1089. color: #fff;
  1090. }
  1091. .system_announcement_content {
  1092. font: normal 100% 'Lucida Grande', verdana, Arial, sans-serif, sans;
  1093. }
  1094. .system_announcements {
  1095. background: transparent url('images/systemenouvelles.jpg') no-repeat top
  1096. left;
  1097. padding-top: 30px;
  1098. width: 50%;
  1099. }
  1100. .system_announcements h3 {
  1101. text-align: center;
  1102. }
  1103. .system_announcement_title {
  1104. color: #fff;
  1105. }
  1106. #image_preview {
  1107. text-align:center;
  1108. padding-left: 17px;
  1109. }
  1110. .skip {
  1111. display: none;
  1112. }
  1113. /* Specific forms: profile,add course,advanced search,advanced course search,etc.. */
  1114. #add_course,#profile,#advanced_course_search,#advanced_search,#category,#course_user_import,#export_users,#update_course,#user_add,#user_import
  1115. {
  1116. border: 1px solid #0049AF;
  1117. background: transparent url("images/headerform.jpg") no-repeat top left;
  1118. width: 550px;
  1119. position: relative;
  1120. padding: 60px 0 1em 0;
  1121. }
  1122. /* Glossary tool */
  1123. .glossary-term {
  1124. margin: 1em;
  1125. background-color: #ffe99b;
  1126. padding: 0.5em 0.5em 1.8em 0;
  1127. -moz-border-radius: 0.5em;
  1128. }
  1129. .glossary-term-title {
  1130. margin: 2em 0 1em 0.5em;
  1131. font-weight: bold;
  1132. font-size: 120%;
  1133. }
  1134. .glossary-term-desc {
  1135. margin-left: 1em;
  1136. }
  1137. .glossary-term-action-links {
  1138. float: right;
  1139. }
  1140. .glossary-term-edit-form {
  1141. margin: 1em;
  1142. background-color: #FFE4C4;
  1143. padding: 0.5em 0.5em 2em 0;
  1144. -moz-border-radius: 0.5em;
  1145. }
  1146. .glossary-term-edit-desc {
  1147. font-weight: bold;
  1148. font-size: 120%;
  1149. }
  1150. .glossary-term-edit-title {
  1151. font-weight: bold;
  1152. font-size: 120%;
  1153. }
  1154. .glossary-add-form {
  1155. font-weight: bold;
  1156. font-size: 120%;
  1157. margin: 1em;
  1158. }
  1159. .glossary-orderby-link {
  1160. float:right;
  1161. margin: 1em;
  1162. }
  1163. .glossary-msg-error {
  1164. color: #FF0000;
  1165. display :none;
  1166. font-weight: normal;
  1167. font-size: 80%;
  1168. }
  1169. /* Notebook */
  1170. .notebook-add-form {
  1171. margin: 1em;
  1172. background-color: #c3d9ff;
  1173. padding: 1em 1em;
  1174. }
  1175. .notebook-add-desc-textarea {
  1176. background-color: #f2f5f8;
  1177. border-color: #ffe99b;
  1178. overflow: hidden;
  1179. }
  1180. .notebook-add-title-text {
  1181. background-color: #f2f5f8;
  1182. border-color: #ffe99b;
  1183. }
  1184. .notebook-edit-desc-textarea {
  1185. background-color: #e0ecff;
  1186. border-color: #ffe99b;
  1187. overflow: hidden;
  1188. }
  1189. .notebook-edit-title-text {
  1190. background-color: #e0ecff;
  1191. border-color: #ffe99b;
  1192. }
  1193. .notebook-msg-error {
  1194. color: #FF0000;
  1195. display :none;
  1196. background-color: #ffe99b;
  1197. width: 40%;
  1198. }
  1199. .notebook-list{
  1200. margin: 1em 1em 0em 1em;
  1201. background-color: #79b;
  1202. padding: 0.3em 0.3em;
  1203. -moz-border-radius: 0.5em;
  1204. }
  1205. .notebook-title-list{
  1206. color : #fff;
  1207. padding: 0.3em 0.3em;
  1208. font-weight: bold;
  1209. font-size: 120%;
  1210. }
  1211. .notebook-desc-list {
  1212. margin: 0em;
  1213. background-color: #f2f5f8;
  1214. padding: 0.5em 0.3em 2em 0.3em;
  1215. border: 1px solid #79b;
  1216. }
  1217. .notebook-term-action-links {
  1218. padding: 0.3em 0.3em;
  1219. width: 50%;
  1220. color : #fff;
  1221. }
  1222. .notebook-orderby-link {
  1223. text-align:right;
  1224. margin-right: 1em;
  1225. }
  1226. .notebook-search-title {
  1227. text-align:right;
  1228. margin: 1em;
  1229. }
  1230. .notebook-date-information {
  1231. color : #fff;
  1232. padding: 0.3em;
  1233. font-size: 120%;
  1234. font-weight: bold;
  1235. }
  1236. /*NAVIGATION MENU BAR*/
  1237. .menucaption {
  1238. font-size: 12px;
  1239. font-weight: bold;
  1240. padding-left: 12px;
  1241. }
  1242. .menusection {
  1243. width: auto;
  1244. margin: 24px 6px 0 6px;
  1245. padding-left: 10px;
  1246. border: 1px solid #4171B5;
  1247. }
  1248. .menusectioncaption {
  1249. position: relative;
  1250. top: -9px;
  1251. background-color: #E5EDF9;
  1252. font-size: 12px;
  1253. padding: 0 8px 0 4px;
  1254. }
  1255. .menulist {
  1256. list-style: none;
  1257. margin: 0 0 12px 0;
  1258. padding: 0;
  1259. }
  1260. #centerwrap {
  1261. float: left;
  1262. width: 100%;
  1263. margin-right: -95%;
  1264. /* this needs to be less than 100% for Moz/Mac which thinks
  1265. it's empty otherwise. The difference is made up by putting a
  1266. negative left margin on the left float:
  1267. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  1268. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  1269. */
  1270. }
  1271. #center { margin: 0 190px 0 0; padding: 10px 0 40px 0;
  1272. min-height: 300px; }
  1273. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  1274. margin-left: -5%; /* the difference to make the left colum appear flush left */
  1275. }
  1276. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1277. * html #toolnav { margin-right: 0px;}
  1278. * html #center { height: 1%; margin-left: 0; }
  1279. /* End hide from IE5/mac */
  1280. /* --- course navigation menu as a definition list --- */
  1281. #swap_menu_link {
  1282. float: left;
  1283. }
  1284. #toolnavbox {
  1285. margin: 0 0 0 10px;
  1286. padding: 0;
  1287. float: left;
  1288. border: 1px solid #4271b5;
  1289. }
  1290. #toolnavbox dl {
  1291. width: 160px;
  1292. margin: 0 auto;
  1293. padding: 0;
  1294. background: transparent;
  1295. font-size: 12px;
  1296. text-align: center;
  1297. }
  1298. #toolnavbox dt {
  1299. margin: 0;
  1300. padding: 0;
  1301. font-weight: bold;
  1302. font-size: 12px;
  1303. text-align: center;
  1304. color: #000;
  1305. border-bottom: 1px solid #fff;
  1306. background: transparent;
  1307. }
  1308. #toolnavbox dd {
  1309. margin: 0;
  1310. padding: 0;
  1311. color: #009;
  1312. text-align: left;
  1313. border-bottom:1px solid #fff;
  1314. background: #E5EDF9;
  1315. }
  1316. #toolnav img {
  1317. float: left;
  1318. width: 25px;
  1319. height: 25px;
  1320. margin: 0 4px 0 0;
  1321. }
  1322. #toolnavlist a, #toolnavlist a:link {
  1323. background: #E5EDF9;
  1324. color: #4171b5;
  1325. padding: 5px 5px 5px 10px;
  1326. margin: 0;
  1327. text-decoration: none;
  1328. display: block;
  1329. }
  1330. #toolnavlist a:hover {
  1331. background: #fff;
  1332. color:#4171b5;
  1333. }
  1334. #toolnavlist a#here {
  1335. background: #fff;
  1336. color:#4171b5;
  1337. }
  1338. /* --- end of course navigation menu section --- */
  1339. /**********************************************
  1340. * MESSAGE TOOL *
  1341. **********************************************/
  1342. /* styles from the new_message.php file */
  1343. .message_view_table{
  1344. cellspacing:0;
  1345. cellpadding:0;
  1346. background-color:#dbeaf5;
  1347. border=0;
  1348. border-collapse: collapse;
  1349. width: 100%;
  1350. }
  1351. .message_view_table th{
  1352. padding-right: 12px;
  1353. border: 1px solid gray;
  1354. background-color: #f0f0f0;
  1355. }
  1356. .message-select-box{
  1357. float:left;
  1358. width:350px;
  1359. display:inline;
  1360. position:absolute;
  1361. margin-top:20px;
  1362. margin-left:32px;
  1363. }
  1364. /* styles from the my.profile.php file */
  1365. .message-content {
  1366. float:right;
  1367. margin:20px auto;
  1368. background:#F5E38E;
  1369. border:2px solid #EBCA4F;
  1370. padding:10px;
  1371. width:200px;
  1372. position:relative;
  1373. }
  1374. .message-content .message-delete {
  1375. position: absolute;
  1376. top: 10px;
  1377. right: 10px;
  1378. cursor: pointer;
  1379. }
  1380. .message-content-internal{
  1381. display:inline;
  1382. margin:20px auto;
  1383. background:#F5E38E;
  1384. border:2px solid #EBCA4F;
  1385. padding:10px;
  1386. width:100px;
  1387. position:relative;
  1388. margin-top:150px;
  1389. margin-right:-100px;
  1390. }
  1391. .message-title { color:#ff0000; font-size:15px; }
  1392. .message-body { font-size:11px; padding: 0 0 11px; color:#333; }
  1393. .message-link { color:#ff8400; }
  1394. .message-view {
  1395. float:right;
  1396. margin:20px auto;
  1397. background:#F5E38E;
  1398. border:2px solid #EBCA4F;
  1399. padding:10px;
  1400. width:100px;
  1401. position:relative;
  1402. margin-top:115px;
  1403. margin-right:-100px;
  1404. }
  1405. .message-content-table {
  1406. background-color:white;
  1407. border:1px solid black;
  1408. position:absolute;
  1409. width:200px;
  1410. height:60px;
  1411. z-index:3;
  1412. visibility:hidden;
  1413. top:85px;
  1414. left:10px;
  1415. margin: 0px;
  1416. padding: 0px;
  1417. }
  1418. .message-top-title {
  1419. float:left;
  1420. margin-top:1px;
  1421. margin-bottom:1px;
  1422. background-color:#F2F2F2;
  1423. width:600px;
  1424. border-bottom:1px solid #CCCCCC;
  1425. margin:left:5px;
  1426. }
  1427. .message-bottom-title {
  1428. height:22px;
  1429. float:left;
  1430. margin-top:1px;
  1431. margin-bottom:1px;
  1432. background-color:#F2F2F2;
  1433. width:600px;
  1434. border-bottom:1px solid #CCCCCC;
  1435. }
  1436. .message-content-body-left{
  1437. float:left;
  1438. width:55%;
  1439. }
  1440. .message-content-body-right {
  1441. float:right;
  1442. text-align:left;
  1443. width:45%;
  1444. }
  1445. .message-body-title{
  1446. float:right;
  1447. margin-top:1px;
  1448. margin-bottom:5px;
  1449. border-bottom:1px solid #CCCCCC;
  1450. border-collapse:collapse;
  1451. }
  1452. .message-image-info {
  1453. width:35%;
  1454. float:left;
  1455. margin-top:10px;
  1456. margin-bottom:10px;
  1457. margin-left:10px;
  1458. text-align:left;
  1459. margin-right:20px;
  1460. }
  1461. .message-content-body-right dd {
  1462. color:#333399;
  1463. border-bottom:1px solid #CCCCCC;
  1464. height:20px;
  1465. text-decoration:none;
  1466. outline-style:none;
  1467. background:#ffffff;
  1468. }
  1469. .message-content-body-right:hover {
  1470. }
  1471. /**********************************************
  1472. * EXERCISE TOOL *
  1473. **********************************************/
  1474. .exercice_form {
  1475. width: 300px;
  1476. }
  1477. #validationButton{
  1478. text-decoration: none;
  1479. margin: 5px;
  1480. /*border:1px solid #999999;*/
  1481. /*background:#F0F0F0; */
  1482. padding: 3px;
  1483. padding-left:10px;
  1484. padding-right:10px;
  1485. font-weight:bold;
  1486. color:#666;
  1487. }
  1488. .rounded{
  1489. background:#ccc;
  1490. padding: 3px;
  1491. width: 200px;
  1492. margin-left:10px;
  1493. }
  1494. .rounded_inner{
  1495. background:#FFF;
  1496. padding-top: 10px;
  1497. padding-bottom: 10px;
  1498. }
  1499. .rounded_inner:hover{
  1500. color:#C802A5;
  1501. background:#F0F0F0;
  1502. }
  1503. .exercise_scenario_label{
  1504. }
  1505. .exercise_scenario_element{
  1506. }
  1507. span.checkbox {
  1508. width: 19px;
  1509. height: 25px;
  1510. padding: 0 5px 0 0;
  1511. background: url(images/checkbox.gif) no-repeat;
  1512. display: block;
  1513. clear: left;
  1514. float: left;
  1515. }
  1516. span.radio {
  1517. width: 19px;
  1518. height: 25px;
  1519. padding: 0 5px 0 0;
  1520. background: url(images/radio.gif) no-repeat;
  1521. display: block;
  1522. clear: left;
  1523. float: left;
  1524. }
  1525. #question_title{
  1526. }
  1527. #question_description {
  1528. padding-left:5px;
  1529. padding-top:10px;
  1530. }
  1531. #question_score {
  1532. padding-left:5px;
  1533. padding-top:10px;
  1534. padding-bottom:10px;
  1535. font-weight:bold;
  1536. }
  1537. #question_feedback {
  1538. background-color:#FCF7BA;
  1539. border:1px solid #CCCCCC;
  1540. color:#666666;
  1541. font-size:11px;
  1542. font-weight:bold;
  1543. list-style-type:none;
  1544. margin-top:5px;
  1545. padding:5px;
  1546. }
  1547. #exercise_close_link{
  1548. background: url(images/close.gif) no-repeat;
  1549. padding-left: 20px;
  1550. }
  1551. #exercise_close_link:hover{
  1552. background: url(images/close_highlight.gif) no-repeat;
  1553. padding-left: 20px;
  1554. }
  1555. /* Quizzes tool */
  1556. .quiz_export_link {
  1557. float: right;
  1558. }
  1559. /*SOCIAL TOOL*/
  1560. .image-social-content {
  1561. cursor:pointer;
  1562. text-align:left;
  1563. margin:1px auto;
  1564. background:#ffffff;
  1565. border:1px solid #B8C8DC;
  1566. padding:5px;
  1567. width:100px;
  1568. position:relative;
  1569. margin-right:3px;
  1570. margin-left:4px;
  1571. margin-bottom:2px;
  1572. }
  1573. .image-social-content .image-delete {
  1574. position: absolute;
  1575. top: 1px;
  1576. right: 1px;
  1577. cursor: pointer;
  1578. }
  1579. .social-title{
  1580. color:#ffffff;
  1581. background:#4475B0;
  1582. border-bottom:1px dotted #4475B0;
  1583. border-top:1px dotted #4475B0;
  1584. padding:0px;
  1585. margin-bottom: 0px;
  1586. vertical-align:middle;
  1587. font-weight:bolder;
  1588. }
  1589. .social-subtitle{
  1590. background:#FFFFFF;
  1591. border-bottom:1px dotted #999999;
  1592. border-top:1px dotted #999999;
  1593. padding:0px;
  1594. margin-bottom: 0px;
  1595. vertical-align:middle;
  1596. }
  1597. .social-qualify{
  1598. border-bottom:1px solid #ece9d8;
  1599. border-left:1px solid #ece9d8;
  1600. background:#FFFFFF;
  1601. }
  1602. .social-qualify-display{
  1603. border-bottom:1px solid #ece9d8;
  1604. border-left:1px solid #ece9d8;
  1605. background:#FFFF66;
  1606. color:#000033;
  1607. font-weight:bold;
  1608. }
  1609. .social-info{
  1610. background:#B8C8DC;
  1611. color:#4475B0;
  1612. font-size:12px;
  1613. font-weight:bold;
  1614. }
  1615. .social-display-image{
  1616. float:right;
  1617. margin-top:-130px;
  1618. margin-right:5px;
  1619. }
  1620. .social-search-image{
  1621. color:#000033;
  1622. margin-top:2px;
  1623. border-bottom:1px solid #6B6262;
  1624. border-left:1px solid #6B6262;
  1625. border-right:1px solid #6B6262;
  1626. border-top:1px solid #6B6262;
  1627. width:250px;
  1628. }
  1629. .social-subtitle-search{
  1630. background:#ffffff;
  1631. border-top:1px #9DACBF solid;
  1632. border-bottom:1px #9DACBF solid;
  1633. }
  1634. .social-align-box {
  1635. text-align:left;
  1636. float:left;
  1637. }
  1638. .social-content-description {
  1639. background:#ECE9D8;
  1640. }
  1641. .social-content-body{
  1642. background:#ffffff;
  1643. }
  1644. .social-content-table{
  1645. border-top:1px #9DACBF solid;
  1646. border-left:1px #9DACBF solid;
  1647. border-right:1px #9DACBF solid;
  1648. border-bottom:1px #9DACBF solid;
  1649. }
  1650. .social-profile-info {
  1651. width:350px;
  1652. }
  1653. .social-profile-info dt {
  1654. text-align:left;
  1655. clear:left;
  1656. color:#808080;
  1657. float:left;
  1658. width:100px;
  1659. }
  1660. .social-profile-info dd {
  1661. padding:1px 0px 3px 0px;
  1662. float:left;
  1663. margin:0;
  1664. display : block;
  1665. padding-left:10px;
  1666. width:200px;
  1667. }
  1668. #social-profile-wrapper {
  1669. width: 100%;
  1670. text-align:left;
  1671. margin:0 auto;
  1672. float: left;
  1673. }
  1674. #social-profile-container {
  1675. /*width: 100%;*/
  1676. }
  1677. #social-profile-left {
  1678. float:left;
  1679. width:22%;
  1680. }
  1681. .left-side {
  1682. min-width: 198px;
  1683. margin: 0px;
  1684. }
  1685. #social-profile-content {
  1686. float:right;
  1687. width:48%;
  1688. }
  1689. #social-profile-right {
  1690. float:right;
  1691. width:30%;
  1692. }
  1693. .social-profile-post {
  1694. width: 450px;
  1695. background : #EFEFEF;
  1696. }
  1697. .maincourse {
  1698. width: 100%; margin-left:0px;
  1699. }
  1700. .social-profile-rounded {
  1701. background : #eee;
  1702. }
  1703. #social-profile-forum {
  1704. padding-left:0px;
  1705. }
  1706. #social-profile-thread {
  1707. padding-left:20px;
  1708. }
  1709. #social-post{
  1710. padding-left:30px;
  1711. }
  1712. .actions-profile {
  1713. font-size:14px;
  1714. background:#efefef;
  1715. border-bottom:1px dotted #999999;
  1716. border-top:1px dotted #999999;
  1717. /*height:35px;*/
  1718. padding:2px;
  1719. margin-bottom: 2px;
  1720. /*background:url(images/actions.jpg) repeat-x;*/
  1721. vertical-align:middle;
  1722. font-weight:700;
  1723. margin-right:2px;
  1724. }
  1725. .social-content-image {
  1726. margin-top:4px;
  1727. margin-right:5px;
  1728. background:#EFEFEF;
  1729. border-left:1px #999999 dotted;
  1730. border-top:1px #999999 dotted ;
  1731. border-right:1px #999999 dotted;
  1732. border-bottom:1px #999999 dotted;
  1733. }
  1734. .social-background-content {
  1735. background:#EFEFEF;
  1736. }
  1737. .social-content-information {
  1738. margin-left:10px;
  1739. margin-right:10px;
  1740. }
  1741. .social-content-training {
  1742. margin-left:10px;
  1743. margin-right:10px;
  1744. }
  1745. .social-friend-container {
  1746. margin-left:10px;
  1747. margin-right:10px;
  1748. }
  1749. .social-content-competences {
  1750. margin-left:5px;
  1751. margin-right:5px;
  1752. }
  1753. .social-content-announcements {
  1754. margin-left:10px;
  1755. margin-right:10px;
  1756. }
  1757. .social-content-agenda {
  1758. margin-left:10px;
  1759. margin-right:10px;
  1760. }
  1761. .social-actions-message {
  1762. white-space: nowrap;
  1763. padding: 2px;
  1764. background-color: #ffffff;
  1765. border: 1px solid #bbb;
  1766. }
  1767. /*****************************************************
  1768. * BUTTONS *
  1769. *****************************************************/
  1770. /* BUTTONS */
  1771. button {
  1772. margin:0 5px 3px 3px !important;
  1773. background-color: #DFDFDF;
  1774. border-width: 1px;
  1775. /* -moz-border-radius-topright : 5px;
  1776. -moz-border-radius-topleft : 5px;
  1777. -moz-border-radius-bottomright : 5px;
  1778. -moz-border-radius-bottomleft : 5px;
  1779. */
  1780. font-family: bold arial,verdana,helvetica,sans-serif;
  1781. font-size: 100%;
  1782. line-height :130%;
  1783. text-decoration: none;
  1784. color: black;
  1785. cursor: pointer;
  1786. padding:5px 15px 5px 15px;
  1787. vertical-align:middle;
  1788. }
  1789. button:hover {
  1790. background-color:#cbcbcb;
  1791. color:#545454;
  1792. border-style: inset;
  1793. }
  1794. /* button with image */
  1795. button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
  1796. padding-left:30px;
  1797. background-position:10px;
  1798. background-repeat:no-repeat;
  1799. }
  1800. /* POSITIVE */
  1801. button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
  1802. background-color:#E5EDF9;
  1803. border-color: #D4E2F6;
  1804. }
  1805. button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
  1806. border-color: #D4E2F6;
  1807. background-color:#D4E2F6;
  1808. }
  1809. /* NEGATIVE */
  1810. button.cancel {
  1811. background-color:#F8E8E6;
  1812. border-color: #FFE3DE;
  1813. }
  1814. button.cancel:hover {
  1815. border-color: #F4E1D0;
  1816. background-color: #FFE3DE;
  1817. }
  1818. /*including "save" image*/
  1819. button.save {
  1820. background-image:url(images/button_accept.gif);
  1821. }
  1822. /*including "add" image*/
  1823. button.add {
  1824. background-image:url(images/button_add.gif);
  1825. }
  1826. /*including "cancel" image*/
  1827. button.cancel {
  1828. background-image:url(images/button_delete.gif);
  1829. }
  1830. /*including "search" image*/
  1831. button.search {
  1832. background-image:url(images/button_search.gif);
  1833. }
  1834. /*including "login" image*/
  1835. button.login {
  1836. background-image:url(images/button_login.gif);
  1837. }
  1838. /*including "plus" image*/
  1839. button.plus {
  1840. background-image:url(images/button_plus.gif);
  1841. }
  1842. /*including "minus" image*/
  1843. button.minus {
  1844. background-image:url(images/button_minus.gif);
  1845. }
  1846. /*including "next" image*/
  1847. button.next {
  1848. background-image:url(images/button_next.gif);
  1849. }
  1850. /*including "back" image*/
  1851. button.back {
  1852. background-image:url(images/button_back.gif);
  1853. }
  1854. .icon_image_content{
  1855. width:70px;
  1856. cursor:hand;
  1857. height:8em;
  1858. text-align: center;
  1859. padding-top: 3px;
  1860. padding-right: 5x;
  1861. padding-bottom: 3px;
  1862. padding-left: 5px;
  1863. }
  1864. .question_menu {list-style:none; float:left; }
  1865. .question_menu li{float:left; margin:0px;}
  1866. #exercise_admin {margin: 0; padding: 0; border: 0; }