/* BEGIN BB LEARN THEME */ /*---Do not edit stylesheets below this line unless necessary.---*/ /*Setting theme defaults*/ /* * THEME DEFAULTS */ /*Default browser style reset*/ html, body, /*div,*/ span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; } table, tbody, tfoot, thead, tr, th, td { margin:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; } font { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; } body {color: #000000;background: #FFFFFF;} ol, ul, li {list-style:none} table {border-collapse:collapse;} th {font-weight:normal} caption, th, td {text-align: left;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, button, select { font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:middle; } /*Fixes button and input side padding bug in IE7*/ input[type="button"], input[type="submit"], button {*overflow: visible;} /*End default browser style reset*/ /*Setting theme defaults*/ html {font-size: 0.78em; font-family: "Lucida grande", Arial, Verdana, sans-serif; height:100%;} body {margin:0; height:100%; background-color:#cdcdcd; *padding-top:10px} body.topFrame {*padding-top:0} body, div.topGlobalLinks {min-width: 800px;} body.filePicker {min-width: 400px} body.popup { min-width: 100%; padding: 6px 0 0 0; } body.popup div.locationPane { width: 100%; } body.csMenuFrame, body.popupMenu {min-width: 200px; padding-top: 12px; width: 100%;} body.csMenuFrame {padding-top: 8px; } a {color: #003366;} a:focus {outline:1px dotted #000;} img {vertical-align: middle; border: 0px} h1, h2, h3, h4, h5, h6, strong {font-weight: bold;} h1 { font-size: 148%; *height: 1%;} h2 { font-size: 123.1%;} h3 { font-size: 110%;} h1, h2, h3 {margin: 1em 0;} table {font-size:100%;} thead th {font-weight:bold} legend {position: absolute; top: -10000px; line-height:0; height:0px;} .extraLarge { font-size: 200%; line-height: 150%;} em {font-style:italic} /* Restoring browser default-like treatment for lists created in vtbe*/ .vtbegenerated {padding:0!important;margin:0!important;background:transparent!important;/*display:inline-block!important;*/} .vtbegenerated p {margin-bottom:4px;} .vtbegenerated address {display: block;font-style:italic;} /* Restore img treatment in vtbe generated blocks */ .vtbegenerated IMG {opacity: auto !important; filter:alpha(opacity=auto) !important;} .vtbegenerated ul, .vtbegenerated menu, .vtbegenerated dir {list-style-type:disc;margin:1em 0; padding-left:40px;} .vtbegenerated ul li {list-style-type:disc;} .vtbegenerated ol {list-style-type:decimal;margin: 1em 0; padding-left:40px;} .vtbegenerated ol li {list-style-type:decimal;} .vtbegenerated li {display: list-item; list-style-position:outside} /* nested lists have no top/bottom margins */ .vtbegenerated ul ul, .vtbegenerated ul ol, .vtbegenerated ul dir, .vtbegenerated ul menu, .vtbegenerated ul dl, .vtbegenerated ol ul, .vtbegenerated ol ol, .vtbegenerated ol dir, .vtbegenerated ol menu, .vtbegenerated ol dl, .vtbegenerated dir ul, .vtbegenerated dir ol, .vtbegenerated dir dir, .vtbegenerated dir menu, .vtbegenerated dir dl, .vtbegenerated menu ul, .vtbegenerated menu ol, .vtbegenerated menu dir, .vtbegenerated menu menu, .vtbegenerated menu dl, .vtbegenerated dl ul, .vtbegenerated dl ol, .vtbegenerated dl dir, .vtbegenerated dl menu, .vtbegenerated dl dl { margin-top:0;margin-bottom: 0; } /* 2 deep unordered lists use a circle */ .vtbegenerated ol ul li, .vtbegenerated ul ul li, .vtbegenerated menu ul li, .vtbegenerated dir ul li, .vtbegenerated ol menu, .vtbegenerated ul menu, .vtbegenerated menu menu, .vtbegenerated dir menu, .vtbegenerated ol dir, .vtbegenerated ul dir, .vtbegenerated menu dir, .vtbegenerated dir dir { list-style-type: circle; } /* 3 deep (or more) unordered lists use a square */ .vtbegenerated ol ol ul, .vtbegenerated ol ul ul, .vtbegenerated ol menu ul, .vtbegenerated ol dir ul, .vtbegenerated ol ol menu, .vtbegenerated ol ul menu, .vtbegenerated ol menu menu, .vtbegenerated ol dir menu, .vtbegenerated ol ol dir, .vtbegenerated ol ul dir, .vtbegenerated ol menu dir, .vtbegenerated ol dir dir, .vtbegenerated ul ol ul, .vtbegenerated ul ul ul, .vtbegenerated ul menu ul, .vtbegenerated ul dir ul, .vtbegenerated ul ol menu, .vtbegenerated ul ul menu, .vtbegenerated ul menu menu, .vtbegenerated ul dir menu, .vtbegenerated ul ol dir, .vtbegenerated ul ul dir, .vtbegenerated ul menu dir, .vtbegenerated ul dir dir, .vtbegenerated menu ol ul, .vtbegenerated menu ul ul, .vtbegenerated menu menu ul, .vtbegenerated menu dir ul, .vtbegenerated menu ol menu, .vtbegenerated menu ul menu, .vtbegenerated menu menu menu, .vtbegenerated menu dir menu, .vtbegenerated menu ol dir, .vtbegenerated menu ul dir, .vtbegenerated menu menu dir, .vtbegenerated menu dir dir, .vtbegenerated dir ol ul, .vtbegenerated dir ul ul, .vtbegenerated dir menu ul, .vtbegenerated dir dir ul, .vtbegenerated dir ol menu, .vtbegenerated dir ul menu, .vtbegenerated dir menu menu, .vtbegenerated dir dir menu, .vtbegenerated dir ol dir, .vtbegenerated dir ul dir, .vtbegenerated dir menu dir, .vtbegenerated dir dir dir { list-style-type: square; } .vtbegenerated table { border-collapse: separate; } .inlineVtbegenerated { display: inline; } /*End theme defaults*/ /* * END THEME DEFAULTS */ /*Layout (holds together application layout panes)*/ /* * LAYOUT */ /*Branding image container. Also conatains application tabs.*/ /*@branding - do not remove*/ #topFrame, /**/ .bgBanner {background-color:#8192A8; background-position: 0 0; background-repeat: no-repeat; color:#FFF;} .brandingImgWrap {height:43px; overflow:hidden;} .bannerImage {margin:4px 12px 4px 12px;} /*Branding image is hidden if compact tabs are used*/ .topTabs-compact .bannerImage, .topTabs-compact .brandingImgWrap {display:none;} /*Application tab layout (located in the top frame)*/ table.bouncer {border-collapse: collapse; width: 100%;} table.bouncer td {padding:0;} /*Regular tabs*/ .topTabs {position:relative; padding:12px 0 0 0; height:74px; border-bottom:3px solid #dedede; zoom:1;} /*Compact tabs*/ .topTabs-compact {padding-top:14px; position:relative;border-bottom:2px solid #dedede;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.topTabs {border-collapse:collapse;}*/ /*Regular tabs and compact tabs*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.tabWrapper-left, div.topTabs div.tabWrapper-center, div.topTabs div.tabWrapper-right, table.topTabs tr td div.tabWrapper-left, table.topTabs tr td div.tabWrapper-center, table.topTabs tr td div.tabWrapper-right,*/ /*@since 9.1*/ .tabWrapper-left, .tabWrapper-center, .tabWrapper-right {width:auto; padding:0 24px 0 24px;} /*Compact tabs @deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. .topTabs-compact .tabWrapper-left, .topTabs-compact .tabWrapper-center, .topTabs-compact .tabWrapper-right { margin:0; padding:0; width:auto; padding:0 6px; border-bottom:3px solid #dedede; }*/ /*Table that contains application tabs*/ /*Regular tabs*/ .appTabs {width:auto; position:relative; border-spacing:2px; border-collapse:separate; top:3px; font-size:105%;} /*Compact tabs*/ .topTabs-compact .appTabs {top:2px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.appTabs tbody tr td {margin:0 4px 0 0;padding:0;position:relative;}*/ /*Different tab alignment options.*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.tabWrapper-center table.appTabs, table.topTabs tr td div.tabWrapper-center table.appTabs,*/ /*@since 9.1*/ .topTabs .tabWrapper-center .appTabs, .topTabs-compact .tabWrapper-center .appTabs {margin:0 auto;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.tabWrapper-right table.appTabs, table.topTabs tr td div.tabWrapper-right table.appTabs,*/ /*@since 9.1*/ .topTabs .tabWrapper-right .appTabs, .topTabs-compact .tabWrapper-right .appTabs {float:right;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.appTabs tbody tr td h2, table.appTabs tbody tr td.active h2 { margin:0; padding:0; font-size:100%; font-weight:normal; } table.appTabs tbody tr td.active h2 { font-weight:bold; } div.topTabs-compact table.appTabs tr td { margin:0 4px 0 0; padding:0; position:relative; }*/ /*safari-only hack to remove gap at the bottom of the tabs. */ /*\*/ html*table.appTabs {top:2px; *top:3px;} html*table.round1, html*table.round2 {top:4px; *top:3px;} html*div.topTabs-compact table.appTabs {top:2px;} /**/ /*End top frame application tab layout*/ /* Breadcrumb pane */ .breadcrumbs {margin:8px 14px 0px; position:relative; background:transparent;} /*Setting proper styles for breadcrumbs in Outcomes. */ .banner + .breadcrumbs {margin:0; background-color:inherit; *background-color:transparent;} .breadcrumbs a.close { position:absolute; top:0px; right:6px; opacity:0.7; *top:3px; *right:5px; _right:20px; filter:alpha(opacity=70); z-index:100; } /*End breadcrumbs*/ /* Location pane */ /* Location pane contains all elements below orientation bar. * It is a relative parent to and contains all absolutely positioned * children navigationPane and contentPane, and allows for flexible orientation bar height. */ .locationPane {margin-top:10px; position:relative; overflow:visible; zoom:1; } /*End location pane*/ /* Navigation pane (contains course menu, control panel, and other navigation palettes.) */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*#navigationPane,*/ .navigationPane { position:absolute; top:0px; left:0; width:212px; padding:0; margin-top:0px; clear:both; overflow:visible; zoom:1; } /**/ .menuWrap {position:relative; background-color:transparent; padding:0; width:212px; width:auto; zoom:1;} /*End navigation pane*/ /*Modifications to collapsed/expanded state*/ /*Navigation pane is collapsed.*/ .navcollapsed {width: 0px!important;} /*Puller location when navigation element is collapsed. */ .pullcollapsed {left:1px!important;} .pullcollapsed a { display:block; background:transparent url(images/controls.png) no-repeat -110px -125px !important; height:29px; width:14px; } /*Content area margin when navigation element is collapsed. */ .contcollapsed {margin-left: 15px!important;} /* Navigation pane collapse control. */ #puller { position:absolute; left:198px; margin-top:180px; _height:1px; z-index: 3; background-color:transparent!important; } #puller a { display:block; background:transparent url(images/controls.png) no-repeat -90px -125px; height:29px; width:14px; } #puller a img {height:29px; width:14px;} /*End modifications*/ /* Content pane */ /*Sets layout and dimensions of the content pane.*/ /*Deprecated*/ #contentPane, /*@cleaned 9.1*/ .contentPane { margin:0px 14px 0px 212px; padding:0; min-width:auto; zoom:1; overflow:visible; display:block; height:auto!important;/*icon size changes in course files cause changes in height and copyright appears in the wrong place.*/ } /*Deprecated*/ #contentPaneWide, /*@cleaned 9.1*/ .contentPaneWide, .portalPane { margin:0px 14px 0 14px; padding:0; background-image:none; min-width:auto; display:block; zoom:1; } /*contentBox div contains local view toggles, pagetitle, actionbar, and container.*/ /*Deprecated*/ #content, /*@cleaned 9.1*/ .contentBox { margin:0; padding:0; min-width:auto; display:block; *margin-top:0; zoom:1; } .portal .content {background-color:inherit!important} /*Content area container (this is what holds all the content)*/ /*@branding -- do not remove*/ #contentArea, /*Regular selectors*/ .container, .containerOptions { background-color:#fff; margin:0; padding:10px 12px 12px 12px; overflow:visible; } /*@since 9.1*/ .container {min-height:400px;_height:400px;} .containerOptions {padding:1px 12px 1px 12px;*padding-top:8px;*z-index:10} .containerOptions > * {*z-index:11} /*@since 9.1*/ /*Iframe for inline display of .doc, .ppt, etc. files in IE */ .container iframe.cleanSlate {min-height:1200px;} /*If "OK" button is at the bottom of content area*/ div.okContainer {padding-bottom:38px; position:relative;} div.ok div.container {padding-bottom:38px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.containerPortal,*/ /*@since 9.1*/ .containerPortal, .portal .container { padding:5px 5px 0 5px; background:#f0f0f0; min-width:600px; _width:; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release.*/ .contentbottoml, .contentbottomr {display:none;} /*End content area*/ /*Content area columns (reside inside .container.)*/ /*1 column layout*/ .column-1 {width:100%; float:left; margin:6px 0px 0px 0px; min-height:400px; height:auto; _height:400px;} /*2 column layout*/ .column-2 {width:50%; float:left; margin:6px 0px 0px 0px; min-height:400px; height:auto; _height:400px;} /*3 column layout*/ .column-3 {width:33.3%; float:left; margin:6px 0px 0px 0px; min-height:400px; height:auto; _height: 400px;} /*4 column layout*/ .column-4 {width:25%; float:left; margin:6px 0px 0px 0px; min-height:400px; height:auto; _height: 400px;} /*5 column layout*/ .column-5 {width:20%; float:left; margin:6px 0px 0px 0px; min-height:400px; height:auto; _height: 400px;} /*End columns*/ /* End content pane */ /*Lightbox modifications*/ #lightbox .column-3, #lightbox .column-2 {min-height:200px!important; margin:0;} /*Pane rounders*/ /*General rounding strip attributes.*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release.*/ /*#contentPane div.topRound, #contentPane div.bottomRound, */ /*@cleaned 9.1*/ .topRound, .bottomRound {margin:0; padding:0; clear:both;} .topRound b, .bottomRound b {display:block; overflow:hidden;} /*Outer strip.*/ .topRound .outer, .bottomRound .outer {height:1px; margin:0 3px 0 3px;} /*Middle strip.*/ .topRound .middle, .bottomRound .middle {height:1px; margin:0 2px 0 2px;} /*Inner strip.*/ .topRound .inner, .bottomRound .inner {height:2px; margin:0 1px 0 1px;} /*Breadcrumb pane rounders*/ .breadcrumbs .topRound b, .breadcrumbs .bottomRound b {background:#dedede;/*@palette*/} .breadcrumbs .topRound .outer, .breadcrumbs .bottomRound .outer {height:1px;margin:0 2px 0 2px;} .breadcrumbs .topRound .middle, .breadcrumbs .bottomRound .middle {display:none;} .breadcrumbs .topRound .inner, .breadcrumbs .bottomRound .inner {height:1px;margin:0 1px 0 1px;} /*Top rounder sits atop of pageheader. Background color has to match that of page header.*/ .topRound b {background-color:#fff1c5;/*@palette*/} /*Top rounder for an error page*/ .error .topRound b {background-color:red;/*@palette*/} /*Bottom round rounds content area. Background color has to match that of the content area.*/ .bottomRound b {background:#fff;/*@palette*/} /*Botom rounder modifications. Matches background color of the container.*/ .landing .container, .landing .bottomRound b, .error .container, .error .bottomRound b {background:#EDEDED;} /*No top rounders are displayed if a pane is tabbed.*/ .tabbedPane .topRound b, .hasTopBanner .topRound b {display:none;} /*portal page bottom rounder. Matches background color of the container.*/ .portal .bottomRound b, .portal .container {background-color:#f0f0f0;} /* Pane modifications depending on edit/read status */ /*When page is in edit mode*/ .ineditmode { background-color:#cdcdcd;/*@palette*/ background-image:url(images/readback.png); padding: 6px 0 0 0; } .noteditmode {padding: 6px 0 0 0;} .ineditmode #editModeButton { background-color:#cdcdcd; background-image:url(images/readback.png); } .ineditmode .listCm, .ineditmode #editmodeWrapper { border:3px solid #666; -moz-border-radius:9px; -webkit-border-radius:9px; background-color: #666; } .ineditmode div.listCm, .ineditmode #editodeWrapper { background-image:none; padding-bottom:0; margin-bottom:9px; } .ineditmode .landing #editmodeWrapper {border:0!important;} /*End read/edit status*/ .tallPara {padding:40px 0px;margin:0;} span.errorCode {font-weight:bold;font-size:90%;display:block;margin-top:24px;} /*Course menu in a popup*/ body.cmPopup #navigationPane {position:relative; margin:0px; width:auto;} .cmWrapper {position:relative; padding-top:12px!important;} .cmWrapper div.navPalette {position:relative; margin:0px 14px 12px 14px;} /*---Do not edit stylesheets above this line unless necessary.---*/ /*Utilities (frequently used attributes, fixes for browser rendering bugs)*/ /* * UTILITIES */ .hideme {display:none!important;} .hidden {display:none;} .clearfloats {clear:both;} .hideoff { position:absolute; left:-1000px; top:0; width:1px; height:1px; overflow:hidden; } .boldme {font-weight:bold;} /* Inline stack */ /* * Elements inside inline stack behave in a fashion similar to floated ones but allow these elements be of various heights. */ /*@since 9.1*/ .u_inlineStack, .u_inlineStackWrapper > * { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } /*.u_clearAll {padding: 0!important; margin:100%!important;}*/ .u_resetFont {font-size:100%;} .u_reverseAlign {text-align:right} .u_centerAlign {text-align:center} .u_reverseAlign > * {margin-left: 5px;} /*Float wrappers*/ /* Apply to the parent element of children floated right */ .u_floatThis-right {float: right; margin-left: 5px;} /* Apply to the parent element of children floated left */ .u_floatThis-left {float: left; margin-right: 5px;} /* Floats immediate descendats right */ .u_floatWrapper-right > * {float: right; margin-left: 5px; *display: inline-block;} /* Floats immediate descendats left */ .u_floatWrapper-left > * {float: left; margin-right: 5px; *display: inline-block;} /* Cleans up after floats */ .u_floatWrapper-left:after, .u_floatWrapper-right:after, .u_controlsWrapper:after { content: "."; display: block; height:0; clear: both; visibility: hidden; } .u_clearFloatsWrapper > * {float:none!important;} .u_controlsWrapper {padding: 6px 0; *display: inline-block;} .u_indent {margin-left:24px!important;} /* need !important to override specificity applied elsewhere */ .u_scrollPanel-vertical {overflow-y:auto;} .u_panel-short {height: 70px; max-height: 100px;} .u_panel-medium {height: 70px; max-height: 150px;} .u_panel-long {height: 70px; max-height: 200px;} /*Fixes*/ /* clearfix is applied to the parent containing floating children */ .clearfix:after, .clearfixParent > *:after { content: "."; display: block; height:0px; clear: both; visibility: hidden; } .clearfix, .clearfixParent > * {display:inline-block;} /* Hide from IE Mac \*/ .clearfix, .clearfixParent > * {display:block;} /* End hide from IE Mac */ .reset { border: none !important; margin:0 !important; padding:0 !important; } /*---Elements---*/ /*Controls*/ /* * CONTROLS */ /* Buttons */ /*@cleaned 9.1*/ .mainButton a, .actionBarMicro .mainButton a, .secondaryButton a, .mainButton a, .genericButton, .genericButtonImg, .browse, .browseIcon, input[type="submit"].submit, .rumble a, .rumble_top a, .paging a, .itemHeaderControl a, .actionMenuButton, /*@since 9.1*/ .button-1, .button-1-img, .button-2, .button-2-img, .button-3, .button-3-img, .button-4, .button-4-img, .paletteSearch .button-4, h3#cs_search + ul div.none:first-child .button-4, .treeContainer .tree li a.button-4-img { padding:2px 9px 2px 9px; background-image:url(images/backgrounds_h.png); /*@palette*/ background-repeat:repeat-x; text-decoration:none; _background-image:none; vertical-align:middle; -moz-border-radius:2px; -webkit-border-radius:2px; } .mainButton h2, .secondaryButton h2 {margin:0; font-size:100%;} /* Button-1 */ /*Branding hooks*/ #primaryButton, /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li a, .actionBar ul li.mainButton a, .actionbar_portal ul li a, div.tabPreview div.actionBar ul li.mainButton a, div.tabPreview div.actionBar ul li.mainButton a:hover, .navPalette div.actionBarMicro ul li.mainButton a, .navPalette div.buttons div.actionBarMicro ul li.mainButton a, .portlet div.actionBarMicro ul li.mainButton a,*/ input[type="submit"].submit, /*@cleaned 9.1*/ .mainButton a, .actionBarMicro .mainButton a, .rumble .mainButton > a, .rumble_top .mainButton > a, /*@since 9.1*/ .button-1, .button-1-img { font-size:105%; font-weight:bold; background-position:0 -65px; color:#fff; /*@palette*/ background-color:#819AC0; /*@palette*/ border:1px solid #666E94; /*@palette*/ border-bottom:2px solid #444A6C; /*@palette*/ border-right:2px solid #444A6C; /*@palette*/ font-size: 101%; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li a:hover, .actionBar ul li.mainButton a:hover, .actionBar ul li.mainButton a:focus, .actionbar_portal ul li a:hover, .navPalette div.actionBarMicro ul li.mainButton a:hover, .navPalette div.actionBarMicro ul li.mainButton a:focus, .navPalette div.buttons div.actionBarMicro ul li.mainButton a:hover, .portlet div.actionBarMicro ul li.mainButton a:hover, .taskButtonsContent button.submit, .taskButtonsContent input.submit, div.controls button.submit, div.controls input.submit, .taskbuttondiv button.disabled, .taskbuttondiv input.disabled, .taskButtonsContent button.disabled, .taskButtonsContent input.disabled, div.controls button.disabled, div.controls input.disabled, #loginBox li input.submit,*/ input[type="submit"].submit:hover, /*@cleaned 9.1*/ .mainButton a:hover, .mainButton a:focus, .actionBarMicro .mainButton a:hover, .actionBarMicro .mainButton a:focus, .rumble .mainButton > a:hover, .rumble_top .mainButton > a:hover, .rumble .mainButton > a:focus, .rumble_top .mainButton > a:focus, /*@since 9.1*/ .button-1:hover, .button-1:focus, .button-1-img:hover, .button-1-img:focus { background-color:#444A6C; border-color:#444A6C; border-width:1px 2px 2px 1px; } /* Button-2 */ /*Branding hooks*/ #secondaryButton, /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li.search a, .actionBar ul li.secondaryButton a, .actionBar_portal ul li.search a,div.tabPreview div.actionBar ul li.secondaryButton a, div.tabPreview div.actionBar ul li.secondaryButton a:hover, .pageTitle h1 a.secondaryButton,*/ /*@cleaned 9.1*/ .secondaryButton a, /*@since 9.1*/ .button-2, .button-2-img { background-color:#FFF1c5; /*@palette*/ color:#000000; /*@palette*/ background-position:0 -45px; border-bottom:1px solid #E6D8B1; /*@palette*/ border-right:1px solid #E6D8B1; /*@palette*/ border:1px solid #D7BB66; /*@palette*/ border-width:1px 2px 2px 1px; font-weight:normal; font-size: 101%; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li.search a:hover, .actionBar_portal ul li.search a:hover, .actionBar ul li.secondaryButton a:hover, .actionBar ul li.secondaryButton a:focus, .actionBar_portal ul li.secondaryButton a:hover, .pageTitle a.secondaryButton:hover,*/ /*@cleaned 9.1*/ .secondaryButton a:hover, .secondaryButton a:focus, /*@since 9.1*/ .button-2:hover, .button-2:focus, .button-2-img:hover, .button-2-img:focus { background-color:#FFF7DF; /*@palette*/ border-color:#AF9441; /*@palette*/ } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar .mainButton a img, .actionBar .secondaryButton a img,*/ /*@cleaned 9.1*/ .secondaryButton a img, /*@since 9.1*/ .secondaryButton .button-2 img {margin: -2px -4px 0 -4px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar .sub a img,*/ /*@cleaned 9.1*/ .sub a img, /*@since 9.1*/ .sub .button-1 img, .sub .button-2 img {margin: -2px -4px 0 4px;} /*Action bar links have to be displayed as blocks*/ /*@cleaned 9.1*/ .mainButton a, .secondaryButton a, /*@since 9.1*/ .actionBar button-1, .actionBar button-2 {display: block;} /*@cleaned 9.1*/ .secondaryButton a, /*@since 9.1*/ .actionBar button-2 {border-width: 1px;} /* Button-3 and button-5 */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*fieldset.stepcontent ol li a.browseIcon, .stepcontent a.browseIcon, div.portlet div.portletBlock a.browseIcon, a.browseIcon,*/ /*@cleaned 9.1*/ .genericButton, .genericButtonImg, .browse, .browseIcon, input[type="submit"].genericButton, .rumble a, .rumble_top a, .paging a, .itemHeaderControl a, .actionMenuButton, /*@since 9.1*/ .button-3, .button-3-img, .button-4, .button-4-img, .navPaletteContent ul li:first-child .paletteSearch .button-4, h3#cs_search + ul div.none:first-child .button-4, .treeContainer .tree li a.button-4-img, .controlpanel .submenu .button-4 { background-color: #ededed; border: 1px solid #ccc; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; color:#333; font-weight: normal; background-position:0 -45px; *display:inline-block; } input.genericButton, input.button-1, input.button-2, input.button-3, input.button-4, .browse, input[type="submit"].genericButton, input[type="submit"].button-1, .actionMenuButton {padding:1px 6px;} .genericButtonImg, .button-3-img, .button-4-img, .itemHeaderControl a, .browseIcon, .treeContainer .tree li a.button-4-img {padding:0 2px 2px;} .genericButtonImg {display:inline-block!important;} input[type="submit"].genericButton, .button-3 {font-weight:bold} .searchbar input[type="submit"].genericButton {font-weight:normal} .taskbuttondiv * {margin-left:2px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*fieldset.stepcontent ol li a.browseIcon:hover, .stepcontent a.browseIcon:hover, div.portlet div.portletBlock a.browseIcon:hover, a.browseIcon:hover, fieldset.stepcontent ol li a.browseIcon:focus, .stepcontent a.browseIcon:focus, div.portlet div.portletBlock a.browseIcon:focus, a.browseIcon:focus,*/ /*@cleaned 9.1*/ .genericButton:hover, .genericButtonImg:hover, .browse:hover, .browseIcon:hover, .genericButton:focus, .genericButtonImg:focus, .browse:focus, .browseIcon:focus, input[type="submit"].genericButton:hover, input[type="submit"].genericButton:focus, .rumble a:hover, .rumble a:focus, .rumble_top a:hover, .rumble_top a:focus, .paging a:hover, .paging a:focus, .itemHeaderControl a:hover, .itemHeaderControl a:focus, .actionMenuButton:hover, .actionMenuButton:focus, /*@since 9.1*/ .button-3:hover, .button-3:focus, .button-4:hover, .button-4:focus, .button-3-img:hover, .button-3-img:focus, .button-4-img:hover, .button-4-img:focus, .navPaletteContent ul li:first-child .paletteSearch .button-4:hover, .navPaletteContent ul li:first-child .paletteSearch .button-4:focus, h3#cs_search + ul div.none:first-child .button-4:hover, h3#cs_search + ul div.none:first-child .button-4:focus, .treeContainer .tree li a.button-4-img:hover, .treeContainer .tree li a.button-4-img:focus, .controlpanel .submenu .button-4:hover, .controlpanel .submenu .button-4:focus { background-color:#FFFFFF; border:1px solid #555555; text-decoration:none!important; } .paletteSearch .button-4:hover, .paletteSearch .button-4:focus {background-image:none!important;} .controlpanel .submenu .button-4:hover, .controlpanel .submenu .button-4:focus { background-image:none !important; padding:2px 6px; } /* Button-5 */ .button-5, .button-5-img {display:inline-block; border: 1px solid #ccc; background:white;padding:0 0.4em 2px;text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px;} .button-5:hover, .button-5-img:hover {background:#ededed; color:black;} /* Button-6 */ .button-6 { -moz-border-radius:1px; -webkit-border-radius:1px; background:#EDEDED url(images/backgrounds_h.png) repeat-x 0 -45px; border:1px solid #CDCDCD; padding:0px 3px; font-size:90%; text-decoration:none; } .button-6:hover {background-color:#f6f6f6;} /*Not sure if this is used*/ button.imageButton {border: 0; padding: 0; background: transparent;} /*List action buttons*/ .rumble a, .rumble_top a {display:block; padding:1px 4px;} .rumble .sub a img, .rumble_top .sub a img {margin:-2px -1px 0 3px} .paging a, .rumble_top .inventory_paging .gotolink, .rumble .inventory_paging .gotolink {padding:1px 4px;display:inline-block} .disabled, .disabled:hover, a.disabled, a.disabled:hover, a.disabled:focus { opacity:0.6; filter:alpha(opacity=60); border-color:#ccc; background-color:#ededed; cursor:default; } /*Select All/None controls for inventory actions*/ .listItemSelect {background:transparent; color:#555; margin:0;} .rumble_top .listItemSelect, .rumble .listItemSelect {padding:0 0 3px; margin:0 0 4px; border-bottom:1px solid #eee;} .rumble .listItemSelect a, .rumble_top .listItemSelect a { display:inline; margin:0; border:none; padding:0 3px 2px; background:none; color:#003399; text-decoration:underline; } .rumble .listItemSelect a:hover, .rumble_top .listItemSelect a:hover {background:#fff;text-decoration:none;} .listItemSelect label {display:inline; border-left:1px dotted #999; padding:0 6px;} .listItemSelect select {font-size:95%;} /*@since 9.1*/ /*Calculator buttons*/ input.calcButton {width:2em;display:inline-block;margin:2px 0;} /*@since 9.1*/ /*Special file actions*/ input#width, input#height, select#border, select#controls, .smallControls input[type="text"].width, .smallControls input[type="text"].height {width:5em} .smallControls select.quality, .smallControls select.controls, .smallControls select.border {width:auto;} /* temporary styles for rob's user test. positions select all/clear all when there are no controls in the list action bar. not sure if this will make it into development. */ .noBatchActions .listItemSelectTop {margin-left:-31px; margin-top:-21px;} .noBatchActions div.listItemSelectBottom {margin-left:-31px; margin-bottom:-21px;} /*Palette action bar buttons*/ /*@cleaned 9.1*/ .actionBarMicro .mainButton a, .actionBarMicro .secondaryButton a, /*@since 9.1*/ .actionBarMicro .button-1, .actionBarMicro .button-2 {padding:0 1px 2px 1px; *padding:1px 1px 0 1px; font-weight:normal;} /*@cleaned 9.1*/ .actionBarMicro .mainButton a img, .actionBarMicro .secondaryButton a img {margin: 0;} /*@cleaned 9.1*/ .actionBarMicro .mainButton a, .actionBarMicro .secondaryButton a, .actionBarMicro .mainButton a:hover, .actionBarMicro .secondaryButton a:hover, .actionBarMicro .mainButton a:focus, .actionBarMicro .secondaryButton a:focus {border-width: 1px;} /*@cleaned 9.1*/ .actionBarMicro .secondaryButton a {border-color: transparent; background:transparent; padding:0 1px 2px; display:block} .actionBarMicro .secondaryButton a:hover {border:1px solid #ffcc00;background:#fff;} .actionBarMicro .active a {border:1px solid #ffcc00;background:#fff;} /* Modified actionBarMicro. Extending the class to work with new Column markup. */ .actionBarMicro.columnActions {margin:0 0 3px; padding:3px 0;background:transparent;} .columnActions ul {margin:0 0 2px;} .columnActions .mainButton a {padding:1px 4px;text-decoration:none;} .columnActions .mainButton a:hover {padding:1px 4px;text-decoration:none;} /*End Modified actionBarMicro.*/ /* Mode switch control. Located in: * - orientation bar, * - above vtbe applet. */ .modeSwitchWrap { position:absolute; right:26px; top:4px; left:auto; font-size:90%; font-size:85%; font-weight:bold; } .modeSwitchWrap div {float: left;} .modeSwitch { position:relative; text-transform:uppercase; padding:1px 0 2px 0; display:block; color:#fff; text-decoration:none; border:1px solid #666; overflow:hidden; } .read-on { padding-right:16px; margin-right:0px; background:url(images/controls.png) no-repeat 100% -20px; background-color:#8091A7; /*@palette*/ } a.read-off { background-color:#fafafa; /*@palette*/ color:#444; padding-left:16px; background:url(images/controls.png) no-repeat -414px -20px; } a.read-on:hover, a.read-on:focus {background-color:#444A6C; /*@palette*/} a.read-off:hover, a.read-off:focus {background-color:#ccc;} a.read-off img {position:absolute; left:0px; bottom:0px; _left:-17px; _right:auto;} a.read-on img {position:absolute; right:0px; bottom:0px; _right:-1px;} /*safari-only hack to fine tune the switch alignment. */ /*\*/ html*.modeSwitch {padding:3px 0 2px 0;*padding:1px 0 1px 0;} html*a.read-off {padding-left:16px;} html*.read-on {padding-right:16px;} /**/ .modeSwitch span {padding:0 9px!important;background:url(images/backgrounds_h.png) repeat-x 0 -35px;_background-image:none;} .switcherLabel {color:#444; padding:2px 4px 2px 0!important; font-weight:normal; float:left;} .helpLink {position:absolute; top:4px; right:4px; border:0; margin:0; font-weight:normal;} .helpLink a.browseIcon {padding:0px 1px; display:inline-block;} /*VTBE on/off switch*/ .vtbeSwitch {position: relative; height: 1em; width: 30em; float: right;} .vtbeSwitch span {padding:0;display:inline-block;font-size:100%!important;} .legacy .vtbeSwitch {height: 2.2em;} .vtbeSwitch div.modeSwitchWrap {right: 0; background-color: #eeeeee; border:1px solid #CCCCCC; border-bottom: 0; padding: 4px 6px;} .vtbeSwitch div.modeSwitchWrap a {_width: 4em;} .vtbeSwitch div.modeSwitchWrap a span#statusText {_width: 2.7em;padding:0 9px!important;} .vtbeSwitch div.modeSwitchWrap a.read-off {background-color: #eee;} .vtbeSwitch div.modeSwitchWrap a.read-off:hover {background-color: #fff;} .vtbeSwitch div.modeSwitchWrap a.read-on span#statusText {color: #FFFFFF;} .vtbeSwitch div.modeSwitchWrap a.read-off:hover span#statusText {color:#000;} table.vtbeTable-legacy {width:100%;} .vtbeTable-legacy textarea {width:100%;*width:99%;} /*end VTBE on/off switch*/ /*End mode switch*/ /* Reorder handle */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li.search a, .actionBar ul li.secondaryButton a, .actionBar_portal ul li.search a,div.tabPreview div.actionBar ul li.secondaryButton a, div.tabPreview div.actionBar ul li.secondaryButton a:hover, .pageTitle h1 a.secondaryButton,*/ /*@cleaned 9.1 @since 9.1*/ .reorder { position: absolute; background: #ededed url(images/controls.png) no-repeat -172px -118px; opacity: 1; filter: alpha(opacity=100); -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; cursor:move; } /*Content list reorder handles.*/ /*@cleaned 9.1 @since 9.1*/ .item .reorder {top:2px; left:-2px; height:28px; width:20px;} /*@cleaned 9.1 @since 9.1*/ /* Reorder handle for icons-only version. */ .iconsOnly .reorder {left:-2px; top:2px; height:28px; width:20px; background-position:-235px -118px;} /*Course menu reorder handles.*/ /*@cleaned 9.1 @since 9.1*/ .listCm .reorder, .subList-reorder .reorder { left:-3px; top:2px; width:16px; height:18px; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-right:1px solid #ccc; background-position:-175px -122px; } .subList-reorder .reorder {left:-17px;top:1px} .listCm .subhead .reorder {top:4px;} .reorder > img {opacity: 0; filter:alpha(opacity=0);} .item .reorder > img {margin:6px 3px} .buttonCm .reorder {top:3px;padding:0;opacity:0.6;filter:alpha(opacity=60);width:14px;background-position:-176px -123px} .buttonCm .subhead .reorder {top:0px;} .buttonCm .divider .reorder {top:-4px;*top:0px;left:0;} /* Portal module reorder control.*/ .portlet .reorder { left:-9px; top:-9px; background:#597298 url(images/controls.png) no-repeat -208px -123px; opacity:0; filter:alpha(opacity=0); -moz-border-radius:1px; -webkit-border-radius:1px; } .portlet .reorder > img {width:18px;height:18px;} /* Setting reorder control opacity back to 1. Will not work in ie6. */ .portlet h2:hover .reorder {opacity:1; filter:alpha(opacity=1);} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /* ul.easylist li h3.item:hover span.reorder, ul.easylist li h3.item:hover a.cmimg, ul.noimg li h3.item:hover span.reorder, ul.noimg li h3.item:hover a.cmimg, ul.buildList li h3.item:hover span.reorder, ul.contentList li h3.item:hover span.reorder, ul.contentListPlain li h3.item:hover a.cmimg, ul.contentListPlain li h3.item:hover span.reorder, ul.contentListPlain li h3.item:hover a.cmimg, .contentPageItem h3.item:hover a.cmimg, .contentPageItem h3.item a.cmimg:hover, ul.iconsOnly li:hover h3.item span.reorder, ul.announcementList li h3.item:hover span.reorder, ul.buildList li h3.item:focus span.reorder, ul.contentList li h3.item:focus span.reorder, ul.contentListPlain li h3.item:focus a.cmimg, ul.contentListPlain li h3.item:focus span.reorder, ul.contentListPlain li h3.item:focus a.cmimg, .contentPageItem h3.item:focus a.cmimg, .contentPageItem h3.item a.cmimg:focus, ul.iconsOnly li:focus h3.item span.reorder, ul.announcementList li h3.item:focus span.reorder */ /* End Reorder handle */ /* Contextual menu link */ .contextMenuContainer {display:inline;zoom:1} /* Default contextual menu link (large). */ a.cmimg { background:transparent url(images/controls.png) no-repeat scroll -320px -125px; opacity:0.8; filter:alpha(opacity=80); padding:0 0 1px 0; *padding:0 0 2px 0; margin:0 0 0 3px; font-size:12px; zoom:1; *position:static; } a.cmimg:hover, a.cmimg:focus {opacity:1; filter:alpha(opacity=100); background-position:-320px -143px;} a.cmimg img {width:16px;height:14px;padding:0;margin:0;opacity:0;filter:alpha(opacity=0);} /*@cleaned 9.1*/ .listCm .courseMenu a.cmimg, .buttonCm .courseMenu a.cmimg, .portlet a.cmimg, /*@since 9.1*/ a.cmimg-small { position:absolute; right:4px; _right:0px; top:5px; margin:0; padding:0; background-image:url(images/controls.png); background-repeat: no-repeat; background-position: -30px -125px; opacity:0.7; filter:alpha(opacity=70); display:inline-block; height:13px; overflow:hidden; } .listCm .courseMenu a.cmimg:hover, .portlet a.cmimg:hover, .listCm .courseMenu a.cmimg:focus, .portlet a.cmimg:focus, .buttonCm .courseMenu a.cmimg:hover, .buttonCm .courseMenu a.cmimg:focus, /*@since 9.1*/ .cmimg-small:focus, .cmimg-small:hover { opacity:1; filter:alpha(opacity=100); background:transparent url(images/controls.png) no-repeat -30px -143px; zoom:1; } .courseMenu .subhead a.cmimg {top:7px;} /*Contextual menu control in the button version af the course menu*/ .buttonCm .courseMenu .subhead .cmimg {top:2px;} .buttonCm .courseMenu .divider .cmimg{top:-2px;*top:0;} .portlet a.cmimg {position:relative;right:0;top:2px;*position:static;} .listCm .courseMenu a.cmimg img, .portlet a.cmimg img {width:13px;height:13px;opacity:0;filter:alpha(opacity=0);} /* Form elements */ /*@cleaned 9.1*/ input[type="text"], input[type="password"], select, textarea {border:1px solid #666; padding:1px; vertical-align:middle;} /*@cleaned 9.1*/ input[type="text"]:focus, textarea:focus, input[type="password"]:focus {background: #fff1c5; border-color:#000;} .submenu input[type="text"], #searchPalette_contents input[type="text"] {border-color:#999999 #DDDDDD #DDDDDD #999999; padding:2px 4px; width:105px} .submenu input[type="text"]:focus, #searchPalette_contents input[type="text"]:focus {border-color:#666666 #AAAAAA #AAAAAA #666666; color:#333333;} /*Controls for minified elements*/ .smallControls input[type="text"], .smallControls select {padding:0!important; width:100%;} .textareaWrapper textarea, .textareaWrapper table {width:100%;} /* Course menu link inline renaming */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.listCm .courseMenu input, .listCm .courseMenu li input[type="text"], .renameCourseToc input,*/ /*@since 9.1*/ .courseMenu input, .courseMenu input[type="text"], .renameCourseToc input {margin-left:18px; width:120px;} .renameCourseToc input {margin-left:0;} #calculatorValue {width:9em; margin:3px 0; background:#f6f6f6;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.listCm ul.courseMenu li a.microControl, div.renameCourseToc a.microControl,*/ /*@since 9.1*/ a.microControl {border:0; margin:0; padding:0; float:none; display:inline;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.listCm ul.courseMenu li a.microControl img, div.renameCourseToc a.microControl img, */ /*@since 9.1*/ a.microControl img {width:12px; height:12px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.listCm ul.courseMenu li a.save, div.renameCourseToc a.save,*/ /*@since 9.1*/ a.save {background:transparent url(images/controls.png) no-repeat -50px -123px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.listCm ul.courseMenu li a.cancel, div.renameCourseToc a.cancel,*/ /*@since 9.1*/ a.cancel {background:transparent url(images/controls.png) no-repeat -70px -123px;} /*Frame resize toggle (located to the left of applicatio tabs in the top frame)*/ .frameResizeToggle { position:absolute; left:0px; _top:68px; overflow:hidden; bottom:0px; display:block; background:#EFD177 url(images/backgrounds_h.png) repeat-x 0 -45px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; *padding:0 1px 0px; padding:2px 2px 3px 2px; border:1px solid #CFAF4D; border-width:1px 1px 0 0; } .frameResizeToggle a { overflow:hidden; background:transparent url(images/controls.png) no-repeat -4px -179px; display:block; } .frameResizeToggle a:hover {opacity:1;filter:alpha(opacity=100);} .frameResizeToggle a.resize-on {background-position: -269px -124px;opacity:0.6;} .frameResizeToggle a.resize-off {background-position: -269px -146px;opacity:0.6;} .frameResizeToggle a.resize-on:hover {background-position: -290px -124px;opacity:1;} .frameResizeToggle a.resize-off:hover {background-position: -290px -146px;opacity:1;} .frameResizeToggle a img {width:19px;height:18px;} /*End frame resize toggle control*/ /*Content area toggle (located a top content are title)*/ .localViewToggle {zoom:1; background:#FFF1C5; margin:0; padding:0 0 2px 0;} .localViewToggle ul {margin:0 4px 0 4px;} .localViewToggle ul li {float:right;} .localViewToggle a {display:block; padding:2px 9px; font-size:85%; text-decoration:none; margin:1px 0 0 0;} .localViewToggle a:hover {text-decoration:underline;} .localViewToggle a.active, div.localViewToggle h2 { background:#FFF; font-weight:bold; padding:2px 9px 2px 9px; border:1px solid #FFCC00; margin:0; font-size:85%; } .localViewToggle .separator {border-left:1px dotted #D7BB66; margin-left:6px;padding-left:6px;} .localViewToggle a.miniComboButton { background:#F5E7BD url(images/controls.png) no-repeat -1px -500px; padding-right:16px; border:1px solid #D7BB66; text-decoration:none!important; color:#444; } /*End content area toggle.*/ /* Color chip: indicates color and opens color picker */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*fieldset.stepcontent ol li a.colorChip, */ /*@since 9.1*/ a.colorChip {padding:1px 0 1px 2px; display:inline-block;} a.colorChip span {display:inline-block; padding:2px; background:url(images/controls.png) no-repeat -320px -123px; vertical-align:middle;} a.colorChip:hover span {background-position:-320px -141px} a.colorChip span img {width:16px; height:16px; opacity:0; filter:alpha(opacity=0);} /*Color placeholder*/ a.colorChip img.chipSwatch {border:1px solid #ccc; border-bottom:1px solid #aaa; border-right:1px solid #aaa; width:16px;height:16px;} span.colorChipName {display:inline-block!important; vertical-align:middle;padding:0!important} /*end color chip*/ /*Tagging*/ fieldset ol li span.tagContainer input, fieldset ol li span.tagContainer a.browse {font-size:95%;} fieldset ol li span.tagContainer, fieldset ol li span.tagContainer span, fieldset ol li ol li span.tagContainer, fieldset ol li ol li span.tagContainer span { float:none; display:inline; padding:2px 2px 2px 0; width:auto; font-weight:normal; font-size:100%; } fieldset ol li span.tagContainer span.hidden, fieldset ol li ol li span.tagContainer span.hidden {display: none;} fieldset ol li span.hidden, fieldset ol li ol li span.hidden, .contentBlock ol li span.hidden {display: none;} /*End tagging*/ /*VTBE*/ .vtbe_footer {background-color:#eee;font-size:90%;*font-size:70%;color:#666;padding:2px 6px;border:1px solid #ccc;border-top:0;} .vtbe_footer span {font-size:100%;} .vtbe_footer input[type=button] {font-size:95%;} .vtbe_footer a {margin:0 0 0 3px} /*End Vtbe*/ /*VTBE resize handle*/ .resize_handle { height: 12px; background: #ccc url(images/controls.png) no-repeat 50% 0; cursor: n-resize; text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #bbb;} .resize_handle:hover {background-color: #bbb;border-bottom-color:#999;border-top-color:#ccc} .resize_handle img {width:100%;height:8px} /*Input type="file" hack*/ /* Styles cannot be applied to input type="file" to make it blend in with the rest of the ui. * Setting its opacity to 0 and laying it over the conventional looking button. */ .fileInputWrapper {float:left; position:relative; overflow:hidden; padding:0 3px 0 0; margin-right:9px; *top:-5px;} .fileInputWrapper input.hiddenInput { position:absolute; top:0; right:0; z-index:2; padding:0; opacity:0; filter:alpha(opacity=0); text-align:right; font-size:210%; } .fileInputWrapper input[type="file"] {filter:alpha(opacity=0)!important} .fileInputWrapper input.visibleInput {position:relative; right:0; top:0; z-index:1;} /*End input type="file" hack*/ /* for moving values between adjacent select boxes */ div.selectItems {margin:2px 0 0 9px; padding:3px 3px 9px 3px; border:1px solid #ccc; background:#eee; float:left; display:none;width:580px;} div.selectItems div {margin:0; padding:3px; float:left;} div.selectItems div select {display:block; margin:6px 0; width:265px;} div.selectItems div input[type=button] {margin:6px 0;} div.selectItems div.selectArrows {margin:40px 0;} div.selectArrows a {display:block; margin:6px 0;} /*Variation for when multiselector has no label on the left. */ div.noLabelField div.selectItems {width:97%;} div.noLabelField div.selectItems > div {width:46%;} div.noLabelField div.selectItems div select {width:100%;} div.noLabelField div.selectItems div.selectArrows {text-align:center;width:5%;} div.noLabelField div.selectArrows a {margin:6px auto;} /* end of select boxes styles */ /*Legacy controls. To make sure that 3rd party building blocks look good.*/ /*Action bar*/ /*Legactinventory control actions: move, copy delete.*/ .actionBar .mainButton-legacy {float:left;border-right:0;padding:0;margin:2px 0 0 6px;font-weight:normal;font-size:95%;} .reverseButtons .mainButton-legacy {float:right} .actionBar .mainButton-legacy a {font-size:100%;display:block;text-decoration:none;padding:3px 7px 3px 7px;color:#444; border:1px solid #ACC2DF;background:#D3E2F5;} .actionBar .mainButton-legacy a:hover {border:1px solid #ACC2DF;border-bottom:1px solid #5577bb; border-right:1px solid #5577bb; background:#e3efff url(images/backgrounds_h.png) repeat-x 0 -45px;} /*Inline action controls appearing in tables*/ a.inlineAction-legacy {text-decoration:none;padding:1px 5px 2px 5px;border:1px solid #ACC2DF;background:#D3E2F5;color:#000;font-size:95%;} a.inlineAction-legacy:hover {text-decoration:none;padding:1px 5px 2px 5px;border:1px solid #ACC2DF;border-bottom:1px solid #5577bb; border-right:1px solid #5577bb;background:#e3efff url(images/backgrounds_h.png) repeat-x 0 -45px; color:#000;font-size:95%;} /*End Legacy*/ /*Multiselect widget*/ .multiSelect {padding:0 0 12px 0} .multiSelect > div {width:46%;float:left;margin:0;padding:3px;} .multiSelect select {width:100%;} .multiSelect div.selectArrows {text-align:center;width:5%;margin:40px 0;} /*End multiselect widget*/ /*@since 9.1. Widget-like wrapper to keep associated controls appear consistently regardless of context.*/ .widget {background: #EEEEEE; border: 1px solid #CCCCCC; margin: 6px 0; padding: 1px 6px;} .widgetControls, table .widgetControls {font-size:90%;} .widget .spellCheck, .widget .textBoxItem {float:right} /*End widget*/ .divider {border-bottom:1px dotted #aaa;} /*@since 9.1 (on hold)*/ /*Handle used in al horizontmenu pane resizing*/ #resizeHandle {position:absolute;background:#ddd;left:200px;bottom:0;top:0;border:1px solid #999;margin-top:0;width:3px;-moz-border-radius:1px;-webkit-border-radius:1px;} #resizeHandle:hover {background: #aaa; cursor: e-resize;} #resizeHandle .collapseControl, #resizeHandle .pullcollapsed { margin-top:200px; position:relative; width:11px; height:22px; left:-5px; font-size:8px; background:transparent url(images/menu_collapse3.gif) no-repeat scroll -2px -3px; display:block; -moz-border-radius:2px; border:1px solid #999; } .collapseControl:hover {cursor:pointer} /*.pullcollapsed a {background:transparent url(images/menu_expand3.gif) no-repeat scroll -2px -3px!important;} .pullcollapsed {left:3px !important}*/ /*VTBE*/ .htmlarea .toolbar div > div {float:left; padding:0 1px; height:22px;} .htmlarea iframe {min-width:300px!important} .htmlarea .toolbar a.wikiButton, .htmlarea .toolbar a.wikiButton img {width:auto!important} /*End VTBE*/ /* * END CONTROLS */ /*---End elements---*/ /*---Components---*/ /*Core page components*/ /* * PAGE COMPONENTS */ /*Breadcrumbs*/ /* Breadcrumbs */ .path, .simplePath { font-size:85%; font-weight:bold; color:#000; background:#dedede; margin:0px; padding:4px 200px 4px 6px; position:relative; _height:1px; } .simplePath {background:transparent; padding:4px 12px 0px 12px;} .breadcrumbs .noToggle {padding: 4px 24px 4px 6px;} /*Floating breadcrumb elements. Floating is necessary due to RTL rendering issues.*/ .path li, .simplePath li { float:left; padding:0 12px 0 3px; background:transparent url(images/indicators.png) no-repeat 100% 50% ; font-weight:normal; color:#444; } /*Used to allow breadcrumbs without href anchors to render in same manner.*/ .path .placeholder, .simplePath .placeholder { background-image: none; padding:0 0 0 3px; font-weight:bold; color:#000; } /*Optional breadcrumb label style.*/ .path .label, .simplePath .label {padding:0 6px 0 6px; color:#444; font-weight:normal;} /*Default breadcrumb link.*/ .path a, .simplePath a {font-weight:normal; color:#000000; text-decoration:none;} .path a:hover, .simplePath a:hover { color:#000; text-decoration:underline; } /*First element in the breadcrumbs.*/ .path .root, .simplePath .root { background-color: #949494; background-image: none; font-weight:bold; color:#efefef; -moz-border-radius:2px; -webkit-border-radius:2px; padding:2px 8px 2px 8px; *padding:2px 4px 2px 4px; margin:-2px 8px -2px -2px; *margin:-2px 8px -2px 0px; } .path .root a, .simplePath .root a { font-weight:bold; color:#FFF; text-decoration:none; padding:1px 1px 2px 1px; } /*Course menu button (displayed when orientation bar is placed in its own frame)*/ .path .button, .simplePath .button { padding:0 1px 2px 1px; margin:-2px 8px -2px -2px; *margin-right:6px; background-color:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; } .path .button a, .simplePath .button a {background-image:none; padding:1px 1px 2px 1px;} /*End breadcrumbs*/ /*Content area title (aka Page Title)*/ /*Branding hooks*/ #pageHeader, /*Regular selectors*/ .pageTitle, .pageTitleSmall, div#lightboxContent h2 { margin:0; padding:6px 12px 6px 12px; background-color:#FFF1C5; color:; zoom:1; color:#000; } .pageTitle, div#lightboxContent h2 {border-bottom:1px solid #EEDD99;} .pageTitle h1, .pageTitleError h1 {padding:0; font-size:150%; margin:6px 0 0 0;} .pageTitle #titleicon, .pageTitle h1, .pageTitle a.cmimg {float:left;} .pageTitle a.cmimg {margin:16px 0 0 6px} .pageTitle #titleicon {/*width:36px; height:36px;*/margin:0 6px 0 0;} .pageTitleSmall h1 {padding:0;font-size:135%;margin:0;} /*since 9.1*/ .pageTitle h2 { clear:both; margin:0; font-size:100%; color:black; /* in case it sits in div.helphelp */ } .pageTitle h2 span {font-weight:normal;} /*since 9.1*/ /*Page context, usually comes before page title and is appended with ":"*/ .contextString, .pageTitle .label {color:#777;font-weight:normal} .error .pageTitle {background:red;} .error .pageTitle h1 {color:#fff;} #titleicon + *, #titleicon + a.cmimg {margin-top:12px;} .customBanner {overflow:hidden;text-align:center;margin:0;background-color:transparent;} /*Removing top padding if local toggle is present*/ div.localViewToggle + div.pageTitle {padding-top:0;} /* Outcomes page header styles -- Temporary fix */ h1.pageTitle, .caliperTitle, .discoverTitle {margin:-11px 0 5px 0;padding-top:0;} .discoverTitle, .caliperTitle {*position:relative;*top:-11px;} .unitHomePageTitle {margin:-11px -12px 5px -12px;padding-top:0;} .caliperTitle h1 {padding:0;float:none;margin:0} .unitHomePageTitle h1 {padding:0;margin:0;float:none;} .discoverTitle h1 {padding:0 12px} .unitHomePageTitle a.browse, .caliperTitle a.browse {float:right;font-size:60%;font-weight:normal;margin:4px 0 0 6px;padding-top:2px;padding-bottom:1px;} .unitHomePageTitle a.browseNoImg {padding-top:2px;padding-bottom:3px;} /* End Outcomes page header styles */ /*Lightbox header*/ div#lightboxContent h2 {position:relative;} /*Page-level help text*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.helphelp, p.helphelp, div.pageTitle p,*/ /*@since 9.1*/ .helphelp, .pageTitle p{ color:#666666; margin:0 0 4px 0; padding:4px 4px 0px 0; clear:both; } /*div.helphelp p.helphelp {font-size:100%}*/ div.helphelp ul {margin:6px 0} /*Instalation details (displayed in admin panel page title)*/ /*Colophon that details installation details in the admin panel.*/ h1 span.version {font-size:75%} .colophon { float:right; width:30em; padding:0px 0 3px 55px; margin:0 0 0 14px; background:transparent; font-size:85%; overflow:visible; *font-size:90%; position:relative; } .colophon img {position:absolute;left:0;} .installation {color:#000;*font-size:95%;line-height:1.3em;} .installation span {font-weight:bold;} /*End installation details*/ /*End page title*/ /*Action bars*/ /*Content area action bar*/ .actionBar { margin:-1px 0 0 0; padding:6px 6px 6px 6px; border-bottom:1px solid #EEDD99; *padding:4px 6px 6px 6px; background:#FFF1C5; zoom:1; z-index:110; } /*@since 9.1*/ .actionBar ul li {zoom:1; position:relative;} .actionBar ul li.mainButton {z-index:110;} .actionBar ul li.secondaryButton {z-index:109;} .actionBar ul li.mainButton:hover {z-index:112;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li, .actionbar_portal ul li,*/ /*@since 9.1*/ .actionBar .mainButton {float:left; margin:2px 0 0 4px; padding-right:1px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.actionBar ul li.search, .actionbar_portal ul li.search,*/ /*@since 9.1*/ .actionBar .secondaryButton {float:right; margin:2px 4px 0 0;} /*@since 9.1*/ .actionMenu {z-index:111;zoom:1; position:relative;} .actionMenuItem {z-index:123;zoom:1; position:relative;} /*Course menu palette action bar*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette div.actionBarMicro, .portlet div.actionBarMicro,*/ /*@since 9.1*/ .actionBarMicro {padding:0px 5px 4px 5px; background:#FFF1C5; /*@palette*/} .portlet .actionBarMicro {padding:4px 4px 4px 4px; margin:0;} .portlet .actionBarMicro ul {margin:2px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.navPalette div.actionBarMicro ul li, div.navPalette div.buttons div.actionBarMicro ul li, .portlet div.actionBarMicro ul li,*/ /*@since 9.1*/ .actionBarMicro ul li {padding:0; position:relative; float:left; margin:0 0 0 3px; *margin:1px 0 1px 3px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette div.actionBarMicro ul li.mainButton, .navPalette div.buttons div.actionBarMicro ul li.mainButton, .portlet div.actionBarMicro ul li.mainButton,*/ /*@since 9.1*/ .actionBarMicro .mainButton {margin:0 3px 0 0; z-index:1000;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.navPalette div.actionBarMicro ul li.secondaryButton, div.navPalette div.buttons div.actionBarMicro ul li.secondaryButton,*/ /*@since 9.1*/ .actionBarMicro .secondaryButton {float:right; z-index:10;} /*End Action bars*/ /*Top frame elements*/ /*Top frame links*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks, table.topTabs tr td div.topGlobalLinks,*/ /*@since 9.1*/ .topGlobalLinks { position:absolute; text-align:center; top:0; right:0; left:0; padding:0; _display:block; _width:100%; zoom:1; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs-compact div.topGlobalLinks, table.topTabs-compact tr td div.topGlobalLinks,*/ /*@since 9.1*/ .topTabs-compact .topGlobalLinks {left:auto;_width:100%;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul, table.topTabs tr td div.topGlobalLinks ul,*/ /*@since 9.1*/ .topGlobalLinks ul {padding:0 3px 2px 3px; z-index:1001; /*Attributes for different top link alignments. Leave attributes for alignment in use uncommented.*/ /*Center-aligned.*/ width:420px; _width:440px;margin:0 auto; /*Right-aligned.*/ /*float:right;*/ /*Left-aligned.*/ /*float:left; margin:0 0 0 20px;*/ } .topTabs-compact .topGlobalLinks ul {float:right;border:0;width:auto;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li, table.topTabs tr td div.topGlobalLinks ul li,*/ /*@since 9.1*/ .topGlobalLinks ul li {float:left; position:relative; zoom:1; _height:1%; *z-index:499;} .topTabs-compact .topGlobalLinks ul li {float:left;margin:0 4px;position:relative;z-index:499;} .topGlobalLinks ul li img {position:absolute;top:1px;left:-14px;} /*@since 9.1*/ .topTabs-compact .topGlobalLinks ul li img {top:-2px;left:-12px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li a, table.topTabs tr td div.topGlobalLinks ul li a,*/ /*@since 9.1*/ .topGlobalLinks a { display:block; _display:inline-block; margin:0; text-decoration:none; color:#FFF; font-size:85%; text-align:left; border-left:1px dotted #555; _border-left-style:solid; padding: 3px 8px 3px 30px; *padding: 4px 8px 4px 30px; zoom:1; } .topTabs-compact .topGlobalLinks a {padding:0 0 0 20px; background-image:none; border:0} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li a:hover,*/ /*@since 9.1*/ .topGlobalLinks a:hover, .topGlobalLinks a:focus {text-decoration:underline;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li:first-child a, div.topTabs div.topGlobalLinks ul li:first-child a:hover,*/ /*@since 9.1*/ .topGlobalLinks ul li:first-child a {border:none;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li a.myPlaces,*/ /*@since 9.1*/ .topGlobalLinks a.myPlaces { /*background:transparent url(images/small_profile.gif) no-repeat 2px center; padding: 3px 6px 3px 28px;*/ } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li a.home,*/ /*@since 9.1*/ .topGlobalLinks a.home {/*background:transparent url(images/icon/home_ti.gif) no-repeat 2px center;*/} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li a.logout,*/ /*@since 9.1*/ .topGlobalLinks a.logout {/*background:transparent url(images/logout.gif) no-repeat 2px center;*/} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs div.topGlobalLinks ul li a.help,*/ /*@since 9.1*/ .topGlobalLinks a.help {/*background:transparent url(images/small_help_on2.gif) no-repeat 2px center;*/} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs-compact ul li a { padding:5px 12px 5px 12px; margin:0; color:#fff; font-size:85%; }*/ /*safari only hack to reduce font size further */ /*\*/ html*.topGlobalLinks a, html*.topGlobalLinks a {font-size:80%;*font-size:85%;} /**/ /*End top frame links*/ /*Top frame hot links and hot spots*/ div.topTabs div.hotItems { position:absolute; right:0; top:0; *height:38px; max-height:38px; width:200px; background:transparent; } .topTabs-compact div.hotItems {display:none;} div.topTabs div.hotItems ul.hotLinks { list-style:none; margin:0px 14px 2px 0; padding:0; border:none; *height:58px; max-height:58px; overflow:auto; z-index:1001; } div.topTabs div.hotItems ul.hotLinks li { margin:0; padding:0; float:none; border:0; top:0; } div.topTabs div.hotItems ul.hotLinks li a { padding:1px 8px; text-decoration:none; background:transparent; color:#fff; font-size:85%; line-height:100%; } div.topTabs div.hotItems ul.hotLinks li a:hover {text-decoration:underline;} /*End top frame hot links and hot spots*/ /*End top frame elements*/ /*Navigation pane components*/ /*Course menu image*/ div.cmImg {overflow:hidden; text-align:center; margin:0px 0px 6px 12px; width:180px;} div.cmImg img{width: 180px;} /* Navigation Pane divider */ h2.navDivider { padding:9px; border-top:3px double #ddd; margin:18px 0 4px 0; color:#555; font-weight:bold; font-size:85%; *font-size:80%; text-transform:uppercase; letter-spacing:3px; text-align:center; } /*End navigation pane components*/ /*Copyright*/ #copyright {display:block; width:500px; font-size:85%; color:#555; margin:12px auto; position:relative;} .loginCopyright { width:580px!important;} .logo, .productTitle , .legal, .additionalInfo {float:left;min-height:4em; line-height:1.3em;vertical-align:bottom;} .productTitle {padding:9px 12px 0px 9px;min-height:auto;} .logo {padding:5px 12px 0 0} .legal, .additionalInfo {border-left:1px dotted #efefef;width:18.5em; padding:3px 3px 6px 12px} .loginCopyright .legal, .loginCopyright .additionalInfo {width:24em;min-height:2.5em; } .loginCopyright .legal {border-left:none;padding:3px 12px 6px 12px;width:24.5em;} .legal p, .additionalInfo p {margin:0;padding:0 0 2px 0} .productTitle a {font-size:125%;font-weight:bold;text-decoration:none;line-height:1.1em;color:#333;text-align:right;display:block;} .productTitle a:hover {text-decoration:underline;} .additionalInfo a {color:#333} div.copyrightDetailContents { display:none; padding: 6px 6px 9px 20px; position: absolute; top:-.2em; left:5.2em; width:42em; min-height:5em; background-color: #404040; -moz-border-radius:5px; color:#fff; clear:left; } .productImg {float:left;margin-top:5px;} .copyrightDetailContents ul {margin:0 0 0 12px;float:left} .copyrightDetailContents ul li span {font-weight:bold} a.closeCopyright {float:right;} /*End Copyright*/ /*Additional Info above CS inventory table*/ .additional {padding:2px 3px 3px 3px;margin:0 0 6px 0;zoom:1;*height:1%;} .additional .left {float:left;} .additional .right {float:right;padding:2px 3px;color:#777;} .additional .right span.size {font-weight:bold;color:#000;} .additional .left span.suboption {display:block} /*End additional info*/ /*Shopping cart */ body.cartMode {padding-bottom:49px} .addedRow, table.sortable tbody tr.addedRow th label a, .addedRow td a {color:#999;} .addedRow {background:;} .addedRow img {opacity:0.5; filter:alpha(opacity=50);} table#datatable2 tr td, table#datatable2 tr th {padding:1px 3px;font-size:85%;} table#datatable2 thead th {padding:3px 3px} .itemSelector {width:20px;height:20px;margin:0 auto;} .itemSelector input {opacity:0; filter:alpha(opacity=0);} .available {background:transparent url(../../../images/ci/ng/available_ti.png) no-repeat 0 0;} .inprogress {background:red url(../../../images/ci/ng/progress.png) no-repeat 0 0;} .selected {background:transparent url(../../../images/ci/ng/selected_ti.png) no-repeat 0 0;} .remove {background:transparent url(../../../images/ci/ng/remove_ti.png) no-repeat 0 0;} .itemTray { position:fixed; height:40px; bottom:0; left:0; right:0; background:#888!important; opacity:0.95; /*filter:alpha(opacity=95);*/ z-index:10000; border:3px solid #555; border-bottom:0; -moz-border-radius:9px 9px 0 0; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; margin:0 4px; padding:4px 9px; } div.itemTrayContentPane {left:200px;} /* styles tray when used with navFrame/contentFrame layout */ div.itemTrayContentPaneWide {left:0;} /* styles tray when used with navFrame/contentFrameWide layout */ .itemTray h2, .itemTray h3 {font-size:125%;padding:6px 0; background:transparent; margin:0;color:#fff;} .itemTray h2 span.listToggle, .itemTray h3 span.listToggle {color:#eee; font-weight:normal;} .itemTray h2 span.listToggle a, .itemTray h3 span.listToggle a {color:#eee; text-decoration:none; border-bottom:1px dotted #ccc;} .itemTray h2 span.listToggle a:hover, .itemTray h3 span.listToggle a:hover {border-bottom:1px solid #ccc;} .itemTray div.noItems {color:#fff;} .itemTray #cartList {padding:9px 0;} .itemTray #selectedItemsWrapper {background:#777; padding:4px;} .itemTray .cartTableWrapper {max-height:130px; overflow-y:auto; border:1px solid #555; background:#fff;} .sideTOC .cartTableWrapper {overflow:auto;} #count, .itemTray #numberOfElements {background:#888;-moz-border-radius:3px;-webkit-border-radius:3px;padding:0 6px;text-align:center;} #progress {display:none; position:absolute; width:100px; margin:300px 50%; z-index:300;} #progress div {margin-left:-100%;} #cartSubmit {z-index:200;} /* styles a form within the tray. example: used for question discovery */ #cartList fieldset {margin:0 12px 0;padding:3px 3px 12px; color:#f6f6f6;} /*#cartList fieldset ul {list-style:none; margin:0; padding:0;} #cartList fieldset ul li {list-style:none; margin:0; padding:0;}*/ #cartList fieldset ul li input[type=text] {border:1px solid #666666; padding:0px; width:2.3em;} /*End shopping cart*/ /*Content area columns*/ .leftColumn-narrow {float:left; padding-right:1%; width:23%; margin:0; border-right:1px dotted #ccc;} .rightColumn-narrow {float:right; margin-left:1%; width:24%;} .rightColumn-wide {float:right; width:74%;} .leftColumn-wide {float:left; width:73%; padding-left:1%;} .leftColumn-narrow h3, .rightColumn-narrow h3 {position:relative; margin:6px 0 3px; padding:0; color:#666666; font-size:100%;} .leftColumn-narrow h4, .rightColumn-narrow h4, .columnPalette h4 {display:block; margin:0; padding:0; word-wrap:break-word;} .leftColumn-narrow a.itemHead, .rightColumn-narrow a.itemHead, a.itemHead { display:block; padding-left:16px; background: url(images/indicators.png) no-repeat 0px -445px; color:#597298; letter-spacing:1px; text-decoration:none; } h3.inventoryHeader {border-top:1px dotted #ccc; padding-top:6px; } .leftColumn-narrow a.itemHead:hover, .rightColumn-narrow a.itemHead:hover, a.itemHead:hover {text-decoration:underline;} .leftColumn-narrow a.itemHeadOpen, .rightColumn-narrow a.itemHeadOpen, a.itemHeadOpen { background: url(images/indicators.png) no-repeat 0px -1040px; color:#333; } .paletteGroup, .columnPalette {position:relative; margin:0 0 6px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px; background:#f6f6f6;} .paletteGroup div.columnPalette { /* remove borders from grouped palettes */ position:relative; margin:0 0 6px; border:none; padding:0; background:transparent; } .paletteItems {margin:0 0 4px; padding:3px; font-size:90%;} .paletteItems input[type=text] {display:inline-block; border:1px solid #666666; padding:1px;} .paletteItems li {position:relative; margin:0; border-bottom:1px dotted #ccc; padding:3px 0pt 5px; list-style:none; line-height:110%;} .paletteItems li label {display:inline-block;padding-left:21px;} .paletteItems li:last-child {border:none;} .paletteItems li input[type=checkbox], ul.paletteItems li input[type=radio] {position:absolute; left:0; top:0;} .paletteItems li:hover, .paletteItems li.selectedItem:hover {background:#fff;} .paletteItems li.selectedItem {background:#FFF7DE; color:#333;} /* actionbar for column styles. prevents wrapping and gap btw text and icon when background color applied */ .columnActions ul li a {display:block;} /*End content area columns*/ /*Item Gallery View */ .itemGallery * {zoom:1;} .itemGallery {padding: 0; margin: 0; zoom:1} .itemGallery > li {margin: 5px 5px 20px 5px; _height: 130px; text-align: center; vertical-align: top; width: 1.2em; padding-top: 0.06em;zoom:1} .itemGallery .stackFix {height: auto; width: 100%;zoom:1;*height:1%} .itemIconHolder {padding: 0px ;height: 1em; width: 100%; position: relative; margin:0 auto .05em auto;zoom:1} .itemIconHolder a {display: block; overflow: hidden; border:1px solid #ccc;zoom:1} .itemIconHolder a:hover {border-color: #777} .itemIconWrapper {border:0.026em solid #f1f1f1; position: absolute; bottom: 0; margin: 0 50%; width: auto;} /*Thumbnail size control*/ .x-small li {font-size: 70px; width: 1.8em} .small li {font-size: 100px} .normal li {font-size: 140px} .large li {font-size: 180px} .x-large li {font-size: 220px} .u_resetFont-px {font-size:12px;} .itemIconLink-vertical a {width: .78em; height: .9em;} .itemIconLink-square a {width: .78em; height: .78em;} .itemIconLink-horizontal a {width: 1em; height: .78em;} .itemIconLink-vertical img {width: .8em; height: .9em; vertical-align: top;} .itemIconLink-square img {width: .8em; height: .8em; vertical-align: top;} .itemIconLink-horizontal img {width: 1em; height: .8em; vertical-align: top;} .itemIconLink-vertical .itemIconWrapper, .itemIconLink-square .itemIconWrapper {left: -0.39em;} .itemIconLink-horizontal .itemIconWrapper {left: -0.5em;} .itemInfo {padding:.2em 0 0 0; margin: 0; font-size: 12px; width: 100%; border-top: 1px solid #bbb;} .itemInfo li {font-size: 95%; margin: 0; text-align: center; border: 0; width: auto; line-height: 1.25em; width: 100%; } .itemInfo li span {/*width: 49%; display: inline-block;*/ vertical-align: top;} .itemInfo li .label {text-align: right;} .itemInfo .cmimg, .itemInfo .cmimg img {width:18px} .itemInfo .title {margin-left: 0px; font-size: 100%; line-height:1.15em; text-align: center; padding:1px 0 3px 0; overflow-x:hidden; word-break:normal; word-wrap:break-word} .itemInfo input[type="text"] {width:100%} .itemInfo .high {margin-left: 0px; font-size: 100%; line-height:1.15em; text-align: center; padding:1px 0 3px 0; overflow-x:hidden; word-break:normal; word-wrap:break-word; background:#fff1c5} /*Item metadata in the lightbox*/ .lb-content .itemInfo {font-size: 95%; background-color: #f0f0f0; padding:3px 0 6px 0;} .lb-content .itemInfo li {line-height: 1.45em; } .lb-content .itemInfo .title {padding:3px 0; border-bottom: 1px dotted #ccc;} /*Icon gallery modifications*/ .iconGallery > li {width: 75px;margin:5px 5px 12px!important;} .iconGallery .itemIconHolder {height: 60px;border:0;} .iconGallery .itemIconHolder a {border:0;overflow:visible;width:auto;height:auto;} .iconGallery .itemIconHolder a img {} .iconGallery .itemTitle {font-size:85%;color:#666;} .iconGallery .itemIconWrapper {left:-30px;background:#ffffff;padding:4px;border:1px solid #ccc;border-color:#fff #ccc #ccc #fff;width:auto} /*End Gallery*/ /*Item Counter*/ .itemCounter {-moz-border-radius:2px; background:#cdcdcd; padding:1px 4px; font-size:115%; text-align:center; border:1px solid #bbb;} /*@since 9.1*/ /*outcomes recipients page mesage containers*/ .messageContainer h6 {margin:0;padding:0;font-size:95%;} .messageContainer p {margin:0;padding:6px 0;} .messageVariable {-moz-border-radius: 1px;-webkit-border-radius: 1px; color:#000; background-color:#fff1c5; font-size:100%;font-weight:normal;padding:0px 3px; border: 1px solid #eedd99;display:inline} /*@since 9.1*/ .sliderWrapper { float:left; background:#FFFFFF; border:1px solid #FFCC00; margin:0 0 0 -6px; *margin:0 0 0 -2px; padding:1px 6px 2px 0; *padding:7px 4px 7px 0; border-left:0; } #sliderHandle { -moz-border-radius:2px; -webkit-border-radius:2px; background:#999999; border:1px solid #555555; cursor:ew-resize; display:block; height:4px; margin:-2px 0 0; width:4px; } #sliderTrack { -moz-border-radius:2px; -webkit-border-radius:2px; background:#EDEDED; border:1px solid #CCCCCC; display:inline-block; height:2px; margin:0 0 0 6px; width:60px; position:relative; top:-2px; *top:0; } .csPicker {padding:0 12px 0 6px; min-width:300px;} .csPicker .contentPaneWide {font-size:90%;} .csPicker .actionBar, .csPicker .localViewToggle {font-size:110%;} .csPicker .contentPaneWide, .csPicker .breadcrumbs {margin-left:0; margin-right:0;} .csPicker .itemTray {z-index:1000} .csPicker .itemTray .taskbuttondiv {margin:0; font-size:105%} .csPicker .itemTray h3 {font-size:115%} .csPicker #titleicon + h1 {margin-top:2px;} .csPicker .itemTray #numberOfElements {padding:0 2px;} /* ---------------- TOC (@since 9.1) ---------------- */ .tocWrapper { position:fixed; bottom:0; left:0; right:0; z-index:111; margin:0 4px; border:3px solid #555; border-bottom:0; -moz-border-radius:9px 9px 0 0; -webkit-border-top-left-radius:9px; -webkit-border-top-right-radius:9px; padding:4px 9px; background:#888; height:40px; box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4); zoom:1; } .tocHidden {top:-10000px!important;} .tocHead {margin:1px 0; color:#fff;} .tocHead h2, .tocActions {margin-top:0; margin-bottom:3px!important;}/* side margins are applied via .u_floatThis-left */ .sideTOC h2 {float:none!important;*width:98%;}/* creates a line break */ .tocActions {white-space:nowrap;} .tocActions a, .tocActions span, .tocActions > img, .secondaryButton .tocNavLink {display:inline-block; margin:0 2px 0 0;} .tocActions span {padding:0 3px;} .tocTreeWrapper {overflow-y:auto; border:1px solid #555; padding:2px 0 0; background:#fff;} .sideTOC .tocTreeWrapper {overflow:auto;} ul#tocTree li {padding:0 0 2px;} ul#tocTree a.itemActive { font-weight: bold; text-decoration:none; } ul#tocTree span {color:#555; padding:0px 3px 0 0;} /* numbering scheme and inActive items */ .treeNodeIcon {padding:0 3px 0 0;} .sideTOC { position:absolute; top:0; right:auto; bottom:auto; width:200px; margin:0; padding:4px; border:3px solid #555; -moz-border-radius:9px; -webkit-border-radius:9px; background:#888; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .sideTOCMinimize { position:absolute; top:0; right:auto; bottom:auto; margin:0; padding:0px; width:12px; border:none; -moz-border-radius:3px; -webkit-border-radius:3px; } .sideTOCMinimize .tocActions { background:#888888; position:relative; top:6px; left:-4px; padding:1px; -moz-border-radius:1px; -webkit-border-radius:1px; } .sideTOCMinimize .tocActions a { display:block; margin:1px 0; } /* styles to align the TOC with the course menu */ .tocBottom_pullExpanded {left:200px;} .tocBottom_pullCollapsed {left:0;} .tocSide_pullExpanded {left:212px;} .tocSide_pullCollapsed {left:14px;} /* styles applied to the contentPanel to make room for the TOC */ .sideTOC_panel {padding-left:220px;} .sideTOC_panelMin {padding-left:24px;} .sideTOC_panelMax {padding-left:370px;} .tocBottom_min {padding-bottom:30px;} .tocBottom_max {padding-bottom:330px;} .tocBottom_open {padding-bottom:160px;} /* ---------------- END TOC ---------------- */ /* ---------------- START STANDARDS ---------------- */ /* used in the Mapped Standards lightbox on the Standards Document page */ .connectionWrapper {position:relative; margin-top:1px; padding-right:30px;} .connectionWrapper a {position:absolute; right:0; top:50%; margin-top:-14px;} /* used in the key-valueTable on the Maps Standards page */ .invertItems {margin-right:26px; position:relative; display:block!important;} .invertItems a {position:absolute; right:-33px; top:-14px;} /* ---------------- END STANDARDS ---------------- */ /* ---------------- COURSE CATALOG --------------- */ .subcategories {padding:6px 11px!important;} .subcategories h3 {margin:0; padding:0; font-size:100%;} /* * END PAGE COMPONENTS */ /*Tabs*/ /* * TABS */ /* APPLICATION TABS (located in the top frame) */ /*Regular tabs*/ /*@branding - do not remove*/ #topTab, /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.appTabs tbody tr td a, */ /*@since 9.1*/ .appTabs a { font-size:95%; text-align:center; display:block; text-decoration:none; padding:0.4em 1.2em 0.4em 1.2em; color:#FFFFFF; background-color:#7C8188; background-image: url(images/backgrounds_h.png); background-repeat: repeat-x; background-position: 0 -200px; _background-image: none; border:1px solid #65696E; border-bottom:0; z-index:100; white-space:nowrap; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.appTabs tbody tr td a:hover, table.appTabs tbody tr td a:focus,*/ /*@since 9.1*/ .appTabs a:hover, .appTabs a:focus { color:#000; background-color:#bbb; border:1px solid #597298; border-bottom:0; } /*@branding - do not remove*/ #topTabActive, /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.appTabs tbody tr td.active a, table.appTabs tbody tr td.active a:hover,*/ /*@since 9.1*/ .appTabs .active a, .appTabs .active a:hover, .appTabs .active a:focus { color:#000; background:#dedede; padding:0.34em 1.2em 0.34em 1.2em; border:2px solid #595C61; border-bottom:none!important; font-weight:bold; z-index:1000; opacity:1; top:1px; *padding-bottom:0.38em; } /*Compact tabs*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs-compact table.appTabs tr td a*/ /*@since 9.1*/ .topTabs-compact .appTabs a, .topTabs-compact .appTabs .active a:hover, .topTabs-compact .appTabs .active a:focus { text-align:center; display:block; text-decoration:none; padding:0.3em 1em 0.25em 1em; color:#fff; color:#FFFFFF; background-color:#7C8188; background-image: url(images/backgrounds_h.png); background-repeat: repeat-x; background-position: 0 -50px; _background-image: none; border:1px solid #65696E; border-bottom:0; z-index:100; font-size:90%; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs-compact table.appTabs tr td a:hover*/ /*@since 9.1*/ .topTabs-compact .appTabs a:hover, .topTabs-compact .appTabs a:focus { color:#000; background-color:#bbb; border:1px solid #597298; border-bottom:0; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.topTabs-compact table.appTabs tr td.active a, div.topTabs-compact table.appTabs tr td.active a:hover,*/ /*@since 9.1*/ .topTabs-compact .appTabs .active a, .topTabs-compact .appTabs .active a:hover, .topTabs-compact .appTabs .active a:focus { color:#000; background:#dedede; padding:0.3em 1em 0.2em 1em; border:2px solid #595C61; border-bottom:0; font-weight:bold; } /*Rounding top-right and top-left corners.*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.round1 tbody tr td a, */ /*@since 9.1*/ .round1 a {-moz-border-radius:9px 9px 0 0; -webkit-border-radius:9px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -khtml-border-horizontal-spacing:9px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*table.round2 tbody tr td a,*/ /*@since 9.1*/ .round2 a {-moz-border-radius:13px 13px 0 0; -webkit-border-radius:13px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -khtml-border-horizontal-spacing:13px;} /*End application tabs*/ /*@since 9.1*/ /*Container tabs*/ .containerTabs {background:#fff;border-bottom:1px solid #aaa;font-size:100%;} .containerTabs li {float:left;position:relative;margin-right:2px;} .containerTabs li.active {top:1px;} .containerTabs li a { padding:3px 9px 3px 9px; display:block; background: #ededed url(images/backgrounds_h.png) repeat-x 0 -200px; _background:#ededed; text-decoration:none; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #cdcdcd; } .containerTabs li a:hover {background:#f6f6f6;border-color:#aaa;} .containerTabs .active a, .containerTabs .active a:hover, .containerTabs .active a:focus, .containerTabs .active h3 { margin:0; padding:4px 9px; font-weight:bold; background:#ffffff; border-left:0; border:1px solid #aaa; border-bottom:none; text-decoration:none; color:#333; -moz-border-radius:2px 2px 0 0 ; -webkit-border-radius:2px 2px 0 0 ; } /*@since 9.1*/ /*Container tabs in the portlet*/ .portlet .containerTabs {font-size:90%;padding:0 6px} .portlet .containerTabs li {padding:0;background-image:none;top:1px;} .portlet .containerTabs li a {padding:2px 5px;} .portlet .containerTabs .active a {padding:4px 5px 4px;} /*End container tabs*/ /* ------------------------- SEQUENCE MAP STYLES ------------------------- */ /* amends/adds to the styles specified for the container tabs above */ .mapTabs {clear:both;margin:-1px -12px 1px;border-bottom:1px solid #999;padding:1px 12px; _padding-bottom:0;background:#FFF1C5 url(images/backgrounds_h.png) repeat-x 0 -200px;} .mapTabs ul {float:left; margin-bottom:-1px;padding:0 0 0 3px; background:#cdcdcd url(images/backgrounds_h.png) repeat-x 0 -200px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;} div.mapTabs ul li {margin:2px 3px 0 0; padding:0; top:1px} .mapTabs ul li.active h3 { margin:0; border:1px solid #999; border-bottom:none!important; background:#FFF1C5; font-size:100%; padding:7px 12px 6px; *margin-bottom:-2px; *height:1%; _float:left; _margin-bottom:0; } .mapTabs ul li a {border:0;padding:5px 12px 6px;} .mapTabs a.inprogress {padding-left:26px; background:#ededed url(images/workflow_detail_active.gif) 6px 50% no-repeat;} .mapTabs a.complete {padding-left:27px; background:#ededed url(images/workflow_detail_complete2.gif) 6px 50% no-repeat;} .mapTabs a.inprogress:hover, .mapTabs a.complete:hover {background-color:#f6f6f6;} .mapTabs ul li div {display:none; padding:7px 12px; } .mapTabs ul li.saveTab a, ul.containerTabs li.saveTab img {display:none;} .mapTabs ul li.saveFadeIn {opacity:0; filter: alpha(opacity=0);} .mapTabs ul li.saveTab div { display:block; padding:5px 12px 6px 12px; color:white; background:#44B10E url(images/tab_receipt_back.gif) repeat-x center bottom; font-weight:bold; } div.mapHelp {padding:4px 12px 0 12px; background:#FFF1C5; margin:-1px 0 0;} ul.setStatus {border:1px solid #eee; margin:15px 0pt 9px 30px; padding:3px;list-style:none;} ul.setStatus li {margin:0 6px 0 0; font-size:95%;} ul.setStatus li input {padding:0; margin:0;} ul.setStatus li label {padding-left:22px; background:url(images/workflow_detail_active.gif) 1px 0px no-repeat; } ul.setStatus li label.complete {padding-left:22px; background:url(images/workflow_detail_complete.gif) 1px 0px no-repeat; } /* adjusts layout of the "next step" label on the sequence map canvas page */ form.mapCanvasForm div.steptitle, form.mapCanvasForm h3.steptitle {margin:15px 0 0 18px; padding-left:0.8em;} .mapTabs .containerTabs {border-bottom:0;} /* --------------------- END SEQUENCE MAP STYLES ---------------------- */ /*Pane tabs*/ .paneTabs {padding:0px 1px;background:transparent;margin:0;min-width:600px; font-size:95%; border-bottom:2px solid #ff1c5} .paneTabs ul {clear:both;} .paneTabs ul li {float:left; margin:0px 2px 0px 0px; text-align:center; position:relative; padding:0; *padding:1px 0 1px 0; z-index:200;} /*Active tab*/ .paneTabs .active { font-weight:bold; color:#000; padding:0; float:left; *z-index:10; position:relative;top:-1px;} /*Link in a tab*/ .paneTabs ul li a {display:block; text-decoration:none; padding:4px 9px; margin:0; background:#dedede; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #bcbcbc} .paneTabs ul li a:hover{background:#FFF1C5;} /*Link in an active tab and versions of active tabs*/ .paneTabs .active a, .paneTabs .active a:hover, .paneTabs .activepersonal a, .paneTabs .activepersonal a:hover, .paneTabs .active h3, .paneTabs .active a:hover, .paneTabs .active a:focus { padding:6px 12px 7px 12px; background:#fff1c5;/*Color depends on whether there is actionbar or not. If not, use #FFF*/ -moz-border-radius:3px 3px 0 0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border:1px solid #aaa; border-bottom:none; } .paneTabs .activepersonal a, .paneTabs .activepersonal a:hover {font-weight:bold;padding:5px 22px 5px 16px;} /*Personal tabs*/ .paneTabs .personal a {display:block; text-decoration:none; padding:3px 20px 3px 9px; margin:0; background:#dedede;} /*External tabs*/ .paneTabs .external a {padding-left:20px; background:#dedede url(images/small_external_content.gif) no-repeat 2px center;} .paneTabs .external a:hover {padding-left:20px;background:#fff1c5 url(images/small_external_content.gif) no-repeat 2px center;} .paneTabs .activepersonal a.paneTabOptions, .paneTabs .personal a.paneTabOptions { background-color:transparent; position:absolute!important; display:inline; top:4px; right:5px; opacity:0.3; filter:alpha(opacity=30); padding:0; } .paneTabs a.paneTabOptions {display:none;} .paneTabs .activepersonal:hover a.paneTabOptions {opacity:1; filter:alpha(opacity=100);} /*If the number of tabs is more than can be displayed, hidden personal tabs link provides access to them in the form of a flyout. */ .paneTabs a.hiddenTabsLink {background-image:url(images/indicators.png);background-repeat:no-repeat;background-position:center 6px;} .paneTabs a.hiddenTabsLink img {height:2px; width:2px; opacity:0; filter: alpha(opacity=0);} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.paneTabs ul li.button a {padding:1px 2px 2px 2px;padding:2px 9px 3px 9px;border:1px solid #ACC2DF;background:#D3E2F5;color:#555; background-image: none;text-decoration:none;-moz-border-radius:0;-webkit-border-radius:0; } div.paneTabs ul li.button a:hover {border:1px solid #ACC2DF;border-bottom:1px solid #5577bb;border-right:1px solid #5577bb; background:#e3efff url(images/rumble_button_back.gif) repeat-x 0 0; } .paneTabs .addbutton {float:left;padding:1px 0px 0px 0px;margin:0;background:none;text-align:center;position:relative;*z-index:100;} */ /*Panel tabs*/ /*@since 9.1*/ .panelTabs {list-style:none;padding:0;margin:0;background:transparent;font-size:90%;} .panelTabs li {float:right;margin:0!important;padding:0!important;border-bottom:none!important;position:relative;top:2px!important;right:-3px} .panelTabs li.active {z-index:2;} .panelTabs li a, .panelTabs li.active a {padding:4px 9px;text-decoration:none;top:0!important;display:inline-block;} .panelTabs li a:hover {background-color:#f6f6f6;} .panelTabs li.active a {border-bottom:0;font-weight:bold;color:#333;} .panelTabs li.active a.preview {background:#fff;border:2px solid #ddd;border-bottom:0} .panelTabs li.active a.edit {border-bottom:0;margin:0!important} /*End panel tabs*/ /* Used for Alignments */ .collapseTabs {margin-bottom:12px;} .collapseTabsData { position:relative; border:1px solid #aaa; border-top:none; padding:6px 24px 6px 6px; background:#fff; } .containerTabsCollapsed {border:none;} /*Navigation Palettes*/ /* * COURSE MENU PALETTES */ /*Course menu palette preview wrapper to contstrain width.*/ .cmPreviewWrapper {width:212px;} .navPalette{margin:0 24px 12px 14px;zoom:1;} /* Content System menu alette */ .csMenuFrame .navPalette {margin:0 6px 12px 12px;} .navPaletteContent, .navPalette .bottomRound b {background:#ededed; zoom:1;} /* Palette header */ .navPaletteTitle { position: relative; } .navPalette h3 { padding:0; margin:0; font-size:105%; color:#fff; background:#949494 url(images/backgrounds_h.png) repeat-x 0 -200px; _background-image: none; zoom:1; *z-index:1; } /* .topRound background color matches palette header's color. */ .navPalette .topRound b {background:#949494;} /* Palette category head */ .navPalette h4 {margin:0; font-size:100%;} /* Palette content list */ .navPalette ul {zoom:1;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette ul li,*/ /*@since 9.1*/ .navPaletteContent ul li {zoom:1; position:relative; *height:1%;} /*Palette content area links*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette a,*/ /*@since 9.1*/ .navPaletteContent a { margin:0; padding:3px 9px 3px 16px; font-weight:normal; text-decoration:none; display:block; zoom:1; background:transparent url(images/indicators.png) no-repeat scroll 4px -593px; color:#333; border-top:1px solid #ddd; word-break: normal; overflow-x:hidden; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette a:hover, .navPalette a:focus*/ /*@since 9.1*/ .navPaletteContent a:hover, .navPaletteContent a:focus { background-color:#FFFFFF; background-position:4px -443px; cursor:pointer; } /* Combo link is used together with submenu link.*/ .navPaletteContent a.comboLink, .navPaletteContent a.comboLink_active {padding-right:20px; margin-right:20px;} /* comboLink open state.*/ .navPaletteContent a.comboLink_active, .navPaletteContent a.open { background-position: 4px -1187px; background-color: #FFFFFF; } .navPaletteContent a.comboLink_active:hover, .navPaletteContent a.open:hover, .navPaletteContent a.comboLink_active:focus, .navPaletteContent a.open:focus { background-position: 4px -1037px; } /* Submenu Link*/ .navPaletteContent a.submenuLink, .navPaletteContent a.submenuLink_active { position:absolute; top:0; right:0; padding:0; zoom:1; border-left:1px dotted #bbb; _border-left-style:solid; } .navPaletteContent a.submenuLink, .navPaletteContent a.submenuLink_active { background-image:url(images/indicators.png); background-position:center -143px; } .navPaletteContent a.submenuLink:hover, .navPaletteContent a.submenuLink_active:hover, .navPaletteContent a.submenuLink:focus, .navPaletteContent a.submenuLink_active:focus { background-position:center 7px; } .navPaletteContent a.submenuLink img, .navPaletteContent a.submenuLink_active img { width:20px; height:22px; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette ul li:first-child h3 a, .navPalette ul li:first-child a,*/ /*@since 9.1*/ .navPaletteContent ul li:first-child h4 a, .navPaletteContent ul li:first-child a {border-top:none;} /* Palette links */ /*Palette header links*/ .navPaletteContent h3 a { background:transparent url(images/indicators.png) no-repeat 4px -1337px; color:#fff; font-weight:bold; border-top:0; } .navPaletteContent h3 a:hover, .navPaletteContent h3 a:focus { background-position: 4px -1037px; background-color:transparent; text-decoration:none; } .navPaletteContent h3 a.submenuLink { background-color:transparent; background-position: center -293px; } .navPaletteContent h3 a.submenuLink:hover, .navPaletteContent h3 a.submenuLink:focus { background-position: center 7px; background-color:transparent; } /* Palette variations */ /* Control palette */ .controlpanel h3, .controlpanel .topRound b {background-color:#8192A8;} .controlpanel .navPaletteContent, .controlpanel .bottomRound b {background-color:#A8BEDA;} /*Fix for weird spacing in the course menu palette lists in IE*/ .controlpanel ul li:first-child {*margin-top:0px;} .controlpanel ul li {*margin-top:-1px;} /* Control palette links*/ .controlpanel a {border-top-color:#94A8C1;color:#292E36;} .controlpanel a.submenuLink, .controlpanel a.submenuLink_active {border-color:#94A8C1;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.navPalette a:hover, .navPalette a:focus*/ /*@since 9.1*/ .controlpanel a:hover, .controlpanel a:focus, .controlpanel a.comboLink_active, .controlpanel a.open {background-color:#e3efff;} .controlpanel a.comboLink_active, .tools a.comboLink_active, .controlpanel h4 a.open {font-weight:bold;} /* Content System palette */ .treeViewCs .navPaletteContent, .treeViewCs .bottomRound b {background-color:;} /*Course Files palette inside the course*/ .courseFilesPalette {border:1px solid red} /* Explore palette in Outcomes */ .explore .navPaletteContent, .explore .bottomRound b {background-color:#FFFFFF;} .explore a {background-color:#ededed; background: url(images/indicators.png) no-repeat 1px -1493px;} .explore a:hover, .explore a:focus {background-color:#f0f0f0; background: url(images/list_bullet_up.gif) no-repeat 1px -1493px;} .explore h4 {border-top:2px solid #999;} .explore h4 a, .explore h4 a:hover, .explore h4 a:focus {background:transparent; font-weight:bold; border:0;} /*My Places palette in Outcomes*/ .myPlaces .navPaletteContent, .myPlaces .bottomRound b {background-color:#FFFFFF;} .myPlaces a {background-color:transparent; padding-left:22px; color:#003399; border:0;} .myPlaces a:hover, .myPlaces a:focus {text-decoration:underline;} .myPlaces a.home {padding-right:20px; border-bottom:1px solid #ddd;} .myPlaces span.homeIconWrap { background: url(/images/ci/icons/clphomepage/home_ti.gif) no-repeat 0 0; position:absolute; top:3px; right:3px; } .myPlaces span.homeIconWrap img {width:16px; height:16px;} .myPlaces a.unit, .myPlaces a.course, .myPlaces a.ee, .myPlaces a.program, .myPlaces a.workspace { margin:0; list-style-type:none; background-repeat:no-repeat; background-position:3px 3px; } .myPlaces a.unit, .myPlaces a.unit:hover {background-image:url(/images/ci/icons/clp_unit_ti.gif);} .myPlaces a.course, .myPlaces a.course:hover {background-image:url(/images/ci/icons/clp_course_ti.gif);} .myPlaces a.ee, .myPlaces a.ee:hover {background-image:url(/images/ci/icons/clp_ee_ti.gif);} .myPlaces a.program, .myPlaces a.program:hover {background-image:url(/images/ci/icons/clp_program_ti.gif);} .myPlaces a.workspace, .myPlaces a.workspace:hover {background-image:url(/images/ci/icons/clp_workspace_ti.gif);} /*@since 9.1*/ /*Search Palette/Element*/ #pickerPalette .topRound b {background-color:#FFF1C5} #pickerPalette.navPaletteCol b {background-color:#8192A8;} .paletteSearch {background-color:#E3EFFF; font-size:95%; padding:6px 12px; border-bottom:1px solid #94A8C1;} .classFiles h4#cs_search + ul li:first-child {border-bottom:1px dotted #AAAAAA; font-size:95%; margin:2px 9px 2px 0; padding:0 3px 6px;} .classFiles h4#cs_search + ul li {background-image:none} .classFiles a#filesPaletteContentCollectionLink { display:block; border-top:4px double #CCCCCC; padding:3px 16px 3px 16px; background-image:url(images/indicators.png); background-position:98% -143px; background-repeat:no-repeat; } .classFiles ul.tree > li {background-image:none!important;} /* Links in the reorderable course menu palette section */ /* Reorderable Course Menu in List view. */ .listCm .courseMenu { *margin-left:-14px; _height:1%; _width:176px; padding:0; _margin-right:-14px; } .listCm .courseMenu li { padding:3px 0 4px 0; _padding:2px 0 3px 0; margin:0 0 0 -14px; position:relative; *margin:0 0 -3px 0px; *height:1%; zoom:1; _width:178px; _overflow:visible; } .listCm .courseMenu a { margin:0 18px 0 14px; _margin:0 0 0 6px; *right:0; _height:1%; padding:0px 0 0 9px; border:0; background:transparent; color:#003366; word-break: normal; _overflow:visible; _word-break: break-all; } .listCm .courseMenu a:hover, .listCm .courseMenu a:focus { text-decoration:underline; _background-image:none; } .listCm .courseMenu h3 { margin:2px 0 0 14px; _margin:0 0 0 6px; padding:0 18px 0 9px; *right:0; _height:1%; overflow-x:hidden; } .listCm .courseMenu a span {zoom:1;} .listCm .courseMenu .here a, .listCm .courseMenu .here a:hover, .listCm .courseMenu .here a:focus { background:#999 url(images/list_bullet_single_white.gif) no-repeat 98% center; color:#fff; text-decoration:none; padding:1px 16px 2px 4px; margin:0 0px 0 19px; -moz-border-radius:3px; -webkit-border-radius:3px; } .listCm .courseMenu .here a.cmimg, .listCm .courseMenu .here a.cmimg:hover { background-color:transparent; padding:0; margin:0; } .listCm h4 { padding:3px 9px 1px 9px; margin:0px 0 0px 14px; font-size:100%; border-top:1px solid; border-color:inherit; *height:1%; } /* In case we have a link in an h4 header. */ .navPaletteContent .subhead h4 a, .navPaletteContent .subhead h4 a:hover { padding:0; margin:0; text-decoration:none; font-weight:bold; background-color:transparent; } /* List element containg a menu divider. */ .listCm .courseMenu .divider { padding:9px 0 9px 14px; *padding:9px 0 6px 14px; _padding:9px 0 0 14px; height:2px; position:relative; *line-height:1%; _width:162px; } .listCm .courseMenu .divider hr { background-color:#ccc; vertical-align:middle; margin:0; border-width:0; height:2px; position:relative; *line-height:1%; *top:-9px; } /* Collapsed class is dynamically assigned whe course menu is in Read mode. element padding is removed. */ .listCm .courseMenu .collapsed { padding:0 0 0 14px; _padding:3px 0 3px 14px; height:2px; *line-height:1px; } .listCm .courseMenu .collapsed hr { *position:relative; *margin:0; _top:0px; } /* Special styles for the link that is hidden from students. */ .listCm .courseMenu .invisible a { color:#777; *margin-right:2px; _margin-right:0; } /* Button version of course menu palette */ .buttonCm .navPaletteContent {background:transparent;} /* List width is set to accommodate button image width. * the width of the button course menu is 176px; * the width of the button images are 175px. */ .buttonCm .courseMenu {width:176px;*width:190px;} .buttonCm li { margin:4px 0 4px -14px; *margin:4px -14px 4px -14px; position:relative; background-color:transparent; background-position:14px 0!important; background-repeat:no-repeat; } .buttonCm .subhead { background:transparent; background-image:none!important; *height:1%; } .buttonCm .subhead h3 { padding:0px 16px 0px 6px; margin:0pt 0pt 0pt 14px; font-size:100%; font-weight:bold; *height:1%; } .buttonCm .divider { padding:4px 0 4px 14px; *padding:0px 0 0px 14px ; margin:0 0 0 -14px; background:transparent; background-image:none!important; } .buttonCm .divider hr { background-color:#777; vertical-align:middle; margin:0; border:0; height:1px; position:relative; *line-height:1%; } .buttonCm .courseMenu a { display:block; font-weight:normal; margin:0 20px 0 14px; *margin:0 0 0 14px; padding:4px 6px 6px 6px; text-decoration:none; position:relative; white-space:nowrap; overflow:hidden; background-color:transparent; background-image:none; border-top:0; } /* --- Additional styling for the current location. --- */ .buttonCm .courseMenu .here a, .buttonCm .courseMenu .here a:hover { text-decoration:underline; background-color:transparent; } /* Hidden and Empty Link indicators. */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.tree a span.cmLink-hidden, ul.tree a span.cmLink-empty, li.invisible a span.cmLink-hidden, li.invisible a span.cmLink-empty, li.invisible span.cmLink-hidden, li.invisible span.cmLink-empty, */ /*@since 9.1*/ .cmLink-hidden, .cmLink-empty { margin:0 0 0 3px;vertical-align:middle;*margin-top:3px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.tree a span.cmLink-hidden img, ul.tree a span.cmLink-empty img, li.invisible a span.cmLink-hidden img, li.invisible a span.cmLink-empty img, li.invisible span.cmLink-hidden img, li.invisible span.cmLink-empty img,*/ /*@since 9.1*/ .cmLink-hidden img, .cmLink-empty img { width:11px; height:11px; opacity:0; filter:alpha(opacity=0); } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.tree a span.cmLink-empty, li.invisible a span.cmLink-empty, li.invisible span.cmLink-empty,*/ /*@since 9.1*/ .cmLink-empty { background:transparent url(images/controls.png) no-repeat -389px -124px; display:inline; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.tree a span.cmLink-hidden, li.invisible a span.cmLink-hidden, li.invisible span.cmLink-hidden,*/ /*@since 9.1*/ .cmLink-hidden { background:transparent url(images/controls.png) no-repeat -389px -139px; display:inline; display:inline-block; } /*Invisible link indicators for button mode*/ .buttonCm .invisible .cmLink-hidden, .buttonCm .invisible .cmLink-empty { position:absolute; right:4px; top:7px; } .buttonCm .invisible .cmLink-empty {right:18px;} .buttonCm .bottomRound {display:none;} /*End empty/invisible indicators*/ /*Fix for weird spacing in the course menu palette lists in IE .tools ul li:first-child {*margin-top:0px;} .tools ul li {*margin-top:-1px;}*/ /* Menu in the picker pop-up. */ .pickerMenu { position:absolute; top:0; left:14px; width:150px; margin:0; } /* Picker Menu */ .pickerMenu ul li a, div.pickerMenu a.simpleLink { background-image:none; } .pickerMenu a.open, .pickerMenu a:hover, .pickerMenu a:focus { background:#fff url(images/indicators.png) no-repeat 100% center; } /* Stand-alone control. */ .discover .topRound b, .discover .bottomRound b, .discover .navPaletteContent, .singleControl .topRound b, .singleControl .bottomRound b, .singleControl .navPaletteContent { background-color:#A8BEDA } .singleControl a, .discover a { background-image:none; text-align:center; background-color:transparent; border-top:none; zoom:1; padding:3px 9px; } .discover a { padding:0 9px; font-weight:bold; font-size:105%; color:#000; } .singleControl a:hover, .discover a:hover, .singleControl a:hover, .singleControl a:focus, .singleControl a:focus, .discover a:focus { background-color:#e3efff; background-image:none; } .discover a img {margin:-1px 3px 0 0} /*Palete submenus*/ /* Used in: * - controlpanel palette * - tools palette * - explore palette in Outcomes (modified) */ .navPaletteContent .submenu { padding:2px 9px 9px 9px; font-size:85%; margin:0; } .explore .submenu {margin-left:7px;font-size:90%;} .navPaletteContent .submenu li {background-image:none;} .navPaletteContent .submenu li ul li {padding-left:12px;*height:1%;} .navPaletteContent .submenu li a, h4#cs_search + ul div a { padding:2px 9px 2px 6px; margin:0; background:transparent; background-image:none; border:0; } h4#cs_search + ul div {padding:0 9px 0 0;} h4#cs_search + ul div a {font-size:90%; display:block} .controlpanel .submenu a, .explore .submenu a { padding:2px 9px 2px 6px; margin:0; background:transparent; border:0; } .explore .submenu a { color:#003366; padding:2px 0px 2px 0px; } .explore .submenu .emptyMsg {color:#777;} .controlpanel .submenu a:hover, .controlpanel .submenu a.here, .controlpanel .submenu a:focus { background:#fff url(images/indicators.png) no-repeat 100% center; padding:2px 9px 2px 6px; } .explore .submenu a:hover, .explore .submenu a:focus { text-decoration:underline; background-color:#fff; } .tools .submenu {background:#fff;} .tools .submenu a:hover, .submenu a:hover, .tools .submenu a:focus, .submenu a:focus, h4#cs_search + ul div a:hover, h4#cs_search + ul div a:focus { background:#f6f6f6 url(images/indicators.png) no-repeat 99% center; } .controlpanel .submenu, .controlpanel .submenu li ul {background-color:#e3efff;} .paletteSearchElement {border-top:1px dotted #CCCCCC; margin-top:3px; padding:6px 3px;} /* Simple link is used where there is no submenu. Clicking it loads another page. */ .navPalette a.simpleLink, .controlpanel a.simpleLink { padding:3px 9px 3px 9px; background-image:none; } .navPalette a.simpleLink:hover, .navPalette a.simpleLink:focus, .controlpanel a.simpleLink:hover, .controlpanel a.simpleLink:focus { background-image: url(images/indicators.png); background-repeat: no-repeat; background-position: 97% center; } /* Modifications for palette in a collapsed state. */ .navPaletteCol h3 a, .navPaletteCol h3 a.comboLink {background-position:4px -742px;} .navPaletteCol h3 a:hover, .navPaletteCol h3 a:focus, .navPaletteCol h3 a.comboLink:hover, .navPaletteCol h3 a.comboLink:focus { background-position:4px -442px; } .navPaletteCol .navPaletteContent h3 {background-image:none;} .navPaletteCol .actionBarMicro {display:none;} /* .topRound background with palette collapsed and action bar visible*/ .listCm .topRound b, .buttonCm .topRound b, .treeViewCs .topRound b {background-color:#FFF1C5; /*@color*/} /* .topRound background with palette content collapsed and action bar hidden*/ .navPaletteCol .topRound b, .navPaletteCol .bottomRound b, #courseMenuPalette.navPaletteCol .bottomRound b {background-color:#949494;} .navPaletteCol .controlpanelCol b, .controlpanel.navPaletteCol .topRound b {background-color:#8192A8} /* Course menu palette links in the button mode. */ /*Content system palette in shortcut mode*/ .shortcutViewCs ul li a {text-align:center; border-top:1px solid #ededed;} .shortcuts li a {text-align:center; border-top:1px solid #ccc; background:#ededed;} .shortcuts li a:hover, .shortcuts li a:focus {text-align:center; background:#FFFFFF url(images/indicators.png) no-repeat 100% center;} /*End content system palette in shortcut mode*/ /*Hierarchy tree*/ div.treeContainer ul.tree, ul.tree {list-style:none; margin:0px; padding:0px 0 6px 0px;} div.treeContainer > ul.tree, div.treeContainer ul.tree > ul {padding:0} div.treeContainer ul.tree ul, ul.tree ul {list-style:none; margin:0px 0px 0px 20px; padding:0;} div.listCm div.treeContainer ul.tree {overflow-x:auto;zoom:1;*position:relative;*overflow:hidden;*padding:0 0 18px 0} div.treeContainer ul.tree li h4 + ul {overflow-x:auto; margin:0; padding:8px 0 18px 9px;zoom:1;*overflow:hidden;background-color:#fff;} div.treeContainer ul.tree li, ul.tree li {margin:0px; padding:0px; background:transparent url(/images/ci/icons/nlstree/line.gif) repeat-y 0 0; white-space:nowrap;} ul.tree > li {/*overflow-x:auto;*/*min-height:23px;} .sideTOC ul.tree > li {overflow-x:visible;}/* override for the Learning Unit Table of Contents, which applies a single scrollbar to the list wrapper */ div.treeContainer ul.tree li.last, ul.tree li.last {background-image:none;} div.treeContainer ul.tree li.here a, ul.tree li.here a {background-color:#ededed;;} div.treeContainer ul.tree li a, ul.tree li a { padding:2px 1px 2px 0px; background:none; display:inline; border-top:none;} div.treeContainer ul.tree li a.open_folder { padding:2px 3px 2px 0px; background:#ebeffa; display:inline; border-top:none; font-size:95%;} div.treeContainer ul.tree li a.exp {background:transparent url(/images/ci/icons/nlsTree/folder.gif) no-repeat 18px 0px; padding:0px 21px 0px 0px;} div.treeContainer ul.tree li a.collapse {background: url(/images/ci/icons/nlsTree/folderopen.gif) no-repeat 18px 0px; padding:0px 21px 0px 0px;} div.treeContainer h4.treehead {margin:8px 0 2px 0; padding:0px 0px 0px 5px; font-size:105%; font-weight:bold; font-size:95%;} div.treeContainer h4.first {margin:0 0 2px 0;} div#userTreeDiv{background:#fff; margin:0; padding:0px;} div.treeContainer ul.tree li.subhead {background-image:none;margin:0px 0 0px 0px} div.treeContainer ul.tree li.subhead h4 {margin:0;padding:0;*font-size:95%;} div.treeContainer ul.tree li.subhead h4.first a {border-top:none} div.treeContainer ul.tree li.subhead h4 a { padding:3px 9px 3px 16px; background-color:transparent; background-image: url(images/indicators.png); background-repeat: no-repeat; background-position: 4px -1187px; border-top:1px solid #ddd; display:block; text-decoration:none; } ul.tree li.subhead:first-child {margin-top:0} ul.tree li.subhead:first-child > a {border-top:0;} div.treeContainer ul.tree li.subhead h4.treeSubhead-collapsed a {background-image: url(images/indicators.png);background-position: 4px -593px;background-color:transparent!important;font-weight:normal;} #pickerPalette .tree, #pickerPalette .tree h4.treeSubhead-collapsed {background:#ededed;} #pickerPalette .tree li:first-child {background:#ffffff;} #pickerPalette .tree h4 {background-color:#ffffff;} #pickerPalette .tree h4.treeSubhead-collapsed a {background-color:transparent!important;} #pickerPalette .tree > li {overflow-x: auto;} #pickerPalette .tree > li.subhead {overflow:visible;} /*End hierarchy tree*/ /* * END COURSE MENU PALETTES */ /*Modules*/ /* * MODULES */ /*Portlet*/ /*@branding -- do not remove*/ #moduleBody, #moduleBorder, .portlet {background-color:#fff; border:2px solid #597298; margin:0 5px 10px 5px; padding:0; _height:1%; _z-index:500; position:relative; -moz-border-radius:2px; -webkit-border-radius:2px;} /*Portlet headers*/ /*@branding -- do not remove*/ #moduleTitle, .portlet h2 { color: #FFF; padding: 4px 52px 5px 6px; background: #819AC0 url(images/backgrounds_h.png) repeat-x 0 -50px; _background-image:none; margin: 0; font-size:110%; font-weight:bold; position:relative; vertical-align:middle; overflow:visible; } .portlet h2.dragHandle:hover {background:#597298; cursor:move;} .portlet h2 a {color:#fff; padding:0 12px 0 0; vertical-align:middle;} .portlet h2 a:hover {text-decoration:underline;} .portlet h2 a img {vertical-align:middle;} /*If title display is set to false. */ .portlet h2.noTitle {margin:0; padding:0; background:transparent; height:1.4em; *height:1%;} .portlet h2.noTitle:hover {background:#ededed; *height:1%;} /* Edit controls. */ /*Located in the portlet header. */ .edit_controls {position:absolute; right:4px; top:0px; height:20px; padding:0px 0px 0 4px; *top:2px;} .edit_controls a {margin-left:1px; verical-align:top; opacity:0.6!important; padding:0;background-image:none!important; text-decoration:none;} .edit_controls a:hover {opacity:1!important;} /* Collapsible area of the portlet. Holds all the content. */ .collapsible { background-color:transparent; margin:0; padding:0; overflow:auto; zoom:1; _overflow:scroll; _width:100%; _padding:3px 0; font-size:95%; } /*@since 9.1*/ .collapsible table {border-spacing:3px 2px; border-collapse:separate;} /*.collapsible p,*/ .collapsible .help {margin:4px 6px 6px;font-size:90%;} /*Manages module overflow in the event it contains an oversized image*/ .imgWrapper {overflow:auto;_overflow:scroll;_width:100%;margin:6px auto;text-align:center;} .imgWrapper img {_height:1%;} /* H3 and h4 are category headers inside the portlet. */ .portlet h3, #lightbox h3, .portlet div.portletBlock h4, .portlet div.blockContents h4, .flyout h3 { margin:4px 4px; font-size:90%; color:#597298; letter-spacing:1px; border-bottom:1px solid #ACC2DF; padding:1px 3px 2px; font-weight:bold; } .portlet h4 { margin:4px 0 0; color:#000; padding:1px 0 2px 0; text-indent:0; } /*--- Portlet lists ---*/ /*@since 9.1*/ .portlet .portletList, .portlet .portletList-img, .portlet .eventList {margin:4px 4px 12px;} .portlet .portletList li {background:transparent url(images/indicators.png) no-repeat 3px -893px; padding:0 0 0 14px; margin:0 0 2px 0;} .portlet .courseListing li > a {font-weight:bold} .portlet .courseRole, .portlet .dataBlockLabel, .portlet .eventDate {color:#777;} .portlet .eventList li {padding:0;margin:0 0 2px 0;} .portlet .eventList li .date {font-weight:bold;background:#f0f0f0;color:#597298;padding:2px 6px; -moz-border-radius:1px; -webkit-border-radius:1px;} .portlet .eventList li .event {padding:2px 4px 2px 18px} .portlet .eventList li .description, .portlet .eventDate {font-size:90%;} .portlet .eventList li .event a {font-weight:bold;} .portlet span.origin {color:#999; font-size:90%; font-weight:bold; border:1px solid #ccc; padding:0 4px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 0 0 3px} .portlet .portletList-img > li {padding:7px 0 0 18px; margin:0 0 7px 0; text-indent:-15px; border-top:1px dotted #ccc;} .portlet .portletList-img > li:first-child {border-top:none;padding-top:0;} .portlet .courseInformation {text-indent:-16px;margin:4px 0;padding:0 0 0 16px} .portlet .courseDataBlock {text-indent:-4px;margin:4px 0;padding:0 0 0 4px} .portlet .courseDataBlock ul li {text-indent:0;} .portlet .calculatorModule {text-align:center;} .portlet .calculator {width:10em;margin:0 auto;padding:6px} .portlet .portletPath {background:#f0f0f0; -moz-border-radius:1px; -webkit-border-radius:1px; font-size:90%; margin: 4px } .portlet .portletPath span {display:inline-block; background:#ddd; color:#666; -moz-border-radius:1px 0 0 1px; -webkit-border-radius:1px 0 0 1px;padding:1px 3px 1px 6px; font-weight:bold;} .portlet .courseDataBlock ul li { background:transparent url(images/indicators.png) no-repeat 0px -895px; margin:0 0 1px; padding:0 0 0 14px; } .portlet .courseDataBlock a, .portlet .courseDataBlock li a {font-weight:normal;text-decoration:none} .portlet .courseDataBlock a:hover , .portlet .courseDataBlock li a:hover {text-decoration:underline} /* Formats help text in CS Splash Page portals */ .portletHelp {margin:4px 7px 4px 7px;font-size:95%;color:#688BA8;padding:1px 0 2px 0;} /* styles for workflows module on My Institution page (I put these here b/c workflows uses the caliper styles above) */ div.module_actions {margin:4px 0; padding:2px; line-height:1.8em;} div.module_actions a:link { background-color:#EEEEEE; border:1px outset #CCCCCC; color:#003366; font-size:90%; font-weight:normal; margin-bottom:5px; padding:0 5px; text-decoration:none; white-space:nowrap; } div.module_actions a:hover, div.module_actions a:active {border:1px inset #EEEEEE;} div.module_actions img {vertical-align:middle; margin:0 3px;} div.module_actions select {vertical-align:middle; font-size:90%;} div.module_actions label {font-weight:bold;} /* end styles for workflows module */ /*Submissions in the outcomes palette*/ div.scroll_div {overflow:auto;max-height:300px;_height:300px;} .submission_list {margin:0; padding:4px 6px;} .submission_list li {padding:3px 0; border-bottom:1px dotted #ccc; font-weight:bold;} .submission_list li a {font-size:90%; font-weight:normal; margin-left:6px;} .submission_list li a.label {font-size:100%; font-weight:bold; margin-left:0px;} .submission_list li div.button {margin:4px 0 0 0; float:right; _padding:1px;} .submission_list li span {font-size:90%; margin-left:6px; font-weight:normal;} /*End Submissions in the outcomes palette*/ /*EUD Module (styles moved from nautilus.css)*/ .eudModule, .styledModule-dark { background-color:#EDEDED; background-image:url(images/backgrounds_h.png); _background-image:none; background-repeat: repeat-x; background-position: 0 -320px; padding:0 0 23px 0; border:1px solid #f9f9f9; border-width:1px 0 0 1px ; margin:0; _padding:0; } .eudModule .eudModule-inner, .styledModule-dark .module-inner {overflow-y:auto; min-height:250px; max-height: 500px; border-bottom:1px solid #f9f9f9; _border-bottom:none;} .moduleActions {padding:10px 6px 0 6px;} .actionMenuButton {margin-top:-2px; display: inline-block;} .portlet .portletBlock {margin:6px 6px 0px 6px;background:#fff;border:1px solid #888;font-size:100%;} .portlet .memberList {margin:0 0 5px 0;} .itemGroups {margin:4px 9px 12px; padding:0;} .itemGroups .itemGroups {margin-left:0;margin-bottom:4px} .portlet .blockGroups li {font-size:100%;} .portlet .itemGroups li {padding:0 0 7px 0;line-height:120%;overflow-x:hidden;_width:100%;} .portlet .memberList li {padding:0;margin-left:14px!important;} .portlet .course, .portlet ul.memberList, .portlet span.refresh {font-size:90%;display:block;} .portlet span a, .portlet .course a {color:#777;} .portlet .course {padding:0 0 0 9px} .portlet span.noIndent, .portlet .whatsNew span.course, .portlet span.course {margin-left:0!important;} /*Hierarchical list inside EUD module*/ .portlet ul.hierarchyList {margin-left:22px;} .portlet ul.hierarchyList li {text-indent:-18px;*border:1px solid transparent;overflow-x:visible} .portlet ul.hierarchyList li *, .portlet ul.hierarchyList li.childless {text-indent:0;} .portlet ul li ul li span.warning, .portlet ul li ul li span.due, .portlet ul li ul li span.newItemCount { ;color:#EF312C; border-color: #BF1B17; white-space:nowrap; display:inline; padding:0 4px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 0 0 3px; border-width:1px; border-style:solid; } .flag {color:#cc3300; font-size:90%; display:inline; background: #FFE4DF; font-weight:bold; border:1px solid #EFA495; padding:0 4px; -moz-border-radius:2px; -webkit-border-radius:2px; margin:0 0 0 3px} /*.portlet ul li ul li span.warning {color:#FF0000;}*/ .portlet ul.memberList span, .portlet ul.memberList span.newItemCount {font-size:100%;} .portletInfoFooter {font-size:90%;color:#555;position:absolute;bottom:2px;right:0;padding:2px 9px;_position:static;_text-align:right;_margin-top:4px;} .dateSelector {background:#f1f1f1;padding:2px 9px 4px 9px; border-bottom:1px solid #888} .blockGroups li span.itemHeadOpen {border-bottom:1px solid #EEEEEE;} .blockGroups li span.itemHead a:hover {background-color:transparent;text-decoration:underline;} .portlet .portletBlock h4 a:hover, .portlet .portletBlock h4.blockTitle a:hover {background:#EEEEEE;} .portlet .portletBlock h4 {background:#F1F1F1; border:0; color:#444444; display:block; letter-spacing:0px; margin:0pt;padding:4px 9px;text-decoration:none;} .portlet .subCategories li a, .blockGroups .itemHead { background:#E3EFFF url(images/indicators.png) no-repeat 4px -442px; border-top:1px solid #777777; color:#597298; display:block; font-weight:bold; letter-spacing:1px; margin:0pt; padding:4px 4px; padding:4px 5px 4px 16px; text-decoration:none; } .blockGroups .itemHead:hover {text-decoration:underline;cursor: pointer;} .blockGroups .itemHeadOpen {background:#FFFFFF url(images/indicators.png) no-repeat 4px -1036px; } .blockGroups .itemHeadOpen:hover {background-color:#FFFFFF; text-decoration:underline; cursor:pointer;} .blockGroups li img.spacer {height: 0px;width: 50px;} .blockGroups li span.headerText {*float:left;} .blockGroups li span.headerText:hover {text-decoration:underline; cursor:pointer;} .viewHeader {background:#F1F1F1; border:0pt none; border-bottom:1px solid #888; color:#444444; display:block; font-weight:bold; padding:4px 4px 4px 7px;} .viewHeader h3 {margin:0; padding:0; border:none; background:transparent; color:#444; font-size:100%; letter-spacing:0;} /* overrides .portlet h3 styles */ /* defines the style for the waiting frame that appears as nautilus modules are loading */ div.waitingFrame {background: #FFFFFF;} /*End EUD module contents.*/ /*More... link*/ .moduleControlWrapper {margin:6px} .moduleBlock {margin:6px} /*Login Module*/ .portlet #loginBoxFull {margin:0; padding: 9px 0 6px; background:#fff1c5;} .portlet #loginBoxFull p { margin: 0 10px 10px; font-size: 0.95em; color: #444; padding-left: 0;} .portlet #loginBoxFull p.welcome {margin: 10px;padding: 0;font-weight: bold;background: none;color:#000000;font-size: 1.0em;} .portlet #loginBoxFull ul {margin: 6px 12px; padding: 0; list-style: none;} .portlet #loginBoxFull li {margin: 0; padding: 2px 0; background-image: none; clear: both;} .portlet #loginBoxFull li label {font-weight: bold; width: 80px; margin-top: 3px; margin-right: 3px; float: left;} .portlet #loginBoxFull input[type="text"], .portlet #loginBoxFull input[type="password"] {float: left;} .portlet #loginBoxFull .forgot {margin-left: 83px; float: left;} .portlet #loginBoxFull a {font-size: .9em;} .portlet #loginBoxFull p a, .portlet #loginBoxFull p.welcome a {font-size: 1.0em;} .portlet #loginBoxFull li input.submit {margin-left: 83px;} .portlet #loginPaneShort {border:1px solid #ccc;margin:9px} .portlet #loginFooter {margin:0; padding: 0px 0pt 9px 0;background-color: #eeeeee; background-image: none; font-size: 0.9em; color: #444444;} .portlet #loginFooter ul {margin: 0; padding: 0; list-style: none;} .portlet #loginFooter ul li {float: left; padding: 0 10px; border-left: 1px dotted #999; background-image: none;} .portlet #loginFooter ul li:first-child {border-left: none;} .portlet #loginFooter ul li :link.active {color: #666;text-decoration: none;} /*End login Module*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /* #portalPane, div.portalPane {margin:3px 14px 0 14px;padding:0;background-image:none;min-width:auto;display:block;*margin:3px 14px 0 14px;*width:auto;} div.palette_tabs ul li.active span {font-weight:bold;margin:3px 4px 0px 4px;_margin:3px 4px 2px 4px;padding:1px 9px 4px 10px;_padding:0px 9px 5px 8px;font-size:160%;background:url(../images/active_step.gif);background-repeat:no-repeat;color:#fff;} div.palette_tabs .active a{text-decoration:none; display:inline;} div.palette_tabs .active a:hover{background-color:#fff;text-decoration:underline;} div.palette_tabs ul li.last{border-right:1px solid #999;} div.palette_tabs ul li.last a{border:none;} div.palette_tabs .linediv{display:inline; float:left; border-left:1px solid #999;padding:4px 0 5px 0;} div.palette_tabs .filterdiv{border-bottom:2px solid #999;text-align:right;vertical-align:middle;padding-bottom:3px; height:22px;}*/ /*End Small tabs in the outcomes palette*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /* .portlet ul.courselist {margin:6px 6px 9px 6px;} .portlet ul.courselist li {padding:0 0 0 14px;margin:0 0 6px 0;font-weight:bold;clear:both;background:transparent url(images/list_bullet_single.gif) no-repeat 4px 5px;} .portlet ul.courselist li a { font-size:110%;} .portlet ul.courselist li a:hover {text-decoration:underline;} .portlet ul.courselist li p {font-size:90%;font-weight:normal;margin:4px;} .portlet ul.scholar {margin:2px 6px;} .portlet ul.scholar li {margin-bottom:4px; border-top:1px solid #ddd;padding:6px 6px 4px 24px;background:transparent url(images/small_scholar.gif) no-repeat 0 6px;} .portlet ul.scholar li:first-child {border-top:none;} ul.tagcloud {margin:4px 6px 12px 6px;padding:0pt;} ul.tagcloud li {display:inline;list-style-type:none;margin:0pt;padding:3px;vertical-align:baseline;background-image:none;} li.freq1 a {font-size:90%;} li.freq2 a {font-size:105%;} li.freq3 a {font-size:120%;} li.freq4 a {font-size:135%;} li.freq5 a {font-size:155%;} li.freq6 a {font-size:165%;} li.freq7 a {font-size:175%;} li.freq8 a {font-size:195%;} */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*--- Form elements inside portlet ---*/ /*.portlet fieldset {border:0; margin:0; padding:6px 9px 6px 9px;}*/ /*.portlet fieldset legend {visibility:hidden;line-height:0;height:0px;}*/ /*div.portlet fieldset a.browse {font-size:90%;padding:1px 4px 1px 4px;color:#666;} div.portlet fieldset label {display:block;} div.portlet input[type="text"], div.portlet select {border:1px solid #999;font-size:95%; vertical-align:middle; margin:1px 0;padding:0;} div.portlet input[type="button"] {border:1px solid #999; font-size:90%; background:#ddd; padding:0 2px; vertical-align:baseline; margin:1px 0;} div.portlet input[type="button"]:hover {border:1px solid #999; font-size:90%; background:#fff; } */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /* Portlet content formatting. .portlet ul li div.location, .portlet_cust ul li div.location {padding:0;font-size:90%;color:#999;} .portlet ul li a {} .portlet ul li span.post_date, .portlet ul li span.info_byline, .portlet ul li span.time {float:right;color:#999;margin-left:3px;} .portlet ul.disc li span {float:right;padding:0 0 0 6px;} */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /* .portlet .portletTabs {background:#ededed;padding:4px 0px 0 0px;margin:0 6px 0 6px;border-bottom:1px solid #ccc;} .portlet ul.portletTabs li {float:left;background-image:none;padding:0;margin:0;} .portlet ul.portletTabs li a {display:block;padding:3px 12px;background-image:none;font-size:90%;text-decoration:none;} .portlet ul.portletTabs li a:hover {text-decoration:underline;} .portlet ul.portletTabs li.active {position:relative;top:1px;} .portlet ul.portletTabs li.active a {background-color:#fff;border:1px solid #ccc;border-bottom:none;font-weight:bold;} .portlet div.tabbedPortlet {background:#ededed;padding-top:9px} .portlet div.portletTabBlock {background:#fff;margin:0 6px 6px 6px;padding:6px 0 6px 0;border:1px solid #ccc;border-top:none;} .blockContents {margin:2px 0px 2px 0px;background:#fff;} */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*This css is currently used for the following caliper modules: * My Outcomes Evaluations: webapps.caliper/web/module/view_reviewermodule.jsp */ /*Small tabs in the outcomes palette .palette_tabs {margin:0px 0px 0px 0px;padding:4px 0px 0px 4px;_padding:4px 0px 0px 4px;background:#dedede;border:1px solid #ccc;border-bottom:1px solid #666;} .palette_tabs ul {list-style-type:none;font-size:90%;} .palette_tabs ul li { float:left; margin:0 0px 0 0px; background:#ededed; border-left:1px solid #666; border-top:1px solid #666; padding:2px 9px 3px 9px; _padding:1px 4px 1px 4px; text-align:center; color:#666; } div.palette_tabs ul li a{text-decoration:none; display:block;} div.palette_tabs ul li a:hover{text-decoration:underline;} div.palette_tabs ul li a:focus{outline:none;} div.palette_tabs ul li.active {font-weight:bold;border-left:1px solid #666;border-top:1px solid #666;background:white;padding:3px 9px 3px 9px; _padding:1px 4px 2px 4px;text-align:center;font-weight:bold;color:#000;margin-bottom:-2px;_top:-1px;} */ /* Portlet Block is used when there's a need to have collapsible blocks within a portlet */ /* .portlet .portletBlock h4, .portlet .portletBlock h4.blockTitle {padding:0;margin:0;border:0;} .portlet .portletBlock h4 a, .portlet .portletBlock h4.blockTitle a {display:block;font-size:110%;text-decoration:none;letter-spacing:0px;background:#f1f1f1;color:#444;margin:0;padding:4px 9px;border:0;} .portlet .portletBlock h4 a:hover, .portlet div.portletBlock h4.blockTitle a:hover {background:#eee;}*/ /* Span within the block title. Used to display total item count. .portlet .portletBlock h4 a span, .portlet div.portletBlock h4.blockTitle a span {color:#ddd;font-weight:normal;}*/ /* Portlet block groups. Contains Item Groups. .portlet ul.subCategories, ul.blockGroups {list-style:none;margin:0;padding:0;} .portlet div.portletBlock ul.subCategories li, ul.blockGroups li {padding:0;margin:0;} */ /*.portlet ul.subCategories li a, ul.blockGroups li a.itemHead { padding:4px 16px; background:#e3efff url(images/more_options.gif) no-repeat 3px center; display:block; margin:0; text-decoration:none; border-top:1px solid #777; font-weight:bold; font-size:90%; color:#597298; letter-spacing:1px; } ul.blockGroups li a.itemHead:hover {background-color:#e3efff;text-decoration:underline;} ul.blockGroups li a.itemHeadOpen {background:#fff url(images/less_options_dark.gif) no-repeat 3px center;} ul.blockGroups li a.itemHeadOpen:hover {background-color:#fff;text-decoration:underline;} .portlet ul.subCategories li:first-child a, ul.blockGroups li:first-child a {border-top:none;} .portlet ul.subCategories li a:hover, ul.blockGroups li a:hover {background-color:#fff;opacity:1;filter:alpha(opacity=100);} .portlet ul.subCategories li a span, ul.blockGroups li a span {color:#777;font-weight:normal;} .portlet ul.itemGroup li a, ul.blockGroups li ul.itemGroups li a {display:inline;padding:0;font-weight:bold;border:0;background-color:transparent;} .portlet ul.itemGroup li a:hover, ul.itemGroups li a:hover {text-decoration:underline;} ul.itemGroups li ul.items {padding:2px 9px;display: block; margin: 0; } ul.blockGroups li ul.itemGroups li a, ul.itemGroups li ul.items li a {font-weight:normal;} .portlet div.portletBlock h3 {border:none;font-weight:bold;letter-spacing:0;margin:0;padding:0;font-size:100%;} .portlet div.portletBlock h3 a {display:block; padding:3px 12px;margin:0;text-decoration:none;background:#E3Efff url(images/more_options.gif) no-repeat 99% center;} .portlet div.portletBlock h3 a:hover {text-decoration:underline;} .portlet div.portletBlock:first-child h3 a {border-top:none;} .portlet div.portletBlock h3 a.open {display:block; padding:3px 12px;margin:0;text-decoration:none;background:#E3Efff url(images/less_options.gif) no-repeat 99% center;} .portlet ul.objectList li {background-image:none;margin:0;padding:0;} .portletBlock ul li, .blockContents ul li, ul.memberList li {background-image:none;padding:0;margin:0 0 0 0px;} .portlet .blockContents ul li ul li span, .portlet .blockContents ul li span, .portlet ul li ul li span {color:#888;margin:0 0 0 4px;} */ /* Default flyout and contextual menu attributes. ul.actionMenuList { position: absolute; top: 23px; left: 0px; margin:0; padding:0; background-color:#E2EEFE; border:1px solid #5577BB; border-top:1px solid #ACC2DF; border-left:1px solid #ACC2DF; z-index:1001; }*/ /* * END MODULES */ /*Lists*/ /* * LISTS */ /*Standard list. Link icons are displayed. */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.easylist, .noimg, */ /*@cleaned 9.1.*/ .contentList, .buildList, .contentListPlain, .announcementList {margin:10px 0 0 0;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ .easylist, /*@cleaned 9.1.*/ .contentList li, .buildList li, .contentListPlain li, .announcementList li, /*@since 9.1*/ .contentPageItem {padding:0px 0 9px 0px;margin:0 0 3px 0;position:relative;} /*@since 9.1*/ .contentList > li, .buildList > li, .contentListPlain > li, .announcementList > li, .contentPageItem {min-height:50px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ .noimg .item_icon, /*@cleaned 9.1.*/ .contentListPlain .item_icon {display:none;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.noimg li h3.item, ul.buildList li h3.item, ul.contentListPlain li h3.item, ul.contentList li h3.item, ul.announcementList li h3.item, div.staticHeader h3.item, div.staticFooter h3.item,*/ /*@since 9.1*/ .item {font-size:110%;margin:0 0 0 18px;padding:6px 6px 6px 20px;border-top:2px solid #ccc;border-left:2px solid #ccc;cursor:move;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.easylist li h3.item, */ /*@cleaned 9.1.*/ .contentList .item {padding:6px 6px 6px 72px;} /*List headers displaying list element controls*/ /*@since 9.1*/ .gradingList .item {padding-right:120px} .announcementList .item, .announcementList-read .item, #announcementList .item { padding-right:13em; overflow-x:hidden; word-break: normal; word-wrap: break-word; } /*@since 9.1*/ .item:hover, .item:focus {background:#efefef;cursor:move;} /* Read-mode adjustments. */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.contentList li.read h3.item,*/ /*@since 9.1*/ .read .item, .announcementList-read .item {border:0!important;padding:6px 12px;margin:0;} /*@since 9.1*/ .contentList .read .item {padding:6px 6px 6px 68px} .contentList .read .item_icon {left:0;margin:0 0 0 6px} .contentList-slim .read .item {padding-left:48px;} /* adjust for lists that use 32x32 icons */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.easylist li.read h3.item:hover, ul.noimg li.read h3.item:hover, ul.buildList li.read h3.item:hover, ul.contentList li.read h3.item:hover, ul.contentListPlain li.read h3.item:hover, ul.announcementList li.read h3.item:hover, ul.announcementList-read li h3.item:hover, ul.buildList li.read h3.item:focus, ul.contentList li.read h3.item:focus, ul.contentListPlain li.read h3.item:focus, ul.announcementList li.read h3.item:focus, ul.announcementList-read li h3.item:focus, */ /*@since 9.1*/ /* Removes focus and hover effects from the content list item in read mode */ .read .item:hover, .read .item:focus {background:transparent;cursor:default;} /* List item icon container */ .contentList .item_icon {position:absolute;left:12px;top:4px;margin:0 8px 0 18px;} .contentList .item_icon a {margin:0;padding:0;} /* Icons only view (WebCT Vista style) list. */ .iconsOnly {width:80%;margin:0 auto;} .iconsOnly li {text-align:center;float:left !important;width:49%;margin-right:6px;} .iconsOnly .item_icon {margin:0 0 0 18px;left:auto;border-top:2px solid #ededed;border-left:2px solid #ededed;min-height:50px;top:0;} .iconsOnly .item {padding:6px;border:0;margin:0 0 0 18px;border-left:2px solid #ededed; min-height:36px} .iconsOnly .read .item {padding:6px;margin:0;} ul.iconsOnly .item > * {float:none!important;display:inline} /* Hover and focus effects for icons-only list elements */ .iconsOnly li:hover .item_icon, .iconsOnly li:hover .item, .iconsOnly li:focus .item_icon, .iconsOnly li:focus .item {background:#ededed;} /* Read mode adjustments for icon-only view */ .iconsOnly .read .item_icon, .iconsOnly .item_icon {position:relative!important; text-align:center!important; display:block!important;} .iconsOnly .read .item_icon, .iconsOnly .read .item {border:0;} .iconsOnly .read:hover .item_icon, .iconsOnly .read:hover .item, .iconsOnly .read:focus .item_icon, .iconsOnly .read:focus .item {background:transparent;} /*Misc. list support styles*/ /* this class targets the checkboxes on a canvas page */ .buildList li input {float:left; margin:8px 8px 8px 26px;} /* this class targets the "browse buttons" on a canvas page */ .buildList input.browse, .buildList input.genericButton, .buildList input[type=button] {margin:0 0 6px;} .contentListRight {position:absolute; right:0; top:3px; z-index:1000; width:9em; padding:6px 0; text-align:right; font-weight:normal;} .contentListRightOffset {padding:6px 9.1em 6px 28px;} .contentListRight .liveArea {position:absolute; top:6px; right:0; white-space:nowrap;} /* styles the "update points" form on assess canvas */ .pagedContentListRight {top: 4px;} /*End misc.*/ /* Container for user-generated contents inside a content list element */ .details {padding:1px 0 0 20px; color:#444; border-left:2px solid #ccc; margin:0 0 0 18px; background:inherit;} .contentList .details {padding-left:72px; overflow-x:auto; word-break: normal; word-wrap: break-word;} .contentList .details .attachments { word-wrap: normal; } /*Modification for details element for build canvas.*/ .contentListPlain .contentListRight + .details {padding:1px 0 1px 28px; overflow-x:auto;} .announcementList .details, #announcementList .details { margin-right:12.8em; overflow-x:auto; *overflow:hidden; *overflow-y:visible; _height:1%; _overflow:scroll; _width:70%; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.announcementList-read .details {margin-left:12px!important;padding-left:0;}*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*ul.noimg li.read div.details, */ /*@since 9.1*/ .read .details, .announcementList-read .details {margin-left:12px; border:0; padding:0;} .contentList .read .details {margin-left:68px; border:0; padding-left:0;} .contentList-slim .read .details {margin-left:48px;} /* adjust for lists that use 32x32 icons */ /*List item styles for Read mode*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. .easylist .read, .noimg .read, */ /*@since 9.1 ul.buildList li.read, ul.contentList li.read, ul.contentListPlain li.read, div.read { border:0; margin:0 0 9px 0; }*/ /* Content list version for staff information*/ .staffInfoList .hasPhoto .details {margin-right:160px; min-height:135px;_height:135px;} .staffInfoList .hasPhoto .contentListRight {width:150px!important;} .staffInfoList .hasPhoto .contentListRightOffset {padding-right:160px!important;} .details p {padding:3px 6px 6px 0; margin:0; font-size:95%;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.container p, .container p.important { padding:6px 12px 6px 12px; margin:0; font-size:95%; }*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.container p.centered { text-align:center; }*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.details p span.note,*/ /*@since 9.1*/ .details .note {font-weight:bold;} .details p.important {font-weight:bold; font-size:90%; padding:0; margin:3px 0 9px 0; } .details p.important span {font-weight:normal; color:#888;} /*@clean 9.1*/ .itemDetails, .announcementInfo { position:absolute; right:0; top:2px; bottom:8px; width:14em; border-left:1px dotted #ccc; padding:4px 4px 4px 8px; font-size:85%; background-color:#fff; } .announcementInfo p, .itemDetails p {padding:2px 4px 0 4px;} .announcementInfo p span, .announcementInfo span, .itemDetails span {color:#999;} .announcementInfo p span span {font-size:95%!important;} .noItems {color:#555; padding:6px 18px; text-align:center; font-weight:normal;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.announcementInfo p {font-size:100%;}*/ /*.itemDetails span {font-size:95%;}*/ /* list that contains item attachments. */ .details p.attachments, .details ul.attachments, p.attachments, ul.attachments { font-weight:normal; font-size:95%; padding:0px; margin:3px 0 0 0; width:98%; } .details ul.attachments, ul.attachments { list-style-type:none; margin:3px 0 9px 0; } .container ul.attachments { padding:0; font-size:90%; } .details ul.attachments li, ul.attachments li, ul.attachments li.read { float:left; padding:0 3px; margin:0 6px 0 0; *float:none; } .details p.attachments span, .details ul.attachments li.label, p.attachments span, ul.attachments li.label, .details ul.attachments li.read { color:#888; padding:1px 0 0 0; margin:0 6px 0 0; } .details p.attachments span, .details ul.attachments li.label span, p.attachments span, ul.attachments li.label span { display:block; padding:2px 0 2px 0px; } .details p.attachments a, .details ul.attachments li a, p.attachments a, ul.attachments li a { padding:2px 0 2px 0px; } ul.attachments li a.removeTag { padding:2px 9px 2px 0; } ul.attachments li.addTag {white-space:nowrap;} ul.attachments li.addTag span { display:inline; } ul.attachments li.addTag a.browse { padding:0 6px 2px; font-weight:normal; white-space:nowrap; } ul.attachments li.addTag span.addTagField { padding:6px; background:#eee; float:none; width:auto; } ul.attachments li.addTag span.addTagField input { float:none; margin:0; vertical-align:middle; } .details p.attachments a, .details ul.attachments li a span, p.attachments a, ul.attachments li a span { padding-left:3px; text-decoration:none; } /*Shifting details div more to the right as there is no icon. ul.noimg li div.details, ul.buildList li div.details, ul.contentListPlain li div.details, div.staticHeader div.details, div.staticFooter div.details { margin-left:18px; }*/ /*================ GRADEBOOK "ORGANIZE COLUMNS" PAGE ==============================================*/ div.staticFooter div.details { margin-left:18px; } div.staticHeader {margin:10px 0 0 0} div.staticFooter div.details { border-bottom:1px solid #ddd!important;*padding-bottom:12px;} .gbColumns_rumble, .gbColumns_rumble_bottom {margin-left:60px!important;border:1px solid #ddd!important;border-bottom:0!important} .gbColumns_rumble_bottom {border:1px solid #ddd!important;border-top:0!important} .staticHeader, .staticFooter {clear:both;position:relative;zoom:1} .staticHeader div.itemHeaderControl, .staticFooter div.itemHeaderControl, ul.gbCategories li div.itemHeaderControl {right:0;zoom:1} .staticHeader div.itemHeaderControl, .staticFooter div.itemHeaderControl, ul.gbCategories li div.itemHeaderControl {right:0;zoom:1} .staticHeader div.itemHeaderControl a, .staticFooter div.itemHeaderControl a, ul.gbCategories li div.itemHeaderControl a {display:inline-block} /*safari only hack to remove gap at the bottom of the tabs. */ /*\*/ html*.staticHeader div.itemHeaderControl, html*.staticFooter div.itemHeaderControl, html*ul.gbCategories li div.itemHeaderControl { top:5px; } /**/ ul.dragableHighlight {background:#fff;border-top:1px dashed #999;border-bottom:1px dashed #999;padding:12px 12px 3px 12px; margin:12px -12px 12px -12px} ul.gbCategories li h3.item, div.staticHeader h3.item, div.staticFooter h3.item {padding-left:9px} ul.gbCategories li h3.item a.toggleLink, div.staticHeader h3.item a.toggleLink, div.staticFooter h3.item a.toggleLink {margin-right:6px;margin-top:-2px} div.areaHighlight div.container, div.areaHighlight div.bottomRound b {background:#f9f9f9} ul.dragableHighlight li h3.item, .dragableHighlight div.details {border-color:#999;} /* Extra text beside/below main title in a caret list page */ .caretTitleModifier { padding:1px 0 0 3px; color:#444; font-weight:normal; font-size:90%; } div.landingPageColumn h3.hiddenlink .linkStatus { margin:0; font-size:85%; font-weight:normal; display:block; padding:0.4em 0 0 0; } /*.caretTitleModifier a.browse, div.landingPageColumn ul li h3.hiddenlink a.browse { white-space:nowrap; font-size:92%; color:#444; padding:0px 6px 1px 6px; } .caretTitleModifier a.browse:hover, div.landingPageColumn ul li h3.hiddenlink a.browse:hover, .caretTitleModifier a.browse:focus, div.landingPageColumn ul li h3.hiddenlink a.browse:focus { text-decoration:none; }*/ /*-------------------------------SUBLISTS------------------------------------*/ /*---------------- ul.subList is used if ul.buildList and ul.contentListPlain contain nested lists. Nested lists can be made reorderable. ---------------*/ .subList, .subList-reorder {margin:3px 0 6px; padding:4px 0 0 6px; border:1px dotted #CCCCCC;border-width:1px 0 0 1px} .subList-reorder {padding-left:23px;} .subList li {padding:3px;border:none;font-size:95%;} .buildList .detailList {margin:0;padding:3px 3px 3px 23px;} .subList-reorder li {border:0;padding:3px 6px;font-size:95%;} .subList li a img, .subList-reorder li a img {vertical-align:middle;} .subList li p, .subList-reorder li p {padding:0; margin:3px 6px 3px 24px; font-size:90%; color:#444; display:none;} .subList li p {visibility:hidden;} .subList li p span, .buildList .detailList li .subList li p span, .subList-reorder li p span {font-weight:bold;display:inline;float:none;} .subList-reorder .itemDetails, .subList-reorder .details, .subList .details {display:none;} .itemDetails + .details {margin-right:13em;overflow:visible;} .subList li p span {font-weight:bold;} /* subListArtifact is only used for artifact list on OPT canvas page */ .subListArtifact, .detailList .subListArtifact {clear:both;} .subListArtifact li, .detailList .subListArtifact li {position:static;} /* corrects layout issue in IE6&7 */ .detailList .subListArtifact, .detailList .subListArtifact li, .detailList .subListArtifact li a {zoom:1;} .buildList .detailList {margin:0 0 0.6em 0.7em;} /* no need to indent sublists (of attached files/objectives) in a canvas page */ .buildList .detailList .subList {margin:0 0 6px 0; border:0; padding:0;} /* survey answers are listed in an ordered subList */ ul.buildList ul.detailList ol.subList { list-style-type:decimal; list-style-position:inside; } ul.buildList ul.detailList li { border:none; margin:0 0 0.2em 0; padding:0 0 0.2em 0; } ul.buildList ul.detailList li span { float:left; width:20%; font-weight:bold; display:block; } ul.buildList ul li div { float:left; padding:0 0 0 0.3em; width:79%; display:block; } /* corrects formatting issue with contextual menu in canvas pages: buildList, noimg list */ ul.buildList ul li div.contextMenuContainer, ul.noimg li div.contextMenuContainer { display:inline; float:none; width:auto; } .buildList .pageBreak .item, .buildList .sectionBreak .item {background-image:url(images/readback.png);color:#777;border-top:2px dotted #ccc;} div.itemHeaderControl {position:absolute; right:13.5em; top:9px;} div.itemHeaderControl a img {margin:0;padding:0;} /*---MULTIPLE GROUP ASSIGNMENT---*/ div.multiAssign {margin:3px 0 9px 0;} div.multiAssign ul {list-style:none;border:0;padding:0;margin:0;} div.multiAssign ul li, div.multiAssign ul li.read { line-height:1.3em; text-align:center; width:13em; background:#f6f6f6; clear:none; float:left; margin:0 9px 0 0; -moz-border-radius:3px; border:0; padding:1px 6px 6px 6px; font-size:90%; } div.multiAssign ul li a, div.multiAssign ul li a { font-weight:bold; *font-size:95%; font-size:100%; } div.multiAssign ul li p {padding:1px 0 2px 0;} div.multiAssign ul li.label { line-height:1.1em; border:0; color:#888; background:transparent; font-weight:normal; padding:0;width:12em; white-space:normal; text-align:left; *font-size:95%; } div.multiAssign ul li p span { color:#888; } div.multiAssign a.buttonMicro, h3 a.buttonMicro { padding:0px 5px; background:#ededed url(images/backgrounds_h.png) repeat-x 0 -50px; font-size:90%;/**/ text-decoration:none; border:1px solid #ccc; color:#666; margin:1px auto 12px auto; white-space:nowrap; } div.multiAssign a.buttonMicro:hover, h3 a.buttonMicro:hover, div.multiAssign a.buttonMicro:focus, h3 a.buttonMicro:focus { background:#fff; border:1px solid #aaa; color:#333; } div.multiAssign a.simpleLink { font-weight:normal; color:#666; display:block; } h3 span.status a.buttonMicro { font-size:90%; font-weight:normal; margin-left:6px; } h3 span.status, h3 div.status { font-weight:normal; font-size:80%; margin-left:6px; background:#f3f3f3; padding:3px 6px; } h3 span.status span, h3 div.status span { color:#888; } h3 div.status {display:inline;} /*------------------------------------------SPLASH PAGE------------------------------------------------------*/ .contentBlock {padding:0.6em 1.4em 1em 1.4em; margin:0 1em 0.6em 1em; border:1px solid #ddd;} .contentBlock h3 {font-size:110%; margin:0 0 1em 0; padding:0.4em; border-bottom:1px solid #ddd;} .contentBlock ul {margin:0 0 0 0;padding:0 0 0 1.2em;list-style-type:none;} .contentBlock ul.threeCol {float:left;width:30%;} .contentBlock ul.threeCol li { background:transparent url(images/indicators.png) no-repeat 0 3px; font-weight:bold; font-size:90%; margin:0px; padding:0px 0px 6px 22px; float:none; } .contentBlock ul.threeCol li a {background-image:none;} .contentBlock ul.threeCol li a:hover, .contentBlock ul.threeCol li a:focus {text-decoration:underline;} .contentBlock h3 input, .contentBlock h3 select, .contentBlock input, .contentBlock select {font-size:90%;font-weight:normal;border:1px solid #999;margin-left:6px;padding:1px 2px;vertical-align:middle;} .contentBlock ol li input[type="checkbox"] {margin-right:6px;vertical-align:middle;} .contentBlock h3 a.browse, .contentBlock a.browse, .contentBlock input.browse { background:#ededed url(images/backgrounds_h.png) repeat-x 0 -50px; border:1px solid #ccc; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:1px 3px 2px 3px; text-decoration:none; font-size:90%; font-weight:normal; display:inline; } /*fieldset.stepcontent ol li a.browse { border:1px solid #555; background:white; }*/ /*---------------------------------LANDING PAGE--------------------------------*/ div.landingListWrapper {text-align:center; margin:1.6em 0 0 0;} /*2 column setup*/ div.landingListWrapper ul.landingList, div.landingListWrapper ul.landingList-2cols { width:90%; margin:0 auto; list-style:none; padding:0; } div.landingListWrapper ul.landingList li { margin:0 0 1.6em 0em; width:50%; text-align:left; } div.landingListWrapper ul.landingList-2cols li { float:left; margin:0 3em 1.6em 0em; width:45%; text-align:left; } div.landingListWrapper ul.landingList li.restart { margin-top:-13.6em; } div.landingListWrapper ul.landingList li a, div.landingListWrapper ul.landingList-2cols li a { text-decoration:none; } div.landingListWrapper ul.landingList li a:hover, div.landingListWrapper ul.landingList-2cols li a:hover, div.landingListWrapper ul.landingList li a:focus, div.landingListWrapper ul.landingList-2cols li a:focus { text-decoration:underline; } div.landingListWrapper ul.landingList li p, div.landingListWrapper ul.landingList-2cols li p { padding:0.4em 0.6em 0 1.4em; margin:0; border-top:1px solid #ddd; } div.landingListWrapper ul.landingList li ul { list-style-type:square; margin:0em 0.4em 0.4em 0.8em; } div.landingListWrapper ul.landingList li ul li { clear:left; padding:0; margin:0; color:#000; } div.landingListWrapper ul.landingList-2cols li ul li { float:none; padding:0; margin:0; color:#000; } div.landingListWrapper ul.landingList li h3, div.landingListWrapper ul.landingList-2cols h3 { margin:0; padding:0.4em 1.2em; font-size:110%; background:transparent url(images/indicators.png) no-repeat 0 0; } /* landing Page list column. */ .containerLanding, div.landing div.container, body.landingBody div.container { min-height:400px; padding:10px 0 12px 0; margin:0; background:#EDEDED; } div.landingPageColumn {margin:1.2em 0;padding:0;float:left;} .twoCol {margin:1.2em 0;width:49%;} .threeCol {margin:1.2em 0;width:32.5%;} .landingPageColumn ul {margin:0 0 0 2em;padding:} .landingPageColumn .outcomesLanding {padding:0 0 .4em 0;} .landingPageColumn ul li {margin:0 0 1.6em 0em;text-align:left;} .landingPageColumn .outcomesLanding li {margin:0 0 1.2em 0em;} .landingPageColumn ul li a {text-decoration:none;} .landingPageColumn ul li a:hover {text-decoration:underline;} .landingPageColumn h3, .landingPageColumn .outcomesLanding li a { margin:0; padding:0.4em 1.2em; font-size:110%; background:transparent url(images/indicators.png) no-repeat 3px 10px; } .landingPageColumn .outcomesLanding li h3 { background-image:none; padding:0.4em 0; font-size:115%; border-bottom:1px solid #ddd; } .landingPageColumn .outcomesLanding li a {font-weight:bold;font-size:100%;} .landingPageColumn .outcomesLanding li p {border-top:0!important;} /*If image is used in the header*/ .landingPageColumn h3 img {margin:0 0 0 -12px} .landingPageColumn h3.hiddenlink img { opacity:0.4; filter:alpha(opacity=40); position:absolute; top:0; left:1.1em; *left:-3.1em; } .landingPageColumn ul li ul {list-style-type:square; margin:0em 0.4em 0.4em 0.8em; padding:0 0 0 1.6em;} .landingPageColumn ul li ul li {color:#555; float:none; padding:1px 0 2px; margin:0;} .landingPageColumn ul li ul li.more {padding-top:3px;} .landingPageColumn ul li ul li.more a { padding:0 9px 0 0; color:#555; background:transparent url(images/indicators.png) no-repeat 0 50%; } .landingPageColumn ul li p {padding:0.4em 0.6em 0 1.4em; margin:0;border-top:1px solid #ddd;color:#666;} /*#contentPaneWide div.gray b, #contentPane div.gray b {background:#ededed;}*/ /*Tool management page*/ /*hidden tool link*/ .landingPageColumn h3.hiddenlink {position:relative;padding:1em 1.2em 0.6em 4.2em;} .landingPageColumn h3.hiddenlink a, .landingPageColumn h3.hiddenlink a:hover {color:#777;text-decoration:none;} /*--- Outcomes styles ---*/ .subhead_text {color:#333333;font-size:90%;padding:0pt 0pt 2px;} .list_text {color:#666666; font-size:85%; font-weight:normal; padding:0pt 2px 2px 1.3em;} .landingPageColumn .outcomesLanding .list_text a {background-image:none;font-weight:normal;margin-left:3px;padding:0pt;} /* os landing pages, cs splash pages */ div.datalistScroll { margin:0.4em 0 0.4em 1.4em; border:1px solid #ddd; background-color:white; height:360px; overflow:auto; } div.datalist { margin:0.4em 0 0.4em 1.4em; border:1px solid #ddd; background-color:white; } div.landingPageColumn ul li ul.datalistScroll { margin:0.4em 0 0.4em 1.4em; border:1px solid #ddd; border-top:none; padding:0; background-color:white; height:250px; overflow:auto; list-style:none; } div.landingPageColumn ul li ul.datalistScroll li { padding:2px; background-color:white; border-top:1px solid #ddd; } div.landingPageColumn ul li ul.datalistScroll li:hover, div.landingPageColumn ul li ul.datalistScroll li:focus { background-color:#ffffcc; } div.datalist table thead tr th, div.datalistScroll table thead tr th { background-color:#aaa; color:#fff; } /*div.datalist table td.overdue { background:url(images/stage_deadline4.gif) left center no-repeat; color:red; font-weight:bold; padding:1px 0pt 1px 20px; }*/ .emptylist { margin:6px 0 0 1.4em; background-color:white; border:1px solid #ddd; padding:12px; } div.landingPageColumn ul li ul.subcaret { margin:0.4em 0em 0.4em 1.4em; padding:0; list-style-type:none; border:1px solid #ddd; border-top:none; } div.landingPageColumn ul li ul.subcaret li { margin:0; padding:2px 1px 2px 2px; list-style-type:none; background:white; border-top:1px solid #ddd; font-weight:normal; } div.landingPageColumn ul li ul.subcaret li.complete { padding:2px 1px 2px 20px; background:white url(/images/ci/icons/workflow_detail_complete_ti.gif) 2px 2px no-repeat; } div.landingPageColumn ul li ul.subcaret li.inprogress { padding:2px 1px 2px 20px; background:white url(/images/ci/icons/workflow_detail_active_ti.gif) 2px 2px no-repeat; } .iconLegendLabel { margin:1px 0 1px 1.6em; font-size:95%; } div.landingPageColumn ul li ul.subcaret li a, div.landingPageColumn ul li ul.datalist li a, div.landingPageColumn ul li div a, div.landingPageColumn ul li table a, div.landingPageColumn ul li p a { text-decoration:underline; } /*---------------------------------------------DESIGN AREA------------------------------------------------------*/ .designAreaHeader, .designAreaFooter {border:1px solid #ccc; margin:0.6em 0 0.6em 18px; padding:6px 9px 9px;} .designAreaHeader h3, .designAreaFooter h3 {margin:0; padding:0; color:#666;} .designAreaHeader .headertext, .designAreaFooter .footertext {margin:0;padding:0 0 0.4em 12px;} div#emptyText {margin:0.6em 16px;} /* shown when there are no items in the canvas */ /*@since 9.1*/ .infoListWrapper { position:relative; border:1px solid #EEE; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 6px; padding:6px; background:#F6F6F6; *zoom:1; } .infoListWrapper h3 {margin:0; padding:0;} .infoListWrapper h3 a { display:block; padding:3px 16px; background:transparent url(images/indicators.png) no-repeat 0 -443px; } .infoListWrapper h3 a.open {background:transparent url(images/indicators.png) no-repeat 0 -1036px;} .infoList {margin: 6px 12px;} .infoList > li {border-top:1px dotted #ddd; margin: 0 0 3px 0; padding:3px 0 0 0!important;} .infoListWrapper .infoList > li {border-top:1px dotted #cdcdcd;} .infoList li:first-child {border-top:none;} .infoList li div h3 {margin:0; padding:0; font-size:100%; color:#555; font-weight:normal;} .details .infoList {margin-top:0!important;}/* for the Question Block ui in the assess Canvas */ /* extends the .infoList class to display list items horizontally */ .infoListFloat {margin:0;} .infoListFloat li { float:left; border:none; padding:3px 10px!important; background: url(images/indicators.png) 0 50% no-repeat; color:#555; font-size:95%; } /*---------------------------------------------SEQUENCE MAP-----------------------------------------------------*/ .sequenceMapHead { margin:6px 0; } .sequenceMapHead h3 { margin:12px 0 6px; } .sequenceMapHead p { margin:0 0 6px; padding:0; color:#666666; font-size:95%; } div.sequenceMapHead div.actionBar { border:none; background:#FFF7DE; } /*----------------------------------------GENERAL LIST --------------------------------------------------------*/ /* used in Learning Objects catalog */ ul.metaDataList { margin:0; padding:0; list-style:none; } ul.metaDataList li { margin:0; padding:2px 0; clear:both; } ul.metaDataList li h3 {display:inline; margin:0;} /* ------------------------------- styles for new Content List DOM (since 9.1 Sprint 2) -------------------------- */ .contentListPlain .item h3, .contentList .item h3, .contentListPlain .item .contextMenuContainer, .contentList .item .contextMenuContainer { display:inline; margin:0; } .contentList .item input[type=checkbox], /* needed for the checkboxes on the Assessment Canvas pages */ .contentListPlain .item input[type=checkbox] { position:absolute; left:26px; top:8px; } /*Lesson Plans*/ body#body {padding-bottom:60px;} #loadstatus {position:relative;height:180px;} /*.loading {position:absolute; top:30px; left:30%; font-size:32px; border:1px solid #1e90ff;background:#ffffff;padding:10px; }*/ fieldset.highlight {background: #eee;} fieldset.highlight div.input {border-color: #ccc;} .builderItem .item {font-size:100%; padding:12px 9px;background:#fff;} .builderItem:hover .item, .builderItem:hover .inputOptions {background:#efefef!important;} .builderItem {border:0!important;} .builderItem .close {position:absolute; right:5px; top:5px; cursor:pointer} .builderItem iframe {width:100%!important} div.subheading {font-weight: bold;} div.required div.inputField {margin-left: -1.5em;padding-left: 1.5em;background: url(../../images/ci/icons/required.gif) no-repeat left 2px;} .inputOptions {background:#fff;border-left: 2px solid #ccc;border-top: 1px dotted #ccc;margin-left: 18px;padding: .5em;} .offscreen {position: absolute;left: -999em;height: 0;} /* hovering over the edit link on a component should result in a pointer cursor shape, not a move shape */ .label a:hover {cursor:pointer;} /* div.inputValue {float: left;width: 79%;} div.inputField {float: left;width: 20%;} div.input {padding: .6em 0;} div.input + div.input {border-top: 1px solid #eee;} fieldset {margin: 1em 0;padding: 0;border: none;} fieldset h3 {margin: 0;padding: .3em .5em;background: #888;font-weight: bold;color: #fff;} fieldset h3.item {background: none;color: #000;font-size: 100% !important;font-weight: normal;padding: 0 !important;} div.fields {margin: 0 2em;} h3.item div.fields {margin: 0 .5em !important;border: none !important;} ul.contentListPlain div.fields {margin-left: 18px;border-left: 2px solid #ccc;} */ /*Assessment Canvas, Content List */ .copyQuestion, .linkQuestion {padding-left:22px!important; padding-bottom: 2px!important;} .copyQuestion {background:transparent url(/images/ci/icons/file_copy_ti.png) no-repeat scroll 1px center;} .linkQuestion {background:transparent url(/images/ci/icons/file_link_ti.png) no-repeat scroll 1px center;} div.contentListRight a {font-weight:bold;} div.contentListRight span span {display:block;padding:9px 0;color:#666666;font-size:90%;} div.contentListRight strong {padding:0pt 0.4em 2px;} div.assessmentHeader {border: 1px solid #CCCCCC; padding:3px 6px 6px;} div.assessmentHeader h3 {margin:3px 3px 6px; padding:0;} div.assessmentHeader div {margin:3px; color:#555;} /*End Assessment Canvas*/ /* ---------------- DISCOVER "CRITERIA SUMMARY" STYLES ------------------- */ .criteriaSummary {margin:0;} .criteriaSummary h3 {margin:6px 0 3px;padding:0;color:#666666;font-size:100%;} .criteriaSummary .hidden {display:none; visibility:hidden;} .criteriaSummary ul {margin:0; padding:0;} .criteriaSummary ul li {float:left; margin:0 1px; padding:2px; font-size:90%; white-space:nowrap;} .criteriaSummary ul li:first-child {margin-left:0;} .criteriaSummary ul li strong {display:block; float:left; *float:none; *display:inline-block; font-weight:normal; margin:0 0 2px; color:#555;} .criteriaSummary ul li span, .criteriaSummary ul li a {display:block; float:left; *float:none; *display:inline-block; background:#eee; padding:0 2px; margin:0 2px 2px; color:#000; white-space:nowrap;} .criteriaSummary ul li a {padding-right:18px; text-decoration:none; background:#eee url(../../../images/ci/icons/delete_li.gif) no-repeat 96% 2px;} .criteriaSummary ul li span:last-child, .criteriaSummary ul li a:last-child {margin-right:0;} /* Learning Standards*/ .alignPanelLightbox {min-height:250px;min-width:650px; padding:10px 12px;} .alignHeader {padding:6px 0 0; font-size:95%; font-weight:bold; color:#555;} .alignPanel table td, .alignPanel table th {font-size:90%;} .alignPanel thead th {white-space:nowrap;} .alignPanel td.actionCell {padding:4px 0; white-space:nowrap; width:1%;} .pageBreadcrumb {background:#FFF;height:1em;padding:6px} .pageBreadcrumb ul{list-style:none;margin:0px;padding:0px;font-size:90%;} .pageBreadcrumb li {float:left;font-weight:bold; color:#999999; margin-left:3px;} .pageBreadcrumb li a {text-decoration:none;color:#003366;font-weight:bold;margin-right:3px;} .pageBreadcrumb li a.active {text-decoration:none;color:#003366;font-weight:bold;} .sStatus {color:#006633;padding:0px;font-size:90%;margin-left:8px;height:14px;} .sStatusI {color:#cc0000;padding:0px;font-size:90%;margin-left:8px;height:14px;} /* Start: Admin Standards Management. Since 9.1 */ .panelList {padding:0; margin:2px 0px 3px;} /* this is the outermost list that contains all panels */ .panelList > li {margin:0 0 1px;} .panelNested {background-color:#FFFFFF; margin:4px 0 0; padding:4px; overflow:hidden;} /* a nested list of child panels */ .panelHead {position:relative; margin:0; padding:6px 8px; background:#EFEFEF;} /* a collapsible list item that contains child panels (.panelNested) */ .panelHead a {text-decoration:none; color:#000;} .panelItem {position:relative; border-bottom:1px solid #eee; padding:6px 8px 6px;} /* a panel list item that has no children */ .panelItem:last-child {border-bottom:none!important;} .panelList_leftCol {position:absolute; left:6px; top:6px;} /* each row is split into three columns: checkbox, text and icon */ .panelList_rightCol {position:absolute; right:6px; top:6px;} .panelList_centerCol {padding:0 18px;} /* Start: Standard Import Error Log */ ul.logMessages {list-style: none;margin-left: 0;padding-left: 1em;text-indent: -1em;} li.logError {color: red;} li.logWarning {color: blue;} li.logInfo {} li.logMessage {margin-top: 0.1em;} /* End: Standard Import Error Log */ /*End Learning standards*/ /* -------------------- SEARCH RESULT LIST STYLES -------------------- */ /** * @since 9.1 */ div.searchResultList-sortOptions { border-bottom: 1px solid #bbbbbb; background-color: #eeeeee; padding: 10px; margin-bottom: 15px; text-align: right; min-height: 20px; } /** * @since 9.1 */ div.searchResultList-sortOptionsCount { width: auto; float: left; } /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*h3 span.reorder { top:2px; left:-2px; position:absolute; background:#ededed url(images/cm_reorder_updown.gif) no-repeat center center; width:20px; height:20px; opacity:1;filter:alpha(opacity=100); -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; height:28px; width:20px; } ul.iconsOnly li h3.item span.reorder { background-image:url(images/cm_reorder.gif); background-repeat: no-repeat; background-position: center center; top:8px; } */ /*Undimming contextual menu link on hover. May need to make this JS driven.*/ /* ul.easylist li h3.item:hover span.reorder, ul.easylist li h3.item:hover a.cmimg, ul.noimg li h3.item:hover span.reorder, ul.noimg li h3.item:hover a.cmimg, ul.buildList li h3.item:hover span.reorder, ul.contentList li h3.item:hover span.reorder, ul.contentListPlain li h3.item:hover a.cmimg, ul.contentListPlain li h3.item:hover span.reorder, ul.contentListPlain li h3.item:hover a.cmimg, .contentPageItem h3.item:hover a.cmimg, .contentPageItem h3.item a.cmimg:hover, ul.iconsOnly li:hover h3.item span.reorder, ul.announcementList li h3.item:hover span.reorder, ul.buildList li h3.item:focus span.reorder, ul.contentList li h3.item:focus span.reorder, ul.contentListPlain li h3.item:focus a.cmimg, ul.contentListPlain li h3.item:focus span.reorder, ul.contentListPlain li h3.item:focus a.cmimg, .contentPageItem h3.item:focus a.cmimg, .contentPageItem h3.item a.cmimg:focus, ul.iconsOnly li:focus h3.item span.reorder, ul.announcementList li h3.item:focus span.reorder { opacity:1; filter:alpha(opacity=100); cursor:move; }*/ /*Tables*/ /*----------------------------------INVENTORY TABLE---------------------------------------*/ .tableOverflowControl {overflow-x:auto;*clear:both;} /*Default inventory table */ .inventory {background:#fff; color:#000000; overflow-y:visible; overflow-x:auto; border-collapse:separate;*border-collapse:collapse;border-spacing:0;*height:1%; zoom:1; width:100%; padding: 0 0 1px 0; margin:0; clear:both; } .inventory caption {text-align:left; color:#999; font-size:85%;} /* Table header styles. */ .inventory thead, .splashTable thead {} .inventory thead tr th, .splashTable thead tr th { background:#ededed; padding:5px 4px 5px 4px; color:#999; font-size:85%; border-bottom:2px solid #ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; /*zoom:1;*//*Attribute suspected at causing issue in AS-128600*/ } .inventory thead tr th:first-child, .splashTable thead tr th:first-child {border-left:none;} .inventory thead tr th:last-child, .splashTable thead tr th:last-child {border-right:none;} /* Table body styles. */ .inventory tbody {border-bottom:2px solid #ccc; /**height:1%;*//*Attribute suspected at causing issue in AS-128600*/} .inventory tbody tr { border-bottom:1px solid #ccc; /*zoom:1; *height:1%; *padding:1px 0;*//*Attributes suspected at causing issue in AS-128600*/ } .inventory tbody tr td, .inventory tbody tr th { padding:3px; font-size:95%; border:0; border-bottom:1px solid #eee; white-space:normal; word-break: normal; word-wrap: break-word; /**position:; *height:1%; zoom:1;*//*Attributes suspected at causing issue in AS-128600*/ } .inventory tbody tr:last-child td, .inventory tbody tr:last-child th {border-bottom:2px solid #ccc;} /* Table cell containing item title is usually a "th". Resetting alignment and font weight. */ .inventory tbody tr th {font-weight:normal; text-align:left;} /* Removing left border from the leftmost header cell. Will not work in IE6. */ .inventory tbody tr td:first-child {border-left:none;} .inventory tbody .gray td, table.inventory tbody .gray th {background:#f0f0f0;} /* Styles for cells in a sorted column. */ .inventory thead tr th.sorted, th.sorted, .splashTable thead tr th.sorted {background:#ccc;} .inventory tbody tr td.sorted {background:#eee;} .inventory thead tr th.sorted a {color:#000!important;} /*Sorted column styles*/ /*@since 9.1*/ .sortable thead th a {color:#666; margin-right:9px;} /*@since 9.1*/ .sortable thead th a:hover {text-decoration:underline;} /*.sortable tbody th a {color:#003366; margin-right:9px; word-break:normal; word-wrap:break-word;}*/ .sortable a.sortheader {text-decoration: underline; position:relative; padding-right:17px; margin-right: 0px; display:block;} /*Sorting arrow indicator*/ table.sortable span.sortarrow {color: #ffff00; text-decoration: none; position:absolute; right:0px; top:0; left:auto;} /*Selected row highlight*/ tr.high, .high {background:#fff1c5;} /*Disabled cell*/ .disabledCell {background-color:#F0F0F0;} /*Old reorderable table. To be redesigned due to classname confusion.*/ table.reorder {position:static} table.reorder tbody tr td, table.reorder tbody tr th {border-bottom:1px solid #eee;*border-bottom:0;} /* Reordering control styling for the old-type reorderable table. */ table.inventory td.smallCell span.reorder, table.inventory tbody span.reorder, table.inventory tbody span.reorder, table.attachments td.smallCell span.reorder, table.attachments tbody span.reorder, table.attachments tbody span.reorder { background-color:transparent; padding:6px 12px; opacity:.4; filter:alpha(opacity=40); width:30px; height:20px; cursor:move; position:static; } table.inventory td.dndHandle {*height:1%; padding:5px 0;position:static;} table.inventory td.dndHandle span.reorder img, table.inventory td.dndHandle span.reorder:hover img {height:20px;} table.inventory td.dndHandle span.reorder, table.inventory td.dndHandle span.reorder:hover {padding:0; background-position:-172px -124px; *width:14px;*height:20px;} table.inventory tr:hover td.smallCell span.reorder, table.inventory tbody tr:hover td.smallCell span.reorder:hover, table.attachments tr:hover td.smallCell span.reorder, table.attachments tbody tr:hover td.smallCell span.reorder:hover {opacity:1;filter:alpha(opacity=100);} /*Styles for the strips containing batch controls*/ /*Strip at the bottom of the table*/ div.checked {} div.checked_top {} table.inventory tbody ul.subtabs {list-style:none; padding:0; margin:0;} table.inventory tbody ul.subtabs li {position:relative;padding:2px 2px 2px 20px;} /*--------------------------------INVENTORY ACTION BARS--------------------------------------- */ .rumble { margin:-1px 0 9px 0; padding:4px 2px 4px 34px; background:#F6F6F6 url(images/selected_items.png) no-repeat scroll -1974px center; -moz-border-radius: 0 0 3px 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border:1px solid #eee; border-top:0; } /* Top inventory action bar. */ .rumble_top { margin:12px 0 0 0; padding:4px 2px 4px 34px; _height:.5em; background:#F6F6F6 url(images/selected_items.png) no-repeat scroll 12px center; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border:1px solid #eee; border-bottom:0; } .noBatchActions {background-image:none!important; padding:5px!important;} /* aligns the batch action bar with canvas page lists (whose margins are specified in lists.css > ul.buildList) */ .rumbleBuildList {margin:0 0 0 18px; border-top:2px solid #eee;} .rumbleBuildListTop {margin:10px 0 -10px 18px;} .rumbleBuildList ul li, .rumbleBuildListTop ul li {z-index:1000;} /* Inventory action bar buttons. */ .rumble_top ul, .rumble ul {zoom:1;} .rumble ul li.sub:hover {*z-index:998;} .rumble_top ul li.sub:hover {*z-index:999;} .rumble_top ul li, .rumble ul li, .rumble_top ul li.primary, .rumble ul li.primary {float:left; margin:0 3px 0 0;} .rumble_top ul li.secondary, .rumble ul li.secondary {float:right; margin:0 0 0 3px; position:relative;} /*@since 9.1*/ .contentListPlain .rumble li, .contentListPlain .rumble_top li {/*margin:0;*/padding:0; zoom:1; *position:static;} /* styles to separate and group controls on the list action bar. used by assessments, discussions, gradebook and outcomes surveys */ /* styling relies on attributes applied at the jsp-level until a class can be dynamically applied to the
  • in listOptions.vm */ .rumble li.listActionDivider, .rumble_top li.listActionDivider, .selectList .listActionDivider, /* for gradebook */ .listActionDivider {border-right:1px dotted #999; margin-right:9px; padding-right:9px;} .rumble li.listActionGroup input, .rumble_top li.listActionGroup input {font-size:95%;} .rumble li.listActionGroup a, .rumble_top li.listActionGroup a {display:inline;} /*Inventory Paging controls*/ .paging {clear:left; float:right;text-align:right;} .pagingprefs {color:#666; padding:3px 0px 0 0px; margin-top:3px; text-align:right;} .paging span {padding:1px 6px 1px 0; border-right:1px dotted #ccc; margin:0 9px 0 0;} .rumble_top .inventory_paging, .rumble .inventory_paging {float:right; margin-left:9px;padding-left:9px;} .jumptopage input, .inventory_paging .currentPage {width:3em; text-align:center; font-weight:bold; _display:inline-block; padding:0; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .inventory_paging .currentPage {background:#FFFfff; border:1px solid #aaa;} .inventory_paging div.jumpToLinkContainer a.jumpToPageOpen, .inventory_paging div.jumpToLinkContainer a.jumpToPageOpen:hover, .inventory_paging div.jumpToLinkContainer a.jumpToPageOpen:active, .inventory_paging div.jumpToLinkContainer a.jumpToPageOpen:focus { background: transparent; border: none; } .jumptopage input { font-weight:normal; -moz-border-radius: 0; -webkit-border-radius: 0;} .rumble_top .inventory_paging a, .rumble .inventory_paging a {padding:0; *position: ; *top:0px;} .inventory_paging a, .inventory_paging img, .inventory_paging span, .inventory_paging div, .jumptopage div {display:inline-block; *float:left} .inventory_paging a img {margin:0; display:inline; float:none; padding:0;} .inventory_paging a {*margin:2px 2px 3px 2px;*padding:1px;} .inventory_paging img {margin:2px 2px 3px 2px;*margin:3px;} /*Styles for disabled buttons*/ .inventory_paging a.inactive {opacity:.4; filter:alpha(opacity=40);} .loading-list { position:absolute; top:212px !important; left:50%; z-index:2000; border:2px solid #aaa; -moz-border-radius:3px; -webkit-border-radius:3px; padding:6px 12px; background-color:white; -moz-box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); font-size:135%; opacity:1; } .loading-listActiveFilter {top:240px!important;} div.jumptopage input#currentpage_bot, div.jumptopage input#currentpage_top, input#currentpage_bot, input#currentpage_top {width:auto;} .jumptopage {float:right} .jumptopage div {margin:0 0 0 3px;} .jumptopage button {border:none; background:transparent; padding:0; position:absolute; top:-2px; right:0; *top:0; *right:2px; } .jumptopage button img {margin:0} /* end of cs paging controls */ .rumble_top .secondaryControl, .rumble .secondaryControl {float:right;} /*Simple inventory table (aka attachment table)*/ /*---------------------- Simple inventory (attachment) table can be used to display any associated items (goals, programs, etc.) which appear in the data collection page. ------------------------*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments, /*@since 9.1*/ table.inventory-simple {margin:0px 0 12px 0; border-collapse:collapse; width:100%;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments thead tr, /*@since 9.1*/ table.inventory-simple thead tr {border-bottom: 2px solid #ccc;color:#999;*position:;} table.attachments thead tr.warningRow {border:0} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments thead tr th, /*@since 9.1*/ table.inventory-simple thead tr th {*border-bottom: 2px solid #ccc; padding:4px 12px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr, /*@since 9.1*/ table.inventory-simple tbody tr {border-top: 1px solid #eee;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr th, table.attachments tbody tr td, /*@since 9.1*/ table.inventory-simple tbody tr th, table.inventory-simple tbody tr td {padding:4px 12px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr th, /*@since 9.1*/ table.inventory-simple tbody tr th {color:#000;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr.removeCell, table.attachments tbody tr.removeCell, /*@since 9.1*/ table.inventory-simple .removeCell {background:#ededed; color:#777;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr.removeCell td, table.attachments tbody tr.removeCell th, /*@since 9.1*/ table.inventory-simple .removeCell td, table.inventory-simple .removeCell th {color:#999} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr.removeCell td a img, /*@since 9.1*/ table.inventory-simple .removeCell td a img {opacity:0.4; filter:alpha(opacity=40);} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments th.smallCell, table.attachments td.smallCell, /*@since 9.1*/ table.inventory-simple .smallCell {padding:0; width:1%; white-space:nowrap;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr.inEditMode, /*@since 9.1*/ table.inventory-simple tbody tr.inEditMode {border:2px solid #444!important; background:#ededed; -moz-border-radius:0;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ table.attachments tbody tr.inEditMode td, table.attachments tbody tr.inEditMode th, /*@since 9.1*/ table.inventory-simple tbody tr.inEditMode td, table.inventory-simple tbody tr.inEditMode th {-moz-border-radius:0; border-top:2px solid #444!important;} /*------------------------REORDERABLE TABLE--------------------------------------*/ /* Used in: -- Data Collection Page step ('stepItems-reorder') -- Organize Grade Center Page (+ 'gbColumns') */ table.stepItems-reorder { border-spacing:0px; *border-collapse:collapse; font-size:85%; margin-bottom:12px; *margin-bottom:0; *border-separate:1px 0; *border-spacing:1px 0 ; zoom:1; } table.gbColumns {font-size:90%; zoom:1;} table.stepItems-reorder td, table.stepItems-reorder th {padding:5px 9px;} table.stepItems-reorder thead tr th {background:#fff; border-bottom:1px solid #ccc; color:#999; text-align:left;} table.gbColumns thead tr th, table.gbColumns thead tr td {border-bottom:2px solid #999; background:#bbb; color:#FFF;} table.gbColumns thead tr th.sorted {background:#999; border-left:1px solid #777; border-right:1px solid #777;} table.gbColumns thead tr th a, table.gbColumns thead tr td a {color:#fff;} table.stepItems-reorder thead tr.lowerHeader th {border-bottom:2px solid #ccc; color:#333;} table.stepItems-reorder tbody tr td.shaded, table.stepItems-reorder thead tr th.shaded { background:#f6f6f6 url(images/readback.png); _background-image:none; *border-top:1px solid #ccc; } table.stepItems-reorder tr th.clearCell {border:0; padding:0;} table.stepItems-reorder tbody {*margin:0;*padding:0;zoom:1;*height:1px;border-bottom:2px solid #999;} table.stepItems-reorder tbody tr td {border-top:1px solid #ccc; zoom:1; *height:1%; background:#fff;} table.stepItems-reorder thead tr th.shaded {*border-top:0!important;} table.stepItems-reorder thead tr.upperHeader th {*border-top:0;} table.stepItems-reorder tbody tr {*background:#ccc;} table.stepItems-reorder tbody tr:first-child td, table.stepItems-reorder tbody tr:first-child th, table.stepItems-reorder thead tr:first-child {border-top:0;} table.stepItems-reorder tbody tr td.dragCell {padding:0px; border:0; vertical-align:top; text-align:right;} table.stepItems-reorder tbody tr td span.reorder { position:relative; background:#ededed url(images/controls.png) no-repeat -177px -122px; width:18px!important; height:20px; opacity:1; filter:alpha(opacity=100); -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; border-right:1px solid #ccc; cursor:move; display:block; left:auto; right:0; top:2px; } table.gbColumns tbody tr td span.reorder { background:#ededed url(images/controls.png) no-repeat -237px -122px;} table.stepItems-reorder tbody tr.frozenbar td span.reorder {top:1px;} table.stepItems-reorder tbody tr td input {vertical-align:middle; padding:2px 3px; width:95%;} table.stepItems-reorder tbody tr td.points input {width:3em;} table.stepItems-reorder tbody tr td.entry input[type=text] {width:90%;} table.stepItems-reorder tbody tr td.entry input[type=checkbox] {width:auto;} table.stepItems-reorder tbody tr td input[type=checkbox] {margin:0 4px 0 0;} table.gbColumns tbody tr td input[type=checkbox] {width:auto;margin:0;} table.gbColumns tbody tr td {padding:4px 8px;vertical-align:top;} table.gbColumns tbody tr.frozenbar td {background:#ccc;color:#444;font-size:95%;border-top:0;padding:3px 8px 4px 8px;} table.gbColumns tfoot tr.lastRow td {background:#999;border:0;height:2px;line-height:0;padding:0;} table.gbColumns tbody tr.frozen td {background:#ededed;} table.gbColumns thead tr td.checkBox, table.gbColumns tbody tr td.checkBox {padding:3px 0 1px 6px;text-align:center} div.areaHighlight table.gbColumns thead tr td.clear, td.clear, div.areaHighlight table.gbColumns tbody tr.frozenbar td.dragCell, div.areaHighlight table.gbColumns tbody tr td.dragCell, div.areaHighlight table.gbColumns tbody tr.frozen td.dragCell, div.areaHighlight table.gbColumns tfoot tr.lastRow td.clear {background:inherit;*background:#f9f9f9;} table.gbColumns tbody tr.frozenbar td.dragCell {padding:0!important;} table.gbColumns tbody tr.placeholder td {height:1px;padding:0;border:0;line-height:0;} table.gbColumns tbody tr.placeholder td.clear {background:inherit;*background:#f9f9f9;} table.gbColumns tbody tr td.dragCell, table.gbColumns thead tr td.clear {*width:4%;*position:relative;*overflow:visible;} ul.dragableHighlight li table.gbColumns thead tr td.clear, ul.dragableHighlight li td.clear, ul.dragableHighlight li table.gbColumns tbody tr.frozenbar td.dragCell, ul.dragableHighlight li table.gbColumns tbody tr td.dragCell, ul.dragableHighlight li table.gbColumns tbody tr.frozen td.dragCell, ul.dragableHighlight li table.gbColumns tfoot tr.lastRow td.clear, table.gbColumns thead tr td.clear {background:#ffffff;border:0;padding:0;} tr.rowdrag {background:#ccc;z-index:1;} .insertImg {position:relative; top:12px; z-index:20;} .insertImgUp {position:absolute; right:-10px; z-index:20;} table.inventory tbody tr td.smallCell, table.inventory thead tr th.smallCell {padding:3px; width:1%; white-space:nowrap;} table.inventory tbody tr td.hideCell, table.inventory thead tr th.hideCell {display:none} .clickOrder{display:none;} table.inventory tbody tr td.clickOrder{background-color:#ddd; border-left:none;} table.inventory tr td.endCell{background-color:#ddd!important; width:1px !important; padding:0!important;} table.inventory tr.orderRow td.clickOrder{background-color:#ddd; text-align:center;} table.inventory tr.orderRow td.clickOrder div{position:relative;} .sortedplus { background-image: url(images/controls.png); background-repeat:no-repeat; background-position:48% -995px; } .dragCol {background-color:#999;} /* end of cs data table */ /*--------------------------------SPLASH PAGE TABLE-------------------------------------------------*/ table.splashTable {margin:3px 0 12px 0;border-collapse:collapse;width:100%;border-bottom:2px solid #ccc;} table.splashTable thead tr {color:#999} table.splashTable thead tr th {padding:6px 12px;font-size:85%;} table.splashTable thead tr th a {color:#666;background:transparent;background-image:none;text-decoration:none;} table.splashTable thead tr th a:hover {color:#333;background:transparent;background-image:none;text-decoration:underline;} table.splashTable tbody tr {border-top: 1px solid #ddd;} table.splashTable tbody tr th, table.splashTable tbody tr td {padding:2px 9px;color:#777;font-size:85%;*border-top: 1px solid #ddd;} table.splashTable tbody tr td.controls {text-align:center;} table.splashTable tbody tr th {padding:2px 12px;color:#000;text-align:left;} table.splashTable th.smallCell, table.splashTable td.smallCell {padding:0; width:1%; white-space:nowrap;} .contentBlock a {display:block;background:transparent url(images/indicators.png) no-repeat 0 -450px;text-decoration:none;} .contentBlock a.collapse {display:block;background:transparent url(images/indicators.png) no-repeat 0 -1045px;text-decoration:none;} .contentBlock a.collapse:hover, .contentBlock a.hover {text-decoration:underline;} /*--------------------MODIFICATIONS TO SPLASH TABLE ON THE TOOL AVAILABILITY PAGE -------------------------*/ div#dataCollectionContainer div.contentBlock {margin:0pt 0 0em;padding:6px 0;border:0;} table.splashTable input {*border:0;} /* ------- CUSTOMIZE LIST PAGE (for Outcomes - REORDER / DRAG AND DROP TABLE COLUMNS ) --------------*/ table.reorderCols {border-collapse:collapse; clear:both; font-size:95%; margin:18px 0pt 9px; width:100%;} table.reorderCols thead tr th {border:1px solid #ccc; padding:0 4px; background:#ededed; text-align:left; cursor:move;} table.reorderCols thead tr th.noReorderCol { border:none; border-bottom:1px solid #ccc; background:transparent; cursor:default; } table.reorderCols tbody tr td, table.reorderCols tbody tr th { border-bottom:1px solid #EEEEEE; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding:2px 4px; text-align:left; vertical-align:top; } table.reorderCols tbody tr th {background:#EDEDED; border-bottom:1px solid #CCCCCC; color:#555555;} table.reorderCols thead th span.reorderToolTip {background:#DDDDDD url(images/controls.png) no-repeat scroll -347px -122px;} /*table.reorderCols thead th span.firstItem {background:#DDDDDD url(images/cm_reorder_right.gif) no-repeat scroll 8px 50%;} table.reorderCols thead th span.reorder2:hover {background-color:#EFEFEF; cursor:move;}*/ table.reorderCols thead tr th.axis {background:#EDEDED none repeat scroll 0%; border-bottom:1px solid #CCCCCC; color:#555555;} .ghostTd {width:auto; height:auto; padding:2px 8px; border:1px solid #000; position:absolute; font:normal 10px arial; background:#eee;} table.reorderCols thead th.dragging {background:#ccc;} table.reorderCols thead th.hovering {background:#666666;} table.reorderCols thead th.hovering img {display:none;} /* ---------------------------- END CUSTOMIZE LIST PAGE --------------------------- */ /* Used in Outcomes Sequence Map form page. Styles items that are in an inline attachments table and are deselected (marked for removal). */ td.removeCell, td.removeCell span a {color:#999; text-decoration: line-through;} td.removeCell span a img {opacity:0.3;filter:alpha(opacity=30);} /*Assessment canvas question type layout tables.*/ /*@since 9.1*/ .questionShell {width:100%;} .questionShell > tr, .questionShell > tbody > tr {border-top:1px solid #f1f1f1;} .questionShell > tr:first-child, .questionShell > tbody > tr:first-child {border:none;} .questionShell td, .questionShell th {padding:3px; vertical-align:top;} .questionShell th.labelCell, .questionShell .labelCell {width:17%;font-weight:bold; color:#888;} .questionShell td.valueCell {width:83%} .questionShell .correctAnswer {width:2%;} .questionShell .field {width:98%;} .questionShell .vtbegenerated {*display:inline!important;width:99%;} .questionShell td.valueCell table .vtbegenerated {display:inline!important;} /* key:value table */ .key-valueTable>tbody>tr, .key-valueTable>tbody>tr>th, .key-valueTable>tbody>tr>td, .key-valueTable>tbody {border-bottom:none!important;} .key-valueTable>tbody>tr>td, .key-valueTable>tbody>tr>th { border-top:1px dotted #ccc!important; padding:2px 6px 2px 0; background:transparent!important; vertical-align:top; font-size:inherit!important; *font-size:100%!important; } .key-valueTable>tbody>tr:first-child>th, .key-valueTable>tbody>tr:first-child>td {border:none!important;} .key-valueTable>tbody>tr>th {color:#555} .infoListWrapper .key-valueTable {margin:3px 9px 6px;} h3.inventoryHeader {padding-top:6px;} .leftColumn-wide h3.inventoryHeader {font-size:100%; color:#666666; border-top:1px dotted #ccc;} .noItemsLeftAligned { text-align:left !important; display:block !important; } /* * END INVENTORY TABLES */ /* grade center specific override of BB classes */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.rumble ul li.secondary a, .rumble_top ul li.secondary a {}*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*Extra data in the Name column of the inventory table. div.extraData {font-size:95%; color:#666; padding:3px 0 0 0;} div.extraData span {font-weight:bold; display:inline; font-size:95%;} div.extraData p {padding:0; margin:0;} table.splashTable div.extraData {font-size:100%;font-weight:normal;}*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.jumptopage input.gotopage { margin:0 2px; text-decoration:none; padding:1px; color:#fff; background:#888 url(images/action_button_back.gif) repeat-x top left; border:1px solid #566E94; border-bottom:1px solid #344A6C; border-right:1px solid #344A6C; font-size:100%; font-weight:normal; width:auto; }*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.rumble_top ul li.inventory_paging a:hover, .rumble ul li.inventory_paging a:hover { background:#FFF7DE url(images/actionsearch_button_back.gif) repeat-x; border:1px solid #EDD999; border-bottom:1px solid #E6D8B1; border-right:1px solid #E6D8B1; }*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.rumble_top ul li.secondaryControl a, div.rumble ul li.secondaryControl a { top:1px; background:#F5E7BD; border:1px solid #EDD999; border-bottom:1px solid #E6D8B1; border-right:1px solid #E6D8B1; padding:1px 5px 2px 5px;color:#666666;} div.rumble_top ul li.secondaryControl a:hover, div.rumble ul li.secondaryControl a:hover { background:#FFF7DE url(images/actionsearch_button_back.gif) repeat-x;border:1px solid #EDD999; border-bottom:1px solid #E6D8B1;border-right:1px solid #E6D8B1; } */ /*-------------------------------------PAGING CONTROLS-----------------------------------*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /* .paging input {width:2em;font-size:100%; text-align:center; font-weight:bold;} .pagingprefs a.microedit {color:#999; padding:1px 4px; border:0; background:#FFF7DE; background-image:none;} .pagingprefs a.microedit:hover {color:#666;text-decoration:underline;} .pagingform {background:#FFF7DE; padding:4px 28px 4px 12px; text-align:left; color:#666; position:relative; line-height:160%;} .pagingform a.close {padding:0;border:0;background:none;position:absolute;right:4px;top:4px;} .pagingform div {padding:3px 6px 0 6px;} .pagingprefs span#backandforth a {font-weight:bold!important;font-size:110%;line-height:90%;padding:0px 6px 2px 6px;}*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*div.rumble ul li.jumptopage a.gotopage, div.rumble_top ul li.jumptopage a.gotopage, .paging a.gotopage { margin:0 2px; padding:1px 5px 1px 5px; color:#fff; background-color:#819AC0; background-image: url(images/gradient_black_short_bt .png); background-repeat: repeat-x; background-position: top left; border:1px solid #566E94; border-bottom:1px solid #344A6C; border-right:1px solid #344A6C; font-weight:normal; font-size:100%; } div.rumble ul li.jumptopage a.gotopage:hover, div.rumble_top ul li.jumptopage a.gotopage:hover, .paging a.gotopage:hover { background:#566E94; border-color:#566E94; }*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*Following styles cause layout problems in paging control element. (LL)*/ /*.pagingprefs span { display: block; float: left; } .pagingprefs a#showAllButton{ display: block; float: left; } .pagingprefs a#showAllButtonDisabled{ display: block; float: left; } .pagingprefs a#openpaging{ display: block; float: left; } .pagingprefs a { margin-left: 2px; } */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.paging a { text-decoration:none; padding:0px 4px 1px 4px; border:1px solid #ccc; border-bottom:1px solid #aaa; border-right:1px solid #aaa; background:#ededed url(images/button3_back.gif); color:#666; color:#444; *display:inline-block; } .paging a:hover { text-decoration:none; border:1px solid #aaa; background:#fafafa; }*/ /*.paging a.inactive, .paging a.inactive:hover {border:1px solid #ddd; background:#ededed; background-image:none!important; color:#bbb;}*/ /*.dragHover {background-image: url(images/dragarrow.gif); background-repeat:no-repeat; background-position:right top;}*/ /*Dynamic elements*/ /* * DYNAMIC ELEMENTS */ /*modal overlay for flyout forms.*/ .modalOverlay{ display:none; background-color:#000; opacity:.01; filter: alpha(opacity=1); position:fixed; top:0; left:0; z-index:90; right:0; bottom:0; height:100%; width:100%; _position:absolute; } /*Contextual menu and mini menu containers. Hidden until called.*/ .cmdiv, .menumini, div.quickAddPal, div.keyboardAccess {position:absolute; display:none; zoom:1; z-index:200;} /* Default flyoutmenu, contextual menu, live area attributes. */ ul.nav li.sub ul, .menumini ul, div.quickAddPal, div.keyboardAccess, span.currentTags, .liveArea, .liveArea-slim, .liveAreaTab, .previewArea, .jumptopage, /*Remove .actionBar ul li.mainButton a.liveAreaTab and .actionBar ul li a.liveAreaTab:focus and a.liveAreaTab and a.liveAreaTab:focus after refactoring*/ a.liveAreaTab, a.liveAreaTab:hover, a.liveAreaTab:focus, .actionBar ul li a.liveAreaTab:focus, .actionBar ul li.mainButton a.liveAreaTab, .actionBar ul li.secondaryButton a.liveAreaTab, .panelTabs li.active a.edit, .panelTabs li.active a.edit:hover, .panelTabs li.active a.edit:focus, .flyout, /*Hierarchy tree highlight*/ ul.tree li a + img + a:focus, ul.tree li img + img + a:focus, /*TOC node highlight*/ div.treeContainer ul.tree li a.itemActive, #learningUnitToc ul.tree li a.itemActive, ul.tree li a.itemActive { margin-top:-2px; background:#E2EEFE url(images/backgrounds_h.png) repeat-x 0 -350px; border:2px solid #444A6C; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); zoom:1; _width:138px; padding:2px 4px 3px; } /*Setting box shadow to none*/ /*Hierarchy tree highlight*/ ul.tree li a + img + a:focus, ul.tree li img + img + a:focus, /*TOC node highlight*/ div.treeContainer ul.tree li a.itemActive, #learningUnitToc ul.tree li a.itemActive, ul.tree li a.itemActive, ul.nestedList { -moz-box-shadow: none; -webkit-box-shadow: none; } /*@since 9.1*/ /*Live area and preview area for editable areas */ .liveArea, .previewArea {padding:9px 14px; margin:0; width:auto; position:relative;} ul.tree li a + img + a:focus, ul.tree li img + img + a:focus, /*TOC node highlight*/ div.treeContainer ul.tree li a.itemActive, #learningUnitToc ul.tree li a.itemActive, ul.tree li a.itemActive {border-width:1px; padding:1px 2px; margin:0 0 0 -2px;-moz-border-radius:2px; -webkit-border-radius:2px} .containerOptions .liveArea {top:-2px;margin:0 -2px;*top:-8px;} /*Tool-specific liveArea modifications*/ /*@since 9.1*/ /*Lesson Plans form builder*/ .builderItem .liveArea {position:absolute; top:3px; left:22px; z-index:100;} .previewArea {border:2px solid #ddd; background: #FFF; margin-top:0px;} /* cs paging controls */ .jumptopage {padding:2px 18px 2px 6px; text-align:left; position:relative;} /* cs paging controls */ .rumble .jumptopage, .rumble_top .jumptopage {*padding-top:1px;} /*Is applied to the .liveArea trigger if it is to be turned into a tab. */ .liveAreaTab, /*Remove .actionBar ul li.mainButton a.liveAreaTab and .actionBar ul li a.liveAreaTab:focus and a.liveAreaTab and a.liveAreaTab:focus after refactoring*/ a.liveAreaTab, a.liveAreaTab:hover, a.liveAreaTab:focus, .actionBar ul li a.liveAreaTab:focus, .actionBar ul li.mainButton a.liveAreaTab, .actionBar ul li.secondaryButton a.liveAreaTab, .panelTabs li.active a.edit, .panelTabs li.active a.edit:hover, .panelTabs li.active a.edit:focus { top: 4px; *top: 8px; position: relative; padding: 4px 9px; background-image:none; color: #000; border-bottom: none; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; z-index:2; -moz-box-shadow:none; -webkit-box-shadow:none; } .actionBar ul li.mainButton a.liveAreaTab, .actionBar ul li.secondaryButton a.liveAreaTab {top:8px; *top:9px; *z-index:200} .liveArea-slim {padding:3px 5px;} .smallControls {font-size:90%;margin-top:3px!important;min-width:19em;} .smallControls .stepHelp {font-size:100%!important;padding:0} .smallControls input[type="text"], .smallControls select {padding:0!important;width:100%;} .smallControls .label {width:29%;} .smallControls .field {width:70%;} /*End live area*/ .columnActions .nav .sub ul {margin-top:0;} /*Flyout menus*/ /*Default location*/ .nav .sub ul, .nav .sub .flyout {position: absolute; display: none; *z-index:1000; margin-top:-2px;} .nav .sub ul li {margin:0; padding:0; float:none; zoom:1;} .nav .sub ul ul, .nav .sub .flyout ul { display: block; } /*show the submenus on hover or mouseover (except IE where it's done with javascript)*/ .nav .sub:hover ul, .actionBarMicro .nav .sub:hover ul, .nav .sub:hover .flyout {top:22px;left:0px;z-index:101;} /*Reducing top position for smaller menus*/ .actionBarMicro .nav .sub:hover ul, .rumble_top .nav .sub:hover ul, .rumble .nav .sub:hover ul {top:18px;} /*Position adjustment for IE browsers in RTL*/ ul.nav li.sub {} ul.nav li.sub:hover {position:relative;} ul.nav li.sub:hover, ul.nav li.sub:hover ul, .nav .sub:hover .flyout {*z-index:1010!important;zoom:1;} /*IE6 and IE7 hack forcing parent of the flyout down the z-index*/ .topGlobalLinks .nav .sub {*z-index:1000!important; zoom:1; *height:1%;} /*.quickAddPal is a miniatiure data collection element.*/ .quickAddPal {width:auto; *width:19em;} .keyboardAccess {font-size:95%} /* color picker palette - uses a grid of swatches which is wider than 19em */ .quickAddColor {width:311px;} .quickAddColor a.genericButton {float:left; margin:2px 0;} /*Contextual menu*/ .cmdiv {z-index:1150!important; -moz-border-radius:3px; -webkit-border-radius:3px; border:2px solid #444A6C; padding:2px 4px 3px; background:#E2EEFE url(images/backgrounds_h.png) repeat-x 0 -350px; -moz-box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.4); -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.4);} .cmdiv ul {width:180px; border-bottom:0; border-top:1px dotted #ACC2DF;padding:2px 0} .cmdiv ul:first-child, .menumini ul:first-child {border-top:none;} /* Links inside the flyout menu and a contextual menu.. */ .nav .sub ul li a, .cmdiv a, .menumini a { width:138px; background:url(images/indicators.png) no-repeat 2px -890px; background-color:transparent; color:#444; font-weight:normal; text-decoration:none; display: block; margin:0; padding: 3px 6px 3px 13px; border:0; /*border-top:1px solid #ACC2DF;*/ zoom:1; overflow-x:hidden; word-break: normal; word-wrap: break-word; -moz-border-radius:0; -webkit-border-radius:0; font-size:95%; } /* Contextual menu link specific attributes */ .cmdiv a {font-size:95%; border:none; width:auto;} .nav .sub ul li a:hover, .nav li.sub ul li a:focus, .cmdiv a:hover, .cmdiv a:focus, .menumini a:hover, .menumini a:focus { color:#000; background-color:#FFFFFF; border:0; } .actionBarMicro .nav .sub ul li a:hover, .paneTabs .nav .sub ul li a:hover, .actionBarMicro .nav li.sub ul li a:focus, .paneTabs .nav .sub ul li a:focus { background-color:#FFFFFF; color:#000; } .nav .sub ul li:first-child a, .nav .sub ul li:first-child a:hover, .nav .sub ul li:first-child a:focus {border:0;} /*Tabbed pane tabs*/ .paneTabs .nav .sub ul li a {text-align:left;} /*Time selection div*/ .timediv ul li a:hover, .timediv ul li a:focus {padding: 3px 6px; } .timediv ul li a:focus {background-color: #E2EEFE; color: #444444;} .timediv ul li a:hover:focus {background-color:#fff; color:#000;} .topGlobalLinks .nav .sub:hover ul {top:0px;left:0px;z-index:101;} .topTabs-compact .topGlobalLinks .nav .sub:hover ul {top:0px;right:0px;left:auto;z-index:101;} /*List element with "close" link*/ .cmdiv li.contextmenubar_top, .menumini li.contextmenubar { background-image:none; position:absolute; text-align:right; display:block; width:182px; top:-18px; right:0px; background:none; border-bottom:none; border:none; padding:0; } /*.menumini li.contextmenubar { width:122px; top:-16px; *top:-17px; } .cmdiv li.contextmenubar_top a, .cmdiv li.contextmenubar_top a:hover, .cmdiv li.contextmenubar_top a, .cmdiv li.contextmenubar_top a:focus { background:#C8DBF4; padding:0px 2px 2px 2px; border:1px solid #5577BB; border-left:1px solid #ACC2DF; border-top:1px solid #ACC2DF; border-bottom:none!important; }*/ .cmdiv li.contextmenubar_top a, .cmdiv li.contextmenubar_top a:focus, .cmdiv li.contextmenubar_top a:hover, .currentTags a.closeCloud, .currentTags a.closeCloud:hover, .currentTags a.closeCloud:focus { background:#C8DBF4; padding:2px; border:2px solid #444A6C; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-bottom:0; } .cmdiv li.contextmenubar_top a:focus, .cmdiv li.contextmenubar_top a:hover, .currentTags a.closeCloud:hover, .currentTags a.closeCloud:focus {background-color:#C3D0DF} .currentTags a.closeCloud {border:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;} .cmdiv li.contextmenubar_top {width:192px;right:-2px} /*Dynamic data collection palettes*/ /* Wrapping container for keyboard-accessibility and quick-add palettes is the same as that for cmdiv above. See "div.quickAddPal, div.keyboardAccess" above. */ .quickAddPal h3, .keyboardAccess h3, .quickAddPal .quickAddPalHeader { margin:-2px -4px 8px; padding:4px 8px; background:#cedff6 url(images/background_h.png) repeat-x 0 -50px; _background-image:none; border-bottom:1px solid #B5C9E5; font-size:100%; font-weight:bold; } .quickAddPal .controls, .keyboardAccess .controls, .comText .controls { border-top:1px solid #ACC2DF; margin:2px; padding:7px 0; text-align:right; clear:both; } /*comText div.controls {margin:3px 0 0 0;padding:6px 0px 3px 0px;}*/ /*div.keyboardAccess div.minicolumn {float:left;} div.keyboardAccess div.minicolumn {margin:0 9px 0 9px}*/ .keyboardAccess p.paletteHelp { margin:6px 9px; padding:3px 6px; white-space:normal; background:#fff1c5; border:1px solid #ffcc00; font-size:90%; } /*div.keyboardAccess p.colspan-1 {width:120px;} div.keyboardAccess p.colspan-2 {width:260px;} div.keyboardAccess p.colspan-3 {width:390px;}*/ /*Multi-colum flyout*/ .bcMenuDiv-1 {width:190px;} .bcMenuDiv-2 {width:380px;} .bcMenuDiv-3 {width:570px;} .bcMenuDiv-4, .bcMenuDiv-5 {width:570px;} .flyout {padding:1px 2px 0 !important;} .nav .sub .flyout div {position:static;padding-bottom:6px;margin:0;min-height:1px;float:left;} .flyout h3 {font-size:85%;} .nav .sub .flyout ul {position:static; background:transparent; padding:2px 0px; margin:0px 6px; border:0; border-top:1px dotted #ACC2DF; -moz-border-radius:0; -webkit-border-radius:0; zoom:1;z-index:1000; -moz-box-shadow:none; -webkit-box-shadow:none; } .nav .sub .flyout div h3 + ul, .nav .sub .flyout div ul:first-child {border-top:0} .nav .sub .flyout a, .nav .sub .flyout a:hover, .nav .sub .flyout a:focus {background-color:transparent; width:auto; border:0; font-size:95%; padding:3px 6px 3px 13px;} .nav .sub .flyout a:hover, .nav .sub .flyout a:focus {background-color:#FFFFFF;color:#000} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*---------------------------KEYBOARD-ACCESSIBLE REORDERING CONTROLS------------------------------------------------*/ /* div.orderingControls-ns { text-align:center; padding:9px 3px 3px 25px; display:block; float:none; } div.orderingControls-ew { float:left; padding:40px 0 0 0; } div.orderingControls-ns a, div.orderingControls-ew a { border:1px solid #ccc; display:inline; margin:0 2px 0 0; } div.orderingControls-ew a { border:1px solid #ccc; display:block; margin:0 0 2px 0; } div.orderingControls-ns a img, div.orderingControls-ew a img { width:16px; height:16px; } div.orderingControls-ns a.up { background: url(images/small_up.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ns a.down { background: url(images/small_down.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ns a.top { background: url(images/small_top.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ns a.bottom { background: url(images/small_bottom.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ew a.first { background: url(images/small_rewind.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ew a.next { background: url(images/small_next.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ew a.previous { background: url(images/small_previous.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ew a.last { background: url(images/small_ffwd.gif) no-repeat 0 0; background-color:#ededed; } div.orderingControls-ns a:hover, div.orderingControls-ew a:hover { background-color:#fff; border:1px solid #aaa; } */ /*Messages and receipts*/ .receipt, .warning, .inlineDialog { margin:0 0px 6px 0px; padding:6px 9px; position:relative; -moz-border-radius:4px; -webkit-border-radius:4px; *margin:0 3px 6px 3px; border: 1px solid #bbb; } .inlineDialog {-moz-border-radius:2px;-webkit-border-radius:2px; padding:1px 4px;} .inlineReceipt {margin:6px 0px;padding:6px 9px;position:absolute;-moz-border-radius:4px;-webkit-border-radius:4px;*margin:0 3px 6px 3px;display:none;} /*Floating receipt used with selection elements in the drawer*/ .miniReceipt {position:absolute;color:#fff;z-index:300;padding:2px 12px;-moz-border-radius:3px;-webkit-border-radius:3px; border: 1px solid #bbb;} .bad, .good, .removing, .adding, .infoReceipt, .brokenFileLink, .portlet span.due.warning {font-weight:bold; color:#fff;} .bad, .removing, .brokenFileLink, .portlet span.due.warning {background:#EF312C;border-color: #BF1B17;} .good, .adding {background:#6B9F27;border-color: #4F7F0F;} .infoReceipt {background:#6D8AAF; border-color:#62758F ;} .attention, .warningReceipt {background:#FFFF99; border-color:#FFCC33; color:#000000; font-weight:normal;} .warningReceipt {font-weight:bold;} .removing, .adding, .brokenFileLink, .portlet span.due.warning {font-weight:normal;} .brokenFileLink, .portlet span.due.warning {-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #BF1B17;display:inline-block;*position:static} .infoBox {-moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; border: 1px solid #AFDF61; margin: 6px 0; padding:6px 9px;} .infoBox > .message {display:block; margin-bottom:4px;} .info-ok {background: #D9EFA4; border-color: #AFDF61; color: #336600} .nestedReceipt { /* used to position a receipt within a random block in assessments */ margin: 0 20% 6px 0; z-index:1001; } /*Notifications settings page bubbles.*/ .columnMsgWrapper {margin-left:60%;} .columnMsgWrapper .column-2 {min-height:1px;} .smsIssue, .t2vIssue {margin:3px 3px 9px;position:relative;} /*Info bubble stems*/ .bubbleStem-bottom-center {width:0px;height:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #FFCC33;border-bottom:0;position:absolute;bottom:-12px;left:50%;margin-left:-8px} /*------------------------------------TAB PREVIEW ON THE SYSTEM TAB GROUPING PAGE----------------------------------------------------*/ div.tabPreview { position:relative; border:12px solid #cdcdcd; width:auto; z-index:1; margin:0 6px 6px 6px; background:#cdcdcd; } div.tabPreview div.paneTabs {margin-top:12px;} /*-----------------------------------STATUS INDICATORS IN THE INVENTOTY TABLE----------------------------------------*/ div.status { color:#000; font-size:90%;/**/ text-align:left; padding:1px 6px 3px 6px; margin:0; background:#f9f9f9; display:block; } /*div.stopped strong, span.stopped {color:red; font-weight:bold;}*/ div.status a img {vertical-align:middle;} div.status p { padding:1px; border:1px solid #ccc; font-size:90%; color:#444444; margin:2px auto 4px auto; text-align:left !important; line-height:10%; *height:12px!important; *padding:0 2px; background:#fff; } div.status p img {margin:0px !important; background-color:#8DAFAF; height:8px; padding:0;} div.stopped p img {background:#fff url(images/controls.png) no-repeat -20px -180px;} div.status a.buttonMicro { padding:0px 5px; background:#ededed url(images/backgrounds_h.png) repeat-x 0 -50px; font-size:90%;/**/ text-decoration:none; border:1px solid #ccc; color:#666; margin:1px auto; } div.status div {position:relative; text-align:center;} div.status a.buttonMicro:hover {background:#fff; border:1px solid #aaa; color:#333;} /*Searchbar*/ /*Permananetly displayed searchbar (has no action bar based button to show/hide it).*/ .searchbar, .searchbarPicker, .subActionBar{ margin:9px 0 0 0; padding:2px; position:relative; _height:1%; border:1px solid #EEE; -moz-border-radius:3px; -webkit-border-radius:3px; background:#F6F6F6; } .subActionBar {font-size:95%;} .searchbar, .searchbarPicker table {*margin:0 -9px 0 0} .searchbar table td, .searchbar table td table td {padding:1px;} .searchbar table fieldset {padding:3px 4px;*padding:3px 0;*height:1%;} .searchbar table div {display:inline-block;padding:0;} .searchbar form {padding:0;margin:0} .searchbarPicker {border:none;font-size:90%;} .searchbar:after, .searchbarPicker:after {content:"."; display: block; height:0; clear: both; visibility:hidden;} a.close {position:absolute; right:6px; top:3px; opacity:0.8;} .receipt a.close {top:1px; right:4px; opacity:0.7; _right:20px; filter:alpha(opacity=70);} .slideshowControls {font-size:100%; margin:8px auto 12px auto; text-align:center;} .searchbar fieldset, .searchbarPicker fieldset, .subActionBar fieldset { padding:6px 9px 6px 9px; } .searchbar h2, .searchbarPicker h2 {margin:0; padding:1px 6px; font-size:110%; font-weight:bold;} /*.searchbar fieldset input, .searchbar fieldset select, .searchbarPicker fieldset input, .searchbarPicker fieldset select { border:1px solid #666; vertical-align:middle; margin:3px 0; padding:1px; }*/ /*.searchbar *input[type="radio"], .searchbarPicker *input[type="radio"], .searchbar *input[type="checkbox"], .searchbarPicker *input[type="checkbox"] { border:none; }*/ /*.searchbar fieldset label, .portlet fieldset label, .searchbarPicker fieldset label, { font-size:100%; }*/ /*In case list is used in the searchbar. .searchbar fieldset ol, .searchbarPicker fieldset ol { list-style-type:none; padding:0; margin:0; }*/ .searchbar .groupLabel, .searchbarPicker .groupLabel, .liveArea fieldset .groupLabel {font-weight:bold; padding:5px 3px 0 0;} /*@since 9.1*/ /*.searchbar div {padding:3px 5px;}*/ .searchbar ol li, .searchbarPicker ol li, .liveArea fieldset ol li {float:left} .searchbar ol li.options, .searchbarPicker ol li.options, .liveArea fieldset ol li.options {float:right;} .searchbarPicker span {display:inline;} .searchbar span.spacer {margin:0 4px;} /*End searchbar*/ /*Preview Panel*/ .tabGroupsPreview {margin:-11px -12px 24px -12px; font-size:100%;} .previewContent { position:relative; width:auto; padding:14px; z-index:1; margin:0; background:#aaa url(images/backgrounds_h.png) repeat-x 0 -320px; } .previewContent iframe {height:300px;width:100%;} /*Tab table needs to be moved up*/ .previewContent .appTabs {top:-3px;} .tabGroupsPreview table div {display:block} .previewOverlay { top:130px; width:100%; text-align:center; position:absolute; color:#555; font-size:300%; text-transform:uppercase; letter-spacing:10px; font-weight:bold; filter:alpha(opacity=30) } .tabGroupsPreview .previewOverlay {top:40px;} .previewOverlay span {background-color:white;opacity:.30;filter:alpha(opacity=30);padding:6px 12px 6px 24px} p.warning {padding:9px 18px; background-color:#CF1D19; margin:12px 0 24px 0; color:#fff; font-size:100%;} /*b.shadow {display:block;height:9px;margin:0 1px;overflow:hidden;background:transparent url(images/bg_content_shadow.png) repeat-x 0 -3px ;}*/ /*End Preview panel*/ /*Date selector*/ /*Safari fix*/ /*\*/ html*div.calPicker {overflow:auto; width:30em; max-width:60%; padding:0 0 21px;} /*end*/ .calPicker { z-index:1500!important; *overflow:visible !important; *padding:0!important; *width:auto!important; *max-width:none!important; } .calPicker .calHead {position:relative; padding:3px;} .calPicker h3 {margin:0 40px; border:none; padding:0; background:none; text-align:center;} .calPicker .previous {position:absolute; top:2px; left:2px;} .calPicker .next {position:absolute; top:2px; right:2px;} .calPicker div.calFoot {clear:both; padding:6px 3px; text-align:center;} .calPicker a.contextmenubar, .calPicker a.contextmenubar:hover { display:block; background:#C8DBF4; padding:0px 2px 2px 2px; text-align:right; } /*End calendar picker*/ /*Time picker*/ .timediv {padding:2px 0 0 4px;} .timediv ul {width:8em; height:200px; overflow:auto;} .timediv ul li.contextmenubar_top {width:8.63em;} .timediv ul li a {padding:3px 6px;background-image:none;} /*End time picker*/ /*Tagging*/ .buildList .detailList .hidden {display: none;} .buildList .detailList .tagContainer {position:relative;} .buildList .detailList .tagContainer .hidden {display:none;} .buildList .detailList .tagContainer, .buildList .detailList .tagContainer span { float:none; display:inline; padding:2px 2px 2px 0; width:auto; font-weight:normal; } .buildList .detailList .tagContainer input, .tagContainer input { float:none; display:inline; margin:0; border:1px solid #555; font-size:95%; vertical-align:middle; } .tagContainer .newTagForm {margin-left:6px;border-left:1px dotted #999;} .tagContainer .newTagForm label {padding-left:6px;} .currentTags { display:none; position:absolute; top:1.2em; right:0; width:16em; line-height:1.8; zoom:1; z-index:100; overflow:hidden; } .currentTags span {display:block;padding:18px 6px 6px;} .currentTags a {font-weight:bold;} .currentTags a.closeCloud { display:block; position:absolute; top:0; left:0; padding:0 2px 1px; width:98%; text-align:right; line-height:1; } /* styles for the "auto-complete-tag" feature in the listActionBar of Surveys */ .auto_complete { width:12em; border:1px solid #5577BB; border-top:1px solid #ACC2DF; border-left:1px solid #ACC2DF; background: #E2EEFE; z-index: 1000; } .auto_complete ul { margin:0; padding:0; width:100%; list-style-type:none; } .auto_complete ul li { margin:0; padding:2px 1% 2px 3%; /* Need to coordinate padding and width to accomodate IE box calucations */ width:96%; cursor:pointer; overflow:hidden; } .auto_complete ul li.selected { background-color:#fff; } .auto_complete ul strong.highlight { margin:0;padding:0;} /* Tag Cloud*/ .freq1 {font-size:90%; padding:0 1px;} .freq2 {font-size:105%; padding:0 1px;} .freq3 {font-size:120%; padding:0 1px;} .freq4 {font-size:135%; padding:0 1px;} .freq5 {font-size:150%; padding:0 1px;} .freq6 {font-size:165%; padding:0 1px;} .freq1:hover,.freq2:hover,.freq3:hover,.freq4:hover,.freq5:hover,.freq6:hover {text-decoration:none; background:white;} .currentTags a.tagDisabled {opacity:0.7; filter:alpha(opacity=70); text-decoration:none; font-weight:normal;} .currentTags a.tagDisabled:hover {background:transparent;} /*End tagging*/ /** Drag and drop dropzone */ div.dropzone {border: 2px dashed #333333;margin: 5px;} /*Lightbox*/ /*Styles for lightbox.js*/ div.lb-overlay { position: fixed; _position: absolute; /* IE 6 doesn't support fixed positioning */ left: 0; top: 0; bottom: 0; right: 0; background-color: #000000; z-index: 1001; } div.lb-wrapper { position: fixed; _position: absolute; /* IE 6 doesn't support fixed positioning */ z-index: 1002; overflow: hidden; } div.lb-wrapper div.lb-header { background-color: #FFF1C5; border-bottom: 1px solid #EEDD99; padding: 3px 10px 5px; } div.lb-wrapper div.lb-header h2 { margin: 0; padding: 0 15px 0 0; height: 1.23em; overflow: hidden; } div.lb-wrapper div.lb-header a { position: absolute; right: 10px; top: 10px; display: block; } div.lb-wrapper div.lb-header a img { border: none; vertical-align: top; } div.lb-wrapper div.lb-content { overflow: auto; background-color: #FFFFFF; } div.lb-wrapper div.lb-content div.lb-loading { background: transparent url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat scroll center center; } div.lb-wrapper div.topRound, #lightbox div.bottomRound { margin:0; padding:0; clear:both; } div.lb-wrapper div.topRound b, #lightbox div.bottomRound b { display:block; overflow: hidden; } div.lb-wrapper div.topRound b.outer, #lightbox div.bottomRound b.outer { height:1px; margin:0 3px 0 3px; } div.lb-wrapper div.topRound b.middle, #lightbox div.bottomRound b.middle { height:1px; margin:0 2px 0 2px; } div.lb-wrapper div.topRound b.inner, #lightbox div.bottomRound b.inner { height:2px; margin:0 1px 0 1px; } /*End styles for lightbox.js*/ /*Generic lighbox styles*/ /*lightboxWrapper is positioned absolutely within a browser window. It allows lighbox hover over other items on the page */ #lightboxWrapper {position:absolute; top:0; left:0; right:0; z-index:1001;} /*lightboxWrapper-inner is positioned relatively and it's text alignment is set to center.*/ #lightboxWrapper-inner {position:relative; top:0; left:0; text-align:center; width:100%; z-index:1002;} #lightbox {display:block; margin:40px 0 0 0; position:relative; top:auto; left:auto; z-index:1003; text-align:left;} #lightbox #lightboxContent {padding:0; width:600px; margin:0 auto; position:relative; background-color:transparent!important;} /*#lightbox #lightboxContent .lbContainer {background:#ffffff; max-height:300px;} #lightbox #lightboxContent .lbContainer:after {content: "."; display: block;height:0;clear: both;visibility: hidden;}*/ /* used to wrap around lightbox content (if necessary) */ .lb-container, .lb-content .container {padding:10px 12px 12px; min-height:0!important;} .lbAction {position:absolute; right:9px; top:6px; z-index:1005;} #overlay{ display:none; background-color:#000; opacity:.30; filter: alpha(opacity=30); position:fixed; top:0; left:0; z-index:1000; right:0; bottom:0; height:100%; width:100%; _position:absolute; } /*Load messages*/ #lightbox.done #lbLoadMessage{display:none;} #lightbox.done #lbContent{display:block;} #lightbox.loading #lbContent{display:none;} #lightbox.loading #lbLoadMessage{display:block;} #lightbox.done img {} /*My Places (in lightbox)*/ .myPlacesContent {border:none; background:#fff; padding:16px 12px; height:auto!important; max-height:500px!important; overflow:auto; font-size:95%;} .avatar {margin:auto; border:1px solid #ccc; padding:4px;} .myavatar { overflow:hidden; max-height:150px;} #lightbox .tallPara {padding:14px 10px;margin:0;} #lightbox ul {margin:4px 4px 12px;} #lightbox ul li {background:transparent url(images/indicators.png) no-repeat 2px -890px; padding:0 0 0 14px;margin:0 0 2px 0;} div.lbContainer p.taskButtonsContent {margin:12px 0px 6px 0px;} /*End generic*/ /*End lightbox*/ /*Item states*/ /*-----------ITEM STATES---------------*/ .toBeRemoved, .toBeRemoved > * {background:#f0f0f0;text-decoration:line-through;color:#666;} .unsavedItem, .unsavedItem td:first-child {padding-left:18px;background-image:url(../../../images/ci/ng/unsaved_changes.gif);background-repeat:no-repeat;background-position:0 50%;background-color:#fff1c5} .unsavedItem td {background-image:none} a.selectedItem, a.selectedItem:focus { background: #eff6ff; border: 2px solid #9bb4cf; color: #000; border-bottom: none; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; padding: 3px 4px; top: 3px; position:relative; zoom:1; z-index:10001; *left:-3px; *top:-2px; } tr.inEditMode-row {border:0; } tr.inEditMode-row td {padding:6px 0!important;border:solid #ccc!important; border-width:2px 0 2px 0!important;} /*End item stats*/ /* * END DYNAMIC ELEMENTS */ /* Youtube AX Controls */ .playerControls { position: relative; padding: 6px !important; margin-bottom: 2px; margin-top: 0px; } /* CS Metadata */ div.md_linear { margin: 6px 0; font-family: arial, helvetica, sans-serif; } div.md_linear a { font-style: italic; font-family: arial, helvetica, sans-serif; } div.md_linear p { display: inline; font-size: 95%; } div.md_linear p span { display: none; } div.md_tabular { margin: 6px 0; font-family: arial, helvetica, sans-serif; } div.md_tabular a { font-style: italic; font-family: arial, helvetica, sans-serif; } div.md_tabular p { margin: 0; padding: 1px 0; font-size: 95%; } div.md_tabular p span { font-style: italic; color: #444; } div.sample_data { margin: 0 0 0 24px; } div.sample_data div { float: left; } div.sample_data div.sample_head { font-weight: bold; border: none; margin: 6px 10px 2px 1px; } /*---End components---*/ /*---Screen type-specific components and elements---*/ /*Login*/ /* * LOGIN PAGE */ #loginPageContainer { position: relative; width: 728px; min-height: 100%; /* For Modern Browsers */ height: auto !important; /* For Modern Browsers */ height: 100%; /* For IE */ margin: 0 auto; text-align: left; } #loginPane {margin: 40px 0 20px;} #loginPane div.loginBack b {background: #94b3de;} #loginContainer {margin:0 auto; border:8px solid #94b3de; border-width: 4px 8px; background: #fff; zoom:1;} #loginHeader {background: #eee; font-size: 0.85em; color: #444;} #loginHeader img.productLogo {float: left; margin:12px 8px 0 20px; _width:60px; _height:58px;} #loginHeader ul {float: right; margin: 10px 0; } #loginHeader ul li {float: left;padding: 0 10px; border-left: 1px dotted #999;} #loginHeader ul li:first-child {border-left: none;} #loginHeader ul li :link .active {color: #666;text-decoration: none;} #loginLang {font-size: 0.85em; color: #444; margin: 0 auto; padding: 6px; background: #eee; clear: both;} #loginLang h2 {margin: 1em 0 0.1em 0;} #loginLang h3 {float: left; margin: 6px;} #loginLang ul {margin: 6px 0;} #loginLang ul li {float: left; margin: 0 0 2px 0; padding: 0 6px; border-left: 1px dotted #999; white-space: nowrap; min-height:1.45em;} #loginLang ul li:first-child {border-left: none;} #loginLang ul li :link .active {color: #666;text-decoration: none;} div.loginBody {background-color: #94b3de; border-top:1px solid #ccc; padding: 4px 0; *height:1%;} #loginBox {float: left; width: 49.5%; background: #fff1c5;} #loginBox h2 {margin: 10px;} #loginBox p {margin: 10px; font-size: 0.85em; color: #444;} #loginBox ul {margin: 6px 12px;} #loginBox li {padding: 2px 0;clear:both;} #loginBox li label {font-weight: bold; width: 90px; float: left; padding-right: 3px;} #loginBox li input {float: left;} #loginBox input[type="text"], #loginBox input[type="password"] {border-width: 2px;*width:160px} #loginBox .forgot {margin-left: 93px; font-size: 85%;} #loginBox li input[type="submit"] {margin-left: 93px;} #loginBox li input.submit {margin-left: 94px;}/*IE6*/ #loginOptions {float: left; width: 49%; border-left:1px solid #ccc; padding-left:4px;} #loginOptions h2 {margin: 10px;} #loginOptions p {margin: 10px; font-size: 0.85em; color: #444;} #loginOptions ul li a, #loginOptions ul li.subOption a { display: block; padding: 9px 12px 9px 24px; background: #e3efff url(images/indicators.png) no-repeat 4px 13px; font-size: 95%; color: #52637b; font-weight:bold; text-decoration: none; } #loginOptions ul li.subOption a {border-top:1px dotted #aaa; _border-top-style:solid;} #loginOptions ul li a:hover, #loginOptions ul li.subOption a:hover, #loginOptions ul li a:focus, #loginOptions ul li.subOption a:focus {background-color: #b4cdeb; color: #000;} #loginText {padding: 12px 80px 18px 80px; background:#5f6062; border-top:1px solid #777; text-align:center} #loginText p span {font-weight:bold; font-size:105%; color:#fff;} #loginText p {margin: 0; font-size: 95%;color: #ededed;} #loginImage {text-align: center;background-color:#fff;padding:0;} #loginImage img {margin: 0 auto; *padding:0; *margin-top:-1px;} #loginAnnouncements {clear: both; background: #ddd; padding:0 0 7px 0; border-top:1px solid #eee; } #loginAnnouncements h3 {margin: 0 9px 0 9px; padding: 6px 3px; font-size:110%; color:#555; border-bottom:1px solid #bbb;} #loginAnnouncements ul {margin: 0 9px 0px 9px; padding: 1px 12px 8px 12px; background:#ebebeb; list-style-image: url(/images/ci/ng/list_bullet_single.gif);} #loginAnnouncements ul li {margin: 5px 5px 5px 15px;padding: 4px 0 0 0; font-size:90%; border-top:1px dotted #999;} #loginAnnouncements ul li:first-child {border-top:0;} #loginAnnouncements ul li a {font-size: 95%;color: #495a71;} /* * END LOGIN PAGE */ /*Data collection*/ /* * DATA COLLECTION */ /*Ensures correct text sizing in IE input, select {*font-size:100%;vertical-align:middle;}*/ /* Step Title */ .steptitle {position:relative; background:#888; margin:9px 0 0 0; padding:0.33em 4px 0.33em 3.2em; font-size: 110%; letter-spacing:1px; color:#ffffff; line-height:1;} /* Span within steptitle to display step number */ .steptitle span {position:absolute; top:0; *top:1px; bottom:0; left:0; background:#FAE7AE; color:#000; padding:0.33em 9px 0.33em 12px; _margin:0 0 0 -3.2em; *padding:0.33em 9px 0.33em 12px; line-height:1; } /*Step title in case if there's no step number.*/ h3.noNumber {padding:4px 16px 5px 16px;} /*End step title */ /*Step Content*/ /* Fieldset groups related controls within a step */ .stepcontent {padding:6px 4px 12px 16px; margin:0 0px 0 18px; border:none;} /* Spacing list elements and giving the bottom border */ .stepcontent li {margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #eee; *height:1%;} .stepcontent li li {border:0!important;} /*recovering from issue caused by the floated 'columns'*/ .stepcontent li:after {content: "."; display: block; height:0; clear: both; visibility: hidden; _height:1%;} /*Help text following step header. */ .stepcontent .stepHelp, .stepHelp {color:#666666; margin:0 0 6px; padding:0 0 4px; border-bottom:none;} /* Inline help next to user input elements. */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*fieldset ol li span, fieldset ol li ol li span, .contentBlock ol li span,*/ /*.stepcontent span,*/ /*@since 9.1*/ .stepcontent .fieldHelp {color:#666666; font-size:90%; padding:2px 0 8px; display:block;} /* Style to be used in case text next to input is not an inline help. */ .stepcontent .nonHelp {font-size:95%; color:#000;} /*Nested lists*/ .stepcontent .nestedList li {border:0; padding:1px 0; margin:0;} .nestedListSmall li {font-size:90%;} .nestedSubList {margin:6px 6px 6px 30px;} /*Lite step content. Used when step content contains no fieldset element.*/ .stepLite {padding:6px 16px 12px 16px;} /*Step containing columns*/ .columnStep .column-3 {min-height:200px;} .columnStep .column-3 table.attachments {font-size:90%;} .columnStep div h3 {margin:6px;} .columnStep div div {padding:6px;} /*FILE NAME AND "REMOVE" CONTROLS ON THE BRANDING PAGE */ ol.nestedList li div.imgLabel {width:auto;} ol.nestedList li div.imgLabel span.fileName {font-weight:bold; padding:0 6px 0 0; display:inline; color:#000;} ol.nestedList li div.imgLabel span.control {display:inline;} ol.nestedList li div.imgLabel span a {} #title_color_value {padding-top:6px;} /* used to indent a nested list - needed for a list of child form elements */ /*--------------------LIVE-SAVE ELEMENTS WITHIN A DATA COLLECTION PAGE------------------------------*/ /*Used for submittable individual step content elements.*/ /*Making individual step element text larger (Grade Center).*/ .largeText div.label, .largeText div.field {font-size:130%; font-weight:bold;} /*Reducing button text size.*/ .largeText a.browse {font-size:75%!important; font-weight:normal; margin:0 0 0 3px;} .field a.browse {font-size:95%; margin:0 0 0 3px;} div.editBlock {float:left; margin-right:12px} .largeText div.field div.editBlock label {font-size:80%;font-weight:normal; } .largeText div.field div.exemptdiv label {font-size:65%;} .largeText textarea {font-size:80%;} /*list element in edit mode.*/ li.inEditMode {border:2px solid #444!important; -moz-border-radius:6px; background:#ededed; padding:3px 9px;} /*---------------------ERRORS AND SPECIAL CONDITIONS------------------------------------------*/ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*fieldset.stepcontent ol li.fieldError, li.fieldError,*/ /*@since 9.1*/ .stepcontent li.fieldError {background:#fff1c5; border-bottom:1px solid #fff; padding:2px 0 0 2px;} /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*fieldset.stepcontent ol li.fieldError span.fieldErrorText, span.warningMsg,*/ /*@since 9.1*/ .stepcontent li.fieldError .fieldErrorText, span.warningMsg {color:red;font-weight:bold;} span.warningMsg {display:inline;margin-left:0px;} /*--------------------- MODIFICATION FOR REQUIRED FIELDS --------------------------------*/ /* Required field indicator legend. */ .reqfield {float:left; color:#666;} .requiredField {background: url(../../../images/ci/icons/required.gif) no-repeat 0 center; padding:6px 0 6px 16px; display:inline-block;} /* Required field flag image. li.required div.label label img, li.required div.label img {margin:-3px 0 0 -18px; _margin:0;} */ div.label img.indicator {position:absolute; left:-18px; top:0px;} /*li.required input {clear:both; *clear:none;}*/ /*------------------STEP CONTENT MODIFICATIONS-------------------------------------------------*/ /* fieldset or a div in a step that display read-only information. */ fieldset.info, div.info {background:#f6f6f6; margin:0;} /* Modifying read-only labels */ fieldset.info div.label {color:#666;} /*-----------------------DATA COLLECTION PAGE STEP ELEMENT LAYOUT------------------------------------*/ /*Setting up a two-column layout*/ div.label, div.gb_gridCell_inner h3.label {float:left; width:20%; min-width:6em; margin:0 0px 3px; position:relative; word-wrap:break-word;} div.field, div.noLabelField {float:left; width:79%; margin:0 0px 3px; word-break: normal; word-wrap: break-word; overflow: visible; /* Should be auto but our silktest scripts need to be fixed in conjunction with this (and further testing shows odd displays on many other pages such as the popup add content area) */ } div.noLabelField {width:100%;} div.label span.contextMenuContainer {display:inline;} /*-------------------------- STEP ELEMENT MODIFICATIONS FOR QUICK ADD PALETTE ----------------------------------------------------*/ /* div.liveArea styles are since 9.1 - used in Blogs */ div.liveArea fieldset.stepcontent {margin:0; padding:0;} div.liveArea fieldset.stepcontent ol li {margin:0; border:none;} div.liveArea fieldset.stepcontent textarea {width:100%; *width:98%; *overflow:auto;} div.liveArea fieldset.stepcontent span.inlineHelp {display:inline;} .quickAddPal .stepcontent {margin:0; padding:3px 9px 3px 6px;} .quickAddPal .stepcontent li{ margin:0 2px; padding:1px 1px 0 1px; border:0;} .quickAddPal .stepcontent .label {width:30%; padding-right:2px; overflow:visible;} .quickAddPal .stepcontent .field {width:68%;*width:65%;} /* Required field flag image. div.quickAddPal fieldset.stepcontent ol li.required div.label label img, div.quickAddPal fieldset.stepcontent ol li.required div.label img { }*/ /*Field Error text in DTP and QuickAdd palette*/ .quickAddPal li.fieldError .fieldErrorText { color:red; display:block; margin-left:74px; font-weight:normal; font-size:85%; } div.quickAddPal div.field input[type=text], div.quickAddPal div.field select, div.quickAddPal div.field textarea {width:100%;*font-size:100%;border:1px solid #666;} div.quickAddPal div.field input[type=checkbox] {_width:auto;} div.quickAddPal li.stepHelp, div.quickAddPal li div span {width:auto;} div.field span.fileName {font-weight:bold;padding:0 6px 0 0;display:inline;} div.field span.control {display:inline;} div.quickAddPal div.field input.datePickerInput, div.quickAddPal div.field input.timePickerInput {width:8em;} .dtpickerEndDiv{padding-top:10px;} /*-------------------------USER INPUT ELEMENTS-------------------------------------*/ div#texteditor {margin:0; padding:3px; float:left;} div#texteditor textarea {width:450px; display:block; margin-left:0; } div#texteditor a.textBoxItem {display:block; width:80%; text-align:right; padding:2px;} /* Giving uniform appearance to various types of controls fieldset.stepcontent ol li input[type="text"], select, textarea { border:1px solid #666; padding:1px; vertical-align:middle; }*/ select.survey_question {max-width:100%; /*FF*/} /*safari & IE hack to remove gap at the bottom of the tabs. */ /*\*/ html*select.survey_question {width:100%;} /*Submit buttons*/ .taskbuttondiv, .taskButtonsContent, .okbutton {padding:6px 0; margin:9px 0 0 0; text-align:right; min-height:16px;} .container .taskbuttondiv:first-child {margin-top:0;} /* adjusts margin on sequence map "build/canvas" page */ div#dataCollectionContainer .taskbuttondiv:first-child, div#dataCollectionContainer .reqfield + .taskbuttondiv, div#containerdiv .mapCanvasForm .taskbuttondiv:first-child {margin-top:12px;} div#dataCollectionContainer .taskbuttonhelp + .taskbuttondiv {padding-top:0;margin-top:0;} span.stepTitleRight p.taskbuttondiv, span.contentListRight p.taskbuttondiv { /* margin: -2pt 0 -2pt 0 !important; padding: 0px 0px 0px 0px !important; font-size: 80% !important;*/ font-weight:bold; margin:0 !important; padding:0 !important; } /* Backlink is used on pages that need to display an "ok" button.*/ .backLink {position:absolute; bottom:12px; right:26px; margin:0;} .tocBottom_min .backLink {bottom:48px;} .tocBottom_max .backLink {bottom:348px;} .tocBottom_open .backLink {bottom:178px;} .backLink a { background:#bbb; padding:2px 8px; text-decoration:none; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:90%; font-weight:bold; display:inline-block; } .taskButtonsContent {padding:9px 12px 0 12px; margin:24px -12px 0 -12px; border-top:1px solid #ddd;} p.okbutton input {font-size:100%;padding:1px 6px;} .taskbuttonhelp { color:#777777; font-size:95% !important; line-height:135%; padding:0 4px 0px 36px;; margin:9px 0 0 0; } /*.container p.taskbuttonhelp { padding-left:36px; }*/ #taskbuttondiv p { text-align:left; font-size:90%; display:block; font-style:italic; margin:6px 0; border:1px solid red; } .stepTitleRight { /*font-weight:normal; top: 0px; padding:4px 9px 2px 9px; *padding:3px 9px 4px 9px; background:#FAE7AE; font-size: 110%; letter-spacing:1px; font-weight:bold; color: #000; line-height:1;*/ left:auto; padding:6px; position:absolute; right:-2px; top:-2px; } /*Color swatch palette*/ .quickAddPal .colorlist {margin:6px 0 9px 6px; width:288px;} .quickAddPal .colorlist li { margin:0; padding:0; float:left; border:1px solid #333!important; width:14px; height:14px; overflow:hidden; cursor:pointer; } .quickAddPal .colorlist li a, .quickAddPal .colorlist li a:link { display:block; width:14px; height:14px; overflow:hidden; } .quickAddPal .colorlist li a:hover { border:1px solid #333; width:12px; height:12px; } .quickAddPal .colorlist li a:active, .quickAddPal .colorlist li a:focus { border:2px solid #fff; width:10px; height:10px; } .quickAddPal .colorlist li a.whiteSwatch:active, .quickAddPal .colorlist li a.whiteSwatch:focus { border:2px solid #ddd; width:10px; height:10px; } .quickAddPal .colorPreview {padding:3px;background:white;} .quickAddPal .colorPreview img { background:black; width:42px; height:42px; border:1px solid #444; display:block; margin:3px; float:left; } .quickAddPal .colorPreview div {float:left;margin-left:3px;width:66%;} .quickAddPal .colorPreview span { *display:inline-block; margin:0; padding:0; *width:100%; color:black; font-size:100%; } span.title_color_name {color:#666666;} /*End color swatch palette*/ /*Collapsible data collection page panels*/ .stepPanels {padding:6px 0px 12px 0px; margin:0px; border:none;} .stepPanels li {border-bottom:none;} .panelTitle { margin: 4px 0 0 0; padding: 3px 5px; background: #ddd; position:relative; cursor:pointer; zoom:1; } .mdHead a, .panelTitle a {color: #000;text-decoration: none;} .panelTitle a {display:block; width:100%;} .panelTitle .date { color: #666; font-weight:normal; font-size:95%; text-decoration: none; position:absolute; right:6px; top:2px; } .panelTitle a span { display:inline; padding:2px 0; color:black; font-size:100%; *font-size:95%; } .mdHead a span.date {font-weight: normal;} .mdList, .stepPanel {margin:0 0 9px 0; background: #f6f6f6; padding:9px 18px;} .stepPanel p span {color:#666;} .mdList h4, .stepPanel h5 {margin: 0; padding: 0; font-size:95%;} .mdList p, .stepPanel p {margin: 5px 5px 5px 12px; padding: 0; font-size:95%;} .stepPanelControls {font-size:90%;} .contentAreaBlock { border:1px solid #aaa; background:url(images/backgrounds_h.png) repeat-x 0 -801px; _background-image:none; border-top:0; padding:12px; margin:0 0 24px 0; } /*End collapsible data collection page panels*/ /*button library has been restyled using inline stack. Will leave this in case it is used elsewhere. (LL 5/18/2009). To be removed before 9.1*/ /*--------------------IMAGE SELECTION IN THE DTP STEP-------------------------------------*/ .buttonLibrary { list-style:none; margin:9px 0 9px 0; padding:6px 0 6px 6px; max-height:300px; overflow:auto; border:1px solid #bbb; background:#f6f6f6; } .buttonLibrary li {float:left;border:none!important;} .buttonLibrary li a { display:block; padding:3px 7px 3px 7px; text-align:center; text-decoration:none; font-size:105%; color:#777; } .buttonLibrary li a.selected {text-decoration:none;font-weight:bold;} .buttonLibrary li a:hover {text-decoration:underline;} /**/ /* ACTION MENU IN THE DATA COLLECTION PAGE */ div.menuStyleStep {float:left;margin:9px 40px 0pt 0pt;width:212px;} div.menuStyleStep div.topRound {display:none;} div.menuDefaultStyleStep {margin:9px auto;width:212px;} /*--------------------------- COLOR SCHEME PREVIEWS ------------------------------------*/ .schemeWrapper {float:left;margin:0pt 12px 0pt 0pt;} .buttonLibrary li .schemeWrapper {margin:0;padding:5px;background:#fff;border:solid #ccc;border-width:0 1px 1px 0} .schemeWrapper span {font-size:95%;text-align:center;} ul.buttonLibrary li.selected {background:#555555 url(images/backgrounds_h.png) repeat-x 0 100%;} ul.buttonLibrary li.selected a.selected, ul.buttonLibrary li.selected a.selected span, ul.buttonLibrary li.selected a, ul.buttonLibrary li.selected a span {font-weight:bold;color:#ffffff!important} ul.buttonLibrary li .schemeWrapper {float:none;margin-right:6px;} ul.buttonLibrary li {padding:6px!important;margin:0 4px 4px 0;} .schemePreview {width:160px;padding:12px 0px 0px 16px;border:solid #ededed;border-width:0 1px 1px 0} .modulePreview { width:140px; padding:0px; font-size:85%; margin:6px 0 0 auto; position:relative; bottom:0; right:0; left:auto; border-width:2px 0 0 2px; border-style:solid; } .schemePreviewHead {padding:3px 9px;font-weight:bold;font-size:110%;} .modulePreviewHead {font-weight:bold;padding:2px 6px;background:url(images/backgrounds_h.png) repeat-x 0px -800px;} .schemePreviewBody {padding:3px 0px 0px 9px;position:relative;} .modulePreviewBody {padding:2px 6px 3px 6px;} /* renders the font preview blocks on the Edit Portfolio Styles pages */ div.fontPreview { display:block; float:left; margin:3px 0; background:#fff; border:1px solid #000; padding:4px; } /* toolbar that appears above textareas */ .textareaDiv {padding-bottom:6px;} .textareaDiv table {width:98%;} .textareaDiv table table, .textareaDiv table table table {width:100%;} .textareaDiv textarea { width:100%; border-top:2px solid #666; } div.textToolbar { width:97.7%; border:1px solid #ccc; background:#f6f6f6; padding:4px 0; } div.textToolbar a { white-space:nowrap; font-size:90%; } div.textToolbar label { font-size:90%; vertical-align:middle; padding-left:4px; } div.textToolbar select { font-size:90%; vertical-align:middle; } .previewTextArea { display:none; border:2px solid #999; padding:0px; width:459px; height:112px; background:#fff; overflow:auto; } .previewTextArea div.previewTitle { margin:0 0 4px; border-bottom:2px solid #eee; padding:2px; background: #eee; } .previewTextArea div.previewTitle a {float:right;} .previewTextArea div.previewTitle h6 { float:left; margin:0; font-size:90%; } .previewTextArea div.previewContent {padding:3px;} /*Hierarchical list for data collection page*/ .stepcontent .hierarchy {padding:0; margin:0; list-style:none; color:#999;} .stepcontent .hierarchy li, ol.hierarchy li ol li { padding:0px 0 9px 0px; margin:0; border:0; border-top:1px solid #ddd; background-color:#fff; } ol.hierarchy li ol { padding:0px 0 0 0px; margin:8px 0 0 30px; color:#999; } ol.hierarchy li h5 { position:relative; font-size:100%; margin:0; padding:8px 11em 3px 3px; color:#000; background-color:#fff; } ol.hierarchy li h5 span { display:inline; color:#888; font-size:100%; border-bottom:none; } ol.hierarchy li h5 a { position:absolute; right:0; top:9px; font-weight:normal; font-size:90%; } ol.hierarchy li div { font-size:95%; vertical-align:middle; padding:9px 2px 2px 12px; text-align:right; } ol.hierarchy li div.gbData span { display:inline; font-size:100%; padding:2px 0px 2px 9px; margin:0 0 0 9px; border-left:1px dotted #ccc; color:#000; } ol.hierarchy li div.gbData span:first-child { border-left:none; margin-left:0; padding-left:0; } ol.hierarchy li div input.points, ol.hierarchy li div input {vertical-align:middle;} ol.hierarchy li div input.points {width:2em;} ol.hierarchy li div input.name {width:16em;} li.parent {padding-bottom:0!important;} ol.hierarchy li.parent ol li h5 {background-image:none;} /*Modifications for "Add" and "Remove" versions*/ a.add {background-color:#B3EFB3; border-color:#42AF41} a.add:hover {background-color:#E4FFDF; border-color:#42AF41} a.remove {background-color:#FFC4BF; border-color:#EF3B3B} a.remove:hover {background-color:#FFD2CF; border-color:#EF3B3B} /*Label/field modifications for minified layout*/ .smallControls {font-size:90%;margin-top:3px!important;min-width:19em;} .smallControls .label {width:29%;} .smallControls .field {width:70%;} .smallControls .stepHelp {font-size:100%!important;padding:0} /*End modifications*/ .listColumnHead {/* since 9.1. used on a "two column" list. visually mimicks a . this likely violates best practices. consider removing. TB.*/ margin-bottom:3px; border-bottom:1px dotted #ccc!important; color:#555; font-weight:bold; font-size:90%; } /* custom form - label used by Edit Lesson Plan. Since 9.1. TB */ .customFormBuilderLabel { display:block; width:88%; word-wrap:break-word; } /*@deprecated 9.1. Do not use.*/ /*textarea {font-size:100%;} textarea {font-size:100%;}*/ /*input:focus, textarea:focus, #loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus, .portlet #loginBoxFull li input[type="text"]:focus, .portlet #loginBoxFull li input[type="password"]:focus { background: #fff1c5; border-color:#000; } */ /* Browse control styles. fieldset.stepcontent ol li input.browse, input.browse { font-family:"Lucida Grande",Arial, Verdana, sans-serif; background:#ededed url(images/button3_back.gif) repeat-x; border:1px solid #ccc; border-bottom:1px solid #aaa; border-right:1px solid #aaa; *overflow:visible; *padding:0 9px; }*/ /*fieldset.stepcontent ol li a.browse, .stepcontent a.browse, div.blogEntry div.entryFooter a.browse, div.portlet div.portletBlock a.browse, a.browse*/ /*a.browse { font-family:"Lucida Grande", Arial, Verdana, sans-serif; background:#ededed url(images/button3_back.gif) repeat-x right bottom; border:1px solid #ccc; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:0 6px 2px; text-decoration:none; *font-size:95%; }*/ /* for browse links that use icons, not text fieldset.stepcontent ol li a.browseIcon, .stepcontent a.browseIcon, div.portlet div.portletBlock a.browseIcon, a.browseIcon { background:#ededed url(images/button3_back.gif) repeat-x; border:1px solid #ccc; border-bottom:1px solid #aaa; border-right:1px solid #aaa; padding:0 1px 2px; text-decoration:none; }*/ /*fieldset.stepcontent ol li a.browse:hover, a.browse:hover, fieldset.stepcontent ol li a.browseIcon:hover, .stepcontent a.browseIcon:hover, a.browseIcon:hover, fieldset.stepcontent ol li a.browse:focus, a.browse:focus, fieldset.stepcontent ol li a.browseIcon:focus, .stepcontent a.browseIcon:focus, a.browseIcon:focus*/ /*a.browse:hover, a.browseIcon:hover, a.browse:focus, a.browseIcon:focus { border:1px solid #555; background:white; } div.details a.browse, div.details a.browse:hover { padding:0 6px 1px 6px; margin:0 auto; }*/ /* Not sure if this is going to be used. */ /*.saver { clear:left; } .exemptdiv {font-size:60%;} table .exemptdiv { clear:left; font-size:100%; } .gbtablesimple .exemptdiv { margin-top:5px; font-size:90%; padding-left:20px; } div .editgrade table.resizeCommentsTable textarea { font-size:130%; } .gc_info ul { text-align:left!important } .gbtablesimple .exemptdiv input { margin-left:-20px; } div.field table tbody tr td table label, div.field table tbody tr td table select {font-size:110%;} */ /* end text-area resizing */ /*.taskbuttondiv button.submit, .taskbuttondiv input.submit, .taskButtonsContent button.submit, .taskButtonsContent input.submit, div.controls button.submit, div.controls input.submit, .taskbuttondiv button.disabled, .taskbuttondiv input.disabled, .taskButtonsContent button.disabled, .taskButtonsContent input.disabled, div.controls button.disabled, div.controls input.disabled, #loginBox li input.submit, button.submit, input.submit, a.submit { font-weight:bold; color:#fff; background:#819AC0 url(images/gradient_black_short_bt .png) repeat-x 0 center; _background-image:none; border:1px solid #566E94; border-bottom:2px solid #344A6C; border-right:2px solid #344A6C; }*/ /*Login page submit button #loginBox li input[type="submit"] { font-weight:bold; color:#fff; background:#819AC0 url(images/gradient_black_short_bt .png) repeat-x 0 center; _background-image:none; border:1px solid #566E94; border-bottom:2px solid #344A6C; border-right:2px solid #344A6C; }*/ /*#loginBox li input[type="submit"]:hover, .portlet input.submit:hover { background-color: #344A6C; } .quickAddPal div.controls input { font-size:100%; padding:1px 6px; margin:0 1px; }*/ /*.taskbuttondiv button, .taskbuttondiv input, .taskButtonsContent button, .taskButtonsContent input, div.controls button, div.controls input, p.okbutton input, button.secondary, input.secondary, a.secondary { margin:0 2px; vertical-align:middle; font-weight:normal; font-size:105%; text-decoration:none; padding:1px 9px; color:#444; background:#FFF1c5 url(images/gradient_black_short_bt .png) repeat-x 0 10%; _background-image:none; border:1px solid #EDD999; border-bottom:2px solid #D7BB66; border-right:2px solid #D7BB66; border-collapse:collapse; }*/ /*end deprecated*/ /*Calendar*/ /*------------------------------------CALENDAR AND ANNOUNCEMENTS----------------------------------------*/ /* ----------- Calendar Month styles are ready for implementation ------------ */ div.calendarTitle, div.announcementTitle { text-align:center; margin:9px 0 0 0; } div.calendarTitle h3, div.announcementTitle h3 { display:inline; margin:0; padding:2px 4px; font-size:130%; vertical-align:middle; } /*Month View table*/ div.calMonth { display:block; margin:10px 4px 4px; padding:2px 2px 6px; overflow:auto; } div.calMonth table { margin:0 auto; border:2px solid #A8BEDA; border-width:2px 2px 2px 1px; *border-left:2px; border-collapse:collapse; } div.calMonth table thead td, div.calMonth table tbody th { /* these styles control the "week" column, which is hidden out of view */ width:1px; padding:0; background:#A8BEDA; } div.calMonth table thead td div, div.calMonth table tbody th div { position:absolute; top:0; left:-1000px; } div.calMonth table thead th { border-right:1px solid #aaa; border-bottom:1px solid #a0a0a0; padding:2px; width:8em; background:#DDDDDD url(images/backgrounds_h.png) repeat-x 0 -50px; color:#333; font-weight:bold; text-align:center; overflow:hidden; } div.calMonth table tbody td { border-right:1px solid #A8BEDA; border-bottom:1px solid #A8BEDA; padding:0; background:white url(images/backgrounds_h.png) repeat-x 0 -400px; width:8em; height:8em; overflow:hidden; } div.calMonth table th:hover, div.calMonth table th:focus, div.calMonth table th:active { background-color:#E3EFFF; } div.calMonth table td:hover, div.calMonth table td:focus, div.calMonth table td:active { background:#E3EFFF url(images/backgrounds_h.png) repeat-x 0 -600px; -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.2); } div.calMonth table td a.daylink { float:left; border-right:1px solid #A8BEDA; border-bottom:1px solid #A8BEDA; padding:0.2em; width:1.2em; background:#e3efff; display:block; text-align:center; text-decoration:none; font-weight:bold; font-size:110%; } div.calMonth table td a.daylink:hover {background-color:#e3efff;} div.calMonth table td a.daylink span { position:absolute; top:0px; left:-1000px; } div.calMonth table td.today {background-color:#F9E091;} div.calMonth table td.today a.daylink {font-weight:bold; background:#F9E091;} div.calMonth table td.today a.daylink:hover {background:#F9E091 url(images/backgrounds_h.png) repeat-x 0 -50px;} div.calMonth table td.offday, div.calMonth table td.offday:hover, div.calMonth table td.offday:focus {background:#eeeeee;-moz-box-shadow:none;-webkit-box-shadow:none;} /* this wrapper div and its width:expression solves an overflow:hidden bug in IE, so all calendar cells remain a uniform width */ div.calMonth table td div { overflow:hidden; clear:both; width:8em; } div.calMonth table td div ul { margin:0; padding:0 0.4em; list-style-type:none; } div.calMonth table td div ul li { margin:0; padding:1px 0; font-size:90%; white-space:nowrap; } /* ------- end calendar month styles -------------- */ /* calendar year styles */ table.calYear { position:relative; margin:6px; *border:1px solid #A8BEDA; border-collapse:collapse; /*width:100%;*/ font-size:95%; min-width:200px; } table.calYearFloat { float:left; margin:6px .66%; width:32%; } table.calYear thead td, table.calYear tbody th { /* these styles control the "week" column, which is hidden out of view */ position:absolute; top:0px; left:-10000px; } table.calYear caption { margin:0; padding:2px 2px 4px; text-align:center; font-size:108%; } table.calYear caption a { font-weight:bold; text-decoration:none; } table.calYear caption a:hover {text-decoration:underline;} table.calYear thead th { border:1px solid #aaa; border-top:1px solid #A8BEDA; border-bottom:1px solid #a0a0a0; padding:2px; background:#ddd url(images/backgrounds_h.png) repeat-x 0 -50px; width:23px; color:#333; font-weight:bold; text-align:center; vertical-align:top; } table.calYear tbody td { width:23px; background:white; border:1px solid #A8BEDA; padding:2px; text-align:right; white-space:nowrap; } table.calYear td a { display:block; position:relative; text-decoration:none; width:100%; } table.calYear td a img { float:left; } table.calYear td:hover, table.calYear td:focus, table.calYear td:active /*,table.calYear td.offday:hover, table.calYear td.offday:focus, table.calYear td.offday:active*/ { background:#E3EFFF url(images/backgrounds_h.png) repeat-x 0 -50px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); } table.calYear th:hover, table.calYear th:focus, table.calYear th:active { background-color:#ccc; } table.calYear td.today, table.calYear td.today:hover, table.calYear td.today:focus {background:#F9E091;} table.calYear td.today a {font-weight:bold; color:black;} table.calYear td.today a:hover, table.calYear td.today a:active, table.calYear td.today a:focus {background-image:none;} table.calYear td.offday, table.calYear td.offday:hover, table.calYear td.offday:focus { border:1px solid #A8BEDA; background:#eee; color:#444444; text-decoration:none; -moz-box-shadow:none; -webkit-box-shadow:none; } table.calYear td.hasEvent { background: url(images/backgrounds_h.png) 0 -50px repeat-x; font-weight:bold; } /* end of calendar year styles */ /* calendar day styles */ table.calendarDay { margin:10px 0 0 0; border:1px solid #cdcdcd; *border-top:none; border-collapse:collapse; width:100%; } table.calendarDay thead, table.calendarDay thead th { position:absolute; top:0px; left:-1000px; *height:1px; } ul.calendarWeek li table.calendarDay { margin:0; border:none; } table.calendarDay tbody th { border:1px solid #ccc; padding:1px 12px 14px 3px; background:#f3f3f3; width:6%; font-weight:normal; color:#555; text-align:right; vertical-align:top; } table.calendarDay tbody th:hover, table.calendarDay tbody th:focus, table.calendarDay tbody th:active { background:#E6E5E5 url(images/backgrounds_h.png) repeat-x 0 -200px; } table.calendarDay tbody td { border-top:1px solid #cdcdcd; padding:0 12px 3px 0; background:#fff; vertical-align:top; } table.calendarDay tbody td.hasEvent { padding-left:6px; /* background:url(images/cal_day_cell_bg.gif) repeat-y 0 0;*/ } table.calendarDay tbody td.hasEvent a.jumpToEvent {position:absolute; left:-1000px; top:0;} table.calendarDay tbody tr.halfHour th, table.calendarDay tbody tr.halfHour td {border-top:1px solid #ededed;} table.calendarDay tbody tr.midday th, table.calendarDay tbody tr.midday td {border-top:2px solid #cdcdcd;} table.calendarDay tr.notBusinessHours th { border:1px solid #ccc; background:#f3f3f3; } table.calendarDay tr.notBusinessHours td {background:#fafafa;} table.calendarDay tbody tr.notBusinessHours td.hasEvent { background:#fafafa; } table.calendarDay tr th span.ampm { position:relative; top:-1.2em; left:-4px; *left:-4px; padding:0 2px; background:#bbb; color:#fff; font-size:75%; letter-spacing:0.1em; } table.calendarDay tbody tr:hover {-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);} table.calendarDay tbody tr:hover th, table.calendarDay tbody tr:hover td, table.calendarDay tbody tr:focus th, table.calendarDay tbody tr:focus td, table.calendarDay tbody tr:active th, table.calendarDay tbody tr:active td {background-color:#f0f0f0;} table.calendarDay tbody tr:hover td.hasEvent, table.calendarDay tbody tr:focus td.hasEvent, table.calendarDay tbody tr:active td.hasEvent {background:#f0f0f0 /*url(images/cal_day_hover_bg.gif) repeat-y 0 0*/;} table.calendarDay td div div { display:block; float:left; margin:0 4px 0 -6px; padding:1px 3px; background:#B5CCEA; font-weight:normal; font-size:90%; *font-size:85%; } table.calendarDay td div div.contextMenuContainer { display:inline; float:none; margin:0 0 0 -3px; padding:0; background:none; } table.calendarDay td div span { color:#555; font-size:90%; } /* end calendar day styles */ /* ------------------------ Calendar Week View, and Announcement lists. ------------------------- */ ul.calendarWeek { list-style:none; border:1px solid #cdcdcd; padding:0; margin:10px 0 0 0; *height:1%; } ul.calendarWeek li { padding:0; margin:0; clear:both; border-bottom:1px solid #cdcdcd; position:relative; } ul.calendarWeek li ul:first-child, ul.calendarWeek ul li:first-child {border-top:none;} ul.calendarWeek li h3.weekDay { margin:0; padding:0.3em 0.6em 0.3em 0.6em; font-size:110%; color:#666; background:#E3EFFF; font-weight:bold; } ul.calendarWeek li h3.weekDay:hover, ul.calendarWeek li h3.weekDay:focus, ul.calendarWeek li h3.weekDay:active {background:#E3EFFF url(images/backgrounds_h.png) repeat-x 0 -200px;} ul.calendarWeek li ul { margin:0 12px 6px; padding:0; list-style:none; } ul.calendarWeek li ul li { border-top:1px solid #ededed; border-bottom:none; padding:6px 0 12px; } ul.calendarWeek li ul li:hover, ul.calendarWeek li ul li:focus, ul.calendarWeek li ul li:active { background: url(images/backgrounds_h.png) 0 -205px repeat-x; } ul.calendarWeek li ul li h4 { float:left; margin:0 12px 0 0; padding:1px 3px; width:10em; color:#555; font-weight:normal; font-size:95%; } ul.calendarWeek li div { margin-left:11em; } ul.calendarWeek li div.contextMenuContainer { margin:0 0 0 -3px; } ul.calendarWeek li ul li span { color:#555; font-size:90%; } /* ---------------------- end calendar week styles --------------------------------------- */ .hidden {display:none;} /*Blogs*/ /* Both Blogs and Journals share blog.jsp. The classes .blogContainer and .journalContainer are conditionally applied to the main column, and .blogNav and .journalNav are conditionally applied to the side column. When refactoring the css, please do not remove .blogContainer, .journalContainer, .blogNav or .journalNav from any styles, or the skins will break. */ /*---------------------------------------------BLOGS------------------------------------------------------*/ /* wrapper for the left "main" column that contains entries and comments */ div.blogContainer { float:left; margin-right:1%; width:74%; } /* date separators/headers */ div.blogContainer h3.blogHead { margin:0 0 12px 0; padding:3px 15px; background:#aaa; font-size:100%; color:#fff; /*text-transform:uppercase; letter-spacing:0.2em;font-weight:normal;*/ } /* contains blog entry */ div.blogContainer div.blogEntry { margin:12px 0; padding:0; border:2px solid #ccc; border-width:2px 0 0 2px; } div.blogContainer div.blogEntry h4 { margin:6px 12px 0 12px; padding:3px 0 0 18px; font-size:110%; background:url(images/small_discussions.gif) no-repeat 0px 2px; overflow:hidden; _word-wrap:break-word; } div.blogContainer div.blogEntry div.entryText { margin:3px 12px 12px; padding:9px 0 18px; background:white; overflow-x:auto; _width:96%; } /* date of entry */ div.blogContainer div.entryDate { margin:3px 0 6px 12px; font-size:95%; color:#444; } div.blogContainer div.entryDate a {font-weight:bold;} /* entry footer is a wrapper for the entire blog comment area */ div.blogContainer div.entryFooter { padding:6px 12px; margin:0; background:#f6f6f6; } /* action bar for the entry footer - contains the Add Comment control, and comments expander/collapser */ div.blogContainer div.entryFooter div.commentControls {} /* removed from 9.1 */ div.blogContainer div.entryFooter h4 { float:left; margin:0; padding:0; background:none; font-size:100%; } div.blogContainer div.entryFooter a.genericButton { display:block; float:right; } /* contains the Add Comment form - overrides positioning assigned to form by .quickAddPal */ div.blogContainer div.entryFooter div.addBlogComment table {width:98%;} div.blogContainer div.entryFooter div.addBlogComment textarea {width:99.5%; *width:99.35%; _width:99%;} /* allows comment field to resize with window */ div.blogContainer div.entryFooter div.addBlogComment { display:none; margin-bottom:6px; } div.blogContainer div.entryFooter div.addBlogComment h3 {margin:0; padding:0; font-size:100%;} div.blogContainer div.entryFooter div.addBlogComment div.controls {border:none;} /* entry comments */ div.blogContainer ul.entryComments { margin:0; padding:0; list-style:none; } div.blogContainer ul.entryComments li { list-style:none; margin:0; padding:6px 0; } div.blogContainer ul.entryComments li p { margin:0px 0 4px; padding:12px; background:#FFF; border:1px solid #ccc; _height:1%; overflow:hidden; } div.blogContainer ul.entryComments li p.commentDate { position:relative; z-index:10; margin:2px 0 -1px; padding:0 0 4px; border:none; background:transparent url(images/bubble_top_thin.gif) no-repeat 15px 100%; text-align:right; font-size:90%; color:#444; } /* h5 wrapped around the name of each commentor */ div.blogContainer ul.entryComments li h5 { display:inline; margin:0; padding:3px 0 0; color:#444; font-size:100%; } div.blogContainer ul.entryComments li.newComment h5 {font-weight:bold;} /* blog instructions */ div.blogContainer div.blogInstructions { position:relative; margin:0 0 12px; padding:3px 12px 6px; background:#f1f1f1; } div.blogContainer div.blogInstructions h4 { margin:3px 0 3px; padding:0; font-size:100%; background-image:none; } /* blogNav is the right column with the EUD portlet ui */ div.blogNav { float:right; width:25%; margin:0!important; } div.blogNav div.portlet {}/* removed from 9.1 */ div.blogNav div.portlet, /* removed from 9.1 */ div.blogNav div.portletBlock, /* removed from 9.1 */ div.blogNav ul, div.blogNav ul li {background:transparent;} div.blogNav ul li {word-wrap:break-word;} .indentedWikiList {padding:0 0 0 22px!important;} .indentedWikiList img {margin:0 3px 0 -22px;} div.blogNav div.portlet div.portletBlock {}/* removed from 9.1 */ div.blogNav div.portlet ul.blockGroups li a.itemHead {}/* removed from 9.1 */ div.blogNav div.portlet ul.blockGroups li:first-child a {}/* removed from 9.1 */ div.blogNav li.currentBlog {font-weight:bold;} div.blogNav li.currentBlog span {font-weight:normal;} /* flags new blog activity in the data tables for blog list, etc. */ div.blogContainer a.newItem, div.blogContainer a span.newItem, div.blogNav a.newItem, div.blogNav a span.newItem {} /* removed from 9.1 (class name not used. see styles for .newItems) */ div.blogNav div.portlet ul.blockGroups div.blogAction {}/* removed from 9.1 */ /* new entry/post styles for blog.htm */ div.blogContainer .newItems { background:#FFF1C5; padding:0 3px; font-weight:normal; color:#000; } div.blogNav .newItems { padding:0 2px 2px; } div.blogContainer div.commentControls span.newItems, /* removed from 9.1 */ div.blogContainer div.u_controlsWrapper span.newItems { /* appears next to the Comments expand/collapse toggle */ display:block; float:left; margin-left:4px; } /* icon legend in the blog nav bar */ div.blogNav ul.iconLegend { list-style-type:none; margin:9px 0; padding:0; } div.blogNav ul.iconLegend li { margin:0; padding:0 0 2px; font-size:90%; } div.blogNav ul ul {margin-left:9px;} div.blogNav ul#blogArchive ul {margin:0 9px 9px 18px;} /*-------------------------------------------END BLOGS----------------------------------------------------*/ /*---------------------------------------------JOURNALS------------------------------------------------------*/ /* wrapper for the left "main" column that contains entries and comments */ div.journalContainer { float:left; margin-right:1%; width:74%; } /* date separators/headers */ div.journalContainer h3.blogHead { margin:0 0 12px 0; padding:3px 15px; background:#aaa; font-size:100%; color:#fff; /*text-transform:uppercase; letter-spacing:0.2em;font-weight:normal;*/ text-align:center; } /* contains blog entry */ div.journalContainer div.blogEntry { margin:12px 0; padding:0 0 0 36px; border:3px solid #eee; border-width:3px 3px 3px 0; position:relative; background:#fff url(images/blog_notebook_paper.gif) repeat-y 0 0; } div.journalContainer div.blogEntry h4 { padding:12px 24px 0 12px; margin:0; background:#fff; text-align:center; font-size:110%; overflow:hidden; _word-wrap:break-word; } /* date of entry */ div.journalContainer div.entryDate { margin:0; padding:3px 24px 12px 12px; background:#fff; font-size:95%; color:#444; text-align:center; border-bottom:1px solid #C0DACE; z-index:100; } div.journalContainer div.entryDate a {font-weight:bold;} div.journalContainer div.blogEntry div.entryText { margin:0; padding:12px 12px 18px 12px; background:#fff; overflow-x:auto; _width:92%; } /* entry footer is a wrapper for the entire blog comment area */ div.journalContainer div.entryFooter { margin:0 0 0 -31px; padding:0 12px 12px 43px; background: url(images/blog_notebook_paper_bot.gif) repeat-x bottom center; zoom:1; } /* action bar for the entry footer - contains the Add Comment control, and comments expander/collapser */ div.journalContainer div.entryFooter div.commentControls {} /* removed from 9.1 */ div.journalContainer div.entryFooter h4 { float:left; margin:0; padding:0; background:none; font-size:100%; } div.journalContainer div.entryFooter a.genericButton { display:block; float:right; } /* contains the Add Comment form - overrides positioning assigned to form by .quickAddPal */ div.journalContainer div.entryFooter div.addBlogComment table {width:98%;} div.journalContainer div.entryFooter div.addBlogComment textarea {width:99.35%; _width:99%;} /* allows comment field to resize with window */ div.journalContainer div.entryFooter div.addBlogComment { display:none; margin-bottom:6px; *width:auto; } div.journalContainer div.entryFooter div.addBlogComment div.controls {} /* removed from 9.1 */ /* entry comments */ div.journalContainer ul.entryComments { list-style:none; margin:0; padding:0; background:#fff; } div.journalContainer ul.entryComments li { list-style:none; margin:0; padding:6px 0; border-top:1px solid #C0DACE; } div.journalContainer ul.entryComments li p { margin:4px 18px; *margin-left:19px; padding:0; } div.journalContainer ul.entryComments li p.commentDate { font-size:90%; color:#444; margin-left:19px; } /* h5 wrapped around the name of each commentor */ div.journalContainer ul.entryComments li h5 { display:inline; margin:0; padding:3px 0 0 18px; background:url(images/small_blog_comment.gif) no-repeat 0px 3px; color:#000; font-size:100%; font-weight:normal; } div.journalContainer ul.entryComments li.newComment h5 {font-weight:bold;} /* blog instructions */ div.journalContainer div.blogInstructions { position:relative; margin:0 0 12px; padding:3px 12px 6px; background:#f1f1f1; } div.journalContainer div.blogInstructions h4 { margin:3px 0 3px; padding:0; font-size:100%; background:transparent; text-align:left; } div.journalContainer div.blogInstructions p { margin:0; padding:0; } /* journalNav is the right column with the EUD portlet ui */ div.journalNav { float:right; width:25%; margin:0!important; } div.journalNav div.portlet {} /* removed from 9.1 */ div.journalNav div.portlet, /* removed from 9.1 */ div.journalNav div.portletBlock, /* removed from 9.1 */ div.journalNav ul, div.journalNav ul li {background:transparent;} div.journalNav ul li { _width:100%; overflow:hidden; } div.journalNav div.portlet div.portletBlock {} /* removed from 9.1 */ div.journalNav div.portlet ul.blockGroups li a.itemHead {} /* removed from 9.1 */ div.journalNav div.portlet ul.blockGroups li:first-child a {} /* removed from 9.1 */ div.journalNav li.currentBlog {font-weight:bold;} div.journalNav li.currentBlog span {font-weight:normal;} /* flags new blog activity in the data tables for blog list, etc. */ .newItem {} /* removed from 9.1 (class .newItem not used in 9.0. invalid/legacy class name.) */ div.journalNav div.portlet ul.blockGroups div.blogAction {} /* removed from 9.1 */ /* new entry/post styles for blog.htm */ .newItems { background:#FFF1C5; padding:0 3px; font-weight:normal; color:#000; } div.journalNav .newItems { padding:0 2px 2px; } div.journalContainer div.commentControls span.newItems, /* removed from 9.1 */ div.journalContainer div.u_controlsWrapper span.newItems { /* appears next to the Comments expand/collapse toggle */ display:block; float:left; margin-left:4px; } /* icon legend in the blog nav bar */ div.journalNav ul.iconLegend { list-style-type:none; margin:9px 0; padding:0; } div.journalNav ul.iconLegend li { margin:0; padding:0 0 2px; font-size:90%; } div.journalNav ul ul {margin-left:9px;} div.journalNav ul#blogArchive ul {margin:0 9px 9px 18px;} /*-------------------------------------------END JOURNALS----------------------------------------------------*/ /* -------------------- START BLOG 9.1 STYLES -------------------- */ .contentAreaNav {border-top:2px solid #A8BEDA;} #blogNavLinks { padding:0; position:absolute; right:3px; top:2px; } .contentAreaPalette ul#aboutBlog li.currentBlogView { margin-bottom:3px; border:2px solid #A8BEDA; padding:2px 4px; background:#EFF6FF; } .currentBlogView a { text-decoration:none; color:black; } ul.blogArchiveList {margin-left:16px;} ul.blogArchiveList li {padding-bottom:4px;} #gradeWidget span#blogGradeValue {position:relative; padding-left:6px;} #blogGradeValue img {position:absolute; top:0; left:0; } /* aligns the "Grade Modified Manually" icon */ .contentAreaNav a.itemHead { background-color:#E3EFFF; color:#597298; display:block; letter-spacing:1px; margin:0pt; padding:4px 16px; text-decoration:none; *height:1%; } .contentAreaNav a.itemHeadOpen { background-color:#FFFFFF; } .contentAreaPalette { border:2px solid #A8BEDA; border-width:0 2px 2px; background:#fff; position:relative; } .contentAreaPalette ul {padding:3px; margin:0 6px; list-style:none;} .contentAreaPalette li {padding:0 0 6px; font-size:90%;} .contentAreaPalette li li {font-size:100%;} div.iconLegendBlog { border:none; padding-top:12px; } .contentAreaNav a#blogListLink {padding-right:48px;} .collabActionBar a {display:inline-block;} /* since 9.1. targets the Hide Members/Show Members link. prevents the buttons from "breaking" when long strings wrap. TB */ /* -------------------- END BLOG 9.1 STYLES -------------------- */ /*Gradebook*/ /* * GRADEBOOK */ .subActionBar {*z-index:500;} .subActionBar:hover {z-index:1000;} .subActionBar div.block, .subActionBar div.button { float:left; margin:0; padding:2px 9px 4px; border-left:1px dotted #999; _border-left:none; } .subActionBar span.block, .subActionBar span.button { float:none; } .subActionBar li.sub { position: relative; } .subActionBar fieldset legend + div.block {border-left:0!important;} .subActionBar select { max-width:180px; vertical-align:middle; } .subActionBar div.button { padding:6px 12px; } .subActionBar div.last { border-right:none; } .subActionBar fieldset { padding:0; margin:0; } .subActionBar optgroup { font-style:normal; font-weight:normal; color:#777; border-top:1px solid #ddd; margin-top:6px; } .subActionBar optgroup option { color:#000; } .subActionBar ul li.sortableSelector a { padding-left:18px; } .navPageHeader {margin:1em 0;text-align:center;} .navPageHeader h3 {margin-left:12px;display:inline;} .navPageHeader span { color:#888; margin:0 6px 0 0; font-weight:normal; } /*h3.navPageHeader { text-align:center; } h3.navPageHeader span.headerBlock { margin:0 0px 0 18px; } h3.navPageHeader span.headerBlock span { color:#888; margin:0 6px 0 0; font-weight:normal; }*/ fieldset.secondaryActions, div.secondaryBlock { float:right; } /*Grade information bar.*/ .cellInfoPanel {border:1px solid #eee; border-bottom:2px solid #999;} .cellStatus {border:0; background:#f6f6f6; font-size:85%;} .cellStatus div {float:left; padding:2px 8px;} .statusTitle {background:#eee; color:#666666;} .statdata {color:#000;} .cellStatus div.gbTableTimeStamp {float:right; padding:2px 3px; color:#666666; white-space:nowrap;} .sortImage { position:absolute; top:9px; left:6px; } /*Informational bubbles*/ .bubble { display: none; padding:0pt; position:absolute; width:190px; z-index:1000; } .bubble ul { background-color:#E2EEFE; border:1px solid #ACC2DF; border-bottom:1px solid #5577bb; border-right:1px solid #5577bb; list-style-type:none; margin:0; padding:6px 6px 6px 6px; z-index:1000; overflow:hidden; } .bubble ul li { clear:left; color:#666666; float:left; font-size:90%; font-weight:bold; margin:0pt 0pt 4px; padding:0pt; width:174px; } .bubble ul li span {color:#666666; display:block; float:left; font-weight:normal; margin-right:3px; width:80px; } .bubble ul li span.icon { float:left; width:20px; } .bubble ul li span.label { font-size:100%; font-weight:normal; width:147px; } .bubbleStem { height:14px; position:relative; width:190px; } .bottom .bubbleStem { bottom:4px; } .top .bubbleStem { top:-2px; } .left .bubbleStem { padding-left:24px; } .right .bubbleStem { right:24px; text-align:right; } /*-- PULLDOWN MENUS IN A SECONDARY ACTION BAR ON GRADE CENTER'S MAIN PAGE---*/ ul.selectList { list-style:none; margin:0 6px 0 0; padding:0; float:left; z-index:1000; } #viewList {z-index:1000!important} ul.selectList li { float:left; margin:0 4px 0 0; z-index:199; } ul.selectList li.sub a { display:block; text-decoration:none; } ul.selectList li.sub:hover {z-index:1000;} ul.selectList li.sub:hover ul { left:0; top:20px!important; } ul.selectList li.sub ul li { float:none; position:static!important; margin:0; padding:0; } ul.selectList li.sub ul li h4 { color:#888; margin:0; padding:6px 0 0 3px; font-weight:bold; font-size:90%; display:block; border-bottom:1px solid #ccc; } ul.selectList li.sub ul li h4 { width:152px; } ul.selectList li.sub ul li a, ul.selectList li.sub ul li a:hover, ul.selectList li.sub ul li a:focus { border:none!important; background-image:none; padding:2px 3px 2px 14px; } ul.selectList li.sub ul li a:hover, ul.selectList li.sub ul li a:focus, ul.selectList li.sub .flyout ul li a:hover, ul.selectList li.sub .flyout ul li a:focus { background-color:#FFFFFF; *border:1px; } ul.selectList li.sub a span#currentView, ul.selectList li.sub a span#currentSortBy, ul.selectList li.sub a span#currentColSortDir { background-image:none; } ul.selectList li.sub ul li.current a, ul.selectList li.sub ul li.current a:hover, .nav .sub .current a, .nav .sub .current a:hover, .nav .sub .current.favorite a, .nav .sub .current.favorite a:hover { background-color:#c7d9f3; background-image:url(/images/ci/icons/current_li.png)!important; background-repeat:no-repeat; background-position:0 4px; } div.gradeDetails {font-size:90%;padding:6px 0 0 12px} div.gradeDetails div.label {width:15%;} /* sometimes span are used as simple locator for DHTML, in which case using a span should not imply a style - this is a work around */ span.unstyled { font-size: 100%; display: inline; color: #000000; padding: 0; } @media print { div.hideOnPrint { display: none; } } div.gradeDetailsStep { overflow-x: auto; overflow-y: visible; border-bottom: 2px solid #CCCCCC; margin:0 0 6px; } /* -------------- GRADEBOOK STYLES (since 9.1 Attempts Grading, Smart Views) ----------------*/ .gradeInfoHeader { -moz-border-radius:3px; background:#f1f1f1; margin:0 0 12px; padding:3px; } .gradeInfoHeader h3 { margin:0 12px 0 0; padding:3px 0; font-weight:normal; color:#666666; } .gradeInfoHeader h3 span { font-weight:bold; color:#000; } .gradeInfoHeader h3.root { -moz-border-radius:3px; padding:3px; background:#888888; color:#FFFFFF; } .gradeInfoHeader h3.root span { color:#FFFFFF; } ul.gb_currView li.sub ul li.favorite a, ul.gb_currView li.sub ul li.favorite a:hover { background-image:url(/images/ci/icons/favorite_on_li.png)!important; background-repeat: no-repeat; background-position: 0 4px; } /* * END GRADEBOOK */ /*@deprecated 9.1 - not in use in 9.1 markup, may be removed entirely in the next release. */ /*.subActionBar { font-size:95%; padding:0px 3px 0 3px; *padding:0px 12px 6px 12px; background:#EDDCA5 url(images/gradient_black_short_tb.png) repeat-x 0 -18px; border:1px solid #D7BB66; border-left:none; border-right:none; margin:-1px 0 0 0; _background-image:none; } .subActionBar fieldset {border:0;} .subActionBar fieldset legend {line-height:0;visibility:hidden;height:0;} */ /*Reports*/ /* * REPORTS */ body.reports {background:#f0f0f0;} body.reports .navigationPane, body.reports .locationPane, body.reports .contentPaneWide, body.reports .container {padding:0;margin:0;background:transparent;} body.reports .topRound, body.reports .bottomRound {display:none;} /*Reports list. Somwe styles from data_collection.css are used here as well.*/ body.reports ul {margin:12px;} body.reports .stepcontent {margin:0; padding:0;} body.reports ul li {clear:both;padding:0 12px 6px 12px;} body.reports .label {color:#777;} body.reports ul li:after {content: "."; display: block; height:0; clear: both; visibility: hidden;} /*Reports Headers*/ body.reports h1 {font-size:160%; padding:9px 18px; margin:0; background:#555 url(images/backgrounds_h.png) repeat-x 0 -320px; _background-image:none; color:#fff;} body.reports h2 {font-size:150%; padding:3px 6px; margin:6px 18px 6px 14px; color:#000;} body.reports h3 {font-size:140%; padding:3px 6px; margin:6px 18px 6px 30px;} body.reports h3 a {color:#7d899e; text-decoration:none;} body.reports h3 a img {margin-right:6px; vertical-align:middle;} body.reports h3.steptitle {background:#BBBBBB; color:#FFFFFF; font-size:115%; margin:0 0 12px; padding:4px 12px; letter-spacing:0;} body.reports h4 {font-size:115%; color:#fff; background:#bbb;margin:0 10px;padding:3px 12px;*height:1%;} body.reports ul li h5 {margin:12px -12px 0 -12px; padding:0 0 6px 0; font-size:100%; border-bottom:1px solid #ccc;} body.reports table.attachments {width:auto; margin:0;} body.reports table.wide {width:100%; margin:0;} /*TOC modifications*/ /*TOC list modifications*/ #toc {margin:12px 0; list-style-type:decimal; padding:0 0 0 30px; list-style-position:outside;} #toc ul {margin:0 24px 24px} .toc_div {margin:6px 18px 18px 18px; clear:both; padding:4px 0 4px 8px; *padding:0px 0 4px 8px; border:2px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px;} .toc_div ol li ul li {padding:0;margin:0;} body.reports .toc_div h2 {margin:0;padding:0;background:none;} .toc_div h2 a {text-decoration:none;font-size:85%;} .toc_div h2 a img {margin-right:6px;} .toc_div a.toggle { text-decoration:none; background:#f6f6f6; font-size:95%; float:right; font-weight:normal; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 10px 8px 10px; *padding:6px 10px 7px 10px; *margin-top:2px; position:relative; top:-4px; _top:-2px; _*padding:5px 10px 6px 10px; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .toc_div a.toggle:hover {background:#fff;} .backtotop, .dateofreport {float:right;} .dateofreport {margin:6px 18px 12px 0;} /*Collapsible block*/ body.reports .block {border:1px solid #ccc; margin:0 36px 24px 36px; background:#fff; -moz-border-radius:4px 4px 0 4px; -webkit-border-radius:4px 4px 0 4px;} /*Back to top link located at the bottom of a block.*/ .backtotop {margin-bottom:-40px; margin-right:-1px; float:right;position:relative;} .backtotop a {text-decoration:none; background:#f6f6f6; font-size:95%; padding:3px 12px 3px 8px; border:1px solid #ccc; border-top:none; display:block; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} .backtotop a:hover {background:#fff;} .backtotop a img {margin-right:5px;} /* * END REPORTS */ /*Assessments*/ div.instructionData {margin:0 0 12px;} div.instructionData ul { list-style:none; margin:0; padding:0 0 2px; border-bottom:1px solid #ccc; } div.instructionData ul li { float:left; list-style:none; margin:0 12px 0 0; padding:0 0 6px; } div.instructionData ul li span { color:#555; font-size:90%; } div.instructionData ul li h3 { display:inline; font-size:100%; margin:0; } div.instructionData ul li.instructions { float:right; margin:6px 0 0; padding:0; } div.instructionData ul li.saving { float:center; margin:6px 0 0; padding:0; } div.instructionData ul li.instructions a.browse { border:1px solid #ccc; border-bottom:none; font-size:90%; } .assessmentInstructions { position: relative; margin: 0 0 12px; padding: 3px 12px 6px; background: #f1f1f1; } .assessmentInstructions h3 { margin: 3px 0; padding: 0; } .assessmentPortlet { z-index: 1; position: fixed; right: 26px; } /* H3 and h4 are category headers inside the assessmentPortlet. */ .assessmentPortlet h3, .assessmentPortlet div.assessmentPortletBlock h4, .assessmentPortlet div.blockContents h4 { font-size:100%; color:#597298; letter-spacing:1px; /*border-bottom:1px solid #CEE2F2; padding:1px 0 2px 0;*/ font-weight:bold; } /*-------------------------------PORTLET BLOCKS--------------------------------------*/ /* Portlet Block is used when there's a need to have collapsible blocks within a portlet */ .assessmentPortlet div.assessmentPortletBlock { background:#f9f9f9; border-color: #777; display:block; padding:0; } .assessmentPortlet div.assessmentPortletBlock h4, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle { padding:0; margin:0; border:0; } /* Block Title link */ .assessmentPortlet div.assessmentPortletBlock h4 a, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle a { display:block; font-size:110%; text-decoration:none; letter-spacing:0px; /*background:#eee url(/images/ci/ng/gradient_black_short_bt.png) repeat-x 0 center;*/ background:#f1f1f1; color:#444; margin:0; padding:4px 9px; border:0; } .assessmentPortlet div.assessmentPortletBlock h4 a:hover, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle a:hover { background:#eee; } /* Span within the block title. Used to display total item count.*/ .assessmentPortlet div.assessmentPortletBlock h4 a span, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle a span { color:#ddd; font-weight:normal; } /* Portlet block groups. Contains Item Groups. */ .assessmentPortlet ul.subCategories, ul.assessmentBlockGroups { list-style:none; margin:0; padding:0; } .assessmentPortlet div.assessmentPortletBlock ul.subCategories li, ul.assessmentBlockGroups li { padding:0; margin:0; list-style:none; } .assessmentPortlet ul.subCategories li a, ul.assessmentBlockGroups li a.itemHead { padding:4px 16px; background:#e3efff url(images/more_options.gif) no-repeat 3px center; display:block; margin:0; text-decoration:none; border-top:1px solid #777; font-weight:bold; /* font-size:90%;*/ color:#597298; letter-spacing:1px; } ul.assessmentBlockGroups li a.itemHead:hover { background-color:#e3efff; text-decoration:underline; } ul.assessmentBlockGroups li a.itemHeadOpen { background:#fff no-repeat 3px center; } ul.assessmentBlockGroups li a.itemHeadOpen:hover { background-color:#fff; text-decoration:underline; } .assessmentPortlet ul.subCategories li:first-child a, ul.assessmentBlockGroups li:first-child a {border:none;} .assessmentPortlet ul.subCategories li a:hover, ul.assessmentBlockGroups li a:hover { background-color:#fff; opacity:1; filter:alpha(opacity=100); } .assessmentPortlet ul.subCategories li a span, ul.assessmentBlockGroups li a span { /*color:#777; font-weight:normal;*/ } /*Portlet block item groups. Contains Items. */ .assessmentPortlet ul.itemGroup li a, ul.assessmentBlockGroups li ul.itemGroups li a { display:inline; padding:0; font-weight:bold; font-size:105%; border:0; } .assessmentPortlet ul.itemGroup li a:hover, ul.itemGroups li a:hover { text-decoration:underline; } /* Portlet block items list. */ ul.itemGroups li ul.items { padding:2px 9px; display: block; margin: 0; font-size: 110%; } ul.assessmentBlockGroups li ul.itemGroups li a, ul.itemGroups li ul.items li a { font-weight:normal; } .assessmentPortlet div.assessmentPortletBlock h3 { /*border:none; font-weight:bold; letter-spacing:0;*/ margin:0; /*padding:0;font-size:100%;*/ } .assessmentPortlet div.assessmentPortletBlock h3 a { display:block; padding:3px 12px; margin:0; text-decoration:none; background:#f0f0f0; border-bottom:1px solid #ddd; } .assessmentPortlet div.assessmentPortletBlock h3 a:hover { text-decoration:none; } .assessmentPortlet div.assessmentPortletBlock:first-child h3 a { border-top:none; } .assessmentPortlet div.assessmentPortletBlock h3 a.open { display:block; padding:3px 12px; margin:0; text-decoration:none; background:#E3Efff url(images/less_options.gif) no-repeat 99% center; } .assessmentPortlet ul.objectList li {background-image:none;margin:0;padding:0;} .assessmentPortletBlock ul li, .blockContents ul li, ul.memberList li { background-image:none; padding:0; margin:0 0 0 0px; } .assessmentPortlet .blockContents ul li ul li span, .assessmentPortlet .blockContents ul li span, .assessmentPortlet ul li ul li span { /*color:#888;*/ margin:0 0 0 4px; } .savingQuestion { display:none; background:none; color:#CC0033; font-size:150%; position:relative; padding: 2px; } /* this is purely a dummy style to approximate the spellcheck bar in the VTBE. not for production */ tr.dummyVTBEFooter td {border:1px solid #666666; background:#eee; padding:2px; text-align:right;} /*---------------------------------------- SELF AND PEER STYLES--------------------------------------------------------*/ div.canvasHead { margin:0.6em 0; padding:6px 16px 12px; /* styled to be consistent with .stepcontent, line 54 of data_collection.css */ background:#F6F6F6; } div.canvasHead ul li { border-top:1px solid #EEEEEE; } div.canvasHead ul li:first-child {border-top:none;} div.canvasHead ul li div.label {color:#555;} .peer_instructions {margin:12px 6px;} .peerHelp {color:#555;} /* for viewSingleMarking.jsp */ h2.evaluator {margin:1em 0 .3em;} h2.evaluator span {font-weight:normal; font-size:90%;} /* for evaluation.jsp - also applies to the Test/Survey Status Bar in Assessments too */ /* Criteria status bar. Provides navigation options similar to those in assessmentPortlet. Uses different/less markup, but should be revamped in 9.1. */ div.peerCriteriaStatus { border:1px solid #bbb; padding:.3em; background:#fff; } div.peerCriteriaStatus a.itemHeadOpen { display:block; margin:0; text-decoration:none; font-weight:bold; font-size:90%; color:#597298; letter-spacing:1px; } div.peerCriteriaStatus a.itemHeadOpen:hover { text-decoration:underline; } div.peerCriteriaStatus td.qStatus { padding:4px 1px; width:5%; } div.peerCriteriaStatus td.qStatus a span { border:1px solid #fff; padding:1px 1px 1px 2px; background:white; font-weight:bold; } div.peerCriteriaStatus td.qStatus a span.qComplete { border:1px solid #ccc; background:#eee; } div.peerCriteriaStatus td.qStatus a.qActive span.qComplete, div.peerCriteriaStatus td.qStatus a.qActive span.qIncomplete { border:1px solid black; text-decoration:none; } div.peerCriteriaStatus a span img { padding:2px; width:12px; height:12px; } .questionNumber, .questionType { font-weight:bold; } .questionDiv { margin:-1px 0 6px 0; border:1px solid #CCC; padding:.6em; } .questionDiv h3 { margin:0 0 .6em; border-bottom:1px solid #ddd; padding:0 0 .6em; } .questionDiv p { margin:.6em 1.2em; padding:0; } .questionDiv div.criteriaText { margin:.6em 1.2em; padding:0; font-size:95%; } .questionDiv div.submission_text { border:1px solid #ccc; padding:2px 4px; width:100%; height:150px; overflow:auto; } .questionDiv table {width:98%} .questionDiv table table {width:auto;} .questionDiv td.label { width:150px; white-space:nowrap; } #creceipt { padding:4px; color:red; font-weight:bold; } /* used to show name and metadata of attached files. needs review */ ul.fileData { clear:both; margin:3px 0; padding:0; list-style:none; } ul.fileData li { float:left; margin:0; border-left:1px solid #ddd; padding:2px 6px; } /* used for the "label/header" of the tabset - builds on existing containerTabs css */ ul.containerTabs li.tabhead { background:transparent; border:none; text-align:left; } ul.containerTabs li h3 { border:none; margin:0; padding:5px 12px 6px 0; white-space:nowrap; font-size:100%; } /* end of styles for evaluation.jsp */ /* styles for studentViewResults.jsp */ ul.listNav { /* list nav styles the navigation among criteria. a one-off. should be replaced in 9.1. */ width:100%; list-style:none; margin:0; padding:0; background:#ddd; } ul.listNav li { float:left; margin:1px; background:#ededed; padding:0; text-align:center; color:#2d2680; white-space:nowrap; } ul.listNav li a { text-decoration:none; display:block; padding:4px 10px; } ul.listNav li a:hover { background-color:#dedede; text-decoration:underline; } ul.listNav li a.active { border:2px solid #000; background:#fff; padding:2px 8px; font-weight:bold; color:#000; } ul.evaluation { /* styles the criteria metadata (text/feedback/points, etc.). another one-off. should be replaced. */ margin:.6em 1.2em; padding:0; background:transparent; list-style:none; } ul.evaluation li { clear:both; margin:0; border-top:1px solid #ddd; padding:4px 0; } ul.evaluation li p { float:left; margin:1px 0; padding:0; width:79%; } ul.evaluation h4 { margin:1px 0; padding:0; padding-left:4px; float:left; width:20%; font-size:100%; } ul.evaluation li p span {color:#555;} /* end of styles for studentViewResults.jsp */ /* viewSingleSubmission.jsp - should be added to data_collection.css line 906 */ div.stepPanel div.user_html { margin: 5px 5px 12px 12px; padding: 0; } ul.stepPanels h4.defaultCursor, h4.defaultCursor {cursor:default;} /* For the question completion status in assessments... if we switch away from this then change it, but current req. is to leave this bit as/is */ .qShow { DISPLAY: block } .qHide { DISPLAY: none } .completionContainer { OVERFLOW: auto; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; } .completionContainerLarge { OVERFLOW: auto; HEIGHT: 75px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; } .pagedAssessment, .assessmentPortlet + #dataCollectionContainer div h3.steptitle { margin:-1px -10px 3px -10px; border:0; background:#888 !important; color: #ffffff !important; -moz-border-radius:0; } .pagedRumble { margin:0 0 14px; padding:4px 2px; border:0; background:transparent; } .pagedControls { /* margin:-5px -4px -5px -40px !important; padding:5px 4px 6px 40px; background:#FFF7DE !important; color: #000000 !important;*/ } /* This style isn't used right now - was for rendering the paged points in a block without the grey bar */ .pagedPointsOutsideBar { background: #FAE7AE none repeat scroll 0% !important; color: #000000 !important; font-weight: bold; line-height: 100%; margin: 0pt 0px 0pt 0pt; padding: 0px 0px 0px 0px; position:relative; top: 0pt; left:auto; right: 6px; font-size: 110%; letter-spacing: 1px; } .pagedPoints { background: #FAE7AE none repeat scroll 0% !important; color: #000000 !important; font-weight: bold; line-height: 100%; margin:-5px 24px -5px -10px !important; padding:5px 0px 6px 10px; font-size: 110%; letter-spacing: 1px; } /* The following are hacks used by the contentplayer */ /* Used by content player view attempt for font sizing. Can be removed after plugins-contentplayer/web/grading/viewAttempt.jsp has been re-written without tables */ .bb-cpgbtd { font-family:Arial,Helvetica,sans-serif; font-size:10pt; } /* Used by content player view attempt for font sizing. Can be removed after plugins-contentplayer/web/grading/viewAttempt.jsp has been re-written without tables */ .bb-cpgbth { font-family:Arial,Helvetica,sans-serif; font-size:10pt; } /* Used by content player modify grade for font sizing. Can be removed after plugins-contentplayer/web/grading/modifygrade.jsp has been re-written without tables */ .bb-cpmgtd { font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:9pt; } /*Used by content player modify grade for font sizing. Can be removed after plugins-contentplayer/web/grading/modifygrade.jsp has been re-written without tables */ .bb-cpmgth { font-family:Arial,Helvetica,sans-serif; font-size:9pt; font-weight:bold; } /* end content player hacks */ /*Assessments?*/ .qIncomplete { float: left; display: block; border: 1px solid #999; width: 30px; text-align: center; font-weight: bold; margin: 1px; color:#333; background:#fff; text-decoration:none; } .qComplete { float: left; display: block; border: 1px solid #999999; width: 30px; text-align: center; color: #003366; background-color: #CCCCCC; color:#888; font-weight: normal; margin: 1px; text-decoration:none; } /*llaucys. Question type layout adjustments.*/ .assessmentPortlet + #dataCollectionContainer .noLabelField > div, .assessmentPortlet + #dataCollectionContainer div.pagedRumble + div > div {border-bottom:1px dotted #CCCCCC; margin:0 0 12px; padding:4px 9px 12px;} .assessmentPortlet + #dataCollectionContainer div.pagedRumble + div, .assessmentPortlet + #dataCollectionContainer > div {margin:0 0 12px;background:#fafafa;border:1px solid #eee;padding:0 9px 12px} .assessmentPortlet + #dataCollectionContainer .stepcontent li {border-bottom:0; margin-bottom:0; padding-bottom:0;} .assessmentPortlet + #dataCollectionContainer .stepcontent {padding:0;margin:0} .assessmentPortlet + #dataCollectionContainer p.taskbuttondiv:first-child {margin: 18px 0 12px;} .qComplete img {margin:-4px 0 0 4px; *margin:0 0 0 4px;} /*Discussions*/ dl { margin: 1em; } dt { float: left; clear: left; margin: 0; padding: 0.1em; width: 8em; font-weight: bold; } dd { margin: 0 0 0 9em; padding: 0.1em; } /* star rating code - use lists because its more semantic */ /* No javascript required */ /* all the stars are contained in one matrix to solve rollover problems with delay */ /* the background position is just shifted to reveal the correct image. */ /* the images are 16px by 16px and the background position will be shifted in negative 16px increments */ /* key: B=Blank : O=Orange : G = Green * / /*..... The Matrix ....... */ /* colours ....Background position */ /* B B B B B - (0 0)*/ /* G B B B B - (0 -16px)*/ /* G G B B B - (0 -32px)*/ /* G G G B B - (0 -48px)*/ /* G G G G B - (0 -64px)*/ /* G G G G G - (0 -80px)*/ /* O B B B B - (0 -96px)*/ /* O O B B B - (0 -112px)*/ /* O O O B B - (0 -128px)*/ /* O O O O B - (0 -144px)*/ /* O O O O O - (0 -160px)*/ /* the default rating is placed as a background image in the ul */ /* use the background position according to the table above to display the required images*/ .rating { position: relative; margin: 0; padding: 0; width: 80px; height: 16px; background: url(images/controls.png) no-repeat 0 -20px; list-style: none; } /* add these classes to the ul to effect the change to the correct number of stars */ .star0 { background-position: 0 -20px; } .star1 { background-position: 0 -36px; } .star2 { background-position: 0 -52px; } .star3 { background-position: 0 -68px; } .star4 { background-position: 0 -84px; } .star5 { background-position: 0 -100px; } ul.rating li { /*ie5 mac doesn't like it if the list is floated\*/ float: left; /* end hide*/ cursor: pointer; text-indent: -999em; } ul.rating li a { z-index: 200; position: absolute; left: 0; top: 0; width: 16px; height: 16px; text-decoration: none; } ul.rating li.one a { left: 0; } ul.rating li.two a { left: 16px; } ul.rating li.three a { left: 32px; } ul.rating li.four a { left: 48px; } ul.rating li.five a { left: 64px; } ul.rating li a:hover { z-index: 2; width: 80px; height: 16px; overflow: hidden; left: 0; background: url(images/controls.png) no-repeat -90px -36px; } ul.rating li.one a:hover { background-position: -90px -36px; } ul.rating li.two a:hover { background-position: -90px -52px; } ul.rating li.three a:hover { background-position: -90px -68px; } ul.rating li.four a:hover { background-position: -90px -84px; } ul.rating li.five a:hover { background-position: -90px -100px; } /* end rating code */ div.collectionViewReadMessageBorder { border-left: 1px solid #ccc; margin-left: 30px; } div.collectionViewUnreadMessageBorder { border: 3px solid #999; margin-left: 30px; } table.treeframe tr td, table.tree_view tr td img {vertical-align:middle;} table.treeframe {margin: 0px;} table.treeframe tbody tr td, table.treeframe thead tr th { padding: 1px; } table.treeframe tr.high { background-color: transparent; } tr.thread td {border-top:1px solid #ccc;vertical-align:middle;} tr.thread td img {vertical-align:middle;} table.unreadmessageborder { border: 3px solid rgb(102, 102, 102); } table.readmessageborder { border: 1px solid rgb(204, 204, 204); } tr.show { display: table-row; } tr.hide { display: none; } .loadingelipse { display: block; padding: 4px 14px; font-weight:bold; font-size: 90%; text-align: center; border: 1px solid #ccc; background: #ffffcc; width: 140px; margin: auto; } .gradefield { overflow:visible; padding:4px 12px; margin:9px 0 9px 0; color:#000; font-size:120%; vertical-align:middle; _height:1%; text-align:center; } .gradefield input { padding:1px 3px 0 3px; margin:0px; border:2px solid #666; font-weight:bold; font-size:110%; vertical-align:middle; font-family:arial,sans-serif; background:#ffffff; line-height:100%; _line-height:120%; } .gradefield input.inputtypebutton { display:inline; overflow: visible; padding:2px 6px 1px 6px; padding:2px 8px 1px 8px; font-size:80%; font-weight:normal; width:auto; height:auto; border:1px solid #ccc; background:#ededed; _width:auto; } .gradefield a { font-weight:bold; font-size:120%; } .gradefield span { font-size:80%; padding:0 9px; color:#555; } .overridegrade { margin:3px 0 3px 9px; font-size:80%; padding:0px 12px 0px 12px; display:inline; border-left:1px solid #ccc; vertical-align:middle; } .overridegrade input.inputtypebutton { font-size:70%; font-weight:normal; vertical-align:middle; margin-top:-3px; } div.parentmessage { clear: both; border-right: #ccc 1px solid; padding-right: 6px; border-top: #ccc 1px solid; padding-left: 6px; font-size: 90%; background: #ededed; padding-bottom: 9px; margin: 6px; border-left: #ccc 1px solid; padding-top: 3px; border-bottom: #ccc 1px solid } .availability { padding-right: 3px; padding-left: 3px; font-size: 85%; padding-bottom: 1px; margin: 6px 0px; width: auto; padding-top: 1px; font-style: italic } td.tag_controls {background:#cad7e7;border-bottom:1px solid #ccc;padding:3px 3px 3px 6px;} td.msg_controls {background:#cad7e7;border-bottom:1px solid #ccc;padding:3px 3px 3px 0;} td.checkbox_cell {padding:6px 6px 0 6px; vertical-align:top; border-right: 1px solid #cccccc} /*style modified in rtol.css*/ td.prevnextpostarea{ white-space: nowrap; text-align: center; padding: 2px 5px 3px 5px; background: #fff; border: 1px solid #ccc; } h3.dbheading { /* inserted to counteract margins in discussion board. */ margin-top: 0; margin-bottom: 0; font-weight: normal; display: inline; } /* ------------- Collection and Thread Detail pages -----------------------------*/ div.dbThread { position: relative; margin:.9em 0; border: 1px solid #ccc; } div.dbThreadCheckbox {position:absolute;} div.dbThreadCheckbox input {margin:10px;} div.dbThreadInfo {background:#eee;} div.dbThreadInfo dl { float:left; margin:.6em; width:45%; font-size:95%; } div.dbThreadBody {padding:1.2em .6em;} p.dbAttachment, div.dbParentPost p.dbAttachment {padding:1.2em .6em 0 0;} div.dbThreadHeader { border-bottom:1px solid #ccc; padding:.6em; background:#e3efff; } div.dbThreadFooter { padding:.6em; background:#e3efff; } div.dbThreadFooter div.navButtons, div.dbThreadHeader div.navButtons { float:left; width:49%; } div.dbThreadFooter div.threadButtons, div.dbThreadHeader div.threadButtons { float:right; width:49%; text-align:right; } div.dbThreadFooter a, div.dbThreadHeader a { *display:inline-block; *vertical-align:middle; } div.spacerDiv {clear:both;} /* not sure what this does. the clear property was hard coded on an empty div in both pages, so I put it in here. */ div.threadButtons a.reply, div.dbThreadInfo p a.reply { font-weight:bold; text-decoration:none; padding:0 6px 2px; color:#fff; background-color:#819AC0; background-image:url(images/backgrounds_h.png); background-position: 0 -50px; background-repeat:repeat-x ; border:1px solid #666E94; border-bottom:2px solid #444A6C; border-right:2px solid #444A6C; _background-image:none; } div.threadButtons a.reply:hover, div.dbThreadInfo p a.reply:hover { background:#444A6C; color:#fff; border:1px solid #444A6C; border-bottom:2px solid #444A6C; border-right:2px solid #444A6C; } /* thread detail page */ div.dbThreadInfo p {padding:.6em;} div.dbThreadInfo p.detailButtons { float:right; } div.dbThreadTree { border:1px solid #ccc; height:200px; } div.dbThreadMessage {margin-top:10px;} /* "message frame" of thread detail page (message_frame.jsp) */ div.dbParentPost { margin:-.6em 0 1.2em; background:#eee; padding:.6em .6em 0; font-size:95%; color:#444; } div.dbParentPost h4 { margin:0 0 .6em; } div.dbParentPost h4 a { display:block; width:100%; } div.dbParentPost p { margin:0; padding:0 0 1.2em; font-size:100%; } div.dbParentPostBody { clear: both; margin-bottom:.6em; background:#fcfcfc; padding:0.6em; } .loadingElipse { display:block; padding:4px 14px; font-weight:bold; text-align:center; border:1px solid #ccc; background: #FFF7DE; width:140px; margin:12px auto; } .unreadmessage, h3.unreadmessage { font-weight: bold; } /*Course creation wizard*/ /* styles for course setup wizard */ body.wizardBody {_margin-top:10px;} /* wizard content pane */ body.wizardBody div#contentPanel { margin-bottom:10px; margin-left:159px; } body.wizardBody div#pageTitleDiv img {display:none;} body.wizardBody div.reqfield { float:none; margin:0 0 6px -6px; } div.wizardHead { background:#fff; padding:0 0 2px; } div.wizardHead h2 { margin:0; } div.wizardHead p.helphelp { padding:4px 4px 0 0; } body.wizardBody div.container {min-height:80%;} body.wizardBody div.containerWizard { margin:0 -12px; padding:3px 0 14px; border:1px solid #bbb; background:#cdcdcd; /*overflow:auto;*/ } body.wizardBody div.containerWizard div.locationPane {*width:99%;} body.wizardBody ul.contentList li div.details {overflow-x:visible;} p.wizardFinishText {margin:6px 0px 150px;} /* submit controls */ p.wizardSubmit { margin:0; padding:12px 0 6px; } p.wizardSubmit input[type=image] {padding:2px 3px 3px;} p.wizardSubmit input.submit { _background:#819AC0; _border-color:#566E94; _color:#fff; } p.wizardSubmit span {font-size:95%;} p.wizardSubmit span strong {color:#000;} div.wizardBottomRound b.inner, div.wizardBottomRound b.outer, div.wizardBottomRound b.middle {background:#FFF1c5;} /* progress tracker (wizard nav pane) */ div.navigationPaneWizard { margin-top:45px; _margin-top:55px; width:159px; } div.navigationPaneWizard div b.inner, div.navigationPaneWizard div b.middle, div.navigationPaneWizard div b.outer {margin-right:0!important;} div.navigationPaneWizard div.navPalette { margin:0 0 12px 12px; } div.navigationPaneWizard div.navPalette div.navPaletteContent h2 {padding:3px 9px;} div.navigationPaneWizard div.navPalette span { display:block; padding:6px 9px; background-color:#ededed; } div.navigationPaneWizard div.navPalette ul {/* amends style from nav_location.css (line 74)*/ margin:0; padding:0; background-color:#ededed; list-style:none!important; } div.navigationPaneWizard div.navPalette ul li {/* amends style from nav_location.css (line 81)*/ margin:0; border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; padding:4px 9px 4px 24px; background:url(/images/ci/icons/bullet_off_ia.gif) no-repeat 0 0; color:#444; } div.navigationPaneWizard div.navPalette ul li:first-child { border-top:none; } div.navigationPaneWizard div.navPalette ul li.currentStep { background:white url(/images/ci/icons/bullet_active_ia.gif) no-repeat 0 0; font-weight:bold; } div.navigationPaneWizard div.navPalette ul li.visitedStep { background:url(/images/ci/icons/bullet_inactive_ia.gif) no-repeat 0 0; } /*Outcomes*/ /* * OUTCOMES */ /* * END OUTCOMES */ /*Rubrics*/ /* ---------------------------------- RUBRICS ---------------------------------- */ #theGrid {position:relative;} .gridOverflowControl {*overflow:hidden; overflow-x:auto; padding-bottom:24px; zoom:1; *position:static; *height:1%;} .rubricTable {width:100%; *width:auto; border: 1px solid #ccc;} .rubricTable th, .rubricTable td { border: 1px solid #ccc!important; padding: 3px; background: #f6f6f6; vertical-align: top; } .rubricTable th, .rubricTable thead td { background: #dedede; color: #444; font-weight: bold; } /*table.rubricTable thead td.empty {border:none; background:transparent;}*/ .rubricTable tbody td textarea { width: 95%; *width:auto; min-width:9em; height: 6em; color: #555; border: 1px solid #ccc; } .rubricTable tbody td textarea + script + div {text-align:right;} .rubricTable tbody td div {white-space:nowrap;} .rubricTable tbody td div input[type="text"] {/* overrides a stepItems-reorder class in line 667 of inventory_tables.css */ border: 1px solid #ccc; width: 2em; } .rubricTableView th, .rubricTableView td {padding:6px; color:#555;}/* appended to the grid when it is in "view" mode */ /* Reorder Panel*/ #rubricRowReorder { position: absolute; top: 5em; z-index: 100; } #rubricColReorder { position: absolute; top:3em; z-index: 100; *width:auto; } #rubricColReorder fieldset {position:relative;white-space:nowrap;} #rubricColSort { margin-right:60px; white-space:nowrap; } #rubricColSort li { display:inline-block; *display:inline; position:relative; margin:0 1px; padding:0 6px 2px 24px; border-right:1px dotted #999!important; white-space:nowrap; } #rubricColSort li input { position:absolute; left:0; top:0; } #reorderPanelControls{ position:absolute; right:0; top:0; } #reorderPanelControls a {text-decoration:none;} /* ---------------------------------- END RUBRICS ---------------------------------- */ /*---End screen type tweaks---*/ /*Colors @import url("colors.css");*/ /*Temporary*/ /* * TEMPORARY STYLESHEET * Developers: place styles for new features/modifications here and annotate them with "@since [release number]." * All styles are to be moved to permanent stylesheets prior to release. */ .randomBlockCriteria ul {font-size:115%;} .randomBlockCriteria ul li span, .randomBlockCriteria ul li a { background:#FFF7DE; color:#000000; display:block; float:left; margin:0 2px 2px; padding:1px 7px; white-space:nowrap; -moz-border-radius:2px; -webkit-border-radius:2px; border:1px solid #ccc; border-color:#CFB567 #EFD995 #EFD995 #CFB567; } .randomBlockCriteria ul li { float:left; font-size:90%; margin:0 12px 0 1px; padding:2px; white-space:nowrap; } .randomBlockCriteria ul li strong { font-weight:bold; margin:2px 0 2px 0; } /* * END TEMPORARY */ /*@branding - do not remove*/ #courseMenu { background-color:#ededed; border-top:1px solid #ddd; color:#444; } /* * END BB LEARN THEME */