default.css 56 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520
  1. /*****************************************************
  2. * MAIN SOBER BROWN *
  3. *****************************************************/
  4. body {
  5. /* hack ignored by non-IE to enable ie to support :hover on button */
  6. behavior:url("/main/css/csshover3.htc");
  7. font-family: bold arial, verdana, helvetica, sans-serif;
  8. font-size: 12px;
  9. color: #000;
  10. margin: 0;
  11. padding: 0;
  12. background-color: #ffffff;
  13. }
  14. input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
  15. background-image:url(images/shadow.gif);
  16. }
  17. #outerframe {
  18. position: relative; /* do not remove, fixes a bug in IE */
  19. background-color: #fff;
  20. background-repeat:no-repeat;
  21. }
  22. /* Hides from IE5-mac \*/
  23. * html #outerframe {height: 1%;}
  24. /* End hide from IE5-mac */
  25. #main {
  26. position: relative; /* to avoid the IE peekabo bug*/
  27. margin: 0px auto;
  28. margin-top: 10px;
  29. width: 98%;
  30. padding: 0px 10px 10px 10px;
  31. background-color: transparent;
  32. min-height: 320px;
  33. background-repeat: no-repeat;
  34. }
  35. /* for content section in main index.php file */
  36. /*
  37. |----------------------------------------------------------------------------
  38. | modified: to fit img and blocks in home page
  39. |----------------------------------------------------------------------------
  40. |
  41. */
  42. .maincontent {
  43. float: left;
  44. width: 68%;
  45. padding: 0 20px 0 20px;
  46. background-color: #fff;
  47. min-height: 333px;
  48. margin-top:0;
  49. background-color: #ffffff;
  50. }
  51. /*
  52. .maincontent td {
  53. float: left;
  54. width: 100%;
  55. padding: 4px;
  56. }
  57. */
  58. #center {
  59. margin: 0 190px 0 0;
  60. padding: 10px 0 40px 0;
  61. min-height: 300px;
  62. background-color: #fff;
  63. }
  64. .invisible {
  65. color: #999;
  66. }
  67. .invisible a:link, .invisible a:visited {
  68. color: #999;
  69. }
  70. a.invisible:link, a.invisible:visited {
  71. color: #999;
  72. }
  73. .clear {clear: both; line-height: 0px; height: 0;}
  74. input.link_alike { background-color: #FFFFFF; border-width: 0px;
  75. color: #999999; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
  76. input.link_alike:hover { background-color: #FFFFFF; border-width: 0px;
  77. color: #f3840d; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
  78. /*****************************************************
  79. * REDEFINED HTML TAGS *
  80. *****************************************************/
  81. img {
  82. border: none;
  83. }
  84. p,blockquote,ol,ul {
  85. font-size: 12px;
  86. }
  87. h1 {
  88. font-size: 21px;
  89. }
  90. h2 {
  91. font-size: 18px;
  92. }
  93. h3 {
  94. font-size: 15px;
  95. margin-top:0px;
  96. padding-top:0px;
  97. }
  98. h4 {
  99. font-size: 12px;
  100. }
  101. h5,h6 {
  102. font-family: verdana, arial, helvetica, sans-serif;
  103. }
  104. /* the following for regular <a> elements */
  105. a:link {
  106. text-decoration: none;
  107. font-weight : bold;
  108. color : #333;
  109. }
  110. a:visited {
  111. text-decoration: none;
  112. font-weight : bold;
  113. color : #333;
  114. }
  115. a:hover {
  116. text-decoration: none;
  117. color: #f3840d;
  118. font-weight: bold;
  119. }
  120. a:active {
  121. text-decoration: none;
  122. font-weight : bold;
  123. color : #f00;
  124. }
  125. select, textarea {
  126. color : #000;
  127. border: 1px solid #000;
  128. }
  129. input.checkbox {
  130. border-width: 0;
  131. }
  132. select,
  133. input[type=checkbox],
  134. input[type=radio],
  135. input[type=button],
  136. input[type=submit] {cursor: pointer; font-size: 12px;}
  137. input[text] {font-size: 12px; }
  138. /* user_portal course status icon */
  139. .coursestatusicons{
  140. border: 0px solid #000;
  141. float: left;
  142. padding-right: 5px;
  143. width: auto;
  144. }
  145. /* user_portal course list */
  146. .courses {
  147. list-style-type: none;
  148. margin-bottom: 5px;
  149. }
  150. /*****************************************************
  151. * HEADER STYLES *
  152. *****************************************************/
  153. #header {
  154. width: 100%;
  155. padding: 0;
  156. margin: 0;
  157. }
  158. /********************************************************
  159. * HEADER 1: Title, portal, organisation, course title *
  160. ********************************************************/
  161. #header1 {
  162. font-size: 12px;
  163. padding: 4px;
  164. background-color: #8b8579F;
  165. color: #666;
  166. height: 40px;
  167. background-image: url(images/header.jpg);
  168. Background-repeat: no-repeat;
  169. }
  170. #header1 a {
  171. color: #333;
  172. text-decoration: none;
  173. }
  174. #header1 a:hover{
  175. text-decoration: underline;
  176. }
  177. #sitename {
  178. margin: 0;
  179. font-weight: bold;
  180. }
  181. #top_corner
  182. {
  183. }
  184. #institution {
  185. float: left;
  186. font-weight: bold;
  187. }
  188. #my_courses {
  189. float: right;
  190. font-weight: bold;
  191. }
  192. /********************************************************
  193. * HEADER 2: Users online, help, student/teacher view *
  194. ********************************************************/
  195. #header2 {
  196. position: relative; /* to avoid the IE peekabo bug*/
  197. font-size: 1.0em;
  198. font-weight: normal;
  199. min-height:10px;
  200. padding: 0.2em 0.5em;
  201. padding-bottom: 0.2em;
  202. background: #716D61;
  203. color: #666;
  204. }
  205. #header2 a {
  206. color: #666;
  207. text-decoration: none;
  208. font-weight:normal;
  209. }
  210. #header2 a:hover{
  211. text-decoration: underline;
  212. }
  213. /* Header2Right: online users, student/teacher view, help */
  214. #Header2Right ul{
  215. position: relative; /* to avoid the IE peekabo bug*/
  216. float: right;
  217. width: 70%;
  218. margin: 0;
  219. padding: 0;
  220. list-style-type: none;
  221. text-align: right;
  222. }
  223. #Header2Right ul li {
  224. display: inline;
  225. color:#ffffff;
  226. }
  227. #Header2Right ul li a {
  228. padding: 4px 6px 4px 4px;
  229. color:#f1d40d;
  230. }
  231. /*****************************************************
  232. * HEADER 3: TABS OF THE HEADER *
  233. *****************************************************/
  234. #header3 {
  235. font-size: 1.0em;
  236. padding: 0em 0.3em 0.2em 0.5em;
  237. background: #fff;
  238. color: #006;
  239. border-bottom: 1px solid #aeaeae;
  240. height:20px;
  241. margin-bottom: 1px;
  242. }
  243. #header3 A {
  244. PADDING-RIGHT: 15px;
  245. DISPLAY: block;
  246. PADDING-LEFT: 6px;
  247. BACKGROUND: url(images/tab_right.gif) no-repeat right top;
  248. PADDING-BOTTOM: 0px;
  249. COLOR: #333;
  250. PADDING-TOP: 5px;
  251. TEXT-DECORATION: none;
  252. }
  253. #header3 A:hover {
  254. COLOR: #999;
  255. }
  256. #header3 UL {
  257. PADDING-RIGHT: 10px;
  258. PADDING-LEFT: 10px;
  259. PADDING-BOTTOM: 0px;
  260. MARGIN: 0px;
  261. LIST-STYLE-TYPE: none;
  262. display: inline;
  263. }
  264. #header3 LI {
  265. PADDING-RIGHT: 0px;
  266. PADDING-LEFT: 9px;
  267. FLOAT: left;
  268. PADDING-BOTTOM: 0px;
  269. MARGIN: 0px;
  270. PADDING-TOP: 0px;
  271. /*border-bottom: 1px solid #dcdcdc;*/
  272. }
  273. #header3 LI:hover {
  274. PADDING-RIGHT: 0px;
  275. PADDING-LEFT: 9px;
  276. PADDING-BOTTOM: 0px;
  277. MARGIN: 0px;
  278. PADDING-TOP: 0px
  279. }
  280. #header3 #current {
  281. }
  282. #header3 #current A {
  283. COLOR: #999
  284. }
  285. #header3 .banner_links {
  286. margin: 0;
  287. }
  288. #header3 input.logout {
  289. /* makes an input appear like a link in this header */
  290. margin: 0 0 0 0;
  291. padding: 0 30px 0 0;
  292. background-color: transparent;
  293. border: none;
  294. color: #333;
  295. font-size: 1.0em;
  296. font-weight:bold;
  297. font-family: verdana, arial, helvetica, sans-serif;
  298. display: inline;
  299. padding-right: 0px;
  300. padding-top: 3px;
  301. }
  302. #header3 input:hover {
  303. COLOR: #999;
  304. }
  305. #header3 input {
  306. PADDING-RIGHT: 15px;
  307. DISPLAY: block;
  308. PADDING-LEFT: 6px;
  309. }
  310. #header3 #logout {
  311. margin-top: 0px;
  312. }
  313. #header3 input.logout:hover {
  314. }
  315. #logout{
  316. display: inline;
  317. float: right;
  318. width: auto;
  319. text-align: right;
  320. font-size: 1.0em;
  321. color:#333;
  322. }
  323. /*****************************************************
  324. * HEADER 3: not used *
  325. *****************************************************/
  326. #header4 {
  327. background-color: #fff;
  328. color: #666;
  329. padding: 4px;
  330. margin-bottom: 2px;
  331. padding-left: 20px;
  332. float: left;
  333. clear:right;
  334. }
  335. #header4 a {
  336. color: #666;
  337. }
  338. #header4 a:hover {
  339. text-decoration: none;
  340. color: #f3840d;
  341. }
  342. /* The tool shortcuts */
  343. #toolshortcuts {
  344. text-align: right;
  345. clear: right;
  346. }
  347. /*****************************************************
  348. * FOOTER STYLES *
  349. *****************************************************/
  350. #footer {
  351. padding: 30px;
  352. height: 20px;
  353. background-color: #ffffff;
  354. background-image: url(images/footer.jpg);
  355. background-repeat: no-repeat;
  356. font-size: 12px;
  357. color:#ffffff;
  358. }
  359. #footer .copyright {
  360. float: right;
  361. }
  362. #footer a{
  363. color:#ffffff;
  364. }
  365. #bottom_corner
  366. {
  367. }
  368. /*****************************************************
  369. * NAVIGATION MENU *
  370. *****************************************************/
  371. .menu {
  372. float: right;
  373. width: 200px;
  374. min-height: 150px;
  375. background-color: #F0F0F0;
  376. border: 1px solid #bbb;
  377. padding: 60px 10px 10px 10px;
  378. background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center;
  379. }
  380. /*NAVIGATION MENU BAR*/
  381. .menucaption {
  382. font-size: 12px;
  383. font-weight: bold;
  384. padding-left: 12px;
  385. }
  386. .menusection {
  387. width: auto;
  388. margin: 24px 6px 0 6px;
  389. padding-left: 10px;
  390. border: 1px solid #4171B5;
  391. }
  392. .menusectioncaption {
  393. position: relative;
  394. top: -9px;
  395. background-color: #E5EDF9;
  396. font-size: 12px;
  397. padding: 0 8px 0 4px;
  398. }
  399. .menulist {
  400. list-style: none;
  401. margin: 0 0 12px 0;
  402. padding: 0;
  403. }
  404. #centerwrap {
  405. float: left;
  406. width: 100%;
  407. margin-right: -95%;
  408. /* this needs to be less than 100% for Moz/Mac which thinks
  409. it's empty otherwise. The difference is made up by putting a
  410. negative left margin on the left float:
  411. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  412. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  413. */
  414. }
  415. #center { margin: 0 190px 0 0; padding: 10px 0 40px 0;
  416. min-height: 300px; }
  417. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  418. margin-left: -5%; /* the difference to make the left colum appear flush left */
  419. }
  420. /* Hide from IE5-mac. Only IE-win sees this. \*/
  421. * html #toolnav { margin-right: 0px;}
  422. * html #center { height: 1%; margin-left: 0; }
  423. /* End hide from IE5/mac */
  424. /* --- course navigation menu as a definition list --- */
  425. #swap_menu_link {
  426. float: left;
  427. }
  428. #toolnavbox {
  429. margin: 0 0 0 10px;
  430. padding: 0;
  431. float: left;
  432. border: 1px solid #4271b5;
  433. }
  434. #toolnavbox dl {
  435. width: 160px;
  436. margin: 0 auto;
  437. padding: 0;
  438. background: transparent;
  439. font-size: 12px;
  440. text-align: center;
  441. }
  442. #toolnavbox dt {
  443. margin: 0;
  444. padding: 0;
  445. font-weight: bold;
  446. font-size: 12px;
  447. text-align: center;
  448. color: #000;
  449. border-bottom: 1px solid #fff;
  450. background: transparent;
  451. }
  452. #toolnavbox dd {
  453. margin: 0;
  454. padding: 0;
  455. color: #009;
  456. text-align: left;
  457. border-bottom:1px solid #fff;
  458. background: #E5EDF9;
  459. }
  460. #toolnav img {
  461. float: left;
  462. width: 25px;
  463. height: 25px;
  464. margin: 0 4px 0 0;
  465. }
  466. #toolnavlist a, #toolnavlist a:link {
  467. background: #C0C0C0;
  468. color: #4171b5;
  469. padding: 5px 5px 5px 10px;
  470. margin: 0;
  471. text-decoration: none;
  472. display: block;
  473. }
  474. #toolnavlist a:hover {
  475. background: #fff;
  476. color:#4171b5;
  477. }
  478. #toolnavlist a#here {
  479. background: #fff;
  480. color:#4171b5;
  481. }
  482. /* --- end of course navigation menu section --- */
  483. /*
  484. this lets the navigation menu appear to the left:
  485. #center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
  486. min-height: 300px; }
  487. #toolnav { float: left; width: 180px; padding: 20px 0 0 0;
  488. margin-left: -5%;
  489. }
  490. #toolnav { float: right; width: 180px; padding: 0; margin: 0;
  491. margin-left: -5%; /* the difference to make the left colum appear flush left */
  492. }
  493. /* Hide from IE5-mac. Only IE-win sees this. \*/
  494. * html #toolnav { margin-right: 0px;}
  495. * html #center { height: 1%; margin-left: 0; }
  496. /* End hide from IE5/mac */
  497. */
  498. /*****************************************************
  499. * LOGIN AND LANGUAGE FORM *
  500. *****************************************************/
  501. #lang_form {
  502. text-align: left;
  503. font-size: 12px;
  504. margin: 2px 0 10px 0;
  505. padding: 2px;
  506. }
  507. #lang_form input, #lang_form select{
  508. font-size: 12px;
  509. margin-left: 10px;
  510. }
  511. #formLogin label {
  512. font-size: 12px;
  513. margin: 4px 6px;
  514. }
  515. #formLogin input {
  516. font-size: 13px;
  517. margin: 4px 6px;
  518. }
  519. #login_fail {
  520. margin: 0 6px 6px 6px;
  521. padding: 4px;
  522. border: 1px solid #f00;
  523. background-color: #fff;
  524. font-size: 12px;
  525. color: #f00;
  526. }
  527. input.mainoption {
  528. font-weight : bold;
  529. }
  530. input.liteoption {
  531. font-weight : normal;
  532. }
  533. /*****************************************************
  534. * COURSE HOMEPAGE *
  535. *****************************************************/
  536. /* various sections in course-home.php file */
  537. #toolremove {
  538. width: 40%;
  539. color: #f00;
  540. font-weight: bold;
  541. margin: 10px auto;
  542. padding: 10px;
  543. border: 2px solid #f00;
  544. }
  545. #courseintro { clear: both; width: 80%; margin: 10px auto;
  546. padding: 10px; border-bottom: 1px solid #dcdcdc;}
  547. #courseintro_icons { clear: both; width: 80%; margin: 10px auto;}
  548. .everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/
  549. width: 80%; margin: 10px auto; padding: 10px;}
  550. .courseadminview, .platformadminview {position: relative; width: 80%;
  551. margin: 25px auto 10px; padding: 10px; border: 1px solid #999999;}
  552. .viewcaption {position: relative; top: -20px; font-size: 12px;
  553. font-weight: bold; color: #333333; background-color: #fff; padding: 0 4px;}
  554. .tool-icon {
  555. margin-bottom: -3px;
  556. }
  557. /***********************************/
  558. /*****************************************************
  559. * AGENDA *
  560. *****************************************************/
  561. #agenda {
  562. width: 100%;
  563. margin: 0 auto;
  564. border: 1px solid #bbb;
  565. border-collapse: collapse;
  566. }
  567. .agenda_month_divider {
  568. background-color: #dcdcdc;
  569. font-weight: bold;
  570. font-size: 12px;
  571. color: #000;
  572. text-align: center;
  573. }
  574. #agenda .title a { color: #fff;}
  575. #agenda .agendaitem {font-size: 12px;}
  576. #smallcalendar .title {background-color: #dcdcdc; font-weight: bold; padding: 2px;
  577. color: #666; text-align: center; font-size: 11px;}
  578. #smallcalendar .title a { color: #666;}
  579. #agenda_select {list-style: none; border: 0px solid green;
  580. margin: 30px 0 0 0; padding: 0 0 0 10px;}
  581. /* ---------------------------------------------------
  582. styles for the agenda (day, week, month view)
  583. -----------------------------------------------------*/
  584. #agenda_list {width: 100%; margin: 0 auto; border: 1px solid #fff;
  585. border-collapse: collapse;}
  586. /*The caption of the calendar (displays the month and the << and >> links*/
  587. #agenda_list .title {background-color: #dcdcdc; font-weight: bold;
  588. font-size: 12px; color: #666; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #bbb;}
  589. #agenda_list .title a:link, #agenda_list #title a:visited {background-color: #dcdcdc; font-weight: bold;
  590. font-size: 11px; color: #666; padding: 2px 10px;text-align: center;}
  591. #agenda_list .title a:hover {background-color: #dcdcdc; font-weight: bold;
  592. font-size: 11px; color: #f3840d; padding: 2px 10px;text-align: center;}
  593. /* The cells with the name of the days of the weeks (mon->sun)*/
  594. #agenda_list .weekdays {background-color: #dcdcdc; text-align: center;
  595. font-weight: bold; border: 1px solid #264269; border-collapse: collapse;}
  596. /* The cells for the days (1->31) */
  597. #agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top;
  598. border: 1px solid #264269; border-collapse: collapse; background-color: #f5f5f5;}
  599. #agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top;
  600. border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;}
  601. #agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top;
  602. border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;}
  603. /* text in the cells: display of agenda items (visible)*/
  604. #agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px;
  605. font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;}
  606. #agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px;
  607. font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
  608. #agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px;
  609. font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
  610. /*text in the cells: display of agenda items (invisible)*/
  611. #agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
  612. font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
  613. #agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
  614. font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
  615. #agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px;
  616. font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
  617. /*text in the cells: display of agenda items (highlighted)*/
  618. #agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
  619. font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;}
  620. #agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
  621. font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
  622. #agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px;
  623. font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}
  624. /* ---------------------------------------------------
  625. styles for the mini agenda
  626. -----------------------------------------------------*/
  627. #smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff;
  628. border-collapse: collapse;}
  629. #smallcalendar .weekdays {background-color: #dcdcdc; text-align: center;
  630. font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse;}
  631. #smallcalendar .days_week {background-color: #f5f5f5; text-align: center;
  632. font-size: 11px; border-collapse: collapse;}
  633. #smallcalendar .days_weekend {background-color: #e6e6e6; text-align: center;
  634. font-size: 11px; border: 1px solid #fff; border-collapse: collapse;}
  635. #smallcalendar .days_today {width: 12%; text-align: center;
  636. font-size: 11px; border: 1px solid #FA8500; border-collapse: collapse; background-color: #FFCA8D;}
  637. /* ---------------------------------------------------
  638. styles for the personal agenda
  639. -----------------------------------------------------*/
  640. .personal_agenda {color: #008000; }
  641. .personal_agenda a:link, .personal_agenda a:visited {color: #008000; }
  642. a.personal_agenda:link, a.personal_agenda:visited {color: #008000; }
  643. .personal_agenda a:hover, .personal_agenda a:hover {color: #666666; }
  644. a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; }
  645. /*****************************************************
  646. * DISPLAY MESSAGES *
  647. *****************************************************/
  648. /* normal and erro message-box */
  649. .normal-message {
  650. position: relative;
  651. margin: 6px 6px 10px 6px;
  652. width: 98%;
  653. border-width: 1px;
  654. border-style: solid;
  655. padding: 6px;
  656. border: 1px solid #dcdcdc;
  657. color: #00407F;
  658. background-color: #E5EDF9;
  659. min-height: 30px;
  660. }
  661. .warning-message {
  662. position: relative;
  663. margin: 6px 6px 10px 6px;
  664. width: 98%;
  665. border-width: 1px;
  666. border-style: solid;
  667. padding: 6px;
  668. border: 1px solid #FFB30F;
  669. color: #000;
  670. background-color: #FFEFA7;
  671. min-height: 30px;
  672. }
  673. .confirmation-message {
  674. position: relative;
  675. margin: 6px 6px 10px 6px;
  676. width: 98%;
  677. border-width: 1px;
  678. border-style: solid;
  679. padding: 6px;
  680. border: 1px solid #1F8323;
  681. color: #1F8323;
  682. background-color: #CAF0C7;
  683. min-height: 30px;
  684. }
  685. .error-message {
  686. position: relative;
  687. margin: 6px 6px 10px 6px;
  688. width: 98%;
  689. border-width: 1px;
  690. border-style: solid;
  691. padding: 6px;
  692. border: 1px solid #FF0000;
  693. color: #000;
  694. background-color: #FFD1D1;
  695. min-height: 30px;
  696. }
  697. .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link
  698. {
  699. position: absolute;
  700. bottom: 0.2em;
  701. right: 0.5em;
  702. }
  703. #message {margin: 0 auto; text-align: center;}
  704. #message select {margin: 10px 0; width: 220px;}
  705. #message textarea {margin: 10px 0;}
  706. #message td {padding: 4px;}
  707. .message-top-title {
  708. float:left;
  709. margin-top:1px;
  710. margin-bottom:1px;
  711. background-color:#F2F2F2;
  712. width:600px;
  713. border-bottom:1px solid #CCCCCC;
  714. margin:left:5px;
  715. }
  716. .message-bottom-title {
  717. height:22px;
  718. float:left;
  719. margin-top:1px;
  720. margin-bottom:1px;
  721. background-color:#F2F2F2;
  722. width:600px;
  723. border-bottom:1px solid #CCCCCC;
  724. }
  725. .message-content-body-left{
  726. float:left;
  727. width:55%;
  728. }
  729. .message-content-body-right {
  730. float:right;
  731. text-align:left;
  732. width:45%;
  733. }
  734. .message-body-title{
  735. float:right;
  736. margin-top:1px;
  737. margin-bottom:5px;
  738. border-bottom:1px solid #CCCCCC;
  739. border-collapse:collapse;
  740. }
  741. .message-image-info {
  742. width:35%;
  743. float:left;
  744. margin-top:10px;
  745. margin-bottom:10px;
  746. margin-left:10px;
  747. text-align:left;
  748. margin-right:20px;
  749. }
  750. .message-content-body-right dd {
  751. color:#333399;
  752. border-bottom:1px solid #CCCCCC;
  753. height:20px;
  754. text-decoration:none;
  755. outline-style:none;
  756. background:#ffffff;
  757. }
  758. .message-content-body-right:hover {
  759. }
  760. /**********************************************
  761. * DOCUMENT MODULE *
  762. **********************************************/
  763. /* styles from the document.php file */
  764. .comment { margin-left: 30px; }
  765. /* styles from the upload.php file */
  766. dl.upload_option {margin: 1em 0; padding: 0;}
  767. .upload_option dt {font-weight:bold; margin:0;}
  768. .upload_option dd {margin:0;}
  769. .document_owner {text-align: right;}
  770. /**********************************************
  771. * DROPBOX MODULE *
  772. **********************************************/
  773. /* styles from dropbox.php file */
  774. .dropbox_detail {font-size: small}
  775. .dropbox_date {
  776. color: #737780;
  777. font-style: italic ;
  778. font-weight: normal;
  779. }
  780. .dropbox_person {font-weight: bold}
  781. .dropbox_listTitle { color: #000000;}
  782. .dropbox_feedback {font-size: x-small; height: 50px; width: 200px; overflow: auto}
  783. .dropbox_feedbacks {height: 250px; width: 100%; overflow: auto}
  784. /**********************************************
  785. * CHAT MODULE *
  786. **********************************************/
  787. /* styles for chat / conference tools */
  788. #chat_entermessage {
  789. background-color: #D6E5FA; border-top: 1px solid #dcdcdc;
  790. padding: 5px; margin: 0;}
  791. /* the following for the greyed out elements */
  792. a.nobold:link, a.nobold:visited, a.nobold:active { font-weight: normal; color: #999; margin: 0 0 0 25px;}
  793. a.nobold:hover { font-weight: normal; color: #999; text-decoration: underline; margin: 0 0 0 25px;}
  794. .note { margin: 6px; font-size: 12px; line-height: 14px;
  795. font-family: verdana, arial, helvetica, sans-serif; background-color: #f0f0f0;
  796. color: #666666; border: 1px solid #bbb; padding: 10px 10px 10px 10px;}
  797. .note b {margin: 10px 10px 5px 0px; }
  798. .alternativeBgLight { background-color: #f5f5f5;
  799. border: 1px solid #dcdcdc; border-collapse: collapse;}
  800. .alternativeBgDark { background-color: #ccf;
  801. border: 1px solid #dcdcdc; border-collapse: collapse;}
  802. .myagendatoday {
  803. background-color: #FFCA8D;
  804. border-collapse: collapse;
  805. font-family: verdana, arial, helvetica, sans-serif;
  806. color: #CC3300;
  807. font-weight: bold;
  808. }
  809. /*****************************************************
  810. * FORM STYLES *
  811. *****************************************************/
  812. div.row {
  813. clear: both;
  814. padding-top: 5px;
  815. }
  816. div.row div.form_header {
  817. white-space: nowrap;
  818. padding: 2px;
  819. background-color: #f0f0f0;
  820. border: 1px solid #bbb;
  821. }
  822. div.row div.label {
  823. float: left;
  824. width: 18%;
  825. text-align: right;
  826. }
  827. div.row div.formw {
  828. width: 80%;
  829. float:left;
  830. }
  831. [dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
  832. float: left;
  833. text-align: right;
  834. }
  835. [dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
  836. float: right;
  837. text-align: left;
  838. }
  839. span.form_required {
  840. color: #f00;
  841. }
  842. span.form_error {
  843. color: #f00;
  844. font-size: x-small;
  845. margin: 2px;
  846. }
  847. /*****************************************************
  848. * DATA TABLE STYLES *
  849. *****************************************************/
  850. .cell_header {background-color: #EEEEFF;font-weight:bold;text-align:left;padding-left:5px;} /* header cell in data table in tools */
  851. .data_table{
  852. border-collapse: collapse;
  853. width: 100%;
  854. padding: 5px;
  855. }
  856. .data_table th{
  857. padding-right: 12px;
  858. border: 1px solid gray;
  859. background-color: #f0f0f0;
  860. }
  861. .data_table tr.row_odd{
  862. background-color: #fafafa;
  863. }
  864. .data_table tr.row_odd:hover, .data_table tr.row_even:hover{
  865. background-color: #f0f0f0;
  866. }
  867. .data_table tr.row_even{
  868. background-color: #fff;
  869. }
  870. .data_table td{
  871. padding: 5px;
  872. vertical-align: top;
  873. border-bottom: 1px solid #b0b0b0;
  874. border-right: 1px dotted #e1e1e1;
  875. border-left: 1px dotted #e1e1e1;
  876. }
  877. /* admin page tool list definitions */
  878. .tool_list dt { font-weight: bold; }
  879. .tool_list dd { margin: 0; padding: 4px 0 0 10px;}
  880. /* divs for category list / platform news on home page */
  881. .home_cats {width: 45%; float: left; position: relative;
  882. margin: 0; padding: 0px; padding-top: 8px; background: transparent;}
  883. .home_news {width: 45%; float: right; position: relative;
  884. margin: 0; padding: 0px; padding-top: 8px; background: #fff;}
  885. label.left { float: left; width: 15em; margin: 0 0 0.5em 0; }
  886. form br { clear: both; }
  887. /* Fix for alignment problem in IE-Win browsers */
  888. /* Hide from IE5-mac. Only IE-win sees this. \*/
  889. * html .label { margin-right: 10px; }
  890. * html .data { height: 1%; margin-left: 0;}
  891. /* End hide from IE5/mac */
  892. .radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;}
  893. .required { color: #f00; font-weight: bold;}
  894. /* Admin section */
  895. div.admin_section {
  896. width: 40%;
  897. float: left;
  898. padding: 5px;
  899. margin: 10px 20px;
  900. }
  901. div.admin_section h4 {
  902. margin: 0;
  903. border-bottom: 1px solid gray;
  904. width: 100%;
  905. }
  906. .user_course_category {
  907. background-color: #efefef;
  908. border: 1px solid #666;
  909. font-weight: bold;
  910. color: #666;
  911. list-style-type: none;
  912. margin: 5px;
  913. padding: 5px;
  914. }
  915. .sessions_list {
  916. line-height: 20px; margin-top: 20px;
  917. }
  918. .sessions_list_inactive {
  919. line-height: 20px;
  920. }
  921. .session_box {
  922. background-color: #efefef;
  923. border: 1px solid #666;
  924. font-weight: bold;
  925. color: #666;
  926. list-style-type: none;
  927. margin: 5px;
  928. padding: 5px;
  929. margin-bottom: 10px;
  930. }
  931. .session_box_title {
  932. }
  933. .session_box_coach {
  934. }
  935. .session_course_item {
  936. padding: 0px; margin: 0px;
  937. }
  938. /***************************************************************
  939. * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION *
  940. ***************************************************************/
  941. .sectiontitle{
  942. background-color: #EFEFEF;
  943. border: 1px solid #cccccc;
  944. font-weight: bold;
  945. color: #666666;
  946. list-style-type: none;
  947. margin: 5px;
  948. padding: 5px;
  949. font-size: 11px;
  950. }
  951. .sectioncomment{
  952. color: #000000;
  953. margin: 5px;
  954. padding: 5px;
  955. font-size: 11px;
  956. }
  957. .sectionvalue{
  958. list-style-type: none;
  959. margin: 5px;
  960. padding: 5px;
  961. }
  962. /*****************************************************
  963. * ANNOUNCEMENTS *
  964. *****************************************************/
  965. .announcements_datum
  966. {
  967. font-size: 12px;
  968. font-style: italic;
  969. color: #666666;
  970. }
  971. /*****************************************************
  972. * SYSTEM ANNOUNCEMENTS *
  973. *****************************************************/
  974. div.system_announcements{
  975. }
  976. div.system_announcements h3{
  977. }
  978. div.system_announcement{
  979. margin: 5px;
  980. }
  981. div.system_announcement_title{
  982. }
  983. div.system_announcement_content{
  984. margin-left: 20px;
  985. border-left: 1px solid gray;
  986. padding-left: 5px;
  987. }
  988. /*****************************************************
  989. * THE NEW FORUM *
  990. *****************************************************/
  991. /* **** FORUM CATEGORY **** */
  992. .forum_category {
  993. background-color: #0066CC;
  994. color: #fff;
  995. }
  996. .forum_category a{
  997. color: #fff;
  998. }
  999. .forum_category_header {
  1000. background-color: #0066CC;
  1001. color: #fff;
  1002. }
  1003. tr.forum_category_header a{
  1004. color: #fff;
  1005. }
  1006. /* **** FORUM **** */
  1007. .forum_header{
  1008. background-color: #EFEFEF;
  1009. }
  1010. /* **** THREAD **** */
  1011. .forum_threadheader{
  1012. color: #aaa;
  1013. background-color: #F7F7F7;
  1014. }
  1015. tr.forum_threadheader td{
  1016. }
  1017. .forum-thread-header{
  1018. color: #000000;
  1019. background-color: #F7F7F7;
  1020. border-left: 1px solid #aaa;
  1021. border-right: 1px solid #aaa;
  1022. border-bottom: 1px solid #aaa;
  1023. border-top: 1px solid #aaa;
  1024. }
  1025. .forum-thread-body{
  1026. color: #000000;
  1027. background-color: #FFFFFF;
  1028. border-left: 1px solid #aaa;
  1029. border-right: 1px solid #aaa;
  1030. border-bottom: 1px solid #aaa;
  1031. border-top: 1px solid #aaa;
  1032. }
  1033. /* **** POST **** */
  1034. .quote{
  1035. background-color: #EFEFEF;
  1036. }
  1037. .forum_message_left {
  1038. width: 150px;
  1039. vertical-align: top;
  1040. /*border-bottom: 1px solid #666666;*/
  1041. border-right: 1px solid #aaa;
  1042. background-color: #F7F7F7;
  1043. }
  1044. .forum_message_left_2_be_approved {
  1045. width: 150px;
  1046. vertical-align: top;
  1047. /*border-bottom: 1px solid #666666;*/
  1048. border-right: 1px solid #aaa;
  1049. background-color: #F7F7F7;
  1050. color: #999;
  1051. }
  1052. .forum_message_post_title{
  1053. /*border-bottom: 1px solid #666666;*/
  1054. font-weight: bold;
  1055. background-color: #F7F7F7;
  1056. height: 20px;
  1057. }
  1058. .forum_message_post_title_2_be_approved{
  1059. /*border-bottom: 1px solid #666666;*/
  1060. color: #999;
  1061. font-weight: bold;
  1062. background-color: #F7F7F7;
  1063. height: 20px;
  1064. }
  1065. .forum_message_post_text{
  1066. /*border-bottom: 1px solid #666666;*/
  1067. margin-bottom: 10px;
  1068. vertical-align: top;
  1069. }
  1070. .forum_message_post_text_2_be_approved{
  1071. /*border-bottom: 1px solid #666666;*/
  1072. color: #999;
  1073. margin-bottom: 10px;
  1074. vertical-align: top;
  1075. }
  1076. .current{
  1077. font-weight: bold;
  1078. }
  1079. .structure{
  1080. /*border-bottom: 1px solid #666666;*/
  1081. font-weight: bold;
  1082. background-color: #F7F7F7;
  1083. height: 20px;
  1084. }
  1085. a.forum_group_link {
  1086. font-weight: lighter;
  1087. display:inline;
  1088. }
  1089. .forum_description {
  1090. color: #000;
  1091. font-weight: normal;
  1092. }
  1093. .forum_title{
  1094. color: #000;
  1095. font-size: 12px;
  1096. }
  1097. .forum_low_description{
  1098. color: #737780;
  1099. font-style: italic ;
  1100. font-weight: normal;
  1101. }
  1102. .forum_attach_comment {
  1103. color: #737780;
  1104. font-style: italic ;
  1105. font-weight: normal;
  1106. }
  1107. /* **** BLOG **** */
  1108. span.blog_title {
  1109. font-size: 20px;
  1110. font-weight: bold;
  1111. color: #333;
  1112. }
  1113. span.blog_subttitle {
  1114. font-size: 12px;
  1115. }
  1116. td.blog_left {
  1117. margin-right: 5px;
  1118. padding-right: 5px;
  1119. border-right: 1px solid #dddddd;
  1120. }
  1121. td.blog_right {
  1122. padding-left: 10px;
  1123. }
  1124. td.blog_menu_title {
  1125. background-color: #dddddd;
  1126. color: #333;
  1127. font-weight: bold;
  1128. font-size: 11px;
  1129. padding: 2px;
  1130. }
  1131. td.blog_menu {
  1132. border-bottom: 1px dashed #dddddd;
  1133. border-right: 1px dashed #dddddd;
  1134. border-left: 1px dashed #dddddd;
  1135. padding: 10px;
  1136. }
  1137. td.blog_menu ul {
  1138. margin-top: 0;
  1139. margin-right: 0;
  1140. margin-bottom: 0;
  1141. margin-left: 15px;
  1142. padding: 0;
  1143. }
  1144. td.blog_menu ul li {
  1145. }
  1146. span.blogpost_title {
  1147. display: block;
  1148. font-size: 18px;
  1149. font-weight: bold;
  1150. color: #333;
  1151. padding-bottom: 5px;
  1152. }
  1153. span.blogpost_date {
  1154. display: block;
  1155. font-size: 12px;
  1156. font-weight: bold;
  1157. color: #333333;
  1158. padding-bottom: 10px;
  1159. }
  1160. span.blogpost_info {
  1161. display: block;
  1162. color: #333333;
  1163. border-top: 1px solid #dddddd;
  1164. margin-top: 5px;
  1165. }
  1166. table.newBlog {
  1167. border: 1px solid #dddddd;
  1168. margin-bottom: 10px;
  1169. margin-top: 10px;
  1170. padding: 10px;
  1171. background-color: #f6f6f6;
  1172. }
  1173. table.newTask {
  1174. border: 1px solid #dddddd;
  1175. margin-bottom: 10px;
  1176. margin-top: 10px;
  1177. padding: 10px;
  1178. background-color: #f6f6f6;
  1179. }
  1180. table.new_comment {
  1181. border: 1px solid #dddddd;
  1182. margin-bottom: 10px;
  1183. margin-top: 10px;
  1184. padding: 10px;
  1185. background-color: #F4F4F4;
  1186. }
  1187. div.blogpost_comment {
  1188. border-top: 1px dashed #dddddd;
  1189. border-right: 1px dashed #dddddd;
  1190. border-bottom: 1px dashed #dddddd;
  1191. border-left: 1px dashed #dddddd;
  1192. margin-bottom: 10px;
  1193. padding: 10px;
  1194. background-color: white;
  1195. }
  1196. span.blogpost_comment_title {
  1197. display: block;
  1198. font-size: 14px;
  1199. font-weight: bold;
  1200. color: #333;
  1201. padding-bottom: 5px;
  1202. }
  1203. span.blogpost_comment_date {
  1204. display: block;
  1205. font-size: 10px;
  1206. font-weight: bold;
  1207. color: #333333;
  1208. padding-bottom: 10px;
  1209. }
  1210. span.blogpost_comment_info {
  1211. font-size: 10px;
  1212. display: block;
  1213. color: #333333;
  1214. border-top: 1px solid #dddddd;
  1215. margin-top: 10px;
  1216. }
  1217. div.blogpost {
  1218. border: 1px solid #DDDDDD;
  1219. background-color: #ECECEC;
  1220. margin-bottom: 15px;
  1221. padding: 10px;
  1222. }
  1223. div.comments {
  1224. border: 1px solid #dddddd;
  1225. margin-bottom: 10px;
  1226. margin-top: 10px;
  1227. padding: 10px;
  1228. background-color: #F4F4F4;
  1229. }
  1230. .attachment_comment {
  1231. color: #737780;
  1232. font-style: italic ;
  1233. font-weight: normal;
  1234. }
  1235. .link {text-decoration: none; font-weight : bold; color : #aaa; cursor: pointer}
  1236. .link:hover {text-decoration: none; color: #F3840D; font-weight: bold; cursor: pointer}
  1237. /*****************************************************
  1238. * INSTALLATION *
  1239. *****************************************************/
  1240. #installation_steps{
  1241. float:left;
  1242. background-color: #EFEFEF;
  1243. }
  1244. .current_step{
  1245. font-weight: bold;
  1246. }
  1247. /************************************************************
  1248. styles below here are not necessarily used in the current
  1249. release and the CVS files, they are from earlier versions,
  1250. and have been left untouched for anyone needing them in
  1251. their own platform ...
  1252. *************************************************************/
  1253. .topBanner a:link, .topBanner a:active, .topBanner a:visited {
  1254. text-decoration:none;
  1255. color:white;
  1256. }
  1257. .topBanner table {
  1258. text-decoration:none;
  1259. }
  1260. .topBanner a:hover {
  1261. text-decoration:underline;
  1262. }
  1263. .topBanner td {
  1264. border-top: solid White 1px;
  1265. }
  1266. .alternativeBgLight {
  1267. background-color: #f5f5f5;
  1268. }
  1269. .alternativeBgDark {
  1270. background-color: #e6e6e6
  1271. }
  1272. .forms {
  1273. letter-spacing: normal;
  1274. text-align: justify;
  1275. text-indent: 3pt;
  1276. word-spacing: normal;
  1277. padding: 2px 5px;
  1278. }
  1279. .formsTips {
  1280. text-align: justify;
  1281. text-indent: 15pt;
  1282. word-spacing: normal;
  1283. }
  1284. /*
  1285. input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal;
  1286. padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
  1287. */
  1288. .warn {
  1289. border: thin double Silver;
  1290. margin-left: 15px;
  1291. margin-right: 15px;
  1292. font-family: serif;
  1293. color: Red;
  1294. padding-left: 25px;
  1295. }
  1296. .small {
  1297. font-family: Verdana, Arial, Helvetica, sans-serif;
  1298. font-size: 11px
  1299. }
  1300. .xsmall {
  1301. font-family: Verdana, Arial, Helvetica, sans-serif;
  1302. font-size: 11px
  1303. }
  1304. .xxsmall {
  1305. font-family: Verdana, Arial, Helvetica, sans-serif;
  1306. font-size: 9px
  1307. }
  1308. #glossary_menu li{
  1309. LIST-STYLE-TYPE: none;
  1310. display: inline;
  1311. padding-left:5px;
  1312. }
  1313. .glossary_divider
  1314. {
  1315. text-transform: capitalize;
  1316. background-color: #CCCCCC;
  1317. padding: 3px;
  1318. font-weight: bold;
  1319. margin-bottom: 3px;
  1320. margin-top: 10px;
  1321. }
  1322. .glossary_word
  1323. {
  1324. background-color: #F7F7F7;
  1325. padding: 3px;
  1326. font-weight: bold;
  1327. margin-bottom: 3px;
  1328. margin-top: 10px;
  1329. }
  1330. /*
  1331. * TABBED INTERFACE
  1332. */
  1333. #tabbed_menu
  1334. {
  1335. width: 100%;
  1336. height: 20px;
  1337. border-bottom-width: 1px;
  1338. border-bottom-style: solid;
  1339. border-bottom-color: #666666;
  1340. margin-bottom: 20px;
  1341. }
  1342. #tabbed_menu #tabbed_menu_tabs li
  1343. {
  1344. margin: 0 10;
  1345. padding: 0;
  1346. display: inline;
  1347. list-style-type: none;
  1348. }
  1349. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited
  1350. {
  1351. float: left;
  1352. background: #f3f3f3;
  1353. font-weight: bold;
  1354. padding: 2px 10px 2px 10px;
  1355. margin-right: 4px;
  1356. border: 1px solid #cccccc;
  1357. border-bottom: 1px solid #666666;
  1358. text-decoration: none;
  1359. color: #666;
  1360. }
  1361. #tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active
  1362. {
  1363. border: 1px solid #666666;
  1364. border-bottom: 1px solid #fff;
  1365. background: #fff;
  1366. color: #000;
  1367. }
  1368. #WCAG-editor {
  1369. border: 1px #DCDCDC solid;
  1370. background-color: #F0F0F0;
  1371. width: 100%;
  1372. }
  1373. #WCAG-editor .title {
  1374. padding: 2px;
  1375. background-color: #DCDCDC;
  1376. text-align: center;
  1377. color: #000000;
  1378. font-weight: bold;
  1379. }
  1380. #WCAG-editor .body {
  1381. padding-top: 5px;
  1382. padding-left: 5px;
  1383. padding-right: 13px;
  1384. padding-bottom: 5px;
  1385. }
  1386. #WCAG-editor textarea {
  1387. margin-left: 0px;
  1388. margin-right: 0px;
  1389. width: 100%;
  1390. height: 180px;
  1391. border: 1px #DCDCDC solid;
  1392. }
  1393. #WCAG-editor input {
  1394. width: 100%;
  1395. }
  1396. /* don't work on IE 6 */
  1397. #WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
  1398. width: auto;
  1399. }
  1400. /* only for IE6 */
  1401. #WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
  1402. width: auto;
  1403. }
  1404. #WCAG-content img {
  1405. float: left;
  1406. margin-right: 5px;
  1407. margin-bottom: 5px;
  1408. }
  1409. #WCAG-content p {
  1410. text-align: justify;
  1411. }
  1412. /* hack for IE < 7 */
  1413. #course_description input {
  1414. width: auto;
  1415. }
  1416. #course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
  1417. width: 100%;
  1418. }
  1419. .WCAG-form textarea {
  1420. width: 100%;
  1421. height: 180px;
  1422. }
  1423. .skip {
  1424. display: none;
  1425. }
  1426. /*
  1427. ------------------------------------------------------------------------------
  1428. OTHERS
  1429. ------------------------------------------------------------------------------
  1430. */
  1431. .input_titles{
  1432. width: 300px;
  1433. }
  1434. /*
  1435. ------------------------------------------------------------------------------
  1436. Survey
  1437. ------------------------------------------------------------------------------
  1438. */
  1439. #survey_title{
  1440. background-color:#dcdcdc;
  1441. color:#000;
  1442. padding:2px;
  1443. }
  1444. #survey_subtitle{
  1445. background-color:#dcdcdc;
  1446. color:#000;
  1447. padding:2px;
  1448. }
  1449. .survey_content{
  1450. background-color:#EFEFEF;
  1451. color:#264269;
  1452. padding:5px;
  1453. border: 1px solid #999;
  1454. }
  1455. .survey_question_wrapper{
  1456. border: 1px solid #999;
  1457. }
  1458. .survey_question{
  1459. /* 264269 4271b5 E5EDF9 */
  1460. background-color:#f0f0f0;
  1461. color:#999;
  1462. padding:5px;
  1463. /*border: 1px solid #264269;*/
  1464. }
  1465. .survey_question_options{
  1466. /* 264269 4271b5 E5EDF9 */
  1467. background-color:#FFF;
  1468. color:#000;
  1469. padding:5px;
  1470. /*border: 1px solid #264269;*/
  1471. }
  1472. /*
  1473. |----------------------------------------------------------------------------
  1474. | Added: to fit img and blocks in home page
  1475. |----------------------------------------------------------------------------
  1476. |
  1477. */
  1478. #hellomindfactory {
  1479. border: 1px solid #ccc;
  1480. margin:-14px 0 0 0;
  1481. width:690px;
  1482. height:428px;
  1483. }
  1484. #tophellomindfactory {
  1485. margin: 10px 5px 5px 5px;
  1486. height:200px;
  1487. width:680px;
  1488. }
  1489. .topa {
  1490. background:transparent url('images/logoa4.gif') no-repeat;
  1491. }
  1492. .topb {
  1493. background:transparent url('images/logob4.gif') no-repeat;
  1494. }
  1495. #bottomhellomindfactory {
  1496. margin: 5px;
  1497. height:200px;
  1498. width:680px;
  1499. background:transparent url('images/textologo.jpg') no-repeat;
  1500. }
  1501. /*
  1502. .copyright {
  1503. display:none;
  1504. }
  1505. */
  1506. #ajax_list_coachs {
  1507. position:absolute;
  1508. border:1px solid #4171B5;
  1509. margin:0px;
  1510. padding:0px;
  1511. margin-left:200px;
  1512. margin-top:-23px;
  1513. background-color:#FFFFFF;
  1514. height:auto;
  1515. overflow:auto;
  1516. }
  1517. #ajax_list_courses {
  1518. position:absolute;
  1519. border:1px solid #000;
  1520. margin:0px;
  1521. padding:0px;
  1522. margin-left:200px;
  1523. background-color:#FFFFFF;
  1524. height:auto;
  1525. overflow:auto;
  1526. }
  1527. #ajax_list_users {
  1528. position:absolute;
  1529. border:1px solid #000;
  1530. margin:0px;
  1531. padding:0px;
  1532. margin-left:200px;
  1533. background-color:#FFFFFF;
  1534. height:auto;
  1535. overflow:auto;
  1536. }
  1537. #chat_login_name {
  1538. color : #000;
  1539. }
  1540. /* Quizzes tool */
  1541. .quiz_export_link { float: right; }
  1542. /*
  1543. ------------------------------------------------------------------------------
  1544. Learning path
  1545. ------------------------------------------------------------------------------
  1546. */
  1547. #show_audiorecorder_div{background:#F0F0F0; border:1px solid #999999; font-weight:bold; padding:2px; width:350px;}
  1548. #top_corner
  1549. {
  1550. display:none;
  1551. position: relative;
  1552. float:right;
  1553. width:317px;
  1554. height:100px;
  1555. background: transparent;
  1556. background-image: url("images/top_corner.png");
  1557. }
  1558. #bottom_corner
  1559. {
  1560. display:none;
  1561. position: relative;
  1562. top:-15px;
  1563. float:right;
  1564. width:317px;
  1565. height:80px;
  1566. background: transparent url("images/bottom_corner.png") no-repeat top right;
  1567. padding: 15px 0px 0px 0px;
  1568. }
  1569. /* Glossary tool */
  1570. .glossary-term {
  1571. margin: 1em;
  1572. background-color: #ffe99b;
  1573. padding: 0.5em 0.5em 1.8em 0;
  1574. -moz-border-radius: 0.5em;
  1575. }
  1576. .glossary-term-title {
  1577. margin: 2em 0 1em 0.5em;
  1578. font-weight: bold;
  1579. font-size: 120%;
  1580. }
  1581. .glossary-term-desc {
  1582. margin-left: 1em;
  1583. }
  1584. .glossary-term-action-links {
  1585. float: right;
  1586. }
  1587. .glossary-term-edit-form {
  1588. margin: 1em;
  1589. background-color: #FFE4C4;
  1590. padding: 0.5em 0.5em 2em 0;
  1591. -moz-border-radius: 0.5em;
  1592. }
  1593. .glossary-term-edit-desc {
  1594. font-weight: bold;
  1595. font-size: 120%;
  1596. }
  1597. .glossary-term-edit-title {
  1598. font-weight: bold;
  1599. font-size: 120%;
  1600. }
  1601. .glossary-add-form {
  1602. font-weight: bold;
  1603. font-size: 120%;
  1604. margin: 1em;
  1605. }
  1606. .glossary-orderby-link {
  1607. float:right;
  1608. margin: 1em;
  1609. }
  1610. .glossary-msg-error {
  1611. color: #FF0000;
  1612. display :none;
  1613. font-weight: normal;
  1614. font-size: 80%;
  1615. }
  1616. /* Notebook */
  1617. .notebook-add-form {
  1618. margin: 1em;
  1619. background-color: #c3d9ff;
  1620. padding: 1em 1em;
  1621. }
  1622. .notebook-add-desc-textarea {
  1623. background-color: #f2f5f8;
  1624. border-color: #ffe99b;
  1625. overflow: hidden;
  1626. }
  1627. .notebook-add-title-text {
  1628. background-color: #f2f5f8;
  1629. border-color: #ffe99b;
  1630. }
  1631. .notebook-edit-desc-textarea {
  1632. background-color: #e0ecff;
  1633. border-color: #ffe99b;
  1634. overflow: hidden;
  1635. }
  1636. .notebook-edit-title-text {
  1637. background-color: #e0ecff;
  1638. border-color: #ffe99b;
  1639. }
  1640. .notebook-msg-error {
  1641. color: #FF0000;
  1642. display :none;
  1643. background-color: #ffe99b;
  1644. width: 40%;
  1645. }
  1646. .notebook-list{
  1647. margin: 1em 1em 0em 1em;
  1648. background-color: #79b;
  1649. padding: 0.3em 0.3em;
  1650. -moz-border-radius: 0.5em;
  1651. }
  1652. .notebook-title-list{
  1653. color : #fff;
  1654. padding: 0.3em 0.3em;
  1655. font-weight: bold;
  1656. font-size: 120%;
  1657. }
  1658. .notebook-desc-list {
  1659. margin: 0em;
  1660. background-color: #f2f5f8;
  1661. padding: 0.5em 0.3em 2em 0.3em;
  1662. border: 1px solid #79b;
  1663. }
  1664. .notebook-term-action-links {
  1665. padding: 0.3em 0.3em;
  1666. width: 50%;
  1667. color : #fff;
  1668. }
  1669. .notebook-orderby-link {
  1670. text-align:right;
  1671. margin-right: 1em;
  1672. }
  1673. .notebook-search-title {
  1674. text-align:right;
  1675. margin: 1em;
  1676. }
  1677. .notebook-date-information {
  1678. color : #fff;
  1679. padding: 0.3em;
  1680. font-size: 120%;
  1681. font-weight: bold;
  1682. }
  1683. /* Gradebook */
  1684. .resource-deleted {
  1685. color:#990000;
  1686. }
  1687. .gradebook-table-header {
  1688. border: 1px solid rgb(153, 153, 153);
  1689. background: rgb(240, 240, 240) none repeat scroll 0% 0%;
  1690. }
  1691. .gradebook-table-body {
  1692. border: 1px solid rgb(153, 153, 153);
  1693. background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  1694. }
  1695. /* actions */
  1696. .actions_lp {
  1697. background:#F8F8F8;
  1698. //border-bottom:1px solid #999999;
  1699. //border-top:1px solid #999999;
  1700. height:29px;
  1701. padding-left: -17px;
  1702. margin: 5px 2px 1px 12px;
  1703. background:url(images/actions.jpg) repeat-x;
  1704. vertical-align:middle;
  1705. width: 90%;
  1706. }
  1707. .actions_lp img {
  1708. vertical-align:middle;
  1709. }
  1710. .actions_lp a {
  1711. margin-right: 10px;
  1712. vertical-align:middle;
  1713. }
  1714. .actions_lp span {
  1715. margin-right: 10px;
  1716. vertical-align:middle;
  1717. }
  1718. .actions_lp form {
  1719. margin-right: 10px;
  1720. vertical-align:middle;
  1721. }
  1722. .actions {
  1723. background:#efefef;
  1724. border-bottom:1px dotted #716d61;
  1725. border-top:1px dotted #716d61;
  1726. /*height:35px;*/
  1727. padding:2px;
  1728. margin-bottom: 5px;
  1729. /*background:url(images/actions.jpg) repeat-x;*/
  1730. vertical-align:middle;
  1731. }
  1732. .actions img {
  1733. /*display:inline-block;*/
  1734. border: none;
  1735. text-decoration: none;
  1736. background-color: #efefef;
  1737. padding-right: 5px;
  1738. vertical-align:middle;
  1739. }
  1740. .actions a {
  1741. display:inline-block;
  1742. margin-right: 10px;
  1743. vertical-align:middle;
  1744. }
  1745. .actions span {
  1746. margin-right: 10px;
  1747. vertical-align:middle;
  1748. }
  1749. .actions form {
  1750. margin-right: 10px;
  1751. vertical-align:middle;
  1752. }
  1753. /* big actions */
  1754. .actionsbig {
  1755. background:#F8F8F8;
  1756. border-bottom:1px solid #999999;
  1757. border-top:1px solid #999999;
  1758. background-color:#efefef;
  1759. height:100%;
  1760. padding:2px;
  1761. margin-bottom: 5px;
  1762. vertical-align:middle;
  1763. float:left;
  1764. width:100%;
  1765. }
  1766. .actionsbig a {
  1767. float:left;
  1768. padding-left:12px;
  1769. padding-right:12px;
  1770. text-align:center;
  1771. }
  1772. .actions img {
  1773. vertical-align:middle;
  1774. }
  1775. .actions a {
  1776. margin-right: 10px;
  1777. vertical-align:middle;
  1778. }
  1779. .actions-title {
  1780. background:#efefef;
  1781. border-bottom:1px dotted #999999;
  1782. border-top:1px dotted #999999;
  1783. /*height:35px;*/
  1784. padding:4px;
  1785. margin-bottom: 5px;
  1786. font-size:14px;
  1787. font-weight:bolder;
  1788. /*background:url(images/actions.jpg) repeat-x;*/
  1789. vertical-align:middle;
  1790. }
  1791. .actions-message {
  1792. white-space: nowrap;
  1793. padding: 2px;
  1794. background-color: #f0f0f0;
  1795. border: 1px solid #bbb;
  1796. }
  1797. /**********************************************
  1798. * MESSAGE TOOL *
  1799. **********************************************/
  1800. /* styles from the new_message.php file */
  1801. .message_view_table{
  1802. cellspacing:0;
  1803. cellpadding:0;
  1804. background-color:#dbeaf5;
  1805. border=0;
  1806. border-collapse: collapse;
  1807. width: 100%;
  1808. }
  1809. .message_view_table th{
  1810. padding-right: 12px;
  1811. border: 1px solid gray;
  1812. background-color: #f0f0f0;
  1813. }
  1814. .message-select-box{
  1815. float:left;
  1816. width:350px;
  1817. display:inline;
  1818. position:absolute;
  1819. margin-top:20px;
  1820. margin-left:32px;
  1821. }
  1822. /* styles from the my.profile.php file */
  1823. .message-content {
  1824. float:right;
  1825. margin:20px auto;
  1826. background:#F5E38E;
  1827. border:2px solid #EBCA4F;
  1828. padding:10px;
  1829. width:200px;
  1830. position:relative;
  1831. }
  1832. .message-content .message-delete {
  1833. position: absolute;
  1834. top: 10px;
  1835. right: 10px;
  1836. cursor: pointer;
  1837. }
  1838. .message-content-internal{
  1839. display:inline;
  1840. margin:20px auto;
  1841. background:#F5E38E;
  1842. border:2px solid #EBCA4F;
  1843. padding:10px;
  1844. width:100px;
  1845. position:relative;
  1846. margin-top:150px;
  1847. margin-right:-100px;
  1848. }
  1849. .message-title { color:#ff0000; font-size:15px; }
  1850. .message-body { font-size:11px; padding: 0 0 11px; color:#333; }
  1851. .message-link { color:#ff8400; }
  1852. .message-view {
  1853. float:right;
  1854. margin:20px auto;
  1855. background:#F5E38E;
  1856. border:2px solid #EBCA4F;
  1857. padding:10px;
  1858. width:100px;
  1859. position:relative;
  1860. margin-top:115px;
  1861. margin-right:-100px;
  1862. }
  1863. .message-content-table {
  1864. background-color:white;
  1865. border:1px solid black;
  1866. position:absolute;
  1867. width:200px;
  1868. height:60px;
  1869. z-index:3;
  1870. visibility:hidden;
  1871. top:85px;
  1872. left:10px;
  1873. margin: 0px;
  1874. padding: 0px;
  1875. }
  1876. /**********************************************
  1877. * EXERCISE TOOL *
  1878. **********************************************/
  1879. .exercice_form {
  1880. width: 300px;
  1881. }
  1882. #validationButton{
  1883. text-decoration: none;
  1884. margin: 5px;
  1885. /*border:1px solid #999999;*/
  1886. /*background:#F0F0F0; */
  1887. padding: 3px;
  1888. padding-left:10px;
  1889. padding-right:10px;
  1890. font-weight:bold;
  1891. color:#666;
  1892. }
  1893. .rounded{
  1894. background:#ccc;
  1895. padding: 3px;
  1896. width: 200px;
  1897. margin-left:10px;
  1898. }
  1899. .rounded_inner{
  1900. background:#FFF;
  1901. padding-top: 10px;
  1902. padding-bottom: 10px;
  1903. }
  1904. .rounded_inner:hover{
  1905. color:#C802A5;
  1906. background:#F0F0F0;
  1907. }
  1908. .exercise_scenario_label{
  1909. }
  1910. .exercise_scenario_element{
  1911. }
  1912. span.checkbox {
  1913. width: 19px;
  1914. height: 25px;
  1915. padding: 0 5px 0 0;
  1916. background: url(images/checkbox.gif) no-repeat;
  1917. display: block;
  1918. clear: left;
  1919. float: left;
  1920. }
  1921. span.radio {
  1922. width: 19px;
  1923. height: 25px;
  1924. padding: 0 5px 0 0;
  1925. background: url(images/radio.gif) no-repeat;
  1926. display: block;
  1927. clear: left;
  1928. float: left;
  1929. }
  1930. #question_title{
  1931. }
  1932. #question_description {
  1933. padding-left:5px;
  1934. padding-top:10px;
  1935. }
  1936. #question_score {
  1937. padding-left:5px;
  1938. padding-top:10px;
  1939. padding-bottom:10px;
  1940. font-weight:bold;
  1941. }
  1942. #question_feedback {
  1943. background-color:#FCF7BA;
  1944. border:1px solid #CCCCCC;
  1945. color:#666666;
  1946. font-size:11px;
  1947. font-weight:bold;
  1948. list-style-type:none;
  1949. margin-top:5px;
  1950. padding:5px;
  1951. }
  1952. #exercise_close_link{
  1953. background: url(images/close.gif) no-repeat;
  1954. padding-left: 20px;
  1955. }
  1956. #exercise_close_link:hover{
  1957. background: url(images/close_highlight.gif) no-repeat;
  1958. padding-left: 20px;
  1959. }
  1960. /* Quizzes tool */
  1961. .quiz_export_link {
  1962. float: right;
  1963. }
  1964. /*SOCIAL TOOL*/
  1965. .image-social-content {
  1966. cursor:pointer;
  1967. text-align:left;
  1968. margin:1px auto;
  1969. background:#ffffff;
  1970. border:1px solid #B8C8DC;
  1971. padding:5px;
  1972. width:100px;
  1973. position:relative;
  1974. margin-right:3px;
  1975. margin-left:4px;
  1976. margin-bottom:2px;
  1977. }
  1978. .image-social-content .image-delete {
  1979. position: absolute;
  1980. top: 1px;
  1981. right: 1px;
  1982. cursor: pointer;
  1983. }
  1984. .social-title{
  1985. color:#ffffff;
  1986. background:#4475B0;
  1987. border-bottom:1px dotted #4475B0;
  1988. border-top:1px dotted #4475B0;
  1989. padding:0px;
  1990. margin-bottom: 0px;
  1991. vertical-align:middle;
  1992. font-weight:bolder;
  1993. }
  1994. .social-subtitle{
  1995. background:#FFFFFF;
  1996. border-bottom:1px dotted #999999;
  1997. border-top:1px dotted #999999;
  1998. padding:0px;
  1999. margin-bottom: 0px;
  2000. vertical-align:middle;
  2001. }
  2002. .social-qualify{
  2003. border-bottom:1px solid #ece9d8;
  2004. border-left:1px solid #ece9d8;
  2005. background:#FFFFFF;
  2006. }
  2007. .social-qualify-display{
  2008. border-bottom:1px solid #ece9d8;
  2009. border-left:1px solid #ece9d8;
  2010. background:#FFFF66;
  2011. color:#000033;
  2012. font-weight:bold;
  2013. }
  2014. .social-info{
  2015. background:#B8C8DC;
  2016. color:#4475B0;
  2017. font-size:12px;
  2018. font-weight:bold;
  2019. }
  2020. .social-display-image{
  2021. float:right;
  2022. margin-top:-130px;
  2023. margin-right:5px;
  2024. }
  2025. .social-search-image{
  2026. color:#000033;
  2027. margin-top:2px;
  2028. border-bottom:1px solid #6B6262;
  2029. border-left:1px solid #6B6262;
  2030. border-right:1px solid #6B6262;
  2031. border-top:1px solid #6B6262;
  2032. width:250px;
  2033. }
  2034. .social-subtitle-search{
  2035. background:#ffffff;
  2036. border-top:1px #9DACBF solid;
  2037. border-bottom:1px #9DACBF solid;
  2038. }
  2039. .social-align-box {
  2040. text-align:left;
  2041. float:left;
  2042. }
  2043. .social-content-description {
  2044. background:#ECE9D8;
  2045. }
  2046. .social-content-body{
  2047. background:#ffffff;
  2048. }
  2049. .social-content-table{
  2050. border-top:1px #9DACBF solid;
  2051. border-left:1px #9DACBF solid;
  2052. border-right:1px #9DACBF solid;
  2053. border-bottom:1px #9DACBF solid;
  2054. }
  2055. .social-profile-info {
  2056. width:350px;
  2057. }
  2058. .social-profile-info dt {
  2059. text-align:left;
  2060. clear:left;
  2061. color:#808080;
  2062. float:left;
  2063. width:100px;
  2064. }
  2065. .social-profile-info dd {
  2066. padding:1px 0px 3px 0px;
  2067. float:left;
  2068. margin:0;
  2069. display : block;
  2070. padding-left:10px;
  2071. width:200px;
  2072. }
  2073. #social-profile-wrapper {
  2074. width: 100%;
  2075. text-align:left;
  2076. margin:0 auto;
  2077. float: left;
  2078. }
  2079. #social-profile-container {
  2080. /*width: 100%;*/
  2081. }
  2082. #social-profile-left {
  2083. float:left;
  2084. width:22%;
  2085. }
  2086. .left-side {
  2087. min-width: 198px;
  2088. margin: 0px;
  2089. }
  2090. #social-profile-content {
  2091. float:right;
  2092. width:48%;
  2093. }
  2094. #social-profile-right {
  2095. float:right;
  2096. width:30%;
  2097. }
  2098. .social-profile-post {
  2099. background : #EFEFEF;
  2100. }
  2101. .maincourse {
  2102. width: 100%;
  2103. margin-left:0px;
  2104. }
  2105. .social-profile-rounded {
  2106. background : #eee;
  2107. }
  2108. #social-profile-forum {
  2109. padding-left:0px;
  2110. }
  2111. #social-profile-thread {
  2112. padding-left:20px;
  2113. }
  2114. #social-post{
  2115. padding-left:30px;
  2116. }
  2117. .actions-profile {
  2118. font-size:14px;
  2119. background:#efefef;
  2120. border-bottom:1px dotted #999999;
  2121. border-top:1px dotted #999999;
  2122. /*height:35px;*/
  2123. padding:2px;
  2124. margin-bottom: 2px;
  2125. /*background:url(images/actions.jpg) repeat-x;*/
  2126. vertical-align:middle;
  2127. font-weight:700;
  2128. margin-right:2px;
  2129. }
  2130. .social-content-image {
  2131. margin-top:4px;
  2132. margin-right:5px;
  2133. background:#EFEFEF;
  2134. border-left:1px #999999 dotted;
  2135. border-top:1px #999999 dotted ;
  2136. border-right:1px #999999 dotted;
  2137. border-bottom:1px #999999 dotted;
  2138. }
  2139. .social-background-content {
  2140. background:#EFEFEF;
  2141. }
  2142. .social-content-information {
  2143. margin-left:10px;
  2144. margin-right:10px;
  2145. }
  2146. .social-content-training {
  2147. margin-left:10px;
  2148. margin-right:10px;
  2149. }
  2150. .social-friend-container {
  2151. margin-left:10px;
  2152. margin-right:10px;
  2153. }
  2154. .social-content-competences {
  2155. margin-left:5px;
  2156. margin-right:5px;
  2157. }
  2158. .social-content-announcements {
  2159. margin-left:10px;
  2160. margin-right:10px;
  2161. }
  2162. .social-content-agenda {
  2163. margin-left:10px;
  2164. margin-right:10px;
  2165. }
  2166. .social-actions-message {
  2167. white-space: nowrap;
  2168. padding: 2px;
  2169. background-color: #ffffff;
  2170. border: 1px solid #bbb;
  2171. }
  2172. /*****************************************************
  2173. * BUTTONS *
  2174. *****************************************************/
  2175. /* BUTTONS */
  2176. button {
  2177. margin:0 5px 3px 3px !important;
  2178. background-color: #DFDFDF;
  2179. border-width: 1px;
  2180. /* -moz-border-radius-topright : 5px;
  2181. -moz-border-radius-topleft : 5px;
  2182. -moz-border-radius-bottomright : 5px;
  2183. -moz-border-radius-bottomleft : 5px;
  2184. */
  2185. font-family: bold arial,verdana,helvetica,sans-serif;
  2186. font-size: 100%;
  2187. line-height :130%;
  2188. text-decoration: none;
  2189. color: black;
  2190. cursor: pointer;
  2191. padding:5px 15px 5px 15px;
  2192. vertical-align:middle;
  2193. }
  2194. button:hover {
  2195. background-color:#cbcbcb;
  2196. color:#545454;
  2197. border-style: inset;
  2198. }
  2199. /* button with image */
  2200. button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
  2201. padding-left:30px;
  2202. background-position:10px;
  2203. background-repeat:no-repeat;
  2204. }
  2205. /* POSITIVE */
  2206. button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
  2207. background-color:#E5EDF9;
  2208. border-color: #D4E2F6;
  2209. }
  2210. button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
  2211. border-color: #D4E2F6;
  2212. background-color:#D4E2F6;
  2213. }
  2214. /* NEGATIVE */
  2215. button.cancel {
  2216. background-color:#F8E8E6;
  2217. border-color: #FFE3DE;
  2218. }
  2219. button.cancel:hover {
  2220. border-color: #F4E1D0;
  2221. background-color: #FFE3DE;
  2222. }
  2223. /* button with image */
  2224. button.add, button.save, button.cancel, button.search, button.login, button.plus, button.minus, button.next, button.back {
  2225. padding-left:30px;
  2226. background-position:10px;
  2227. background-repeat:no-repeat;
  2228. }
  2229. /* POSITIVE */
  2230. button.save, button.add, button.search, button.login, button.plus, button.minus, button.next, button.back {
  2231. background-color:#E5EDF9;
  2232. border-color: #D4E2F6;
  2233. }
  2234. button.save:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover {
  2235. border-color: #D4E2F6;
  2236. background-color:#D4E2F6;
  2237. }
  2238. /* NEGATIVE */
  2239. button.cancel {
  2240. background-color:#F8E8E6;
  2241. border-color: #FFE3DE;
  2242. }
  2243. button.cancel:hover {
  2244. border-color: #F4E1D0;
  2245. background-color: #FFE3DE;
  2246. }
  2247. /*including "save" image*/
  2248. button.save {
  2249. background-image:url(images/button_accept.gif);
  2250. }
  2251. /*including "add" image*/
  2252. button.add {
  2253. background-image:url(images/button_add.gif);
  2254. }
  2255. /*including "cancel" image*/
  2256. button.cancel {
  2257. background-image:url(images/button_delete.gif);
  2258. }
  2259. /*including "search" image*/
  2260. button.search {
  2261. background-image:url(images/button_search.gif);
  2262. }
  2263. /*including "login" image*/
  2264. button.login {
  2265. background-image:url(images/button_login.gif);
  2266. }
  2267. /*including "plus" image*/
  2268. button.plus {
  2269. background-image:url(images/button_plus.gif);
  2270. }
  2271. /*including "minus" image*/
  2272. button.minus {
  2273. background-image:url(images/button_minus.gif);
  2274. }
  2275. /*including "next" image*/
  2276. button.next {
  2277. background-image:url(images/button_next.gif);
  2278. }
  2279. /*including "back" image*/
  2280. button.back {
  2281. background-image:url(images/button_back.gif);
  2282. }
  2283. .icon_image_content{
  2284. width:70px;
  2285. cursor:hand;
  2286. height:8em;
  2287. text-align: center;
  2288. padding-top: 3px;
  2289. padding-right: 5x;
  2290. padding-bottom: 3px;
  2291. padding-left: 5px;
  2292. }
  2293. .question_menu {list-style:none; float:left; }
  2294. .question_menu li{float:left; margin:0px;}
  2295. #exercise_admin {margin: 0; padding: 0; border: 0; }