.popup-menu { background: white; position: absolute; z-index: 1000; box-shadow: 0 1px 3px #777; padding: 5px 0 5px; display: none; } .popup-menu .menu-item { text-decoration: none; color: black; display: block; padding: 4px 2em; position: relative; } .popup-menu .menu-item .checked, .popup-menu .menu-item .unchecked { float: left; margin-left: -1.15em; } .popup-menu .menu-item .unchecked { visibility: hidden; } .popup-menu .menu-item:hover { background: #006ede; color: #fde8aa; cursor: default; } .menu-item.disabled, .menu-item.disabled:hover { color: #bbb; background: transparent; } .menu-button { border: 1px solid black; padding: 4px 6px 4px 8px; cursor: pointer; } .menu-button small { vertical-align: baseline; padding-left: .4em; font-size: 10px; } .ie .popup-menu { behavior: url(resource$/share/org/mojs/html/PIE.htc); }  .clear-fix { overflow: hidden;  *zoom: 1;  }  .inline-block, .button { display: -moz-inline-box;  display: inline-block; position: relative; } .align-top { vertical-align: top; } .align-bottom { vertical-align: bottom; } .ie .inline-block, .ie .button { *display: inline; } .ie button { margin-left: 4px; padding: 0 3px; min-width: 45px; }  @font-face { font-family: "Arial Narrow"; src: local("Arial Narrow"); }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h4n, h5n, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; }  a:active { outline: none; } a:focus { outline: none; } input:focus { outline: none; } ::-moz-focus-inner { border:0; } small { font-size: 85%; } button { width: auto; overflow: visible; } textarea { overflow: auto; }  sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } input, select { vertical-align: middle; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie input[type="radio"] { vertical-align: baseline; } .ie input[type="checkbox"] { vertical-align: baseline; } body { font: 13px/1.231 arial, sans-serif; } select, input, textarea, button { font: 99% sans-serif; margin: 0; padding: 0; }  table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } html { overflow: auto; }.column { min-width: 100px !important;  max-width: 400px !important; } .cursor_move { cursor: move; -moz-user-select: none; } .group-target { vertical-align: top; } .group .collapsed { color: #0a4aa1 !important; } .group-title { font-weight: bold; color: #333; background: #ebebeb; border-radius: 2px; padding: 2px 4px 2px;  margin: 8px 0 5px;  text-decoration: none; } .group.sub-group .group-title { background: transparent; color: #111; margin: 0; padding: 0; position: relative; margin-left: -12px; } .group.sub-group {  margin: 0; !important; padding-left: 20px; } .new-group .group-title { background: rgb(85, 177, 84); } .new-group sup { color: rgb(243,175,66); padding: 0 .3em; } .new-group sup:after { content: 'new'; } #placeholder { background: #bebebe; } .group { margin-right: 17px; } .relocating { background-color: rgba(240,240,240,.5); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35); border-radius: 4px; } .relocating .group-title { background-color: transparent; } .link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative;  text-indent: 20px; } .link a { text-decoration: none; color: #222; } .link a:hover { text-decoration: underline; } .link a:visited { color: #00257E; } .favicon { width: 16px; height: 16px; display: block; cursor: pointer; position: absolute; top: 0; left: 0; } #draggable-content { padding: 17px;  } .empty-help { font-family: serif; font-style: italic; color: #999; font-size: 17px; text-align: center; padding: 5em; } .empty-help p { margin: 1em 0; } .changes { padding: 17px; } .changes .link { margin: 10px 0; } .changes i { color: #888; }.dialog-error-hint { font-weight: normal; font-size: 12px; color: red; height: 1.7em; line-height: 1.7em; } ::-webkit-input-placeholder { font-style: italic; color: #bbb; } :-moz-placeholder { font-style: italic; color: #bbb; } .input { margin-bottom: 12px; border-radius: 5px; } .input small { color: #888; font-weight: normal; } .input label { font-size: 15px; text-indent: 4px; color: black; font-weight: bold; text-align: left; display: block; } input.text, textarea { font-size: 15px; padding: 4px 3px; width: 200px; border: 1px solid #777; } .button { font-size: 13px; font-weight: bold; line-height: 20px; color: #444; text-decoration: none; padding: 0 8px; box-shadow: 0px 1px 2px #ddd; border: 1px solid #999; border-color: #ccc #aaa #aaa #ccc; background-color: #f7f7f7; border-radius: 4px; text-align: center; vertical-align: top; *vertical-align: middle;  } .button:active { outline: none; background-color: #f2f2f2; border-color: #999; box-shadow: none; text-shadow: none; } .tooltip { position: absolute !important; z-index: 1000; display: none; background: white; color: #444; border: 1px dashed #ccc; border-radius: 4px; padding: .2em .5em .3em; top: 2em; box-shadow: 0 1px 4px #ccc; } .accented-notice { color: black; border: 1px solid red; padding: 1em; background: #f7ffb8; font-size: 14px; text-align: center; } .warning-panel { color: black; border: 2px dashed red; padding: 1em; max-width: 800px; margin: -2em auto 1em auto; background: #f7ffb8; } .href:hover .tooltip { display: block; } .ie .button, .ie input.text { position: relative; behavior: url(resource$/share/org/mojs/html/PIE.htc); }#edit-dialog .button { margin-right: 10px; margin-left: 0; } .dialog input.text, .dialog textarea { width: 400px; } .dialog { margin: 2em 17px; } .dialog .button-area { text-align: right; } .dialog .button { line-height: 32px; font-size: 14px; margin-left: 10px; } #saveBtn { margin-right: 4px; } #emailBtn { color: white; background-color: rgb(85, 177, 84); margin-right: 34px; } .dialog #deleteBtn {  } #cancelBtn { margin-right: 4px; } .dialog textarea { height: 52px; font-size: 13px; line-height: 1.3em; } .dialog .link-thumb { margin-left: 34px; cursor: pointer; margin-bottom: 14px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); visibility: hidden; } .dialog #tag-cloud .cloud-title { top: -14px; left: 20px; color: #444; font-size: 20px; background: #f7f7f7; font-weight:normal; border-radius: 18px; box-shadow: 0 0 8px #f7f7f7; padding: 0 3px; } .dialog #tag-cloud { color: #000; margin: 28px 0; padding: 4px 4px 12px; border: 1px solid #777; } .dialog #tag-cloud .col { vertical-align: top; } .dialog #tag-cloud .col:last-child { padding-right: 0; } .dialog #tag-cloud .folder { padding: 4px 6px; cursor: pointer; } .dialog #tag-cloud .sub-folder { font-size: 11px; padding-left: 16px; cursor: pointer; } .dialog #tag-cloud .selected { background: #eee; border-radius: 18px; box-shadow: 0 0 3px rgba(0, 0, 0, .2) inset; } .dialog .notice-panel { background: #fff8ca; font-style: italic; margin-bottom: 1em; padding: .5em; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); } .ie #tag-cloud .selected, .ie #tag-cloud .cloud-title, .ie .dialog .link-thumb { position: relative; behavior: url(resource$/share/org/mojs/html/PIE.htc); }.dialog #email-panel { padding-left: 4em; } .dialog #email-panel .text { width: 240px !important; } .dialog #done-button-area { margin-top: 5em; } .dialog #done-button-area .button, .dialog #pwd-panel .button { margin-left: 0; margin-right: 10px; } .dialog#account-dialog { margin-top: 5em; } .dialog #pwd-panel .text { width: 212px; } .dialog#account-dialog .button { font-weight: normal; margin-top: 16px; } #confirm-delete { font-family: arial, sans-serif; font-style: normal; color: black; } #confirm-delete .button { line-height: 32px; margin-right: 10px; font-size: 17px; font-weight: normal; }html, body { background-color: white; width: 100%; font: 13px/17px arial, sans-serif; } html { overflow-y: scroll; padding-bottom: 1em; } .ie .flicker-b-gone {  filter: progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=135, Strength=4);  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=135, Strength=4)"; } h1 { color: black; font-size: 20px; font-weight: normal; } h2 { color: black; font-size: 18px; font-weight: normal; } ::selection { background: #7af; color: #222; } ::-moz-selection { background: #7af; color: #222; } #error-popup, #info-popup { border-radius: 0; background: #f7ffb8; border: 1px dashed #777; color: red; padding: 1em; } #info-popup { color: black; background: #c0ebff; }.promo, .about { width: 768px; margin: 0 auto; color: #454545; } .about { margin-bottom: 1.4em; font-size: 17px; } .about li p { text-indent: 0; margin: 1em 0; } .about li { margin: 2em 0 1em 0; } .about li p, .about li h2 { font-size: 15px; } .promo #xhr-target { font-family: Arial, sans-serif; font-size: 12px; } .promo #draggable-content { padding: 0 0 17px 0; } .promo .keel { font-family: Arial, sans-serif; margin-left: -17px; } .promo h1, #content-body h1 { text-align: left; font-size: 19px; color: #454545; line-height: 1.4em; margin-top: 1ex; } .promo p, .about p { text-align: justify; font-size: 17px; line-height: 1.4em; margin-top: 1ex; text-indent: 34px; } #content-body h1 { margin-top: 3em; } #login-form { } #login-dialog { width: 100%; } #login-dialog td { vertical-align: middle; } #login-dialog input.text { color: black; width: 210px; margin-top: 2px; } #login-dialog .button { font-size: 14px; font-weight: normal; line-height: 32px; margin-left: 10px; } #login-dialog #c11 { width: 50%; } #login-dialog #c12 { border-left: 1px solid #dedede; } #login-dialog #c13 { text-align: right; width: 50%; } #login-dialog #c12 div { margin-left: -1.0ex; line-height: 1.5em; background: white; } #login-dialog #c21 { text-align: center; padding: 1ex 0 1em; } #login-dialog .fed-button { font-size: 17px; font-weight: bold; line-height: 44px; text-indent: 24px; background-position: 3px center; background-repeat: no-repeat; margin: 0 20px 0 0; } #stay-signed-in { position: relative; top: -2px; } .ie #stay-signed-in { top: 1px; } #signup-button { line-height: 2em; box-shadow: 0px 1px 2px #0fc32c; font-size: 17px; color: white; border-color: #0ca626; background: #0db529; margin: .8em 0 1.5em 0; font-weight: normal; } #signup-button:active { box-shadow: none; }.fb-like { padding-left: 17px; padding-bottom: 17px; } #content-body { min-height: 400px; } .masthead { color: #444; font-family: arial, sans; font-weight: bold; font-size: 17px; margin-top: 4px; } .masthead .menubar .inline-block, .masthead .search-box .inline-block, .keel .inline-block { margin: 7px 17px; } .masthead .menubar small { position: relative; left: 2px; top: 2px; font-size: 12px; } .masthead .menubar { white-space: nowrap; } .masthead .href { cursor: pointer; } .masthead a { color: #444; text-decoration: none; } .masthead .search-box { white-space: nowrap; } .masthead .search-box .inline-block { padding-right: 0; } .masthead .search-box input:focus { width: 355px; } .masthead .search-box input { width: 90px; font-size: 17px; padding: 2px 4px; border: 1px solid #e2e2e2; } .masthead .search-box input:focus { outline: none;  } .masthead a.checked { text-decoration: underline; } .keel { padding: 1em 0 .3em; } .keel a { padding-left: 17px; color: #00257E; text-decoration: none; } .ie .search-box input { position: relative; behavior: url(resource$/share/org/mojs/html/PIE.htc); } #bookmarklets { color: #ddd; } #bookmarklets a { color: #999; padding-left: 1em; }.dialog.share-dialog textarea { height: 110px; } .dialog .share-link a { font-size: 13px; line-height: 26px; font-weight: bold; padding: 0 4px; color: #555; text-decoration: none; border-bottom: 1px dashed #555; } .dialog #cc-me-div { margin: -.5em 0 1em 4px; } .dialog #cc-me { vertical-align: middle; }