default.css 75 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900
  1. /*****************************************************
  2. * MAIN - MEDICAL CSS *
  3. *****************************************************/
  4. html {
  5. height: 100%;
  6. }
  7. body {
  8. /* hack ignored by non-IE to enable ie to support :hover on button */
  9. behavior:url("/main/css/csshover3.htc");
  10. font-family: bold arial, verdana, helvetica, sans-serif;
  11. font-size: 12px;
  12. color: #000;
  13. margin: 0;
  14. padding: 0;
  15. background-color: #fff;
  16. height: 100%; /* stick */
  17. }
  18. #wrapper{
  19. min-height: 100%;
  20. height: auto !important;
  21. height: 100%;
  22. margin: 0 auto -5em;
  23. }
  24. #outerframe {
  25. position: relative; /* do not remove, fixes a bug in IE */
  26. background-color: #fff;
  27. background-repeat:no-repeat;
  28. }
  29. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  30. background-image:url(images/shadow.gif);
  31. }
  32. /* Hides from IE5-mac \*/
  33. * html #outerframe {
  34. height: 1%;
  35. }
  36. /* End hide from IE5-mac */
  37. #main {
  38. position: relative; /* to avoid the IE peekabo bug*/
  39. margin: 0px auto;
  40. margin-top: 10px;
  41. width: 98%;
  42. padding: 0px 10px 10px 10px;
  43. background-color: transparent;
  44. min-height: 320px;
  45. background-repeat: no-repeat;
  46. }
  47. /* for content section in main index.php file */
  48. /*
  49. |----------------------------------------------------------------------------
  50. | modified: to fit img and blocks in home page
  51. |----------------------------------------------------------------------------
  52. |
  53. */
  54. .maincontent {
  55. float: left;
  56. width: 68%;
  57. padding: 0 20px 0 20px;
  58. background-color: #fff;
  59. min-height: 333px;
  60. margin-top:0;
  61. background-color: #ffffff;
  62. }
  63. /* only use in gradebook
  64. .maincontent td {
  65. float: left;
  66. width: 100%;
  67. padding: 4px;
  68. }*/
  69. #center {
  70. margin: 0 190px 0 0;
  71. padding: 10px 0 40px 0;
  72. min-height: 300px;
  73. background-color: #fff;
  74. }
  75. .invisible {
  76. color: #999;
  77. }
  78. .invisible a:link, .invisible a:visited {
  79. color: #999;
  80. }
  81. a.invisible:link, a.invisible:visited {
  82. color: #999;
  83. }
  84. .clear {
  85. clear: both;
  86. line-height: 0px;
  87. height: 0;
  88. }
  89. input.link_alike {
  90. background-color: #FFFFFF;
  91. border-width: 0px;
  92. color: #4171b5;
  93. font-weight: bold;
  94. text-align: left;
  95. padding: 0px;
  96. margin: 0px;
  97. }
  98. input.link_alike:hover {
  99. background-color: #FFFFFF;
  100. border-width: 0px;
  101. color: #b49fa6;
  102. font-weight: bold;
  103. text-align: left;
  104. padding: 0px;
  105. margin: 0px;
  106. }
  107. /*****************************************************
  108. * REDEFINED HTML TAGS *
  109. *****************************************************/
  110. img {
  111. border: none;
  112. }
  113. p, blockquote, ol, ul {
  114. font-size: 12px;
  115. }
  116. h1 {
  117. font-size: 21px;
  118. }
  119. h2 {
  120. font-size: 18px;
  121. }
  122. h3 {
  123. font-size: 15px;
  124. margin-top:0px;
  125. padding-top:0px;
  126. }
  127. h4 {
  128. font-size: 12px;
  129. }
  130. h5, h6 {
  131. font-family: verdana, arial, helvetica, sans-serif;
  132. }
  133. /* the following for regular <a> elements */
  134. a:link {
  135. text-decoration: none;
  136. font-weight : bold;
  137. color : #333;
  138. }
  139. a:visited {
  140. text-decoration: none;
  141. font-weight : bold;
  142. color : #333;
  143. }
  144. a:hover {
  145. text-decoration: none;
  146. color: #9e8290;
  147. font-weight: bold;
  148. }
  149. a:active {
  150. text-decoration: none;
  151. font-weight : bold;
  152. color : #f00;
  153. }
  154. select, textarea {
  155. color : #000;
  156. border: 1px solid #000;
  157. }
  158. input.checkbox {
  159. border-width: 0;
  160. }
  161. select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
  162. cursor: pointer;
  163. font-size: 12px;
  164. }
  165. input[text] {
  166. font-size: 12px;
  167. }
  168. /* user_portal course status icon */
  169. .coursestatusicons {
  170. border: 0px solid #000;
  171. float: left;
  172. padding-right: 5px;
  173. width: auto;
  174. }
  175. /* user_portal course list */
  176. .courses {
  177. list-style-type: none;
  178. margin-bottom: 5px;
  179. height: 30px;
  180. }
  181. /* user_portal session list */
  182. .session_course_item .courses {
  183. margin-bottom: 5px;
  184. height:35px;
  185. }
  186. .session_course_item {
  187. /* padding: 0px; */
  188. margin: 0px;
  189. }
  190. /*****************************************************
  191. * HEADER STYLES *
  192. *****************************************************/
  193. #header {
  194. width: 100%;
  195. padding: 0;
  196. margin: 0;
  197. }
  198. /********************************************************
  199. * HEADER 1: Title, portal, organisation, course title *
  200. ********************************************************/
  201. #header1 {
  202. font-size: 12px;
  203. padding: 4px;
  204. background-color: #B7A6AC;
  205. color: #666;
  206. height: 36px;
  207. background-image: url(images/header.jpg);
  208. Background-repeat: no-repeat;
  209. }
  210. #logoMinisterio {
  211. position: relative;
  212. float:right;
  213. width:180px;
  214. height:75px;
  215. margin-bottom: 0px;
  216. margin-top: 10px;
  217. margin-right: 5px;
  218. padding: 0px 0px 0px 0px;
  219. background: transparent;
  220. background-image: url("images/logoRel.jpg");
  221. background-repeat: no-repeat;
  222. }
  223. #header1 a {
  224. color: #fff;
  225. text-decoration: none;
  226. }
  227. #header1 a:hover {
  228. text-decoration: underline;
  229. }
  230. #sitename {
  231. margin: 0;
  232. font-weight: bold;
  233. }
  234. #top_corner {
  235. }
  236. #institution {
  237. float: left;
  238. font-weight: bold;
  239. }
  240. #my_courses {
  241. float: right;
  242. font-weight: bold;
  243. }
  244. /********************************************************
  245. * HEADER 2: Users online, help, student/teacher view *
  246. ********************************************************/
  247. #header2 {
  248. position: relative; /* to avoid the IE peekabo bug*/
  249. font-size: 1.0em;
  250. font-weight: normal;
  251. height:15px;
  252. padding: 0.2em 0.5em;
  253. padding-bottom: 0.2em;
  254. background: #B7A6AC;
  255. color: #666;
  256. }
  257. #header2 a {
  258. color: #666;
  259. text-decoration: none;
  260. font-weight:normal;
  261. }
  262. #header2 a:hover {
  263. text-decoration: underline;
  264. }
  265. /* Header2Right: online users, student/teacher view, help */
  266. #Header2Right ul {
  267. position: relative; /* to avoid the IE peekabo bug*/
  268. float: right;
  269. width: 70%;
  270. margin: 0;
  271. padding: 0;
  272. list-style-type: none;
  273. text-align: right;
  274. }
  275. #Header2Right ul li {
  276. display: inline;
  277. color:#fff;
  278. }
  279. #Header2Right ul li a {
  280. padding: 4px 6px 4px 4px;
  281. color:#fff;
  282. }
  283. /*****************************************************
  284. * HEADER 3: TABS OF THE HEADER *
  285. *****************************************************/
  286. #header3 {
  287. font-size: 1.0em;
  288. padding: 0.8em 0.5em 0.4em 0.5em;
  289. background: #fff;
  290. color: #006;
  291. height:25px;
  292. margin-bottom: 1px;
  293. background-image: url(images/fondoHeader3.jpg);
  294. }
  295. #header3 A {
  296. PADDING-RIGHT: 15px;
  297. DISPLAY: block;
  298. PADDING-LEFT: 6px;
  299. BACKGROUND: url(images/tab_right.gif) no-repeat right top;
  300. PADDING-BOTTOM: 0px;
  301. COLOR: #fff;
  302. PADDING-TOP: 5px;
  303. TEXT-DECORATION: none;
  304. }
  305. #header3 A:hover {
  306. COLOR: #83676f;
  307. }
  308. #header3 UL {
  309. PADDING-RIGHT: 10px;
  310. PADDING-LEFT: 10px;
  311. PADDING-BOTTOM: 0px;
  312. MARGIN: 0px;
  313. LIST-STYLE-TYPE: none;
  314. display: inline;
  315. }
  316. #header3 LI {
  317. PADDING-RIGHT: 0px;
  318. PADDING-LEFT: 9px;
  319. FLOAT: left;
  320. PADDING-BOTTOM: 0px;
  321. MARGIN: 0px;
  322. PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/
  323. }
  324. #header3 LI:hover {
  325. PADDING-RIGHT: 0px;
  326. PADDING-LEFT: 9px;
  327. PADDING-BOTTOM: 0px;
  328. MARGIN: 0px;
  329. PADDING-TOP: 0px
  330. }
  331. #header3 #current {
  332. }
  333. #header3 #current A {
  334. COLOR: #333
  335. }
  336. #header3 .banner_links {
  337. margin: 0;
  338. }
  339. #header3 input.logout {
  340. /* makes an input appear like a link in this header */
  341. margin: 0 0 0 0;
  342. padding: 0 30px 0 0;
  343. background-color: transparent;
  344. border: none;
  345. COLOR: #fff;
  346. font-size: 1.0em;
  347. font-weight:bold;
  348. font-family: verdana, arial, helvetica, sans-serif;
  349. display: inline;
  350. BACKGROUND: url(images/salir.gif) no-repeat right top;
  351. PADDING-RIGHT: 10px;
  352. PADDING-TOP: 3px;
  353. }
  354. #header3 input:hover {
  355. COLOR: #999;
  356. BACKGROUND: url(images/salir.gif) no-repeat right top;
  357. }
  358. #header3 input {
  359. PADDING-RIGHT: 15px;
  360. DISPLAY: block;
  361. PADDING-LEFT: 6px;
  362. }
  363. #header3 #logout {
  364. margin-top: 0px;
  365. }
  366. #header3 input.logout:hover {
  367. }
  368. #logout {
  369. display: inline;
  370. float: right;
  371. width: auto;
  372. text-align: right;
  373. font-size: 1.0em;
  374. }
  375. /*****************************************************
  376. * HEADER 3: not used *
  377. *****************************************************/
  378. #header4 {
  379. background-color: #fff;
  380. color: #009;
  381. padding: 4px;
  382. margin-bottom: 2px;
  383. padding-left: 22px;
  384. float: left;
  385. clear:right;
  386. }
  387. #header4 a {
  388. color: #666;
  389. }
  390. #header4 a:hover {
  391. text-decoration: none;
  392. color: #AF8B97;
  393. }
  394. /* The tool shortcuts */
  395. #toolshortcuts {
  396. text-align: right;
  397. clear: right;
  398. margin-left: auto;
  399. margin-right: auto;
  400. width: 98%
  401. }
  402. /*****************************************************
  403. * FOOTER STYLES *
  404. *****************************************************/
  405. #footer {
  406. background-color: #fff;
  407. background-image: url(images/footer.jpg);
  408. background-repeat: no-repeat;
  409. font-size: 12px;
  410. font-weight:bold;
  411. color:#666;
  412. min-height: 50px;
  413. overflow:hidden;
  414. width: 100%;
  415. padding-bottom:10px;
  416. }
  417. .push {
  418. height: 5em; /* Very important */
  419. }
  420. .footer_emails{
  421. float: left;
  422. margin-right:5%;
  423. background-color: #fff;
  424. background-image: url(images/footer.jpg);
  425. background-repeat:repeat-x;
  426. padding-top:25px;
  427. }
  428. #footer .copyright {
  429. float: right;
  430. padding-top:25px;
  431. margin-right:10px;
  432. background-color: #fff;
  433. background-image: url(images/footer.jpg);
  434. background-repeat: no-repeat;
  435. }
  436. #footer #platformmanager {
  437. float: left;
  438. margin-left:10px;
  439. }
  440. #footer #coursemanager {
  441. float: left;
  442. margin-left: 10px;
  443. }
  444. #footer a {
  445. color:#999999;
  446. }
  447. #bottom_corner {
  448. }
  449. /*****************************************************
  450. * NAVIGATION MENU *
  451. *****************************************************/
  452. /*NAVIGATION MENU BAR*/
  453. .menu {
  454. float: right;
  455. width: 20%;
  456. padding: 0 0 6px 0;
  457. }
  458. .menucaption {
  459. font-size: 12px;
  460. font-weight: bold;
  461. padding-left: 12px;
  462. }
  463. .menusection {
  464. width: auto;
  465. margin: 24px 6px 0 6px;
  466. padding-left: 10px;
  467. border: 1px solid #4171B5;
  468. }
  469. .menusectioncaption {
  470. position: relative;
  471. top: -9px;
  472. background-color: #E5EDF9;
  473. font-size: 12px;
  474. padding: 0 8px 0 4px;
  475. }
  476. .menulist {
  477. list-style: none;
  478. margin: 0 0 12px 0;
  479. padding: 0;
  480. }
  481. #centerwrap {
  482. float: left;
  483. width: 100%;
  484. margin-right: -95%;/* this needs to be less than 100% for Moz/Mac which thinks
  485. it's empty otherwise. The difference is made up by putting a
  486. negative left margin on the left float:
  487. Note IE/Mac doesn't like this method ~ it wants the 100% so it can
  488. be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
  489. */
  490. }
  491. #center {
  492. margin: 0 190px 0 0;
  493. padding: 10px 0 40px 0;
  494. min-height: 300px;
  495. }
  496. #toolnav {
  497. float: right;
  498. width: 180px;
  499. padding: 0;
  500. margin: 0;
  501. margin-left: -5%; /* the difference to make the left colum appear flush left */
  502. }
  503. /* Hide from IE5-mac. Only IE-win sees this. \*/
  504. * html #toolnav {
  505. margin-right: 0px;
  506. }
  507. * html #center {
  508. height: 1%;
  509. margin-left: 0;
  510. }
  511. /* End hide from IE5/mac */
  512. /* --- course navigation menu as a definition list --- */
  513. #swap_menu_link {
  514. float: left;
  515. }
  516. #toolnavbox {
  517. margin: 0 0 0 10px;
  518. padding: 0;
  519. float: left;
  520. border: 1px solid #4271b5;
  521. }
  522. #toolnavbox dl {
  523. width: 160px;
  524. margin: 0 auto;
  525. padding: 0;
  526. background: transparent;
  527. font-size: 12px;
  528. text-align: center;
  529. }
  530. #toolnavbox dt {
  531. margin: 0;
  532. padding: 0;
  533. font-weight: bold;
  534. font-size: 12px;
  535. text-align: center;
  536. color: #000;
  537. border-bottom: 1px solid #fff;
  538. background: transparent;
  539. }
  540. #toolnavbox dd {
  541. margin: 0;
  542. padding: 0;
  543. color: #009;
  544. text-align: left;
  545. border-bottom:1px solid #fff;
  546. background: #E5EDF9;
  547. }
  548. #toolnav img {
  549. float: left;
  550. width: 25px;
  551. height: 25px;
  552. margin: 0 4px 0 0;
  553. }
  554. #toolnavlist a, #toolnavlist a:link {
  555. background: #FFC0CB;
  556. color: #4171b5;
  557. padding: 5px 5px 5px 10px;
  558. margin: 0;
  559. text-decoration: none;
  560. display: block;
  561. line-height:24px;
  562. }
  563. #toolnavlist a:hover {
  564. background: #fff;
  565. color:#4171b5;
  566. }
  567. #toolnavlist a#here {
  568. background: #fff;
  569. color:#4171b5;
  570. }
  571. /* --- end of course navigation menu section --- */
  572. ------------------------------------------------------------------------------ course navigation menu as a definition list ------------------------------------------------------------------------------ */ this lets the navigation menu appear to the left:
  573. #center {
  574. margin: 0 0 0 180px;
  575. padding: 10px 0 40px 0;
  576. min-height: 300px;
  577. }
  578. #toolnav {
  579. float: left;
  580. width: 180px;
  581. padding: 20px 0 0 0;
  582. margin-left: -5%;
  583. }
  584. #toolnav {
  585. float: right;
  586. width: 180px;
  587. padding: 0;
  588. margin: 0;
  589. margin-left: -5%; /* the difference to make the left colum appear flush left */
  590. }
  591. /* Hide from IE5-mac. Only IE-win sees this. \*/
  592. * html #toolnav {
  593. margin-right: 0px;
  594. }
  595. * html #center {
  596. height: 1%;
  597. margin-left: 0;
  598. }
  599. /* End hide from IE5/mac */
  600. */
  601. /*****************************************************
  602. * LOGIN AND LANGUAGE FORM *
  603. *****************************************************/
  604. #lang_form {
  605. text-align: left;
  606. font-size: 12px;
  607. margin: 2px 0 10px 0;
  608. padding: 2px;
  609. }
  610. #lang_form input, #lang_form select {
  611. font-size: 12px;
  612. margin-left: 10px;
  613. }
  614. #formLogin label {
  615. font-size: 12px;
  616. margin: 4px 6px;
  617. }
  618. #formLogin input {
  619. font-size: 13px;
  620. margin: 4px 6px;
  621. }
  622. #login_fail {
  623. margin: 0 6px 6px 6px;
  624. padding: 4px;
  625. border: 1px solid #f00;
  626. background-color: #fff;
  627. font-size: 12px;
  628. color: #f00;
  629. }
  630. input.mainoption {
  631. font-weight : bold;
  632. }
  633. input.liteoption {
  634. font-weight : normal;
  635. }
  636. /*****************************************************
  637. * COURSE HOMEPAGE *
  638. *****************************************************/
  639. /* various sections in course-home.php file */
  640. #toolremove {
  641. width: 40%;
  642. color: #f00;
  643. font-weight: bold;
  644. margin: 10px auto;
  645. padding: 10px;
  646. border: 2px solid #f00;
  647. }
  648. #courseintro {
  649. clear: both;
  650. width: 80%;
  651. margin: 10px auto;
  652. padding: 10px;
  653. border-bottom: 1px solid #dcdcdc;
  654. }
  655. #courseintro_icons {
  656. clear: both;
  657. width: 80%;
  658. margin: 10px auto;
  659. }
  660. .everybodyview {
  661. position: relative; /* to avoid the IE peekabo bug ?*/
  662. width: 80%;
  663. margin: 10px auto;
  664. padding: 10px;
  665. }
  666. .courseadminview, .platformadminview {
  667. position: relative;
  668. width: 80%;
  669. margin: 25px auto 10px;
  670. padding: 10px;
  671. border: 1px solid #999999;
  672. }
  673. .viewcaption {
  674. position: relative;
  675. top: -20px;
  676. font-size: 12px;
  677. font-weight: bold;
  678. color: #666666;
  679. background-color: #fff;
  680. padding: 0 4px;
  681. }
  682. .tool-icon {
  683. margin-bottom: -3px;
  684. }
  685. /***********************************/
  686. /*****************************************************
  687. * AGENDA *
  688. *****************************************************/
  689. #agenda {
  690. width: 100%;
  691. margin: 0 auto;
  692. border: 1px solid #bbb;
  693. border-collapse: collapse;
  694. }
  695. .agenda_month_divider {
  696. background-color: #dcdcdc;
  697. font-weight: bold;
  698. font-size: 12px;
  699. color: #000;
  700. text-align: center;
  701. }
  702. #agenda .title a {
  703. color: #fff;
  704. }
  705. #agenda .agendaitem {
  706. font-size: 12px;
  707. }
  708. #smallcalendar .title {
  709. background-color: #dcdcdc;
  710. font-weight: bold;
  711. padding: 2px;
  712. color: #666;
  713. text-align: center;
  714. font-size: 11px;
  715. }
  716. #smallcalendar .title a {
  717. color: #666;
  718. }
  719. #agenda_select {
  720. list-style: none;
  721. border: 0px solid green;
  722. margin: 30px 0 0 0;
  723. padding: 0 0 0 10px;
  724. }
  725. /* ---------------------------------------------------
  726. styles for the agenda (day, week, month view)
  727. -----------------------------------------------------*/
  728. #agenda_list {
  729. width: 100%;
  730. margin: 0 auto;
  731. border: 1px solid #fff;
  732. border-collapse: collapse;
  733. }
  734. /*The caption of the calendar (displays the month and the << and >> links*/
  735. #agenda_list .title {
  736. background-color: #dcdcdc;
  737. font-weight: bold;
  738. font-size: 12px;
  739. color: #666;
  740. text-align: left;
  741. padding: 2px 10px;
  742. text-align: center;
  743. border: 1px solid #bbb;
  744. }
  745. #agenda_list .title a:link, #agenda_list #title a:visited {
  746. background-color: #dcdcdc;
  747. font-weight: bold;
  748. font-size: 11px;
  749. color: #666;
  750. padding: 2px 10px;
  751. text-align: center;
  752. }
  753. #agenda_list .title a:hover {
  754. background-color: #dcdcdc;
  755. font-weight: bold;
  756. font-size: 11px;
  757. color: #f3840d;
  758. padding: 2px 10px;
  759. text-align: center;
  760. }
  761. /* The cells with the name of the days of the weeks (mon->sun)*/
  762. #agenda_list .weekdays {
  763. background-color: #dcdcdc;
  764. text-align: center;
  765. font-weight: bold;
  766. border: 1px solid #264269;
  767. border-collapse: collapse;
  768. }
  769. /* The cells for the days (1->31) */
  770. #agenda_list .days_week {
  771. height: 40px;
  772. width: 12%;
  773. text-align: left;
  774. vertical-align: top;
  775. border: 1px solid #264269;
  776. border-collapse: collapse;
  777. background-color: #f5f5f5;
  778. }
  779. #agenda_list .days_weekend {
  780. height: 40px;
  781. width: 12%;
  782. text-align: left;
  783. vertical-align: top;
  784. border: 1px solid #264269;
  785. border-collapse: collapse;
  786. background-color: #e6e6e6;
  787. }
  788. #agenda_list .days_today {
  789. height: 40px;
  790. width: 12%;
  791. text-align: left;
  792. vertical-align: top;
  793. border: 1px solid #264269;
  794. border-collapse: collapse;
  795. background-color: #FFCA8D;
  796. color: #CC3300;
  797. font-weight: bold;
  798. }
  799. /* text in the cells: display of agenda items (visible)*/
  800. #agenda_list .data {
  801. background-color: #eee;
  802. text-align: left;
  803. padding: 2px 10px;
  804. font-weight: bold;
  805. border: 0px solid #dcdcdc;
  806. border-collapse: collapse;
  807. }
  808. #agenda_list .datanotbold {
  809. background-color: #eee;
  810. text-align: left;
  811. padding: 2px 10px;
  812. font-weight: normal;
  813. border: 0px solid #dcdcdc;
  814. border-collapse: collapse;
  815. }
  816. #agenda_list .text {
  817. background-color: #fff;
  818. text-align: left;
  819. padding: 2px 10px;
  820. font-weight: normal;
  821. border: 0px solid #dcdcdc;
  822. border-collapse: collapse;
  823. }
  824. /*text in the cells: display of agenda items (invisible)*/
  825. #agenda_list .data_hidden {
  826. background-color: #eee;
  827. text-align: left;
  828. padding: 2px 10px;
  829. font-weight: bold;
  830. border: 0px solid #dcdcdc;
  831. border-collapse: collapse;
  832. color: #999999;
  833. }
  834. #agenda_list .datanotbold_hidden {
  835. background-color: #eee;
  836. text-align: left;
  837. padding: 2px 10px;
  838. font-weight: normal;
  839. border: 0px solid #dcdcdc;
  840. border-collapse: collapse;
  841. color: #999999;
  842. }
  843. #agenda_list .text_hidden {
  844. background-color: #fff;
  845. text-align: left;
  846. padding: 2px 10px;
  847. font-weight: normal;
  848. border: 0px solid #dcdcdc;
  849. border-collapse: collapse;
  850. color: #999999;
  851. }
  852. /*text in the cells: display of agenda items (highlighted)*/
  853. #agenda_list .datanow {
  854. background-color: #FFCC00;
  855. text-align: left;
  856. padding: 2px 10px;
  857. font-weight: bold;
  858. border: 0px solid #dcdcdc;
  859. border-collapse: collapse;
  860. }
  861. #agenda_list .datanotboldnow {
  862. background-color: #FFCC00;
  863. text-align: left;
  864. padding: 2px 10px;
  865. font-weight: normal;
  866. border: 0px solid #dcdcdc;
  867. border-collapse: collapse;
  868. }
  869. #agenda_list .textnow {
  870. background-color: #fff;
  871. text-align: left;
  872. padding: 2px 10px;
  873. font-weight: normal;
  874. border: 0px solid #dcdcdc;
  875. border-collapse: collapse;
  876. }
  877. /* ---------------------------------------------------
  878. styles for the mini agenda
  879. -----------------------------------------------------*/
  880. #smallcalendar {
  881. width: 100%;
  882. margin: 0 auto;
  883. border: 1px solid #fff;
  884. border-collapse: collapse;
  885. }
  886. #smallcalendar .weekdays {
  887. background-color: #dcdcdc;
  888. text-align: center;
  889. font-size: 11px;
  890. font-weight: bold;
  891. border: 1px solid #fff;
  892. border-collapse: collapse;
  893. }
  894. #smallcalendar .days_week {
  895. background-color: #f5f5f5;
  896. text-align: center;
  897. font-size: 11px;
  898. border-collapse: collapse;
  899. }
  900. #smallcalendar .days_weekend {
  901. background-color: #e6e6e6;
  902. text-align: center;
  903. font-size: 11px;
  904. border: 1px solid #fff;
  905. border-collapse: collapse;
  906. }
  907. #smallcalendar .days_today {
  908. width: 12%;
  909. text-align: center;
  910. font-size: 11px;
  911. border: 1px solid #FA8500;
  912. border-collapse: collapse;
  913. background-color: #FFCA8D;
  914. }
  915. /* ---------------------------------------------------
  916. styles for the personal agenda
  917. -----------------------------------------------------*/
  918. .personal_agenda {
  919. color: #008000;
  920. }
  921. .personal_agenda a:link, .personal_agenda a:visited {
  922. color: #008000;
  923. }
  924. a.personal_agenda:link, a.personal_agenda:visited {
  925. color: #008000;
  926. }
  927. .personal_agenda a:hover, .personal_agenda a:hover {
  928. color: #666666;
  929. }
  930. a.personal_agenda:hover, a.personal_agenda:hover {
  931. color: #666666;
  932. }
  933. /*****************************************************
  934. * DISPLAY MESSAGES *
  935. *****************************************************/
  936. /* normal and erro message-box */
  937. .normal-message {
  938. position: relative;
  939. margin-top: 10px;
  940. margin-bottom: 10px;
  941. border-width: 1px;
  942. border-style: solid;
  943. padding: 6px;
  944. border: 1px solid #dcdcdc;
  945. color: #00407F;
  946. background-color: #E5EDF9;
  947. min-height: 30px;
  948. }
  949. .warning-message {
  950. position: relative;
  951. margin-top: 10px;
  952. margin-bottom: 10px;
  953. border-width: 1px;
  954. border-style: solid;
  955. padding: 6px;
  956. border: 1px solid #FFB30F;
  957. color: #000;
  958. background-color: #FFEFA7;
  959. min-height: 30px;
  960. }
  961. .confirmation-message {
  962. position: relative;
  963. margin-top: 10px;
  964. margin-bottom: 10px;
  965. border-width: 1px;
  966. border-style: solid;
  967. padding: 6px;
  968. border: 1px solid #1F8323;
  969. color: #2F4F4F;
  970. background-color: #CAF0C7;
  971. min-height: 30px;
  972. }
  973. .error-message {
  974. position: relative;
  975. margin-top: 10px;
  976. margin-bottom: 10px;
  977. border-width: 1px;
  978. border-style: solid;
  979. padding: 6px;
  980. border: 1px solid #FF0000;
  981. color: #000;
  982. background-color: #FFD1D1;
  983. min-height: 30px;
  984. }
  985. .confirmation-message .bottom-link, .error-message .bottom-link, .normal-message .bottom-link, .warning-message .bottom-link {
  986. position: absolute;
  987. bottom: 0.2em;
  988. right: 0.5em;
  989. }
  990. /* New training */
  991. .bottom-link {
  992. border: 2px outset;
  993. text-decoration: none;
  994. background-color:#E5EDF9;
  995. border-color: #D4E2F6;
  996. background-image:url(images/button_back.jpg);
  997. background-position:10px 50%;
  998. background-repeat:no-repeat;
  999. font-size:100%;
  1000. margin-top:1px;
  1001. padding:5px 20px;
  1002. vertical-align:middle;
  1003. padding-left:35px;
  1004. display:block;
  1005. }
  1006. .bottom-link:active {
  1007. border: 2px inset;
  1008. }
  1009. .bottom-link:link {
  1010. border-style: solid;
  1011. border-width : 1px 2px 2px 1px;
  1012. text-decoration : none;
  1013. border-color : #69f #00f #00f #69f;
  1014. }
  1015. .bottom-link:hover {
  1016. border-color: #ccc;
  1017. color: #111;
  1018. }
  1019. /**********************************************
  1020. * DOCUMENT MODULE *
  1021. **********************************************/
  1022. /* styles from the document.php file */
  1023. .comment {
  1024. margin-left: 30px;
  1025. }
  1026. /* styles from the upload.php file */
  1027. dl.upload_option {
  1028. margin: 1em 0;
  1029. padding: 0;
  1030. }
  1031. .upload_option dt {
  1032. font-weight:bold;
  1033. margin:0;
  1034. }
  1035. .upload_option dd {
  1036. margin:0;
  1037. }
  1038. .document_owner {
  1039. text-align: right;
  1040. }
  1041. /**********************************************
  1042. * DROPBOX MODULE *
  1043. **********************************************/
  1044. /* styles from dropbox.php file */
  1045. .dropbox_detail {
  1046. font-size: small
  1047. }
  1048. .dropbox_date {
  1049. color: #737780;
  1050. font-style: italic;
  1051. font-weight: normal;
  1052. }
  1053. .dropbox_person {
  1054. font-weight: bold
  1055. }
  1056. .dropbox_listTitle {
  1057. color: #000000;
  1058. }
  1059. .dropbox_feedback {
  1060. font-size: x-small;
  1061. height: 50px;
  1062. width: 200px;
  1063. overflow: auto
  1064. }
  1065. .dropbox_feedbacks {
  1066. height: 250px;
  1067. width: 100%;
  1068. overflow: auto
  1069. }
  1070. /**********************************************
  1071. * CHAT MODULE *
  1072. **********************************************/
  1073. /* styles for chat / conference tools */
  1074. #chat_entermessage {
  1075. background-color: #D6E5FA;
  1076. border-top: 1px solid #dcdcdc;
  1077. padding: 5px;
  1078. margin: 0;
  1079. }
  1080. /* the following for the greyed out elements */
  1081. a.nobold:link, a.nobold:visited, a.nobold:active {
  1082. font-weight: normal;
  1083. color: #999;
  1084. margin: 0 0 0 25px;
  1085. }
  1086. a.nobold:hover {
  1087. font-weight: normal;
  1088. color: #999;
  1089. text-decoration: underline;
  1090. margin: 0 0 0 25px;
  1091. }
  1092. .note {
  1093. margin: 6px;
  1094. font-size: 12px;
  1095. line-height: 14px;
  1096. font-family: verdana, arial, helvetica, sans-serif;
  1097. background-color: #f0f0f0;
  1098. color: #666666;
  1099. border: 1px solid #bbb;
  1100. padding: 10px 10px 10px 10px;
  1101. }
  1102. .note b {
  1103. margin: 10px 10px 5px 0px;
  1104. }
  1105. .alternativeBgLight {
  1106. background-color: #f5f5f5;
  1107. border: 1px solid #dcdcdc;
  1108. border-collapse: collapse;
  1109. }
  1110. .alternativeBgDark {
  1111. background-color: #ccf;
  1112. border: 1px solid #dcdcdc;
  1113. border-collapse: collapse;
  1114. }
  1115. .myagendatoday {
  1116. background-color: #FFCA8D;
  1117. border-collapse: collapse;
  1118. font-family: verdana, arial, helvetica, sans-serif;
  1119. color: #CC3300;
  1120. font-weight: bold;
  1121. }
  1122. /*****************************************************
  1123. * FORM STYLES *
  1124. *****************************************************/
  1125. div.row {
  1126. clear: both;
  1127. padding-top: 5px;
  1128. }
  1129. div.row div.form_header {
  1130. white-space: nowrap;
  1131. padding: 2px;
  1132. background-color: #f0f0f0;
  1133. border: 1px solid #bbb;
  1134. }
  1135. div.row div.label {
  1136. float: left;
  1137. width: 18%;
  1138. text-align: right;
  1139. }
  1140. div.row div.formw {
  1141. width: 80%;
  1142. float:left;
  1143. }
  1144. [dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
  1145. float: left;
  1146. text-align: right;
  1147. }
  1148. [dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
  1149. float: right;
  1150. text-align: left;
  1151. }
  1152. span.form_required {
  1153. color: #f00;
  1154. }
  1155. span.form_error {
  1156. color: #f00;
  1157. font-size: x-small;
  1158. margin: 2px;
  1159. }
  1160. /*****************************************************
  1161. * DATA TABLE STYLES *
  1162. *****************************************************/
  1163. .cell_header {
  1164. background-color: #EEEEFF;
  1165. font-weight:bold;
  1166. text-align:left;
  1167. padding-left:5px;
  1168. } /* header cell in data table in tools */
  1169. .data_table {
  1170. border-collapse: collapse;
  1171. width: 100%;
  1172. padding: 5px;
  1173. }
  1174. .data_table th {
  1175. padding-right: 12px;
  1176. border: 1px solid gray;
  1177. background-color: #f0f0f0;
  1178. }
  1179. .data_table tr.row_odd {
  1180. background-color: #fafafa;
  1181. }
  1182. .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
  1183. background-color: #f0f0f0;
  1184. }
  1185. .data_table tr.row_even {
  1186. background-color: #fff;
  1187. }
  1188. .data_table td {
  1189. padding: 5px;
  1190. vertical-align: top;
  1191. border-bottom: 1px solid #b0b0b0;
  1192. border-right: 1px dotted #e1e1e1;
  1193. border-left: 1px dotted #e1e1e1;
  1194. }
  1195. /* admin page tool list definitions */
  1196. .tool_list dt {
  1197. font-weight: bold;
  1198. }
  1199. .tool_list dd {
  1200. margin: 0;
  1201. padding: 4px 0 0 10px;
  1202. }
  1203. /* divs for category list / platform news on home page */
  1204. .home_cats {
  1205. width: 45%;
  1206. float: left;
  1207. position: relative;
  1208. margin: 0;
  1209. padding: 0px;
  1210. padding-top: 8px;
  1211. background: transparent;
  1212. }
  1213. .home_news {
  1214. width: 45%;
  1215. float: right;
  1216. position: relative;
  1217. margin: 0;
  1218. padding: 0px;
  1219. padding-top: 8px;
  1220. background: #fff;
  1221. }
  1222. label.left {
  1223. float: left;
  1224. width: 15em;
  1225. margin: 0 0 0.5em 0;
  1226. }
  1227. form br {
  1228. clear: both;
  1229. }
  1230. /* Fix for alignment problem in IE-Win browsers */
  1231. /* Hide from IE5-mac. Only IE-win sees this. \*/
  1232. * html .label {
  1233. margin-right: 10px;
  1234. }
  1235. * html .data {
  1236. height: 1%;
  1237. margin-left: 0;
  1238. }
  1239. /* End hide from IE5/mac */
  1240. .radio, .checkbox {
  1241. margin: 0;
  1242. padding: 0;
  1243. border: none;
  1244. background-color: transparent;
  1245. }
  1246. .required {
  1247. color: #f00;
  1248. font-weight: bold;
  1249. }
  1250. /* Admin section */
  1251. div.admin_section {
  1252. width: 40%;
  1253. float: left;
  1254. padding: 5px;
  1255. margin: 10px 20px;
  1256. min-height:200px;
  1257. }
  1258. div.admin_section h4 {
  1259. margin: 0;
  1260. border-bottom: 1px solid gray;
  1261. width: 100%;
  1262. }
  1263. /* Report section */
  1264. div.report_section {
  1265. width: 40%;
  1266. float: left;
  1267. padding: 5px;
  1268. margin: 10px 20px;
  1269. }
  1270. div.report_section h4 {
  1271. margin: 0;
  1272. border-bottom: 1px solid gray;
  1273. width: 100%;
  1274. }
  1275. .user_course_category {
  1276. background-color: #efefef;
  1277. border: 1px solid #666;
  1278. font-weight: bold;
  1279. color: #666;
  1280. list-style-type: none;
  1281. margin: 5px;
  1282. padding: 5px;
  1283. }
  1284. .sessions_list {
  1285. line-height: 20px;
  1286. margin-top: 20px;
  1287. }
  1288. .sessions_list_inactive {
  1289. line-height: 20px;
  1290. }
  1291. .session_box {
  1292. background-color: #efefef;
  1293. border: 1px solid #666;
  1294. font-weight: bold;
  1295. color: #666;
  1296. list-style-type: none;
  1297. margin: 5px 5px 5px 40px;
  1298. padding: 5px;
  1299. margin-bottom: 10px;
  1300. }
  1301. .session_box_title {
  1302. margin-bottom: 7px;
  1303. }
  1304. .session_box_coach {
  1305. }
  1306. .session_course_item {
  1307. /* padding: 0px; */
  1308. margin: 7px 0px;
  1309. }
  1310. .session_course_item .courses {
  1311. margin-bottom: 5px;
  1312. height:35px;
  1313. }
  1314. /***************************************************************
  1315. * DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION *
  1316. ***************************************************************/
  1317. .sectiontitle {
  1318. background-color: #EFEFEF;
  1319. border: 1px solid #cccccc;
  1320. font-weight: bold;
  1321. color: #666666;
  1322. list-style-type: none;
  1323. margin: 5px;
  1324. padding: 5px;
  1325. font-size: 11px;
  1326. }
  1327. .sectioncomment {
  1328. color: #000000;
  1329. margin: 5px;
  1330. padding: 5px;
  1331. font-size: 11px;
  1332. }
  1333. .sectionvalue {
  1334. list-style-type: none;
  1335. margin: 5px;
  1336. padding: 5px;
  1337. }
  1338. /*****************************************************
  1339. * ANNOUNCEMENTS *
  1340. *****************************************************/
  1341. .announcements_datum {
  1342. font-size: 12px;
  1343. font-style: italic;
  1344. color: #666666;
  1345. }
  1346. /*****************************************************
  1347. * SYSTEM ANNOUNCEMENTS *
  1348. *****************************************************/
  1349. div.system_announcements {
  1350. }
  1351. div.system_announcements h3 {
  1352. }
  1353. div.system_announcement {
  1354. margin: 5px;
  1355. }
  1356. div.system_announcement_title {
  1357. }
  1358. div.system_announcement_content {
  1359. margin-left: 20px;
  1360. border-left: 1px solid gray;
  1361. padding-left: 5px;
  1362. }
  1363. /*****************************************************
  1364. * THE NEW FORUM *
  1365. *****************************************************/
  1366. /* **** FORUM CATEGORY **** */
  1367. .forum_category {
  1368. background-color: #0066CC;
  1369. color: #fff;
  1370. }
  1371. .forum_category a {
  1372. color: #fff;
  1373. }
  1374. .forum_category_header {
  1375. background-color: #0066CC;
  1376. color: #fff;
  1377. }
  1378. tr.forum_category_header a {
  1379. color: #fff;
  1380. }
  1381. /* **** FORUM **** */
  1382. .forum_header {
  1383. background-color: #C2B6BA;
  1384. color:#fff;
  1385. }
  1386. /* **** THREAD **** */
  1387. .forum_threadheader {
  1388. color: #aaa;
  1389. background-color: #F7F7F7;
  1390. }
  1391. tr.forum_threadheader td {
  1392. }
  1393. .forum-thread-header {
  1394. color: #000000;
  1395. background-color: #F7F7F7;
  1396. border-left: 1px solid #aaa;
  1397. border-right: 1px solid #aaa;
  1398. border-bottom: 1px solid #aaa;
  1399. border-top: 1px solid #aaa;
  1400. }
  1401. .forum-thread-body {
  1402. color: #000000;
  1403. background-color: #FFFFFF;
  1404. border-left: 1px solid #aaa;
  1405. border-right: 1px solid #aaa;
  1406. border-bottom: 1px solid #aaa;
  1407. border-top: 1px solid #aaa;
  1408. }
  1409. /* **** POST **** */
  1410. .quote {
  1411. background-color: #EFEFEF;
  1412. }
  1413. .forum_message_left {
  1414. width: 150px;
  1415. vertical-align: top;
  1416. /*border-bottom: 1px solid #666666;*/
  1417. border-right: 1px solid #aaa;
  1418. background-color: #F7F7F7;
  1419. }
  1420. .forum_message_left_2_be_approved {
  1421. width: 150px;
  1422. vertical-align: top;
  1423. /*border-bottom: 1px solid #666666;*/
  1424. border-right: 1px solid #aaa;
  1425. background-color: #F7F7F7;
  1426. color: #999;
  1427. }
  1428. .forum_message_post_title {
  1429. /*border-bottom: 1px solid #666666;*/
  1430. font-weight: bold;
  1431. background-color: #F7F7F7;
  1432. height: 20px;
  1433. }
  1434. .forum_message_post_title_2_be_approved {
  1435. /*border-bottom: 1px solid #666666;*/
  1436. color: #999;
  1437. font-weight: bold;
  1438. background-color: #F7F7F7;
  1439. height: 20px;
  1440. }
  1441. .forum_message_post_text {
  1442. /*border-bottom: 1px solid #666666;*/
  1443. margin-bottom: 10px;
  1444. vertical-align: top;
  1445. }
  1446. .forum_message_post_text_2_be_approved {
  1447. /*border-bottom: 1px solid #666666;*/
  1448. color: #999;
  1449. margin-bottom: 10px;
  1450. vertical-align: top;
  1451. }
  1452. .current {
  1453. font-weight: bold;
  1454. }
  1455. .structure {
  1456. /*border-bottom: 1px solid #666666;*/
  1457. font-weight: bold;
  1458. background-color: #F7F7F7;
  1459. height: 20px;
  1460. }
  1461. a.forum_group_link {
  1462. font-weight: lighter;
  1463. display:inline;
  1464. }
  1465. .forum_description {
  1466. color: #000;
  1467. font-weight: normal;
  1468. }
  1469. .forum_title {
  1470. color: #000;
  1471. font-size: 14px;
  1472. }
  1473. .forum_low_description {
  1474. color: #737780;
  1475. font-style: italic;
  1476. font-weight: normal;
  1477. }
  1478. .forum_attach_comment {
  1479. color: #737780;
  1480. font-style: italic;
  1481. font-weight: normal;
  1482. }
  1483. /* **** BLOG **** */
  1484. span.blog_title {
  1485. font-size: 20px;
  1486. font-weight: bold;
  1487. color: #000;
  1488. }
  1489. span.blog_subttitle {
  1490. font-size: 12px;
  1491. }
  1492. td.blog_left {
  1493. margin-right: 5px;
  1494. padding-right: 5px;
  1495. border-right: 1px solid #dddddd;
  1496. }
  1497. td.blog_right {
  1498. padding-left: 10px;
  1499. }
  1500. td.blog_menu_title {
  1501. background-color: #dddddd;
  1502. color: #000;
  1503. font-weight: bold;
  1504. font-size: 11px;
  1505. padding: 2px;
  1506. }
  1507. td.blog_menu {
  1508. border-bottom: 1px dashed #dddddd;
  1509. border-right: 1px dashed #dddddd;
  1510. border-left: 1px dashed #dddddd;
  1511. padding: 10px;
  1512. }
  1513. td.blog_menu ul {
  1514. margin-top: 0;
  1515. margin-right: 0;
  1516. margin-bottom: 0;
  1517. margin-left: 15px;
  1518. padding: 0;
  1519. }
  1520. td.blog_menu ul li {
  1521. }
  1522. span.blogpost_title {
  1523. display: block;
  1524. font-size: 18px;
  1525. font-weight: bold;
  1526. color: #000;
  1527. padding-bottom: 5px;
  1528. }
  1529. span.blogpost_date {
  1530. display: block;
  1531. font-size: 12px;
  1532. font-weight: bold;
  1533. color: #333333;
  1534. padding-bottom: 10px;
  1535. }
  1536. span.blogpost_info {
  1537. display: block;
  1538. color: #333333;
  1539. border-top: 1px solid #dddddd;
  1540. margin-top: 5px;
  1541. }
  1542. table.newBlog {
  1543. border: 1px solid #dddddd;
  1544. margin-bottom: 10px;
  1545. margin-top: 10px;
  1546. padding: 10px;
  1547. background-color: #f6f6f6;
  1548. }
  1549. table.newTask {
  1550. border: 1px solid #dddddd;
  1551. margin-bottom: 10px;
  1552. margin-top: 10px;
  1553. padding: 10px;
  1554. background-color: #f6f6f6;
  1555. }
  1556. table.new_comment {
  1557. border: 1px solid #dddddd;
  1558. margin-bottom: 10px;
  1559. margin-top: 10px;
  1560. padding: 10px;
  1561. background-color: #F4F4F4;
  1562. }
  1563. div.blogpost_comment {
  1564. border-top: 1px dashed #dddddd;
  1565. border-right: 1px dashed #dddddd;
  1566. border-bottom: 1px dashed #dddddd;
  1567. border-left: 1px dashed #dddddd;
  1568. margin-bottom: 10px;
  1569. padding: 10px;
  1570. background-color: white;
  1571. }
  1572. span.blogpost_comment_title {
  1573. display: block;
  1574. font-size: 14px;
  1575. font-weight: bold;
  1576. color: #000;
  1577. padding-bottom: 5px;
  1578. }
  1579. span.blogpost_comment_date {
  1580. display: block;
  1581. font-size: 10px;
  1582. font-weight: bold;
  1583. color: #333333;
  1584. padding-bottom: 10px;
  1585. }
  1586. span.blogpost_comment_info {
  1587. font-size: 10px;
  1588. display: block;
  1589. color: #333333;
  1590. border-top: 1px solid #dddddd;
  1591. margin-top: 10px;
  1592. }
  1593. div.blogpost {
  1594. border: 1px solid #DDDDDD;
  1595. background-color: #ECECEC;
  1596. margin-bottom: 15px;
  1597. padding: 10px;
  1598. }
  1599. div.comments {
  1600. border: 1px solid #dddddd;
  1601. margin-bottom: 10px;
  1602. margin-top: 10px;
  1603. padding: 10px;
  1604. background-color: #F4F4F4;
  1605. }
  1606. .attachment_comment {
  1607. color: #737780;
  1608. font-style: italic;
  1609. font-weight: normal;
  1610. }
  1611. .link {
  1612. text-decoration: none;
  1613. font-weight : bold;
  1614. color : #1657A9;
  1615. cursor: pointer
  1616. }
  1617. .link:hover {
  1618. text-decoration: none;
  1619. color: #abd9f1;
  1620. font-weight: bold;
  1621. cursor: pointer
  1622. }
  1623. /*****************************************************
  1624. * INSTALLATION *
  1625. *****************************************************/
  1626. #installation_steps {
  1627. float:left;
  1628. background-color: #EFEFEF;
  1629. }
  1630. .current_step {
  1631. font-weight: bold;
  1632. }
  1633. /************************************************************
  1634. styles below here are not necessarily used in the current
  1635. release and the CVS files, they are from earlier versions,
  1636. and have been left untouched for anyone needing them in
  1637. their own platform ...
  1638. *************************************************************/
  1639. .topBanner a:link, .topBanner a:active, .topBanner a:visited {
  1640. text-decoration:none;
  1641. color:white;
  1642. }
  1643. .topBanner table {
  1644. text-decoration:none;
  1645. }
  1646. .topBanner a:hover {
  1647. text-decoration:underline;
  1648. }
  1649. .topBanner td {
  1650. border-top: solid White 1px;
  1651. }
  1652. .alternativeBgLight {
  1653. background-color: #f5f5f5;
  1654. }
  1655. .alternativeBgDark {
  1656. background-color: #e6e6e6
  1657. }
  1658. .forms {
  1659. letter-spacing: normal;
  1660. text-align: justify;
  1661. text-indent: 3pt;
  1662. word-spacing: normal;
  1663. padding: 2px 5px;
  1664. }
  1665. .formsTips {
  1666. text-align: justify;
  1667. text-indent: 15pt;
  1668. word-spacing: normal;
  1669. }
  1670. /*
  1671. input.forms { letter-spacing: normal; text-align: justify; text-indent: 3pt; word-spacing: normal;
  1672. padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
  1673. */
  1674. .warn {
  1675. border: thin double Silver;
  1676. margin-left: 15px;
  1677. margin-right: 15px;
  1678. font-family: serif;
  1679. color: Red;
  1680. padding-left: 25px;
  1681. }
  1682. .small {
  1683. font-family: Verdana, Arial, Helvetica, sans-serif;
  1684. font-size: 11px
  1685. }
  1686. .xsmall {
  1687. font-family: Verdana, Arial, Helvetica, sans-serif;
  1688. font-size: 11px
  1689. }
  1690. .xxsmall {
  1691. font-family: Verdana, Arial, Helvetica, sans-serif;
  1692. font-size: 9px
  1693. }
  1694. #glossary_menu li {
  1695. LIST-STYLE-TYPE: none;
  1696. display: inline;
  1697. padding-left:5px;
  1698. }
  1699. .glossary_divider {
  1700. text-transform: capitalize;
  1701. background-color: #CCCCCC;
  1702. padding: 3px;
  1703. font-weight: bold;
  1704. margin-bottom: 3px;
  1705. margin-top: 10px;
  1706. }
  1707. .glossary_word {
  1708. background-color: #F7F7F7;
  1709. padding: 3px;
  1710. font-weight: bold;
  1711. margin-bottom: 3px;
  1712. margin-top: 10px;
  1713. }
  1714. /*
  1715. * TABBED INTERFACE
  1716. */
  1717. #tabbed_menu {
  1718. width: 100%;
  1719. height: 20px;
  1720. border-bottom-width: 1px;
  1721. border-bottom-style: solid;
  1722. border-bottom-color: #666666;
  1723. margin-bottom: 20px;
  1724. }
  1725. #tabbed_menu #tabbed_menu_tabs li {
  1726. margin: 0 10;
  1727. padding: 0;
  1728. display: inline;
  1729. list-style-type: none;
  1730. }
  1731. #tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited {
  1732. float: left;
  1733. background: #f3f3f3;
  1734. font-weight: bold;
  1735. padding: 2px 10px 2px 10px;
  1736. margin-right: 4px;
  1737. border: 1px solid #cccccc;
  1738. border-bottom: 1px solid #666666;
  1739. text-decoration: none;
  1740. color: #666;
  1741. }
  1742. #tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active {
  1743. border: 1px solid #666666;
  1744. border-bottom: 1px solid #fff;
  1745. background: #fff;
  1746. color: #000;
  1747. }
  1748. #WCAG-editor {
  1749. border: 1px #DCDCDC solid;
  1750. background-color: #F0F0F0;
  1751. width: 100%;
  1752. }
  1753. #WCAG-editor .title {
  1754. padding: 2px;
  1755. background-color: #DCDCDC;
  1756. text-align: center;
  1757. color: #000000;
  1758. font-weight: bold;
  1759. }
  1760. #WCAG-editor .body {
  1761. padding-top: 5px;
  1762. padding-left: 5px;
  1763. padding-right: 13px;
  1764. padding-bottom: 5px;
  1765. }
  1766. #WCAG-editor textarea {
  1767. margin-left: 0px;
  1768. margin-right: 0px;
  1769. width: 100%;
  1770. height: 180px;
  1771. border: 1px #DCDCDC solid;
  1772. }
  1773. #WCAG-editor input {
  1774. width: 100%;
  1775. }
  1776. /* don't work on IE 6 */
  1777. #WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
  1778. width: auto;
  1779. }
  1780. /* only for IE6 */
  1781. #WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
  1782. width: auto;
  1783. }
  1784. #WCAG-content img {
  1785. float: left;
  1786. margin-right: 5px;
  1787. margin-bottom: 5px;
  1788. }
  1789. #WCAG-content p {
  1790. text-align: justify;
  1791. }
  1792. /* hack for IE < 7 */
  1793. #course_description input {
  1794. width: auto;
  1795. }
  1796. #course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
  1797. width: 100%;
  1798. }
  1799. .WCAG-form textarea {
  1800. width: 100%;
  1801. height: 180px;
  1802. }
  1803. .skip {
  1804. display: none;
  1805. }
  1806. /*
  1807. ------------------------------------------------------------------------------
  1808. OTHERS
  1809. ------------------------------------------------------------------------------
  1810. */
  1811. .input_titles {
  1812. width: 300px;
  1813. }
  1814. /*
  1815. ------------------------------------------------------------------------------
  1816. Survey
  1817. ------------------------------------------------------------------------------
  1818. */
  1819. #survey_title {
  1820. background-color:#dcdcdc;
  1821. color:#000;
  1822. padding:2px;
  1823. }
  1824. #survey_subtitle {
  1825. background-color:#dcdcdc;
  1826. color:#000;
  1827. padding:2px;
  1828. }
  1829. .survey_content {
  1830. background-color:#EFEFEF;
  1831. color:#264269;
  1832. padding:5px;
  1833. border: 1px solid #999;
  1834. }
  1835. .survey_question_wrapper {
  1836. border: 1px solid #999;
  1837. }
  1838. .survey_question {
  1839. /* 264269 4271b5 E5EDF9 */
  1840. background-color:#f0f0f0;
  1841. color:#999;
  1842. padding:5px;/*border: 1px solid #264269;*/
  1843. }
  1844. .survey_question_options {
  1845. /* 264269 4271b5 E5EDF9 */
  1846. background-color:#FFF;
  1847. color:#000;
  1848. padding:5px;/*border: 1px solid #264269;*/
  1849. }
  1850. /*
  1851. |----------------------------------------------------------------------------
  1852. | Added: to fit img and blocks in home page
  1853. |----------------------------------------------------------------------------
  1854. |
  1855. */
  1856. #hellomindfactory {
  1857. border: 1px solid #ccc;
  1858. margin:-14px 0 0 0;
  1859. width:690px;
  1860. height:428px;
  1861. }
  1862. #tophellomindfactory {
  1863. margin: 10px 5px 5px 5px;
  1864. height:200px;
  1865. width:680px;
  1866. }
  1867. .topa {
  1868. background:transparent url('images/logoa4.gif') no-repeat;
  1869. }
  1870. .topb {
  1871. background:transparent url('images/logob4.gif') no-repeat;
  1872. }
  1873. #bottomhellomindfactory {
  1874. margin: 5px;
  1875. height:200px;
  1876. width:680px;
  1877. background:transparent url('images/textologo.jpg') no-repeat;
  1878. }
  1879. /*
  1880. .copyright {
  1881. display:none;
  1882. }
  1883. */
  1884. /*
  1885. ------------------------------------------------------------------------------
  1886. Learning path
  1887. ------------------------------------------------------------------------------
  1888. */
  1889. #show_audiorecorder_div {
  1890. background:#F0F0F0;
  1891. border:1px solid #999999;
  1892. font-weight:bold;
  1893. padding:2px;
  1894. width:350px;
  1895. }
  1896. /* Glossary tool */
  1897. .glossary-term {
  1898. margin: 1em;
  1899. background-color: #ffe99b;
  1900. padding: 0.5em 0.5em 1.8em 0;
  1901. -moz-border-radius: 0.5em;
  1902. }
  1903. .glossary-term-title {
  1904. margin: 2em 0 1em 0.5em;
  1905. font-weight: bold;
  1906. font-size: 120%;
  1907. }
  1908. .glossary-term-desc {
  1909. margin-left: 1em;
  1910. }
  1911. .glossary-term-action-links {
  1912. float: right;
  1913. }
  1914. .glossary-term-edit-form {
  1915. margin: 1em;
  1916. background-color: #FFE4C4;
  1917. padding: 0.5em 0.5em 2em 0;
  1918. -moz-border-radius: 0.5em;
  1919. }
  1920. .glossary-term-edit-desc {
  1921. font-weight: bold;
  1922. font-size: 120%;
  1923. }
  1924. .glossary-term-edit-title {
  1925. font-weight: bold;
  1926. font-size: 120%;
  1927. }
  1928. .glossary-add-form {
  1929. font-weight: bold;
  1930. font-size: 120%;
  1931. margin: 1em;
  1932. }
  1933. .glossary-orderby-link {
  1934. float:right;
  1935. margin: 1em;
  1936. }
  1937. .glossary-msg-error {
  1938. color: #FF0000;
  1939. display :none;
  1940. font-weight: normal;
  1941. font-size: 80%;
  1942. }
  1943. /* Notebook */
  1944. .notebook-add-form {
  1945. margin: 1em;
  1946. background-color: #c3d9ff;
  1947. padding: 1em 1em;
  1948. }
  1949. .notebook-add-desc-textarea {
  1950. background-color: #f2f5f8;
  1951. border-color: #ffe99b;
  1952. overflow: hidden;
  1953. }
  1954. .notebook-add-title-text {
  1955. background-color: #f2f5f8;
  1956. border-color: #ffe99b;
  1957. }
  1958. .notebook-edit-desc-textarea {
  1959. background-color: #e0ecff;
  1960. border-color: #ffe99b;
  1961. overflow: hidden;
  1962. }
  1963. .notebook-edit-title-text {
  1964. background-color: #e0ecff;
  1965. border-color: #ffe99b;
  1966. }
  1967. .notebook-msg-error {
  1968. color: #FF0000;
  1969. display :none;
  1970. background-color: #ffe99b;
  1971. width: 40%;
  1972. }
  1973. .notebook-list {
  1974. margin: 1em 1em 0em 1em;
  1975. background-color: #79b;
  1976. padding: 0.3em 0.3em;
  1977. -moz-border-radius: 0.5em;
  1978. }
  1979. .notebook-title-list {
  1980. color : #fff;
  1981. padding: 0.3em 0.3em;
  1982. font-weight: bold;
  1983. font-size: 120%;
  1984. }
  1985. .notebook-desc-list {
  1986. margin: 0em;
  1987. background-color: #f2f5f8;
  1988. padding: 0.5em 0.3em 2em 0.3em;
  1989. border: 1px solid #79b;
  1990. }
  1991. .notebook-term-action-links {
  1992. padding: 0.3em 0.3em;
  1993. width: 50%;
  1994. color : #fff;
  1995. }
  1996. .notebook-orderby-link {
  1997. text-align:right;
  1998. margin-right: 1em;
  1999. }
  2000. .notebook-search-title {
  2001. text-align:right;
  2002. margin: 1em;
  2003. }
  2004. .notebook-date-information {
  2005. color : #fff;
  2006. padding: 0.3em;
  2007. font-size: 120%;
  2008. font-weight: bold;
  2009. }
  2010. /* Gradebook */
  2011. .resource-deleted {
  2012. color:#990000;
  2013. }
  2014. .gradebook-table-header {
  2015. border: 1px solid rgb(153, 153, 153);
  2016. background: rgb(240, 240, 240) none repeat scroll 0% 0%;
  2017. }
  2018. .gradebook-table-body {
  2019. border: 1px solid rgb(153, 153, 153);
  2020. background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  2021. }
  2022. /* actions */
  2023. .actions_lp {
  2024. background:#F8F8F8;
  2025. height:29px;
  2026. padding-left: -17px;
  2027. margin: 5px 2px 1px 12px;
  2028. vertical-align:middle;
  2029. width: 90%;
  2030. }
  2031. .actions_lp img {
  2032. vertical-align:middle;
  2033. }
  2034. .actions_lp a {
  2035. margin-right: 10px;
  2036. vertical-align:middle;
  2037. }
  2038. .actions_lp span {
  2039. margin-right: 10px;
  2040. vertical-align:middle;
  2041. }
  2042. .actions_lp form {
  2043. margin-right: 10px;
  2044. vertical-align:middle;
  2045. }
  2046. .actions {
  2047. background:#efefef;
  2048. border-bottom:1px dotted #999999;
  2049. border-top:1px dotted #999999;
  2050. /*height:35px;*/
  2051. padding:2px;
  2052. margin-bottom: 5px;
  2053. vertical-align:middle;
  2054. }
  2055. .actions img {
  2056. /*display:inline-block;*/
  2057. border: none;
  2058. text-decoration: none;
  2059. background-color: #efefef;
  2060. padding-right: 5px;
  2061. vertical-align:middle;
  2062. }
  2063. .actions a {
  2064. display:inline-block;
  2065. margin-right: 10px;
  2066. vertical-align:middle;
  2067. }
  2068. .actions span {
  2069. margin-right: 10px;
  2070. vertical-align:middle;
  2071. }
  2072. .actions form {
  2073. margin-right: 10px;
  2074. vertical-align:middle;
  2075. }
  2076. /* big actions */
  2077. .actionsbig {
  2078. background:#F8F8F8;
  2079. border-bottom:1px solid #999999;
  2080. border-top:1px solid #999999;
  2081. background-color:#efefef;
  2082. height:100%;
  2083. padding:2px;
  2084. margin-bottom: 5px;
  2085. vertical-align:middle;
  2086. float:left;
  2087. width:100%;
  2088. }
  2089. .content_table {
  2090. padding:2px;
  2091. margin-bottom: 5px;
  2092. vertical-align:middle;
  2093. float:left;
  2094. width:100%;
  2095. }
  2096. .actionsbig a {
  2097. float:left;
  2098. padding-left:12px;
  2099. padding-right:12px;
  2100. text-align:center;
  2101. }
  2102. .actionsbig a {
  2103. float:left;
  2104. padding-left:12px;
  2105. padding-right:12px;
  2106. text-align:center;
  2107. }
  2108. .actions img {
  2109. vertical-align:middle;
  2110. }
  2111. .actions a {
  2112. margin-right: 10px;
  2113. vertical-align:middle;
  2114. }
  2115. .actions-title {
  2116. background:#efefef;
  2117. border-bottom:1px dotted #999999;
  2118. border-top:1px dotted #999999;
  2119. /*height:35px;*/
  2120. padding:4px;
  2121. margin-bottom: 5px;
  2122. font-size:14px;
  2123. font-weight:bolder;
  2124. /*background:url(images/actions.jpg) repeat-x;*/
  2125. vertical-align:middle;
  2126. }
  2127. .actions-message {
  2128. white-space: nowrap;
  2129. padding: 2px;
  2130. background-color: #f0f0f0;
  2131. border: 1px solid #bbb;
  2132. }
  2133. /**********************************************
  2134. * MESSAGE TOOL *
  2135. **********************************************/
  2136. /* styles from the new_message.php file */
  2137. .message_view_table {
  2138. cellspacing:0;
  2139. cellpadding:0;
  2140. background-color:#dbeaf5;
  2141. border=0;
  2142. border-collapse: collapse;
  2143. width: 100%;
  2144. }
  2145. .message_view_table th {
  2146. padding-right: 12px;
  2147. border: 1px solid gray;
  2148. background-color: #f0f0f0;
  2149. }
  2150. .message-select-box {
  2151. float:left;
  2152. display:inline;
  2153. position:absolute;
  2154. margin-top:23px;
  2155. margin-left:20px;
  2156. }
  2157. /* styles from the my.profile.php file */
  2158. .message-content {
  2159. float:right;
  2160. margin:20px auto;
  2161. background:#F5E38E;
  2162. border:2px solid #EBCA4F;
  2163. padding:10px;
  2164. width:200px;
  2165. position:relative;
  2166. }
  2167. .message-content .message-delete {
  2168. position: absolute;
  2169. top: 10px;
  2170. right: 10px;
  2171. cursor: pointer;
  2172. }
  2173. .message-content-internal {
  2174. display:inline;
  2175. margin:20px auto;
  2176. background:#F5E38E;
  2177. border:2px solid #EBCA4F;
  2178. padding:10px;
  2179. width:100px;
  2180. position:relative;
  2181. margin-top:150px;
  2182. margin-right:-100px;
  2183. }
  2184. .message-title {
  2185. color:#ff0000;
  2186. font-size:15px;
  2187. }
  2188. .message-body {
  2189. font-size:11px;
  2190. padding: 0 0 11px;
  2191. color:#333;
  2192. }
  2193. .message-link {
  2194. color:#ff8400;
  2195. }
  2196. .message-view {
  2197. float:right;
  2198. margin:20px auto;
  2199. background:#F5E38E;
  2200. border:2px solid #EBCA4F;
  2201. padding:10px;
  2202. width:100px;
  2203. position:relative;
  2204. margin-top:115px;
  2205. margin-right:-100px;
  2206. }
  2207. .message-content-table {
  2208. background-color:white;
  2209. border:1px solid black;
  2210. position:absolute;
  2211. width:200px;
  2212. height:60px;
  2213. z-index:3;
  2214. visibility:hidden;
  2215. top:85px;
  2216. left:10px;
  2217. margin: 0px;
  2218. padding: 0px;
  2219. }
  2220. /**********************************************
  2221. * EXERCISE TOOL *
  2222. **********************************************/
  2223. .exercice_form {
  2224. width: 300px;
  2225. }
  2226. #validationButton {
  2227. text-decoration: none;
  2228. margin: 5px;
  2229. /*border:1px solid #999999;*/
  2230. /*background:#F0F0F0; */
  2231. padding: 3px;
  2232. padding-left:10px;
  2233. padding-right:10px;
  2234. font-weight:bold;
  2235. color:#666;
  2236. }
  2237. .rounded {
  2238. background:#ccc;
  2239. padding: 3px;
  2240. width: 200px;
  2241. /*margin-left:10px;*/
  2242. }
  2243. .rounded_inner {
  2244. background:#FFF;
  2245. padding-top: 10px;
  2246. padding-bottom: 10px;
  2247. }
  2248. .rounded_inner:hover {
  2249. color:#C802A5;
  2250. background:#F0F0F0;
  2251. }
  2252. .exercise_scenario_label {
  2253. }
  2254. .exercise_scenario_element {
  2255. }
  2256. span.checkbox {
  2257. width: 19px;
  2258. height: 25px;
  2259. padding: 0 5px 0 0;
  2260. background: url(images/checkbox.gif) no-repeat;
  2261. display: block;
  2262. clear: left;
  2263. float: left;
  2264. }
  2265. span.radio {
  2266. width: 19px;
  2267. height: 25px;
  2268. padding: 0 5px 0 0;
  2269. background: url(images/radio.gif) no-repeat;
  2270. display: block;
  2271. clear: left;
  2272. float: left;
  2273. }
  2274. #question_title {
  2275. }
  2276. #question_description {
  2277. padding-left:5px;
  2278. padding-top:10px;
  2279. }
  2280. #question_score {
  2281. padding-left:5px;
  2282. padding-top:10px;
  2283. padding-bottom:10px;
  2284. font-weight:bold;
  2285. }
  2286. #question_feedback {
  2287. background-color:#FCF7BA;
  2288. border:1px solid #CCCCCC;
  2289. color:#666666;
  2290. font-size:11px;
  2291. font-weight:bold;
  2292. list-style-type:none;
  2293. margin-top:5px;
  2294. padding:5px;
  2295. }
  2296. #exercise_close_link {
  2297. background: url(images/close.gif) no-repeat;
  2298. padding-left: 20px;
  2299. }
  2300. #exercise_close_link:hover {
  2301. background: url(images/close_highlight.gif) no-repeat;
  2302. padding-left: 20px;
  2303. }
  2304. /* Quizzes tool */
  2305. .quiz_export_link {
  2306. float: right;
  2307. }
  2308. /*Exercice timer*/
  2309. #square{
  2310. padding:5px;
  2311. background-color:#EEEEEE;
  2312. border:1px solid #CCCCCC;
  2313. margin-right : 24x;
  2314. width : 155px;
  2315. margin-bottom:20px;
  2316. }
  2317. #wrapper-clock{
  2318. width:100%;
  2319. margin:0;
  2320. }
  2321. .count_down{
  2322. padding: 3px;
  2323. font-size:22px;
  2324. font-weight:bold;
  2325. color:#222;
  2326. }
  2327. /*SOCIAL TOOL*/
  2328. div.image-social-content {
  2329. float:left;
  2330. border:1px solid #B8C8DC;
  2331. margin:2px;
  2332. padding: 8px 4px 4px 4px;
  2333. background: #ffffff;
  2334. height:125px;
  2335. width:82px;
  2336. z-index:5;
  2337. cursor:pointer;
  2338. position:relative;
  2339. }
  2340. div.image-social-content span {
  2341. overflow:hidden;
  2342. display:block;
  2343. height:92px;
  2344. }
  2345. div.image-social-content img {
  2346. vertical-align:middle;
  2347. }
  2348. div.image-social-content center.friend {
  2349. overflow:hidden;
  2350. height:30px;
  2351. }
  2352. .image-social-content .image-delete {
  2353. position: absolute;
  2354. top: 1px;
  2355. right: 1px;
  2356. cursor: pointer;
  2357. }
  2358. .social-title {
  2359. color:#ffffff;
  2360. background:#4475B0;
  2361. border-bottom:1px dotted #4475B0;
  2362. border-top:1px dotted #4475B0;
  2363. padding:0px;
  2364. margin-bottom: 0px;
  2365. vertical-align:middle;
  2366. font-weight:bolder;
  2367. }
  2368. .social-subtitle {
  2369. background:#FFFFFF;
  2370. border-bottom:1px dotted #999999;
  2371. border-top:1px dotted #999999;
  2372. padding:0px;
  2373. margin-bottom: 0px;
  2374. vertical-align:middle;
  2375. }
  2376. .social-qualify {
  2377. border-bottom:1px solid #ece9d8;
  2378. border-left:1px solid #ece9d8;
  2379. background:#FFFFFF;
  2380. }
  2381. .social-qualify-display {
  2382. border-bottom:1px solid #ece9d8;
  2383. border-left:1px solid #ece9d8;
  2384. background:#FFFF66;
  2385. color:#000033;
  2386. font-weight:bold;
  2387. }
  2388. .social-info {
  2389. background:#B8C8DC;
  2390. color:#4475B0;
  2391. font-size:12px;
  2392. font-weight:bold;
  2393. }
  2394. .social-display-image {
  2395. float:right;
  2396. margin-top:-130px;
  2397. margin-right:5px;
  2398. }
  2399. .social-search-image {
  2400. color:#000033;
  2401. margin-top:2px;
  2402. border-bottom:1px solid #6B6262;
  2403. border-left:1px solid #6B6262;
  2404. border-right:1px solid #6B6262;
  2405. border-top:1px solid #6B6262;
  2406. width:250px;
  2407. }
  2408. .social-subtitle-search {
  2409. background:#ffffff;
  2410. border-top:1px #9DACBF solid;
  2411. border-bottom:1px #9DACBF solid;
  2412. }
  2413. .social-align-box {
  2414. text-align:left;
  2415. float:left;
  2416. }
  2417. .social-content-description {
  2418. background:#ECE9D8;
  2419. }
  2420. .social-content-body {
  2421. background:#ffffff;
  2422. }
  2423. .social-content-table {
  2424. border-top:1px #9DACBF solid;
  2425. border-left:1px #9DACBF solid;
  2426. border-right:1px #9DACBF solid;
  2427. border-bottom:1px #9DACBF solid;
  2428. }
  2429. .social-profile-info {
  2430. width:350px;
  2431. }
  2432. .social-profile-info dt {
  2433. text-align:left;
  2434. clear:left;
  2435. color:#808080;
  2436. float:left;
  2437. width:100px;
  2438. }
  2439. .social-profile-info dd {
  2440. padding:1px 0px 3px 0px;
  2441. float:left;
  2442. margin:0;
  2443. display : block;
  2444. padding-left:10px;
  2445. width:200px;
  2446. }
  2447. .social-profile-extended {
  2448. width:320px;
  2449. overflow:hidden;
  2450. }
  2451. /* general layout of the profile page */
  2452. #social-profile-wrapper {
  2453. width: 100%;
  2454. text-align:left;
  2455. margin:0 auto;
  2456. float: left;
  2457. }
  2458. #social-profile-container {
  2459. /* width: 705px; */
  2460. }
  2461. #social-profile-left {
  2462. float:left;
  2463. width:21%;
  2464. }
  2465. #social-profile-content {
  2466. float:right;
  2467. width:46%;
  2468. margin-left: 2px;
  2469. }
  2470. #social-profile-right {
  2471. float:right;
  2472. width:32%;
  2473. margin-left: 2px;
  2474. }
  2475. .left-side {
  2476. min-width: 198px;
  2477. margin: 0px;
  2478. }
  2479. .social-profile-post {
  2480. width: 450px;
  2481. background : #EFEFEF;
  2482. }
  2483. .maincourse {
  2484. width: 100%;
  2485. margin-left:0px;
  2486. }
  2487. .social-profile-rounded {
  2488. background : #eee;
  2489. }
  2490. #social-profile-forum {
  2491. padding-left:0px;
  2492. }
  2493. #social-profile-thread {
  2494. padding-left:20px;
  2495. }
  2496. #social-post {
  2497. padding-left:30px;
  2498. }
  2499. .actions-profile {
  2500. font-size:14px;
  2501. background:#efefef;
  2502. border-bottom:1px dotted #999999;
  2503. border-top:1px dotted #999999;
  2504. /*height:35px;*/
  2505. padding:2px;
  2506. margin-bottom: 2px;
  2507. /*background:url(images/actions.jpg) repeat-x;*/
  2508. vertical-align:middle;
  2509. font-weight:700;
  2510. margin-right:2px;
  2511. }
  2512. .social-content-image {
  2513. margin-top:4px;
  2514. margin-right:5px;
  2515. background:#EFEFEF;
  2516. border-left:1px #999999 dotted;
  2517. border-top:1px #999999 dotted;
  2518. border-right:1px #999999 dotted;
  2519. border-bottom:1px #999999 dotted;
  2520. }
  2521. .social-background-content {
  2522. background:#EFEFEF;
  2523. }
  2524. .social-content-information {
  2525. margin-left:10px;
  2526. margin-right:10px;
  2527. }
  2528. .social-content-training {
  2529. margin-left:10px;
  2530. margin-right:10px;
  2531. }
  2532. .social-friend-container {
  2533. margin-left:4px;
  2534. margin-right:0px;
  2535. }
  2536. .social-content-competences {
  2537. margin-left:5px;
  2538. margin-right:5px;
  2539. }
  2540. .social-content-announcements {
  2541. margin-left:10px;
  2542. margin-right:10px;
  2543. }
  2544. .social-content-agenda {
  2545. margin-left:10px;
  2546. margin-right:10px;
  2547. }
  2548. .social-actions-message {
  2549. white-space: nowrap;
  2550. padding: 2px;
  2551. background-color: #ffffff;
  2552. border: 1px solid #bbb;
  2553. }
  2554. /*****************************************************
  2555. * BUTTONS *
  2556. *****************************************************/
  2557. /* BUTTONS */
  2558. button,input[type="submit"] {
  2559. margin:5px 5px 3px 0px !important;
  2560. background-color: #DFDFDF;
  2561. border-width: 1px;
  2562. /* -moz-border-radius-topright : 5px;
  2563. -moz-border-radius-topleft : 5px;
  2564. -moz-border-radius-bottomright : 5px;
  2565. -moz-border-radius-bottomleft : 5px;
  2566. */
  2567. font-family: bold arial, verdana, helvetica, sans-serif;
  2568. font-size: 100%;
  2569. line-height :130%;
  2570. text-decoration: none;
  2571. color: black;
  2572. cursor: pointer;
  2573. padding:5px 15px 5px 15px;
  2574. vertical-align:middle;
  2575. }
  2576. button:hover input[type="submit"]:hover{
  2577. background-color:#cbcbcb;
  2578. color:#545454;
  2579. border-style: inset;
  2580. }
  2581. /* button with image */
  2582. button.add, button.save, button.cancel, button.refresh, button.upload, button.search, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
  2583. padding-left:30px;
  2584. background-position:10px;
  2585. background-repeat:no-repeat;
  2586. }
  2587. /* POSITIVE */
  2588. button.save, button.add, button.search, button.refresh, button.upload, button.login, button.plus, button.minus, button.next, button.back, input[type="submit"].submit_next {
  2589. background-color:#E5EDF9;
  2590. border-color: #D4E2F6;
  2591. }
  2592. button.save:hover, button.refresh:hover, button.upload:hover, button.add:hover, button.search:hover, button.login:hover, button.plus:hover, button.minus:hover, button.next:hover, button.back:hover, input[type="submit"].submit_next:hover {
  2593. border-color: #D4E2F6;
  2594. background-color:#D4E2F6;
  2595. }
  2596. /* NEGATIVE */
  2597. button.cancel {
  2598. background-color:#F8E8E6;
  2599. border-color: #FFE3DE;
  2600. }
  2601. button.cancel:hover {
  2602. border-color: #F4E1D0;
  2603. background-color: #FFE3DE;
  2604. }
  2605. /*including "save" image*/
  2606. button.save {
  2607. background-image:url(images/button_accept.gif);
  2608. }
  2609. /*including "add" image*/
  2610. button.add {
  2611. background-image:url(images/button_add.gif);
  2612. }
  2613. /*including "cancel" image*/
  2614. button.cancel {
  2615. background-image:url(images/button_delete.gif);
  2616. }
  2617. /*including "search" image*/
  2618. button.search {
  2619. background-image:url(images/button_search.gif);
  2620. }
  2621. /*including "login" image*/
  2622. button.login {
  2623. background-image:url(images/button_login.gif);
  2624. margin:2px 5px 3px 5px !important;
  2625. }
  2626. /*including "plus" image*/
  2627. button.plus {
  2628. background-image:url(images/button_plus.gif);
  2629. }
  2630. /*including "minus" image*/
  2631. button.minus {
  2632. background-image:url(images/button_minus.gif);
  2633. }
  2634. /*including "next" image*/
  2635. button.next,input[type="submit"].submit_next {
  2636. background-image:url(images/button_next.gif);
  2637. }
  2638. /*including "back" image*/
  2639. button.back {
  2640. background-image:url(images/button_back.gif);
  2641. }
  2642. /*including "refresh" image*/
  2643. button.refresh {
  2644. background-image:url(images/button_refresh.gif);
  2645. }
  2646. /*including "upload" image*/
  2647. button.upload {
  2648. background-image:url(images/button_upload.gif);
  2649. }
  2650. .icon_image_content {
  2651. width:80px;
  2652. cursor:hand;
  2653. height:8em;
  2654. text-align: center;
  2655. padding-top: 3px;
  2656. padding-right: 5x;
  2657. padding-bottom: 3px;
  2658. padding-left: 5px;
  2659. }
  2660. .question_menu {
  2661. list-style:none;
  2662. float:left;
  2663. padding:0px;
  2664. margin:-2px;
  2665. min-height:100px;
  2666. }
  2667. .question_menu li {
  2668. float:left;
  2669. margin:0px;
  2670. }
  2671. #exercise_admin {
  2672. margin: 0;
  2673. padding: 0;
  2674. border: 0;
  2675. }
  2676. div#friend-header {
  2677. float:left;
  2678. width:100%;
  2679. line-height: 2.1em;
  2680. }
  2681. div#friend-header a {
  2682. padding-right:6px;
  2683. }
  2684. div#friend-container {
  2685. float:left;
  2686. }
  2687. div.image_friend_network {
  2688. float:left;
  2689. border:1px solid #CCCCCC;
  2690. margin:2px;
  2691. padding:4px;
  2692. background: #EFEFEF;
  2693. height:125px;
  2694. width:82px;
  2695. z-index:5;
  2696. }
  2697. div.image_friend_network span {
  2698. overflow:hidden;
  2699. display:block;
  2700. height:92px;
  2701. margin: 0px 0px;
  2702. }
  2703. div.image_friend_network img {
  2704. vertical-align:middle;
  2705. }
  2706. div.image_friend_network center.friend {
  2707. overflow:hidden;
  2708. height:30px;
  2709. }
  2710. .friend_invitations {
  2711. float:left;
  2712. margin: 0 0 4px 12px;
  2713. }
  2714. /* button >> */
  2715. button.arrowr {
  2716. -moz-border-radius-topleft : 5px;
  2717. -moz-border-radius-bottomright : 5px;
  2718. -moz-border-radius-bottomleft : 5px;
  2719. -moz-border-radius-topright : 5px;
  2720. padding-left:20px;
  2721. padding-top:20px;
  2722. background-position:10px;
  2723. background-color:#E5EDF9;
  2724. border-color: #D4E2F6;
  2725. border-width: 1px;
  2726. display:block;
  2727. font-size: 100%;
  2728. line-height :130%;
  2729. vertical-align:middle;
  2730. }
  2731. /*including "arrowr" image*/
  2732. button.arrowr {
  2733. background-image:url(images/2rightarrow.gif);
  2734. background-repeat:no-repeat;
  2735. }
  2736. /* button << */
  2737. button.arrowl {
  2738. margin:0px;
  2739. -moz-border-radius-topleft : 5px;
  2740. -moz-border-radius-bottomright : 5px;
  2741. -moz-border-radius-bottomleft : 5px;
  2742. -moz-border-radius-topright : 5px;
  2743. padding-left:20px;
  2744. padding-top:20px;
  2745. background-position:10px;
  2746. background-color:#E5EDF9;
  2747. border-color: #D4E2F6;
  2748. border-width: 1px;
  2749. display:block;
  2750. font-size: 100%;
  2751. line-height :130%;
  2752. vertical-align:middle;
  2753. }
  2754. /*including "arrowl" image*/
  2755. button.arrowl {
  2756. background-image:url(images/2leftarrow.gif);
  2757. background-repeat:no-repeat;
  2758. }
  2759. /* input >> */
  2760. input.arrowr {
  2761. -moz-border-radius-topleft : 5px;
  2762. -moz-border-radius-bottomright : 5px;
  2763. -moz-border-radius-bottomleft : 5px;
  2764. -moz-border-radius-topright : 5px;
  2765. padding-left:25px;
  2766. padding-top:20px;
  2767. background-position:10px;
  2768. background-color:#E5EDF9;
  2769. border-color: #D4E2F6;
  2770. border-width: 1px;
  2771. display:block;
  2772. font-size: 100%;
  2773. line-height :130%;
  2774. vertical-align:middle;
  2775. background-image:url(images/2rightarrow.gif);
  2776. background-repeat:no-repeat;
  2777. }
  2778. /* input << */
  2779. input.arrowl {
  2780. margin:0px;
  2781. -moz-border-radius-topleft : 5px;
  2782. -moz-border-radius-bottomright : 5px;
  2783. -moz-border-radius-bottomleft : 5px;
  2784. -moz-border-radius-topright : 5px;
  2785. padding-right:25px;
  2786. padding-top:20px;
  2787. background-position:10px;
  2788. background-color:#E5EDF9;
  2789. border-color: #D4E2F6;
  2790. border-width: 1px;
  2791. display:block;
  2792. font-size: 100%;
  2793. line-height :130%;
  2794. vertical-align:middle;
  2795. background-image:url(images/2leftarrow.gif);
  2796. background-repeat:no-repeat;
  2797. }
  2798. .u-m-answer {
  2799. width:100%;
  2800. }
  2801. .u-m-answer p {
  2802. margin:2px;
  2803. }
  2804. .refresh {
  2805. background-image:url(images/refresh.png);
  2806. background-repeat:no-repeat;
  2807. padding-left:20px;
  2808. padding-bottom:2px;
  2809. }
  2810. .portal {
  2811. background-image:url(images/portal.png);
  2812. background-repeat:no-repeat;
  2813. padding-left:28px;
  2814. padding-bottom:10px;
  2815. padding-top:8px;
  2816. }
  2817. .legal-terms {
  2818. height:150px;
  2819. overflow:auto;
  2820. background-color:#eee;
  2821. width:500px;
  2822. }
  2823. /* UI improvements for 1.8.6.2 this should be move to the chamilo theme and reproduce in all CSS*/
  2824. * {
  2825. outline :none;
  2826. }
  2827. /*
  2828. input, select, textarea {
  2829. -moz-border-radius-bottomleft:5px;
  2830. -moz-border-radius-bottomright:5px;
  2831. -moz-border-radius-topleft:5px;
  2832. -moz-border-radius-topright:5px;
  2833. -x-system-font:none;
  2834. border:1px solid #CCCCCC;
  2835. color:#666666;
  2836. font-family:Arial,Helvetica,sans-serif;
  2837. font-size:120%;
  2838. font-size-adjust:none;
  2839. font-stretch:normal;
  2840. font-style:normal;
  2841. font-variant:normal;
  2842. font-weight:normal;
  2843. line-height:normal;
  2844. padding:5px;
  2845. }
  2846. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  2847. background-image:url(images/shadow.gif);
  2848. }
  2849. .independent_course_item a {
  2850. font-size:135%;
  2851. }
  2852. .session_course_item a {
  2853. font-size:120%;
  2854. }
  2855. */
  2856. #maincontent .courseslist li {
  2857. margin-bottom:8px;
  2858. }
  2859. /*
  2860. a.read {
  2861. font-weight:normal;
  2862. }
  2863. .actions {
  2864. background:#efefef;
  2865. border:1px solid #ccc;
  2866. padding:2px;
  2867. margin-bottom: 5px;
  2868. vertical-align:middle;
  2869. }
  2870. .actions-title {
  2871. background:#efefef;
  2872. border:1px solid #ccc;
  2873. padding:4px;
  2874. margin-bottom: 5px;
  2875. font-size:14px;
  2876. font-weight:bolder;
  2877. vertical-align:middle;
  2878. }*/
  2879. /* GROUP TOOL */
  2880. #group_description {
  2881. margin: 10px 0px 10px 0px;
  2882. }
  2883. #group_privacy {
  2884. margin: 10px 0px 10px 0px;
  2885. }
  2886. #group_permissions {
  2887. -moz-background-clip:border;
  2888. -moz-background-inline-policy:continuous;
  2889. -moz-background-origin:padding;
  2890. -moz-border-radius-bottomleft:8px;
  2891. -moz-border-radius-bottomright:8px;
  2892. -moz-border-radius-topleft:8px;
  2893. -moz-border-radius-topright:8px;
  2894. background:#EEE none repeat scroll 0 0;
  2895. margin: 20px 0px 20px 0px;
  2896. }
  2897. #group_permissions ul {
  2898. list-style-image:none;
  2899. list-style-position:outside;
  2900. list-style-type:none;
  2901. margin:0;
  2902. padding:0;
  2903. }
  2904. #group_permissions ul li {
  2905. margin: 10px 0px 10px 5px;
  2906. }
  2907. /* Groups boxes */
  2908. .groups_grid_container {
  2909. width:100%;
  2910. }
  2911. .groups_grid_item {
  2912. width:80px;
  2913. float:left;
  2914. margin:5px;
  2915. }
  2916. .groups_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2917. .groups_grid_element_1 { width:100px; float:left; text-align:left; margin-bottom:5px;}
  2918. .groups_grid_element_2 { width:150px; float:left;}
  2919. /*POPULAR GROUP*/
  2920. .popular_grid_item {
  2921. float:left;
  2922. width:350px;
  2923. height:165px;
  2924. margin-top:20px;
  2925. }
  2926. .popular_grid_element_1 {
  2927. width:330px;
  2928. height:165px;
  2929. padding-left:10px;
  2930. padding-right:10px;
  2931. background-image:url(../../img/boxmygroupscontent.jpg);
  2932. background-repeat:repeat-y;
  2933. overflow:hidden;
  2934. }
  2935. /*NEWEST GROUP*/
  2936. .newest_grid_item {
  2937. float:left;
  2938. width:350px;
  2939. height:165px;
  2940. margin-top:20px;
  2941. }
  2942. .newest_grid_element_1 {
  2943. width:330px;
  2944. height:165px;
  2945. padding-left:10px;
  2946. padding-right:10px;
  2947. background-image:url(../../img/boxmygroupscontent.jpg);
  2948. background-repeat:repeat-y;
  2949. overflow:hidden;
  2950. }
  2951. /*MY GROUPS*/
  2952. .mygroups_grid_item {
  2953. float:left;
  2954. width:350px;
  2955. height:165px;
  2956. margin-top:20px;
  2957. }
  2958. .mygroups_grid_element_1 {
  2959. width:330px;
  2960. height:165px;
  2961. padding-left:10px;
  2962. padding-right:10px;
  2963. background-image:url(../../img/boxmygroupscontent.jpg);
  2964. background-repeat:repeat-y;
  2965. overflow:hidden;
  2966. }
  2967. .box_description_group_title {
  2968. float:right;width:80%;
  2969. }
  2970. .box_description_group_content {
  2971. float:right;
  2972. width:80%;
  2973. height:45px;
  2974. font-family:Verdana, Geneva, sans-serif;
  2975. font-size:12px;
  2976. color:#666666;
  2977. }
  2978. .box_description_group_actions {
  2979. float:right;
  2980. width:80%;
  2981. text-align:right;
  2982. margin-top:4px;
  2983. margin-right:4px;
  2984. }
  2985. /*PROFILE*/
  2986. .profile_grid_container { width:100%;}
  2987. .profile_grid_item {
  2988. border:1px dotted #CCCCCC;
  2989. float:left;
  2990. height:90px;
  2991. margin:5px;
  2992. padding:5px;
  2993. width:270px;
  2994. }
  2995. .profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  2996. .profile_grid_element_1 { width:170px; float:left; text-align:left; margin-bottom:1px; }
  2997. /* pagination grid sortable */
  2998. .sub_header {width:100%}
  2999. .grid_selectbox {float:left;width:35%}
  3000. .grid_title {float:left;width:30%;text-align:center}
  3001. .grid_nav {float:left;width:35%;text-align:right}
  3002. /* Groups boxes */
  3003. .group_invitation_grid_container { width:100%;}
  3004. .group_invitation_grid_item {
  3005. border:1px dotted #CCCCCC;
  3006. float:left;
  3007. height:85px;
  3008. margin:8px;
  3009. padding:5px;
  3010. width:300px;
  3011. }
  3012. .group_invitation_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3013. .group_invitation_grid_element_1 { width:100px; float:left; text-align:left;margin-bottom:5px;}
  3014. .group_invitation_grid_element_2 { width:150px; float:left;}
  3015. /* home group boxes */
  3016. .home_group_grid_container {
  3017. margin-bottom:60px;
  3018. }
  3019. .home_group_grid_element_1 {
  3020. font-family:Verdana, Geneva, sans-serif;
  3021. font-size:12px;
  3022. color:#686868;
  3023. font-weight:bold;
  3024. margin:2px;
  3025. padding:2px;
  3026. }
  3027. .home_group_grid_element_2 {
  3028. float:right;
  3029. width:80%;
  3030. height:45px;
  3031. font-family:Verdana, Geneva, sans-serif;
  3032. font-size:12px;
  3033. color:#666666;
  3034. }
  3035. /*INVITATION IN PROFILE*/
  3036. .invitation_profile_grid_container { width:100%;}
  3037. .invitation_profile_grid_item {
  3038. border:1px dotted #CCCCCC;
  3039. float:left;
  3040. height:110px;
  3041. margin:5px;
  3042. padding:5px;
  3043. width:100px;
  3044. }
  3045. .invitation_profile_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3046. .invitation_profile_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
  3047. .invitation_profile_grid_element_2 { width:100px; float:left; text-align:center;}
  3048. .invitation_profile_grid_element_3 { width:100px; float:left; text-align:center;}
  3049. /* User boxes */
  3050. .search_users_grid_container { width:100%;}
  3051. .search_users_grid_item { width:400px; height: 90px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
  3052. .search_users_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3053. .search_users_grid_element_1 { width:100px; float:left; text-align:center;margin-bottom:5px;}
  3054. .search_users_grid_element_2 { width:150px; float:left;}
  3055. .search_users_grid_selectbox { width:50%; float:left;}
  3056. .search_users_grid_title { width:30%; float:left;}
  3057. .search_users_grid_nav { float:right;}
  3058. /*WAITING USER*/
  3059. .waiting_user_grid_container { width:100%;}
  3060. .waiting_user_grid_item { width:500px; height: 120px; border:1px dotted #ccc; float:left; padding:5px; margin:5px;}
  3061. .waiting_user_grid_element_0 { width:100px; height: 90px; float:left; text-align:center; margin-bottom:5px; padding-top:15px;}
  3062. .waiting_user_grid_element_1 { width:400px; float:left; text-align:left; margin-bottom:5px}
  3063. .waiting_user_grid_element_2 { width:400px; float:left; text-align:justify;margin-bottom:5px}
  3064. .waiting_user_grid_element_5 { width:100%; text-align:left;}
  3065. .waiting_user_grid_element_6 { width:100%; text-align:left;}
  3066. /*LIST MEMBERS*/
  3067. .list_members_grid_container { width:100%;}
  3068. .list_members_grid_item { width:105px; height: 150px; border:1px dotted #ccc; float:left; padding:5px; margin:8px;}
  3069. .list_members_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3070. .list_members_grid_element_0 img {width:50px;height:50px;border:3px solid #E6E6E6;}
  3071. .list_members_grid_element_2 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3072. .list_members_grid_element_3 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3073. .list_members_grid_element_5 { width:100%; text-align:center;}
  3074. /*SEARCH USER*/
  3075. .search_user_grid_container { width:100%;}
  3076. .search_user_grid_item { width:100px; height:100px; border:1px dotted #ccc; float:left; padding:5px; margin:5px; overflow:hidden;}
  3077. .search_user_grid_element_0 { width:100px; float:left; text-align:center; margin-bottom:5px;}
  3078. .search_user_grid_element_0 img {width:50px;height:50px;border:2px solid #E6E6E6;}
  3079. .search_user_grid_element_1 { width:100%; text-align:center;}
  3080. .search_user_grid_element_2 { width:100%; text-align:center;}
  3081. .search_user_grid_element_3 { width:100%; text-align:center;}
  3082. /*SEARCH GROUP*/
  3083. .search_group_grid_item {
  3084. float:left;
  3085. width:350px;
  3086. height:165px;
  3087. margin-top:20px;
  3088. }
  3089. .search_group_grid_container {
  3090. margin-top:0px;
  3091. }
  3092. .search_group_grid_element_1 {
  3093. width:330px;
  3094. height:165px;
  3095. padding-left:10px;
  3096. padding-right:10px;
  3097. background-image:url(../../img/boxmygroupscontent.jpg);
  3098. background-repeat:repeat-y;
  3099. overflow:hidden;
  3100. }
  3101. #menu {
  3102. /* -moz-border-radius: 10px; border: 1px solid #e1e1e0;
  3103. -webkit-border-radius: 10px; border: 1px solid #e1e1e0;
  3104. -opera-border-radius: 10px; border: 1px solid #e1e1e0;
  3105. margin-top:20px;
  3106. margin-right:10px;
  3107. margin-bottom:40px;
  3108. padding-left:10px;
  3109. padding-right:10px;
  3110. padding-top:5px;
  3111. padding-bottom:30px;
  3112. width:240px; */
  3113. float: right;
  3114. min-height: 150px;
  3115. }
  3116. /* INVITATIONS */
  3117. .invitation_confirm {
  3118. border-top:1px solid #D8DFEA;
  3119. }
  3120. .invitation_image {
  3121. width:110px;
  3122. }
  3123. /**********************************************
  3124. * MESSAGE TOOL *
  3125. **********************************************/
  3126. #inbox-wrapper {
  3127. width:100%;
  3128. }
  3129. #inbox {
  3130. height:auto;
  3131. margin-left:auto;
  3132. margin-right:auto;
  3133. overflow:hidden;
  3134. }
  3135. #outbox {
  3136. height:auto;
  3137. margin-left:auto;
  3138. margin-right:auto;
  3139. overflow:hidden;
  3140. }
  3141. #inbox-menu {
  3142. width:150px;
  3143. float:left;
  3144. margin-right:10px;
  3145. }
  3146. #inbox-menu ul {
  3147. list-style-image:none;
  3148. list-style-position:outside;
  3149. list-style-type:none;
  3150. margin:0;
  3151. padding:0px;
  3152. }
  3153. #inbox-menu ul li {
  3154. padding:2px 0px;
  3155. }
  3156. #message-reply-link {
  3157. float:right;
  3158. }
  3159. .message-item {
  3160. -moz-background-clip:border;
  3161. -moz-background-inline-policy:continuous;
  3162. -moz-background-origin:padding;
  3163. -moz-border-radius-bottomleft:8px;
  3164. -moz-border-radius-bottomright:8px;
  3165. -moz-border-radius-topleft:8px;
  3166. -moz-border-radius-topright:8px;
  3167. background:#F5F5F5 none repeat scroll 0 0;
  3168. margin:0 0 5px;
  3169. padding:10px;
  3170. }
  3171. .message-topic {
  3172. -moz-background-clip:border;
  3173. -moz-background-inline-policy:continuous;
  3174. -moz-background-origin:padding;
  3175. -moz-border-radius-bottomleft:8px;
  3176. -moz-border-radius-bottomright:8px;
  3177. -moz-border-radius-topleft:8px;
  3178. -moz-border-radius-topright:8px;
  3179. background:#E6EEFB none repeat scroll 0 0;
  3180. margin:0 0 5px;
  3181. padding:10px;
  3182. }
  3183. .message-group-title-topic {
  3184. font-size:180%;
  3185. margin:5px 0px 5px 0px;
  3186. }
  3187. .message-group-title {
  3188. font-size:120%;
  3189. }
  3190. .message-group-author {
  3191. margin:5px 0px 5px 0px;
  3192. }
  3193. .message-group-content {
  3194. line-height:150%;
  3195. margin: 5px 0px 8px 0px;
  3196. }
  3197. .message-group-date {
  3198. color:#666;
  3199. width:100%;
  3200. text-align:right;
  3201. }
  3202. .view-message-content {
  3203. line-height:150%;
  3204. font-size:110%;
  3205. }
  3206. .message_view_table {
  3207. cellspacing:0;
  3208. cellpadding:0;
  3209. background-color:#dbeaf5;
  3210. border=0;
  3211. border-collapse: collapse;
  3212. width: 100%;
  3213. }
  3214. .message_view_table th {
  3215. padding-right: 12px;
  3216. border: 1px solid gray;
  3217. background-color: #f0f0f0;
  3218. }
  3219. .message-select-box {
  3220. float:left;
  3221. display:inline;
  3222. position:absolute;
  3223. margin-top:23px;
  3224. margin-left:20px;
  3225. }
  3226. /* styles from the my.profile.php file */
  3227. .message-content {
  3228. float:left;
  3229. }
  3230. .message-content .message-delete {
  3231. position: absolute;
  3232. top: 10px;
  3233. right: 10px;
  3234. cursor: pointer;
  3235. }
  3236. .message-content-internal {
  3237. display:inline;
  3238. margin:20px auto;
  3239. background:#F5E38E;
  3240. border:2px solid #EBCA4F;
  3241. padding:10px;
  3242. width:100px;
  3243. position:relative;
  3244. margin-top:150px;
  3245. margin-right:-100px;
  3246. }
  3247. .message-title {
  3248. /* color:#ff0000; */
  3249. font-size:12px;
  3250. }
  3251. .message-body {
  3252. font-size:11px;
  3253. padding: 0 0 11px;
  3254. color:#333;
  3255. }
  3256. .message-link {
  3257. color:#ff8400;
  3258. }
  3259. .message-view {
  3260. float:right;
  3261. margin:20px auto;
  3262. background:#F5E38E;
  3263. border:2px solid #EBCA4F;
  3264. padding:10px;
  3265. width:100px;
  3266. position:relative;
  3267. margin-top:115px;
  3268. margin-right:-100px;
  3269. }
  3270. .message-content-table {
  3271. background-color:white;
  3272. border:1px solid black;
  3273. position:absolute;
  3274. width:200px;
  3275. height:60px;
  3276. z-index:3;
  3277. visibility:hidden;
  3278. top:85px;
  3279. left:10px;
  3280. margin: 0px;
  3281. padding: 0px;
  3282. }
  3283. #message {
  3284. margin: 0 auto;
  3285. text-align: center;
  3286. }
  3287. #message select {
  3288. margin: 10px 0;
  3289. width: 220px;
  3290. }
  3291. #message textarea {
  3292. margin: 10px 0;
  3293. }
  3294. #message td {
  3295. padding: 4px;
  3296. }
  3297. .message-top-title {
  3298. float:left;
  3299. margin-top:1px;
  3300. margin-bottom:1px;
  3301. background-color:#F2F2F2;
  3302. width:600px;
  3303. border-bottom:1px solid #CCCCCC;
  3304. margin:left:5px;
  3305. }
  3306. .message-bottom-title {
  3307. height:22px;
  3308. float:left;
  3309. margin-top:1px;
  3310. margin-bottom:1px;
  3311. background-color:#F2F2F2;
  3312. width:600px;
  3313. border-bottom:1px solid #CCCCCC;
  3314. }
  3315. .message-content-body-left {
  3316. float:left;
  3317. width:30%;
  3318. }
  3319. .message-content-body-right {
  3320. float:right;
  3321. text-align:left;
  3322. width:60%;
  3323. }
  3324. .message-body-title {
  3325. float:right;
  3326. margin-top:1px;
  3327. margin-bottom:5px;
  3328. border-bottom:1px solid #CCCCCC;
  3329. border-collapse:collapse;
  3330. }
  3331. .message-image-info {
  3332. float:left;
  3333. margin-top:10px;
  3334. margin-bottom:10px;
  3335. margin-left:10px;
  3336. text-align:left;
  3337. margin-right:20px;
  3338. }
  3339. .message-content-body-right dd {
  3340. color:#333399;
  3341. border-bottom:1px solid #CCCCCC;
  3342. height:20px;
  3343. text-decoration:none;
  3344. outline-style:none;
  3345. background:#ffffff;
  3346. }
  3347. .message-content-body-right:hover {
  3348. }
  3349. /*SOCIAL TOOL*/
  3350. .social-plugin-item {
  3351. float:left;
  3352. width:50%;
  3353. background-color:#ccc;
  3354. margin: 0px;
  3355. }
  3356. #social-plugins {
  3357. float:left;
  3358. background-color:#f00;
  3359. width:100%;
  3360. margin: 0px;
  3361. padding:2px;
  3362. }
  3363. div.image-social-content {
  3364. float:left;
  3365. border:1px dotted #ccc;
  3366. margin:2px;
  3367. padding: 8px 4px 4px 4px;
  3368. background: #ffffff;
  3369. height:105px;
  3370. width:82px;
  3371. z-index:5;
  3372. cursor:pointer;
  3373. position:relative;
  3374. overflow:hidden;
  3375. }
  3376. div.image-social-content span {
  3377. overflow:hidden;
  3378. display:block;
  3379. height:75px;
  3380. }
  3381. div.image-social-content img {
  3382. vertical-align:middle;
  3383. }
  3384. div.image-social-content center.friend {
  3385. overflow:hidden;
  3386. height:30px;
  3387. }
  3388. .image-social-content .image-delete {
  3389. position: absolute;
  3390. top: 1px;
  3391. right: 1px;
  3392. cursor: pointer;
  3393. }
  3394. .social-info {
  3395. background:#B8C8DC;
  3396. color:#4475B0;
  3397. font-size:12px;
  3398. font-weight:bold;
  3399. }
  3400. .social-display-image {
  3401. float:right;
  3402. margin-top:-130px;
  3403. margin-right:5px;
  3404. }
  3405. .social-search-image {
  3406. color:#000033;
  3407. margin-top:2px;
  3408. width:200px;
  3409. }
  3410. .social-subtitle-search {
  3411. background:#ffffff;
  3412. border-top:1px #9DACBF solid;
  3413. border-bottom:1px #9DACBF solid;
  3414. }
  3415. .social-align-box {
  3416. text-align:left;
  3417. float:left;
  3418. }
  3419. .social-header {
  3420. margin-bottom:8px;
  3421. }
  3422. #social-content {
  3423. width:100%;
  3424. height:auto;
  3425. overflow:hidden;
  3426. margin-left:auto;
  3427. margin-right:auto;
  3428. }
  3429. #social-content-right {
  3430. height:auto;
  3431. overflow:hidden;
  3432. width:79%;
  3433. }
  3434. .social-content-image {
  3435. margin-bottom:10px;
  3436. margin-top:2px;
  3437. }
  3438. #social-content-left {
  3439. float:left;
  3440. height:auto;
  3441. min-height:300px;
  3442. width:175px;
  3443. margin-right:10px;
  3444. overflow:hidden;
  3445. }
  3446. .social-content-description {
  3447. background:#ECE9D8;
  3448. }
  3449. .social-content-body {
  3450. background:#ffffff;
  3451. }
  3452. .social-content-table {
  3453. border-top:1px #9DACBF solid;
  3454. border-left:1px #9DACBF solid;
  3455. border-right:1px #9DACBF solid;
  3456. border-bottom:1px #9DACBF solid;
  3457. }
  3458. .social-profile-info dt {
  3459. text-align:left;
  3460. clear:left;
  3461. float:left;
  3462. width:80px;
  3463. }
  3464. .social-profile-info dd {
  3465. padding:1px 0px 3px 0px;
  3466. float:left;
  3467. margin:0;
  3468. display : block;
  3469. padding-left:10px;
  3470. width:200px;
  3471. }
  3472. /* general layout of the profile page */
  3473. #social-profile-wrapper {
  3474. width: 100%;
  3475. text-align:left;
  3476. margin:0 auto;
  3477. float: left;
  3478. }
  3479. #social-profile-container {
  3480. /* width: 705px; */
  3481. }
  3482. #social-profile-left {
  3483. float:left;
  3484. width:22%;
  3485. }
  3486. #social-profile-content {
  3487. float:right;
  3488. width:47%;
  3489. margin-left: 4px;
  3490. }
  3491. #social-profile-right {
  3492. float:right;
  3493. width:30%;
  3494. margin-left: 4px;
  3495. }
  3496. /* SOCIAL MENU VERTICAL */
  3497. .social-menu {
  3498. width:100%;
  3499. height:auto;
  3500. }
  3501. .social-menu ul {
  3502. list-style-image:none;
  3503. list-style-position:outside;
  3504. list-style-type:none;
  3505. margin:0;
  3506. padding:0px;
  3507. }
  3508. .social-menu li {
  3509. margin-bottom:4px;
  3510. padding-bottom:12px;
  3511. background-image:url(../../img/line-social.jpg);
  3512. background-position:bottom;
  3513. background-repeat:repeat-x;
  3514. }
  3515. .social-menu li img {
  3516. float:left;
  3517. }
  3518. .social-menu-sub-level a img {
  3519. float:left;
  3520. }
  3521. .social-menu ul li a {
  3522. padding:2px 0px;
  3523. }
  3524. .social-menu-sub-level {
  3525. margin-left:20px;
  3526. }
  3527. .social-menu-title{
  3528. width:100%;
  3529. float:left;
  3530. height:auto;
  3531. background-color:#AF8B97;
  3532. margin-bottom:10px;
  3533. padding-top:4px;
  3534. padding-bottom:4px;
  3535. }
  3536. .social-menu-text1 {
  3537. color:#fff;
  3538. font-size:12px;
  3539. font-weight:bold;
  3540. }
  3541. .social-menu-text2 {
  3542. color:#000;
  3543. font-weight:normal;
  3544. font-size:12px;
  3545. }
  3546. .social-menu-text3 {
  3547. color:#94cdf9;
  3548. font-weight:normal;
  3549. font-size:12px;
  3550. font-weight:bold;
  3551. }
  3552. .social-menu-text4 {
  3553. font-family:Verdana, Geneva, sans-serif;
  3554. color:#000;
  3555. font-weight:normal;
  3556. font-size:13px;
  3557. vertical-align:bottom;
  3558. }
  3559. .social-menu-text-active {
  3560. font-family:Verdana, Geneva, sans-serif;
  3561. color:#000;
  3562. font-weight:bold;
  3563. font-size:12px;
  3564. vertical-align:bottom;
  3565. }
  3566. .social-menu-title-right {
  3567. width:84%;
  3568. float:right;
  3569. height:20px;
  3570. background-color:#32578b;
  3571. margin-bottom:10px;
  3572. }
  3573. /* BOX SHARED PROFILE */
  3574. .social-friend-container {
  3575. width:100%;
  3576. overflow:hidden;
  3577. }
  3578. .shared_profile_mygroups_grid_container {
  3579. width:100%;
  3580. overflow:hidden;
  3581. }
  3582. .shared_profile_mygroups_grid_item {
  3583. width:42%;
  3584. float:left;
  3585. height:140px;
  3586. margin:20px;
  3587. }
  3588. .social-menu-group-member {
  3589. float:left;
  3590. height:120px;
  3591. margin:5px;
  3592. overflow:hidden;
  3593. padding:2px;
  3594. width:76px;
  3595. }
  3596. /* styles from the my.profile.php file */
  3597. #social_widget {
  3598. /* border:1px dotted #ccc; */
  3599. float:left;
  3600. padding:1px;
  3601. padding-bottom:10px;
  3602. margin-bottom:10px;
  3603. margin-left:0px;
  3604. margin-right:0px;
  3605. /* width:215px; */
  3606. }
  3607. #social_widget_image {
  3608. float:left;
  3609. /*width:190px;*/
  3610. margin-bottom:5px;
  3611. padding:2px;
  3612. }
  3613. /* SOCIAL BOX */
  3614. .social-box-main1 {
  3615. width:100%;
  3616. height:auto;
  3617. overflow:hidden;
  3618. }
  3619. .social-box-left {
  3620. width:345px;
  3621. float:left;
  3622. height:auto;
  3623. margin:0px;
  3624. }
  3625. .social-box-right {
  3626. width:300px;
  3627. float:left;
  3628. height:auto;
  3629. margin-left:10px;
  3630. overflow:hidden;
  3631. }
  3632. .social-box-container1 {
  3633. width:350px;
  3634. height:auto;
  3635. margin-top:10px;
  3636. }
  3637. .social-box-content1 {
  3638. width:330px;
  3639. height:auto;
  3640. padding-left:15px;
  3641. padding-right:10px;
  3642. background-image:url(../../img/boxmygroupscontent.jpg);
  3643. background-repeat:repeat-y;
  3644. overflow:hidden;
  3645. }
  3646. .social-box-main2 {
  3647. height:auto;
  3648. overflow:hidden;
  3649. width:700px;
  3650. }
  3651. .social-box-container2 {
  3652. width:700px;
  3653. height:auto;
  3654. overflow:hidden;
  3655. margin-bottom:20px;
  3656. }
  3657. .social-box-content2 {
  3658. width:660px;
  3659. background-image:url(../../img/content-post-group2.jpg);
  3660. background-repeat:repeat-y;
  3661. padding-left:20px;
  3662. padding-right:20px;
  3663. }
  3664. .social-box-container3 {
  3665. width:110px;
  3666. margin-left:60px;
  3667. }
  3668. .social-box-content3 {
  3669. width:560px;
  3670. height:auto;
  3671. padding-left:20px;
  3672. padding-right:20px;
  3673. background-image:url(../../img/content-post-reply02.jpg);
  3674. background-repeat:repeat-y;
  3675. }
  3676. .box_shared_profile_group_title {
  3677. border-bottom:1pt dotted #000;
  3678. padding:5px;
  3679. vertical-align:middle;
  3680. font-size:12pt;
  3681. font-weight:bold;
  3682. margin-bottom:5px
  3683. }
  3684. .box_shared_profile_group_description {
  3685. height:100px;
  3686. margin-left:65px;
  3687. }
  3688. .box_shared_profile_group_image {
  3689. height:80px;
  3690. width:60px;
  3691. float:left;
  3692. }
  3693. .box_shared_profile_group_actions {
  3694. text-align:right;
  3695. }
  3696. .social-groups-text1 {
  3697. font-family:Verdana, Geneva, sans-serif;
  3698. font-size:12px;
  3699. color:#669;
  3700. }
  3701. .social-groups-text2 {
  3702. font-family:Verdana, Geneva, sans-serif;
  3703. font-size:12px;
  3704. color:#686868;
  3705. font-weight:bold;
  3706. }
  3707. .social-groups-text3 {
  3708. font-family:Verdana, Geneva, sans-serif;
  3709. font-size:12px;
  3710. color:#000;
  3711. font-weight:bold;
  3712. text-transform:capitalize;
  3713. margin-top:5px;
  3714. }
  3715. .social-groups-text4 {
  3716. font-family:Verdana, Geneva, sans-serif;
  3717. font-size:12px;
  3718. color:#666666;
  3719. }
  3720. .social-groups-image {
  3721. border: 2px solid #cac9c9;
  3722. }
  3723. .social-groups-home-title {
  3724. border-bottom:1pt dotted #000;
  3725. padding:2px;
  3726. margin-bottom:5px;
  3727. font-weight:bold;
  3728. }
  3729. .social-home-users-online {
  3730. border:3px solid #E6E6E6;
  3731. }
  3732. #social-content-online {
  3733. background-color:#616161;
  3734. margin-bottom:5px;
  3735. margin-top:2px;
  3736. padding:1px;
  3737. }
  3738. #social-group-details {
  3739. margin-bottom:20px;
  3740. }
  3741. .social-group-details-info span {
  3742. color:#777;
  3743. }
  3744. .social-group-details-info {
  3745. padding:2px 0px 2px 0px;
  3746. }
  3747. .social-background-content {
  3748. z-index:5;
  3749. position:relative;
  3750. border:1px dotted #DDDDDD;
  3751. width:170px;
  3752. overflow:hidden;
  3753. }
  3754. .social-background-content .hidden_message {
  3755. cursor:pointer;
  3756. position:absolute;
  3757. top:0px;
  3758. right:0px;
  3759. }
  3760. .hidden_message {
  3761. background-color:#5A5A5A;
  3762. padding:2px;
  3763. margin:0px;
  3764. }
  3765. .hidden_message a {
  3766. color:#fff;
  3767. /* text-decoration: underline; */
  3768. }
  3769. /* THEMATIC ADVANCE */
  3770. .thematic-postit {
  3771. width:250px;
  3772. height:auto;
  3773. overflow:hidden;
  3774. }
  3775. .thematic-postit-center {
  3776. background-image: url('../../img/postit_center.jpg');
  3777. height:auto;
  3778. margin-top:-16px;
  3779. margin-bottom:-16px;
  3780. padding-left:20px;
  3781. padding-right:20px;
  3782. padding-bottom:10px;
  3783. }