CSS   18

css_global

Guest on 5th May 2022 01:54:40 AM

  1. /*Basic classes*/
  2. html{
  3. height:100%;
  4. margin:0px;
  5. padding:0px;
  6. }
  7. body{
  8. font-size:12px;
  9. font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
  10. background:#FCFCFC;
  11. border-left:1px solid #E6E6E6;
  12. height:100%;
  13. margin:0px;
  14. padding:0px;
  15. }
  16. /*The popup div Classes*/
  17. html.popup{height:auto;}
  18. .popup body{
  19. width:auto;
  20. padding:0px;
  21. margin:0px;
  22. height:100%;
  23. background-color:#FAFAFA;/*change this to match inner block or backgroundcolor*/
  24. }
  25. html.whitebg{
  26. height:auto;
  27. background-color:#FFFFFF;
  28. }
  29. .whitebg body{
  30. width:auto;
  31. padding:0px;
  32. margin:0px;
  33. height:100%;
  34. background-color:#FFFFFF;
  35. }
  36. /*
  37. .popup div.block,
  38. .popup div.blockContents,
  39. .popup div.content,
  40. .popup table.centerTable,
  41. .popup td.moduleCell{margin:0px;height:100%;border-width:0px;}
  42. iframe#popup_frame{border-width:0px;padding:0px;margin:0px;}
  43. .dimmerDiv{
  44. background:#778899;
  45. height:100%;
  46. left:0px;
  47. position:absolute;
  48. top:0px;
  49. width:100%;
  50. z-index:99;
  51. }
  52. */
  53. /*The popup div Classes*/
  54. .divPopup{
  55. border:1px solid #111111;
  56. position:absolute;
  57. top:0px;
  58. z-index:200;
  59. background-color:#FAFAFA;/*change this to match inner block or backgroundcolor*/
  60. }
  61. .divPopup div.blockContents, .popup div.block, .popup div.blockContents{margin:0px;padding:0px;border-width:0px;}
  62. .divPopup #popup_title{text-align:center;}
  63. .dimmerDiv{
  64. background:#778899;
  65. filter:alpha(opacity=50);
  66. height:100%;
  67. left:0px;
  68. /*-moz-opacity:0.5;*/
  69. opacity:0.5;
  70. position:absolute;
  71. top:0px;
  72. width:100%;
  73. z-index:99;
  74. }
  75. .divPopup #popup_close_cell {width:1%;text-align:right;}
  76. .divPopup #popup_data{vertical-align:top;width:100%;height:100%;}
  77. .divPopup #frame_data {width:100%;height:100%;}
  78. .divPopup #popup_frame{
  79. border-width:0px;width:100%;height:100%;padding:0px 0px 0px 0px;
  80. }
  81.  
  82.  
  83. /**Layouts, header, footer **/
  84. table.pageLayout{width:100%;height:100%;border:0px solid #999999;}
  85. table.pageLayout td.layoutColumn{padding:3px;vertical-align:top;}
  86. table.pageLayout td.left{width:250px;vertical-align:top;}
  87. table.pageLayout td.right{width:250px;vertical-align:top;}
  88. table.pageLayout td.center{vertical-align:top;}
  89. table.pageLayout td.header{height:50px;border-bottom: 0px solid #999999;background:#FAFAFA url('../images/css_images/gradient_large.jpg') repeat-x top;}
  90. table.pageLayout td.header *{vertical-align:middle;}
  91. table.pageLayout td.header #logo{padding:5px;float:left;}
  92. table.pageLayout td.header #info{padding:5px;float:left;}
  93. table.pageLayout td.header #site_name{font-size:26px;}
  94. table.pageLayout td.header #logout_link{padding-right:2px}
  95. table.pageLayout td.header #logout_link a img{border-width:0px}
  96. table.pageLayout td.header #language{padding-top:5px;padding-right:5px;float:right;clear:right;}
  97. table.pageLayout td.header #path{clear:left;padding-top:2px;background:#FAFAFA url('../images/css_images/gradient_medium.jpg') repeat-x top;height:35px;border-top: 1px solid #999999;}
  98. table.pageLayout td.header #path #path_title{float:left;margin-left:10px}
  99. table.pageLayout td.header #path #path_language{float:right}
  100. table.pageLayout td.footer{height:20px;text-align:right;vertical-align:bottom;}
  101. table.pageLayout td.headerHidden{height:26px;border-bottom: 0px solid #999999;padding:0px;vertical-align:top;background:#FAFAFA;}
  102. table.pageLayout td.headerHidden #logo{display:none}
  103. table.pageLayout td.headerHidden #info{display:none}
  104. table.pageLayout td.headerHidden #site_name{display:none}
  105. table.pageLayout td.headerHidden #logout_link{display:none}
  106. table.pageLayout td.headerHidden #language{padding-top:5px;padding-right:5px;float:right;clear:right;}
  107. table.pageLayout td.headerHidden #path{color:#FFFFFF;clear:left;padding-top:5px;background:url('../images/css_images/gradient.jpg') repeat-x top;height:25px;border-top: 1px solid #1f3349;border-bottom: 1px solid #1f3349}
  108. table.pageLayout td.headerHidden #path #path_title{color:#FFFFFF; float:left;margin-left:10px}
  109. table.pageLayout td.headerHidden #path #path_language{color:#FFFFFF; float:right; padding-right:4px;}
  110. table.pageLayout td.headerHidden a.titleLink {color:#FFFFFF;}
  111. table.pageLayout td.outerfooter{font-size:14px;border-top: 1px solid #999;padding:5px;background:#FAFAFA url('../images/css_images/gradient_large.jpg') repeat-x top;}
  112.  
  113. /*table.inner td.footer * {color:#6D6D6D;}*/
  114. table.hideLeft td.left,
  115. table.hideRight td.right{display:none}
  116. table.hideBoth td.right,
  117. table.hideBoth td.left{visibility:hidden}
  118. table.centerFull td.right,
  119. table.centerFull td.left{display:none}
  120. table.hideCenter td.center{display:none}
  121.  
  122.  
  123. table{border-collapse:collapse;}
  124. a:link,a:visited{color:#333333;text-decoration:none;}
  125. a:hover{color:#111111;text-decoration:underline;}
  126.  
  127. /*calendar*/
  128. table.calendarHeader,
  129. table.calendar{
  130. background:#4A8CC6;
  131. color:#2F4F4F;
  132. width:100%;
  133. }
  134. table.calendarHeader tr{
  135. background:#2959A5;
  136. height:25px;
  137. }
  138. table.calendarHeader td,
  139. td.calendar{
  140. color:#C5D6ED;
  141. padding:3px;
  142. font-size:13px;
  143. }
  144. td.calendar{
  145. border-left:1px solid #CBD9F3;
  146. border-top:1px solid #CBD9F3;
  147. text-align:center;
  148. height:16px;
  149. width:16px;
  150. }
  151. table.calendar td.todayCalendar{background-color: #889977;}
  152. table.calendar td.eventCalendar{background-color: #A3E0CC;}
  153. table.calendar td.viewCalendar{border: 1px solid #FF8C00;}
  154.  
  155. /*Messages appearing in header*/
  156. table.messageTable {
  157. width: 100%;
  158. text-align: center;
  159. border: 1px solid #AAAAAA;
  160. font-weight:bold;
  161. }
  162. td.messageCell{height:0px;}
  163. table.messageTable td.message_success{background:#ccffaa;color:#008000;}
  164. table.messageTable td.message_failure{background:#ffff99;color:#ff0000;}
  165. table.messageTable td.message_announcement{background:#ffff99;color:#111111;}
  166. table.messageTable td.message_text{width:100%;}
  167. .messageDiv {
  168. background-color:#F0E68C;
  169. vertical-align:middle;
  170. color:red;
  171. top:100px;
  172. right:100px;
  173. text-align:center;
  174. z-index:10;
  175. }
  176.  
  177. /*classes for general messages*/
  178. .success{color:green;}
  179. .failure{color:red;}
  180. .pending{color:blue;}
  181.  
  182. /*innerTableName: The name appearing in block header, when editing an entity, as well as in some non-block positions*/
  183. .innerTableName{font-style:italic;}
  184.  
  185. /*Tooltip classes*/
  186. a.info{position:relative;z-index:24;}
  187. a.info span.tooltipSpan,a.info img{display:none;}
  188. a.info:hover{
  189. background:#f0f000;
  190. border-bottom:0px;
  191. cursor:help;
  192. text-decoration:none;
  193. z-index:25
  194. }
  195. a.info:hover span.tooltipSpan{
  196. background:#FFFFE0;
  197. border:1px solid #006400;
  198. display:block;
  199. left:22px;
  200. padding:5px 10px 8px 15px;
  201. position:absolute;
  202. top:32px;
  203. z-index:28;
  204. width:600px;
  205. color:black;
  206. }
  207. a.info:hover img.tooltip{
  208. display:block;
  209. left:33px;
  210. position:absolute;
  211. top:18px;
  212. z-index:30;
  213. border-width:0px;
  214. }
  215. a.info:hover img.progress{
  216. margin:auto;
  217. position:relative;
  218. border-width:0px;
  219. }
  220. a.info:hover img.infoClose{
  221. display:block;
  222. padding:1px;
  223. position:static;
  224. border-width:0px;
  225. z-index:30;
  226. float:right;
  227. }
  228. div.infoEntry span:first-child{font-weight:bold;}
  229.  
  230. /*Glossary classes*/
  231. table.glossary td a img{vertical-align:middle;border-width:0px;}
  232. table.glossary {width:100%;}
  233. a.glossary{border-bottom:1px dashed;}/*Glossary tooltip additional class*/
  234. a.glossary:hover span{width:300px!important;}/*Glossary tooltip additional class*/
  235.  
  236. /*Plus/minus signs appearing in certain boxes for opening/closing them*/
  237. img.plus,img.minus{
  238. background-repeat:no-repeat;
  239. cursor:pointer;
  240. height:16px;
  241. width:16px;
  242. }
  243.  
  244. /*The lessons tree list classes (directions/courses tree)*/
  245. table.directionsTable,
  246. table.coursesTable{width:100%;margin-top:10px;}
  247. table.directionsTable *,
  248. table.coursesTable * {vertical-align:middle!important;}
  249. table.directionsTable span.courseRole{color:green; font-size: 11px;}
  250. tr.lessonsList{
  251.     /*border-right: 1px solid #999999;*/
  252.     color:#444444;
  253.     height:30px;
  254. }
  255. tr.lessonsList td{
  256.     /*border-top: 1px solid #999999;*/
  257.     border-bottom: 1px solid #AAAAAA;
  258.     background:#DEDEDE;
  259.     padding:2px!important;
  260. }
  261. tr.lessonsList td.listPadding{border-width:0px;background:#fafafa}
  262. tr.lessonsList td.listIcon{border-left: 0px solid #AAAAAA;width:1px;}
  263. tr.lessonsList td.listTitle{width:100%;}
  264. tr.lessonsList td.listToggle{border-right: 1px solid #AAAAAA;width:1px;}
  265. tr.lessonsList span.listName{font-weight:bold;font-size:14px;}
  266. tr.lessonsList span.courseActions{margin-left:20px;}
  267. .buyLesson{float:right;cursor:pointer;font-weight:bold;white-space:nowrap;}
  268.  
  269. tr.directionEntry td{padding-bottom:2px;}
  270. tr.directionEntry td.lessonProgress{width:50px;padding:2px 6px 2px 0px;}
  271.  
  272. td.lessonsList_nocolor{
  273. height:25px;
  274. padding:5px;
  275. text-align:right;
  276. }
  277.  
  278. /*Form elements and form element holders*/
  279. input,select,textarea {
  280. border:1px solid #999999;
  281. font-size:12px;
  282. font-weight:bold;
  283. font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
  284. }
  285. .inputText{width:250px;}
  286. .inputTextScore{width:30px;}
  287. .inputTextarea{height:200px;width:500px;}
  288. .inputContentTextarea{height:500px;width:100%;}
  289. .inputProjectTextarea{height:350px;width:100%;}
  290. .inputTestTextarea{height:200px;width:100%;}
  291. .inputSelectMed{width:186px;min-width:186px;}
  292. .inputSelectLong{width:336px;max-width:336px;}
  293. .inputText_QuestionChoice{width:250px;}
  294. .formError,.formRequired,.severeWarning{color:#FF0000;}
  295. input.flatButton,button.flatButton{
  296. padding:5px 30px 5px 30px;
  297. font-weight:bold;
  298. background: #D7D9FF;
  299. border:1px solid #999999;
  300. }
  301. table.formElements{margin-left:0px;margin-right:0px;}
  302. table.formElements a{vertical-align:middle;}
  303. table.formElements a img{vertical-align:middle;border-width:0px;}
  304. td.labelCell{
  305. text-align:right;
  306. white-space:nowrap;
  307. width:10%;
  308. }
  309. td.labelCellTop{
  310. text-align:right;
  311. white-space:nowrap;
  312. width:10%;
  313. vertical-align:top;
  314. }
  315. td.elementCell{
  316. text-align:left;
  317. white-space:nowrap;
  318. padding-right:1%;
  319. }
  320. td.elementCell * {vertical-align:middle;}
  321. .infoCell{
  322. color:gray;
  323. text-align:left;
  324. vertical-align:middle;
  325. }
  326. td.submitCell{text-align:left;padding-top:10px;}
  327. td.formError{text-align:left;}
  328. td.formRequired{text-align:left;}
  329.  
  330. /*Special form element holders*/
  331. td.labelFormCell{vertical-align:middle;}
  332. td.labelFormHalfCell{
  333. font-weight:bold;
  334. text-align:right;
  335. vertical-align:middle;
  336. }
  337. td.userFormCellLabel{
  338. text-align:left;
  339. vertical-align:middle;
  340. width:150px;
  341. }
  342. td.labelFormCellTitleCenter{
  343. font-size:16px;
  344. font-weight:bold;
  345. text-align:center;
  346. vertical-align:middle;
  347. }
  348. td.labelFormCellSmall{
  349. text-align:right;
  350. vertical-align:middle;
  351. }
  352. td.labelFormCellTitle{
  353. font-size:16px;
  354. font-weight:bold;
  355. vertical-align:middle;
  356. }
  357. td.elementFormCell{
  358. border:1px;
  359. text-align:left;
  360. vertical-align:middle;
  361. }
  362. table.configurationSettings {margin-bottom:20px;}
  363. table.configurationSettings td:first-child{width:200px;white-space:normal}
  364.  
  365. /*Sorted table classes*/
  366. .sortedTable{visibility:hidden;}
  367. .sortedTable .topTitle{white-space:nowrap}
  368. .sortTablefilter {
  369. width: 10%;
  370. float: left;
  371. white-space: nowrap;
  372. vertical-align: middle;
  373. }
  374. td.sortedTableFooter{
  375. background:#D3D3D3;
  376. text-align:right;
  377. border-top: 1px solid #AAAAAA;
  378. border-bottom: 1px solid #AAAAAA;
  379. }
  380. table.sortedTable td a{vertical-align:middle;}
  381. table.sortedTable td a img{vertical-align:middle;border-width:0px;}
  382. table.sortedTable tr.subSection td:first-child{padding-left:18px;}
  383. table.subSection {background-color:#C8B560;border:1px solid #C8B560;}
  384. table.subSection td.topTitle{background:#C8B560;}
  385. table.subSection td.sortedTableFooter{background:#C8B560;text-align:right;}
  386. table.subSection tr.oddRowColor{background:#C9C299;border:1px dotted #D0D0D0;}
  387. table.subSection tr.evenRowColor{background:#ECE5B6;border:1px dotted #D0D0D0;}
  388. table.subSection tr.oddRowColor:hover,table.subSection tr.evenRowColor:hover{background:#C7D7F3;}
  389.  
  390. /*Main header for tables*/
  391. .topTitle{
  392. color:#222222;
  393. font-weight:bold;
  394. background:#FAFAFA url('../images/css_images/gradient.jpg') repeat-x bottom;
  395. border-bottom: 1px solid #CCCCCC;
  396. }
  397. td#path{height:25px;}
  398.  
  399. /*content tree classes*/
  400. a.drag_tree_current{background:#c0c0c0;border:1px solid #999999;}/*The current highlighted unit in the content tree*/
  401. a.treeactive,a.treeactive:link,a.treeactive:visited,a.treeactive:hover{color:inherit;}
  402. .treeNoContent,a.treeNoContent,a.treeNoContent:link,a.treeNoContent:visited,a.treeNoContent:hover{color:#7777CC;}
  403. .treeHeader,a.treeHeader,a.treeHeader:link,a.treeHeader:visited,a.treeHeader:hover{font-weight:bold;}
  404. .treeUnclickable,a.treeUnclickable,a.treeUnclickable:link,a.treeUnclickable:visited,a.treeUnclickable:hover{cursor:default;text-decoration:none;}
  405. .treeLink:hover{text-decoration:underline;}
  406. .dhtmlgoodies_tree,#floatingContainer{margin:0px;padding:0px;}
  407. .dhtmlgoodies_tree *{vertical-align:middle;}
  408. .dhtmlgoodies_tree ul{
  409. display:none;
  410. margin-left:12px;
  411. padding-left:0px;
  412. }
  413. #floatingContainer ul{margin-left:12px;padding-left:0px;}
  414. .dhtmlgoodies_tree li,#floatingContainer li{list-style-type:none;vertical-align:middle;}
  415. .dhtmlgoodies_tree li a,#floatingContainer li a{
  416. color:#000;
  417. line-height:13px;
  418. margin-left:0px;
  419. padding-left:0px;
  420. text-decoration:none
  421. }
  422. .dhtmlgoodies_tree li a.highlightedNodeItem{background:#009;color:#FFF;}
  423. .dhtmlgoodies_tree input.folderTreeTextBox{
  424. height:12px;
  425. margin:0px;
  426. padding:0px;
  427. }
  428.  
  429. /*Tables with lists*/
  430. tr.oddRowColor{background:#f1f1f1;border:1px dotted #D0D0D0;}
  431. tr.evenRowColor{background:#f8f8f8;}
  432. tr.oddRowColor:hover,tr.evenRowColor:hover{background:#C7D7F3;}
  433. tr.oddRowColorNoHover{background:#f1f1f1;border:1px dotted #D0D0D0;} /*NoHover is only used for forum posts*/
  434. tr.evenRowColorNoHover{background:#f8f8f8;}
  435. .emptyCategory{font-style:italic;}/*when a list does not have elements, this row appears*/
  436. .defaultRowHeight{height:25px;}
  437. tr.deactivatedTableElement td,
  438. tr.deactivatedTableElement td a,
  439. .deactivatedElement,
  440. a.deactivatedLinkElement,
  441. a.deactivatedLinkElement:link,
  442. a.deactivatedLinkElement:hover,
  443. a.deactivatedLinkElement:visited,
  444. a.deactivatedLinkElement:active{
  445. color: red;
  446. }
  447.  
  448. /*The tools above table lists*/
  449. div.headerTools{padding:5px 0px 5px 0px}
  450. div.headerTools *{vertical-align:middle}
  451. div.headerTools span{border-left:1px solid black;padding-left:5px;}
  452. div.headerTools span:first-child{border-left:0px solid black;padding-left:0px;}
  453.  
  454. /*shorthands*/
  455. .nowrap{white-space:nowrap;}
  456. .boldFont{font-weight:bold;}
  457. .topAlign{vertical-align:top;}
  458. .rightAlign{text-align:right;}
  459. .leftAlign{text-align:left;}
  460. .centerAlign{text-align:center;}
  461.  
  462. /*Classes used for some headers*/
  463. .mediumHeader{
  464. font-size:16px;
  465. text-align:center;
  466. vertical-align:top;
  467. white-space:nowrap;
  468. }
  469. .smallHeader{
  470. font-size:12px;
  471. text-align:center;
  472. vertical-align:top;
  473. white-space:nowrap;
  474. }
  475.  
  476. /*Chat classes*/
  477. span.chatProfessorMessages{color:yellow;}
  478. span.chatAdministratorMessages{color:#111111;}
  479. span.chatSystemMessage{color:#800080;font-style:italic;}
  480. a.exitLink,a.exitLink:link,a.exitLink:visited,a.exitLink:hover{color:#EE82EE;}
  481. a.activateLink,a.activateLink:link,a.activateLink:visited,a.activateLink:hover{color:#FFA500;}
  482. span.chatMyMessages{color:#800080;}
  483. span.chatStudentMessages{color:#008000;}
  484.  
  485. /*Layout tables for inner pages*/
  486. .inner{height:100%;width:100%;}
  487. .moduleCell{vertical-align:top;}
  488. .centerTable{vertical-align:top;width:100%;}
  489. /*.mainTable td.sideMenu{vertical-align:top;width:225px;}
  490. .mainTable td.mainFooter{height:20px;text-align:right;vertical-align:bottom;}
  491. .mainFooter,a.mainFooter,a.mainFooter:link,a.mainFooter:visited,a.mainFooter:hover{color:#6D6D6D;}
  492. .moduleCell{vertical-align:top;}
  493. .centerTable{vertical-align:top;width:100%;}
  494. .centerTable td.leftColumn,
  495. .centerTable td.rightColumn{vertical-align:top;width:50%}
  496. .centerTable td.leftColumn{padding-right:10px;}
  497. .centerTable tr.topTitle{height:25px;}
  498. .centerTable td.singleColumn,*/
  499. .leftColumnData,
  500. .rightColumnData,
  501. .singleColumnData{
  502. vertical-align:top;
  503. width:100%;
  504. height:100%;
  505. }
  506.  
  507. /*Forum/messages classes*/
  508. .forumTable{margin-top:0em;width:100%;}
  509. .forumTable td.firstColumn{width:50%;}
  510. .forumTable td.secondColumn{width:20%;}
  511. .forumTable td.thirdColumn{width:20%;}
  512. .forumTable td.toolsColumn{width:5%;text-align:center;}
  513. .forumMessageTable td{vertical-align:top;}
  514. .forumTable tr{height:25px;}
  515. .forumIcon{float:left;margin:5px;}
  516. .forumMessageInfo{
  517. color:gray;
  518. text-align:left;
  519. vertical-align:middle;
  520. font-size:10px;
  521. }
  522. .forumMessageInfo span{font-weight:bold;}
  523. .forumMessageTools{border-top:1px dotted white;}
  524. .forumMessageCreator{white-space:nowrap;width:10%;border-left:1px dotted white;padding:0px 10px 0px 10px;text-align:center;vertical-align:top;}
  525. .messagesTable{width:100%;}
  526. .messagesTable .messageTitle{font-size:18px;margin-bottom:10px;}
  527. .messagesTable .messageInfo span{font-weight:bold;}
  528. .unreadMessage {font-weight:bold;}
  529. .plainWarning{color:#FFA500;}
  530. .noWarning{color:#008000;}
  531. .previewPane{
  532. background:#dddddd;
  533. border:1px solid #111111;
  534. vertical-align:top
  535. }
  536. a.selectedLink,a.selectedLink:link,a.selectedLink:visited,a.selectedLink:hover{
  537. font-weight:bold;
  538. }
  539. .quote{margin-left: 25px;margin-right: 25px;}
  540. .quoteBody{
  541. padding:10px;
  542. background-color:#c1c1c1;
  543. text-align:left;
  544. }
  545.  
  546. /*Emails classes*/
  547. .emailBodyTextarea{height:350px;width:100%;}
  548. .emailSubjectText{width:600px;}
  549.  
  550. /*Tabber classes*/
  551. .tabber{display:none;}
  552. .tabberlive{margin-top:1em;}
  553. .tabberlive .tabbertabhide{display:none;}
  554. ul.tabbernav{
  555. border-bottom:1px solid #778;
  556. font:bold 12px Trebuchet MS,verdana,sans-serif;
  557. margin:0;
  558. padding:3px 0;
  559. }
  560. ul.tabbernav li{
  561. display:inline;
  562. list-style:none;
  563. margin:0px;
  564. }
  565. ul.tabbernav li a{
  566. background:#DDE;
  567. border:1px solid #778;
  568. border-bottom:none;
  569. margin-left:3px;
  570. padding:3px 0.5em;
  571. text-decoration:none;
  572. }
  573. ul.tabbernav li a:link{color:#448;}
  574. ul.tabbernav li a:visited{color:#667;}
  575. ul.tabbernav li a:hover{
  576. background:#AAE;
  577. border-color:#227;
  578. color:#000
  579. }
  580. ul.tabbernav li.tabberactive a{background:#fff;border-bottom:1px solid #fff;}
  581. ul.tabbernav li.tabberactive a:hover{border-bottom:1px solid white;color:#000000;}
  582. .tabberlive .tabbertab{
  583. border:1px solid #aaa;
  584. border-top:0;
  585. padding:5px;
  586. }
  587. .tabberlive .tabbertab h2{display:none;}
  588. .tabberlive .tabbertab h3{display:none;font-size:14px;}
  589. .tabberlive#tab2 .tabbertab{height:200px;overflow:auto;}
  590.  
  591. /*Small help popup*/
  592. .popUpInfoDiv{
  593. background:#f1f1f1;
  594. border:1px solid #111111;
  595. text-align:left;
  596. position:absolute;
  597. z-index:100;
  598. }
  599.  
  600. /*Sortable divs in control panels and other places*/
  601. ul.sortable{
  602. list-style-type:none;
  603. margin:0px;
  604. padding:0px;
  605. }
  606. ul.sortable li{list-style-type:none;}
  607. ul.sortable li table .handle{cursor:move;}
  608.  
  609. /*The title bar link*/
  610. .titleLink,a.titleLink,a.titleLink:link,a.titleLink:visited,a.titleLink:hover{color:#222222;}
  611.  
  612. /*surveys classes*/
  613. .surveyAnswer{
  614. background:rgb(204,255,153);
  615. border-style:dotted;
  616. border-width:2px;
  617. color:#FF0000;
  618. font-weight:bold;
  619. height:20px;
  620. vertical-align:bottom;
  621. }
  622. .surveyPercentage{
  623. background:rgb(204,255,153);
  624. border-style:dotted;
  625. border-width:2px;
  626. color:blue;
  627. height:20px;
  628. vertical-align:baseline;
  629. }
  630. td.externalSurvey{
  631. background:#A0BDEF;
  632. color:#111111;
  633. font-weight:bold;
  634. vertical-align:middle
  635. }
  636. table.indexTable{
  637. background:#EEEEEE;
  638. border: 1px outset #9B9B9B;
  639. margin-left:auto;
  640. margin-right:auto;
  641. width:380px;
  642. }
  643. table.indexTable td.indexHeader{
  644. background:#5F91EA;
  645. color:white;
  646. font-size:14px;
  647. font-weight:bold;
  648. vertical-align:middle;
  649. height:35px;
  650. padding-left:5px;
  651. width:50%;
  652. }
  653. table.indexTable td.indexHeader#right{text-align:right;}
  654. table.indexTable td.indexHeader img{
  655. vertical-align:middle;
  656. margin-right:5px;
  657. margin-left:5px;
  658. }
  659.  
  660. /*header for tables*/
  661. .blockHeader{
  662. color:#555555;
  663. font-size:16px;
  664. }
  665.  
  666. table.horizontalBlock {vertical-align:middle;background:#FAFAFA url('../images/css_images/gradient_large.jpg') repeat-x top;padding:0px;margin:0px;font-size:20px;font-weight:bold;width:100%;}
  667. table.horizontalBlock td{vertical-align:middle;padding:10px 0px 10px 0px;white-space:nowrap;}
  668. table.horizontalBlock .rightOption{float:right;margin-left:5px;}
  669. table.horizontalBlock .leftOption{margin-left:5px;}
  670.  
  671. /*autocomplete div*/
  672. div.autocomplete{
  673. background:white;
  674. border:1px solid #888;
  675. margin:0px;
  676. padding:0px;
  677. position:absolute;
  678. z-index:3;
  679. white-space:normal;
  680. }
  681. div.autocomplete ul{
  682. list-style-type:none;
  683. margin:0px;
  684. padding:0px;
  685. }
  686. div.autocomplete ul li.selected{background:#ffffbb;}
  687. div.autocomplete ul li{
  688. cursor:pointer;
  689. display:block;
  690. list-style-type:none;
  691. margin:0;
  692. padding:0px;
  693. }
  694. input.autoCompleteTextBox{width:50%;}
  695.  
  696. /*"Loading" elements*/
  697. div.loading {
  698. font-weight: bold;
  699. font-size: 18px;
  700. position:absolute;
  701. z-index:100;
  702. text-align:center;
  703. background-color:#F8F8F8;
  704. }
  705. div.loading div {top:50%;left:45%;position:absolute;}
  706. div.loading div * {vertical-align:middle;}
  707. .loadingImg{
  708. padding-right:15px;
  709. padding-left:5px;
  710. }
  711.  
  712. /*Search classes*/
  713. .searchResults{padding-bottom: 7px;}
  714. .resultsText{background-color: yellow;}
  715. .resultsTitle a, .resultsTitle a:link, .resultsTitle a:active, .resultsTitle a:visited{text-decoration: underline;color: navy;}
  716. .resultsTitle .small, .resultsTitle .small a{
  717. font-size:11px;
  718. padding-bottom:5px;
  719. text-decoration: none;
  720. color: green;
  721. }
  722. .resultsTitle .small a:hover{text-decoration: underline;}
  723. .resultsTitleBold{font-weight: bold;}
  724. .searchBox{background-repeat:no-repeat; border:1px solid #CCCCCC; margin-top:4px; margin-bottom:4px; padding-left:18px; padding-top:2px;padding-bottom:2px;width:134px}
  725.  
  726. /*Progress bar classes*/
  727. div#progress_bar a{display:block;margin-top:10px;}
  728. .progressCell{
  729. padding-left:5px;
  730. padding-right:5px;
  731. width:100px;
  732. vertical-align:top;
  733. }
  734. span.progressNumber{
  735. position:absolute;
  736. text-align:center;
  737. width:100px;
  738. border:1px solid #d3d3d3;
  739. vertical-align:middle;
  740. z-index:2
  741. }
  742. span.progressBar{
  743. background-color:#A0BDEF;
  744. border:1px dotted #d3d3d3;
  745. position:absolute  
  746. }
  747.  
  748. /*The main content area classes*/
  749. table.contentArea,
  750. table.contentArea td#centerColumn,
  751. table.contentArea td#sideColumn,
  752. table.contentArea table#unitContent{vertical-align:top;height:100%;}
  753. table.contentArea {width:100%;}
  754. table.contentArea table#unitContent {width:100%;}
  755. table.contentArea td#sideColumn{width:250px;}
  756. table.contentArea td#completeUnit{text-align:center;width:100%;border-top: 1px solid #DDDDDD;vertical-align:top;height:50px;}/*height 50px in order for the navigation handles to appear properly when the complete unit is hidden*/
  757. table.contentArea div#contentQuestionAnswer{text-align:left;margin-top:10px;}
  758.  
  759. table.navigationTable {width:100%;margin-top:15px;border-top:1px solid #AAAAAA}
  760. table.navigationTable td.previousUnitHandleIcon{width:3%;text-align:left;ertical-align:top;padding-top:15px;}
  761. table.navigationTable td.previousUnitHandle{width:27%;text-align:left;ertical-align:top;padding-top:15px;}
  762. table.navigationTable td.completeUnitHandle{width:40%;text-align:center;padding-top:15px;vertical-align:top;}
  763. table.navigationTable td.completeUnitHandle div.unitQuestionArea{border:1px solid black;padding:10px;}
  764. table.navigationTable td.nextUnitHandleIcon{width:3%;text-align:right;ertical-align:top;padding-top:15px;}
  765. table.navigationTable td.nextUnitHandle{width:27%;text-align:right;ertical-align:top;padding-top:15px;}
  766.  
  767. /*Statistics classes*/
  768. table.statisticsPanel,
  769. table.statisticsSelectList,
  770. table.statisticsTools,
  771. table.statisticsGeneralInfo,
  772. table.statisticsDataHeader,
  773. table.statisticsData,
  774. table.statisticsSubInfo,
  775. div.statisticsDiv table{
  776. width:100%;
  777. }
  778. table.statisticsSelectList a img,
  779. table.statisticsTools a img,
  780. table.statisticsGeneralInfo a img,
  781. table.statisticsDataHeader a img,
  782. table.statisticsData a img,
  783. table.statisticsSubInfo a img,
  784. div.statisticsDiv table a img{
  785. vertical-align:middle;
  786. border-width:0px;
  787. }
  788. table.statisticsSelectDate{margin-bottom:10px;}
  789. table.statisticsGeneralInfo table {width:100%;}
  790. table.statisticsGeneralInfo td.labelCell{
  791. width:1%;
  792. white-space:nowrap;
  793. padding-right:10px;
  794. }
  795. table.statisticsGeneralInfo td.elementCell{font-weight:bold;}
  796. table.statisticsGeneralInfo #userAvatar{
  797. width:1%;
  798. padding-right:15px;
  799. padding-left:15px;
  800. }
  801. table.statisticsGeneralInfo #userAvatar img{vertical-align:middle;}
  802. table.statisticsSubInfo td{vertical-align: top;}
  803. table.statisticsTools{
  804. font-weight:bold;
  805. vertical-align:middle;
  806. }
  807. table.statisticsTools td#right{text-align:right;white-space:nowrap;}
  808. table.statisticsTools td.filter{
  809. text-align:left;
  810. width:1%;
  811. white-space:nowrap;
  812. }
  813.  
  814. /*Tests classes*/
  815. table.testHeader{width:100%;text-align:center;}
  816. table.testHeader #testName{
  817. font-weight:bold;
  818. font-size:16px;
  819. vertical-align:top;
  820. padding-bottom:10px;
  821. }
  822. table.testHeader td#testProceed{padding-top:15px;}
  823. table.testInfo{
  824. background-color:#f8f8f8;
  825. border:1px dotted #808080;
  826. width:80%;
  827. margin-left:auto;
  828. margin-right:auto;
  829. text-align:left;
  830. }
  831. table.surveyInfo{
  832. background-color:#f8f8f8;
  833. border:1px dotted #808080;
  834. width:50%;
  835. margin-left:auto;
  836. margin-right:auto;
  837. text-align:center;
  838. }
  839. table.testInfo td{white-space:nowrap;}
  840. table.testInfo td#testInfoImage{width:15%;text-align:center;}
  841. table.testInfo td#testInfoLabels{width:1%;}
  842. table.doneTestHeader{vertical-align:top;}
  843. table.doneTestInfo{text-align:left;width:100%;}
  844. table.doneTestHeader td#doneTestImage{width:10%;text-align:center;}
  845. table.doneTestHeader #time_left{font-weight:bold;}
  846. table.doneTestHeader #testName{
  847. font-size:16px;
  848. vertical-align:top;
  849. padding-bottom:10px;
  850. }
  851. table.doneTestHeader td#timer{
  852. text-align:left;
  853. vertical-align:middle;
  854. white-space:nowrap;
  855. }
  856. table.doneTestHeader td#timer *{vertical-align:middle;white-space:nowrap;}
  857. .feedback_test{
  858. background:rgb(245,220,133);
  859. border:1px dotted gray;
  860. width:100%;
  861. }
  862. table.test_analysis{width:100%;}
  863. table.test_analysis td{vertical-align:top;}
  864. table.test_analysis iframe{width:750px;height:570px;}
  865. td.questionLabel{white-space:normal !important;}
  866. table.QuestionsListTable{width:100%;}
  867. table.QuestionsListTable tr{height:25px;}
  868. .inputTextarea_QuestionText{height:250px;width:99%;}
  869. .inputTextarea_QuestionExample {height:60px;}
  870. .correctAnswer{color:#228B22;}
  871. .wrongAnswer{color:#FF0000;}
  872. .questionExplanation{
  873. background:rgb(204,255,153);
  874. border:1px dotted gray;
  875. width:100%;
  876. }
  877. .questionWeight{
  878. background:#EAEAEA none repeat scroll 0% 0%;
  879. border:1px solid #AAAAAA;
  880. color:#444444;
  881. font-size:14px;
  882. height:30px;
  883. vertical-align:top;
  884. width:100%;
  885. }
  886. .unsolvedQuestion{width:100%;}
  887. .unsolvedQuestion * {vertical-align:middle;}
  888. .draggable, .droppable{/*Draggable/droppable questions*/
  889. background:#FAFAFA url('../images/css_images/gradient.jpg') repeat-x bottom;
  890. z-index:10;
  891. height:100%;
  892. }
  893. .expiredQuestion{
  894. z-index:11;
  895. background-color:#cccccc;
  896. border:1px solid #cccccc;
  897. position:absolute;
  898. }
  899. .rawTextQuestion {width:100%;height:100px;}
  900. /*Random test table classes*/
  901. table .randomTest {text-align:left;margin:5px;}
  902. table .randomTest td {padding:2px;}
  903. table.randomTestMatrix {margin-left:auto;margin-right:auto;}
  904. table .randomTestMatrix td {
  905. border:1px solid gray;
  906. text-align:center;
  907. padding:5px 10px 5px 10px;
  908. }
  909. table .randomTestMatrix * {vertical-align:middle;}
  910.  
  911.  
  912. /*Left sidebar classes*/
  913. body.sidebar{background:#F4F4F4;}
  914. div.menu {
  915. width:100%;
  916. height:80%;
  917. background-color:#EEEEEE;
  918. }
  919. div.tabmenu {
  920. width:100%;
  921. background-color:#EEEEEE;
  922. text-align:center;
  923. vertical-align:middle;
  924. color:black;
  925. font-size:11px;
  926. }
  927. div.topPhoto {
  928. background-color:#EEEEEE;
  929. width:100%;
  930. text-align: center;
  931. vertical-align:middle;
  932. color:white;
  933. }
  934. div.verticalTab {
  935. width:100%;
  936. border-top:1px solid #EEEEEE;
  937. position: absolute;
  938. background-color:#EEEEEE;
  939. }
  940. div.tabHeader {
  941. background:#FAFAFA url('../images/css_images/gradient.jpg') repeat-x bottom;
  942. min-height:25px;
  943. cursor: pointer;
  944. padding-left:2px;
  945. font-weight:bold;
  946. vertical-align:middle;
  947. }
  948. div.tabHeader table{width:100%;}
  949. div.menuOption a:hover {
  950. text-decoration:none;
  951. font-weight:bold;
  952. }
  953. td.menuListOption{white-space:nowrap;}
  954. .menuTool{vertical-align:middle;float:right;white-space:nowrap;}
  955. div.selectedTopTitle {
  956. color:#222222;
  957. height:20px;
  958. font-weight:bold;/*border:1px double #5D91ED;*/
  959. background:#FAFAFA url('../images/css_images/gradient.jpg') repeat-x bottom;
  960. border-bottom: 1px solid #CCCCCC;
  961. }
  962. div.selectedTopTitle a:hover {color:#FFFFFF;text-decoration:none;}
  963. div.menuOption {
  964. background-color:#EEEEEE;
  965. height:20px;
  966. border:none;
  967. color:#222222;
  968. text-decoration:none;
  969. }
  970. table.chatbox a {
  971. color:blue;
  972. text-decoration: underline;
  973. }
  974. div#personIdentity{font-size: 10px;text-align:center;}
  975. div#personIdentity table{width:100%;}
  976.  
  977. table.layout{margin:0 auto;}
  978. table.preview{width:120px;height:100px;}
  979. table.edit{width:100%;height:100%;}
  980. table.preview td.header{height:15px;}
  981. table.edit td.header{height:40px;}
  982. table.layout td.footer{height:40px;}
  983. table.preview td.footer{height:10px;}
  984. table.edit td.footer{height:30px;}
  985. table.layout tr td{vertical-align:top;}
  986. table.preview tr td{padding:6px 1px 1px 3px;}
  987. table.edit tr td{padding:6px 1px 1px 3px;}
  988. table.layout td.left{}
  989. table.preview td.layoutLeft{width:20px;padding-left:3px;}
  990. table.edit td.layoutLeft{width:150px;padding-left:3px;}
  991. table.layout td.right{}
  992. table.preview td.layoutRight{width:20px;padding-right:3px;}
  993. table.edit td.layoutRight{width:150px;padding-right:3px;}
  994. table.layout td.center{}
  995. table.preview td.center{}
  996. table.edit td.center{}
  997. table.edit td.collapse{height:10px;padding:0px}
  998.  
  999. /**Overall edit layout page table. Used at the 'set layout' administrator page**/
  1000. table#layoutMenu{width:100%;height:100%;}
  1001. table#layoutMenu a img {border-width:0px;vertical-align:middle}
  1002. table#layoutMenu td{vertical-align:top;}
  1003. table#layoutMenu div.layoutLabel {padding:5px 0px 10px 0px;text-align:center}
  1004. table#layoutMenu div.layoutBlock{border:solid 1px #b7ddf2;background-color:#ebf4fb;text-align:center;margin-bottom:3px;}
  1005. table#layoutMenu div.layoutBlock .tool{margin:0px 2px 0px 2px;cursor:pointer}
  1006.  
  1007. table#layoutMenu td#left{width:150px;}
  1008. table#layoutMenu td#left div.layout {width:140px;padding:10px 5px 10px 5px;border:1px solid black}
  1009. table#layoutMenu td#left div.layoutLabel {width:140px;}
  1010. table#layoutMenu td#left div.hideLeft td.layoutLeft,
  1011. table#layoutMenu td#left div.hideRight td.layoutRight{display:none;}
  1012. table#layoutMenu td#left div.hideBoth td.layoutRight,
  1013. table#layoutMenu td#left div.hideBoth td.layoutLeft{visibility:hidden;}
  1014. table#layoutMenu td#left div.layout:hover,
  1015. table#layoutMenu td#left div.selectedLayout {background-color:#dbe5f1;}
  1016.  
  1017. table#layoutMenu td#right{width:150px;}
  1018. table#layoutMenu td#right div.layoutLabel {width:140px;}
  1019. table#layoutMenu td#right div.layoutBlock{width:140px;height:50px;margin-left:auto;margin-right:auto;vertical-align:top;margin-top:10px}
  1020. table#layoutMenu td#right div.layoutBlock img{margin-top:10px}
  1021.  
  1022. table#layoutMenu td#center{}
  1023. table#layoutMenu td#center div.layout {height:100%;padding:10px 5px 10px 5px;border:1px solid black;width:95%;margin-left:auto;margin-right:auto;}
  1024. table#layoutMenu td#center div.layout div.layoutBlock{height:100px;margin:10px;}
  1025. table#layoutMenu ul.sortable{border:1px dotted gray;}
  1026.  
  1027. table#layoutMenu td#buttons{text-align:center;}
  1028. table#layoutMenu td#buttons div{width:300px;margin:0 auto;}
  1029. table#layoutMenu td#buttons span {float:left;width:100px;}
  1030.  
  1031. table.hideLayoutLeft td.layoutLeft,
  1032. table.hideLayoutRight td.layoutRight{display:none}
  1033. table.hideLayoutBoth td.layoutRight,
  1034. table.hideLayoutBoth td.layoutLeft{visibility:hidden}
  1035.  
  1036. table.hideLeft td.left,
  1037. table.hideRight td.right{display:none}
  1038. table.hideBoth td.right,
  1039. table.hideBoth td.left{visibility:hidden}
  1040. table.centerFull td.right,
  1041. table.centerFull td.left{display:none}
  1042. table.hideCenter td.center{display:none}
  1043.  
  1044. .lessonInfo{font-size:14px;padding:5px;}
  1045. .lessonInfo .infoTitle{font-weight:bold;}
  1046. div#buy{text-align:right;}
  1047. div#buy *{vertical-align:middle;border-width:0px;}
  1048. table.pageLayout form.indexForm .formRow {
  1049. clear:left;
  1050. }
  1051. table.pageLayout form.indexForm .formLabel{
  1052. display:block;
  1053. font-weight:bold;
  1054. padding-left:10px;
  1055. margin-top:5px;
  1056. }
  1057. table.pageLayout form.indexForm .centerOnly{
  1058. display:none;
  1059. }
  1060. table.pageLayout form.indexForm .note{
  1061. clear:both;
  1062. padding-left:10px;
  1063. display:block;
  1064. }
  1065. table.pageLayout form.indexForm .inputText{
  1066. padding:4px 2px;
  1067. /*border:solid 1px #aacfe4;*/
  1068. width:80%;
  1069. margin:2px 0 5px 10px;
  1070. }
  1071. table.pageLayout form.indexForm .inputSelect{
  1072. padding:4px 2px;
  1073. width:80%;
  1074. margin:2px 0 5px 10px;
  1075. }
  1076. table.pageLayout form.indexForm #contact,
  1077. table.pageLayout form.indexForm #comments{
  1078. height:10em;
  1079. }
  1080. table.pageLayout form.indexForm .inputSearchText{
  1081. padding:4px 2px 0px 18px;
  1082. /*border:solid 1px #aacfe4;*/
  1083. width:50%;
  1084. margin:0px 0 10px 10px;
  1085. }
  1086. table.pageLayout form.indexForm .flatButton{
  1087. clear:both;
  1088. margin-left:10px;
  1089. text-align:center;
  1090. font-weight:bold;
  1091. }
  1092. table.pageLayout form.indexForm .explanation{
  1093. color:#666666;
  1094. font-weight:normal;
  1095. }
  1096. table.pageLayout form.indexForm .error{
  1097. color:red;
  1098. margin-left:10px;
  1099. }
  1100. table.pageLayout fieldset{margin-top:20px;}
  1101. table.pageLayout form.indexForm{margin-bottom:0px} /*Chrome adds a margin*/
  1102.  
  1103. /*Tables inside control panel blocks*/
  1104. table.cpanelTable{width:100%;}
  1105. table.cpanelTable td.cpanelTime{text-align:right;}
  1106.  
  1107. /*message blocks*/
  1108. table.messageBlock{text-align:center;font-weight:bold;font-size:14px;width:100%;}
  1109. table.messageBlock td{vertical-align:middle;}
  1110. table.messageBlock td.successBlock{/*background-color:#ccffaa;*/color:#008000;width:100%;vertical-align:middle}
  1111. table.messageBlock td.failureBlock{/*background-color:#ffff99;*/color:#ff0000;width:100%;vertical-align:middle}
  1112. div.messageContents{padding:0px!important;}
  1113.  
  1114. /*Cart block*/
  1115. div.cart div.cartElement{border-bottom:1px dotted #DDDDDD;padding:3px 0px 3px 0px;vertical-align:middle;clear:both;}
  1116. div.cart div.cartElement div.cartTitle{float:left}
  1117. div.cart div.cartElement div.cartDelete{float:right}
  1118. div.cart div#submit_cart{text-align:center}
  1119.  
  1120. /*News block*/
  1121. table.pageLayout div.newsTitle{font-weight:bold}
  1122. table.pageLayout div.newsTitle div{float:right;font-size:10px}
  1123. table.pageLayout div.newsContent{font-size:10px;border-top:1px solid #999999;padding:0px 0px 5px 5px;width:90%;margin-left:auto;margin-right:auto}
  1124.  
  1125. /*Agreement block*/
  1126. table.pageLayout div.license{}
  1127. table.pageLayout div.licenseHandles{padding-top:50px;text-align:center}
  1128.  
  1129. /*Lockdown block*/
  1130. table.pageLayout div.lock{}
  1131.  
  1132. /*Blocks (inner tables) classes*/
  1133. div.block{
  1134. margin-bottom:7px;
  1135. margin-left:1px;
  1136. }
  1137. div.blockContents{  
  1138. border: 1px solid #CCCCCC;
  1139. padding:5px;
  1140. background:#FAFAFA url('../images/css_images/gradient_medium.jpg') repeat-x top;
  1141. }
  1142. div.block table.iconTable{
  1143. width:100%;
  1144. }
  1145. div.block table.iconTable td{
  1146. text-align:center;
  1147. padding:4px;
  1148. }
  1149. div.block table.iconTable td.iconData:hover{
  1150. background-color:#dbe5f1;
  1151. }
  1152. div.block table.iconTable a img{
  1153. border-width:0px;
  1154. }
  1155. div.block table.iconTable td.group{
  1156. background-color:#C5D6ED;
  1157. }
  1158. div.block .title {
  1159. font-size:14px;
  1160. font-weight:bold;
  1161. }
  1162. div.block .title img{
  1163. vertical-align:middle;
  1164. margin-right:10px;
  1165. }
  1166. div.block .subtitle{
  1167. display:block;
  1168. font-size:11px;
  1169. color:#666666;
  1170. clear:left;
  1171. padding-top:0px;
  1172. padding-bottom:5px;
  1173. }
  1174. div.block .handles{
  1175. float:right;
  1176. }
  1177. div.block .handles img{
  1178. vertical-align:middle;
  1179. border-width:0px;
  1180. margin:5px 2px 5px 2px;
  1181. }
  1182. div.block .toggle {
  1183. font-size:14px;  
  1184. float:right;
  1185. width:16px;
  1186. height:16px;
  1187. margin-left:10px;
  1188. }
  1189. div.block .content {
  1190. border-top:solid 1px #999999;
  1191. padding-top:6px;
  1192. }
  1193. div.block .toolbar {
  1194. border-top:solid 1px #999999;
  1195. padding:5px 0px 5px 0px;
  1196. white-space:nowrap;
  1197. }
  1198. div.block .toolbar span {
  1199. padding:5px;
  1200. border-right:1px solid #999999;
  1201. }
  1202. div.block .toolbar span:last-child{
  1203. border-right:0px solid #999999;
  1204. }
  1205. div.block .toolbar span.selected {
  1206. background-color:#D3D3D3;
  1207. font-weight:bold;
  1208. }
  1209. div.block .toolbar img {
  1210. vertical-align:middle;
  1211. border-width:0px;
  1212. }
  1213.  
  1214. /*Social classes*/
  1215. .trigger {position: absolute;}
  1216. span.timeago {color:#7F7F7F;font-style:italic;}
  1217. .bubbleInfo {position: relative;}
  1218. .bubblePopup {
  1219. position: absolute;
  1220. z-index: 50;
  1221. border-collapse: collapse;
  1222. background-color: #FFFFFF;
  1223. }
  1224. .bubblePopup td.corner {height: 15px;width: 19px;}
  1225. .bubblePopup td#topleft { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-1.png); }
  1226. .bubblePopup td.top { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-2.png); }
  1227. .bubblePopup td#topright { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-3.png); }
  1228. .bubblePopup td.left { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-4.png); }
  1229. .bubblePopup td.right { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-5.png); }
  1230. .bubblePopup td#bottomleft { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-6.png); }
  1231. .bubblePopup td.bottom { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-7.png); text-align: center;}
  1232. .bubblePopup td.bottom img { display: block; margin: 0 auto; }
  1233. .bubblePopup td#bottomright { background-image: url(http://jqueryfordesigners.com/demo/../images/css_images/coda/bubble-8.png); }
  1234.  
  1235. /*Email digests classes*/
  1236. td.fixedLabelCell{
  1237. text-align:right;
  1238. white-space:nowrap;
  1239. width:180px;
  1240. }
  1241.  
  1242. div.loginFacebookFormRow{
  1243. border-top:1px;
  1244. border-bottom:0;
  1245. border-left:0;
  1246. border-right:0;
  1247. border-style:solid;
  1248. margin-top:3px;
  1249. color:#999999;  
  1250. }
  1251. div.facebookHeader{
  1252. color:#000000;
  1253. font-size:12px;
  1254. font-weight:bold;
  1255. }
  1256.    
  1257. /*Scorm content frame*/
  1258. .scormFrame {
  1259. width:100%;
  1260. height:100%;
  1261. border-width:0px;
  1262. }
  1263. /*Scorm commit frame*/
  1264. .scormCommitFrame {
  1265. display:none;
  1266. border:1px solid red;
  1267. width:100%;
  1268. height:400px;
  1269. }
  1270.  
  1271. /*PHPinfo classes*/
  1272. .phpinfodisplay {background-color: #ffffff; color: #000000;font-size:16px}
  1273. .phpinfodisplay hr {margin-left:0px}
  1274. .phpinfodisplay ,.phpinfodisplay  td,.phpinfodisplay  th,.phpinfodisplay  h1,.phpinfodisplay  h2 {font-family: sans-serif;}
  1275. .phpinfodisplay pre {margin: 0px; font-family: monospace;}
  1276. .phpinfodisplay a:link {color: #000099; text-decoration: none; background-color: #ffffff;}
  1277. .phpinfodisplay a:hover {text-decoration: underline;}
  1278. .phpinfodisplay table {border-collapse: collapse;}
  1279. .phpinfodisplay .center table {text-align: left;}
  1280. .phpinfodisplay .center th { text-align: center !important; }
  1281. .phpinfodisplay td,.phpinfodisplay  th { border: 1px solid #000000; font-size: 75%; vertical-align: baseline;}
  1282. .phpinfodisplay h1 {font-size: 150%;}
  1283. .phpinfodisplay h2 {font-size: 125%;}
  1284. .phpinfodisplay .p {text-align: left;}
  1285. .phpinfodisplay .e {background-color: #ccccff; font-weight: bold; color: #000000;}
  1286. .phpinfodisplay .h {background-color: #9999cc; font-weight: bold; color: #000000;}
  1287. .phpinfodisplay .v {background-color: #cccccc; color: #000000;}
  1288. .phpinfodisplay .vr {background-color: #cccccc; text-align: right; color: #000000;}
  1289. .phpinfodisplay img {float: right; border: 0px;}
  1290. .phpinfodisplay hr {width: 600px; background-color: #cccccc; border: 0px; height: 1px; color: #000000;}
  1291.  
  1292. /*Horizontal sidebar classes*/
  1293. .horizontalSelectedTopTitle {
  1294. height:32px;
  1295. color:#FFFFFF;
  1296. background-image: url('../images/css_images/gradient.jpg');
  1297. vertical-align:middle;
  1298. text-decoration:none;
  1299. }
  1300. .horizontalSelectedTopTitle a{
  1301. height:32px;
  1302. color:#FFFFFF;  
  1303. vertical-align:middle;
  1304. text-decoration:none;
  1305. }
  1306. table.horizontalMenuTable {
  1307. background-color:#97AFC9;
  1308. z-index:200;
  1309. height:25px;
  1310. border:none;
  1311. padding:0 0 0 0;
  1312. width:100%;
  1313. }
  1314. .horizontalMenuOption {
  1315. height:32px;
  1316. background-color:#EEEEEE;
  1317. border:none;
  1318. color:#222222;
  1319. text-decoration:none;
  1320. vertical-align:middle;
  1321. }
  1322. .headerText {
  1323. color:#000000;
  1324. }
  1325. a.headerText,a.headerText:link,a.headerText:visited,a.headerText:active{
  1326. color:#000000;
  1327. text-decoration:none;
  1328. }
  1329. a.headerText:hover {
  1330. color:#111111;
  1331. text-decoration:none;
  1332. }
  1333. /*Status classes for links*/
  1334. a.inactiveLink,a.inactiveLink:link,a.inactiveLink:hover,a.inactiveLink:visited,a.inactiveLink:active{
  1335. color:#808080;
  1336. cursor:default;
  1337. text-decoration:none;
  1338. }
  1339. a.editLink,a.editLink:link,a.editLink:visited,a.editLink:hover, td.editLink a{color:#008000;}
  1340. a.deleteLink,a.deleteLink:link,a.deleteLink:visited,a.deleteLink:hover{color:#FF0000;}
  1341. a.inviteLink,a.inviteLink:link,a.inviteLink:visited,a.inviteLink:hover{color:#008000;}
  1342. a.nonEmptyLesson, a.nonEmptyLesson:link, a.nonEmptyLesson:visited, a.nonEmptyLesson:hover{font-weight:bold;}
  1343. a.emptyLesson, a.emptyLesson:link, a.emptyLesson:visited, a.emptyLesson:hover{font-weight:normal;}
  1344.  
  1345. /*Price classes*/
  1346. span.discountPrice{}
  1347. span.oldPrice{text-decoration:line-through;vertical-align:middle;}
  1348. span.normalPrice{}
  1349. span.recurringPrice{}
  1350.  
  1351. /*Various classes*/
  1352. .horizontalSeparator{border-bottom:1px solid #888888}
  1353. .horizontalSeparatorAbove{border-top:1px solid #555555;}
  1354. .inactiveElement{color:#555555;}
  1355. .inactiveImage, .inactiveImage img{opacity:0.2;filter:alpha(opacity=20);}
  1356. span.counter{font-weight:normal;}
  1357. img.handle{cursor:pointer;vertical-align:middle;border-width:0px}
  1358. img.ajaxHandle{cursor:pointer;vertical-align:middle;}
  1359. span.progress{height:16px;width:16px;margin-right:6px;position:absolute;}
  1360. span.progress32{height:32px;width:32px;margin-right:6px;position:absolute;}
  1361. table.uploadBox{margin:2em;}
  1362. table.copyContent {width:100%}
  1363. table.copyContent td{vertical-align:top;}
  1364. table.lessonListOptions{float:right;}
  1365. table.lessonListOptions td.lessonListOption{padding-left:10px;}
  1366. table.emptyLessonsList{width:100%;margin-top:100px;text-align:center;}
  1367. table.emptyLessonsList td.lessonListOption{padding-top:25px;}
  1368. fieldset.fieldsetSeparator{border-width:0px;border-top:1px solid #999999;}
  1369. fieldset.fieldsetSeparator legend{font-weight:bold;font-size: 14px;}
  1370. div.lessonLayout{width:602px;margin-left:auto;margin-right:auto;}
  1371. div.lessonLayout td{vertical-align:top;}
  1372. div.lessonLayout ul *{vertical-align:middle;}
  1373. div.lessonLayout td#submitLayout{text-align:center;}
  1374. object{position: relative; z-index: 0}
  1375. .hiddenElement{display:none;}
  1376.  
  1377. /*deprecated table classes, used in some places yet*/
  1378. table.innerTable{
  1379. background:#F8F8F8;
  1380. border: 1px solid #CCCCDD;
  1381. margin:0px 0px 5px 0px;
  1382. width:100%;
  1383. }
  1384. table.innerTable th.innerTableHeader{
  1385. color:#333333;
  1386. font-weight:bold;
  1387. text-align:left
  1388. }
  1389. th.innerTableHeader,td.innerTableHeader{ border-bottom:1px solid #CCCCDD;}
  1390. table.innerTable td.tableSeparator{background:#2F4F4F;height:0.3em}
  1391. table.innerTable td.tableImage{width:1%}
  1392. table.innerTable td.info{text-align:right;}
  1393. td.iconTableTD{
  1394. background:#F8F8F8;
  1395. padding:5px 0px;
  1396. text-align:center;
  1397. border: 1px;
  1398. }
  1399. td.iconTableTD:hover{
  1400. background:#dbe5f1;
  1401. }
  1402. td.emptyIconTableTD{
  1403. background:#F8F8F8;
  1404. text-align:center
  1405. }
  1406. table.sideTable{
  1407. border:1px solid #DDDDDD;
  1408. padding:2px 8px;
  1409. width:100%
  1410. }
  1411. td.smallIconCell{
  1412. width:16px;
  1413. vertical-align:middle;
  1414. }
  1415. sup{font-size:xx-small; vertical-align:top!important;}
  1416. sub{font-size:xx-small; vertical-align:bottom!important;}
  1417. /*other deprecated elements*/
  1418. /*.topSubtitle{font-weight:bold;}*/
  1419.  
  1420. /*Image maps*/
  1421. .sprite32 {background:url(../images/css_images/32x32map.png); width:32px; height:32px;}
  1422. .sprite16 {background:url(../images/css_images/16x16map.png); width:16px; height:16px;}
  1423.  
  1424. .sprite16-add { background-position: 0 0; width: 16px; height: 16px; }
  1425. .sprite16-analysis { background-position: 0 -17px; width: 16px; height: 16px; }
  1426. .sprite16-arrow_left { background-position: 0 -34px; width: 16px; height: 16px; }
  1427. .sprite16-arrow_right { background-position: 0 -51px; width: 16px; height: 16px; }
  1428. .sprite16-attachment { background-position: 0 -68px; width: 16px; height: 16px; }
  1429. .sprite16-autocomplete { background-position: 0 -85px; width: 16px; height: 16px; }
  1430. .sprite16-bookmark { background-position: 0 -102px; width: 16px; height: 16px; }
  1431. .sprite16-bookmark_add { background-position: 0 -119px; width: 16px; height: 16px; }
  1432. .sprite16-branch { background-position: 0 -136px; width: 16px; height: 16px; }
  1433. .sprite16-calendar { background-position: 0 -153px; width: 16px; height: 16px; }
  1434. .sprite16-calendar_selection_all { background-position: 0 -170px; width: 16px; height: 16px; }
  1435. .sprite16-calendar_selection_day { background-position: 0 -187px; width: 16px; height: 16px; }
  1436. .sprite16-calendar_selection_month { background-position: 0 -204px; width: 16px; height: 16px; }
  1437. .sprite16-calendar_selection_week { background-position: 0 -221px; width: 16px; height: 16px; }
  1438. .sprite16-categories { background-position: 0 -238px; width: 16px; height: 16px; }
  1439. .sprite16-certificate { background-position: 0 -255px; width: 16px; height: 16px; }
  1440. .sprite16-chat { background-position: 0 -272px; width: 16px; height: 16px; }
  1441. .sprite16-clock { background-position: 0 -289px; width: 16px; height: 16px; }
  1442. .sprite16-close { background-position: 0 -306px; width: 16px; height: 16px; }
  1443. .sprite16-comment_add { background-position: 0 -323px; width: 16px; height: 16px; }
  1444. .sprite16-content { background-position: 0 -340px; width: 16px; height: 16px; }
  1445. .sprite16-continue { background-position: 0 -357px; width: 16px; height: 16px; }
  1446. .sprite16-copy { background-position: 0 -374px; width: 16px; height: 16px; }
  1447. .sprite16-courses { background-position: 0 -391px; width: 16px; height: 16px; }
  1448. .sprite16-edit { background-position: 0 -408px; width: 16px; height: 16px; }
  1449. .sprite16-enterprise { background-position: 0 -425px; width: 16px; height: 16px; }
  1450. .sprite16-error_delete { background-position: 0 -442px; width: 16px; height: 16px; }
  1451. .sprite16-examples { background-position: 0 -459px; width: 16px; height: 16px; }
  1452. .sprite16-examples_failed { background-position: 0 -476px; width: 16px; height: 16px; }
  1453. .sprite16-examples_incomplete { background-position: 0 -493px; width: 16px; height: 16px; }
  1454. .sprite16-examples_passed { background-position: 0 -510px; width: 16px; height: 16px; }
  1455. .sprite16-export { background-position: 0 -527px; width: 16px; height: 16px; }
  1456. .sprite16-facebook { background-position: 0 -544px; width: 16px; height: 16px; }
  1457. .sprite16-feedback { background-position: 0 -561px; width: 16px; height: 16px; }
  1458. .sprite16-feedback_failed { background-position: 0 -578px; width: 16px; height: 16px; }
  1459. .sprite16-feedback_incomplete { background-position: 0 -595px; width: 16px; height: 16px; }
  1460. .sprite16-feedback_passed { background-position: 0 -612px; width: 16px; height: 16px; }
  1461. .sprite16-file_explorer { background-position: 0 -629px; width: 16px; height: 16px; }
  1462. .sprite16-flag_blue { background-position: 0 -646px; width: 16px; height: 16px; }
  1463. .sprite16-flag_green { background-position: 0 -663px; width: 16px; height: 16px; }
  1464. .sprite16-flag_red { background-position: 0 -680px; width: 16px; height: 16px; }
  1465. .sprite16-flag_yellow { background-position: 0 -697px; width: 16px; height: 16px; }
  1466. .sprite16-folder { background-position: 0 -714px; width: 16px; height: 16px; }
  1467. .sprite16-folder_add { background-position: 0 -731px; width: 16px; height: 16px; }
  1468. .sprite16-folder_up { background-position: 0 -748px; width: 16px; height: 16px; }
  1469. .sprite16-forbidden { background-position: 0 -765px; width: 16px; height: 16px; }
  1470. .sprite16-forums { background-position: 0 -782px; width: 16px; height: 16px; }
  1471. .sprite16-generic { background-position: 0 -799px; width: 16px; height: 16px; }
  1472. .sprite16-glossary { background-position: 0 -816px; width: 16px; height: 16px; }
  1473. .sprite16-go_back { background-position: 0 -833px; width: 16px; height: 16px; }
  1474. .sprite16-go_into { background-position: 0 -850px; width: 16px; height: 16px; }
  1475. .sprite16-goto_admin { background-position: 0 -867px; width: 16px; height: 16px; }
  1476. .sprite16-goto_professor { background-position: 0 -884px; width: 16px; height: 16px; }
  1477. .sprite16-goto_student { background-position: 0 -901px; width: 16px; height: 16px; }
  1478. .sprite16-help { background-position: 0 -918px; width: 16px; height: 16px; }
  1479. .sprite16-home { background-position: 0 -935px; width: 16px; height: 16px; }
  1480. .sprite16-import { background-position: 0 -952px; width: 16px; height: 16px; }
  1481. .sprite16-import_export { background-position: 0 -969px; width: 16px; height: 16px; }
  1482. .sprite16-information { background-position: 0 -986px; width: 16px; height: 16px; }
  1483. .sprite16-job_descriptions { background-position: 0 -1003px; width: 16px; height: 16px; }
  1484. .sprite16-layout { background-position: 0 -1020px; width: 16px; height: 16px; }
  1485. .sprite16-lessons { background-position: 0 -1037px; width: 16px; height: 16px; }
  1486. .sprite16-lock { background-position: 0 -1054px; width: 16px; height: 16px; }
  1487. .sprite16-logout { background-position: 0 -1071px; width: 16px; height: 16px; }
  1488. .sprite16-mail { background-position: 0 -1088px; width: 16px; height: 16px; }
  1489. .sprite16-message { background-position: 0 -1105px; width: 16px; height: 16px; }
  1490. .sprite16-minus { background-position: 0 -1122px; width: 16px; height: 16px; }
  1491. .sprite16-minus2 { background-position: 0 -1139px; width: 16px; height: 16px; }
  1492. .sprite16-navigate_down { background-position: 0 -1156px; width: 16px; height: 16px; }
  1493. .sprite16-navigate_left { background-position: 0 -1173px; width: 16px; height: 16px; }
  1494. .sprite16-navigate_right { background-position: 0 -1190px; width: 16px; height: 16px; }
  1495. .sprite16-navigate_up { background-position: 0 -1207px; width: 16px; height: 16px; }
  1496. .sprite16-order { background-position: 0 -1224px; width: 16px; height: 16px; }
  1497. .sprite16-organization { background-position: 0 -1241px; width: 16px; height: 16px; }
  1498. .sprite16-out { background-position: 0 -1258px; width: 16px; height: 16px; }
  1499. .sprite16-paperclip { background-position: 0 -1275px; width: 16px; height: 16px; }
  1500. .sprite16-paste { background-position: 0 -1292px; width: 16px; height: 16px; }
  1501. .sprite16-pause { background-position: 0 -1309px; width: 16px; height: 16px; }
  1502. .sprite16-php { background-position: 0 -1326px; width: 16px; height: 16px; }
  1503. .sprite16-pin_green { background-position: 0 -1343px; width: 16px; height: 16px; }
  1504. .sprite16-pin_red { background-position: 0 -1360px; width: 16px; height: 16px; }
  1505. .sprite16-plus { background-position: 0 -1377px; width: 16px; height: 16px; }
  1506. .sprite16-plus2 { background-position: 0 -1394px; width: 16px; height: 16px; }
  1507. .sprite16-printer { background-position: 0 -1411px; width: 16px; height: 16px; }
  1508. .sprite16-projects { background-position: 0 -1428px; width: 16px; height: 16px; }
  1509. .sprite16-projects_failed { background-position: 0 -1445px; width: 16px; height: 16px; }
  1510. .sprite16-projects_incomplete { background-position: 0 -1462px; width: 16px; height: 16px; }
  1511. .sprite16-projects_passed { background-position: 0 -1479px; width: 16px; height: 16px; }
  1512. .sprite16-question_type_drag_drop { background-position: 0 -1496px; width: 16px; height: 16px; }
  1513. .sprite16-question_type_empty_spaces { background-position: 0 -1513px; width: 16px; height: 16px; }
  1514. .sprite16-question_type_free_text { background-position: 0 -1530px; width: 16px; height: 16px; }
  1515. .sprite16-question_type_match { background-position: 0 -1547px; width: 16px; height: 16px; }
  1516. .sprite16-question_type_multiple_correct { background-position: 0 -1564px; width: 16px; height: 16px; }
  1517. .sprite16-question_type_one_correct { background-position: 0 -1581px; width: 16px; height: 16px; }
  1518. .sprite16-question_type_true_false { background-position: 0 -1598px; width: 16px; height: 16px; }
  1519. .sprite16-refresh { background-position: 0 -1615px; width: 16px; height: 16px; }
  1520. .sprite16-reports { background-position: 0 -1632px; width: 16px; height: 16px; }
  1521. .sprite16-rules { background-position: 0 -1649px; width: 16px; height: 16px; }
  1522. .sprite16-scorm { background-position: 0 -1666px; width: 16px; height: 16px; }
  1523. .sprite16-search { background-position: 0 -1683px; width: 16px; height: 16px; }
  1524. .sprite16-semi_success { background-position: 0 -1700px; width: 16px; height: 16px; }
  1525. .sprite16-shopping_basket_add { background-position: 0 -1717px; width: 16px; height: 16px; }
  1526. .sprite16-skill_gap { background-position: 0 -1734px; width: 16px; height: 16px; }
  1527. .sprite16-skills { background-position: 0 -1751px; width: 16px; height: 16px; }
  1528. .sprite16-social { background-position: 0 -1768px; width: 16px; height: 16px; }
  1529. .sprite16-start { background-position: 0 -1785px; width: 16px; height: 16px; }
  1530. .sprite16-stop { background-position: 0 -1802px; width: 16px; height: 16px; }
  1531. .sprite16-stop_red { background-position: 0 -1819px; width: 16px; height: 16px; }
  1532. .sprite16-success { background-position: 0 -1836px; width: 16px; height: 16px; }
  1533. .sprite16-surveys { background-position: 0 -1853px; width: 16px; height: 16px; }
  1534. .sprite16-tests { background-position: 0 -1870px; width: 16px; height: 16px; }
  1535. .sprite16-tests_failed { background-position: 0 -1887px; width: 16px; height: 16px; }
  1536. .sprite16-tests_incomplete { background-position: 0 -1904px; width: 16px; height: 16px; }
  1537. .sprite16-tests_passed { background-position: 0 -1921px; width: 16px; height: 16px; }
  1538. .sprite16-theory { background-position: 0 -1938px; width: 16px; height: 16px; }
  1539. .sprite16-theory_failed { background-position: 0 -1955px; width: 16px; height: 16px; }
  1540. .sprite16-theory_incomplete { background-position: 0 -1972px; width: 16px; height: 16px; }
  1541. .sprite16-theory_passed { background-position: 0 -1989px; width: 16px; height: 16px; }
  1542. .sprite16-tools { background-position: 0 -2006px; width: 16px; height: 16px; }
  1543. .sprite16-trafficlight_green { background-position: 0 -2023px; width: 16px; height: 16px; }
  1544. .sprite16-trafficlight_red { background-position: 0 -2040px; width: 16px; height: 16px; }
  1545. .sprite16-tree_indicator { background-position: 0 -2057px; width: 16px; height: 16px; }
  1546. .sprite16-uncompress { background-position: 0 -2074px; width: 16px; height: 16px; }
  1547. .sprite16-undo { background-position: 0 -2091px; width: 16px; height: 16px; }
  1548. .sprite16-unit { background-position: 0 -2108px; width: 16px; height: 16px; }
  1549. .sprite16-unlocked { background-position: 0 -2125px; width: 16px; height: 16px; }
  1550. .sprite16-user { background-position: 0 -2142px; width: 16px; height: 16px; }
  1551. .sprite16-user_timeline { background-position: 0 -2159px; width: 16px; height: 16px; }
  1552. .sprite16-user_types { background-position: 0 -2176px; width: 16px; height: 16px; }
  1553. .sprite16-users { background-position: 0 -2193px; width: 16px; height: 16px; }
  1554. .sprite16-warning { background-position: 0 -2210px; width: 16px; height: 16px; }
  1555. .sprite16-wizard { background-position: 0 -2227px; width: 16px; height: 16px; }
  1556.  
  1557.  
  1558. .sprite32-add { background-position: 0 0; width: 32px; height: 32px; }
  1559. .sprite32-addons { background-position: 0 -33px; width: 32px; height: 32px; }
  1560. .sprite32-announcements { background-position: 0 -66px; width: 32px; height: 32px; }
  1561. .sprite32-arrow_left { background-position: 0 -99px; width: 32px; height: 32px; }
  1562. .sprite32-arrow_right { background-position: 0 -132px; width: 32px; height: 32px; }
  1563. .sprite32-autocomplete { background-position: 0 -165px; width: 32px; height: 32px; }
  1564. .sprite32-backup_restore { background-position: 0 -198px; width: 32px; height: 32px; }
  1565. .sprite32-billboard { background-position: 0 -231px; width: 32px; height: 32px; }
  1566. .sprite32-bookmark { background-position: 0 -264px; width: 32px; height: 32px; }
  1567. .sprite32-branch { background-position: 0 -297px; width: 32px; height: 32px; }
  1568. .sprite32-calendar { background-position: 0 -330px; width: 32px; height: 32px; }
  1569. .sprite32-catalog { background-position: 0 -363px; width: 32px; height: 32px; }
  1570. .sprite32-categories { background-position: 0 -396px; width: 32px; height: 32px; }
  1571. .sprite32-certificate { background-position: 0 -429px; width: 32px; height: 32px; }
  1572. .sprite32-chat { background-position: 0 -462px; width: 32px; height: 32px; }
  1573. .sprite32-cleanup { background-position: 0 -495px; width: 32px; height: 32px; }
  1574. .sprite32-clock { background-position: 0 -528px; width: 32px; height: 32px; }
  1575. .sprite32-close { background-position: 0 -561px; width: 32px; height: 32px; }
  1576. .sprite32-content { background-position: 0 -594px; width: 32px; height: 32px; }
  1577. .sprite32-content_reorder { background-position: 0 -627px; width: 32px; height: 32px; }
  1578. .sprite32-content_tree { background-position: 0 -660px; width: 32px; height: 32px; }
  1579. .sprite32-continue { background-position: 0 -693px; width: 32px; height: 32px; }
  1580. .sprite32-courses { background-position: 0 -726px; width: 32px; height: 32px; }
  1581. .sprite32-curriculum { background-position: 0 -759px; width: 32px; height: 32px; }
  1582. .sprite32-custom_reports { background-position: 0 -792px; width: 32px; height: 32px; }
  1583. .sprite32-directory { background-position: 0 -825px; width: 32px; height: 32px; }
  1584. .sprite32-edit { background-position: 0 -858px; width: 32px; height: 32px; }
  1585. .sprite32-enterprise { background-position: 0 -891px; width: 32px; height: 32px; }
  1586. .sprite32-error_delete { background-position: 0 -924px; width: 32px; height: 32px; }
  1587. .sprite32-examples { background-position: 0 -957px; width: 32px; height: 32px; }
  1588. .sprite32-exclamation { background-position: 0 -990px; width: 32px; height: 32px; }
  1589. .sprite32-export { background-position: 0 -1023px; width: 32px; height: 32px; }
  1590. .sprite32-facebook { background-position: 0 -1056px; width: 32px; height: 32px; }
  1591. .sprite32-feedback { background-position: 0 -1089px; width: 32px; height: 32px; }
  1592. .sprite32-file_explorer { background-position: 0 -1122px; width: 32px; height: 32px; }
  1593. .sprite32-folders { background-position: 0 -1155px; width: 32px; height: 32px; }
  1594. .sprite32-forum { background-position: 0 -1188px; width: 32px; height: 32px; }
  1595. .sprite32-generic { background-position: 0 -1221px; width: 32px; height: 32px; }
  1596. .sprite32-glossary { background-position: 0 -1254px; width: 32px; height: 32px; }
  1597. .sprite32-go_back { background-position: 0 -1287px; width: 32px; height: 32px; }
  1598. .sprite32-graduation { background-position: 0 -1320px; width: 32px; height: 32px; }
  1599. .sprite32-hide_left { background-position: 0 -1353px; width: 32px; height: 32px; }
  1600. .sprite32-hide_right { background-position: 0 -1386px; width: 32px; height: 32px; }
  1601. .sprite32-home { background-position: 0 -1419px; width: 32px; height: 32px; }
  1602. .sprite32-import { background-position: 0 -1452px; width: 32px; height: 32px; }
  1603. .sprite32-import_export { background-position: 0 -1485px; width: 32px; height: 32px; }
  1604. .sprite32-information { background-position: 0 -1518px; width: 32px; height: 32px; }
  1605. .sprite32-job_description { background-position: 0 -1551px; width: 32px; height: 32px; }
  1606. .sprite32-key { background-position: 0 -1584px; width: 32px; height: 32px; }
  1607. .sprite32-keys { background-position: 0 -1617px; width: 32px; height: 32px; }
  1608. .sprite32-languages { background-position: 0 -1650px; width: 32px; height: 32px; }
  1609. .sprite32-layout { background-position: 0 -1683px; width: 32px; height: 32px; }
  1610. .sprite32-lesson_copy { background-position: 0 -1716px; width: 32px; height: 32px; }
  1611. .sprite32-lessons { background-position: 0 -1749px; width: 32px; height: 32px; }
  1612. .sprite32-locale { background-position: 0 -1782px; width: 32px; height: 32px; }
  1613. .sprite32-lock { background-position: 0 -1815px; width: 32px; height: 32px; }
  1614. .sprite32-logout { background-position: 0 -1848px; width: 32px; height: 32px; }
  1615. .sprite32-mail { background-position: 0 -1881px; width: 32px; height: 32px; }
  1616. .sprite32-mailbox { background-position: 0 -1914px; width: 32px; height: 32px; }
  1617. .sprite32-maintenance { background-position: 0 -1947px; width: 32px; height: 32px; }
  1618. .sprite32-message { background-position: 0 -1980px; width: 32px; height: 32px; }
  1619. .sprite32-navigate_left { background-position: 0 -2013px; width: 32px; height: 32px; }
  1620. .sprite32-navigate_right { background-position: 0 -2046px; width: 32px; height: 32px; }
  1621. .sprite32-note { background-position: 0 -2079px; width: 32px; height: 32px; }
  1622. .sprite32-notifications { background-position: 0 -2112px; width: 32px; height: 32px; }
  1623. .sprite32-options { background-position: 0 -2145px; width: 32px; height: 32px; }
  1624. .sprite32-order { background-position: 0 -2178px; width: 32px; height: 32px; }
  1625. .sprite32-organization { background-position: 0 -2211px; width: 32px; height: 32px; }
  1626. .sprite32-paypal { background-position: 0 -2244px; width: 32px; height: 32px; }
  1627. .sprite32-percent { background-position: 0 -2277px; width: 32px; height: 32px; }
  1628. .sprite32-photo { background-position: 0 -2310px; width: 32px; height: 32px; }
  1629. .sprite32-php { background-position: 0 -2343px; width: 32px; height: 32px; }
  1630. .sprite32-polls { background-position: 0 -2376px; width: 32px; height: 32px; }
  1631. .sprite32-printer { background-position: 0 -2409px; width: 32px; height: 32px; }
  1632. .sprite32-profile { background-position: 0 -2442px; width: 32px; height: 32px; }
  1633. .sprite32-profile_add { background-position: 0 -2475px; width: 32px; height: 32px; }
  1634. .sprite32-projects { background-position: 0 -2508px; width: 32px; height: 32px; }
  1635. .sprite32-question_and_answer { background-position: 0 -2541px; width: 32px; height: 32px; }
  1636. .sprite32-reports { background-position: 0 -2574px; width: 32px; height: 32px; }
  1637. .sprite32-rules { background-position: 0 -2607px; width: 32px; height: 32px; }
  1638. .sprite32-schedule { background-position: 0 -2640px; width: 32px; height: 32px; }
  1639. .sprite32-scorm { background-position: 0 -2673px; width: 32px; height: 32px; }
  1640. .sprite32-search { background-position: 0 -2706px; width: 32px; height: 32px; }
  1641. .sprite32-semi_success { background-position: 0 -2739px; width: 32px; height: 32px; }
  1642. .sprite32-settings { background-position: 0 -2772px; width: 32px; height: 32px; }
  1643. .sprite32-shopping_basket { background-position: 0 -2805px; width: 32px; height: 32px; }
  1644. .sprite32-shopping_basket_add { background-position: 0 -2838px; width: 32px; height: 32px; }
  1645. .sprite32-skill_gap { background-position: 0 -2871px; width: 32px; height: 32px; }
  1646. .sprite32-skills { background-position: 0 -2904px; width: 32px; height: 32px; }
  1647. .sprite32-social { background-position: 0 -2937px; width: 32px; height: 32px; }
  1648. .sprite32-spacer { background-position: 0 -2970px; width: 1px; height: 1px; }
  1649. .sprite32-start { background-position: 0 -2972px; width: 32px; height: 32px; }
  1650. .sprite32-status { background-position: 0 -3005px; width: 32px; height: 32px; }
  1651. .sprite32-success { background-position: 0 -3038px; width: 32px; height: 32px; }
  1652. .sprite32-surveys { background-position: 0 -3071px; width: 32px; height: 32px; }
  1653. .sprite32-tests { background-position: 0 -3104px; width: 32px; height: 32px; }
  1654. .sprite32-themes { background-position: 0 -3137px; width: 32px; height: 32px; }
  1655. .sprite32-theory { background-position: 0 -3170px; width: 32px; height: 32px; }
  1656. .sprite32-tools { background-position: 0 -3203px; width: 32px; height: 32px; }
  1657. .sprite32-unit { background-position: 0 -3236px; width: 32px; height: 32px; }
  1658. .sprite32-unit_completed { background-position: 0 -3269px; width: 32px; height: 32px; }
  1659. .sprite32-user { background-position: 0 -3302px; width: 32px; height: 32px; }
  1660. .sprite32-user_mapping { background-position: 0 -3335px; width: 32px; height: 32px; }
  1661. .sprite32-user_timeline { background-position: 0 -3368px; width: 32px; height: 32px; }
  1662. .sprite32-user_types { background-position: 0 -3401px; width: 32px; height: 32px; }
  1663. .sprite32-users { background-position: 0 -3434px; width: 32px; height: 32px; }
  1664. .sprite32-warning { background-position: 0 -3467px; width: 32px; height: 32px; }
  1665. .sprite32-wizard { background-position: 0 -3500px; width: 32px; height: 32px; }

Raw Paste

Login or Register to edit or fork this paste. It's free.