http://www.positioniseverything.net/easyclearing.html */ .clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear-block { display: inline-block; } /* Hides from IE-mac \*/ * html .clear-block { height: 1%; } .clear-block { display: block; } /* End hide from IE-mac */ /* $Id: system.css,v 1.48 2008/01/09 09:56:39 goba Exp $ */ /* ** HTML elements */ body.drag { cursor: move; } th.active img { display: inline; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } td.active { background-color: #ddd; } td.checkbox, th.checkbox { text-align: center; } tbody { border-top: 1px solid #ccc; } tbody th { border-bottom: 1px solid #ccc; } thead th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } /* ** Other common styles */ .breadcrumb { padding-bottom: .5em } div.indentation { width: 20px; height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ float: left; /* LTR */ } div.tree-child { background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */ } div.tree-child-last { background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */ } div.tree-child-horizontal { background: url(../../misc/tree.png) no-repeat -11px center; } .error { color: #e55; } div.error { border: 1px solid #d77; } div.error, tr.error { background: #fcc; color: #200; padding: 2px; } .warning { color: #e09010; } div.warning { border: 1px solid #f0c020; } div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; } .ok { color: #008000; } div.ok { border: 1px solid #00aa00; } div.ok, tr.ok { background: #dfd; color: #020; padding: 2px; } .item-list .icon { color: #555; float: right; /* LTR */ padding-left: 0.25em; /* LTR */ clear: right; /* LTR */ } .item-list .title { font-weight: bold; } .item-list ul { margin: 0 0 0.75em 0; padding: 0; } .item-list ul li { margin: 0 0 0.25em 1.5em; /* LTR */ padding: 0; list-style: disc; } ol.task-list li.active { font-weight: bold; } .form-item { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; } tr.merge-down, tr.merge-down td, tr.merge-down th { border-bottom-width: 0 !important; } tr.merge-up, tr.merge-up td, tr.merge-up th { border-top-width: 0 !important; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .form-item .description { font-size: 0.85em; } .form-item label { display: block; font-weight: bold; } .form-item label.option { display: inline; font-weight: normal; } .form-checkboxes, .form-radios { margin: 1em 0; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .marker, .form-required { color: #f00; } .more-link { text-align: right; /* LTR */ } .more-help-link { font-size: 0.85em; text-align: right; /* LTR */ } .nowrap { white-space: nowrap; } .item-list .pager { clear: both; text-align: center; } .item-list .pager li { background-image:none; display:inline; list-style-type:none; padding: 0.5em; } .pager-current { font-weight:bold; } .tips { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 0.9em; } dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select { font-family: inherit; font-size: inherit; width: 14em; } dl.multiselect dd.a, dl.multiselect dd.a .form-item { width: 8em; } dl.multiselect dt, dl.multiselect dd { float: left; /* LTR */ line-height: 1.75em; padding: 0; margin: 0 1em 0 0; /* LTR */ } dl.multiselect .form-item { height: 1.75em; margin: 0; } /* ** Inline items (need to override above) */ .container-inline div, .container-inline label { display: inline; } /* ** Tab navigation */ ul.primary { border-collapse: collapse; padding: 0 0 0 1em; /* LTR */ white-space: nowrap; list-style: none; margin: 5px; height: auto; line-height: normal; border-bottom: 1px solid #bbb; } ul.primary li { display: inline; } ul.primary li a { background-color: #ddd; border-color: #bbb; border-width: 1px; border-style: solid solid none solid; height: auto; margin-right: 0.5em; /* LTR */ padding: 0 1em; text-decoration: none; } ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: #fff 1px solid; } ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; } ul.secondary { border-bottom: 1px solid #bbb; padding: 0.5em 1em; margin: 5px; } ul.secondary li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; /* LTR */ } ul.secondary a { padding: 0; text-decoration: none; } ul.secondary a.active { border-bottom: 4px solid #999; } /* ** Autocomplete styles */ /* Suggestion list */ #autocomplete { position: absolute; border: 1px solid; overflow: hidden; z-index: 100; } #autocomplete ul { margin: 0; padding: 0; list-style: none; } #autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; } #autocomplete li.selected { background: #0072b9; color: #fff; } /* Animated throbber */ html.js input.form-autocomplete { background-image: url(../../misc/throbber.gif); background-repeat: no-repeat; background-position: 100% 2px; /* LTR */ } html.js input.throbbing { background-position: 100% -18px; /* LTR */ } /* ** Collapsing fieldsets */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 0; height: 1em; } html.js fieldset.collapsed * { display: none; } html.js fieldset.collapsed legend { display: block; } html.js fieldset.collapsible legend a { padding-left: 15px; /* LTR */ background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */ } html.js fieldset.collapsed legend a { background-image: url(../../misc/menu-collapsed.png); /* LTR */ background-position: 5px 50%; /* LTR */ } /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */ * html.js fieldset.collapsed legend, * html.js fieldset.collapsed legend *, * html.js fieldset.collapsed table * { display: inline; } /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */ html.js fieldset.collapsible { position: relative; } html.js fieldset.collapsible legend a { display: block; } /* Avoid jumping around due to margins collapsing into collapsible fieldset border */ html.js fieldset.collapsible .fieldset-wrapper { overflow: auto; } /* ** Resizable text areas */ .resizable-textarea { width: 95%; } .resizable-textarea .grippie { height: 9px; overflow: hidden; background: #eee url(../../misc/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; } html.js .resizable-textarea textarea { margin-bottom: 0; width: 100%; display: block; } /* ** Table drag and drop. */ .draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin: -0.4em 0 -0.4em -0.5em; /* LTR */ padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */ text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { margin-top: 4px; height: 13px; width: 13px; background: url(../../misc/draggable.png) no-repeat 0 0; } a.tabledrag-handle-hover .handle { background-position: 0 -20px; } /* ** Teaser splitter */ .joined + .grippie { height: 5px; background-position: center 1px; margin-bottom: -2px; } /* Keeps inner content contained in Opera 9. */ .teaser-checkbox { padding-top: 1px; } div.teaser-button-wrapper { float: right; /* LTR */ padding-right: 5%; /* LTR */ margin: 0; } .teaser-checkbox div.form-item { float: right; /* LTR */ margin: 0 5% 0 0; /* LTR */ padding: 0; } textarea.teaser { display: none; } html.js .no-js { display: none; } /* ** Progressbar styles */ .progress { font-weight: bold; } .progress .bar { background: #fff url(../../misc/progress.gif); border: 1px solid #00375a; height: 1.5em; margin: 0 0.2em; } .progress .filled { background: #0072b9; height: 1em; border-bottom: 0.5em solid #004a73; width: 0%; } .progress .percentage { float: right; /* LTR */ } .progress-disabled { float: left; /* LTR */ } .ahah-progress { float: left; /* LTR */ } .ahah-progress .throbber { width: 15px; height: 15px; margin: 2px; background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px; float: left; /* LTR */ } tr .ahah-progress .throbber { margin: 0 2px; } .ahah-progress-bar { width: 16em; } /* ** Formatting for welcome page */ #first-time strong { display: block; padding: 1.5em 0 .5em; } /* ** To be used with tableselect.js */ tr.selected td { background: #ffc; } /* ** Floating header for tableheader.js */ table.sticky-header { margin-top: 0; background: #fff; } /* ** Installation clean URLs */ #clean-url.install { display: none; } /* ** For anything you want to hide on page load when JS is enabled, so ** that you can use the JS to control visibility and avoid flicker. */ html.js .js-hide { display: none; } /* ** Styles for the system modules page (admin/build/modules) */ #system-modules div.incompatible { font-weight: bold; } /* ** Styles for the system themes page (admin/build/themes) */ #system-themes-form div.incompatible { font-weight: bold; } /* ** Password strength indicator */ span.password-strength { visibility: hidden; } input.password-field { margin-right: 10px; /* LTR */ } div.password-description { padding: 0 2px; margin: 4px 0 0 0; font-size: 0.85em; max-width: 500px; } div.password-description ul { margin-bottom: 0; } .password-parent { margin: 0 0 0 0; } /* ** Password confirmation checker */ input.password-confirm { margin-right: 10px; /* LTR */ } .confirm-parent { margin: 5px 0 0 0; } span.password-confirm { visibility: hidden; } span.password-confirm span { font-weight: normal; } /* $Id: system-menus.css,v 1.1 2007/10/05 14:50:25 goba Exp $ */ ul.menu { list-style: none; border: none; text-align:left; /* LTR */ } ul.menu li { margin: 0 0 0 0.5em; /* LTR */ } li.expanded { list-style-type: circle; list-style-image: url(../../misc/menu-expanded.png); padding: 0.2em 0.5em 0 0; /* LTR */ margin: 0; } li.collapsed { list-style-type: disc; list-style-image: url(../../misc/menu-collapsed.png); /* LTR */ padding: 0.2em 0.5em 0 0; /* LTR */ margin: 0; } li.leaf { list-style-type: square; list-style-image: url(../../misc/menu-leaf.png); padding: 0.2em 0.5em 0 0; /* LTR */ margin: 0; } li a.active { color: #000; } td.menu-disabled { background: #ccc; } ul.links { margin: 0; padding: 0; } ul.links.inline { display: inline; } ul.links li { display: inline; list-style-type: none; padding: 0 0.5em; } .block ul { margin: 0; padding: 0 0 0.25em 1em; /* LTR */ } /* $Id: user.css,v 1.7 2007/06/21 04:38:41 unconed Exp $ */ #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; /* LTR */ } #access-rules .access-type, #access-rules .rule-type { margin-right: 1em; /* LTR */ float: left; /* LTR */ } #access-rules .access-type .form-item, #access-rules .rule-type .form-item { margin-top: 0; } #access-rules .mask { clear: both; } #user-login-form { text-align: center; } #user-admin-filter ul { list-style-type: none; padding: 0; margin: 0; width: 100%; } #user-admin-buttons { float: left; /* LTR */ margin-left: 0.5em; /* LTR */ clear: right; /* LTR */ } #user-admin-settings fieldset .description { font-size: 0.85em; padding-bottom: .5em; } /* Generated by user.module but used by profile.module: */ .profile { clear: both; margin: 1em 0; } .profile .picture { float: right; /* LTR */ margin: 0 1em 1em 0; /* LTR */ } .profile h3 { border-bottom: 1px solid #ccc; } .profile dl { margin: 0 0 1.5em 0; } .profile dt { margin: 0 0 0.2em 0; font-weight: bold; } .profile dd { margin: 0 0 1em 0; } /* $Id: content-module.css,v 1.1.2.6 2009/03/14 18:45:38 yched Exp $ */ /* Node display */ .field .field-label, .field .field-label-inline, .field .field-label-inline-first { font-weight:bold; } .field .field-label-inline, .field .field-label-inline-first { display:inline; } .field .field-label-inline { visibility:hidden; } /* Node form display */ .node-form .content-multiple-table td.content-multiple-drag { width:30px; padding-right:0;/*LTR*/ } .node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle{ padding-right:.5em;/*LTR*/ } .node-form .content-add-more .form-submit{ margin:0; } .node-form .number { display:inline; width:auto; } .node-form .text { width:auto; } /* CSS overrides for Views-based autocomplete results. - #autocomplete uses "white-space:pre", which is no good with Views' template-based rendering - Field titles are rendered with in default templates, but we don't want the 'form' styling it gets under .form-item */ .form-item #autocomplete .reference-autocomplete { white-space:normal; } .form-item #autocomplete .reference-autocomplete label { display:inline; font-weight:normal; } /* 'Manage fields' overview */ #content-field-overview-form .advanced-help-link, #content-display-overview-form .advanced-help-link { margin: 4px 4px 0 0;/*LTR*/ } #content-field-overview-form .label-group, #content-display-overview-form .label-group, #content-copy-export-form .label-group { font-weight: bold; } table#content-field-overview .label-add-new-field, table#content-field-overview .label-add-existing-field, table#content-field-overview .label-add-new-group { float: left;/*LTR*/ } table#content-field-overview tr.content-add-new .tabledrag-changed { display: none; } table#content-field-overview tr.content-add-new .description { margin-bottom: 0; } table#content-field-overview .content-new { font-weight: bold; padding-bottom: .5em; } /* 'Advanced help' pages */ .advanced-help-topic h3, .advanced-help-topic h4, .advanced-help-topic h5, .advanced-help-topic h6 { margin:1em 0 .5em 0; } .advanced-help-topic dd { margin-bottom: .5em; } .advanced-help-topic span.code { background-color:#EDF1F3; font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace; font-size:0.9em; padding:1px; } .advanced-help-topic .content-border { border:1px solid #AAA }/* $Id: ckeditor.css,v 1.2.2.4 2010/03/05 09:56:08 mephir Exp $ */ /* Indent & Justify classes */ .rteindent1 { margin-left: 40px; } .rteindent2 { margin-left: 80px; } .rteindent3 { margin-left: 120px; } .rteindent4 { margin-left: 160px; } .rteleft { text-align: left; } .rteright { text-align: right; } .rtecenter { text-align: center; } .rtejustify { text-align: justify; } .ibimage_left { float: left; } .ibimage_right { float: right; } /* CKEditor padding in IE */ table.cke_editor fieldset { padding:0 !important; } /* hack with ie and garland editing area size fix - [#733512] */ .cke_editor{ display: table !important; } .cke_editor,#ie#bug { display: inline-table !important; }/* $Id: mollom.css,v 1.1.2.4 2010/09/14 20:28:45 sun Exp $ */ #edit-mollom-captcha { display: block; } /* Help themes to properly display Mollom's log messages. */ .dblog-event pre, #simpletest-result-form table td { white-space: pre-wrap; } /* $Id: sitedoc.css,v 1.6.4.3 2009/02/10 23:09:48 nancyw Exp $ */ /* Site Documentation CSS */ /* Overall wrapper */ .site-documentation { font-size: 0.9em; } .site-documentation h3 { font-size: 120%; color: #ffffff; background-color: #666666; } /* Table alignment */ .sitedoc_right { text-align: right; } .site-documentation th { text-align: center; } /* settings page stuff */ .sitedoc_options label { font-weight: normal; } .sitedoc_settings { position: relative; width:100%; clear: both; margin-top: 1.0em; } .sitedoc_archive_block { position: relative; float: left; } .sitedoc_archive { position: relative; width:100%; clear: both; margin-top: 1.0em; } .sitedoc_options_block .description { margin-left: 1.0em; } .sitedoc_sections_block { position: relative; float: left; } .site-documentation legend { font-weight: bold; } .sitedoc_sections_block .form-item { position: relative; width:100%; clear: both; } .sitedoc_sections_block .form-item label { position: relative; float: left; } .sitedoc_sections_block .form-item .description { position: relative; float: left; padding: 0.5em 0px 0px 1.0em; } /* used to indent settings section options */ .sitedoc_sections .sitedoc_options { margin-left: 2.0em; } .sitedoc_options input, .sitedoc_options select { margin-left: 1.0em; } #edit-archive-frequency { margin-left: 0em; } /* used for the profile section */ .sitedoc_profile_fields td, .sitedoc_profile_fields th { font-size: 0.8em; } /* This division can be used to limit sections and make them scrollable. If you don't want scrollable sections, remove the comment-end from this line. */ .sitedoc_subsection, .sitedoc_blocks .sitedoc_section, .sitedoc_boxes .sitedoc_section { overflow: auto; width: 700px; max-height: 400px; min-height: 60px; } /* */ /* $Id: tweetmeme.css,v 1.2.2.1 2009/08/14 03:32:57 robloach Exp $ */ /** * @file * Provides all the styling for the TweetMeme integration. */ /** * Styling for the button. */ .tweetmeme-button { float: right; } /** * Override styling from Drupal for the TweetMeme widget. */ #tweetmeme_widget ul li, #tweetmeme_widget ul.menu li, #tweetmeme_widget .item-list ul li, #tweetmeme_widget li.leaf { background: none; } span.ext { background: url(extlink.png) right center no-repeat; padding-right: 12px; } span.mailto { background: url(mailto.png) right center no-repeat; padding-right: 12px; } /* Hide the extra spans when printing. */ @media print { span.ext, span.mailto { display: none; padding: 0; } } /* $Id: fieldgroup.css,v 1.2.2.2 2009/03/14 18:55:20 yched Exp $ */ div.fieldgroup { margin:.5em 0 1em 0; } div.fieldgroup .content { padding-left:1em;/*LTR*/ } /* $Id: views.css,v 1.11.4.2 2010/03/12 00:25:37 merlinofchaos Exp $ */ .views-exposed-form .views-exposed-widget { float: left; /* LTR */ padding: .5em 1em 0 0; /* LTR */ } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 1.6em; } .views-exposed-form .form-item, .views-exposed-form .form-submit { margin-top: 0; margin-bottom: 0; } .views-exposed-form label { font-weight: bold; } .views-exposed-widgets { margin-bottom: .5em; } html.js a.views-throbbing, html.js span.views-throbbing { background:url(../images/status-active.gif) no-repeat right center; padding-right:18px; } /* administrative hover links */ div.view div.views-admin-links { font-size: xx-small; margin-right: 1em; margin-top: 1em; /* width: 95%; */ } .block div.view div.views-admin-links { margin-top: 0; } div.view div.views-admin-links ul { padding-left: 0; } div.view div.views-admin-links li a { color: #ccc; } div.view div.views-admin-links li { padding-bottom: 2px; z-index: 201; } div.view div.views-admin-links-hover a, div.view div.views-admin-links:hover a { color: #000; } div.view div.views-admin-links-hover, div.view div.views-admin-links:hover { background: transparent;; } div.view div.views-admin-links a:before { content: "["; } div.view div.views-admin-links a:after { content: "]"; } div.view div.views-hide { display: none; } /** For IE we add the class via js; for other browsers we rely on :hover **/ div.view div.views-hide-hover, div.view:hover div.views-hide { display: block; position: absolute; z-index: 200; } /* don't do this one in IE */ div.view:hover div.views-hide { margin-top: -1.5em; } /* Remove the border on tbody that system puts in */ .views-view-grid tbody { border-top: none; } /* $Id: print.css,v 1.1.2.2 2008/08/21 22:03:40 jcnventura Exp $ */ body { margin: 1em; background-color: #fff; font-family: sans-serif; } th { text-align: left; /* LTR */ color: #006; border-bottom: 1px solid #ccc; } tr.odd { background-color: #ddd; } tr.even { background-color: #fff; } td { padding: 5px; } #menu { visibility: hidden; } #main { margin: 1em; } a:link {color: #000;} a:visited {color: #000;} a:hover {color: #00f;} a:link img, a:visited img {border: 0;} .print-footnote {font-size: xx-small;} img.print-logo {border: 0;} .print-site_name {} .print-breadcrumb {font-size: x-small;} .print-title {} .print-submitted {font-size: small;} .print-created {font-size: small;} .print-taxonomy { text-align: right; } .print-taxonomy li {display: inline;} .print-content {} .print-hr { border: 0; height: 1px; width: 100%; color: #9E9E9E; background-color: #9E9E9E; } .print-message { border: medium dotted blue; padding: 1em; } .print-source_url {font-size: small;} .print-links {font-size: small;} .print-footer {text-align: center;}
Message from sender:
What does this mean for Education ? Every student will have some form of tablet in 2014
US Tablet Sales Will More Than Double This Year By Sarah Rotman Epps
Created 01/04/2011 - 07:30
Today Forrester published its revised US consumer tablet forecast , updating its previous forecast from June 2010. When Apple's iPad first debuted, we saw the device as a game-changer but were too conservative with our forecast . Since then, we've fielded additional consumer surveys and an SMB and enterprise survey, conducted additional supply-side research, and seen more sales numbers from Apple. We've had briefings from many companies that will release new tablets at CES. All of these inputs have led us to revise our US consumer tablet forecast for 2010 upward to 10.3 million units, and we expect sales to more than double in 2011 to 24.1 million units. Of those sales, the lion's share will be iPads, and despite many would-be competitors that will be released at CES, we see Apple commanding the vast majority of the tablet market through 2012.
Forrester's US Consumer Tablet Forecast, updated Jan. 4, 2011:
Read more
