default.css 38 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150
  1. /*
  2. ==============================================================================
  3. GLOBAL STYLES - REDEFINED HTML TAGS
  4. ==============================================================================
  5. */
  6. body {
  7. background-color: #fff;
  8. color: #000;
  9. font-family: arial, verdana, helvetica, sans-serif;
  10. font-size: 12px;
  11. margin: 0;
  12. padding: 0;
  13. }
  14. img {
  15. border: none;
  16. }
  17. p,
  18. blockquote,
  19. ol,
  20. ul,
  21. h4 {
  22. font-size: 12px;
  23. }
  24. h1 {
  25. font-size: 21px;
  26. }
  27. h2 {
  28. font-size: 18px;
  29. }
  30. h3 {
  31. font-size: 15px;
  32. margin-top:0px;
  33. padding-top:0px;
  34. }
  35. /* the following for regular <a> elements */
  36. a:link,
  37. a:visited,
  38. a:hover,
  39. a:active {
  40. font-weight : bold;
  41. text-decoration: none;
  42. }
  43. a:link,
  44. a:visited {
  45. color : #4171b5;
  46. }
  47. a:hover {
  48. color: red;
  49. }
  50. a:active {
  51. color : #f00;
  52. }
  53. select,
  54. textarea {
  55. border: 1px solid #000;
  56. color : #000;
  57. }
  58. select,
  59. input[type=checkbox],
  60. input[type=radio],
  61. input[type=button],
  62. input[type=submit] {
  63. cursor: pointer;
  64. font-size: 12px;
  65. }
  66. input[type=text] {
  67. font-size: 12px;
  68. }
  69. input.checkbox {
  70. border-width: 0;
  71. }
  72. input.link_alike,
  73. input.link_alike:hover {
  74. background-color: #FFF;
  75. border-width: 0px;
  76. color: #4171b5;
  77. font-weight: bold;
  78. margin: 0px;
  79. padding: 0px;
  80. text-align: left;
  81. }
  82. input.link_alike{
  83. color: #4171b5;
  84. }
  85. input.link_alike:hover {
  86. color: #FF0000;
  87. }
  88. /*
  89. ==============================================================================
  90. PAGE STRUCTURE
  91. ==============================================================================
  92. */
  93. #outerframe {
  94. background-color: #fff;
  95. border: 1px solid #fff;
  96. position: relative; /* do not remove, fixes a bug in IE */
  97. }
  98. /* Hides from IE5-mac \*/
  99. * html #outerframe {height: 1%;}
  100. /* End hide from IE5-mac */
  101. #main {
  102. background-color: #fff;
  103. margin: 0px auto;
  104. margin-top: 10px;
  105. min-height: 320px;
  106. padding: 0px 10px 10px 10px;
  107. position: relative; /* to avoid the IE peekabo bug*/
  108. width: 98%;
  109. }
  110. .maincontent { /* for content section in main index.php file */
  111. background-color: #fff;
  112. float: left;
  113. padding: 4px;
  114. width: 78%;
  115. }
  116. .clear {
  117. clear: both;
  118. height: 0;
  119. line-height: 0px;
  120. }
  121. #center {
  122. margin: 0 190px 0 0;
  123. min-height: 300px;
  124. padding: 10px 0 40px 0;
  125. }
  126. .invisible ,
  127. .invisible a:link,
  128. .invisible a:visited,
  129. a.invisible:link,
  130. a.invisible:visited {
  131. color: #999;
  132. }
  133. /* user_portal course status icon */
  134. .coursestatusicons{
  135. border: 0px solid #000;
  136. float: left;
  137. padding-right: 5px;
  138. width: auto;
  139. }
  140. /* user_portal course list */
  141. .courses {
  142. list-style-type: none;
  143. margin-bottom: 5px;
  144. }
  145. /*
  146. ==============================================================================
  147. HEADER STYLES
  148. ==============================================================================
  149. */
  150. #header {
  151. margin: 0;
  152. padding: 0;
  153. width: 100%;
  154. }
  155. /*
  156. ------------------------------------------------------------------------------
  157. HEADER 1: Title, portal, organisation, course title
  158. ------------------------------------------------------------------------------
  159. */
  160. #header1 {
  161. background-color: #264269;
  162. border-bottom: 1px solid white;
  163. color: #fff;
  164. font-size: 12px;
  165. padding: 4px;
  166. }
  167. #header1 a {
  168. color: #fff;
  169. text-decoration: none;
  170. }
  171. #header1 a:hover{
  172. background-color: #264269;
  173. text-decoration: underline;
  174. }
  175. #sitename {
  176. font-weight: bold;
  177. margin: 0;
  178. }
  179. #institution {
  180. float: left;
  181. font-weight: bold;
  182. }
  183. #my_courses {
  184. float: right;
  185. font-weight: bold;
  186. }
  187. /*
  188. ------------------------------------------------------------------------------
  189. HEADER 2: Users online, help, student/teacher view
  190. ------------------------------------------------------------------------------
  191. */
  192. #header2 {
  193. background: #4271b5;
  194. border-bottom: 1px solid #666;
  195. color: #fff;
  196. font-size: 1.0em;
  197. font-weight: normal;
  198. padding: 0.2em 0.5em;
  199. padding-bottom: 0.2em;
  200. position: relative; /* to avoid the IE peekabo bug*/
  201. }
  202. #header2 a {
  203. color: #fff;
  204. font-weight:normal;
  205. text-decoration: none;
  206. }
  207. #header2 a:hover{
  208. text-decoration: underline;
  209. }
  210. /* Header2Right: online users, student/teacher view, help */
  211. #Header2Right ul{
  212. float: right;
  213. list-style-type: none;
  214. margin: 0;
  215. padding: 0;
  216. position: relative; /* to avoid the IE peekabo bug*/
  217. text-align: right;
  218. width: 70%;
  219. }
  220. #Header2Right ul li {
  221. display: inline;
  222. }
  223. #Header2Right ul li a {
  224. color:#fff;
  225. padding: 4px 6px 4px 4px;
  226. }
  227. /*
  228. ------------------------------------------------------------------------------
  229. HEADER 3: TABS OF THE HEADER
  230. ------------------------------------------------------------------------------
  231. */
  232. #header3 {
  233. background: #E5EDF9;
  234. border-bottom: 1px solid #4171b5;
  235. color: #006;
  236. font-size: 1.0em;
  237. height:auto;
  238. margin: 0px;
  239. margin-bottom: 1px;
  240. padding: 0em 0em 0.4em 0em;
  241. }
  242. #header3 a {
  243. color: #2754AF;
  244. display: block;
  245. font-weight: bold;
  246. padding: 3px 3px 2px 3px;
  247. text-decoration: none;
  248. }
  249. #header3 a:hover {
  250. color: #333;
  251. }
  252. #header3 ul {
  253. display: inline;
  254. list-style-type: none;
  255. margin: 0px;
  256. padding: 0px 20px 0px 0px;
  257. }
  258. #header3 li {
  259. border-right: solid 1px #73A2B6;
  260. color: #73A2B6;
  261. display: block;
  262. float: left;
  263. list-style: none;
  264. margin: 0px;
  265. padding: 0px;
  266. }
  267. #header3 li:hover {
  268. margin: 0px;
  269. padding: 0px;
  270. }
  271. #header3 #current {
  272. background-color: #fff;
  273. border-bottom: 1px solid #fff;
  274. }
  275. #header3 #current a {
  276. border-bottom: 0px solid #4171b5;
  277. color: #2754AF;
  278. }
  279. #header3 #current a:hover {
  280. color: #333;
  281. }
  282. #header3 .banner_links {
  283. margin: 0;
  284. }
  285. #header3 input {
  286. display: block;
  287. padding-left: 2px;
  288. padding-right: 2px;
  289. }
  290. #header3 input:hover {
  291. color: #333;
  292. }
  293. #header3 input.logout { /* makes an input appear like a link in this header */
  294. background-color: transparent;
  295. border: none;
  296. color: #2754AF;
  297. display: inline;
  298. font-size: 1.0em;
  299. font-weight:bold;
  300. margin: 0;
  301. padding: 0;
  302. padding-right: 2px;
  303. padding-top: 3px;
  304. }
  305. #header3 #logout {
  306. margin-top: 0px;
  307. }
  308. #logout{
  309. border-left: solid 1px #73A2B6;
  310. display: inline;
  311. float: right;
  312. font-size: 1.0em;
  313. text-align: right;
  314. width: auto;
  315. }
  316. /*
  317. ------------------------------------------------------------------------------
  318. HEADER 4: not used
  319. ------------------------------------------------------------------------------
  320. */
  321. #header4 {
  322. background-color: #fff;
  323. color: #009;
  324. margin-bottom: 2px;
  325. padding: 4px;
  326. float: left;
  327. clear:right;
  328. }
  329. #header4 a {
  330. color: #4171b5;
  331. }
  332. #header4 a:hover {
  333. color: #f00;
  334. text-decoration: none;
  335. }
  336. /* The tool shortcuts */
  337. #toolshortcuts {
  338. text-align: right;
  339. clear: right;
  340. }
  341. /*
  342. ==============================================================================
  343. FOOTER STYLES
  344. ==============================================================================
  345. */
  346. #footer {
  347. background-color: #E5EDF9;
  348. border-top: 1px solid #4171B5;
  349. font-size: 12px;
  350. padding: 8px;
  351. }
  352. #footer .copyright {
  353. float: right;
  354. }
  355. #myprofilefooter {
  356. clear:both;
  357. border-top:thin solid;
  358. padding-top:2px;
  359. }
  360. /*
  361. ==============================================================================
  362. NAVIGATION MENU
  363. ==============================================================================
  364. */
  365. .menu {
  366. background-color: #E5EDF9;
  367. border: 1px solid #4171B5;
  368. float: right;
  369. padding: 0 0 6px 0;
  370. width: 20%;
  371. }
  372. .menucaption {
  373. font-size: 12px;
  374. font-weight: bold;
  375. padding-left: 12px;
  376. }
  377. .menusection {
  378. border: 1px solid #4171B5;
  379. margin: 24px 6px 0 6px;
  380. padding-left: 10px;
  381. width: auto;
  382. }
  383. .menusectioncaption {
  384. background-color: #E5EDF9;
  385. font-size: 12px;
  386. padding: 0 8px 0 4px;
  387. position: relative;
  388. top: -9px;
  389. }
  390. .menulist {
  391. list-style: none;
  392. margin: 0 0 12px 0;
  393. padding: 0;
  394. }
  395. #centerwrap {
  396. float: left;
  397. width: 100%;
  398. margin-right: -95%;
  399. /* this needs to be less than 100% for Moz/Mac which thinks
  400. it's empty otherwise. The difference is made up by putting a
  401. negative left margin on the left float:
  402. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  403. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  404. */
  405. }
  406. #center {
  407. margin: 0 190px 0 0;
  408. min-height: 300px;
  409. padding: 10px 0 40px 0;
  410. }
  411. #toolnav {
  412. float: right;
  413. margin: 0;
  414. margin-left: -5%; /* the difference to make the left colum appear flush left */
  415. padding: 0;
  416. width: 180px;
  417. }
  418. #toolnav img {
  419. float: left;
  420. width: 25px;
  421. height: 25px;
  422. margin: 0 4px 0 0;
  423. }
  424. /* Hide from IE5-mac. Only IE-win sees this. \*/
  425. * html #toolnav { margin-right: 0px;}
  426. * html #center { height: 1%; margin-left: 0; }
  427. /* End hide from IE5/mac */
  428. /*
  429. this lets the navigation menu appear to the left:
  430. #center {
  431. margin: 0 0 0 180px;
  432. min-height: 300px;
  433. padding: 10px 0 40px 0;
  434. }
  435. #toolnav {
  436. float: left;
  437. width: 180px;
  438. padding: 20px 0 0 0;
  439. margin-left: -5%;
  440. }
  441. */
  442. /*
  443. ------------------------------------------------------------------------------
  444. course navigation menu as a definition list
  445. ------------------------------------------------------------------------------
  446. */
  447. #toolnavbox {
  448. border: 1px solid #4271b5;
  449. float: left;
  450. margin: 0 0 0 10px;
  451. padding: 0;
  452. }
  453. #toolnavbox dl {
  454. background: transparent;
  455. font-size: 12px;
  456. margin: 0 auto;
  457. text-align: center;
  458. width: 160px;
  459. }
  460. #toolnavbox dt {
  461. background: transparent;
  462. border-bottom: 1px solid #fff;
  463. color: #000;
  464. font-size: 12px;
  465. font-weight: bold;
  466. margin: 0;
  467. text-align: center;
  468. }
  469. #toolnavbox dd {
  470. background: #E5EDF9;
  471. border-bottom:1px solid #fff;
  472. color: #009;
  473. margin: 0;
  474. text-align: left;
  475. }
  476. #toolnavlist a,
  477. #toolnavlist a:link {
  478. background: #E5EDF9;
  479. color: #4171b5;
  480. display: block;
  481. margin: 0;
  482. padding: 5px 5px 5px 10px;
  483. text-decoration: none;
  484. }
  485. #toolnavlist a:hover,
  486. #toolnavlist a#here {
  487. background: #fff;
  488. color:#4171b5;
  489. }
  490. /* --- end of course navigation menu section --- */
  491. /*
  492. ==============================================================================
  493. LOGIN AND LANGUAGE FORM
  494. ==============================================================================
  495. */
  496. #lang_form {
  497. font-size: 12px;
  498. margin: 2px 0 10px 0;
  499. padding: 2px;
  500. text-align: left;
  501. }
  502. #lang_form input,
  503. #lang_form select{
  504. font-size: 12px;
  505. }
  506. #formLogin label {
  507. font-size: 12px;
  508. margin: 4px 6px;
  509. }
  510. #formLogin input {
  511. font-size: 13px;
  512. margin: 4px 6px;
  513. }
  514. #login_fail {
  515. background-color: #fff;
  516. border: 1px solid #f00;
  517. color: #f00;
  518. font-size: 12px;
  519. margin: 0 6px 6px 6px;
  520. padding: 4px;
  521. }
  522. input.mainoption {
  523. font-weight : bold;
  524. }
  525. input.liteoption {
  526. font-weight : normal;
  527. }
  528. /*
  529. ==============================================================================
  530. COURSE HOMEPAGE
  531. ==============================================================================
  532. */
  533. /* various sections in course-home.php file */
  534. #toolremove {
  535. border: 2px solid #f00;
  536. color: #f00;
  537. font-weight: bold;
  538. margin: 10px auto;
  539. padding: 10px;
  540. width: 40%;
  541. }
  542. #courseintro {
  543. border-bottom: 1px solid #4171B5;
  544. clear: both;
  545. margin: 10px auto;
  546. padding: 10px;
  547. width: 80%;
  548. }
  549. #courseintro_icons {
  550. clear: both;
  551. margin: 10px auto;
  552. width: 80%;
  553. }
  554. .everybodyview {
  555. margin: 10px auto;
  556. padding: 10px;
  557. position: relative; /* to avoid the IE peekabo bug ?*/
  558. width: 80%;
  559. }
  560. .Authoringview,
  561. .courseadminview,
  562. .platformadminview {
  563. border: 1px solid #4171B5;
  564. margin: 25px auto 10px;
  565. padding: 10px;
  566. position: relative;
  567. width: 80%;
  568. }
  569. .viewcaption {
  570. background-color: #fff;
  571. color: #4171B5;
  572. font-size: 12px;
  573. font-weight: bold;
  574. padding: 0 4px;
  575. position: relative;
  576. top: -20px;
  577. }
  578. /*
  579. ==============================================================================
  580. AGENDA
  581. ==============================================================================
  582. */
  583. #agenda {
  584. width: 100%;
  585. margin: 0 auto;
  586. border: 1px solid #4171B5;
  587. border-collapse: collapse;
  588. }
  589. #agenda .title a {
  590. color: #fff;
  591. }
  592. #agenda .agendaitem {
  593. font-size: 12px;
  594. }
  595. .agenda_month_divider {
  596. background-color: #4171B5;
  597. color: #fff;
  598. font-size: 12px;
  599. font-weight: bold;
  600. text-align: center;
  601. }
  602. #agenda_select {
  603. border: 0px solid green;
  604. list-style: none;
  605. margin: 30px 0 0 0;
  606. padding: 0 0 0 10px;
  607. }
  608. /*
  609. ------------------------------------------------------------------------------
  610. styles for the agenda (day, week, month view)
  611. ------------------------------------------------------------------------------
  612. */
  613. #agenda_list {
  614. border: 1px solid #fff;
  615. border-collapse: collapse;
  616. margin: 0 auto;
  617. width: 100%;
  618. }
  619. /*The caption of the calendar (displays the month and the << and >> links*/
  620. #agenda_list .title{
  621. background-color: #4171B5;
  622. border: 1px solid #264269;
  623. color: #fff;
  624. font-size: 12px;
  625. font-weight: bold;
  626. padding: 2px 10px;
  627. text-align: center;
  628. }
  629. #agenda_list .title a{
  630. color: #fff;
  631. }
  632. /* The cells with the name of the days of the weeks (mon->sun)*/
  633. #agenda_list .weekdays {
  634. background-color: #D3DFF1;
  635. border: 1px solid #264269;
  636. border-collapse: collapse;
  637. font-weight: bold;
  638. text-align: center;
  639. }
  640. #agenda_list .days_week,
  641. #agenda_list .days_weekend,
  642. #agenda_list .days_today {
  643. border: 1px solid #264269;
  644. border-collapse: collapse;
  645. height: 40px;
  646. text-align: left;
  647. vertical-align: top;
  648. width: 12%;
  649. }
  650. /* The cells for the days (1->31) */
  651. #agenda_list .days_week {
  652. background-color: #f5f5f5;
  653. }
  654. #agenda_list .days_weekend {
  655. background-color: #e6e6e6;
  656. }
  657. #agenda_list .days_today {
  658. background-color: #FFCA8D;
  659. color: #CC3300;
  660. font-weight: bold;
  661. }
  662. #agenda_list .data,
  663. #agenda_list .datanotbold,
  664. #agenda_list .text,
  665. #agenda_list .data_hidden,
  666. #agenda_list .datanotbold_hidden,
  667. #agenda_list .text_hidden,
  668. #agenda_list .datanow,
  669. #agenda_list .datanotboldnow,
  670. #agenda_list .textnow {
  671. border: 0px solid #4171B5;
  672. border-collapse: collapse;
  673. padding: 2px 10px;
  674. text-align: left;
  675. }
  676. /* text in the cells: display of agenda items (visible)*/
  677. #agenda_list .data {
  678. background-color: #eee;
  679. font-weight: bold;
  680. }
  681. #agenda_list .datanotbold {
  682. background-color: #eee;
  683. font-weight: normal;
  684. }
  685. #agenda_list .text {
  686. background-color: #fff;
  687. font-weight: normal;
  688. }
  689. /*text in the cells: display of agenda items (invisible)*/
  690. #agenda_list .data_hidden {
  691. background-color: #eee;
  692. color: #999999;
  693. font-weight: bold;
  694. }
  695. #agenda_list .datanotbold_hidden {
  696. background-color: #eee;
  697. color: #999999;
  698. font-weight: normal;
  699. }
  700. #agenda_list .text_hidden {
  701. background-color: #fff;
  702. color: #999999;
  703. font-weight: normal;
  704. }
  705. /*text in the cells: display of agenda items (highlighted)*/
  706. #agenda_list .datanow {
  707. background-color: #FFCC00;
  708. font-weight: bold;
  709. }
  710. #agenda_list .datanotboldnow {
  711. background-color: #FFCC00;
  712. font-weight: normal;
  713. }
  714. #agenda_list .textnow {
  715. background-color: #fff;
  716. font-weight: normal;
  717. }
  718. /*
  719. ------------------------------------------------------------------------------
  720. styles for the mini agenda
  721. ------------------------------------------------------------------------------
  722. */
  723. #smallcalendar {
  724. border: 1px solid #fff;
  725. border-collapse: collapse;
  726. margin: 0 auto;
  727. width: 100%;
  728. }
  729. #smallcalendar .title {
  730. background-color: #4171B5;
  731. color: #fff;
  732. font-size: 11px;
  733. font-weight: bold;
  734. padding: 2px;
  735. text-align: center;
  736. }
  737. #smallcalendar .title a {
  738. color: #fff;
  739. }
  740. #smallcalendar .weekdays {
  741. background-color: #D3DFF1;
  742. border: 1px solid #fff;
  743. border-collapse: collapse;
  744. font-size: 11px;
  745. font-weight: bold;
  746. text-align: center;
  747. }
  748. #smallcalendar .days_week {
  749. background-color: #f5f5f5;
  750. border-collapse: collapse;
  751. font-size: 11px;
  752. text-align: center;
  753. }
  754. #smallcalendar .days_weekend {
  755. background-color: #e6e6e6;
  756. border: 1px solid #fff;
  757. border-collapse: collapse;
  758. font-size: 11px;
  759. text-align: center;
  760. }
  761. #smallcalendar .days_today {
  762. background-color: #FFCA8D;
  763. border: 1px solid #FA8500;
  764. border-collapse: collapse;
  765. font-size: 11px;
  766. text-align: center;
  767. width: 12%;
  768. }
  769. /*
  770. ------------------------------------------------------------------------------
  771. styles for the personal agenda
  772. ------------------------------------------------------------------------------
  773. */
  774. .personal_agenda,
  775. .personal_agenda a:link,
  776. .personal_agenda a:visited,
  777. a.personal_agenda:link,
  778. a.personal_agenda:visited{
  779. color: #008000;
  780. }
  781. .personal_agenda a:hover,
  782. a.personal_agenda:hover {
  783. color: #666666;
  784. }
  785. .ical_export { float: right; margin-top: 0.2em;}
  786. /*
  787. ==============================================================================
  788. DISPLAY MESSAGES
  789. ==============================================================================
  790. */
  791. /* Common message styles */
  792. .normal-message,
  793. .warning-message,
  794. .confirmation-message,
  795. .error-message {
  796. border-width: 1px;
  797. border-style: solid;
  798. left: 50%;
  799. margin: 10px auto;
  800. margin-left: -250px;
  801. min-height: 30px;
  802. padding: 5px;
  803. position: relative;
  804. right: 50%;
  805. width: 500px;
  806. }
  807. /* Specific message styles */
  808. .normal-message {
  809. background-color: #E5EDF9;
  810. border-color: #4171B5;
  811. color: #000;
  812. }
  813. .warning-message {
  814. background-color: #FFEFA7;
  815. border-color: #FFB30F;
  816. color: #000;
  817. }
  818. .confirmation-message {
  819. background-color: #CAF0C7;
  820. border-color: #1F8323;
  821. color: #000;
  822. }
  823. .error-message {
  824. background-color: #FFD1D1;
  825. border-color: #FF0000;
  826. color: #000;
  827. }
  828. #message {
  829. margin: 0 auto;
  830. text-align: center;
  831. }
  832. #message select {
  833. margin: 10px 0;
  834. width: 220px;
  835. }
  836. #message textarea {
  837. margin: 10px 0;
  838. }
  839. #message td {
  840. padding: 4px;
  841. }
  842. /*
  843. ==============================================================================
  844. DOCUMENT MODULE
  845. ==============================================================================
  846. */
  847. /* styles from the document.php file */
  848. .comment {
  849. margin-left: 30px;
  850. }
  851. /* styles from the upload.php file */
  852. dl.upload_option {
  853. margin: 1em 0;
  854. padding: 0;
  855. }
  856. .upload_option dt {
  857. font-weight:bold;
  858. margin:0;
  859. }
  860. .upload_option dd {
  861. margin:0;
  862. }
  863. /*
  864. ==============================================================================
  865. DROPBOX MODULE
  866. ==============================================================================
  867. */
  868. /* styles from dropbox.php file */
  869. .dropbox_detail {
  870. font-size: small
  871. }
  872. .dropbox_date {
  873. font-style: italic
  874. }
  875. .dropbox_person {
  876. font-weight: bold
  877. }
  878. .dropbox_listTitle {
  879. color: #000000;
  880. }
  881. .dropbox_feedback {
  882. font-size: x-small;
  883. height: 50px;
  884. overflow: auto
  885. width: 200px;
  886. }
  887. .dropbox_feedbacks {
  888. height: 250px;
  889. width: 100%;
  890. overflow: auto
  891. }
  892. /*
  893. ==============================================================================
  894. CHAT MODULE
  895. ==============================================================================
  896. */
  897. /* styles for chat / conference tools */
  898. #chat_entermessage {
  899. background-color: #D6E5FA;
  900. border-top: 1px solid #4171B5;
  901. padding: 5px; margin: 0;
  902. }
  903. /* the following for the greyed out elements */
  904. a.nobold:link,
  905. a.nobold:visited,
  906. a.nobold:active {
  907. font-weight: normal;
  908. color: #999;
  909. margin: 0 0 0 25px;
  910. }
  911. a.nobold:hover {
  912. font-weight: normal;
  913. color: #999;
  914. text-decoration: underline;
  915. margin: 0 0 0 25px;
  916. }
  917. .note {
  918. background-color: #FFF089;
  919. border: 1px solid #4171B5;
  920. color: #4171B5;
  921. font-size: 12px;
  922. font-family: verdana, arial, helvetica, sans-serif;
  923. line-height: 14px;
  924. margin: 6px;
  925. padding: 4px;}
  926. .alternativeBgLight {
  927. background-color: #f5f5f5;
  928. border: 1px solid #4171B5;
  929. border-collapse: collapse;
  930. }
  931. .alternativeBgDark {
  932. background-color: #ccf;
  933. border: 1px solid #4171B5;
  934. border-collapse: collapse;
  935. }
  936. .myagendatoday {
  937. background-color: #FFCA8D;
  938. border-collapse: collapse;
  939. color: #CC3300;
  940. font-family: verdana, arial, helvetica, sans-serif;
  941. font-weight: bold;
  942. }
  943. /*
  944. ==============================================================================
  945. FORM STYLES
  946. ==============================================================================
  947. */
  948. div.row {
  949. clear: both;
  950. padding-top: 5px;
  951. }
  952. div.row div.form_header {
  953. background-color: #E5EDF9;
  954. border: 1px solid #4271B5;
  955. padding: 2px;
  956. white-space: nowrap;
  957. }
  958. div.row div.label {
  959. float: left;
  960. text-align: right;
  961. width: 14%;
  962. }
  963. div.row div.formw {
  964. width: 83%;
  965. }
  966. [dir=ltr] div.row div.label,
  967. [dir=rtl] div.row div.formw {
  968. float: left;
  969. text-align: right;
  970. }
  971. [dir=rtl] div.row div.label,
  972. [dir=ltr] div.row div.formw {
  973. float: right;
  974. text-align: left;
  975. }
  976. span.form_required {
  977. color: #f00;
  978. }
  979. span.form_error {
  980. color: #f00;
  981. font-size: x-small;
  982. margin: 2px;
  983. }
  984. /*
  985. ==============================================================================
  986. ACCORDION STYLES
  987. ==============================================================================
  988. */
  989. .accordion_header {
  990. background-color: #E5EDF9;
  991. border: 1px solid gray;
  992. cursor: pointer;
  993. margin-top: 10px;
  994. padding: 5px;
  995. width: 300px;
  996. }
  997. .accordion_content {
  998. background-color: #fafafa;
  999. border: 1px solid gray;
  1000. display: none;
  1001. padding: 5px;
  1002. text-align: left;
  1003. width: 770px;
  1004. }
  1005. /*
  1006. ==============================================================================
  1007. DATA TABLE STYLES
  1008. ==============================================================================
  1009. */
  1010. .cell_header { /* header cell in data table in tools */
  1011. background-color: #EEEEFF;
  1012. font-weight:bold;
  1013. padding-left:5px;
  1014. text-align:left;
  1015. }
  1016. .data_table {
  1017. border-collapse: collapse;
  1018. margin-bottom: 5px;
  1019. margin-top: 5px;
  1020. padding: 5px;
  1021. width: 100%;
  1022. }
  1023. .data_table th {
  1024. background-color: #E5EDF9;
  1025. border: 1px solid gray;
  1026. padding: 3px;
  1027. }
  1028. .data_table tr.row_odd {
  1029. background-color: #fafafa;
  1030. }
  1031. .data_table tr.row_odd:hover,
  1032. .data_table tr.row_even:hover{
  1033. background-color: #f0f0f0;
  1034. }
  1035. .data_table tr.row_even {
  1036. background-color: #fff;
  1037. }
  1038. .data_table td {
  1039. border-bottom: 1px solid #b0b0b0;
  1040. border-left: 1px dotted #e1e1e1;
  1041. border-right: 1px dotted #e1e1e1;
  1042. padding: 5px;
  1043. vertical-align: top;
  1044. }
  1045. .data_table td.border {
  1046. border: 1px solid gray;
  1047. padding: 5px;
  1048. vertical-align: top;
  1049. }
  1050. .data_table td.none {
  1051. border-bottom: none;
  1052. border-left:none;
  1053. border-right:none;
  1054. padding: 5px;
  1055. vertical-align: top;
  1056. }
  1057. .data_table td.redText {
  1058. color:red;
  1059. }
  1060. .data_table td.borderRight {
  1061. border-bottom: none;
  1062. border-left:none;
  1063. border-right:1px solid gray;
  1064. }
  1065. .data_table td.borderLeft {
  1066. border-bottom: none;
  1067. border-left:1px solid gray;
  1068. border-right:none;
  1069. }
  1070. .data_table td.noLink {
  1071. color:grey;
  1072. }
  1073. .data_table tr.tableName {
  1074. border: 1px solid gray;
  1075. background-color: #e6e6ff;
  1076. padding: 5px;
  1077. text-align:left;
  1078. }
  1079. .data_table tr.total {
  1080. background-color: #ffffcc;
  1081. border: 1px solid gray;
  1082. padding: 5px;
  1083. text-align:left;
  1084. }
  1085. .data_table th.head {
  1086. background-color: #ffffcc;
  1087. border: 1px solid gray;
  1088. padding-right: 20px;
  1089. }
  1090. /*
  1091. ==============================================================================
  1092. admin page tool list definitions
  1093. ==============================================================================
  1094. */
  1095. .tool_list dt {
  1096. font-weight: bold;
  1097. }
  1098. .tool_list dd {
  1099. margin: 0;
  1100. padding: 4px 0 0 10px;
  1101. }
  1102. /*
  1103. ==============================================================================
  1104. divs for category list / platform news on home page
  1105. ==============================================================================
  1106. */
  1107. .home_cats {
  1108. background: #fff;
  1109. float: left;
  1110. margin: 0;
  1111. padding: 0px;
  1112. padding-top: 8px;
  1113. position: relative;
  1114. width: 45%;
  1115. }
  1116. .home_news {
  1117. background: #fff;
  1118. float: right;
  1119. margin: 0;
  1120. padding: 0px;
  1121. padding-top: 8px;
  1122. position: relative;
  1123. width: 45%;
  1124. }
  1125. label.left {
  1126. float: left;
  1127. width: 15em;
  1128. margin: 0 0 0.5em 0;
  1129. }
  1130. form br {
  1131. clear: both;
  1132. }
  1133. /* Fix for alignment problem in IE-Win browsers */
  1134. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1135. * html .label { margin-right: 10px; }
  1136. * html .data { height: 1%; margin-left: 0;}
  1137. /* End hide from IE5/mac */
  1138. .radio,
  1139. .checkbox {
  1140. background-color: transparent;
  1141. border: none;
  1142. margin: 0;
  1143. padding: 0;
  1144. }
  1145. .required {
  1146. color: #f00;
  1147. font-weight: bold;
  1148. }
  1149. /*
  1150. ==============================================================================
  1151. Admin section
  1152. ==============================================================================
  1153. */
  1154. div.admin_section {
  1155. float: left;
  1156. margin: 10px 20px;
  1157. padding: 5px;
  1158. width: 40%;
  1159. }
  1160. div.admin_section h4 {
  1161. border-bottom: 1px solid gray;
  1162. margin: 0;
  1163. width: 100%;
  1164. }
  1165. .user_course_category {
  1166. background-color: #efefef;
  1167. border: 1px solid #666;
  1168. color: #666;
  1169. font-weight: bold;
  1170. list-style-type: none;
  1171. margin: 5px;
  1172. padding: 5px;
  1173. }
  1174. /*
  1175. ==============================================================================
  1176. DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION
  1177. ==============================================================================
  1178. */
  1179. .settingtitle{
  1180. background-color: #EFEFEF;
  1181. border: 1px solid #cccccc;
  1182. color: #666666;
  1183. font-size: 11px;
  1184. font-weight: bold;
  1185. list-style-type: none;
  1186. margin: 5px;
  1187. padding: 5px;
  1188. }
  1189. .settingcomment{
  1190. color: #000000;
  1191. font-size: 11px;
  1192. margin: 5px;
  1193. padding: 5px;
  1194. }
  1195. .settingvalue{
  1196. list-style-type: none;
  1197. margin: 5px;
  1198. padding: 5px;
  1199. }
  1200. /*
  1201. ==============================================================================
  1202. ANNOUNCEMENTS
  1203. ==============================================================================
  1204. */
  1205. .announcements_datum {
  1206. color: #666666;
  1207. font-size: 12px;
  1208. font-style: italic;
  1209. }
  1210. /*
  1211. ==============================================================================
  1212. SYSTEM ANNOUNCEMENTS
  1213. ==============================================================================
  1214. */
  1215. div.system_announcements{
  1216. }
  1217. div.system_announcements h3{
  1218. }
  1219. div.system_announcement{
  1220. margin: 5px;
  1221. }
  1222. div.system_announcement_title{
  1223. }
  1224. div.system_announcement_content{
  1225. margin-left: 20px;
  1226. border-left: 1px solid gray;
  1227. padding-left: 5px;
  1228. }
  1229. /*
  1230. ==============================================================================
  1231. THE NEW FORUM
  1232. ==============================================================================
  1233. */
  1234. /*
  1235. ------------------------------------------------------------------------------
  1236. FORUM CATEGORY
  1237. ------------------------------------------------------------------------------
  1238. */
  1239. .forum_category {
  1240. background-color: #0066CC;
  1241. color: #fff;
  1242. }
  1243. .forum_category a {
  1244. color: #fff;
  1245. }
  1246. .forum_category_header {
  1247. background-color: #0066CC;
  1248. color: #fff;
  1249. }
  1250. tr.forum_category_header a {
  1251. color: #fff;
  1252. }
  1253. /*
  1254. ------------------------------------------------------------------------------
  1255. FORUM
  1256. ------------------------------------------------------------------------------
  1257. */
  1258. .forum_header {
  1259. background-color: #EFEFEF;
  1260. }
  1261. /*
  1262. ------------------------------------------------------------------------------
  1263. THREAD
  1264. ------------------------------------------------------------------------------
  1265. */
  1266. .forum_threadheader {
  1267. background-color: #F7F7F7;
  1268. color: #aaa;
  1269. }
  1270. tr.forum_threadheader td{
  1271. }
  1272. /*
  1273. ------------------------------------------------------------------------------
  1274. POST
  1275. ------------------------------------------------------------------------------
  1276. */
  1277. .quote{
  1278. background-color: #EFEFEF;
  1279. }
  1280. .forum_message_left {
  1281. background-color: #F7F7F7;
  1282. /*border-bottom: 1px solid #666666;*/
  1283. border-right: 1px solid #aaa;
  1284. vertical-align: top;
  1285. width: 150px;
  1286. }
  1287. .forum_message_left_2_be_approved {
  1288. background-color: #F7F7F7;
  1289. /*border-bottom: 1px solid #666666;*/
  1290. border-right: 1px solid #aaa;
  1291. color: #999;
  1292. vertical-align: top;
  1293. width: 150px;
  1294. }
  1295. .forum_message_post_title{
  1296. background-color: #F7F7F7;
  1297. /*border-bottom: 1px solid #666666;*/
  1298. font-weight: bold;
  1299. height: 20px;
  1300. }
  1301. .forum_message_post_title_2_be_approved{
  1302. background-color: #F7F7F7;
  1303. /*border-bottom: 1px solid #666666;*/
  1304. color: #999;
  1305. font-weight: bold;
  1306. height: 20px;
  1307. }
  1308. .forum_message_post_text{
  1309. /*border-bottom: 1px solid #666666;*/
  1310. margin-bottom: 10px;
  1311. vertical-align: top;
  1312. }
  1313. .forum_message_post_text_2_be_approved{
  1314. /*border-bottom: 1px solid #666666;*/
  1315. color: #999;
  1316. margin-bottom: 10px;
  1317. vertical-align: top;
  1318. }
  1319. .current{
  1320. font-weight: bold;
  1321. }
  1322. .structure{
  1323. background-color: #F7F7F7;
  1324. /*border-bottom: 1px solid #666666;*/
  1325. font-weight: bold;
  1326. height: 20px;
  1327. }
  1328. a.forum_group_link {
  1329. display:inline;
  1330. font-weight: lighter;
  1331. }
  1332. .forum_description {
  1333. color: #000;
  1334. font-weight: normal;
  1335. font-family:Arial,sans,sans-serif;
  1336. }
  1337. .forum_title{
  1338. color: #000;
  1339. font-size: 14px;
  1340. font-family:Arial,sans,sans-serif;
  1341. }
  1342. .forum_low_description{
  1343. color: #737780;
  1344. font-style: italic ;
  1345. font-weight: normal;
  1346. font-family:Arial,sans,sans-serif;
  1347. }
  1348. /*
  1349. ------------------------------------------------------------------------------
  1350. BLOG
  1351. ------------------------------------------------------------------------------
  1352. */
  1353. span.blog_title {
  1354. color: #1657A9;
  1355. font-size: 20px;
  1356. font-weight: bold;
  1357. }
  1358. span.blog_subttitle {
  1359. font-size: 12px;
  1360. }
  1361. td.blog_left {
  1362. border-right: 1px solid #dddddd;
  1363. margin-right: 5px;
  1364. padding-right: 5px;
  1365. }
  1366. td.blog_right {
  1367. padding-left: 10px;
  1368. }
  1369. td.blog_menu_title {
  1370. background-color: #dddddd;
  1371. color: #1657A9;
  1372. font-weight: bold;
  1373. font-size: 11px;
  1374. padding: 2px;
  1375. }
  1376. td.blog_menu {
  1377. border-bottom: 1px dashed #dddddd;
  1378. border-left: 1px dashed #dddddd;
  1379. border-right: 1px dashed #dddddd;
  1380. padding: 10px;
  1381. }
  1382. td.blog_menu ul {
  1383. margin: 0 0 0 15px;
  1384. padding: 0;
  1385. }
  1386. td.blog_menu ul li {
  1387. }
  1388. span.blogpost_title {
  1389. color: #1657A9;
  1390. display: block;
  1391. font-size: 18px;
  1392. font-weight: bold;
  1393. padding-bottom: 5px;
  1394. }
  1395. span.blogpost_date {
  1396. color: #333333;
  1397. display: block;
  1398. font-size: 12px;
  1399. font-weight: bold;
  1400. padding-bottom: 10px;
  1401. }
  1402. span.blogpost_info {
  1403. border-top: 1px solid #dddddd;
  1404. color: #333333;
  1405. display: block;
  1406. margin-top: 5px;
  1407. }
  1408. table.newBlog {
  1409. background-color: #f6f6f6;
  1410. border: 1px solid #dddddd;
  1411. margin-bottom: 10px;
  1412. margin-top: 10px;
  1413. padding: 10px;
  1414. }
  1415. table.newTask {
  1416. background-color: #f6f6f6;
  1417. border: 1px solid #dddddd;
  1418. margin-bottom: 10px;
  1419. margin-top: 10px;
  1420. padding: 10px;
  1421. }
  1422. table.new_comment {
  1423. background-color: #F4F4F4;
  1424. border: 1px solid #dddddd;
  1425. margin-bottom: 10px;
  1426. margin-top: 10px;
  1427. padding: 10px;
  1428. }
  1429. div.blogpost_comment {
  1430. background-color: white;
  1431. border: 1px dashed #dddddd;
  1432. margin-bottom: 10px;
  1433. padding: 10px;
  1434. }
  1435. span.blogpost_comment_title {
  1436. color: #1657A9;
  1437. display: block;
  1438. font-size: 14px;
  1439. font-weight: bold;
  1440. padding-bottom: 5px;
  1441. }
  1442. span.blogpost_comment_date {
  1443. color: #333333;
  1444. display: block;
  1445. font-size: 10px;
  1446. font-weight: bold;
  1447. padding-bottom: 10px;
  1448. }
  1449. span.blogpost_comment_info {
  1450. border-top: 1px solid #dddddd;
  1451. color: #333333;
  1452. display: block;
  1453. font-size: 10px;
  1454. margin-top: 10px;
  1455. }
  1456. div.blogpost {
  1457. background-color: #ECECEC;
  1458. border: 1px solid #DDDDDD;
  1459. margin-bottom: 15px;
  1460. padding: 10px;
  1461. }
  1462. div.comments {
  1463. background-color: #F4F4F4;
  1464. border: 1px solid #dddddd;
  1465. margin-bottom: 10px;
  1466. margin-top: 10px;
  1467. padding: 10px;
  1468. }
  1469. .link {
  1470. color : #1657A9;
  1471. cursor: pointer
  1472. font-weight : bold;
  1473. text-decoration: none;
  1474. }
  1475. .link:hover {
  1476. color: #abd9f1;
  1477. cursor: pointer
  1478. font-weight: bold;
  1479. text-decoration: none;
  1480. }
  1481. /*
  1482. ==============================================================================
  1483. INSTALLATION
  1484. ==============================================================================
  1485. */
  1486. #installation_steps {
  1487. background-color: #EFEFEF;
  1488. float:left;
  1489. }
  1490. .current_step{
  1491. font-weight: bold;
  1492. }
  1493. .RequirementHeading{
  1494. margin-right:10px;
  1495. }
  1496. .RequirementHeading h1{
  1497. border-bottom: 1px solid #0066CC;
  1498. color:#0066CC;
  1499. font-size:1.2em;
  1500. font-weight: bold;
  1501. }
  1502. .RequirementText{
  1503. color:#666;
  1504. float:right;
  1505. font-size:1.0em;
  1506. font-weight: normal;
  1507. width:200px;
  1508. }
  1509. .RequirementContent{
  1510. color:#000;
  1511. font-size:1.0em;
  1512. font-weight: normal;
  1513. }
  1514. .RequirementContent table{
  1515. border: 1px solid #ccc;
  1516. width: 400px;
  1517. }
  1518. .RequirementContent table th{
  1519. border-bottom: 1px solid #ccc;
  1520. text-align: left;
  1521. }
  1522. .requirements-item{
  1523. background-color:#f7f7f7;
  1524. padding-left:2px;
  1525. width: 50%;
  1526. }
  1527. .requirements-value{
  1528. }
  1529. /*
  1530. ==============================================================================
  1531. styles below here are not necessarily used in the current
  1532. release and the CVS files, they are from earlier versions,
  1533. and have been left untouched for anyone needing them in
  1534. their own platform ...
  1535. ==============================================================================
  1536. */
  1537. .topBanner a:link,
  1538. .topBanner a:active,
  1539. .topBanner a:visited {
  1540. color:white;
  1541. text-decoration:none;
  1542. }
  1543. .topBanner table {
  1544. text-decoration:none;
  1545. }
  1546. .topBanner a:hover {
  1547. text-decoration:underline;
  1548. }
  1549. .topBanner td {
  1550. border-top: solid White 1px;
  1551. }
  1552. .alternativeBgLight {
  1553. background-color: #f5f5f5;
  1554. }
  1555. .alternativeBgDark {
  1556. background-color: #e6e6e6
  1557. }
  1558. .forms {
  1559. letter-spacing: normal;
  1560. padding: 2px 5px;
  1561. text-align: justify;
  1562. text-indent: 3pt;
  1563. word-spacing: normal;
  1564. }
  1565. .formsTips {
  1566. text-align: justify;
  1567. text-indent: 15pt;
  1568. word-spacing: normal;
  1569. }
  1570. /*
  1571. input.forms {
  1572. letter-spacing: normal;
  1573. padding-top: 0px;
  1574. padding-right: 0px;
  1575. padding-bottom: 0px;
  1576. padding-left: 0px;
  1577. text-align: justify;
  1578. text-indent: 3pt;
  1579. word-spacing: normal;
  1580. }
  1581. */
  1582. .warn {
  1583. border: thin double Silver;
  1584. color: Red;
  1585. font-family: serif;
  1586. margin-left: 15px;
  1587. margin-right: 15px;
  1588. padding-left: 25px;
  1589. }
  1590. .small {
  1591. font-family: Verdana, Arial, Helvetica, sans-serif;
  1592. font-size: 11px
  1593. }
  1594. .xsmall {
  1595. font-family: Verdana, Arial, Helvetica, sans-serif;
  1596. font-size: 11px
  1597. }
  1598. .xxsmall {
  1599. font-family: Verdana, Arial, Helvetica, sans-serif;
  1600. font-size: 9px
  1601. }
  1602. /*
  1603. ------------------------------------------------------------------------------
  1604. TABBED INTERFACE
  1605. ------------------------------------------------------------------------------
  1606. */
  1607. #tabbed_menu {
  1608. border-bottom-width: 1px;
  1609. border-bottom-style: solid;
  1610. border-bottom-color: #666666;
  1611. height: 20px;
  1612. margin-bottom: 20px;
  1613. width: 100%;
  1614. }
  1615. #tabbed_menu #tabbed_menu_tabs li {
  1616. display: inline;
  1617. list-style-type: none;
  1618. margin: 0 10;
  1619. padding: 0;
  1620. }
  1621. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1622. background: #f3f3f3;
  1623. border: 1px solid #cccccc;
  1624. border-bottom: 1px solid #666666;
  1625. color: #666;
  1626. float: left;
  1627. font-weight: bold;
  1628. margin-right: 4px;
  1629. padding: 2px 10px 2px 10px;
  1630. text-decoration: none;
  1631. }
  1632. #tabbed_menu #tabbed_menu_tabs a:link.active,
  1633. #tabbed_menu_tabs a:visited.active {
  1634. background: #fff;
  1635. border: 1px solid #666666;
  1636. border-bottom: 1px solid #fff;
  1637. color: #000;
  1638. }
  1639. /*
  1640. ------------------------------------------------------------------------------
  1641. FCKeditor
  1642. ------------------------------------------------------------------------------
  1643. */
  1644. #WCAG-editor {
  1645. border: 1px #4171B5 solid;
  1646. background-color: #E5EDF9;
  1647. width: 100%;
  1648. }
  1649. #WCAG-editor .title {
  1650. padding: 2px;
  1651. background-color: #4171B5;
  1652. text-align: center;
  1653. color: #ffffff;
  1654. font-weight: bold;
  1655. }
  1656. #WCAG-editor .body {
  1657. padding-top: 5px;
  1658. padding-left: 5px;
  1659. padding-right: 13px;
  1660. padding-bottom: 5px;
  1661. }
  1662. #WCAG-editor textarea {
  1663. width: 100%;
  1664. height: 180px;
  1665. border: 1px #7F9DB9 solid;
  1666. }
  1667. /* don't work on IE < 7 */
  1668. #WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
  1669. width: auto;
  1670. }
  1671. /* don't apply on IE < 7 */
  1672. #WCAG-editor input {
  1673. width: 100%;
  1674. }
  1675. /* only for IE < 7 */
  1676. #WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
  1677. width: auto;
  1678. }
  1679. #WCAG-content img {
  1680. float: left;
  1681. margin-right: 5px;
  1682. margin-bottom: 5px;
  1683. }
  1684. #WCAG-content p {
  1685. text-align: justify;
  1686. }
  1687. /* hack for IE < 7 */
  1688. #course_description input {
  1689. width: auto;
  1690. }
  1691. #course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
  1692. width: 100%;
  1693. }
  1694. .WCAG-form textarea {
  1695. width: 100%;
  1696. height: 180px;
  1697. }
  1698. .skip {
  1699. display: none;
  1700. }
  1701. /*
  1702. ------------------------------------------------------------------------------
  1703. OTHERS
  1704. ------------------------------------------------------------------------------
  1705. */
  1706. .input_titles{
  1707. width: 300px;
  1708. }
  1709. /*
  1710. ------------------------------------------------------------------------------
  1711. Survey
  1712. ------------------------------------------------------------------------------
  1713. */
  1714. #survey_title{
  1715. background-color:#264269;
  1716. color:#FFF;
  1717. padding:2px;
  1718. border: 1px solid #264269;
  1719. }
  1720. #survey_subtitle{
  1721. background-color:#264269;
  1722. color:#FFF;
  1723. padding:2px;
  1724. border: 1px solid #264269;
  1725. }
  1726. .survey_content{
  1727. background-color:#EFEFEF;
  1728. color:#264269;
  1729. padding:5px;
  1730. border: 1px solid #264269;
  1731. }
  1732. .survey_question_wrapper{
  1733. border: 1px solid #4271b5;
  1734. }
  1735. .survey_question{
  1736. /* 264269 4271b5 E5EDF9 */
  1737. background-color:#4271b5;
  1738. color:#FFFFFF;
  1739. padding:5px;
  1740. /*border: 1px solid #264269;*/
  1741. }
  1742. .survey_question_options{
  1743. /* 264269 4271b5 E5EDF9 */
  1744. background-color:#FFF;
  1745. color:#000;
  1746. padding:5px;
  1747. /*border: 1px solid #264269;*/
  1748. }
  1749. /*
  1750. ------------------------------------------------------------------------------^M
  1751. sessions
  1752. ------------------------------------------------------------------------------^M
  1753. */
  1754. #ajax_list_coachs {
  1755. position:absolute;
  1756. border:1px solid #4171B5;
  1757. margin:0px;
  1758. padding:0px;
  1759. margin-left:200px;
  1760. margin-top:-23px;
  1761. background-color:#FFFFFF;
  1762. height:auto;
  1763. overflow:auto;
  1764. }
  1765. #ajax_list_courses {
  1766. position:absolute;
  1767. border:1px solid #4171B5;
  1768. margin:0px;
  1769. padding:0px;
  1770. margin-left:200px;
  1771. background-color:#FFFFFF;
  1772. height:auto;
  1773. overflow:auto;
  1774. }
  1775. #ajax_list_users {
  1776. position:absolute;
  1777. border:1px solid #4171B5;
  1778. margin:0px;
  1779. padding:0px;
  1780. margin-left:200px;
  1781. background-color:#FFFFFF;
  1782. height:auto;
  1783. overflow:auto;
  1784. }
  1785. #chat_login_name {
  1786. color : #4171b5;
  1787. }