base.css 48 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422
  1. /**
  2. * Common CSS for all themes
  3. */
  4. * {
  5. outline :none;
  6. }
  7. #menu {
  8. width:180px;
  9. }
  10. a.tag {
  11. background-color: #E0EAF1;
  12. border-bottom: 1px solid #3E6D8E;
  13. border-right: 1px solid #7F9FB6;
  14. color: #3E6D8E;
  15. font-size: 90%;
  16. line-height: 2.4;
  17. margin: 2px 2px 2px 0;
  18. padding: 3px 4px;
  19. text-decoration: none;
  20. white-space: nowrap;
  21. }
  22. img {
  23. border: none;
  24. }
  25. p, blockquote, ol, ul {
  26. font-size: 12px;
  27. }
  28. h1 {
  29. font-size: 24px;
  30. }
  31. h2 {
  32. font-size: 18px;
  33. }
  34. h3 {
  35. font-size: 15px;
  36. }
  37. h4 {
  38. font-size: 12px;
  39. }
  40. h5{
  41. }
  42. h6 {
  43. }
  44. h1,h2,h3,h4,h5,h6 {
  45. margin:5px 0px 5px 0px;
  46. padding:0px;
  47. }
  48. /* User portal */
  49. /* user_portal course status icon */
  50. .coursestatusicons {
  51. border: 0px solid #000;
  52. float: left;
  53. padding-right: 5px;
  54. width: auto;
  55. }
  56. /* user_portal course list */
  57. .courses {
  58. list-style-type: none;
  59. margin-bottom: 5px;
  60. height: 30px;
  61. }
  62. /* user_portal session list */
  63. .session_course_item .courses {
  64. margin-bottom: 5px;
  65. height:35px;
  66. }
  67. .session_course_item {
  68. /* padding: 0px; */
  69. margin: 0px;
  70. margin-bottom:15px;
  71. font-size:135%;
  72. }
  73. .userportal-course-item {
  74. -webkit-border-radius: 10px;
  75. -moz-border-radius: 10px;
  76. border-radius: 10px;
  77. background-color:#F9F9F9;
  78. padding:5px 10px 5px 10px;
  79. height:40px;
  80. margin:5px;
  81. padding:15px;
  82. }
  83. .session_box_title {
  84. margin-bottom: 7px;
  85. }
  86. .userportal-course-item-title {
  87. font-size:135%;
  88. }
  89. .session_course_item .item_closed, .userportal-course-item-title .item_closed {
  90. font-size:80%;
  91. }
  92. #maincontent .courseslist li {
  93. margin-bottom:8px;
  94. }
  95. .independent_course_item a {
  96. font-size:135%;
  97. }
  98. .userportal-session-item {
  99. -webkit-border-radius: 10px;
  100. -moz-border-radius: 10px;
  101. border-radius: 10px;
  102. background-color:#F9F9F9;
  103. padding:5px 10px 10px 6px;
  104. margin:10px 0px;
  105. }
  106. .userportal-session-category-item {
  107. -webkit-border-radius: 10px;
  108. -moz-border-radius: 10px;
  109. border-radius: 10px;
  110. background-color:#F9F9F9;
  111. padding:5px 10px 10px 16px;
  112. /* height:40px; */
  113. /*background-color:#f9f9f9; border:1px solid #dddddd; padding:5px 10px 5px 10px; margin-top: 10px; */
  114. }
  115. /*****************************************************
  116. * AGENDA *
  117. *****************************************************/
  118. #agenda {
  119. width: 100%;
  120. margin: 0 auto;
  121. border: 1px solid #bbb;
  122. border-collapse: collapse;
  123. }
  124. .agenda_month_divider {
  125. background-color: #dcdcdc;
  126. font-weight: bold;
  127. font-size: 12px;
  128. color: #666;
  129. text-align: center;
  130. }
  131. #agenda .title a {
  132. color: #fff;
  133. }
  134. #agenda .agendaitem {
  135. font-size: 12px;
  136. }
  137. #smallcalendar .title {
  138. background-color: #dcdcdc;
  139. font-weight: bold;
  140. padding: 5px;
  141. color: #666;
  142. text-align: center;
  143. font-size: 11px;
  144. }
  145. #smallcalendar .title a {
  146. color: #666;
  147. }
  148. #agenda_select {
  149. list-style: none;
  150. border: 0px solid green;
  151. margin: 30px 0 0 0;
  152. padding: 0 0 0 10px;
  153. }
  154. /* ---------------------------------------------------
  155. styles for the agenda (day, week, month view)
  156. -----------------------------------------------------*/
  157. #agenda_list {
  158. width: 100%;
  159. margin: 0 auto;
  160. border: 1px solid #fff;
  161. border-collapse: collapse;
  162. }
  163. /*The caption of the calendar (displays the month and the << and >> links*/
  164. #agenda_list .title {
  165. background-color: #dcdcdc;
  166. font-weight: bold;
  167. font-size: 12px;
  168. color: #666;
  169. text-align: left;
  170. padding: 2px 10px;
  171. text-align: center;
  172. border: 1px solid #bbb;
  173. }
  174. #agenda_list .title a:link, #agenda_list #title a:visited {
  175. background-color: #dcdcdc;
  176. font-weight: bold;
  177. font-size: 11px;
  178. color: #666;
  179. padding: 2px 10px;
  180. text-align: center;
  181. }
  182. #agenda_list .title a:hover {
  183. background-color: #dcdcdc;
  184. font-weight: bold;
  185. font-size: 11px;
  186. color: #f3840d;
  187. padding: 2px 10px;
  188. text-align: center;
  189. }
  190. /* The cells with the name of the days of the weeks (mon->sun)*/
  191. #agenda_list .weekdays, .data_table .weekdays {
  192. background-color: #dcdcdc;
  193. text-align: center;
  194. font-weight: bold;
  195. border: 1px solid #264269;
  196. border-collapse: collapse;
  197. }
  198. /* The cells for the days (1->31) */
  199. #agenda_list .days_week {
  200. height: 40px;
  201. width: 12%;
  202. text-align: left;
  203. vertical-align: top;
  204. border: 1px solid #ccc;
  205. border-collapse: collapse;
  206. background-color: #fff;
  207. }
  208. #agenda_list .days_week_selected {
  209. height: 40px;
  210. width: 12%;
  211. text-align: left;
  212. vertical-align: top;
  213. border: 1px solid #ccc;
  214. border-collapse: collapse;
  215. background-color: #f5f5f5;
  216. }
  217. #agenda_list .days_weekend {
  218. height: 40px;
  219. width: 12%;
  220. text-align: left;
  221. vertical-align: top;
  222. border: 1px solid #ccc;
  223. border-collapse: collapse;
  224. background-color: #e6e6e6;
  225. }
  226. #agenda_list .days_today {
  227. height: 40px;
  228. width: 12%;
  229. text-align: left;
  230. vertical-align: top;
  231. border: 1px solid #ccc;
  232. border-collapse: collapse;
  233. background-color: #FFFFC0;
  234. }
  235. #agenda_list th {
  236. background-color:#E5EDF9;
  237. border:1px solid gray;
  238. padding-right:12px;
  239. }
  240. /* text in the cells: display of agenda items (visible)*/
  241. #agenda_list .data {
  242. background-color: #eee;
  243. text-align: left;
  244. padding: 2px 10px;
  245. font-weight: bold;
  246. border: 0px solid #dcdcdc;
  247. border-collapse: collapse;
  248. }
  249. #agenda_list .datanotbold {
  250. background-color: #eee;
  251. text-align: left;
  252. padding: 2px 10px;
  253. font-weight: normal;
  254. border: 0px solid #dcdcdc;
  255. border-collapse: collapse;
  256. }
  257. #agenda_list .text {
  258. background-color: #fff;
  259. text-align: left;
  260. padding: 2px 10px;
  261. font-weight: normal;
  262. border: 0px solid #dcdcdc;
  263. border-collapse: collapse;
  264. }
  265. /*text in the cells: display of agenda items (invisible)*/
  266. #agenda_list .data_hidden {
  267. background-color: #eee;
  268. text-align: left;
  269. padding: 2px 10px;
  270. font-weight: bold;
  271. border: 0px solid #dcdcdc;
  272. border-collapse: collapse;
  273. color: #999999;
  274. }
  275. #agenda_list .datanotbold_hidden {
  276. background-color: #eee;
  277. text-align: left;
  278. padding: 2px 10px;
  279. font-weight: normal;
  280. border: 0px solid #dcdcdc;
  281. border-collapse: collapse;
  282. color: #999999;
  283. }
  284. #agenda_list .text_hidden {
  285. background-color: #fff;
  286. text-align: left;
  287. padding: 2px 10px;
  288. font-weight: normal;
  289. border: 0px solid #dcdcdc;
  290. border-collapse: collapse;
  291. color: #999999;
  292. }
  293. /*text in the cells: display of agenda items (highlighted)*/
  294. #agenda_list .datanow {
  295. background-color: #FFCC00;
  296. text-align: left;
  297. padding: 2px 10px;
  298. font-weight: bold;
  299. border: 0px solid #dcdcdc;
  300. border-collapse: collapse;
  301. }
  302. #agenda_list .datanotboldnow {
  303. background-color: #FFCC00;
  304. text-align: left;
  305. padding: 2px 10px;
  306. font-weight: normal;
  307. border: 0px solid #dcdcdc;
  308. border-collapse: collapse;
  309. }
  310. #agenda_list .textnow {
  311. background-color: #fff;
  312. text-align: left;
  313. padding: 2px 10px;
  314. font-weight: normal;
  315. border: 0px solid #dcdcdc;
  316. border-collapse: collapse;
  317. }
  318. /* ---------------------------------------------------
  319. styles for the mini agenda
  320. -----------------------------------------------------*/
  321. #smallcalendar {
  322. width: 100%;
  323. margin: 0 auto;
  324. border: 1px solid #fff;
  325. border-collapse: collapse;
  326. }
  327. #smallcalendar .weekdays {
  328. background-color: #dcdcdc;
  329. text-align: center;
  330. font-size: 11px;
  331. font-weight: bold;
  332. border: 1px solid #fff;
  333. border-collapse: collapse;
  334. }
  335. #smallcalendar .days_week {
  336. background-color: #f5f5f5;
  337. text-align: center;
  338. font-size: 11px;
  339. border-collapse: collapse;
  340. }
  341. #smallcalendar .days_weekend {
  342. background-color: #e6e6e6;
  343. text-align: center;
  344. font-size: 11px;
  345. border: 1px solid #fff;
  346. border-collapse: collapse;
  347. }
  348. #smallcalendar .days_today {
  349. width: 12%;
  350. text-align: center;
  351. font-size: 11px;
  352. border: 1px solid #FA8500;
  353. border-collapse: collapse;
  354. background-color: #FFCA8D;
  355. }
  356. /* ---------------------------------------------------
  357. styles for the personal agenda
  358. -----------------------------------------------------*/
  359. .personal_agenda {
  360. color: #008000;
  361. }
  362. .personal_agenda a:link, .personal_agenda a:visited {
  363. color: #008000;
  364. }
  365. a.personal_agenda:link, a.personal_agenda:visited {
  366. color: #008000;
  367. }
  368. .personal_agenda a:hover, .personal_agenda a:hover {
  369. color: #666666;
  370. }
  371. a.personal_agenda:hover, a.personal_agenda:hover {
  372. color: #666666;
  373. }
  374. .myagendatoday {
  375. background-color: #FFCA8D;
  376. border-collapse: collapse;
  377. font-family: verdana, arial, helvetica, sans-serif;
  378. color: #CC3300;
  379. font-weight: bold;
  380. }
  381. .rounded_div_agenda {
  382. background: none repeat scroll 0 0 #FFFFFF;
  383. -webkit-border-radius: 6px;
  384. -opera-border-radius: 6px;
  385. -moz-border-radius: 6px;
  386. border-radius: 6px;
  387. -webkit-box-shadow: 0 2px 5px #C8C8C8;
  388. -opera-box-shadow: 0 2px 5px #C8C8C8;
  389. -moz-box-shadow: 0 2px 5px #C8C8C8;
  390. box-shadow: 0 2px 5px #C8C8C8;
  391. float: left;
  392. height: auto;
  393. margin: 2px 4px 15px;
  394. padding: 8px;
  395. width: 75%;
  396. }
  397. .agenda_day {
  398. float:left;
  399. width:100%;
  400. background-color: #F8F9FF;
  401. color: #666666;
  402. line-height: 16px;
  403. overflow: hidden;
  404. margin-bottom:5px;
  405. }
  406. .days_today .agenda_day {
  407. float:left;
  408. width:100%;
  409. background-color: #FAD163;
  410. color: #666666;
  411. line-height: 16px;
  412. overflow: hidden;
  413. margin-bottom:5px;
  414. }
  415. #agenda_list th {
  416. background-color: #F2F2F2;
  417. }
  418. #agenda_list .days_week {
  419. height: 100px;
  420. }
  421. /* -------------- DOCUMENT --------------*/
  422. #document_quota {
  423. margin:15px;
  424. font-weight:bold;
  425. color:#006633;
  426. text-align:center;
  427. }
  428. /* Message and Social */
  429. .online_grid_item {
  430. float:left;
  431. margin:10px;
  432. text-align:center;
  433. }
  434. .online_grid_element_0 {
  435. width: 100px;
  436. height: 100px;
  437. overflow: hidden;
  438. }
  439. .online_grid_element_1, .online_grid_element_2 {
  440. font-size:10px;
  441. }
  442. /* input values to crop the image: top, right, bottom, left */
  443. .online_grid_element_0 img{
  444. /* width: 200px; */
  445. /* height: 150px; */
  446. }
  447. .social-home-users-online {
  448. width: 200px;
  449. margin: -28px 0 0 -50px;
  450. /* height: 150px; */
  451. }
  452. .social-home-anonymous-online {
  453. width: 200px;
  454. margin: -10px 0 0 -50px;
  455. /* height: 150px; */
  456. }
  457. .menulist li {
  458. margin-top: 10px;
  459. }
  460. .menusection {
  461. margin: 15px 0 0 6px;
  462. }
  463. .maincontent {
  464. margin-top: 5px;
  465. }
  466. #menu {
  467. margin-top: 8px;
  468. margin-bottom: 10px;
  469. }
  470. .social-background-content {
  471. width:auto;
  472. }
  473. .group_social_item {
  474. float:left;
  475. width:95%;
  476. }
  477. .group_social_sub_item {
  478. float:left;
  479. /* width:600px; */
  480. background-color: #E9F4FA;
  481. background-repeat: repeat-x;
  482. margin: 8px;
  483. padding:5px;
  484. width:100%;
  485. }
  486. .message-group-content {
  487. float:right;
  488. width:90%;
  489. line-height: 100%;
  490. }
  491. .message-group-date {
  492. font-style:italic;
  493. text-align:left;
  494. margin-top:4px;
  495. }
  496. .message-reply-link {
  497. float:right;
  498. }
  499. .group_social_main_item {
  500. float:left;
  501. width:600px;
  502. background-color: #fff;
  503. background-repeat: repeat-x;
  504. margin: 8px;
  505. padding:5px;
  506. }
  507. .group_discussions_replies {
  508. background-color: #E9F4FA;
  509. background-repeat: repeat-x;
  510. border: 1px solid #D0E2EC;
  511. border-radius: 3px 3px 3px 3px;
  512. color: #999999;
  513. float: left;
  514. font-size: 0.8em;
  515. margin-right: 10px;
  516. overflow: hidden;
  517. padding: 7px 10px;
  518. text-align: center;
  519. width: 40px;
  520. margin-bottom: 65px;
  521. }
  522. .group_discussions_replies span {
  523. display: block;
  524. font-size: 2em;
  525. }
  526. .group_discussions_info {
  527. width:100%;
  528. }
  529. .group_social_grid {
  530. float:left;
  531. width:100%;
  532. }
  533. .message-attach {
  534. float:left;
  535. }
  536. /** BUTTONS **/
  537. .left {
  538. float:left !important;
  539. }
  540. .right {
  541. float:right !important;
  542. }
  543. /* New button style experimental */
  544. button {
  545. border:1px solid #ccc;
  546. -opera-border-radius: 8px;
  547. -webkit-border-radius: 8px;
  548. border-radius: 8px;
  549. -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  550. -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  551. box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
  552. font-weight:bold;
  553. font-size: 105%;
  554. }
  555. button:hover {
  556. color:#000;
  557. border-style: inset;
  558. background-color:#eee;
  559. border:1px solid #ccc;
  560. }
  561. /* Nice buttons v2 */
  562. .a_button {
  563. display: inline-block;
  564. zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  565. display: inline;
  566. vertical-align: baseline;
  567. /* margin: 0 2px; */
  568. outline: none;
  569. cursor: pointer;
  570. text-align: center;
  571. text-decoration: none;
  572. font: 14px/100% Arial, Helvetica, sans-serif;
  573. padding: .5em 2em .55em;
  574. text-shadow: 0 1px 1px rgba(0,0,0,.3);
  575. -webkit-border-radius: .5em;
  576. -moz-border-radius: .5em;
  577. border-radius: .5em;
  578. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  579. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  580. box-shadow: 0 1px 2px rgba(0,0,0,.2);
  581. }
  582. .a_button:hover {
  583. text-decoration: none;
  584. }
  585. .a_button:active {
  586. position: relative;
  587. top: 1px;
  588. }
  589. .round {
  590. -webkit-border-radius: 1em;
  591. -moz-border-radius: 1em;
  592. border-radius: 1em;
  593. }
  594. .big {
  595. font-size: 14px;
  596. padding: .8em 2em .62em;
  597. }
  598. .medium {
  599. font-size: 12px;
  600. padding: .4em 1.5em .42em;
  601. }
  602. .small {
  603. font-size: 11px;
  604. padding: .2em 1em .275em;
  605. }
  606. /* white */
  607. .a_button .white {
  608. color: #606060;
  609. }
  610. .white {
  611. color: #606060 !important;
  612. border: solid 1px #b7b7b7;
  613. background: #fff;
  614. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  615. background: -moz-linear-gradient(top, #fff, #ededed);
  616. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  617. }
  618. .white:hover {
  619. color: #606060;
  620. background: #ededed;
  621. background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  622. background: -moz-linear-gradient(top, #fff, #dcdcdc);
  623. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
  624. }
  625. .white:active {
  626. color: #999;
  627. background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  628. background: -moz-linear-gradient(top, #ededed, #fff);
  629. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
  630. }
  631. /* gray */
  632. .gray {
  633. color: #fff !important;
  634. border: solid 1px #555;
  635. background: #6e6e6e;
  636. background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
  637. background: -moz-linear-gradient(top, #888, #575757);
  638. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
  639. }
  640. .gray:hover {
  641. background: #616161;
  642. background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
  643. background: -moz-linear-gradient(top, #757575, #4b4b4b);
  644. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
  645. }
  646. .gray:active {
  647. color: #afafaf;
  648. background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
  649. background: -moz-linear-gradient(top, #575757, #888);
  650. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
  651. }
  652. /* orange */
  653. .orange {
  654. color: #fef4e9 !important;
  655. border: solid 1px #da7c0c;
  656. background: #f78d1d;
  657. background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  658. background: -moz-linear-gradient(top, #faa51a, #f47a20);
  659. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
  660. }
  661. .orange:hover {
  662. color: #fef4e9;
  663. background: #f47c20;
  664. background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  665. background: -moz-linear-gradient(top, #f88e11, #f06015);
  666. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
  667. }
  668. .orange:active {
  669. color: #fcd3a5;
  670. background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  671. background: -moz-linear-gradient(top, #f47a20, #faa51a);
  672. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
  673. }
  674. /* green */
  675. .green {
  676. color: #e8f0de;
  677. border: solid 1px #538312;
  678. background: #64991e;
  679. background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  680. background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
  681. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
  682. }
  683. .green:hover {
  684. background: #538018;
  685. background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  686. background: -moz-linear-gradient(top, #6b9d28, #436b0c);
  687. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
  688. }
  689. .green:active {
  690. color: #a9c08c;
  691. background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
  692. background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
  693. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
  694. }
  695. /* Note */
  696. .note {
  697. margin: 6px;
  698. font-size: 12px;
  699. line-height: 14px;
  700. font-family: verdana, arial, helvetica, sans-serif;
  701. background-color: #FFFF96;
  702. color: #666666;
  703. border: 1px solid #bbb;
  704. padding: 10px 10px 10px 10px;
  705. }
  706. .note b {
  707. margin: 10px 10px 5px 0px;
  708. }
  709. /* Breadcrumb */
  710. .bread {
  711. height: 25px;
  712. margin: 0px;
  713. padding:0px;
  714. }
  715. .bread li {
  716. color: #777777;
  717. float: left;
  718. line-height: 25px;
  719. }
  720. .bread span {
  721. display: block;
  722. font-size:11px;
  723. padding: 0 15px 0 9px;
  724. }
  725. .bread a {
  726. display: block;
  727. font-size:11px;
  728. }
  729. .bread a:hover {
  730. color:#35acc5;
  731. }
  732. .bread li {
  733. display: block;
  734. }
  735. .bread li a {
  736. background: url("crumbs.gif") no-repeat scroll right center transparent;
  737. display: block;
  738. background-repeat:no-repeat;
  739. background-position:right;
  740. }
  741. .bread .home {
  742. padding:5px 15px 4px 8px;
  743. }
  744. /* Categories courses*/
  745. #course-picture {
  746. position:absolute;
  747. top:8%;
  748. left:85%;
  749. padding:4px;
  750. border:1pt solid #ccc;
  751. }
  752. #categories-content-first {
  753. width:290px;
  754. float:left;
  755. }
  756. #categories-search {
  757. text-align:center;
  758. /*height:55px; */
  759. float: right;
  760. }
  761. #categories-list {
  762. -moz-border-radius-topleft:8px;
  763. -moz-border-radius-topright:8px;
  764. -webkit-border-top-left-radius: 8px;
  765. -webkit-border-top-right-radius: 8px;
  766. border-top-left-radius: 8px;
  767. border-top-right-radius: 8px;
  768. -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
  769. -Webkit-box-shadow: 0 -1px 10px 2px #CCCCCC;
  770. box-shadow: 0 -1px 10px 2px #CCCCCC;
  771. border:1px solid #CCCCCC;
  772. float:left;
  773. margin:8px;
  774. width:240px;
  775. min-height:132px;
  776. padding:18px;
  777. font-size:11pt;
  778. }
  779. #categories-content-second {
  780. margin-left: 308px;
  781. margin-top:5px;
  782. }
  783. .course-block-main-item {
  784. height: 45px;
  785. padding: 5px 0px;
  786. }
  787. .categories-block-course {
  788. -moz-border-radius-topleft:8px;
  789. -moz-border-radius-topright:8px;
  790. -webkit-border-top-left-radius: 8px;
  791. -webkit-border-top-right-radius: 8px;
  792. border-top-left-radius: 8px;
  793. border-top-right-radius: 8px;
  794. -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
  795. -Webkit-box-shadow: 0 -1px 10px 2px #CCCCCC;
  796. box-shadow: 0 -1px 10px 2px #CCCCCC;
  797. border:1px solid #CCCCCC;
  798. float:left;
  799. margin:10px;
  800. padding:12px;
  801. width:250px;
  802. min-height:294px;
  803. color: #BBBBBB;
  804. }
  805. .categories-content-course {
  806. float:left;
  807. width:100%;
  808. }
  809. .categories-course-picture {
  810. width:95px;
  811. height:95px;
  812. float:left;
  813. overflow:hidden;
  814. border-radius:4px;
  815. -moz-border-radius:4px;
  816. -webkit-border-radius:4px;
  817. box-shadow:0 -1px 5px 2px #CCCCCC;
  818. -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
  819. -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC;
  820. box-shadow: 0 -1px 5px 2px #CCCCCC;
  821. margin-left: 8px;
  822. }
  823. .categories-course-picture img {
  824. height: 95px;
  825. background-color: #eeeeee;
  826. }
  827. .categories-course-description {
  828. margin-left:10px;
  829. font-family:arial;
  830. font-size:11px;
  831. margin-bottom: 10px;
  832. }
  833. .categories-course-description .course-block-title {
  834. font-family: arial;
  835. font-size: large;
  836. margin-bottom: 10px;
  837. color: #222222;
  838. min-height:60px;
  839. }
  840. .categories-course-description .course-block-teacher {
  841. font-size: large;
  842. font-style: italic;
  843. text-align: right;
  844. color: #444444;
  845. float: right;
  846. text-align: right;
  847. width: 197px;
  848. }
  849. .categories-course-description .course-block-date {
  850. font-size: large;
  851. font-style: italic;
  852. text-align: right;
  853. color: #444444;
  854. line-height: 10px;
  855. }
  856. .course-block-popularity {
  857. width: 90px;
  858. float: right;
  859. font-size: x-small;
  860. font-style: italic;
  861. text-align: right;
  862. background-color: #eeeeee;
  863. min-height:95px;
  864. padding-right: 5px;
  865. -moz-border-radius-topleft:4px;
  866. -moz-border-radius-topright:4px;
  867. -webkit-border-top-left-radius: 4px;
  868. -webkit-border-top-right-radius: 4px;
  869. border-top-left-radius: 4px;
  870. border-top-right-radius: 4px;
  871. -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
  872. -Webkit-box-shadow: 0 -1px 5px 2px #CCCCCC;
  873. box-shadow: 0 -1px 5px 2px #CCCCCC;
  874. }
  875. .course-block-popularity-score {
  876. font-size: 3em;
  877. text-align: center;
  878. color: #000000;
  879. padding-top: 10px;
  880. text-shadow: gray 3px 3px 2px;
  881. }
  882. .categories-course-links {
  883. float:left;
  884. margin-top:20px;
  885. height:16px;
  886. padding:2px;
  887. width:100%;
  888. }
  889. .course-link-desc {
  890. float:left;
  891. }
  892. /* THEMATIC ADVANCE */
  893. .thematic-postit {
  894. width:250px;
  895. height:auto;
  896. overflow:hidden;
  897. }
  898. .thematic-postit-center {
  899. background-image: url('../img/postit_center.png');
  900. height:auto;
  901. margin-top: 0px;
  902. margin-bottom:-16px;
  903. padding-left:20px;
  904. padding-right:20px;
  905. padding-bottom:10px;
  906. padding-top: 5px;
  907. }
  908. #titlethematic{
  909. text-transform: uppercase;
  910. }
  911. /* ATTENDANCE */
  912. div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw {
  913. float: left;
  914. display:inline;
  915. width:auto;
  916. overflow:hidden;
  917. margin-right:2px;
  918. margin-top:5px;
  919. }
  920. .attendance-calendar-add div.row {
  921. display:inline;
  922. }
  923. .attendance-calendar-edit div.row {
  924. display:inline;
  925. }
  926. .attendance-calendar-row {
  927. padding:5px;
  928. }
  929. .attendance-faults-bar {
  930. width:90%;
  931. background-color:none;
  932. padding:2px;
  933. font-size:120%;
  934. font-weight: bold;
  935. padding:5px;
  936. }
  937. .attendance-users-table td {
  938. height:66px;
  939. }
  940. .attendance-calendar-table td {
  941. height:66px;
  942. }
  943. /**********************************************
  944. * MESSAGE TOOL *
  945. **********************************************/
  946. #inbox-wrapper {
  947. width:100%;
  948. }
  949. #inbox {
  950. height:auto;
  951. margin-left:auto;
  952. margin-right:auto;
  953. overflow:hidden;
  954. }
  955. #outbox {
  956. height:auto;
  957. margin-left:auto;
  958. margin-right:auto;
  959. overflow:hidden;
  960. }
  961. #inbox-menu {
  962. width:150px;
  963. float:left;
  964. margin-right:10px;
  965. }
  966. #inbox-menu ul {
  967. list-style-image:none;
  968. list-style-position:outside;
  969. list-style-type:none;
  970. margin:0;
  971. padding:0px;
  972. }
  973. #inbox-menu ul li {
  974. padding:2px 0px;
  975. }
  976. #message-reply-link {
  977. float:right;
  978. }
  979. .message-item {
  980. -moz-background-clip:border;
  981. -moz-background-inline-policy:continuous;
  982. -moz-background-origin:padding;
  983. -moz-border-radius-bottomleft:8px;
  984. -moz-border-radius-bottomright:8px;
  985. -moz-border-radius-topleft:8px;
  986. -moz-border-radius-topright:8px;
  987. background:#F5F5F5 none repeat scroll 0 0;
  988. margin:0 0 5px;
  989. padding:10px;
  990. }
  991. .message-topic {
  992. -moz-background-clip:border;
  993. -moz-background-inline-policy:continuous;
  994. -moz-background-origin:padding;
  995. -moz-border-radius-bottomleft:8px;
  996. -moz-border-radius-bottomright:8px;
  997. -moz-border-radius-topleft:8px;
  998. -moz-border-radius-topright:8px;
  999. background:#E6EEFB none repeat scroll 0 0;
  1000. margin:0 0 5px;
  1001. padding:10px;
  1002. }
  1003. .message-group-title-topic {
  1004. font-size:180%;
  1005. margin:5px 0px 5px 0px;
  1006. }
  1007. .message-group-title {
  1008. font-size:120%;
  1009. }
  1010. .message-group-author {
  1011. margin:5px 5px 5px 0px;
  1012. float:left;
  1013. }
  1014. .message-group-content {
  1015. margin: 5px 0px 8px 0px;
  1016. }
  1017. .message-group-date {
  1018. color:#999;
  1019. width:100%;
  1020. font-size:98%;
  1021. }
  1022. .view-message-content {
  1023. line-height:150%;
  1024. font-size:110%;
  1025. }
  1026. .message_view_table {
  1027. cellspacing:0;
  1028. cellpadding:0;
  1029. background-color:#dbeaf5;
  1030. border=0;
  1031. border-collapse: collapse;
  1032. width: 100%;
  1033. }
  1034. .message_view_table th {
  1035. padding-right: 12px;
  1036. border: 1px solid gray;
  1037. background-color: #f0f0f0;
  1038. }
  1039. .message-select-box {
  1040. float:left;
  1041. display:inline;
  1042. position:absolute;
  1043. margin-top:23px;
  1044. margin-left:20px;
  1045. }
  1046. /* styles from the my.profile.php file */
  1047. .message-content {
  1048. /* float:right;
  1049. background:#FFF;
  1050. padding: 10px 0 0 5px;
  1051. width:125px;
  1052. position:relative;*/
  1053. }
  1054. .message-content .message-delete {
  1055. position: absolute;
  1056. top: 10px;
  1057. right: 10px;
  1058. cursor: pointer;
  1059. }
  1060. .message-content-internal {
  1061. display:inline;
  1062. margin:20px auto;
  1063. background:#F5E38E;
  1064. border:2px solid #EBCA4F;
  1065. padding:10px;
  1066. width:100px;
  1067. position:relative;
  1068. margin-top:150px;
  1069. margin-right:-100px;
  1070. }
  1071. .message-title {
  1072. font-size:12px;
  1073. }
  1074. .message-body {
  1075. padding: 0 0 11px;
  1076. color:#333;
  1077. font-size:100%;
  1078. }
  1079. .message-link {
  1080. color:#ff8400;
  1081. }
  1082. .message-view {
  1083. float:right;
  1084. margin:20px auto;
  1085. background:#F5E38E;
  1086. border:2px solid #EBCA4F;
  1087. padding:10px;
  1088. width:100px;
  1089. position:relative;
  1090. margin-top:115px;
  1091. margin-right:-100px;
  1092. }
  1093. .message-content-table {
  1094. background-color:white;
  1095. border:1px solid black;
  1096. position:absolute;
  1097. width:200px;
  1098. height:60px;
  1099. z-index:3;
  1100. visibility:hidden;
  1101. top:85px;
  1102. left:10px;
  1103. margin: 0px;
  1104. padding: 0px;
  1105. }
  1106. #message {
  1107. margin: 0 auto;
  1108. text-align: center;
  1109. }
  1110. #message select {
  1111. margin: 10px 0;
  1112. width: 220px;
  1113. }
  1114. #message textarea {
  1115. margin: 10px 0;
  1116. }
  1117. #message td {
  1118. padding: 4px;
  1119. }
  1120. .message-top-title {
  1121. float:left;
  1122. margin-top:1px;
  1123. margin-bottom:1px;
  1124. background-color:#F2F2F2;
  1125. width:600px;
  1126. border-bottom:1px solid #CCCCCC;
  1127. margin:left:5px;
  1128. }
  1129. .message-bottom-title {
  1130. height:22px;
  1131. float:left;
  1132. margin-top:1px;
  1133. margin-bottom:1px;
  1134. background-color:#F2F2F2;
  1135. width:600px;
  1136. border-bottom:1px solid #CCCCCC;
  1137. }
  1138. .message-content-body-left {
  1139. float:left;
  1140. width:30%;
  1141. }
  1142. .message-content-body-right {
  1143. float:right;
  1144. text-align:left;
  1145. width:60%;
  1146. }
  1147. .message-body-title {
  1148. float:right;
  1149. margin-top:1px;
  1150. margin-bottom:5px;
  1151. border-bottom:1px solid #CCCCCC;
  1152. border-collapse:collapse;
  1153. }
  1154. .message-image-info {
  1155. float:left;
  1156. margin-top:10px;
  1157. margin-bottom:10px;
  1158. margin-left:10px;
  1159. text-align:left;
  1160. margin-right:20px;
  1161. }
  1162. .message-content-body-right dd {
  1163. color:#333399;
  1164. border-bottom:1px solid #CCCCCC;
  1165. height:20px;
  1166. text-decoration:none;
  1167. outline-style:none;
  1168. background:#ffffff;
  1169. }
  1170. .message-content-body-right:hover {
  1171. }
  1172. a.unread {
  1173. font-weight:bold;
  1174. }
  1175. /*SOCIAL TOOL*/
  1176. .clip-wrapper {
  1177. position:relative;
  1178. width:100px;
  1179. height:100px;
  1180. top:-1px;
  1181. left:-1px;
  1182. }
  1183. .clip_vertical {
  1184. position:absolute;
  1185. clip:rect(0px 218px 185px 0px);
  1186. top:-50px;
  1187. left:-32px;
  1188. -webkit-transform: scale(0.6);
  1189. -moz-transform: scale(0.6);
  1190. -o-transform: scale(0.6);
  1191. }
  1192. .clip_horizontal {
  1193. position:absolute;
  1194. clip:rect(0px 218px 155px 0px);
  1195. top:-25px;
  1196. left:-48px;
  1197. -webkit-transform: scale(0.6);
  1198. -moz-transform: scale(0.6);
  1199. -o-transform: scale(0.6);
  1200. }
  1201. .social-plugin-item {
  1202. float:left;
  1203. width:50%;
  1204. background-color:#ccc;
  1205. margin: 0px;
  1206. }
  1207. #social-plugins {
  1208. float:left;
  1209. background-color:#f00;
  1210. width:100%;
  1211. margin: 0px;
  1212. padding:2px;
  1213. }
  1214. .social-profile-extended {
  1215. width:320px;
  1216. overflow:hidden;
  1217. }
  1218. div.image-social-content {
  1219. float:left;
  1220. /*border:1px dotted #ccc;*/
  1221. margin:2px;
  1222. padding: 8px 4px 4px 4px;
  1223. background: #ffffff;
  1224. height:105px;
  1225. width:82px;
  1226. z-index:5;
  1227. cursor:pointer;
  1228. position:relative;
  1229. overflow:hidden;
  1230. }
  1231. div.image-social-content span {
  1232. overflow:hidden;
  1233. display:block;
  1234. height:75px;
  1235. }
  1236. div.image-social-content img {
  1237. vertical-align:middle;
  1238. }
  1239. div.image-social-content center.friend {
  1240. overflow:hidden;
  1241. height:30px;
  1242. }
  1243. .image-social-content .image-delete {
  1244. position: absolute;
  1245. top: 1px;
  1246. right: 1px;
  1247. cursor: pointer;
  1248. }
  1249. .social-info {
  1250. background:#B8C8DC;
  1251. color:#4475B0;
  1252. font-size:12px;
  1253. font-weight:bold;
  1254. }
  1255. .social-display-image {
  1256. float:right;
  1257. margin-top:-130px;
  1258. margin-right:5px;
  1259. }
  1260. .social-search-image {
  1261. color:#000033;
  1262. margin-top:2px;
  1263. width:200px;
  1264. }
  1265. .social-subtitle-search {
  1266. background:#ffffff;
  1267. border-top:1px #9DACBF solid;
  1268. border-bottom:1px #9DACBF solid;
  1269. }
  1270. .social-align-box {
  1271. text-align:left;
  1272. float:left;
  1273. }
  1274. .social-header {
  1275. margin-bottom:8px;
  1276. }
  1277. #social-content {
  1278. width:100%;
  1279. height:auto;
  1280. overflow:hidden;
  1281. margin-left:auto;
  1282. margin-right:auto;
  1283. }
  1284. #social-content-right {
  1285. height:auto;
  1286. overflow:hidden;
  1287. float:left;
  1288. width:700px;
  1289. }
  1290. .social-content-image {
  1291. margin-bottom:10px;
  1292. margin-top:2px;
  1293. overflow:hidden;
  1294. }
  1295. #social-content-left {
  1296. display:block;
  1297. float:left;
  1298. height:auto;
  1299. margin-right:10px;
  1300. min-height:300px;
  1301. overflow:hidden;
  1302. width:175px;
  1303. }
  1304. .social-content-description {
  1305. background:#ECE9D8;
  1306. }
  1307. .social-content-body {
  1308. background:#ffffff;
  1309. }
  1310. .social-content-table {
  1311. border-top:1px #9DACBF solid;
  1312. border-left:1px #9DACBF solid;
  1313. border-right:1px #9DACBF solid;
  1314. border-bottom:1px #9DACBF solid;
  1315. }
  1316. .social-profile-info {
  1317. width:100%;
  1318. }
  1319. .social-profile-info dt {
  1320. text-align:left;
  1321. clear:left;
  1322. float:left;
  1323. width:120px;
  1324. }
  1325. .social-profile-info dd {
  1326. padding:1px 0px 3px 0px;
  1327. float:left;
  1328. margin:0;
  1329. display : block;
  1330. padding-left:5px;
  1331. width:150px;
  1332. }
  1333. /* general layout of the profile page */
  1334. #social-profile-wrapper {
  1335. width: 100%;
  1336. text-align:left;
  1337. margin:0 auto;
  1338. float: left;
  1339. }
  1340. #social-profile-container {
  1341. /* width: 705px; */
  1342. }
  1343. #social-profile-left {
  1344. float:left;
  1345. width:22%;
  1346. }
  1347. #social-profile-content {
  1348. float:right;
  1349. width:47%;
  1350. margin-left: 4px;
  1351. }
  1352. #social-profile-right {
  1353. float:right;
  1354. width:30%;
  1355. margin-left: 4px;
  1356. }
  1357. /* SOCIAL MENU VERTICAL */
  1358. .social-menu {
  1359. width:100%;
  1360. height:auto;
  1361. }
  1362. .social-menu ul {
  1363. list-style-image:none;
  1364. list-style-position:outside;
  1365. list-style-type:none;
  1366. margin:0;
  1367. padding:0px;
  1368. }
  1369. .social-menu li {
  1370. margin-bottom:4px;
  1371. padding-bottom:12px;
  1372. border-bottom : 1px solid #ddd;
  1373. background-position:bottom;
  1374. background-repeat:repeat-x;
  1375. }
  1376. .social-menu li img {
  1377. float:left;
  1378. }
  1379. .social-menu-sub-level a img {
  1380. float:left;
  1381. }
  1382. .social-menu ul li a {
  1383. padding:2px 0px;
  1384. }
  1385. .social-menu-sub-level {
  1386. margin-left:20px;
  1387. }
  1388. .social-menu-title{
  1389. width:100%;
  1390. float:left;
  1391. height:auto;
  1392. margin-bottom:10px;
  1393. padding-top:4px;
  1394. padding-bottom:4px;
  1395. }
  1396. .social-menu-text1 {
  1397. color:#fff;
  1398. font-size:12px;
  1399. font-weight:bold;
  1400. }
  1401. .social-menu-text2 {
  1402. color:#000;
  1403. font-weight:normal;
  1404. font-size:12px;
  1405. }
  1406. .social-menu-text3 {
  1407. color:#94cdf9;
  1408. font-weight:normal;
  1409. font-size:12px;
  1410. font-weight:bold;
  1411. }
  1412. .social-menu-text4 {
  1413. font-family:Verdana, Geneva, sans-serif;
  1414. color:#000;
  1415. font-weight:normal;
  1416. font-size:13px;
  1417. vertical-align:bottom;
  1418. }
  1419. .social-menu-text-active {
  1420. font-family:Verdana, Geneva, sans-serif;
  1421. color:#000;
  1422. font-weight:bold;
  1423. font-size:13px;
  1424. vertical-align:bottom;
  1425. }
  1426. .social-menu-title-right {
  1427. width:84%;
  1428. float:right;
  1429. height:20px;
  1430. background-color:#32578b;
  1431. margin-bottom:10px;
  1432. }
  1433. /* BOX SHARED PROFILE */
  1434. .social-friend-container {
  1435. width:100%;
  1436. overflow:hidden;
  1437. }
  1438. .shared_profile_mygroups_grid_container {
  1439. width:100%;
  1440. overflow:hidden;
  1441. }
  1442. .shared_profile_mygroups_grid_item {
  1443. width:42%;
  1444. float:left;
  1445. height:140px;
  1446. margin:20px;
  1447. }
  1448. .social-menu-group-member {
  1449. float:left;
  1450. height:120px;
  1451. margin:5px;
  1452. overflow:hidden;
  1453. padding:2px;
  1454. width:76px;
  1455. }
  1456. /* styles from the my.profile.php file */
  1457. #social_widget {
  1458. padding:1px;
  1459. margin-bottom:10px;
  1460. margin-left:0px;
  1461. margin-right:0px;
  1462. }
  1463. #social_widget_image {
  1464. float:left;
  1465. width:150px;
  1466. margin-bottom:10px;
  1467. padding:2px;
  1468. }
  1469. /* SOCIAL BOX */
  1470. .social-box-main1 {
  1471. width:100%;
  1472. height:auto;
  1473. overflow:hidden;
  1474. }
  1475. .social-box-left {
  1476. width:340px;
  1477. float:left;
  1478. height:auto;
  1479. margin:0px;
  1480. }
  1481. .social-box-right {
  1482. width:280px;
  1483. float:left;
  1484. height:auto;
  1485. margin-left:18px;
  1486. overflow:hidden;
  1487. }
  1488. .box_shared_profile_group_title {
  1489. border-bottom:1pt dotted #000;
  1490. padding:5px;
  1491. vertical-align:middle;
  1492. font-size:12pt;
  1493. font-weight:bold;
  1494. margin-bottom:5px
  1495. }
  1496. .box_shared_profile_group_description {
  1497. height:100px;
  1498. margin-left:65px;
  1499. }
  1500. .box_shared_profile_group_image {
  1501. height:80px;
  1502. width:60px;
  1503. float:left;
  1504. }
  1505. .box_shared_profile_group_actions {
  1506. text-align:right;
  1507. }
  1508. .social-groups-text1 {
  1509. font-size:12px;
  1510. color:#669;
  1511. }
  1512. .social-groups-text2 {
  1513. font-size:12px;
  1514. color:#686868;
  1515. font-weight:bold;
  1516. }
  1517. .social-groups-text3 {
  1518. font-size:12px;
  1519. color:#000;
  1520. font-weight:bold;
  1521. text-transform:capitalize;
  1522. margin-top:5px;
  1523. }
  1524. .social-groups-text4 {
  1525. font-size:12px;
  1526. color:#666666;
  1527. }
  1528. .social-groups-image {
  1529. /* border: 2px solid #cac9c9; */
  1530. }
  1531. .social-groups-home-title {
  1532. border-bottom:1pt dotted #000;
  1533. padding:2px;
  1534. margin-bottom:5px;
  1535. font-weight:bold;
  1536. }
  1537. .social-home-users-online {
  1538. border:3px solid #E6E6E6;
  1539. }
  1540. #social-content-online {
  1541. margin-bottom:5px;
  1542. margin-top:2px;
  1543. padding:1px;
  1544. }
  1545. #social-group-details {
  1546. margin-bottom:20px;
  1547. }
  1548. .social-group-details-info span {
  1549. color:#777;
  1550. }
  1551. .social-group-details-info {
  1552. padding:2px 0px 2px 0px;
  1553. }
  1554. .social-background-content {
  1555. z-index:5;
  1556. position:relative;
  1557. width:185px;
  1558. left:-10px;
  1559. overflow:hidden;
  1560. }
  1561. .social-background-content .hidden_message {
  1562. cursor:pointer;
  1563. position:absolute;
  1564. top:0px;
  1565. right:0px;
  1566. }
  1567. .hidden_message {
  1568. background-color:#5A5A5A;
  1569. padding:2px;
  1570. margin:0px;
  1571. }
  1572. .hidden_message a {
  1573. color:#fff !important;
  1574. /* text-decoration: underline; */
  1575. }
  1576. #social-forum-main-title {
  1577. font-size:130%;
  1578. font-weight:bold;
  1579. padding: 0px 8px 0px 8px;
  1580. }
  1581. #social-forum-title {
  1582. font-size:130%;
  1583. font-weight:bold;
  1584. padding: 0px 8px 0px 8px;
  1585. }
  1586. #social-thread {
  1587. /*-moz-border-radius-bottomleft:5px;
  1588. -moz-border-radius-bottomright:5px; */
  1589. -moz-border-radius-topleft:5px;
  1590. -moz-border-radius-topright:5px;
  1591. border:1px solid #E1E1E0;
  1592. background-color:#E1E1E0;
  1593. padding:8px;
  1594. font-size:110%;
  1595. font-weight:bold;
  1596. }
  1597. #social-post {
  1598. -moz-border-radius-bottomleft:5px;
  1599. -moz-border-radius-bottomright:5px;
  1600. /* -moz-border-radius-topleft:5px;
  1601. -moz-border-radius-topright:5px; */
  1602. border:1px solid #E1E1E0;
  1603. background-color:#ECECEB;
  1604. padding:12px;
  1605. }
  1606. /* GROUP TOOL */
  1607. #group_description {
  1608. margin: 10px 0px 10px 0px;
  1609. }
  1610. #group_privacy {
  1611. margin: 10px 0px 10px 0px;
  1612. }
  1613. #group_permissions {
  1614. -moz-background-clip:border;
  1615. -moz-background-inline-policy:continuous;
  1616. -moz-background-origin:padding;
  1617. -moz-border-radius-bottomleft:8px;
  1618. -moz-border-radius-bottomright:8px;
  1619. -moz-border-radius-topleft:8px;
  1620. -moz-border-radius-topright:8px;
  1621. background:#EEE none repeat scroll 0 0;
  1622. margin: 20px 0px 20px 0px;
  1623. }
  1624. #group_permissions ul {
  1625. list-style-image:none;
  1626. list-style-position:outside;
  1627. list-style-type:none;
  1628. margin:0;
  1629. padding:0;
  1630. }
  1631. #group_permissions ul li {
  1632. margin: 10px 0px 10px 5px;
  1633. }
  1634. /* Groups boxes */
  1635. .groups_grid_container {
  1636. width:100%;
  1637. }
  1638. .groups_grid_item {
  1639. width:80px;
  1640. float:left;
  1641. margin:5px;
  1642. }
  1643. .groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1644. .groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;}
  1645. .groups_grid_element_2 { width:150px; float:left;}
  1646. /*MY GROUPS*/
  1647. .mygroups_grid_item {
  1648. background: none repeat scroll 0 0 #FFFFFF;
  1649. border: 1px solid #E5E5E5;
  1650. border-radius: 11px 11px 11px 11px;
  1651. -webkit-border-radius: 11px 11px 11px 11px;
  1652. -opera-border-radius: 11px 11px 11px 11px;
  1653. -moz-border-radius: 11px 11px 11px 11px;
  1654. box-shadow: 0 4px 18px #C8C8C8;
  1655. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1656. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1657. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1658. float: left;
  1659. height: 120px;
  1660. margin: 0 8px 15px 15px;
  1661. padding: 16px 12px 5px;
  1662. width:600px;
  1663. }
  1664. .box_description_group_member {
  1665. color: #999999;
  1666. font-size: 10px;
  1667. }
  1668. .mygroups_grid_element_1 {
  1669. width:600px;
  1670. height:100px;
  1671. overflow:hidden;
  1672. }
  1673. .box_description_group_title h2 {
  1674. margin-bottom:4px;
  1675. margin-top: 0px;
  1676. }
  1677. .box_description_group_title {
  1678. float:right;
  1679. width:530px;
  1680. }
  1681. .box_description_group_content {
  1682. float:right;
  1683. width:530px;
  1684. margin-top:5px;
  1685. /* height:45px;*/
  1686. font-family:Verdana, Geneva, sans-serif;
  1687. font-size:12px;
  1688. color:#666666;
  1689. }
  1690. .box_description_group_actions {
  1691. float:right;
  1692. width:530px;
  1693. text-align:right;
  1694. margin-top:4px;
  1695. margin-right:4px;
  1696. }
  1697. input {
  1698. -moz-border-radius:5px;
  1699. -webkit-border-radius:5px;
  1700. border-radius:5px;
  1701. -x-system-font:none;
  1702. border:1px solid #CCCCCC;
  1703. color:#666666;
  1704. font-family:Arial,Helvetica,sans-serif;
  1705. font-size:120%;
  1706. line-height:normal;
  1707. padding:4px;
  1708. }
  1709. textarea {
  1710. border:1px solid #CCCCCC;
  1711. padding:5px;
  1712. -moz-border-radius:5px;
  1713. -webkit-border-radius:5px;
  1714. border-radius:5px;
  1715. color:#666666;
  1716. }
  1717. select {
  1718. color:#555;
  1719. border: 1px solid #CCC;
  1720. padding: 4px;
  1721. background-color: #F3F3F3;
  1722. font-size: 12px;
  1723. -moz-border-radius:5px;
  1724. -webkit-border-radius:5px;
  1725. border-radius:5px;
  1726. }
  1727. input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  1728. cursor: pointer;
  1729. font-size: 12px;
  1730. -moz-border-radius:5px;
  1731. -webkit-border-radius:5px;
  1732. -border-radius:5px;
  1733. border:1px solid #E1E1E0;
  1734. }
  1735. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  1736. border: 1px solid #849FB3;
  1737. box-shadow: 0 0 5px #C9D2D9;
  1738. background-image:none;
  1739. background-color:white;
  1740. -moz-border-radius:5px;
  1741. -border-radius:5px;
  1742. -webkit-border-radius:5px;
  1743. border-radius:5px;
  1744. }
  1745. /* Fixes the FB input*/
  1746. input.maininput:focus {
  1747. box-shadow:0 0 0px #fff;
  1748. border:none;
  1749. }
  1750. /* Big icons course home page styles */
  1751. .big_icon {
  1752. /*width:205px; */
  1753. padding:10px;
  1754. }
  1755. .big_icon img {
  1756. padding:5px;
  1757. -moz-border-radius:10px;
  1758. -border-radius:10px;
  1759. -webkit-border-radius:10px;
  1760. border-radius:10px;
  1761. -webkit-box-shadow: 0 4px 8px #C8C8C8;
  1762. -opera-box-shadow: 0 4px 8px #C8C8C8;
  1763. -moz-box-shadow: 0 4px 8px #C8C8C8;
  1764. box-shadow: 0 4px 8px #C8C8C8;
  1765. }
  1766. .big_icon img:hover {
  1767. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1768. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1769. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1770. box-shadow: 0 4px 18px #C8C8C8;
  1771. }
  1772. .courseadminview .big_icon a {
  1773. font-size:12px;
  1774. }
  1775. /* Fixes the administration block section */
  1776. .admin_section div {
  1777. margin: 5px 0 14px 5px;
  1778. margin-left: 39px;
  1779. }
  1780. .rounded_div {
  1781. background: none repeat scroll 0 0 #FFFFFF;
  1782. border: 1px solid #E5E5E5;
  1783. -webkit-border-radius: 11px;
  1784. -opera-border-radius: 11px;
  1785. -moz-border-radius: 11px;
  1786. border-radius: 11px;
  1787. -webkit-box-shadow: 0 4px 18px #C8C8C8;
  1788. -opera-box-shadow: 0 4px 18px #C8C8C8;
  1789. -moz-box-shadow: 0 4px 18px #C8C8C8;
  1790. box-shadow: 0 4px 18px #C8C8C8;
  1791. float: left;
  1792. height: auto;
  1793. margin: 10px 8px 15px 15px;
  1794. padding: 20px;
  1795. }
  1796. /* Makes the course elements more readable */
  1797. .userportal-course-item {
  1798. }
  1799. .session_course_item {
  1800. padding: 6px 0px 6px 5px ;
  1801. }
  1802. /* LP tool*/
  1803. div.lp_resource {
  1804. padding:5px 10px;
  1805. width:380px;
  1806. list-style-type: none;
  1807. margin: 0;
  1808. padding: 0;
  1809. }
  1810. .lp_resource_element, .lp_resource_element_no_link {
  1811. background-image:-moz-linear-gradient(top,#fefefe,#eee);
  1812. background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
  1813. border: 1px solid #CCCCCC;
  1814. color: #444444;
  1815. cursor: pointer;
  1816. font-weight: bold;
  1817. text-decoration: none;
  1818. text-shadow: 0 1px 1px #F6F6F6;
  1819. margin:5px;
  1820. padding:5px;
  1821. }
  1822. .doc_resource {
  1823. margin:6px;
  1824. }
  1825. div.lp_tree {
  1826. height: 100%;
  1827. overflow: auto;
  1828. padding: 3px 10px 3px 0;
  1829. width: 230px;
  1830. }
  1831. table.lp_build td.tree {
  1832. border:none;
  1833. }
  1834. #resource_tab {
  1835. min-height:380px;
  1836. }
  1837. #logo {
  1838. /* height:85px; */
  1839. padding-top: 4px;
  1840. overflow:hidden;
  1841. margin-left:4%;
  1842. float:left;
  1843. }
  1844. div.system_announcement {
  1845. background-color: #EEEEEE;
  1846. }
  1847. .RequirementHeading, .RequirementText, .RequirementContent {
  1848. margin-top:12px;
  1849. }
  1850. #formLogin {
  1851. height:160px;
  1852. }
  1853. #toolshortcuts_horizontal {
  1854. padding: 8px 20px 2px 0px;
  1855. clear: right;
  1856. margin-left: auto;
  1857. margin-right: auto;
  1858. text-align: right;
  1859. width: 98%;
  1860. }
  1861. #toolshortcuts_vertical {
  1862. padding: 8px 0px 2px 0px;
  1863. clear: right;
  1864. margin-left: auto;
  1865. margin-right: auto;
  1866. text-align: right;
  1867. width: 98%;
  1868. }
  1869. div.admin_section {
  1870. min-height: 260px;
  1871. }
  1872. .admin_section li {
  1873. padding: 2px 0px 2px;
  1874. }
  1875. div.admin_section h4 {
  1876. font-size:16px;
  1877. letter-spacing:-1px;
  1878. }
  1879. .actions span {
  1880. margin-right:0px;
  1881. }
  1882. #courseintro_empty {
  1883. float: right;
  1884. margin: 2px auto;
  1885. padding: 0;
  1886. }
  1887. /*PROFILE*/
  1888. .profile_grid_container { width:100%;}
  1889. .profile_grid_item {
  1890. border:1px dotted #CCCCCC;
  1891. float:left;
  1892. height:90px;
  1893. margin:5px;
  1894. padding:5px;
  1895. width:270px;
  1896. }
  1897. .profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1898. .profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; }
  1899. /* pagination grid sortable */
  1900. .sub_header {width:100%}
  1901. .grid_selectbox {float:left;width:35%}
  1902. .grid_title {float:left;width:30%;text-align:center}
  1903. .grid_nav {float:left;width:35%;text-align:right}
  1904. /* Groups boxes */
  1905. .group_invitation_grid_container { width:100%;}
  1906. .group_invitation_grid_item {
  1907. border:1px dotted #CCCCCC;
  1908. float:left;
  1909. height:85px;
  1910. margin:8px;
  1911. padding:5px;
  1912. width:300px;
  1913. }
  1914. .group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1915. .group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;}
  1916. .group_invitation_grid_element_2 { width:150px; float:left;}
  1917. /* home group boxes */
  1918. .home_group_grid_container {
  1919. margin-bottom:70px;
  1920. height:65px;
  1921. }
  1922. .home_group_grid_element_1 {
  1923. font-family:Verdana, Geneva, sans-serif;
  1924. font-size:12px;
  1925. color:#686868;
  1926. font-weight:bold;
  1927. margin:2px;
  1928. padding:2px;
  1929. }
  1930. .home_group_grid_element_2 {
  1931. float:right;
  1932. width:80%;
  1933. height:45px;
  1934. font-family:Verdana, Geneva, sans-serif;
  1935. font-size:12px;
  1936. color:#666666;
  1937. }
  1938. /*INVITATION IN PROFILE*/
  1939. .invitation_profile_grid_container { width:100%;}
  1940. .invitation_profile_grid_item {
  1941. border:1px dotted #CCCCCC;
  1942. float:left;
  1943. height:110px;
  1944. margin:5px;
  1945. padding:5px;
  1946. width:100px;
  1947. }
  1948. .invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1949. .invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
  1950. .invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;}
  1951. .invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;}
  1952. /* User boxes */
  1953. .search_users_grid_container { width:100%;}
  1954. .search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
  1955. .search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1956. .search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;}
  1957. .search_users_grid_element_2 { width:150px; float:left;}
  1958. .search_users_grid_selectbox { width:50%; float:left;}
  1959. .search_users_grid_title { width:30%; float:left;}
  1960. .search_users_grid_nav { float:right;}
  1961. /*WAITING USER*/
  1962. .waiting_user_grid_container { width:100%;}
  1963. .waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;}
  1964. .waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;}
  1965. .waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px}
  1966. .waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px}
  1967. .waiting_user_grid_element_5 { width:100%; text-align:left;}
  1968. .waiting_user_grid_element_6 { width:100%; text-align:left;}
  1969. /*LIST MEMBERS*/
  1970. .list_members_grid_container { width:100%;}
  1971. .list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
  1972. .list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1973. .list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
  1974. .list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1975. .list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1976. .list_members_grid_element_5 { width:100%; text-align:center;}
  1977. /*SEARCH USER*/
  1978. .search_user_grid_container { width:100%;}
  1979. .search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;}
  1980. .search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  1981. .search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;}
  1982. .search_user_grid_element_1 { width:100%; text-align:center;}
  1983. .search_user_grid_element_2 { width:100%; text-align:center;}
  1984. .search_user_grid_element_3 { width:100%; text-align:center;}
  1985. /*SEARCH GROUP*/
  1986. .search_group_grid_item {
  1987. float:left;
  1988. width:345px;
  1989. height:165px;
  1990. margin-top:20px;
  1991. }
  1992. .search_group_grid_container {
  1993. margin-top:0px;
  1994. }
  1995. .search_group_grid_element_1 {
  1996. width:330px;
  1997. height:165px;
  1998. padding-left:10px;
  1999. padding-right:10px;
  2000. background-repeat:repeat-y;
  2001. overflow:hidden;
  2002. }
  2003. .tableFloatingHeaderOriginal th, .tableWithFloatingHeader th{
  2004. height:80px;
  2005. }
  2006. /* chosen javascript checkbox select width fix */
  2007. .chzn-select {
  2008. width: 200px;
  2009. }
  2010. #lp_item_list {
  2011. width:90%;
  2012. }
  2013. #lp_item_list, #lp_item_list li {
  2014. list-style-type: none;
  2015. }
  2016. #lp_item_list ul, #lp_item_list li{
  2017. float:left;
  2018. width:100%;
  2019. }
  2020. #lp_item_list .item {
  2021. border:none;
  2022. }
  2023. #lp_item_list .empty {
  2024. height:20px;
  2025. }
  2026. #lp_item_list .button_actions {
  2027. position: absolute;
  2028. right: 20px;
  2029. }
  2030. #lp_item_list .item_data {
  2031. padding:5px 0px 5px 0px;
  2032. }
  2033. .ui-state-highlight {
  2034. height:25px;
  2035. }
  2036. #question_list .header_operations {
  2037. height:40px;
  2038. margin-bottom:5px;
  2039. }
  2040. .question-list-description-block {
  2041. margin-bottom:10px !important;
  2042. margin-top: -6px !important;
  2043. }
  2044. .thematic_advance_content {
  2045. padding:10px;
  2046. }
  2047. .thematic_advance_actions {
  2048. width:100px;
  2049. }
  2050. .document_preview_container {
  2051. -webkit-border-radius: 6px;
  2052. -opera-border-radius: 6px;
  2053. -moz-border-radius: 6px;
  2054. border-radius: 6px;
  2055. -webkit-box-shadow: 0 2px 5px #C8C8C8;
  2056. -opera-box-shadow: 0 2px 5px #C8C8C8;
  2057. -moz-box-shadow: 0 2px 5px #C8C8C8;
  2058. box-shadow: 0 2px 5px #C8C8C8;
  2059. background-color: #F9F9F9;
  2060. position: absolute;
  2061. z-index: 20;
  2062. margin:5px;
  2063. padding:5px;
  2064. width: 400px;
  2065. height:280px;
  2066. overflow-y: auto;
  2067. }
  2068. #course_settings h3 img {
  2069. margin-left: 25px;
  2070. }
  2071. .document_preview_container {
  2072. font-size: 12px !important;
  2073. color: #111 ! important;
  2074. }
  2075. /* Exercise comment*/
  2076. #comments {
  2077. position:absolute;
  2078. left:795px;
  2079. top:0px;
  2080. width:200px;
  2081. height:75px;
  2082. z-index:1;
  2083. }
  2084. #questions {
  2085. width:40%;
  2086. height:50px;
  2087. float:left;
  2088. padding:5px;
  2089. }
  2090. .question_item {
  2091. height:50px;
  2092. padding:5px;
  2093. margin:10px 0px 10px 0px;
  2094. }
  2095. .option_item {
  2096. width:150px;
  2097. padding:3px;
  2098. margin:10px;
  2099. }
  2100. .ui-jqgrid tr.jqgrow td {
  2101. height:38px !important;
  2102. }
  2103. .exercise_overview_options {
  2104. background-color: #F9F9F9;
  2105. -webkit-border-radius: 10px;
  2106. -moz-border-radius: 10px;
  2107. border-radius: 10px;
  2108. height: 40px;
  2109. margin: 5px;
  2110. padding: 15px;
  2111. }
  2112. .exercise_overview_options .left_option {
  2113. float:left;
  2114. margin:12px 5px;
  2115. }
  2116. .exercise_overview_options .right_option {
  2117. float:right;
  2118. margin:12px 5px;
  2119. font-size : 14px;
  2120. }