default.css 38 KB

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